/* header */

.header.is-custom .sp-lecture-link {
    display: none;
}

@media (max-width: 768px) {

    .header.is-custom .inner {
        display: flex;
        align-items: center;
    }

    .header.is-custom .head-logo {
        flex: 0 0 auto;
    }

    .header.is-custom .pc-nav {
        display: none;
    }

    .header.is-custom .sp-lecture-link {
        padding: 0px 1rem;
        color: #fff;
        background-color: #ff5a3b;
        height: 47px;
        display: inline-flex;
        align-items: center;
        margin-left: auto;
        margin-right: 0.75rem;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
    }

    .header.is-custom .sp-nav-btn {
        flex: 0 0 auto;
    }
}

@media (max-width: 768px) {
    img.fv_img {
        display: none;
    }

    img.fv_img_sp {
        display: block;
    }
}

@media (min-width: 768px) {
    img.fv_img {
        margin: auto;
        display: block;
    }

    img.fv_img_sp {
        display: none;
    }

    .fv_img_box_sp {
        display: none;
    }
}

/* FV_sp */
.sp_btn_box {
    background-color: #e7ecee;
    padding: 10px 20px 7%;
}

img.sp_btn_img {
    padding-bottom: 10px;
}

img.sp_btn_txt {
    padding: 0 20px;
}


img.head-logo-img {
    width: 145px;
}

@media(min-width:700px){
    img.head-logo-img {
    width: 300px;
}
}


/* voice */

.voice-slider-section {
    display: block;
}

.voice-slider {
    display: block;
}

.voice-row-section {
    display: none;
}

.voice-row {
    display: none;
}

@media (min-width: 1024px) {
    section.voice-row-section {
        padding: 1% 0 3%;
        background-color: #e5e0ef;
        display: flex;
        flex-direction: column;
    }

    img.voice-row-section-img {
        margin: auto;
        max-width: 750px;
    }

    .voice-slider-section {
        display: none;
    }

    .voice-slider {
        display: none;
    }

    .voice-row-section  {
        display: block;
    }

    .voice-row {
        display: flex;
        gap: 16px;
    }

}

section.voice-slider-section {
    padding: 4% 0px;
    background-color: #e6e1f0;
}

.voice-slider-section-inner {
    padding: 0 5%;
}

.voice-row-section-inner {
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

/* recommendation */

section.recommendation {
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
        linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 16px 16px;
    background-repeat: repeat;
    background-position: center center;
}


img.recommendation-inner-box-img {
    padding: 0px 5% 10px;
}

.recommendation-inner {
    padding: 10px 0px 30px;
}


img.recommendation-inner-img {
    width: 100%;
    max-width: 800px;
    margin: auto;
    display: block;
}

.recommendation-inner-box_pc {
    display: none;
}

.recommendation-inner-box {
    display: block;
}

@media (min-width: 1024px) {

    .recommendation-inner-box_pc {
        display: block;
        max-width: 1000px;
        margin: auto;
    }

    img.recommendation-inner-box-img {
        width: 25%;
        padding: 0px;
    }

    .recommendation-inner-box {
        display: none;
    }


}

.recommendation-fixed-pc {
    display: flex;
    gap: 16px;
    justify-content: center;
}

/* school */

.school_inner_pc {
    display: none;
}

.school_inner_sp {
    display: block;
}

@media (min-width: 1024px) {
    .school_inner_pc {
        display: block;
    }

    .school_inner_sp {
        display: none;
    }

    .school_flex_pc {
        padding: 3% 0;
        max-width: 1300px;
        margin: auto;
        display: block;
    }
}