@media screen and (max-width: 767px) {
    .pc{
        display: none;
    }

    .sp{
        display: block;
    }

    p,li{
        font-size: 14px;
    }

    .offset-1,.offset-2{
        margin-left: 0;
    }

    .fat-nav li{
        padding: 10px 0;
        font-size: 20px;
    }

    .head-main img{
        padding: 15px;
    }

    .head-logo img{
        width: 10%;
    }

    .head-text,.tp-info-content,footer .col-md-10,.foot-r ul,.revi-content,.menu-content .col-md-11,.menu-list,.kansaibo,.revi-link ul,.herb1,.datsumo-type .col-md-10,.datsumo-menu-text,.datsumo-voice-content,.sub-menu,.datsumo-top,.revi-flex,.news-content{
        flex-direction: column;
    }

    .head-text-r{
        margin-top: 30px;
        width: 90%;
    }

    .head-text-r h2{
        font-size: 20px;
        text-align: center;
    }

    .head-news{
        width: 95%;
    }

    .news-content{
        align-items: normal;
    }

    .news-content h4,.news-content p{
        font-size: 14px;
    }

    .tp-about{
        margin: 50px 0;
    }

    .tp-title h2{
        font-size: 30px;
    }

    .tp-title p{
        line-height: 1.5em;
    }

    .tp-info-content figure,.foot-l,.foot-c,.foot-r,.menu-list figure,.herb1 .col-md-6,.menu-case li{
        width: 100%;
    }

    .tp-shopinfo{
        width: 100%;
        margin: 30px 0;
    }

    .foot-info{
        flex-direction: column;
    }

    .foot-c{
        border: none;
        padding-left: 0;
        border-bottom: 1px solid white;
        padding-bottom: 20px;
    }

    .foot-l figure{
        width: 70%;
        margin-bottom: 20px;
    }

    .foot-c li{
        margin: 5px 0;
    }

    .foot-r{
        text-align: center;
    }

    .foot-r li{
        margin: 5px 0;
    }

    .tp-bnr p{
        font-size: 20px;
    }

    .tp-bnr ul{
        flex-direction: column;
    }

    .tp-bnr li{
        width: 100%;
    }

    .tp-bnr li a{
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }

    .abt-concept .col-md-10{
        width: 90%;
        margin:0 auto;
    }

    .abt-concept .offset-1,.menu-content .offset-1,.info-content .offset-1,.info-map .offset-1,.contact .offset-1,.pripoli .offset-1{
        padding: 0;
    }

    .abt-text h3,.menu-title h2,.revi-text h3{
        font-size: 20px;
    }

    .abt-text p br{
        display: none;
    }

    .menu-l,.menu-r,.contact .col-md-10,.pripoli .col-md-11{
        width: 90%;
        margin: 20px auto;
    }

    .contact,.pripoli,.revi,.tp-sns{
        margin-top: 50px;
    }

    .revi-content{
        margin-top: 0;
    }

    .revi-text p{
        line-height: 1.5em;
    }

    .revi-flex figure{
        width: 60%;
    }

    .revi-tokucho-text{
        width: 100%;
    }

    .revi-tokucho{
        padding: 30px;
    }

    .revi-tokucho h3,.sc-title h3{
        font-size: 20px;
    }

    .revi-tokucho li{
        width: 100%;
        margin: 20px 0;
    }

    .sc-title{
        margin-top: 80px;
    }

    .sc-title p{
        margin: 30px 0;
    }

    .kansaibo{
        padding: 0 80px;
    }

    .kansaibo .col-md-3{
        margin: 20px 0;
    }

    .revi-link li{
        margin: 20px auto;
    }

    .menu-content,.info-map{
        padding: 0 20px;
    }

    .menu-price th,.menu-price td{
        display: block;
        width: 100%;
        padding: 10px 0;
    }

    .menu-price th h4{
        font-size: 16px;
    }

    .menu-price td{
        font-size: 18px;
    }

    .menu-price td:first-of-type{
        border-top: none;
    }

    .menu-case li{
        width: 48%;
    }

    .menu-revi{
        width: 80%;
    }

    .menu-flow th,.menu-flow td{
        padding: 10px;
    }

    .menu-flow th{
        width: 30%;
    }

    .datsumo-title h3{
        font-size: 30px;
    }

    .datsumo-pricelist,.datsumo-price2{
        flex-direction: column;
    }

    .datsumo th,.datsumo td{
        width: 50%;
    }

    .datsumo-forte-content{
        padding: 20px 10px;
    }

    .datsumo-forte-content dl{
        margin-bottom: 0;
    }

    .datsumo-price,.datsumo-price2 table,.datsumo-mens-price table{
        width: 100%;
        margin: 20px 0;
    }

    .datsumo-top-text h3{
        font-size: 20px;
    }

    .datsumo-top-text p,.datsumo-type-content p,.datsumo-voice-text p{
        font-size: 14px;
    }

    .datsumo-top-text p{
        line-height: 1.5em;
        letter-spacing: 1px;
    }

    .datsumo-type-content{
        width: 80%;
        margin: 10px auto;
    }

    .datsumo-menu-text div{
        width: 100%;
    }

    .datsumo-menu-etc h4 span{
        display: block;
    }

    .datsumo-voice-text{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 10px auto;
    }

    .datsumo-voice-text figure{
        width: 30%;
    }

    .datsumo-voice-text p{
        width: 65%;
    }

    .datsumo-top figure img{
        height: 200px;
        object-fit: cover;
    }

    .touki-price-content{
        width: 90%;
        margin: 10px auto;
        padding: 20px 10px;
    }

    .datsumo-forte-content dt{
        font-size: 20px;
    }

    .datsumo-forte-content dd{
        font-size: 14px;
    }

    .salon-info{
        padding: 0 20px;
    }

    .voice-name figure,.voice-kouka,.voice-kouka-img,.voice-comment figure{
        width: 100%;
    }

    .voice-treatment dl,.voice-treatment-content{
        flex-direction: column;
    }

    .voice-treatment dt,.voice-treatment dd{
        padding: 5px 10px;
    }

    .case-title{
        font-size: 1rem;
    }

    .case-photos{
        flex-wrap: nowrap;
    }

    .case-photos .col-md-3{
        width: 45%;
    }
}