@charset "utf-8"; 

div[class^="F07"] {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%; margin:0 auto; padding:0 0 30px; background:url(/images/common/F_07_main/bg_conBox01.png);}
.conBox01:after {display:block; content:""; clear:both;}
.con_wrap01{position:relative; width:100%; height:auto; max-width:1400px; margin:0 auto;}

.F07_1{position:relative; width:250px; height:400px; float:left; margin-top:-60px;}
.F07_2{position:relative; width:1120px; height:210px; overflow:hidden; float:right; margin:40px 0 30px;}
.F07_3{position:relative; width:1120px; height:60px;  overflow:hidden; float:right;}


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

	.con_wrap01{width:95%;}

	.F07_1{width:100%; height:200px;} 
	.F07_2{width:100%; margin:20px 0;} 
	.F07_3{width:100%;} 
}

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

@media screen and (max-width:980px) {
	.F07_2{height:auto;} 
	.F07_3{height:auto;} 
}

@media screen and (max-width:590px) {
	.F07_1{margin-top:20px;} 
}

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

	.F07_1{height:auto;} 

}