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


.section01 { background:url(/asset/images/lab/sub_image1.jpg) no-repeat center center; background-size: cover; height:703px; /*background-attachment: fixed;*/ }
.section02 { background:url(/asset/images/lab/images_lab_sub_image1.png) no-repeat center center; background-size: cover; height:552px; /*background-attachment: fixed;*/ }
.section03 { background:url(/asset/images/lab/sub_image3.jpg) no-repeat center center; background-size: cover; height:555px; /*background-attachment: fixed;*/}


.section01 .inner { max-width:860px; margin:0 auto; padding:0 10px; padding-top:280px; text-align: center; position: relative; }
.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 { display:inline-block; color:#00be67; font-weight: normal; font-size:35px; position: relative; padding:0 50px; text-align: center; line-height: 1.7; }
.section01 h3 .bullet { position: absolute; top:0px; left:0px; }
.section01 h3 .bullet2 { position: absolute; top:0px; right:0px; }
.section01 h3 span {  }
.section01 .desc { color:#fff; font-size:20px; text-align: center; max-width:750px; margin:0 auto; line-height: 1.7; margin-top:30px; }

.section02 .inner { max-width:1280px;  margin:0 auto; padding:0 10px; padding-top:135px; }
.section02 h3 { color:#fff; font-size:35px; font-weight: normal; line-height: 1.7; padding-bottom:25px; }
.section02 .desc { color:#fff; font-size:20px; max-width:678px; line-height: 1.7; }


.section03 .inner { max-width:1280px;  margin:0 auto; padding:0 10px; padding-top:135px; text-align: right; }
.section03 h3 { color:#00be67; font-size:35px; font-weight: normal; line-height: 1.7; padding-bottom:25px; text-align: right; }
.section03 .desc { float:right; color:#00be67; font-size:20px; max-width:678px; line-height: 1.7; text-align: right; }


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

	.section02 { height:400px; }
	.section02 .inner { padding:0 15px; padding-top:100px;}
	.section02 h3 { font-size:27px; }
	.section02 .desc { font-size:16px; }

	.section03 { height:400px; }
	.section03 .inner { padding:0 15px; padding-top:100px;}
	.section03 h3 { font-size:27px; }
	.section03 .desc { font-size:16px; }
}

@media all and (max-width:640px) {
	.section01 { height:550px; }
	.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; }

	.section02 { height:400px; }
	.section02 .inner { padding:0 15px; padding-top:100px;}
	.section02 h3 { font-size:27px; }
	.section02 .desc { font-size:16px; }

	.section03 { height:400px; }
	.section03 .inner { padding:0 15px; padding-top:100px;}
	.section03 h3 { font-size:27px; text-align: left; }
	.section03 .desc { font-size:16px; text-align: left; }
}

@media all and (max-width:460px) {
	.section01 { height:auto; }
	.section01 .inner { padding:100px 15px 50px 15px;  }
	.section01 h3 { font-size:18px; padding:0 20px; }
	.section01 h3 img { width:18px; }
	.section01 h3 br { display:none; }
	.section01 .desc { font-size:13px; }

	.section02 { height:auto; }
	.section02 .inner { padding:50px 15px; }
	.section02 h3 { font-size:18px; font-weight: bold; }
	.section02 .desc { font-size:13px; }

	.section03 { height:auto; }
	.section03 .inner { padding:50px 15px; }
	.section03 h3 { font-size:18px; text-align: left; font-weight: bold; }
	.section03 .desc { font-size:13px; text-align: left; float:none; }
}