@charset "utf-8"; 

div[class^="F01"]{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; }
.main_content .con_wrap, 
.main_content .con_wrap02{position:relative; width:100%; max-width:1400px; margin:0 auto; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}

.conBox01{position: absolute; left:50%; top:-250px; margin-left:-700px; overflow:hidden; }
.conBox02{position:relative; width:100%; padding:50px 0; overflow:hidden; background:url('/images/common/F_02_main/bg_conBox02.png');}
.conBox02 .con_wrap02{margin:30px auto 0; padding:20px; border:2px solid #fff;}
.conBox03{position:relative; width:100%; max-width:1400px; margin:40px auto 60px;}

.F02_1{position:relative; width:620px; height:115px; overflow:hidden;}
.F02_2{position:relative; width:520px; height:300px;  margin-left:440px; float:left;}
.F02_3{position:absolute; width:400px; height:300px; left:0; top:0;}
.F02_4{position:relative; width:400px; height:300px; float:right;}
.F02_5{position:relative; width:520px; height:170px; float:left;}
.F02_6{position:relative; width:770px; height:170px; float:right;}
.F02_7{position:relative; width:100%; height:300px; margin:0 auto;}

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

	.main_content .con_wrap, .main_content .con_wrap02{width:96%;}

	.conBox01{left:2%; margin-left:0;}
	
	.F02_2{width:36%; margin-left:32%;}
	.F02_3{width:30%;}
	.F02_4{width:30%;}
	.F02_5{width:39%;}
	.F02_6{width:59%;}
	.F02_7{width:96%; height:auto;}
}

@media screen and (max-width:1200px) { 
	/* container */
	#container {padding:0; }
	
	.conBox01{top:-150px;}
	.conBox02{padding:20px 0;}
	.conBox02 .con_wrap02{margin:20px auto 0;}
	.conBox03{margin:30px auto;}
	
	.F02_2{width:100%; height:auto; margin:0 0 20px;}
	.F02_3{position:relative; left:auto; top:auto; width:49%; float:left;}
	.F02_4{width:49%;}
	.F02_5{width:100%; height:auto; margin:0 0 20px;}
	.F02_6{width:100%; height:auto;}
}

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

	.conBox01{position:relative; top:auto; left:auto; background:url('/images/common/F_02_main/bg_conBox02.png');}

	.F02_1{width:96%; height:auto; margin:20px auto 0;}

}

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

	.F02_3{width:100%;}
	.F02_4{width:100%; margin:20px 0 0;}

}

@media screen and (max-width:480px) {	
	
	.conBox03{margin:20px auto;}
}