@charset "utf-8"; 

div[class^="F08"]{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:155px; overflow:hidden; z-index:0;}
#container:after {display:block; content:""; clear:both; }

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

.conBox01{position:relative; width:100%; background:url('/images/common/F_08_main/bg_conBox01.png');}
.conBox02{position:relative; width:100%;}
.con_wrap{position:relative; width:100%; max-width:1400px; height:auto; margin:0 auto; overflow:hidden;}

.F08_1{position:relative; width:1000px; height:430px; float:left;}
.F08_2{position:relative; width:400px; height:430px; float:left;}
.F08_3{position:relative; width:100%; max-width:1400px; height:auto; margin:50px auto;}

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

	.F08_1{position:relative; width:70%;}
	.F08_2{position:relative; width:30%;}
	.F08_3{width:96%;}
}

@media screen and (max-width:1200px) { 
	/* container */
	#container {padding:0;}

	.F08_1{width:65%;}
	.F08_2{width:35%;}
}

@media screen and (max-width:980px) { 
	
	.F08_1{width:100%; height:400px;}
	.F08_2{width:100%; height:auto}
	.F08_3{margin:30px auto;}

}

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

	.F08_1{width:100%; height:380px;}




}

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