@charset "utf-8"; 

div[class^="F05"]{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%; max-width:1400px;  margin:-430px auto 65px; overflow:hidden; }
.conBox02{position:relative; width:100%; overflow:hidden; }
.conBox02::before{content:""; position:absolute; top:0; left:50%; width:764px; height:430px; margin-left:-960px; background:url('/images/common/F_05_main/bg_conBox02.png') no-repeat left center; z-index:2; }

.F05_1{position:relative; width:700px; height:365px; overflow:hidden; float:left;}
.F05_2{position:relative; width:700px; height:365px; overflow:hidden; float:left;}
.F05_3{position:relative; width:100%; height:430px; max-width:1400px; margin:0 auto; z-index:3;}

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

	.conBox01{width:95%;}
	.conBox02::before{left:0; margin-left:0; background:url('/images/common/F_05_main/bg_conBox02.png') no-repeat -170px center;}

	.F05_1{width:50%; } 
	.F05_2{width:50%; } 
	.F05_3{width:95%;} 
}

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

}

@media screen and (max-width:980px) { 
	
	.conBox02{background:#eee;}
	.conBox02::before{display:none;}
	.conBox02::after{display:none;}

	.F05_1{width:100%; } 
	.F05_2{width:100%; margin-top:20px;} 
	.F05_3{height:500px; margin-bottom:20px;} 

}

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

	.F05_3{height:545px;} 

}

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

	.F05_1{height:330px;} 
	.F05_2{height:330px;} 

}