@charset "UTF-8";

 .box_f1 {
        display: block;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }


    .fhotoA {
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .fhotoA img {
        width: 90%
    }


    .fhotoB img {
        width: 90%;
    }

    .fhotoB {
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center
    }

    .table-4 {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        width: 90%;
        border: 2px solid #757575;
        /*ボーダーを重ねる*/
        border-collapse: collapse;
    }

    .table-4 th {
        color: #757575;
        height: 40px;
        background: #BDBDBD;
        font-size: 12px;
        border: solid 1px #757575
    }

    .table-4 td {
        text-align: center;
        color: #757575;
        padding-left: 5px;
        height: 40px;
        font-size: 12px;
        border: solid 1px #757575
    }

    .table-4-th-1 {
        width: 50%;
    }

    .table-4-th-2 {
        width: 50%;
    }



    .map-waku {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        width: auto;
        border: solid 1px #e3e3e3;
        box-shadow: 1px 2px #e3e3e3;
        background-color: #ffffff;

        margin-bottom: 30px
    }

    .map {
        margin: 0 auto;
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }

    .map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }



/*ここに768px以上向けのスタイルを記述*/
@media (min-width:768px) {
    .box_f1 {
        display: block;
        height: 400px;
        width: 800px;
        margin-left: auto;
        margin-right: auto;
    }


    .fhotoA {
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .fhotoA img {
        width: 90%
    }


    .fhotoB img {
        width: 90%;
    }

    .fhotoB {
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center
    }

    .table-4 {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        width: 90%;
        border: 2px solid #757575;
        /*ボーダーを重ねる*/
        border-collapse: collapse;
    }

    .table-4 th {
        color: #757575;
        height: 40px;
        background: #BDBDBD;
        font-size: 14px;
        border: solid 1px #757575
    }

    .table-4 td {
        text-align: center;
        color: #757575;
        padding-left: 5px;
        height: 40px;
        font-size: 14px;
        border: solid 1px #757575
    }

    .table-4-th-1 {
        width: 50%;
    }

    .table-4-th-2 {
        width: 50%;
    }



    .map-waku {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        width: 800px;
        border: solid 1px #e3e3e3;
        box-shadow: 1px 2px #e3e3e3;
        background-color: #ffffff;

        margin-bottom: 30px
    }

    .map {
        margin: 0 auto;
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }

    .map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
}