@charset "UTF-8";

/**************************************

index CSS　トップページ


***************************************/


/**************************************
キャッチ Catch-AREA
***************************************/



section.catch-waku{
	clear:both;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	min-width:1000px;
	background:url(../images/en_01_01_back.jpg) no-repeat;
	background-position: center center;
	background-size: 100%;
	height: 350px;
	border-top:1px solid #7898c1;
}

div#catch-img{
	display:block;
	width:999px;
	padding-top:212px;
	height:0px;
	overflow:hidden;
	background:url(../images/en_01_01_catch.png) no-repeat;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}

/**************************************
メイン main-AREA
***************************************/

section.main-area-01{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	padding-bottom:30px;
}


div.main-area-L {
	float:left;
	width:170px;
	padding-left:10px;
}

div.main-area-R {
	float:left;
	width:820px;
}

#issue-box a{
	float:left;
	width:798px;
	height:202px;
	border:1px solid #C1C1C1;
	background-color:#FFF;
	margin-left:14px;

}



#issue-box-L {
	float:left;
	width:210px;
}

#issue-box-C {
	float:left;
	width:510px;
	padding:30px 0 0 0;
}

div.issue-box-lead{
	color:#18326D;
	line-height:26px;
}

div.issue-box-three{
	margin:8px 0 0 0;
}

div.issue-waku{
	float:left;
	border:1px solid #EF9A03;
	padding:5px 22px;
	color:#EF9A03;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin:0 17px 0 0;
}

div.issue-waku-last{
	margin:0;
}

#issue-box-R {
	float:left;
	width:65px;
	padding:31px 0 0 5px;
}


div.issue-box-desc{
	width:728px;
	background-color:#4479BC;
	color:#FFF;
	padding:5px 35px;
	float:left;
	height:48px;
	line-height:23px;
}


#exp-box-L a{
	float:left;
	width:230px;
	margin:0 56px 0 13px;
}

#exp-box-C a{
	float:left;
	width:230px;
	margin-right:55px;
}

#exp-box-R a{
	float:left;
	width:230px;
}

.img-btm {
	margin-bottom:3px;
}

p.img-text{
	color:#303030;
	font-size:16px;
	line-height:18px;
}


div.back-01{
	background-color:#dfe7f0;
	min-width:1000px;
	width:100%;

}

.serv-box-L{
	float:left;
	margin-right:32px;
}

.serv-box-L a{
	float:left;
	margin-right:32px;
	margin-bottom:0 0 20px 0;
}




.serv-box-R {

	float:left;
}

.serv-box-R a{

	float:left;
}

.serv-box-waku{
}

.serv-box-waku-btm{
	margin:0 0 30px 0;
}

.serv-back{
	height:266px;
	width:388px;
	background-color:#FFF;
	border:1px solid #CCC;
}

p.img-text-00{
	color:#FFF;
	font-size:16px;
	line-height:14px;
	width:200px;
	margin:5px 0 0 10px;
	background-color:#4479BC;
	padding:4px 6px;
}

p.img-text-02{
	color:#1e3e89;
	font-size:16px;
	line-height:17px;
	width:240px;
	margin-top:5px;
}

h4.serv-title-01{
	color:#18326D;
	font-size:18px;
	padding:5px 10px;
	line-height:22px;
}

p.img-text-03{
	color:#1a66d5;
	font-size:14px;
	line-height:17px;
	width:375px;
	text-align:right;
	float:left;
}

p.img-text-04{
	color:#1e3e89;
	font-size:16px;
	line-height:17px;
	width:360px;
	margin-top:3px;
}

h4.what-title{
	color:#1e3e89;
	font-size:19px;
	font-weight:bold;
	line-height:23px;
	width:360px;
	margin-top:5px;
}


div.back-02{
	background-color:#f1f1f1;
	min-width:1000px;
	width:100%;

}


#what-box-L a{
	float:left;
	width:390px;
	margin-right:32px;
}


#what-box-R a {
	float:left;
	width:390px;
}

#what-img-01{
	display:block;
	width:390px;
	padding-top:166px;
	height:0px;
	overflow:hidden;
	background:url(../images/en_01_04_001.png) no-repeat;
}

