/* =========================================
   ページ: 季節講習用共通スタイル
   対象ページ: 春期講習、夏期講習、冬期講習など
   命名規則: .page-seasons-
========================================= */

/* ラッパー：上下の余白などの外枠 */
.page-seasons-mv-wrap {
    width: 100%;
}

/* インナー：コンテンツ幅の制限と中央寄せ */
.page-seasons-mv-inner {
    max-width: 1400px; /* 元のサイトの最大幅に合わせています */
    margin: 0 auto;
}

/* 画像：レスポンシブ対応 */
.page-seasons-mv-inner img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* =========================================
   PC・SPの切り替え処理
========================================= */
/* デフォルト（PC表示時）はSP用画像を隠す */
.page-seasons-mv-wrap.is-sp {
    display: none;
}

/* 768px以下（スマホ・タブレット表示時） */
@media screen and (max-width: 959px) {
    /* PC用を隠してSP用を表示する */
    .page-seasons-mv-wrap.is-pc {
        display: none;
    }
    .page-seasons-mv-wrap.is-sp {
        display: block;
    }
    
    /* スマホ時は下の余白を少し狭くする */
    .page-seasons-mv-wrap {
        margin-bottom: 16px;
    }
}