@charset "utf-8"; 

div[class^="F03"]{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%; overflow:hidden; }
.conBox01 .con_wrap{max-width:1400px; margin:0 auto;}
.conBox02{position:relative; width:100%; padding:40px 0; overflow:hidden; }
.conBox02::before{content:""; position:absolute; bottom:0; left:0; width:108px; height:103px; background:#fff url('/images/common/F_03_main/bg_conBox02_1.png') no-repeat; z-index:-1;}
.conBox02::after{content:""; position:absolute; top:0; right:0; width:232px; height:277px; background:#fff url('/images/common/F_03_main/bg_conBox02_2.png') no-repeat; z-index:-1;}

.con_wrap{position:relative; width:100%; max-width:1400px; margin:0 auto; overflow:hidden; }
.conBox01 .con_wrap{position:absolute; bottom:0; left:50%; margin-left:-700px; z-index:1;}

.F03_1{position:relative; width:689px; height:290px; float:left; margin-top:90px;}
.F03_2{position:relative; width:440px; height:290px; float:left; margin-top:90px;}
.F03_3{position:relative; width:271px; height:380px; float:left;}
.F03_4{position:relative; width:650px; height:270px; margin-right:40px; float:left;}
.F03_5{position:relative; width:710px; height:270px; float:left;}

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

	.conBox02::before{left:0; width:320px; margin-left:0;}
	 .con_wrap{width:95%;}
	.conBox01 .con_wrap{margin-left:-47.5%;}
	
	.F03_1{width:45%;}
	.F03_2{width:35%;}
	.F03_3{width:20%; height:auto;}
	.F03_4{width:48%; height:auto; margin-right:4%;}
	.F03_5{width:48%; height:auto;} 
}

@media screen and (max-width:1200px) {
	
	/* container */
	#container {padding:0;}
		 
	.F03_1{width:50%; margin-top:0;}
	.F03_2{width:50%; margin-top:0;}
	.F03_3{width:100%;}
	
}

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

	.F03_1{width:100%;}
	.F03_2{width:100%;}	
	.F03_4{width:100%;}
	.F03_5{width:100%; margin-top:30px;} 

}

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

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