/* ==========================================================================
   Section Background Pattern - Beige & Gray (#e6dfd3 & #3f4d57)
   ========================================================================== */

/* Beige Sections (#e6dfd3) - 交互に配置 */
section.concept-section {
    background: #e6dfd3 !important;
}

section.mvv-section {
    background: #e6dfd3 !important;
}

section.trainer-section {
    background: #e6dfd3 !important;
}

section.blog-section {
    background: #e6dfd3 !important;
}

section.cta-section {
    background: #e6dfd3 !important;
}

/* Dark Gray Sections (#3f4d57) - 交互に配置 */
section.services-section {
    background: #3f4d57 !important;
}

section.price-modern {
    background: #3f4d57 !important;
}

section.access-section {
    background: #3f4d57 !important;
}

/* 全ページ共通のセクション背景 */
/* 固定ページのヒーローセクションのみベージュ（フロントページのスライドは除外） */
.page-template .page-hero,
.single .page-hero {
    background: #e6dfd3 !important;
}

/* その他のページテンプレート用 */
/* ヒーローセクションは除外 */
.page-template section:not(.page-hero),
.single section:not(.page-hero),
.archive section:not(.page-hero) {
    background: #e6dfd3 !important;
}

.page-template section:not(.page-hero):nth-of-type(even),
.single section:not(.page-hero):nth-of-type(even),
.archive section:not(.page-hero):nth-of-type(even) {
    background: #3f4d57 !important;
}

/* Dark Section Text Colors - 濃いグレー背景用のテキスト色 */
section.services-section .section-label,
section.price-modern .section-label,
section.access-section .section-label {
    color: #D4A574 !important;
}

section.services-section .section-title,
section.price-modern .section-title,
section.access-section .section-title,
section.services-section h1,
section.price-modern h1,
section.access-section h1,
section.services-section h2,
section.price-modern h2,
section.access-section h2,
section.services-section h3,
section.price-modern h3,
section.access-section h3 {
    color: #ffffff !important;
}

section.services-section .section-subtitle,
section.price-modern .section-subtitle,
section.access-section .section-subtitle,
section.services-section p,
section.price-modern p,
section.access-section p {
    color: #cccccc !important;
}

/* Trainers CTA Background */
.trainers-cta,
.trainers-list-section .trainers-cta,
section.trainers-list-section .trainers-cta,
div.trainers-cta {
    background: #f5f5f5 !important;
    background-color: #f5f5f5 !important;
}

/* Section Padding */
.concept-section,
.mvv-section,
.services-section,
.trainer-section,
.price-modern,
.blog-section,
.access-section {
    padding: 6rem 0;
}

/* Responsive */
@media (max-width: 1024px) {
    .concept-section,
    .mvv-section,
    .services-section,
    .trainer-section,
    .price-modern,
    .blog-section,
    .access-section {
        padding: 4rem 0;
    }
}

@media (max-width: 768px) {
    .concept-section,
    .mvv-section,
    .services-section,
    .trainer-section,
    .price-modern,
    .blog-section,
    .access-section {
        padding: 3rem 0;
    }
}