@charset "UTF-8";
.banner_kv {background-image: url(top_banner.png);}
.main_banner_section.page_banner { background-position:center center;}

 @media screen and (max-width: 680px) {
.banner_kv {background-image: url(top_banner_m.png);}
.main_banner_section.page_banner { background-position:center center;}
}
.cardface img { max-height: 65px; }
.banner_title h1 {font-size: 26px; line-height:30px;}
.banner_title p {font-size: 20px; line-height:24px;}
.offerimg img {height: 90px;}	
p {font-size: 18px; line-height:26px;}
	
.red {color:#ed1b24; font-weight: bold; }

.step-box {border: 2px solid #31a041; padding:35px;  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 40px; padding-left: 20px; padding-right: 20px;}
.step-box:after {display:table; clear:both; content:"";}
.wbox {background-color: #ffffff; padding: 5px;font-size: 27px; color: #31a041; margin-left: auto; margin-right: auto; margin-top: -60px; width: 550px; font-weight: bold; text-align: center; margin-bottom: 20px; }

.offerl img {width: 110px}
.offerl {font-size: 19px; float: left;}
.offerw {width: 100%; padding-left: 120px; font-size: 19px; line-height:23px;}
.offerw1 {width: 100%; padding-left: 120px; font-size: 19px; line-height:23px; margin-top: -20px;}
.offerw2 {width: 100%; padding-left: 120px; font-size: 19px; line-height:23px;}

.wrong img {width: 25px; float: left; margin-top: -3px;}
.wrong {font-size: 14px; line-height:18px;}
.wrongw {padding-left: 30px;}

.btn {text-align: center; margin-top: 10px;}
.point {margin-top: 20px;}
.point li {margin-left: 20px; font-size: 18px; line-height: 30px;}



.steptop {margin-top: 30px;}
.icon img {width: 40px; margin-right: 10px;}
.icon p {font-size: 18px; line-height:50px;}

.footer_mid_area p {font-size: 22px; line-height: 24px;}

.break {display: none;}
.top {margin-top: 10px;}

.tc {font-size: 13px; line-height:16px; margin: 15px 0 5px;}
.tncfont {font-size: 13px; line-height:15px; margin-top: 25px; margin-bottom: 10px;}

.tl {float: left; width: 13px;}
.tr {padding-left: 16px;}

 @media screen and (max-width: 680px) {
.break {display: block;}
.offerimg img {height: auto;}
.offerl {font-size: 20px; float: none;}
}

 @media screen and (max-width: 620px) {
.offerw {width: 100%; padding-left: 0px; font-size: 20px; line-height:26px; padding-top:0px; margin-top: 10px;}
.offerw1 {width: 100%; padding-left: 0px; font-size: 20px; line-height:26px; margin-top: 10px;}	 
.offerw2 {width: 100%; padding-left: 0px; font-size: 20px; line-height:26px; margin-top: 10px;}	 
.banner_title {margin-top: -50px;}
.banner_title h1 {font-size: 20px; line-height:22px;}
.banner_title p {font-size: 16px; line-height:18px;}
.cardface img { max-height: 55px; }
}

.pleft img {width: 40px; float: left; margin-top: -10px;}
.pword {width: 100%; padding-left: 50px; font-size: 18px; line-height:26px;}
.step {margin-top: 10px;}
.step1 {margin-top: 30px;}
.pword li {margin-left: 20px;}

.line {border-bottom: 1px solid #cacaca; margin: 20px 0;}
.mobilepic img {width: 350px;}
.desktop img {width: 80%;}

 @media screen and (max-width: 680px) {
 .desktop img {width: 100%;}
}