@charset "utf-8"; 

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

.conBox01 {position: relative; width:1400px; margin:0 auto;}
.conBox02 {position: relative; width: 100%; background: #283859; padding: 40px 0 120px;}
.conBox02::before{width: calc((100% - 1400px) / 2 + 300px); height: 100%; position: absolute; left: 0; top: 0; background: url('/images/common/G_03_main/bg_Wrap03.png') no-repeat center / cover; content: '';}
.conBox03{position: relative; padding: 50px 0 80px; }
.conBox03::after{display: block; content: ''; clear: both;}

.I03_1{position:relative; width: 100%; margin:50px 0;}
.I03_2{position:relative; width: 100%;  margin-bottom: 20px; }
.I03_3{position:relative; margin-left: calc((100% - 1400px) / 2); width:655px; float: left;}
.I03_4{position: relative; width: calc(100% - (100% - 1400px) / 2 - 750px); padding-right: 50px; float: right;}
.I03_4::before{width: calc(100% + 50px); height: 360px; background: #f4f6f9; position: absolute; right: 0; bottom: -120px; content: '';}

@media screen and (max-width:1420px) { 
	.conBox01 {width: 95%;}
	.conBox02::before{width: 20%;}
	.conBox03{width: 95%; margin: 0 auto;}

	.I03_3{margin-left: 0; width: 48.5%;}
	.I03_4{width: 48.5%; padding-right: 0;}
	.I03_4::before{right: -5.5%;}
}

@media screen and (max-width:1200px) {
	.I03_3{width: 100%;}
	.I03_4{width: 100%; margin-top: 50px;}
	.I03_4::before{width: 106%; right: -3%;}
}

@media screen and (max-width:860px) { 
	.conBox02{padding-bottom: 100px;}
	.conBox03{padding: 30px 0 50px;}

}

@media screen and (max-width:600px) {
	.conBox02{padding-bottom: 80px;}

	.I03_1{margin: 0;}
}

@media screen and (max-width:600px) {
	.I03_4{margin-top: 30px;}
	.conBox02::before{display: none;}
}