/**
 * セクションタイトルのアクセントカラー設定
 * 重要なセクションタイトルに緑色のアクセントを追加
 */

/* メインのセクションタイトル */
.section-title,
.section-header h2,
.contact-section h2,
.pricing-section h2,
.service-section h2,
.area-section h2 {
    color: #212121 !important;
    position: relative !important;
    padding-bottom: 12px !important;
}

/* セクションタイトルの下線アクセント */
.section-title::after,
.section-header h2::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3px !important;
    background: #4CAF50 !important;
    margin: 12px auto 0 !important;
    border-radius: 2px !important;
}

/* 特定のセクションタイトルに緑色のアクセント */
.hero .section-title,
.cta .section-title,
.final-cta .section-title {
    color: #4CAF50 !important;
}

/* お問い合わせページのセクションタイトル */
.contact-page .section-title,
.contact-section .section-title,
.page-template-contact .section-title {
    color: #212121 !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    margin-bottom: 24px !important;
}

/* お問い合わせページの特別なアクセント */
.contact-hero .section-title::after,
.contact-form-section .section-title::after {
    background: #4CAF50 !important;
    width: 80px !important;
    height: 4px !important;
}

/* ページヘッダーのタイトル */
.page-header__title {
    color: #ffffff !important; /* ヘッダー背景が緑なので白文字 */
}

/* エリアページのセクションタイトル */
.area-page .section-title {
    color: #212121 !important;
}

/* 料金ページのセクションタイトル */
.pricing-page .section-title {
    color: #212121 !important;
}

/* フロントページのセクションタイトル */
.home .section-title,
.front-page .section-title {
    color: #212121 !important;
}

/* CTAセクション内のタイトル（背景が緑の場合） */
.area-cta .cta-content__title,
.final-cta .final-cta__title {
    color: #ffffff !important; /* 背景が緑なので白文字 */
}

/* サブタイトル・説明文 */
.section-description,
.section-subtitle {
    color: #757575 !important;
    font-size: 16px !important;
    margin-top: 8px !important;
}