@media (min-width: 320px) and (max-width: 767px) {

    header {
        width: 100%;
    }

        header p {
            font-size: 90%;
            line-height: 1.6;
        }

            header p br.pcnone {
                display: block;
            }

    main {
        width: 90%;
        margin: 0% auto 20px;
    }

    .schedule,
    .check {
        margin-bottom: 5%;
    }

        .check {
            width: 100%;
            margin: 0 auto 5%;
        }

        .detail .term {
            font-size: 150%;
        }

    .schedule .days {
        width: 100%;
        padding: 7%;
        margin: 0 auto 5%;
        border-radius: 20px;
    }

        .schedule .days p {
            font-size: 90%;
            margin-top: 0.6em;
        }



    .detail {
        width: 100%;
        margin: 0 auto;
    }

        .detail .detailDays {
            display: block;
            margin: 20px auto 10px;
            font-size: 85%;
        }

            .detail .detailDays .am,
            .detail .detailDays .pm {
                width: 100%;
            }

            .detail .detailDays .am ul,
            .detail .detailDays .pm ul  {
                width: 100%;
                padding-left: 10%;
            }

            .detail .detailDays .pm {
                margin-top: 20px;
            }

        .detail .text01 {
            font-size: 85%;
            margin-bottom: 5%;
        }

    .detail .text02 {
        font-size: 100%;
        margin: 2% auto 4%;
        line-height: 1.4;
    }

        .detail .text01 br {
            display: block;
        }

    .schedule .days .box .boxSecond {
        margin-top: 5%;
        padding-top: 5%;
    }


    .howto {
        width: 100%;
        margin: 0 auto 5%;
        padding: 6% 3% 3%;
    }

    .howto h3 {
        font-size: 22px;
    }

        .howto p.text01 {
            font-size: 100%;
        }

        .howto p.text02 {
            font-size: 120%;
        }

    .sheet {
        width: 100%;
        margin: 0 auto 5%;
    }

        .sheet h2 {
            font-size: 18px;
            padding: 3px 0;
        }


    .sheet p {
        font-size: 100%;
    }

   .sp {
        display: block;
    }

    .sheet ul {
        width: 70%;
        display: block;
    }

    .sheet ul li {
        width: 100%;
    }

        .sheet ul li+li {
            margin-top: 5%;
        }

.get {
    width: 100%;
}

    footer {
        width: 100%;
        margin-top: 20px;
        padding: 5px 0;
    }

    footer p {
        font-size: 90%;
        text-align: center;
    }

    }

@media (max-width: 767px) {

    .wrapper {
        width: 100%;
        margin: 0 auto;
    }
}