@media screen and (max-width: 767px) {
html,body{font-size: 3.8vw;}
body {min-width: 100%;}
.wmain,.header .hti h1{max-width: 95%;min-width: 95%;}
h2{font-size: 6vw;letter-spacing: 0;}
.sp{display: block;}
.pc{display: none;}
.fv{background: none;text-align: center;}
.fv .wmain{max-width: 100%;min-width: 100%}
.header .hti h1{font-size: 11px;text-align: center;line-height: 1.4em;}
.header .logo{width: 100%;overflow: hidden;text-align: center;margin: 0;}
.header .logo img{width: 45vw;}
.header .head-cta{width: 100%;position: fixed;bottom: 0;left: 0;background: #fffeac;padding: 3vw 0;border-top: 1px solid #ddd;z-index: 9;}
.header .head-cta ul li{width: 95%;vertical-align: middle;}
.header .head-cta ul{text-align: center;}
.nayami .wmain{padding: 15vw 0 8vw;}
.nayami ul{width: 85%;padding: 15px;}
.nayami li p{font-size: 4.2vw;}
.nayami li{background-size: 30px;padding: 5px 0 5px 40px;background-position: 0 5px;}
.reason ul{display: block;margin: 10vw auto 0;}
.reason li{width: 90%;padding: 2vw; margin: 0 auto 6vw;background: #647dc5;overflow: hidden;}
.reason .ti{font-size: 4.2vw;text-align: left;margin: 0 auto 3vw;letter-spacing: 0;}
.reason .img{float: left;width: 37%;}
.reason .txt{float: right;width: 60%;}
.cta {padding: 6vw 0;}
.cta .ctn{width: 95%;}
.cta .inr{background: none;padding: 20px 10px;}
.cta ul{margin: 0 auto;text-align: center;}
.mng .ctn{padding: 6vw 3vw;width: 90%;}
.flow{padding: 8vw 0 4vw;}
.flow ul{width: 100%;display: block;}
.flow li{width: 95%;overflow: hidden;margin: 0 auto 6vw;padding: 0 0 6vw;}
.flow li .img{float: left;width: 25%;}
.flow li .txt{float: right;width: 70%;}
.flow li .ti{text-align: left;margin: 0 0 3vw;min-height: inherit;font-size: 5vw;}
.flow li:after{top: inherit;right: 0;bottom: -7px;left: 0;margin: 0 auto;-webkit-transform: rotate(90deg);transform: rotate(90deg);height: 30px;}
.grf h2 span{padding: 3vw 0;width: 100%;}
.grf{padding: 8vw 0;}
.grf .ctn{padding: 4vw;width: 85%;}
.voice{padding: 8vw 0;}
.voice ul{display: block;}
.voice li{width: 85%;padding: 15px;margin: 0 auto 15px;}
.voice .txt{font-size: 4.2vw;}
.voice .img{width: 30%;}
.voice .txt{width: 65%;padding: 2vw 0 0;}
.qa {padding: 8vw 0;}
.qa ul li .q p{font-size: 3.4vw;padding:12px 30px 12px 50px; }
.qa ul li .a p{font-size: 3.4vw;}
.store{padding: 8vw 0;}
.store .ctn{width: 85%;padding: 15px;}
.store .txt{float: none;width: 100%;margin: 0 auto 15px;padding: 0;}
.store .ti{text-align: center;font-size: 5vw;}
.ggmap{padding-bottom: 100%;}
.gmap{float: none;width: 100%;}
.contact .sub{font-size: 3.4vw;}
.contact input[type=radio] + label{font-size: 3.4vw;}
.contact table th,.contact table td{width: 100%;overflow: hidden;display: block;padding: 0;}
.contact table th{padding: 5px 0;background: #f5f5f5;}
.contact table td{margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px dotted #ddd;}
.terms-block .terms-inner{font-size: 2.5vw;}
.footer h2{font-size: 3vw!important;}
.footer{font-size: 3vw;line-height: 1.6em;}
.copyright{margin: 6vw 0 24vw;font-size: 1.6vw;line-height: 2.4em;}
.gotop{bottom:24vw;width: 38px;}
p.confirm{margin: 0 0 30px;}
.mail-btn li{display: block;margin: 0 0 3px;}
.contact .mailform,.qa ul{width: 95%;}
}