@charset "utf-8"; 

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

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

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

.conBox01{position:relative; width:100%; height:420px; background:url('/images/common/E_06_main/bg_conBox01.png'); overflow:hidden;}
.conBox01::before{content:''; position:absolute; top:0; left:50%; width:710px; height:420px; margin-left:-960px; background:#354da7;}
.conBox02{position:relative; width:100%; height:auto; background:#f0f0f0; overflow:hidden;}
.conBox02::before{content:''; position:absolute; top:0; left:50%; width:710px; height:545px; margin-left:-960px; background:#212d57;}
.con_wrap01{position:relative; width:100%; height:auto; max-width:1400px; margin:0 auto; overflow:hidden;}
.con_wrap02{position:relative; width:100%; height:auto; max-width:1400px; margin:0 auto; overflow:hidden;}


.E06_1{position:relative; width:450px; height:238px; float:left;}
.E06_2{position:relative; width:535px; height:238px; float:left; margin:0 30px;}
.E06_3{position:relative; width:355px; height:238px; float:left;}
.E06_4{position:relative; width:1370px; height:182px; float:left; margin:0 0 0 30px;}
.E06_5{position:relative; width:450px; height:545px; float:left;}
.E06_6{position:relative; width:920px; height:545px; float:left; margin:0 0 0 30px;}

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

	.conBox01::before{width:5%; left:0; margin-left:0;}
	.conBox02::before{width:5%; left:0; margin-left:0;}
	.con_wrap01{width:95%;}
	.con_wrap02{width:95%;}
	.E06_1{width:30%;}
	.E06_2{width:39%; margin:0 3%;}
	.E06_3{width:25%;}
	.E06_4{width:100%; margin:0;}
	.E06_5{width:30%;}
	.E06_6{width:67%; margin:0 0 0 3%;}

}

@media screen and (max-width:1200px) {
	/* container */
	#container {padding:0;}
	
	.conBox02::before{display:none;}
	.con_wrap02{width:100%;}
	.E06_5{width:100%; height:auto;}
	.E06_6{width:100%; height:auto; margin:0;}
}


@media screen and (max-width:980px) { 
	.conBox01{height:auto;}
	.conBox01::before{display:none;}
	.con_wrap01{width:100%;}
	.E06_1{width:100%; height:auto;}
	.E06_2{width:60%; margin:0 2.5%;}
	.E06_3{width:35%;}

	
}

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

	.E06_2{width:95%; height:220px}
	.E06_3{width:95%; height:auto; margin:0 2.5%;}
	.E06_4{height:auto;}


}

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


}