@charset "utf-8"; 

div[class^="D02"]{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:170px; overflow:hidden; }
#container:after {display:block; content:""; clear:both; }

.main_content {position:relative; width:100%; margin-top:-380px; z-index:10; }

.conBox01{position:relative; width:100%; max-width:1400px; margin:0 auto; }
.conBox02{position:relative; width:100%; max-width:1400px;margin:167px auto 0; }

.D02_1{position:relative; width:916px; height:auto; overflow: hidden; margin:0 auto; }
.D02_2{position:relative; width:100%; height:auto; overflow: hidden; margin:70px 0 0; }
.D02_3{position:relative; width:100%; height:auto; overflow: hidden;  }
.D02_4{position:relative; width:100%; height:auto; overflow: hidden; max-width:1400px; margin:52px auto 67px; overflow:hidden; }

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

	.main_content .conBox01 {width:95%; }
	.main_content .conBox02 {width:95%; }
	.D02_4 {margin:5% auto; }

}

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

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

	.D02_1 { width:100%;}
	.conBox02 {margin:5% auto 0; }

}
@media screen and (max-width:860px) { 
	
	.D02_2{margin:26px 0 0;}
}

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

	.main_content{margin:-380px auto 0;}
}

@media screen and (max-width:540px) { 
	.main_content{margin:-535px auto 0;}
}

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

}