/*
  SR コーポレートサイト「サービス・料金 概要」ページ固有 CSS
  対応設計書: SR_WEB_SERVICES_OVERVIEW_DESIGN_v1_0
  対応 HTML : overview.html
  起草日   : 2026-05-20(スパイダー)
  配置先   : /wp-content/themes/stratusx-child/sr-services/overview.css
  前提    : sr-common.css を先に読み込んでいる
*/

/* ===== 顧問コア中核ブロック(Section 03 で強調) ===== */
.srp-komon-core {
    background: var(--sr-white);
    padding: 32px;
    margin-bottom: 32px;
    border-left-width: 8px;
    box-shadow: var(--sr-shadow);
}
.srp-komon-core .srp-card-title {
    font-size: 1.3rem;
    margin-bottom: 16px;
}
.srp-komon-core .srp-h4 {
    margin-top: 24px;
}

/* ===== 価格見出し(本文中で価格を強調) ===== */
.srp-price-headline {
    font-size: 1.1rem;
    margin: 20px 0 8px;
    color: var(--sr-gray-text);
}
.srp-price-headline strong {
    font-size: 1.25em;
    color: var(--sr-green-dark);
}

/* ===== Section 03 顧問契約系・余白調整 ===== */
.srp-section-alt .srp-h3 {
    margin-top: 40px;
}
.srp-section-alt .srp-h3:first-of-type {
    margin-top: 32px;
}

/* ===== Section 04 スポット利用系のカード均等高さ ===== */
.srp-section .srp-card-grid .srp-card {
    display: flex;
    flex-direction: column;
}
.srp-section .srp-card-grid .srp-card .srp-bullets-plain {
    margin-top: auto;
}

/* ===== Section 06 FAQ アコーディオン間の余白 ===== */
.srp-accordion + .srp-accordion {
    margin-top: 12px;
}
.srp-accordion-body p:first-child {
    margin-top: 0;
}
.srp-accordion-body h4.srp-h4:first-of-type {
    margin-top: 16px;
}

/* ===== Section 06 Q1 旧→新サービス対応表のスマホ最適化 ===== */
@media (max-width: 640px) {
    .srp-accordion-body .srp-table-wrap .srp-table {
        min-width: 480px;
    }
}

/* ===== Section 07 比較ガイド誘導 CTA の上余白強調 ===== */
.srp-section-alt .srp-bullets-large + p + .srp-cta-inline {
    margin-top: 28px;
}

/* ===== Section 08 CTA ブロック余白調整 ===== */
.srp-cta-section .srp-cta-buttons {
    margin-top: 32px;
}

/* ===== スポット利用系カード内 bullets の見た目調整 ===== */
.srp-section .srp-card-grid .srp-bullets-plain {
    font-size: 0.95rem;
    color: var(--sr-gray-text);
}
.srp-section .srp-card-grid .srp-card .srp-note {
    margin-top: 12px;
}