/* students9 カスタムCSS */

/* バーガーメニューロゴ */
.burger-logo-9472 {
    height: 50px;
    width: auto;
}

/* サブメニューのテキスト色 */
.sub-menu .x-anchor-text-primary,
.x-dropdown .x-anchor-text-primary,
ul.sub-menu .x-anchor-text-primary,
ul.x-dropdown .x-anchor-text-primary,
.sub-menu.x-dropdown .menu-item .x-anchor-text-primary,
.sub-menu.x-dropdown li a .x-anchor-text-primary {
    color: #333;
}

.sub-menu.x-dropdown,
ul.sub-menu.x-dropdown {
    background-color: #fff;
}

/* スクロール時ヘッダーの矢印色 */
.x-bar-fixed .x-anchor-sub-indicator svg {
    fill: #333;
}

/* バナー画像 */
.banner-image-3847 {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 2em;
    border-radius: 0.5em;
}

@media screen and (max-width: 766px) {
    .banner-image-3847 {
        margin-top: 1.5em;
        border-radius: 0.3em;
    }
}

/* 選ばれる理由セクション - スマホ時に縦並び */
@media screen and (max-width: 978px) {
    .e2-e38.m2-0 {
        flex-direction: column;
        flex-wrap: nowrap;
        display: flex;
    }
    
    .e2-e38.m2-0 > .x-text {
        width: 100%;
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%;
        min-width: 100%;
        display: block;
    }
}

@media screen and (max-width: 766px) {
    .e2-e38.m2-0 {
        flex-direction: column;
        flex-wrap: nowrap;
        display: flex;
    }
    
    .e2-e38.m2-0 > .x-text {
        width: 100%;
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%;
        min-width: 100%;
        display: block;
    }
}