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

    .header p{
        font-size: 12px;
    }

    .head-title img{
        padding: 10px 0;
    }

    .campaign{
        flex-direction: column;
    }

    .campaign p{
        font-size: 18px;
    }

    .campaign a{
        width: 70%;
    }

    .business-link .col-md-10,.mado-problem{
        flex-direction: column;
    }

    .business-link .col-md-10 a{
        width: 90%;
        margin: 20px auto;
    }

    .madorinobe,.ecohome,.kyuto-business{
        padding: 50px 0;
    }

    .bg-white{
        padding: 30px 20px;
    }

    .content{
        margin: 20px 0;
    }

    table{
        width: 100%;
    }

    table th,table td{
        display: block;
        width: 100%;
    }

    .madorinobe th,.ecohome th,.kyuto-business th{
        border: 0px;
        width: 100%;
    }

    .mail{
        width: 300px;
    }

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

    .foot-info,.gaikan{
        width: 100%;
    }

    .foot-info{
        margin-top: 30px;
    }
}

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