@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; }

.conBox01{position:relative; width:100%; max-width:1400px; margin:0 auto; overflow:hidden; }
.conBox02{position:relative; width:100%; overflow:hidden; }
.conBox02::before{content:""; position:absolute; top:0; left:50%; width:900px; height:188px; margin-left:-1300px; text-align:right; background:#0089d2 url('/images/common/F_01_main/bg_conBox02.png') no-repeat right center; z-index:2; }
.conBox02::after{content:""; position:absolute; bottom:0px; right:50%; width:1600px; height:190px; margin-right:-1000px; background:#e8f8ff; z-index:1; }
.conBox03{position:relative; width:100%; overflow:hidden; background:url('/images/common/F_01_main/bg_conBox03.png') no-repeat center; background-size:cover; z-index:0;}

.F01_1{position:relative; width:100%; height:330px; margin:0 auto; overflow:hidden;}
.F01_2{position:relative; width:100%; height:210px; max-width:1400px; margin:0 auto; z-index:3;}
.F01_3{position:relative; width:100%; height:auto; max-width:1400px; margin:40px auto 20px; overflow:hidden; }

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

	.conBox02::before{left:0; width:320px; margin-left:0;}

	.F01_1{width:95%; height:auto;} 
	.F01_2{width:100%;} 
	.F01_3{width:95%; height:auto;} 
}

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

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

	.F01_2{height:auto;} 

}

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

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