@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%}
.header .txt{width: 100%;float: none;}
.header 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: 2vw 0;border-top: 1px solid #ddd;z-index: 9;}
.header .head-cta ul li{max-width: 31%;margin: 0 1vw;}
.header .head-cta ul{text-align: center;justify-content: center;margin: 0 auto;}
.header .head-cta ul.pc{display: none;}
.header .head-cta ul.sp{display: flex;}
.reason {padding: 5vw 0;}
.reason ul{display: block;margin: 4vw auto 0;padding: 0;background: none;}
.reason li{width: 85%;padding: 3.5vw; margin: 0 auto 3vw;background: #fff;}
.reason .ti{font-size: 4vw;}
.brand{padding: 5vw 0;}
.brand ul{display: block;}
.brand li{width: 100%;}
.brand .ti{font-size: 3.4vw;margin: 3vw auto 0;}
.brand .ctn{padding: 4vw;}
.can{padding: 5vw 0;}
.can ul{display: block;}
.can li{margin: 0 auto 2vw;background: #fff;padding: 3vw;width: 90%;overflow: hidden;}
.can .img{float: left;width: 40%;}
.can .txt{float: right;width: 58%;}
.can .ti{text-align: left;font-size: 4vw;}
.can .tis{font-size: 5vw;line-height: 1.6em;}
.can-scroll {
        overflow-x: scroll;
        margin-bottom: 20px;
    }

    #area6 table {
        /* padding-top: 80px; */
        margin-bottom: 10px;
        border-spacing: 8px 4px;
    }

    #area6 table img {
        bottom: 150%;
        left: 10%;
    }

    #area6 td:first-child {
        width: 40%;
        font-size: 12px;
    }

    #area6 td,
    #area6 th {
        padding: 20px 5px;
    }

    #area6 th:last-child {
        font-size: 12px;
    }
.cta .img{display: none;}
.cta .wmain{padding: 5vw 0;}
.cta .inr{width: 100%;float: none;}
.cta ul{display: block;text-align: center;}
.cta li{width: 100%;max-width: 100%; margin: 0 auto 1vw;}
.cta li img{width: 95%;margin: 0 auto;}
.cta .ctn{padding: 4vw;width: 85%;margin: 0 auto;}
.staff .wmain{padding: 5vw 0;}
.staff ul{display: block;}
.staff li{width: 95%;margin: 0 auto 3vw;overflow: hidden;}
.staff .img{float: left;width: 35%;}
.staff .txt{float: right;width: 60%;padding: 0;}
.staff .ti{text-align: left;margin: 0 auto 2vw;font-size: 3.5vw;}
.jisseki{padding: 5vw 0;}
.jisseki ul{display: block;}
.jisseki li{width: 95%;margin: 0 auto 3vw;}
.jisseki th{font-size: 4vw;}
.jirei .wmain{padding: 5vw 0;}
.jirei ul{display: block;}
.jirei li{width: 95%;margin: 0 auto 3vw;overflow: hidden;}
.jirei .img{float: left;width: 40%;}
.jirei .txt{float: right;width: 55%;padding: 0;}
.jirei .ti{text-align: left;font-size: 3.2vw;margin: 0 auto 2vw;}
.area{padding: 5vw 0;}
.flow{padding: 4vw 0;}
.flow ul{width: 100%;margin: 3vw auto;}
.flow li{width: 21%;margin:0.5vw;padding: 1vw;}
.flow li .ti{font-size: 3vw;}
.flow li:after{display: none;}
.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 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%;}
}