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

/* ===== 価格ヒーロー(診断ロボ L1〜L3 カード内) ===== */
.srp-price-headline {
    font-size: 1.05rem;
    margin: 12px 0 0;
    color: var(--sr-gray-text);
}
.srp-price-headline strong {
    font-size: 1.2em;
    color: var(--sr-green-dark);
}

/* ===== 診断ロボ 3 カードの均等高さ ===== */
.srp-section .srp-card-grid .srp-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.srp-section .srp-card-grid .srp-card .srp-h4 {
    margin-top: 0;
    font-size: 1.02rem;
}

/* ===== 比較表(Section 07) ===== */
.srp-compare-table th:first-child,
.srp-compare-table td:first-child {
    background: var(--sr-green-bg);
    font-weight: 600;
    width: 24%;
}
.srp-compare-table td:nth-child(2),
.srp-compare-table td:nth-child(3) {
    line-height: 1.6;
}

/* ===== レスポンシブ ===== */
@media (max-width: 640px) {
    .srp-compare-table {
        min-width: 560px;
    }
    .srp-compare-table th:first-child,
    .srp-compare-table td:first-child {
        width: auto;
    }
}