@media screen and (max-width: 767px) {
    .offset-1,.offset-2{
        margin-left: 0;
    }

    .pc{
        display: none;
    }

    .sp{
        display: block;
    }

    .nayami-title h3{
        font-size: 24px;
    }

    .contact-title h2{
        font-size: 20px;
    }

    .tel-number{
        font-size: 30px;
    }

    .sp-tel{
        font-size: 14px;
    }

    .contact-list{
        flex-wrap: wrap;
    }

    .contact-list a{
        width: 48%;
        margin-bottom: 10px;
    }

    .situ-list li{
        width: 48%;
        margin-bottom: 20px;
    }

    .mado-s .row{
        flex-direction: row;
        justify-content: space-between;
    }

    .mado-s .col-md-2,.mado-s .col-md-4{
        width: 31%;
    }

    .tenmado table{
        width: 100%;
    }

    .tenmado tr{
        display: flex;
        flex-direction: column;
    }

    .tenmado th,.tenmado td{
        width: 100%;
    }

    .coat-name{
        flex-direction: column;
    }

    .coat-name .col-md-3 img{
        display: none;
    }

    .coat-name .col-md-9 h3{
        text-align: center;
        margin-top: 10px;
    }

    .coat-name .col-md-9 h3 span{
        display: block;
        font-size: 40px;
    }

    .coat-content{
        flex-direction: column;
    }

    .coat-content .col-md-4{
        width: 100%;
        margin: 10px 0;
    }

    .flow .col-md-10{
        flex-direction: column;
    }

    .flow .col-md-3{
        width: 100%;
    }

    footer{
        flex-direction: column-reverse;
    }

    footer .col-md-4{
        text-align: center;
        margin-bottom: 20px;
    }

    footer iframe{
        height: 200px;
    }
}

@media (min-width: 751px) {
    a[href^="tel:"] {
        pointer-events: none;
        cursor: default;
    }
}