#sub-container { padding-bottom:0px;  }

.section01 { background:url(/asset/images/center/sub_image1.jpg) no-repeat center center; background-size: cover; height:1259px; }
.section02 { background:url(/asset/images/center/images_center_sub_image1.png) no-repeat center center; background-size: cover; height:auto; }
.section03 { background:url(/asset/images/center/sub_image3.jpg) no-repeat center center; background-size: cover; height:488px; }


.section01 .inner { max-width:1280px; margin:0 auto; padding:0 10px; padding-top:280px; text-align: left; }
.section01 .page_navi  { position: absolute; top:110px; left:50%; margin-left:-640px; }
.section01 .page_navi li { float:left; margin-right:10px; background: url(/asset/images/navi_line2.png) no-repeat left center; padding-left:15px; color:#fff; }
.section01 .page_navi li:first-child { background:none; padding-left:0px; }
.section01 h3 { max-width:950px; display:inline-block; color:#ff007e; font-weight: 400; font-size:40px; position: relative; padding:0 50px; text-align: left; line-height: 1.7; }
.section01 h3 .bullet { position: absolute; top:0px; left:0px; }
.section01 h3 span {  }
.section01 .desc { color:#666; max-width:1000px; font-size:20px; font-weight: 400; text-align: left; line-height: 1.7; margin-top:30px; padding:0 50px; }

.section02 > .inner { max-width:1280px;  margin:0 auto; padding:0 10px; padding-top:135px; padding-bottom:135px; }
.section02 h3 { color:#fff; font-size:35px; font-weight: normal; line-height: 1.7; padding-bottom:0px;  margin:0 50px;margin-top:70px;}
.section02 .desc { color:#fff; font-size:20px; line-height: 1.7; margin:0 50px; }
.section02 .desc2 { padding-top:40px; } 
.section02 .desc2 > ul > li { float:left; width:25%; background:url(/asset/images/center/icon_arrow.png) no-repeat right 40px; }
.section02 .desc2 > ul > li:last-child { background:none; }
.section02 .desc2 > ul > li .inner { text-align: center; margin:0 40px; }
.section02 .desc2 > ul > li h5 { font-size:26px; font-weight: normal; color:#fff; text-align: center; padding:20px 0; }
.section02 .desc2 > ul > li img { margin-bottom:10px; }
.section02 .desc2 > ul > li span { display: block; font-size:18px; color:#fff; text-align: center; line-height: 1.6; }

.section02 .desc3 { padding-top:70px;margin:0 50px;}
.section02 .desc3 > div { float:left; width:48%; }
.section02 .desc3 > div img { width:100%; margin-bottom:15px;}
.section02 .desc3 > dl { float:right; width:48%; }
.section02 .desc3 > dl dt { color:#fff; font-weight: normal; font-size:28px; margin-bottom:20px; }
.section02 .desc3 > dl dd { font-size:20px; font-weight: 100; color:#fff; line-height: 1.7; padding-bottom:40px; }

@media all and (max-width:1200px) {
	.section02 h3 { margin-right:0px; margin-left:0px; }
	.section02 .desc { margin-right:0px; margin-left:0px; }
	.section02 .desc3 { margin-right:0px; margin-left:0px; }
}

@media all and (max-width:768px) {
	.section01 { height:880px; }
	.section01 .inner { padding:0 15px; padding-top:200px; }
	.section01 h3 { font-size:27px; }
	.section01 .desc { font-size:16px;  }

	.section02 { height:auto; }
	.section02 > .inner { padding:0 15px; padding-top:100px; padding-bottom:70px; }
	.section02 h3 { font-size:27px; margin-top:40px; }
	.section02 .desc { font-size:16px; }
	.section02 .desc2 { padding-top:80px; }
	.section02 .desc2 > ul > li { width:50%; /*background:none;*/ }
	.section02 .desc2 > ul > li:nth-child(odd) { clear:both; }
	.section02 .desc2 > ul > li h5 { font-size:18px; }
	.section02 .desc2 > ul > li span { font-size:15px; }

	.section02 .desc3 { padding-top:30px; }
	.section02 .desc3 > div { width:100%; }
	.section02 .desc3 > dl { width:100%; margin-top:15px; }
	.section02 .desc3 > dl dt { font-size:16px; margin-bottom:6px; }
	.section02 .desc3 > dl dd { font-size:13px; line-height: 1.5; padding-bottom:25px; }

	.section03 { height:400px; }
}

@media all and (max-width:640px) {
	.section01 { height:850px; }
	.section01 .inner { padding:0 15px; padding-top:200px; }
	.section01 h3 { font-size:24px; padding:0 30px; }
	.section01 h3 img { width:26px; }
	.section01 h3 br { display:none; }
	.section01 .desc { font-size:16px; padding:0px 30px; }
 
	.section02 { height:auto; }
	.section02 > .inner { padding:50px 15px; }
	.section02 h3 { font-size:27px; }
	.section02 .desc { font-size:16px; }
	.section02 .desc2 { padding-top:50px; }
	.section02 .desc2 > ul > li { width:50%; margin-bottom:30px;  }
	.section02 .desc2 > ul > li h5 { font-size:18px; }
	.section02 .desc2 > ul > li span { font-size:15px; }

	.section03 { height:400px; }
}

@media all and (max-width:460px) {
	.section01 { height:850px; }
	.section01 > .inner { padding:0 15px; padding-top:130px; }
	.section01 h3 { font-size:18px; padding:0 25px; }
	.section01 h3 img { width:18px; }
	.section01 h3 br { display:none; }
	.section01 .desc { font-size:14px; padding:0 25px; }

	.section02 {  }
	.section02 > .inner { padding:0 15px; padding-top:50px; padding-bottom:50px; }
	.section02 h3 { font-size:18px; font-weight: bold; }
	.section02 .desc { font-size:13px; }
	.section02 .desc2 { padding-top:50px; }
	.section02 .desc2 > ul > li { margin-bottom:30px; background:url(/asset/images/center/icon_arrow.png) no-repeat right 12.5%; background-size:15px auto; }
	.section02 .desc2 > ul > li img { width:40%; }
	.section02 .desc2 > ul > li .inner { margin:0px; padding:0px; }
	.section02 .desc2 > ul > li h5 { font-size:15px; }
	.section02 .desc2 > ul > li span { font-size:13px; padding:0 3px; }


	.section03 { height:300px; }
}