.sec1 {width:100%; background:url('../img/main1_1.svg')no-repeat right -24px top -10px; position: relative;  padding-bottom:330px; overflow: hidden;}
.sec1 .wid {max-width:1500px; margin:0 auto; width:100%; position: relative;}
.sec1 .txt {padding-top:470px; position: relative; padding-left:20px;}
.sec1 .txt h2 {font-size:42px; font-weight:700; color:#1a1a1a; line-height:1.25em;}
.sec1 .txt h2 .pc {display:none;}
.sec1 .txt h2 b {color:#F7BD08;}
.sec1 .txt p {margin-top:25px; font-size:18px; font-weight:200; color:#808080; line-height:1.6em;}
.sec1 .txt a img {height:70px;}
.sec1 .txt a {display: inline-block; margin-right:27px; margin-top:60px;}
.sec1 img.img1 {position: absolute; right:-130px; top:250px;}
.sec1 .img2 {position: absolute; top:260px; left:10px;}

@media screen and (max-width:1350px) {
	.sec1 {background-size:900px;}
	.sec1 img.img1 {position: absolute; right:-200px; top:250px;}
}

@media screen and (max-width:1200px) {
	.sec1 {background-size:600px; padding-bottom:450px;}
	.sec1 .txt {padding-top:200px;}
	.sec1 .txt h2 {font-size:35px;}
	.sec1 .txt p {font-size:16px;}
	.sec1 .txt a {margin-right:10px; margin-top:50px;}
	.sec1 .txt a img {height:50px;}
	.sec1 img.img1 {position: absolute; right:-200px; top:250px; width:950px;}
	.sec1 .img2 {width:500px; top:300px;}
}

@media screen and (max-width:900px) {
	.sec1 {background-size:600px; background-position: right -120px top -10px; padding-bottom:480px;}
	.sec1 .txt p {font-size:15px;}
	.sec1 img.img1 {position: absolute; right:-150px; top:370px; width:800px;}
	.sec1 .img2 {width:350px; top:410px;}

}

@media screen and (max-width: 700px ) {
	.sec1 {background-size:400px; background-position: right -120px top -10px; padding-bottom:550px;}
	.sec1 .txt {padding-top:150px;}
	.sec1 .txt h2 {font-size:30px; line-height:1.4em; line-height:1.2em;}
	.sec1 .txt h2 b {display:inline-block; margin-top:5px;}
	.sec1 .txt h2 .pc {display:block;}
	.sec1 .txt p {font-size: 13.5px; padding-right: 20px; margin-top:15px }
	.sec1 .txt p br {display: none;}
	.sec1 .txt a {margin-top: 30px;}
	.sec1 .txt a img {width: 150px;}
	.sec1 img.img1 {position: absolute; right: inherit; left: 35%; transform: translate(-50%, 0);  top:520px; width:650px;}

}









.sec2 {background:url('../img/sec2.svg')no-repeat center top; background-size:cover;  padding:340px 0 200px 0; overflow: hidden; margin-top:-100px;}
.sec2 .wid {max-width:1320px; margin:0 auto; padding:0 20px;}
.sec2 .wid:after {content:''; clear:both; display:table;}
.sec2 .box1 {float:left; width:50%;}
.sec2 .box2 {float:left; width:50%; margin-top:20px;}
.sec2 .box1 h2:after {content:''; position: absolute; top:-40px; left:0; width:100px; height:16px; background:linear-gradient(to top left, #FFE48F ,#F7BD08); border-radius:50px;}
.sec2 .box1 h2 {font-size:42px; color:#F7BD08; font-weight:600; position: relative;}
.sec2 .box1 h2 br {display:none;}

.sec2 .box1 p {font-size:18px; color:#808080; font-weight:400; line-height:1.6em; margin-top:30px;}
.sec2 .box1 ul li {font-size:18px; color:#808080; font-weight:400; line-height: 1.35em; margin-bottom:10px; position: relative; padding-left:15px;}
.sec2 .box1 ul li:after {content:'-'; position: absolute; left:0; top:5px; }
.sec2 .box1 a {font-size:18px; color:#808080; font-weight:400; line-height:1.6em; margin-top:30px;}

.sec2 .box2 ul li {font-size:18px; color:#808080; font-weight:400; line-height: 1.35em; margin-bottom:10px; position: relative; padding-left:15px;}
.sec2 .box2 ul li:after {content:'-'; position: absolute; left:0; top:5px; }

@media screen and (max-width:1200px) {
	.sec2 .box1 {padding-right:80px;}
	.sec2 .box1 h2 {font-size:35px; line-height:1.2em;}
	.sec2 .box1 p {font-size:16px;}
	.sec2 .box1 p br {display:none;}

	.sec2 .box2 {margin-top:0;}
	.sec2 .box2 ul li {font-size:16px;}
	.sec2 .box2 ul li br {display:none;}
}
@media screen and (max-width:900px) {
	.sec2 {background-position: left -300px center}
	.sec2 .box1 h2 br {display:block;}
	.sec2 .box1 {padding-right:50px;}
	.sec2 .box2 {padding-left:20px; margin-top:-40px;}
}
@media screen and (max-width: 700px) {
	.sec2 .box1 {width: 100%; padding-right: 0;}
	.sec2 .box2 {width: 100%; padding-left: 0; margin-top: 40px;}
	.sec2 .box1 p {font-size: 14px;}
	.sec2 .box2 ul li {font-size: 14px;}
	.sec2 .box1 h2:after {width:90px; height:13px; top:-30px;}
}







.sec3 {background:url('../img/sec3_2.svg')no-repeat center bottom -240px; background-size:cover;  padding-top:170px;padding-bottom:150px; overflow: hidden;}
.sec3 .wid {max-width:1340px; margin:0 auto; padding:0 20px;}
.sec3 .cont1:after {content:''; clear:both; display:table;}
.sec3 .cont1 .box1 {float:left; width:50%; text-align:right;  padding-right:75px;}
.sec3 .cont1 .box1 img {margin-top:-40px; }
.sec3 .cont1 .box2 {float:right; width:50%; text-align:left; position: relative; padding-top:210px; padding-left:80px;}
.sec3 .cont1 .box2 h2 {font-size:42px; color:#F7BD08; font-weight:600; position: relative; display: inline-block;}
.sec3 .cont1 .box2 h2:after {content:''; position: absolute; top:-40px; left:0; width:100px; height:16px; background:linear-gradient(to top left, #FFE48F ,#F7BD08); border-radius:50px;}
.sec3 .cont1 .box2 h3 {font-size:24px; color:#808080; font-weight:600; margin-top:35px; line-height:1.3em;}
.sec3 .cont1 .box2 p {font-size:18px; color:#808080; font-weight:400; line-height:1.6em; margin-top:30px;}


.sec3 .cont2 {margin-top:80px; overflow: hidden;}
.sec3 .cont2:after {content:''; clear:both; display:table;}
.sec3 .cont2 .box1 {float:right; width:50%;  text-align:left;}
.sec3 .cont2 .box1 img {margin-top:-10px; margin-left:60px;}
.sec3 .cont2 .box2 {float:left; width:calc(50% - 100px); text-align:right; position: relative; padding-top:170px; padding-left:0px;}
.sec3 .cont2 .box2 h2 {font-size:42px; color:#F7BD08; font-weight:600; position: relative; display: inline-block;}
.sec3 .cont2 .box2 h2:after {content:''; position: absolute; top:-40px; right:0; width:100px; height:16px; background:linear-gradient(to top left, #FFE48F ,#F7BD08); border-radius:50px;}
.sec3 .cont2 .box2 h3 {font-size:24px; color:#808080; font-weight:600; margin-top:35px; line-height:1.3em;}
.sec3 .cont2 .box2 p {font-size:18px; color:#808080; font-weight:400; line-height:1.6em; margin-top:30px;}

@media screen and (max-width: 1250px) {
	.sec3 .cont1 .box1 {text-align: left; padding-left:20px; }
	.sec3 .cont1 .box2 {padding-left: 20px;}
	.sec3 .cont1 .box2 h2 {font-size: 35px}
	.sec3 .cont1 .box2 h3 {font-size: 20px; margin-top: 35px;}
	.sec3 .cont1 .box2 p {font-size: 15px; margin-top: 25px;}


	.sec3 .cont2 .box2 {padding-right: 0px; width:calc(50% - 20px);}
	.sec3 .cont2 .box1 {text-align: right; padding-right: 20px;}
	.sec3 .cont2 .box1 img {margin-left:0px;}
	.sec3 .cont2 .box2 h2 {font-size: 35px}
	.sec3 .cont2 .box2 h3 {font-size: 20px; margin-top: 35px;}
	.sec3 .cont2 .box2 p {font-size: 15px; margin-top: 25px;}
}
@media screen and (max-width:900px) {
	.sec3 {padding-top:100px; padding-bottom:120px; background-position: center bottom -160px;}
	.sec3 .cont1 .box1 {padding-left:0px; width:44%;}
	.sec3 .cont1 .box1 img {width:290px; }

	.sec3 .cont1 .box2 {padding-left: 10px; width:56%; padding-top:130px;}
	.sec3 .cont1 .box2 h2 {font-size: 32px}
	.sec3 .cont1 .box2 h2:after {width:90px; height:13px; top:-30px;}
	.sec3 .cont1 .box2 h3 {font-size: 18px; margin-top: 25px;}
	.sec3 .cont1 .box2 h3 br {display:none;}
	.sec3 .cont1 .box2 p .mo {display:none;}

	.sec3 .cont2 .box1 {padding-right:0; width:44%;}
	.sec3 .cont2 .box1 img {width:290px; margin-top:0px;}
	.sec3 .cont2 .box2 {padding-right: 0px; width:calc(56% - 10px); padding-top:140px;}
	.sec3 .cont2 .box2 h2 {font-size: 32px}
	.sec3 .cont2 .box2 h2:after {width:90px; height:13px; top:-30px;}
	.sec3 .cont2 .box2 h3 {font-size: 18px; margin-top:25px;}
}
@media screen and (max-width:700px) {
	.sec3 {padding-top:0px;}
	.sec3 .cont1 .box1, .sec3 .cont1 .box2, .sec3 .cont2 .box1, .sec3 .cont2 .box2 {width:100%; padding-left:0; padding-right:0; text-align:left;}

	.sec3 .cont1 .box2 {padding-top:40px;}	
	.sec3 .cont2 .box2 h2:after {left:0;}
	.sec3 .cont2 .box2 {padding-top:50px;}

	.sec3 .cont1 .box1 {text-align:center;}
	.sec3 .cont1 .box1 img {margin-top:30px; width:250px; }

	.sec3 .cont2 .box1 {text-align:center;}
	.sec3 .cont2 .box1 img {margin-top:30px; width:250px; }

	.sec3 .cont1 .box2 p {font-size:14px;}
	.sec3 .cont2 .box2 p {font-size:14px;}
	.sec3 .cont2 .box2 p .mo {display:none;}
}





.sec4 {padding:80px 0 30px 0; overflow: hidden;}
.sec4 .wid {max-width:1340px; margin:0 auto; padding:0 20px;}
.sec4 .wid:after {content:''; clear:both; display:table;}
.sec4 .box1 {float:left; width:50%; text-align:right; padding-right:70px;}
.sec4 .box2 {float:right; width:50%; padding-left:76px;}
.sec4 .box2 h2 {font-size:42px; color:#F7BD08; font-weight:600; position: relative; display: inline-block;}
.sec4 .box2 h2:after {content:''; position: absolute; top:-40px; left:0; width:100px; height:16px; background:linear-gradient(to top left, #FFE48F ,#F7BD08); border-radius:50px;}
.sec4 .box2 h3 {font-size:24px; color:#808080; font-weight:600; margin-top:45px; line-height:1.3em;}
.sec4 .box2 p {font-size:17px; color:#808080; font-weight:400; line-height:1.6em; margin-top:30px;}

@media screen and (max-width:1250px) {
	.sec4 .box1 img {width:470px;}

	.sec4 .box2 p .mo {display:none;}
	.sec4 .box2 h2 {line-height:1.25em; font-size:35px;}
	.sec4 .box2 h3 {font-size:20px; line-height:1.45em;}
	.sec4 .box2 p {font-size:15px;}
}
@media screen and (max-width:900px) {
	.sec4 .box1 img {width:350px; }
	.sec4 .box1 {width:42%; padding-top:55px;}
	.sec4 .box2 {width:58%;}

	.sec4 .box2 h2 {line-height:1.25em; font-size:32px;}
	.sec4 .box2 h3 {font-size:18px; line-height:1.45em; margin-toP:25px;}
	.sec4 .box2 p {font-size:14px;}
}

@media screen and (max-width:700px) {
	.sec4 .box1 {width:100%; padding-right:0; padding-top:40px;}
	.sec4 .box1 img {width:100%; }
	.sec4 .box2 {width:100%; padding-left:5px;}
	.sec4 .box2 h2:after {width:90px; height:13px; top:-30px;}

}



.sec5 {background:url('../img/sec5_5.svg')no-repeat center top; background-size:cover; padding:290px 0 200px 0; overflow: hidden; overflow: hidden;}
.sec5 .wid {max-width:1340px; margin:0 auto; padding:0 20px;}
.sec5 .wid:after {content:''; clear:both; display:table;}
.sec5 .box1 {float:left; width:50%; padding-left:20px;}
.sec5 .box1 img {margin-left:-130px; margin-top:-40px;}
.sec5 h2 {font-size:42px; color:#F7BD08; font-weight:600; position: relative; display: inline-block;}
.sec5 h2:after {content:''; position: absolute; top:-40px; left:0; width:100px; height:16px; background:linear-gradient(to top left, #FFE48F ,#F7BD08); border-radius:50px;}
.sec5 p {font-size:18px; color:#808080; font-weight:400; line-height:1.6em; margin-top:20px;}

.sec5 .box2 {float:left; width:50%; padding-left:75px; margin-top:40px;}
.sec5 .box2 ul li {position: relative; padding:52px 0 52px 200px; font-size:20px; color:#808080; line-height:1.6em;}
.sec5 .box2 ul li img {position: absolute; left:0; top:50%; transform: translate(0,-50%);}
.sec5 .box2 ul li b {font-size:30px; font-weight:600; display:inline-block; margin-bottom:23px;}

@media screen and (max-width:1230px) {
	.sec5 {padding-top:225px}
	.sec5 .box1 {width:40%;padding-left:0;}
	.sec5 .box1 img {width:600px; margin-left:-70px; margin-top:-40px;}
	.sec5 .box2 {width:60%;}
	.sec5 h2 {font-size:35px;}

	.sec5 .box2 {margin-top:15px;}
	.sec5 .box2 ul li img {width:120px;}
	.sec5 .box2 ul li {padding:40px 0 40px 160px; font-size:17px;}
	.sec5 .box2 ul li b {font-size:25px; margin-bottom:15px;}
	.sec5 p  {margin-top:15px;}

}
@media screen and (max-width:900px) {
	.sec5 {padding-top:220px}
	.sec5 .box1 img {width:460px; margin-top:-10px; margin-left:-50px;}
	.sec5 .box1 {width:40%;}
	.sec5 .box2 {width:60%; margin-top:30px;}

	.sec5 .box2 ul li img {width:90px;}
	.sec5 .box2 ul li {padding:30px 0 30px 120px; font-size:14px;}
	.sec5 .box2 ul li b {font-size:21px; margin-bottom:10px;}
}
@media screen and (max-width:700px) {
	.sec5 {padding-bottom:300px;}
	.sec5 h2 {font-size:32px;}
	.sec5 .box1 {width:100%; text-align:center;}
	.sec5 .box2 {width:100%; padding-left:0; margin-top:-20px;}
	.sec5 .box1 img {width:100%;margin-left:0; margin-top:-30px;}
	.sec5 p  {margin-top:14px;}
	.sec5 h2:after {width:90px; height:13px; top:-30px;}
}





.sec6 {padding:80px 0 0px 0px; overflow: hidden;}
.sec6 .wid {max-width:1320px; margin:0 auto; padding:0 20px; text-align:center;}
.sec6 .wid:after {content:''; clear:both; display:table;}
.sec6 h2 {font-size:42px; color:#F7BD08; font-weight:600; position: relative; display: inline-block;}
.sec6 h2:after {content:''; position: absolute; top:-40px; left:50%; transform: translate(-50%,0); width:100px; height:16px; background:linear-gradient(to top left, #FFE48F ,#F7BD08); border-radius:50px;}
.sec6 .p1 {font-size:18px; color:#808080; font-weight:400; line-height:1.6em; margin-top:20px;}
.sec6 .box {float:left;padding:45px 30px;  width:30.333%; margin: 1.5%; margin-top:70px; border-radius:30px; box-shadow: 0px 0px 20px rgba(0,0,0,.1); height:460px; display:inline-block;}
.sec6 .box img {border-radius:50%;}
.sec6 .box h3 {font-size:24px; color:#808080; font-weight:600; margin-top:30px; }
.sec6 .box span {font-size:14px; color:#b0b0b0; margin-top:18px; font-weight:300;}
.sec6 .box p {font-size:16px; color:#808080; line-height:1.45em; margin-top:30px; display: -webkit-box; -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;}

@media screen and (max-width:1100px) {
	.sec6 h2 {font-size:35px;}
	.sec6 .p1 {font-size:16px;}
	.sec6 .box {height:440px;}
	.sec6 .box h3 {font-size:20px;}
	.sec6 .box span {font-size:12px;}
	.sec6 .box p {font-size:14px;}
}
@media screen and (max-width:900px) {
	.sec6 {padding:40px 0 0 0;}
	.sec6 .box {width:31.333%; margin:1%; margin-top:60px; padding:35px 20px; height:360px;}
	.sec6 .box img {width:100px;}
	.sec6 .box h3 {margin-top:15px;}
	.sec6 .box p {margin-top:20px;}
}
@media screen and (max-width:700px) {
	.sec6 {margin-top:-150px;}
	.sec6 h2 {font-size:32px;}
	.sec6 .p1 {font-size:14px; margin-bottom:40px;}
	.sec6 .box {width:90%; margin:2% 5%;}
	.sec6 .box p {font-size:13px;}
	.sec6 h2:after {width:90px; height:13px; top:-30px;}
}






.sec7 {background:url('../img/sec7_1.svg')no-repeat center top -90px; background-size:cover; padding:420px 0 280px 0; overflow: hidden;}
.sec7 .wid {max-width:1320px; margin:0 auto; padding:0 20px;}
.sec7 .wid:after {content:''; clear:both; display:table;}
.sec7 h2 {font-size:42px; color:#F7BD08; font-weight:600; position: relative; display: inline-block;}
.sec7 h2:after {content:''; position: absolute; top:-40px; left:0; width:100px; height:16px; background:linear-gradient(to top left, #FFE48F ,#F7BD08); border-radius:50px;}
.sec7 p {font-size:18px; color:#808080; font-weight:400; line-height:1.6em; margin-top:30px;}
.sec7 .box {background:url('../img/sec7_3.svg')no-repeat center right 310px #F7BD08; border-radius:30px; position: relative; padding:125px 60px; margin-top:80px;}
.sec7 .box .min_w {max-width:590px;}
.sec7 .box h3 {font-weight:700; font-size:30px; color:#fff;}
.sec7 .box span {font-size:20px; color:#fff; font-weight:300; margin-top:45px; display:inline-block;}
.sec7 .box img {position: absolute; right:60px; bottom:-6px;}

@media screen and (max-width:1300px) {
	.sec7 .box {padding:120px 40px; margin-top:50px;}
	.sec7 .box .min_w {max-width:500px;}
	.sec7 .box img {width:450px; right:40px;}
}
@media screen and (max-width:1060px) {
	.sec7 h2 {font-size:35px}
	.sec7 p {font-size:16px;}
	.sec7 .box {padding:90px 40px;}
	.sec7 .box .min_w {width:400px;}
	.sec7 .box h3 {font-size:25px;}
	.sec7 .box span {font-size:16px; margin-top:35px;}
	.sec7 .box img {width:380px;  right:35px;}
}
@media screen and (max-width:900px) {
	.sec7 {padding-top:270px;}
	.sec7 .box {background-position: center right 200px; background-size:340px; padding:70px 30px;}
	.sec7 .box img {width:300px;  right:30px;}
	.sec7 .box .min_w {width:340px; }
	.sec7 .box span {font-size:14px;}
	.sec7 p {font-size:16px; margin-top:20px;}
}
@media screen and (max-width:700px) {
	.sec7 h2 {font-size:32px}
	.sec7 p {font-size:14px;}
	.sec7 .box .min_w {width:100%;}
	.sec7 .box {padding-bottom:0;}
	.sec7 .box img {position: relative; left:50%; transform: translate(-50%,0); bottom:-4px; margin-top:30px;}
	.sec7 h2:after {width:90px; height:13px; top:-30px;}

}




.sec8 { overflow: hidden; padding:60px 0 100px 0;}
.sec8 .wid {max-width:840px; margin:0 auto; padding:0 20px; text-align:center;}
.sec8 .wid:after {content:''; clear:both; display:table;}
.sec8 h2 {font-size:42px; color:#F7BD08; font-weight:600; position: relative; }
.sec8 h2:after {content:''; position: absolute; top:-40px;left:50%; transform: translate(-50%,0); width:100px; height:16px; background:linear-gradient(to top left, #FFE48F ,#F7BD08); border-radius:50px;}
.sec8 p {font-size:18px; color:#808080; font-weight:400; line-height:1.6em; margin-top:20px; margin-bottom:60px;}
.sec8 p  br {display:none;}
.sec8 ul .li {transition: .3s; text-align:left; border-radius:30px; box-shadow: 0 0 10px rgba(0,0,0,.1);margin-top:20px; }
.sec8 ul .li a {display:inline-block; padding:27px 86px 27px 40px; font-size:20px; color:#808080; font-weight:600; border-radius:30px; width:100%; transition: .3s; background:url('../img/down.svg')no-repeat center right 40px #fff; }
.sec8 ul .li a.on {color:#fff; background:#F7BD08; border-radius:30px 30px 0 0; background:url('../img/down2.svg ')no-repeat center right 40px #F7BD08;}

.sec8 ul li ul {display: none; background:#fafafa; border-radius:0 0 30px 30px; padding:40px 30px; }
.sec8 ul li ul li {font-size:18px; font-weight:400; color:#808080; line-height:1.5em;}

@media screen and (max-width:900px) {
	.sec8 h2 {font-size:35px;}
	.sec8 p {font-size:16px;}
	.sec8 ul .li a {font-size:18px;}
	.sec8 ul li ul li {font-size:16px;}
}
@media screen and (max-width:700px) {
	.sec8 {margin-top:-110px;}
	.sec8 p  br {display:block;}
	.sec8 h2 {font-size:32px;}
	.sec8 p {font-size:14px; margin-top:15px; margin-bottom:40px;}
	.sec8 ul .li a {font-size:14px; padding:20px 65px 20px 30px; border-radius:20px; background-size:25px; background-position: center right 25px;}
	.sec8 ul .li a.on {background-size:25px; background-position: center right 25px; border-radius:20px 20px 0 0;}
	.sec8 ul li ul {padding:25px 20px; border-radius:0 0 20px 20px;}
	.sec8 ul li ul li {font-size:14px;}
	.sec8 h2:after {width:90px; height:13px; top:-30px;}
}






.sec9 {background:url('../img/sec9.svg')no-repeat center top; background-size:cover;  text-align:center; padding:250px 0 200px 0;}
.sec9 h2 {font-size:34px; color:#808080; font-weight:600;}
.sec9 h2 br {display:none;}
.sec9 h2 b {color:#F7BD08; font-weight:600;}
.sec9 a img{display:inline-block;margin:0 10px; margin-top:40px;}
@media screen and (max-width:900px) {
	.sec9 {margin-top:-50px;}
	.sec9 h2 {font-size:29px;}
	.sec9 a img {width:200px;}
}
@media screen and (max-width:700px) {
	.sec9 {padding-top:200px; margin-top:-80px;}
	.sec9 h2 {font-size:24px;}
	.sec9 h2 br {display:block;}
	.sec9 a img {width:150px; margin:0 5px; margin-top:30px;}

}




footer {background:url('../img/footer.svg')no-repeat center top; background-size:cover; padding:290px 0 70px 0; text-align:center; margin-top:-200px;}
footer span {color:#fff; display:inline-block;margin-top:25px; font-size:13px; line-height:1.5em; font-weight:300;}
footer span b {font-weight:600;}
footer p {font-size:14px; margin-top:35px ; color:#fff; opacity: .6;}
footer p a {font-size:14px; margin-top:35px ; color:#fff;}

@media screen and (max-width:700px) {
	footer {padding-top:200px;}
	footer span {font-size:11.5px}
	footer img {width:180px;}
	footer p {font-size:11px; margin-top:25px;}

}








.start {position: fixed; width: 100%; height: 100%; left: 0; top: 0;  z-index: 100;}
.start .st_bg {position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); width: 100%; height: 100%;}
.start .st_view {position: absolute; top: 50%; left: 50%; max-width:960px; width:100%;height:390px; background:#fff; transform: translate(-50%,-50%); text-align:center; padding-top:30px; border-radius:8px; overflow: hidden;}
.start .st_view p {font-size:16px; color:#000; line-height:1.55em; font-weight:500; margin-top:48px;}
.start .st_view button {position: absolute; bottom:0; left:0; background:#fff; border:none; border-top:1px solid #F7BD08; color:#F7BD08; font-size:16px; font-weight:600;width:50%;height:54px;}
.start .st_view button.on {background:#F7BD08; color:#fff; left:inherit; right:0;}

@media screen and (max-width:1050px) {
	.start .st_view {max-width:95.5%; height:auto; padding:35px 30px 80px 30px;}

	.start .st_view img {width:200px;}
	.start .st_view p {font-size:14px; margin-top:40px;}
	.start .st_view button {font-size:15px; height:48px;}
}
@media screen and (max-width:550px) {
	.start .st_view p {font-size:13px; margin-top:32px;}
	.start .st_view button {font-size:14px;}
}