@charset "utf-8"; 

.main_content {position:relative; width:100%; z-index:10; }

.conBox01 {width:1400px; margin:0 auto;}
.conBox01::after{display: block; content: ''; clear: both;}
.conBox02 {position: relative; width:1400px; margin:80px auto 0; padding-top: 80px;}
.conBox02::after{display: block; content: ''; clear: both;}
.conBox02::before{width: calc(1520px + (100vw - 1400px) / 2); height: calc(100% - 100px); background: #f6f6f6; position: absolute; left: -120px; top: 0; border-radius: 90px 0 0 0; content: '';}

.I02_1{position:relative; width: 670px; float: right; margin-top: -240px;}
.I02_2{position:relative; width: 100%; float: left; margin-top: 100px;}
.I02_3{position:relative; width:670px; height: 240px; float: left; margin-bottom: 40px;}
.I02_4{position: relative; width:670px; height: 250px; float: right;}
.I02_5{position: relative; width: 100%; float: left;}

@media screen and (max-width:1420px) { 
	.conBox01 {width: 95%;}
	.conBox02 {width: 95%;}

	.I02_3{width: 48%; margin-bottom: 30px;}
	.I02_4{width: 48%;}
}

@media screen and (max-width:1200px) {
	.conBox02{margin-top: 50px; padding-top: 50px;}

	.I02_1{margin-top: -200px;}
	.I02_2{margin-top: 50px;}
}

@media screen and (max-width:860px) { 
	.conBox02{padding-top: 30px;}

	.I02_1{margin-top: -140px;}
	.I02_2{margin-top: 30px;}
}

@media screen and (max-width:680px) {
	.I02_1{margin-top: 30px; width: 100%;}
}

@media screen and (max-width:600px) {
	.I02_3{width: 100%; height: 210px; margin-bottom: 20px;}
	.I02_4{width: 100%; height: 210px; margin-bottom: 30px;}
}