/* 最新ニュースセクションの色 */
.latest_news {
    background-color: var(--white_color);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* ぼかしの微調整 */
}

/* メインメッセージセクション */
.main_message {
    background-color: var(--sub_color02);
}

/* コーチ紹介セクション */
.coaches_intro {
    background-color: var(--sub_color01);
    & .coaches_container{
        /* コーチ */
        & .coach {
            background-color: var(--main_color); /* 背景色 */
            /* コーチの名前 */
            & .coach_name {
                color: var(--white_color); /* テキストカラー */
            }
        }
    }
}

/* スクール情報セクション */
.school_info{
    background-color: var(--accent_color02);
    & .school_info_container{
        /* スクールクラス */
        & .school_class {
            background-color: var(--white_color);
        }
    }
}

/* 練習風景セクション */
.practice_scenes {
    background-color: var(--sub_color01);
}

.news_section{
    & .news_year_heading {
        background-color: #f0f0f0; /* 背景色 */
    }
    /* ニュース項目全体のスタイル */
    & .news_items {
        background-color: var(--white_color); /* 背景色 */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* ぼかしの微調整 */
    }
}

.skill {
    background-color: var(--main_color);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    & .skill__icon {
        & .skill__point{
            background-color: var(--accent_color01);
            color: var(--white_color);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
    }
    & .skill__content{
        & .skill__title {
            color: var(--white_color);
        }
        & .skill__text {
            color: var(--white_color);
        }
    }
}

.coach_profile {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    background-color: var(--main_color);
    & .coach_details{
        & h3{
            color: var(--white_color); /* 基準色の青 */
        }
        & p{
            color: var(--white_color); /* 基準色の青 */
        }
        & .details_list {
            background-color: var(--white_color); /* 背景色を設定 */
        }
    }
}

.no_entry_fee {
    color: var(--accent_color01);
}

.class_section_details_info ul li {
    color: var(--black_color);
    & span{
        background-color: var(--accent_color02); /* 背景色を黄色に設定 */
        color: var(--black_color); /* 文字色を濃い灰色に設定 */
    }
}

.practice_location {
    background-color: var(--sub_color02); /* 背景色を淡い水色に設定 */
    color: var(--black_color); /* テキストカラーを黒に */
    & .practice_location_info{
        & h3{
            color: var(--main_color);
        }
    }
}