@charset "utf-8";
/* CSS Document */
html{ font-size: 100% !important; }
body{font-size:62.5% !important;}
img{ width: 100%; }
.mb-40{ margin-bottom: 40px; }

.banner{ background:#ec4d52 url(../images/20170914/banner.jpg) center no-repeat; background-size: cover;  text-align: center;  padding-bottom: 38px; }
.banner img{ margin-top: 69px; max-width: 297px;  }
.banner h2{ font-size: 9.3em; color: #fff; line-height: 87px; padding-top: 26px; }
.banner p{ color: #fff; font-size: 6.8em;margin-bottom: 25px; }
.banner a{ font-size: 5em; background-color:#25b34b; color: #fff; padding: 23px 0 ; border-radius: 2em;  display: block;  max-width: 600px; margin:10px auto 0 auto; font-weight: bold;}
.banner a span{ color: #246b94; }
.banner a.btn span { color: #ffffff; }

.banner-bar{ background-color: #ee4e53; text-align: center; color: #fff; padding: 39px 0 30px 0;}
.banner-bar dl dt{ float: left; width: 33%; font-size: 3.4em; line-height: 46px; border-right:solid 1px #ff8488; border-left: solid 1px #ba3d41;}
.banner-bar dl dt b{ display: block;  font-size: 1.47em; }
.banner-bar dl dt:nth-child(1){ border-left: none; }
.banner-bar dl dt:nth-child(3){ border-right: none; }
.banner-bar dl dd{ font-size: 5.8em; padding-top: 30px; display: inline-block;}

.content h6.title{   color: #2f2d2d; text-align: center; font-size: 4.8em;  padding-top:19px;}
.content h6.title span{ display: block;  color: #9d9d9d; font-size: 0.5em; text-transform: uppercase; letter-spacing: 0.2em; padding-top: 3px;}

.lp-one{ padding: 57px 10px 0 10px; }
.lp-one p.txt{ text-align: center; font-size: 3.4em; color: #2f2d2d; }
.lp-one ul{ padding-bottom: 50px; display: table; width: 100%; max-width: 800px; margin:0 auto;}
.lp-one ul li{ color: #3e3e3e; float: left;  border-bottom: dashed 1px #727272; padding:49px 0 26px 0; display: inline-block; width: 100%;}
.lp-one ul li b{ font-size: 3em; }
.lp-one ul li img{ max-width: 182px; float: left; margin-right: 38px; width: 22%;}
.lp-one ul li div{ float: left; /*max-width: 580px;*/ width: 72%;}
.lp-one ul li p{ padding-top: 30px; font-size: 2.4em;}
.lp-one ul li span{ color: #ee4e53; font-size: 1.79em; font-weight: bold; }
.lp-one ul li:nth-child(3){ border-bottom: none; }
.lp-one h3{ font-size: 5.5em; text-align: center; font-weight: normal; margin-bottom: 43px; }
.lp-one a{ color: #ee4e53; border: solid 6px #ee4e53; text-align: center; max-width: 652px; margin: 0 auto; display: block; padding: 15px 0; border-radius: 5em; font-size: 5.76em; position: relative;}
.lp-one a b img{max-width: 105px; position: absolute; right: 36px;}

.lp-two{ margin:25px auto 34px auto; max-width: 388px; text-align: center;  font-size: 4.8em; font-weight: bold;  color: #ee4e53; letter-spacing: 2px;   }
.lp-two:before,.lp-two:after{ content: ""; display: block; width: 84px; height: 9px; margin-top: 32px;   }
.lp-two:before{ background: url(../images/20170914/lineL.png) no-repeat;  float: left;  }
.lp-two:after{ background: url(../images/20170914/lineR.png) no-repeat;   float: right; }
/*.lp-two img{ max-width: 950px; }*/


.lp-three{ text-align: center; max-width: 820px; margin:0 auto;}
.lp-three dl dt{ font-size: 4.2em; font-weight: bold; color: #2f2d2d;}
.lp-three dl dt span{ background: url(../images/20170914/pic_13.jpg) no-repeat; font-size: 1.5em; color: #fff;  text-shadow: 2px 2px 5px #cc525e;  line-height: 75px; text-align: center;display: inline-block; width: 72px; height: 90px; margin-right: 5px;}
.lp-three dl dd { font-size: 3.3em; line-height: 48px; margin:5px 0 80px 0; color: #3e3e3e; }
.lp-three dl dd b{ color: #f67480; }
.lp-three img{ max-width: 247px; }
.lp-three p{ color: #6b6b6b;  text-align: left;  font-size: 3em; margin-top: 30px;}

/*=====FORM=====*/
.banner.banner-form img{ margin-top: 30px; }
.width-auto{ max-width: 686px; margin:0 auto; }
.banner-form-content{ display: inline-block; position: relative; }
.banner-form-content input,.select-type{ width: 100%; background-color:rgba(0,0,0,0.25); border:solid 1px #fff; border-radius: 9px; color: #fff; margin-bottom: 18px; font-size: 3.6em; padding: 15px 5%;}
.select-type{ width: 100%; }
.banner-form-content .qqmail { border-radius: 9px;  margin-bottom: 18px; }
.banner-form-content .qqmail input { margin-bottom: 0; }
form.mobile-short-form .err-msgs { margin-bottom: 2%; width: 100%; }
form.mobile-short-form .success-msg { margin-bottom: 2%; width: 100%; }
.qqmail{ position: relative; }
.qqmail span{ position: absolute;  font-size: 3.6em;  color: #878787; right: 12px; top: 11px;}
.qqmail input{  padding-right: 35%;}

.banner-form-content input:focus{ outline:none; border-color: #ee4e53; background-color:rgba(0,0,0,0.55);}

/* Mozilla Firefox 4 to 18 */
:-moz-placeholder { color: #fff; }
/* Mozilla Firefox 19+ */
::-moz-placeholder { color: #fff;}
input:-ms-input-placeholder { color: #fff;}
input::-webkit-input-placeholder {color: #fff;}




@media screen and (max-width: 860px) {
	.lp-one,.lp-three,.banner{ padding-left:10px; padding-right:10px; }
	.lp-one h3{ font-size: 4.5em; }
}

@media screen and (max-width: 820px) {
	.wrap{ font-size: 95% !important; }

	.lp-three dl dd{ margin-bottom: 35px; }
}

@media screen and (max-width: 767px) {
	.lp-three dl dd{ text-align: left; }
	
}

@media screen and (max-width: 700px) {
	.wrap{ font-size: 90% !important; }
	.lp-one ul li div{ width: 70%; }
	.lp-one p.txt{ font-size: 3em; }
}

@media screen and (max-width: 665px) {
	.wrap{ font-size: 80% !important; }

	.lp-three dl dd{ line-height: 40px; }

	.lp-two { max-width: 355px; }
	.lp-two:before,.lp-two:after{ margin-top: 20px; }


}

@media screen and (max-width: 600px) {
	.wrap{ font-size: 75% !important; }

}

@media screen and (max-width: 560px) {
	.banner-bar{ font-size: 80% !important;  padding: 22px 0;}
	
	.banner-bar dl dt{ line-height: initial; }
	.banner-bar dl dd{ padding-top: 12px; }
}

@media screen and (max-width: 545px) {
	.wrap{ font-size: 65% !important; }
	.content h6.title{ padding-top: 5px; }

	.lp-one{ padding-top: 22px; }
	.lp-one h3{ font-size: 4em; margin-bottom: 25px; }
	.lp-one ul{ padding:20px 0 0px 0 }
	.lp-one ul li{ padding-top: 20px; }
	.lp-one ul li img{  margin-right: 12px; }
	.lp-one ul li p{ padding-top: 10px; }
	.lp-one a{ padding: 10px 0; border-width: 4px; font-size: 4.5em;}
	.lp-one a b img{ max-width: 55px;  right: 15px; }
	.lp-three dl dd{ line-height: 28px;  font-size: 3em; margin-bottom:22px;}

	.lp-two{ max-width: 330px; }
	.lp-two:before, .lp-two:after{ margin-top: 18px; }

	.lp-three p{font-size: 2.8em;}
	.lp-three img{ max-width:160px;  }
	.lp-three dl dt span{ background-size: 1.4em; width: 58px; height: 72px; line-height: 60px;}
	
	.copyright{margin-top: 30px;}
}


@media screen and (max-width: 465px) {	
	.banner{ font-size: 90%; }

	.lp-one h3{ font-size: 3.5em;  }
	.lp-one p.txt{ font-size: 2.8em; }
}

@media screen and (max-width: 420px) {	
	.banner{ font-size: 80%;  }
	.banner h2{ line-height: initial; }
	.banner img{ max-width: 220px;  margin-top: 30px;}
	.lp-one a b img{   max-width: 45px;}

	.lp-one p.txt{ font-size: 2.35em; }

}

@media screen and (max-width: 415px) {	
	.banner-bar{ font-size: 62% !important; padding: 12px 0; }
	.banner-bar dl dt{ width: 32%; }
	
	.banner a{ padding: 13px 0; }
}


@media screen and (max-width: 380px) {	
	.banner{ font-size: 67%; }
	.banner img{ max-width: 160px;}
	.lp-one h3{ font-size: 2.9em;  }
}


@media screen and (max-width: 319px){
	.wrap{ font-size: 60% !important; overflow-x: hidden;}
}