@charset "utf-8"; 

div[class^="E08"]{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; ; }

/* container */
#container {overflow:hidden; position:relative; width:100%; padding-top:145px; }
#container:after {display:block; clear:both; content:""; }

.main_content {position:relative; z-index:10; width:100%; }

.conBox01{position:relative; width:100%; height:auto; margin-top:-135px;background:url(/images/common/E_08_main/M_link01_bg.png) repeat;}
.conBox01::before{position:absolute; top:0; left:50%; z-index:0; width:600px; height:100%; margin-left:-1000px; background:#005596; content:""; }
.conBox02{overflow:hidden;max-width:1400px; height:auto; margin:30px auto;background:#fff;}
.conBox03{margin-top:30px;background-color:#f3f3f3;}
.conBox03 .con_wrap{overflow:hidden;max-width:1400px;margin:0 auto;}

.E08_1{position:relative; max-width:1400px; width:100%; height:135px; margin:0 auto;}
.E08_2{float:left;position:relative; z-index:2;width:661px;height:214px;}
.E08_3{float:left;width:438px;height:214px;margin-left:30px;}
.E08_4{float:left;width:240px;height:214px;margin-left:30px;}
.E08_5{float:left;height:80px;}
.E08_6{float:right;height:80px;}

@media screen and (max-width:1420px) { 

	.conBox01::before{left:0; width:300px; margin-left:0; }
	.conBox02,
	.conBox03 .con_wrap{width:95%;}

	.E08_2{width:44%;}
	.E08_3{width:31%;margin-left:2%;}
	.E08_4{width:21%;margin-left:2%;}
}

@media screen and (max-width:1215px) { 

	.E08_5,
	.E08_6{float:none;width:100%;}
}

@media screen and (max-width:1200px) { 

	/* container */
	#container {padding:0; }
	
	.conBox01{margin-top:-243px;}
	.conBox01::before{display:none;}
	.conBox02::before{width:270px;}

	.E08_1{height:243px;}
}

@media screen and (max-width:1030px) { 

	.E08_2{float:none;width:100%;}
	.E08_3{width:50%;margin-top:30px;margin-left:0;}
	.E08_4{width:48%;margin-top:30px;}
}

@media screen and (max-width:760px) {

	.conBox01{margin-top:0;}

	.E08_1{height:327px;}
}

@media screen and (max-width:700px) {

	.E08_3,
	.E08_4{float:none;width:100%;}
	.E08_4{margin-left:0;}
}

@media screen and (max-width:480px) {

	.E08_1{height:569px;}
	.E08_5,
	.E08_6{height:auto;}
}