@media screen and (min-width: 768px) and (max-width: 1023px) {
    /*==============================
ファーストビュー
==============================*/
    .image-1 {
        width: 100%;
        height: 0;
        padding-top: calc(650 / 750 * 100%);
        background-image: url("../image/sp/image-sp_01.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
        /* calc(画像高さ ÷ 画像横幅 × 100%) */
    }
    .image-2 {
        width: 100%;
        height: 0;
        padding-top: calc(650 / 750 * 100%);
        background-image: url("../image/sp/image-sp_02.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }

    /*==============================
CTA1
==============================*/
    .cta-1 {
        width: 100%;
        height: 0;
        padding-top: calc(520 / 750 * 100%);
        background-image: url("../image/sp/cta-sp_01.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    .cta-2 {
        width: 100%;
        height: 0;
        padding-top: calc(290 / 750 * 100%);
        background-image: url("../image/sp/cta-sp_02.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    /*==============================
感染対策
==============================*/
    .image-3 {
        width: 100%;
        height: 0;
        padding-top: calc(431 / 750 * 100%);
        background-image: url("../image/sp/image-sp_03.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    /*==============================
お悩み事例
==============================*/
    .image-4 {
        width: 100%;
        height: 0;
        padding-top: calc(859 / 750 * 100%);
        background-image: url("../image/sp/image-sp_04.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    .image-5 {
        width: 100%;
        height: 0;
        padding-top: calc(751 / 750 * 100%);
        background-image: url("../image/sp/image-sp_05.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    /*==============================
解決事例
==============================*/
    .image-6 {
        width: 100%;
        height: 0;
        padding-top: calc(1127 / 750 * 100%);
        background-image: url("../image/sp/image-sp_06.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    .image-7 {
        width: 100%;
        height: 0;
        padding-top: calc(1309 / 750 * 100%);
        background-image: url("../image/sp/image-sp_07.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }

    /*==============================
8つの特徴
==============================*/
    .image-8 {
        width: 100%;
        height: 0;
        padding-top: calc(2384 / 750 * 100%);
        background-image: url("../image/sp/image-sp_08.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    .image-9 {
        width: 100%;
        height: 0;
        padding-top: calc(2531 / 750 * 100%);
        background-image: url("../image/sp/image-sp_09.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    .image-10 {
        width: 100%;
        height: 0;
        padding-top: calc(2488 / 750 * 100%);
        background-image: url("../image/sp/image-sp_10.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }

    /*==============================
塾長挨拶
==============================*/
    .image-11 {
        width: 100%;
        height: 0;
        padding-top: calc(2401 / 750 * 100%);
        background-image: url("../image/sp/image-sp_11.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    /*==============================
アクセス
==============================*/
    .image-12 {
        width: 100%;
        height: 0;
        padding-top: calc(193 / 750 * 100%);
        background-image: url("../image/sp/image-sp_12.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    .image-gmap1 {
        height: auto;
        padding: 15px 0 15px 0;
    }
    .image-13 {
        width: 100%;
        height: 0;
        padding-top: calc(1890 / 750 * 100%);
        background-image: url("../image/sp/image-sp_13.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    /*==============================
無料体験の流れ
==============================*/
    .image-14 {
        width: 100%;
        height: 0;
        padding-top: calc(735 / 750 * 100%);
        background-image: url("../image/sp/image-sp_14.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    /*==============================
CTA2
==============================*/
    .cta-2-1 {
        width: 100%;
        height: 0;
        padding-top: calc(535 / 750 * 100%);
        background-image: url("../image/sp/cta-sp_2-01.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    .cta-2-2 {
        width: 100%;
        height: 0;
        padding-top: calc(291 / 750 * 100%);
        background-image: url("../image/sp/cta-sp_2-02.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    /*==============================
生徒・保護者様の声
==============================*/
    .image-15 {
        width: 100%;
        height: 0;
        padding-top: calc(193 / 750 * 100%);
        background-image: url("../image/sp/image-sp_15.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    .image-16 {
        width: 100%;
        height: 0;
        padding-top: calc(3182 / 750 * 100%);
        background-image: url("../image/sp/image-sp_16.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    .image-17 {
        width: 100%;
        height: 0;
        padding-top: calc(4200 / 750 * 100%);
        background-image: url("../image/sp/image-sp_17.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    .image-18 {
        width: 100%;
        height: 0;
        padding-top: calc(3207 / 750 * 100%);
        background-image: url("../image/sp/image-sp_18.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    /*==============================
Q&A
==============================*/
    .image-19 {
        width: 100%;
        height: 0;
        padding-top: calc(193 / 750 * 100%);
        background-image: url("../image/sp/image-sp_19.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    .secqa {
        height: auto;
        padding: 0 0 10px 0;
        background-image: url("../image/sp/qa-sp_bg.png");
        /* border-top: 3px solid #c0a52f; */
        background-position: top center;
        background-size: 1800px auto;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    .secqa-title1 {
        max-width: 960px;
        margin: 0 auto;
        padding: 20px 0 0 0;
        text-align: center;
    }
    .secqa-title1 img {
        width: 40%;
    }
    .secqa-contents {
        max-width: 900px;
        margin: 20px auto 0 auto;
        padding: 0;
        text-align: center;
    }
    .secqa-box {
        margin: 0 10px 25px 10px;
        padding: 2% 2% 2% 1%;
        border: 2px solid #294d02;
        border-radius: 5px;
        box-shadow: 0 0 10px rgb(197, 197, 197);
        background-color: #ffffff;
    }
    .qa-002 dt, .qa-002 dd {
        display: flex;
        align-items: normal;
        position: relative;
        margin: 20px -15px 0 10px;
        padding: 0 1.2em .5em 3.1em;
        color: #333333;
    }
    .qa-002 dt {
        font-weight: 600;
    }
    .qa-002 dd + dt {
        margin-top: 1em;
    }
    .q-text {
        font-weight: bold;
        font-size: 18px;
        line-height: 1.7em;
    }
    .a-text {
        font-weight: normal;
        font-size: 16px;
        line-height: 2em;
    }
    .qa-002 dt::before, .qa-002 dd::before {
        display: inline-block;
        position: absolute;
        left: 0;
        width: 40px;
        height: 40px;
        border-radius: 7px;
        color: #ffffff;
        font-weight: 600;
        font-size: 1.4em;
        line-height: 40px;
        text-align: center;
    }
    .qa-002 dt::before {
        background-color: #0068b7;
        content: "Q";
    }
    .qa-002 dd::before {
        background-color: #bd0202;
        content: "A";
    }

    /*==============================
最後に
==============================*/
    .image-20 {
        width: 100%;
        height: 0;
        padding-top: calc(1068 / 750 * 100%);
        background-image: url("../image/sp/image-sp_20.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    /*==============================
フォーム
==============================*/
    .image-21 {
        width: 100%;
        height: 0;
        padding-top: calc(675 / 750 * 100%);
        background-image: url("../image/sp/image-sp_21.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    .sec-form {
        height: auto;
        padding: 20px 0 20px 0;
        /* border-top: 3px solid #c0a52f; */
        background-position: top center;
        background-size: 1800px auto;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-color: #ffffff;
    }
    .sec-form-title1 {
        max-width: 960px;
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }
    .sec-form-title1 img {
        width: 55%;
    }
    .sec-form-contents {
        max-width: 900px;
        margin: 0 auto 0 auto;
        padding: 0;
        text-align: center;
    }
}