@charset "UTF-8";

/*=======================================
ABOUT
=========================================*/
/* ----------------------------- スマホ（～767px） */
@media screen and (max-width: 767px) {


    .w1000 {
        width: 100%;
    }

    .ji h1 {
        margin-top: 50px;
    }

    .jigyo {
        width: 95%;
        margin: auto;
        text-align: left;
    }


    .fro {
        /*        display: block;*/
        width: 100%;
    }

    .fro img {
        width: 33%;
    }

    .froi {
        margin: auto;
    }

    .ondo {
        display: block;
        margin-top: 25px;
    }

    .ondo img {
        display: block;
        margin: auto;
    }

    .ondo p {
        padding: 0;
        width: 95%;
        margin: 10px auto;
    }


    .bk {
        display: block;

    }

    .sen img {
        width: 33%;
    }

    .m100 {
        width: 100%;
    }

    .h2 {
        width: 95%;
        margin: auto;
    }

    .txl {
        text-align: left;
        width: 95%;
        margin: auto;
    }

    .w480 {
        padding: 10px;
    }

    .mt40 {
        margin-top: 0px;
    }

    .w95 {
        width: 95%;
        margin: auto;
    }

    .pr5 {
        padding-right: 5px;
    }

    .pl5 {
        padding-left: 5px;
    }

    .w310 {
        padding: 5px;
        height: auto;
        margin: 0 auto auto;
    }

    .mb20 {
        margin-top: 50px;
        margin-bottom: 10px;
    }

    .b1 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .hei {
        height: 200px;
    }

    .p-about {
        margin-bottom: 50px;
    }

    .b1 td:before {
        content: "　：　";
        margin-left: -3rem;
    }

    .b1 td {
        margin-left: 3rem;
    }

    .b1 th {
        width: 20%;
    }
}