#what-img-02{
	display:block;
	width:390px;
	padding-top:166px;
	height:0px;
	overflow:hidden;
	background:url(../images/en_01_04_002.jpg) no-repeat;
}


div.back-03{
	background-color:#18326d;
}


#vision-video{
	margin-left:128px;
	width:560px;
}

.vision-title-01{
	font-size:17px;
	line-height:24px;
	color:#FFF;
}

.vision-title-02{
	font-size:24px;
	line-height:20px;
	color:#FFF;
	padding-bottom:10px;
}

.vision-title-02-L{
	font-size:24px;
	line-height:20px;
	color:#FFF;
	padding-bottom:10px;
	float:left;
	width:474px;
}

.vision-title-02-R{
	font-size:24px;
	line-height:20px;
	color:#FFF;
	padding-bottom:10px;
	text-align:right;
	float:left;
	width:20px;
}


#member-box{
	margin-left:180px;
}

h4.member-title{
	font-size:30px;
	color:#18326D;
	text-align:center;
}

#member-frame{
	margin:16px 0 0 0;
}

#member-L{
	float:left;
	width:233px;
	padding-right:28px;
	border-right:1px solid #dbdbdb;
}

#member-C{
	float:left;
	width:233px;
	padding:0 28px 0 28px;
	border-right:1px solid #dbdbdb;
}

#member-R{
	float:left;
	width:233px;
	padding:0 0 0 28px;
}

h5.member-headline{
	display:block;
	width:233px;
	padding-top:37px;
	height:0px;
	overflow:hidden;
}

h5.member-h-01{
	background:url(../images/en_01_06_001.jpg) no-repeat;
}

h5.member-h-02{
	background:url(../images/en_01_06_002.jpg) no-repeat;
}

h5.member-h-03{
	background:url(../images/en_01_06_003.jpg) no-repeat;
}

p.member-s {
	width:200px;
	height:46px;
	margin:10px 0 0 20px;
	font-size:14px;
	line-height:15px;
}

p.member-n {
	width:186px;
	margin:0 0 0 20px;
	font-size:12px;
	text-align:right;
}

.member-img{
	width:186px;
	height:127px;
	margin:5px 0 0 20px;
}




/*　ポップアップウィンドウ　*/
div.video-box {
	width:510px;
	height:286px;
	background-color:#FFF;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	margin:0 auto;
	padding:5px 0 0 0;
}
.modal > label {
background: #FFD300;
color: #000;
cursor: pointer;
display: inline-block;
}

.movie-over :hover {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
	cursor:pointer ;
}

.modal-overlay {
background-color: rgba(0,0,0,0.7);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align:center;
}

.modal-wrap {
position: relative;
margin: 0 auto;
width: 100%;
}

.modal-wrap label {
cursor: pointer;
display: inline-block;
width:510px;
text-align:right;
margin-top:20px;
}

input {
position: absolute;
z-index: -9999;
visibility: hidden;
}

.modal-overlay {
opacity:0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 0.75s cubic-bezier(0.65, -0.55, 2.0, 1.55);
	-moz-transition: all 0.75s cubic-bezier(0.65, -0.55, 2.0, 1.55);
	-ms-transition: all 0.75s cubic-bezier(0.65, -0.55, 2.0, 1.55);
	-o-transition: all 0.75s cubic-bezier(0.65, -0.55, 2.0, 1.55);
	transition: all 0.75s cubic-bezier(0.65, -0.55, 2.0, 1.55);
z-index: -999;
}

input:checked ~ .modal-overlay {
opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-0-transform: scale(1);
	transform: scale(1);
z-index: 999;
}


/*　□□□　リンク　マウスオーバー指定　□□□　*/

.vision-title-02-R a:hover,
#what-box-R a:hover,
#what-box-L a:hover,
.serv-box-L a:hover,
.serv-box-R a:hover,
#issue-box a:hover,
#exp-box-L a:hover,
#exp-box-C a:hover,
#exp-box-R a:hover,
h5.toi-btn a:hover,
div#ichi-btn a:hover{
	opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=80); /* IE lt 8 */
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    -khtml-opacity: .80; /* Safari 1.x */
    -moz-opacity: .80; /* FF lt 1.5, Netscape */
}