/* ================================================
   Section Heading Component - 全セクション共通見出しスタイル
   ================================================ */

/* Section Intro Container */
.section__intro,
.philosophy-section__intro,
.news-section__intro,
.team-section__header {
    text-align: center;
    margin-bottom: var(--section-element-spacing);
}

/* Section Title - メイン見出し */
.section__title,
.philosophy-section__title,
.news-section__title,
.team-section__title {
    font-size: var(--section-title-size-mobile);
    font-weight: var(--section-title-weight);
    text-align: center;
    margin: var(--section-title-margin);
    color: var(--section-title-color);
    font-family: var(--font-primary);
}

/* Section Subtitle - サブタイトル（英語） */
.section__subtitle,
.philosophy-section__subtitle,
.news-section__subtitle,
.team-section__subtitle {
    font-size: var(--section-subtitle-size);
    color: var(--section-subtitle-color);
    letter-spacing: var(--section-subtitle-spacing);
    text-transform: uppercase;
    font-family: var(--font-heading);
}

/* Responsive - Desktop */
@media (min-width: 769px) {
    .section__title,
    .philosophy-section__title,
    .news-section__title,
    .team-section__title {
        font-size: var(--section-title-size);
    }
}

/* ================================================
   Section Heading - 英語/日本語の2段見出し
   ================================================ */
.section-heading {
    text-align: center;
    margin-bottom: var(--spacing-lg);
}

.section-heading__en {
    display: block;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    color: var(--color-accent-01);
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-family: var(--font-heading);
    margin-bottom: var(--spacing-xs);
}

.section-heading__ja {
    display: block;
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-black);
    color: var(--color-text-primary);
    font-family: var(--font-primary);
}

@media (min-width: 769px) {
    .section-heading {
        margin-bottom: var(--spacing-xl);
    }

    .section-heading__en {
        font-size: var(--font-size-base);
        margin-bottom: var(--spacing-sm);
    }

    .section-heading__ja {
        font-size: var(--font-size-2xl);
    }
}