@media screen and (max-width: 768px) {
body{padding: 0;min-width: inherit;}
.wmain,.header .hti h1{max-width: 95%;min-width: 95%;}
}
@media screen and (max-width: 767px) {
html,body{font-size: 3.4vw;}
body {min-width: 100%;}
.wmain,.header .hti h1{max-width: 95%;min-width: 95%;}
.w12{max-width: 100%;}
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%;margin: 0 auto;}
.header .txt{width: 100%;float: none;}
.header h1{font-size: 2.5vw;text-align: center;line-height: 1.4em;}
.header .logo{width: 100%;overflow: hidden;text-align: center;margin: 0;}
.header .logo img{width: 55vw;}
.header .head-cta{width: 100%;position: fixed;bottom: 0;left: 0;background: #fffeac;padding: 3vw 0 0;border-top: 1px solid #ddd;z-index: 9;}
.header .head-cta ul li{width: 49%;margin: 0 0.5vw;}
.header .head-cta ul li img{width: 100%;}
.header .head-cta ul{text-align: center;justify-content: center;margin: 0;}
.header .head-cta p{font-size: 8px; text-align: center;}
.nayami .img{float: none;width: 100%;}
.nayami .txt{float: none;width: 100%}
.nayami ul{padding: 3vw 2vw 0;}
.nayami li p{font-size: 3.4vw;line-height: 1.6em;}
.reason {background: #f5f5f5;}
.reason ul{display: block;margin: 3vw auto 0;}
.reason li{width: 85%;padding: 3.5vw; margin: 0 auto 6vw;background: #fff;}
.reason .ti{font-size: 4vw;}
.cta .ctn{padding: 4vw;width: 85%;}
.cta ul{display: block;margin: 0 auto 0;background: #fff;padding: 3vw;}
.cta li{width: 100%;margin: 0 auto 1vw;}
.cta li img{width: 100%;}
.cta .img{display: none;}
.cta h2{text-align: center;}
.service .center{font-size: 100%;}
.flow{padding: 4vw 0;background: #f5f5f5;}
.flow ul{width: 100%;display: block;}
.flow li{width: 90%;overflow: hidden;margin: 0 auto 3vw;padding: 3vw;background: #fff;}
.flow li .img{float: left;width: 25%;}
.flow li .txt{float: right;width: 70%;}
.flow li .ti{text-align: left;margin: 0 0 5vw;min-height: inherit;font-size: 4.2vw;}
.flow li:after{display: none; top: inherit;right: 0;bottom: -7px;left: 0;margin: 0 auto;-webkit-transform: rotate(90deg);transform: rotate(90deg);height: 30px;}
.qa{padding: 5vw 0;}
.qa ul li .q p{font-size: 3.4vw;padding:12px 30px 12px 50px; }
.qa ul li .a p{font-size: 3.4vw;}
.qa ul li{margin: 0 auto 1vw;}
.contact{padding: 5vw 0;}
.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 23vw;font-size: 1.6vw;line-height: 2.4em;}
.gotop{bottom:23vw;width: 38px;height: 38px;background-size: 50%;}
p.confirm{margin: 0 0 30px;}
.mail-btn li{display: block;margin: 0 0 3px;}
.contact .mailform,.qa ul{width: 95%;}
.gnav {width: 100%;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;}
.gnav:before{content: "スクロールしてください→";padding:5px;width: 100%;display: block;color: red;}
.gnav .tbl{width: 650px;margin: 0;}
.select_note{ width: 70%;}
.jirei02 {
  padding: 20px 0;
}
.jirei02 .ttl {
  max-width: 135px;
  margin: 0 auto 20px;
}
.jirei02 .wmain {
  gap: 0;
  margin-bottom: 20px;
}
.jirei02_item {
  width: calc((100% - 0px) / 2);
}
.form_underNote {width: 95%; border: solid 2px #d60100; background: #fff;}
.underNote_ttl h3 {font-size: 18px; line-height: 1.5; padding: 5px;}
.underNote_desc {padding: 10px 20px; font-size: 12px; font-weight: 600;}
.underNote_desc ul {padding-top: 15px; padding-left: 10px;}
.hp_fc_red {color: #d60100;}
.hp_fz_sm {font-size: 9px; display: inline-block;}

.modal {position: fixed;top: 0;left: 0;width: 100%; height: 100%; background: rgba(0,0,0,0.7);transition: .3s;z-index: 10;}
.modal.open {display: block; visibility: visible;}
.modal .form_underNote {margin: 25% auto 40px;}
.form_underNote_closeBtn {position: relative; cursor: pointer;}
.form_underNote_closeBtn::before {content: ""; width: 20px; height: 2px; background: #fff; position: absolute; top: -20px; right: 0; transform: rotate(45deg);}
.form_underNote_closeBtn::after {content: ""; width: 20px; height: 2px; background: #fff; position: absolute; top: -20px; right: 0; transform: rotate(-45deg);}
.form_underNote_telBtn {padding-top: 15px;}
.form_underNote_telBtn p {padding-top: 10px;}
body.no-scroll {overflow: hidden;}
}