/*
 * houkan-services-shared.css
 * /houkan/services 配下6LPの共通スタイル拡張
 * - hero: kaigo LP相当のFV構造 (黄色eyebrow chip / zero-pill下線 / CTAリボン)
 * - comparison table: モバイル横スクロール
 *
 * 各LP固有のティール/パープル等のアクセント色には触らず、上書きできるトークンで管理。
 * 各LPの page-*.php から本ファイルを <link rel=stylesheet> で読み込む。
 * 本ファイルは個別CSS（nursing-record.css 等）よりも後に読み込むこと。
 */

:root {
  --hk-marker: #ffe27a;            /* 黄色アンダーラインマーカー（全LP共通） */
  --hk-eyebrow-bg: #fff5cb;        /* eyebrow chip 背景（全LP共通） */
  --hk-h1: #1c3325;                /* h1 / 強い text のダーク中性 */
  --hk-text: #2a3338;              /* 通常テキスト：黒に近いグレー（緑なし） */
  --hk-text-muted: #4a5560;        /* 説明文：中性グレー */
  --hk-text-soft: #6b7280;         /* メタ：薄めグレー */

  /* default accent: pine teal (nursing-record相当)。各LPでbody class上書き */
  --accent: #0e7866;
  --accent-deep: #0a5e51;
  --accent-soft: #e0f0eb;

  /* CTA Primary は全LP統一で signature orange （マスコット橙系譜・高CTR・WCAG AA）*/
  --cta-primary: #ea580c;          /* warm orange / 4.78:1 on white */
  --cta-primary-deep: #c2410c;     /* hover/active 用深い橙 */
  --cta-primary-soft: #fff1e6;     /* 補助 tint（あれば） */

  /* 主要 hk-* パーツの色トークン（accentに連動） */
  --hk-eyebrow-text: var(--accent-deep);
  --hk-cta: var(--accent);
  --hk-cta-microcopy: var(--accent);
}

/* ───────────────── LP別アクセント上書き ─────────────────
 * --accent      ボタン/見出し
 * --accent-deep hover/gradient始点
 * --accent-soft chip bg / soft tint (≈95% lightness)
 * --accent-tint  大面積背景tint (≈92% lightness、見て分かるレベル)
 * --accent-rgb   rgba()合成用、累積tintや decoration透明色
 */
.ai-nursing-record-body { --accent:#0e7866; --accent-deep:#0a5e51; --accent-soft:#e0f0eb; --accent-tint:#d2ecdf; --accent-rgb:14,120,102; }
.ai-plan-report-body    { --accent:#4f3aa6; --accent-deep:#3d2c84; --accent-soft:#e9e4f6; --accent-tint:#ddd6f2; --accent-rgb:79,58,166; }
.ai-office-bpo-body     { --accent:#b65238; --accent-deep:#8e3e2a; --accent-soft:#f7e1d8; --accent-tint:#f7d1c0; --accent-rgb:182,82,56; }
.ai-mailing-body        { --accent:#966319; --accent-deep:#754d12; --accent-soft:#f5e8cf; --accent-tint:#efddb1; --accent-rgb:150,99,25; }
.lp-ai-shift            { --accent:#2956c1; --accent-deep:#1f4196; --accent-soft:#dfe6f6; --accent-tint:#cdd9f1; --accent-rgb:41,86,193; }
.ai-back-office-body    { --accent:#a83d6e; --accent-deep:#822f55; --accent-soft:#f4dde6; --accent-tint:#f0c8d9; --accent-rgb:168,61,110; }

/* ───────────────── eyebrow chip ───────────────── */
.ai-v2-hero .ai-v2-eyebrow {
  display: inline-block;
  background: var(--hk-eyebrow-bg);
  color: var(--hk-eyebrow-text);
  font-size: clamp(13px, 1.05vw, 16px);
  font-weight: 800;
  padding: 8px 18px;
  border-radius: 6px;
  margin-bottom: 24px;
  letter-spacing: 0.02em;
}

/* ───────────────── h1 ───────────────── */
.ai-v2-hero h1 {
  color: var(--hk-h1) !important;
  font-size: clamp(30px, 3.6vw, 52px) !important;
  font-weight: 900 !important;
  line-height: 1.32 !important;
  letter-spacing: 0.01em;
  margin-bottom: 28px;
  line-break: strict;
  word-break: keep-all;
  overflow-wrap: break-word;
}

/* ───────────────── zero-pill 黄アンダーライン強調 ───────────────── */
.ai-v2-hero h1 .hk-zero-wrap {
  white-space: nowrap;
  display: block;     /* 0円。を必ず独立行に置く */
  margin-top: 4px;
}
.ai-v2-hero h1 .hk-zero-pill {
  position: relative;
  display: inline-block;
  font-size: 1.55em;
  line-height: 1;
  color: var(--hk-h1);
  padding: 0 0.04em;
  transform: translateY(0.06em);
}
.ai-v2-hero h1 .hk-zero-pill::after {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  bottom: 0.06em;
  height: 0.22em;
  background: var(--hk-marker);
  border-radius: 999px;
  z-index: -1;
}

/* ───────────────── checks (緑丸+白チェック) ───────────────── */
.ai-v2-hero .ai-v2-checks {
  list-style: none;
  padding: 0;
  margin: 0 0 36px;
  display: grid;
  gap: 14px;
}
.ai-v2-hero .ai-v2-checks li {
  position: relative;
  padding-left: 34px;
  color: var(--hk-h1);
  font-size: clamp(14px, 1.05vw, 17px);
  font-weight: 600;
  line-height: 1.55;
}
.ai-v2-hero .ai-v2-checks li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.18em;
  width: 22px;
  height: 22px;
  background: var(--hk-cta);
  border-radius: 50%;
}
.ai-v2-hero .ai-v2-checks li::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 0.55em;
  width: 10px;
  height: 5px;
  border-left: 2.5px solid #fff;
  border-bottom: 2.5px solid #fff;
  transform: rotate(-45deg);
}
/* 既存個別CSSのSVGチェックを抑制 */
.ai-v2-hero .ai-v2-checks li > svg,
.ai-v2-hero .ai-v2-checks li > .ai-v2-check-icon { display: none; }

/* ───────────────── CTA リボン (kaigo-action構造) ───────────────── */
.hk-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 8px;
}
.hk-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.hk-action .hk-microcopy {
  color: var(--hk-cta-microcopy);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.hk-action .hk-microcopy::before { content: "＼ "; }
.hk-action .hk-microcopy::after  { content: " ／"; }
.hk-action .ai-v2-button {
  min-width: 240px;
  padding: 18px 32px !important;
  border-radius: 10px !important;
  font-size: clamp(15px, 1.1vw, 17px) !important;
  font-weight: 700 !important;
}
/* Primary CTA: 全LP統一の signature orange（高コントラスト・高CTR）*/
.hk-action .ai-v2-button--primary {
  background: var(--cta-primary) !important;
  border: 2px solid var(--cta-primary) !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(234, 88, 12, 0.28);
}
.hk-action .ai-v2-button--primary:hover {
  background: var(--cta-primary-deep) !important;
  border-color: var(--cta-primary-deep) !important;
}
/* Secondary CTA: LP accent でLP色を継続。差別化担当 */
.hk-action .ai-v2-button--secondary {
  background: #fff !important;
  border: 2px solid var(--accent) !important;
  color: var(--accent) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
/* Microcopy: primary側=orange (CTAペア), secondary側=accent (LP色) */
.hk-action:has(.ai-v2-button--primary) .hk-microcopy   { color: var(--cta-primary-deep); }
.hk-action:has(.ai-v2-button--secondary) .hk-microcopy { color: var(--accent); }

@media (max-width: 600px) {
  .hk-actions { justify-content: center; width: 100%; }
  .hk-action { width: 100%; align-items: stretch; }
  .hk-action .hk-microcopy { text-align: center; }
  .hk-action .ai-v2-button { width: 100%; min-width: 0; }
}

/* ───────────────── hero モバイル時の巨大h1・check非表示 ───────────────── */
@media (max-width: 600px) {
  .ai-v2-hero .ai-v2-hero__copy { text-align: center; }
  .ai-v2-hero .ai-v2-eyebrow { display: inline-block; margin-bottom: 20px; }
  .ai-v2-hero h1 {
    font-size: 30px !important;
    line-height: 1.45 !important;
    margin-bottom: 26px !important;
  }
  .ai-v2-hero h1 .hk-zero-pill { font-size: 1.3em; }
  .ai-v2-hero .ai-v2-checks { display: none; }
}

/* ═════════════════════════════════════════════════════════
 * PHASE 2: 高インパクト箇所のaccent化
 * 個別LP CSS（.ai-<lp>-body スコープ）と同じ specificity で上書き。
 * shared.css は header の後段で読まれるため source-order で勝つ。
 * ═════════════════════════════════════════════════════════ */

/* ── section h2 見出し ── */
.ai-nursing-record-body .ai-v2-section__head h2,
.ai-plan-report-body    .ai-v2-section__head h2,
.ai-office-bpo-body     .ai-v2-section__head h2,
.ai-mailing-body        .ai-v2-section__head h2,
.lp-ai-shift            .ai-v2-section__head h2,
.ai-back-office-body    .ai-v2-section__head h2 {
  color: var(--accent-deep);
}

/* ── 比較表AIカラム + ノート帯（巨大な濃色ブロック） ── */
.ai-nursing-record-body .ai-v2-comparison-table thead th.is-ai,
.ai-plan-report-body    .ai-v2-comparison-table thead th.is-ai,
.ai-office-bpo-body     .ai-v2-comparison-table thead th.is-ai,
.ai-mailing-body        .ai-v2-comparison-table thead th.is-ai,
.lp-ai-shift            .ai-v2-comparison-table thead th.is-ai,
.ai-back-office-body    .ai-v2-comparison-table thead th.is-ai,
.ai-nursing-record-body .ai-v2-comparison__note,
.ai-plan-report-body    .ai-v2-comparison__note,
.ai-office-bpo-body     .ai-v2-comparison__note,
.ai-mailing-body        .ai-v2-comparison__note,
.lp-ai-shift            .ai-v2-comparison__note,
.ai-back-office-body    .ai-v2-comparison__note {
  background: linear-gradient(135deg, var(--accent-deep) 0%, var(--accent) 100%);
}

/* ── 比較表 is-ai セル (AI推し列のセル背景) ── */
.ai-nursing-record-body .ai-v2-comparison-table tbody td.is-ai,
.ai-plan-report-body    .ai-v2-comparison-table tbody td.is-ai,
.ai-office-bpo-body     .ai-v2-comparison-table tbody td.is-ai,
.ai-mailing-body        .ai-v2-comparison-table tbody td.is-ai,
.lp-ai-shift            .ai-v2-comparison-table tbody td.is-ai,
.ai-back-office-body    .ai-v2-comparison-table tbody td.is-ai {
  background: var(--accent-soft);
  color: var(--accent-deep);
}

/* ── CTA カード gradient ── */
.ai-nursing-record-body .ai-v2-cta__card,
.ai-plan-report-body    .ai-v2-cta__card,
.ai-office-bpo-body     .ai-v2-cta__card,
.ai-mailing-body        .ai-v2-cta__card,
.lp-ai-shift            .ai-v2-cta__card,
.ai-back-office-body    .ai-v2-cta__card {
  background: linear-gradient(135deg, var(--accent-deep) 0%, var(--accent) 100%) !important;
}

/* ── feature card "POINT 01" ラベル ── */
.ai-nursing-record-body .ai-v2-feature-card__label,
.ai-plan-report-body    .ai-v2-feature-card__label,
.ai-office-bpo-body     .ai-v2-feature-card__label,
.ai-mailing-body        .ai-v2-feature-card__label,
.lp-ai-shift            .ai-v2-feature-card__label,
.ai-back-office-body    .ai-v2-feature-card__label {
  color: var(--accent-deep);
}

/* ── feature icon カラー ── */
.ai-nursing-record-body .ai-v2-feature-icon,
.ai-plan-report-body    .ai-v2-feature-icon,
.ai-office-bpo-body     .ai-v2-feature-icon,
.ai-mailing-body        .ai-v2-feature-icon,
.lp-ai-shift            .ai-v2-feature-icon,
.ai-back-office-body    .ai-v2-feature-icon {
  color: var(--accent);
}

/* ── results card 上部 gradient バー ── */
.ai-nursing-record-body .ai-v2-result-card::before,
.ai-plan-report-body    .ai-v2-result-card::before,
.ai-office-bpo-body     .ai-v2-result-card::before,
.ai-mailing-body        .ai-v2-result-card::before,
.lp-ai-shift            .ai-v2-result-card::before,
.ai-back-office-body    .ai-v2-result-card::before {
  background: linear-gradient(90deg, var(--accent), var(--accent-soft));
}

/* ── FAQ summary + chevron ── */
.ai-nursing-record-body .ai-v2-faq-item summary,
.ai-plan-report-body    .ai-v2-faq-item summary,
.ai-office-bpo-body     .ai-v2-faq-item summary,
.ai-mailing-body        .ai-v2-faq-item summary,
.lp-ai-shift            .ai-v2-faq-item summary,
.ai-back-office-body    .ai-v2-faq-item summary {
  color: var(--accent-deep);
}
.ai-nursing-record-body .ai-v2-faq-item summary::after,
.ai-plan-report-body    .ai-v2-faq-item summary::after,
.ai-office-bpo-body     .ai-v2-faq-item summary::after,
.ai-mailing-body        .ai-v2-faq-item summary::after,
.lp-ai-shift            .ai-v2-faq-item summary::after,
.ai-back-office-body    .ai-v2-faq-item summary::after {
  border-right-color: var(--accent) !important;
  border-bottom-color: var(--accent) !important;
}

/* ── price card 強調 ── */
.ai-nursing-record-body .ai-v2-price-card,
.ai-plan-report-body    .ai-v2-price-card,
.ai-office-bpo-body     .ai-v2-price-card,
.ai-mailing-body        .ai-v2-price-card,
.lp-ai-shift            .ai-v2-price-card,
.ai-back-office-body    .ai-v2-price-card {
  background: linear-gradient(180deg, #fff 0%, var(--accent-soft) 100%);
}

/* ── hero ai-v2-eyebrow chip テキスト色（追加保険） ── */
.ai-nursing-record-body .ai-v2-hero .ai-v2-eyebrow,
.ai-plan-report-body    .ai-v2-hero .ai-v2-eyebrow,
.ai-office-bpo-body     .ai-v2-hero .ai-v2-eyebrow,
.ai-mailing-body        .ai-v2-hero .ai-v2-eyebrow,
.lp-ai-shift            .ai-v2-hero .ai-v2-eyebrow,
.ai-back-office-body    .ai-v2-hero .ai-v2-eyebrow {
  color: var(--accent-deep);
}

/* ── section eyebrow chip 全般（features/comparison/casesなどの上ラベル） ── */
.ai-nursing-record-body .ai-v2-section__head .ai-v2-eyebrow,
.ai-plan-report-body    .ai-v2-section__head .ai-v2-eyebrow,
.ai-office-bpo-body     .ai-v2-section__head .ai-v2-eyebrow,
.ai-mailing-body        .ai-v2-section__head .ai-v2-eyebrow,
.lp-ai-shift            .ai-v2-section__head .ai-v2-eyebrow,
.ai-back-office-body    .ai-v2-section__head .ai-v2-eyebrow {
  color: var(--accent-deep);
}

/* ═════════════════════════════════════════════════════════
 * PHASE 3: 大面積背景の accent 化（視認範囲広いゾーン優先）
 * - hero 全面の base background
 * - section--pricing / --comparison / --faq / form section の背景
 * - footer 全面
 * - hero stats card bg
 * ═════════════════════════════════════════════════════════ */

/* ── HERO 全面背景 (LP最大面積) ── */
.ai-nursing-record-body .ai-v2-hero,
.ai-plan-report-body    .ai-v2-hero,
.ai-office-bpo-body     .ai-v2-hero,
.ai-mailing-body        .ai-v2-hero,
.lp-ai-shift            .ai-v2-hero,
.ai-back-office-body    .ai-v2-hero {
  background:
    radial-gradient(circle at 8% 92%, rgba(var(--accent-rgb), 0.18) 0 0.7rem, transparent 0.73rem),
    radial-gradient(circle at 13% 90%, rgba(var(--accent-rgb), 0.13) 0 0.95rem, transparent 0.98rem),
    radial-gradient(circle at 92% 12%, rgba(var(--accent-rgb), 0.10) 0 1.2rem, transparent 1.24rem),
    linear-gradient(180deg, #ffffff 0%, var(--accent-tint) 100%) !important;
  background-size: auto, auto, auto, auto !important;
  background-position: 0 0, 0 0, 0 0, 0 0 !important;
}

/* ── 代替セクション (pricing/comparison/faq/form) 背景 ── */
.ai-nursing-record-body .ai-v2-section--pricing,
.ai-plan-report-body    .ai-v2-section--pricing,
.ai-office-bpo-body     .ai-v2-section--pricing,
.ai-mailing-body        .ai-v2-section--pricing,
.lp-ai-shift            .ai-v2-section--pricing,
.ai-back-office-body    .ai-v2-section--pricing,
.ai-nursing-record-body .ai-v2-section--comparison,
.ai-plan-report-body    .ai-v2-section--comparison,
.ai-office-bpo-body     .ai-v2-section--comparison,
.ai-mailing-body        .ai-v2-section--comparison,
.lp-ai-shift            .ai-v2-section--comparison,
.ai-back-office-body    .ai-v2-section--comparison {
  background:
    linear-gradient(180deg, #ffffff 0%, var(--accent-tint) 100%) !important;
}

.ai-nursing-record-body .ai-v2-section--faq,
.ai-plan-report-body    .ai-v2-section--faq,
.ai-office-bpo-body     .ai-v2-section--faq,
.ai-mailing-body        .ai-v2-section--faq,
.lp-ai-shift            .ai-v2-section--faq,
.ai-back-office-body    .ai-v2-section--faq {
  background: var(--accent-soft) !important;
}

.ai-nursing-record-body .ai-v2-form-section,
.ai-plan-report-body    .ai-v2-form-section,
.ai-office-bpo-body     .ai-v2-form-section,
.ai-mailing-body        .ai-v2-form-section,
.lp-ai-shift            .ai-v2-form-section,
.ai-back-office-body    .ai-v2-form-section {
  background: var(--accent-soft) !important;
}

/* ── hero stats カード bg (3枚並ぶ、目立つ) ── */
.ai-nursing-record-body .ai-v2-hero__stats > div,
.ai-plan-report-body    .ai-v2-hero__stats > div,
.ai-office-bpo-body     .ai-v2-hero__stats > div,
.ai-mailing-body        .ai-v2-hero__stats > div,
.lp-ai-shift            .ai-v2-hero__stats > div,
.ai-back-office-body    .ai-v2-hero__stats > div {
  background: #fff;
  border: 1px solid var(--accent-soft);
  box-shadow: 0 8px 20px rgba(var(--accent-rgb), 0.10);
}
.ai-nursing-record-body .ai-v2-hero__stats strong,
.ai-plan-report-body    .ai-v2-hero__stats strong,
.ai-office-bpo-body     .ai-v2-hero__stats strong,
.ai-mailing-body        .ai-v2-hero__stats strong,
.lp-ai-shift            .ai-v2-hero__stats strong,
.ai-back-office-body    .ai-v2-hero__stats strong {
  color: var(--accent-deep);
}
.ai-nursing-record-body .ai-v2-hero__stats span,
.ai-plan-report-body    .ai-v2-hero__stats span,
.ai-office-bpo-body     .ai-v2-hero__stats span,
.ai-mailing-body        .ai-v2-hero__stats span,
.lp-ai-shift            .ai-v2-hero__stats span,
.ai-back-office-body    .ai-v2-hero__stats span {
  color: var(--hk-text-soft);
}

/* ── footer (全LP共通深緑だったのを LP色に) ── */
.ai-nursing-record-body .ai-v2-footer,
.ai-plan-report-body    .ai-v2-footer,
.ai-office-bpo-body     .ai-v2-footer,
.ai-mailing-body        .ai-v2-footer,
.lp-ai-shift            .ai-v2-footer,
.ai-back-office-body    .ai-v2-footer {
  background: linear-gradient(135deg, var(--accent-deep) 0%, var(--accent) 100%) !important;
}

/* ═════════════════════════════════════════════════════════
 * PHASE 4: 残存グリーン排除 + 中性化
 * 原則: 通常text=中性グレー、CTA/見出し/装飾=accent
 * ═════════════════════════════════════════════════════════ */

/* ── result-card 全パーツ ── */
.ai-nursing-record-body .ai-v2-result-card,
.ai-plan-report-body    .ai-v2-result-card,
.ai-office-bpo-body     .ai-v2-result-card,
.ai-mailing-body        .ai-v2-result-card,
.lp-ai-shift            .ai-v2-result-card,
.ai-back-office-body    .ai-v2-result-card {
  background:
    radial-gradient(circle at 92% 12%, rgba(var(--accent-rgb), 0.10) 0 30px, transparent 31px),
    linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%) !important;
}
.ai-nursing-record-body .ai-v2-result-card::before,
.ai-plan-report-body    .ai-v2-result-card::before,
.ai-office-bpo-body     .ai-v2-result-card::before,
.ai-mailing-body        .ai-v2-result-card::before,
.lp-ai-shift            .ai-v2-result-card::before,
.ai-back-office-body    .ai-v2-result-card::before {
  background: linear-gradient(90deg, var(--accent-deep) 0%, var(--accent) 100%) !important;
}
.ai-nursing-record-body .ai-v2-result-card::after,
.ai-plan-report-body    .ai-v2-result-card::after,
.ai-office-bpo-body     .ai-v2-result-card::after,
.ai-mailing-body        .ai-v2-result-card::after,
.lp-ai-shift            .ai-v2-result-card::after,
.ai-back-office-body    .ai-v2-result-card::after {
  background: rgba(var(--accent-rgb), 0.08) !important;
}
.ai-nursing-record-body .ai-v2-result-card i,
.ai-plan-report-body    .ai-v2-result-card i,
.ai-office-bpo-body     .ai-v2-result-card i,
.ai-mailing-body        .ai-v2-result-card i,
.lp-ai-shift            .ai-v2-result-card i,
.ai-back-office-body    .ai-v2-result-card i {
  background: var(--accent-soft) !important;
}
.ai-nursing-record-body .ai-v2-result-card i::before,
.ai-plan-report-body    .ai-v2-result-card i::before,
.ai-office-bpo-body     .ai-v2-result-card i::before,
.ai-mailing-body        .ai-v2-result-card i::before,
.lp-ai-shift            .ai-v2-result-card i::before,
.ai-back-office-body    .ai-v2-result-card i::before {
  background: linear-gradient(90deg, var(--accent) 0%, var(--accent-deep) 100%) !important;
}
.ai-nursing-record-body .ai-v2-result-card strong,
.ai-plan-report-body    .ai-v2-result-card strong,
.ai-office-bpo-body     .ai-v2-result-card strong,
.ai-mailing-body        .ai-v2-result-card strong,
.lp-ai-shift            .ai-v2-result-card strong,
.ai-back-office-body    .ai-v2-result-card strong {
  color: var(--hk-text) !important;     /* h3相当を中性ダークに */
}
.ai-nursing-record-body .ai-v2-result-card p,
.ai-plan-report-body    .ai-v2-result-card p,
.ai-office-bpo-body     .ai-v2-result-card p,
.ai-mailing-body        .ai-v2-result-card p,
.lp-ai-shift            .ai-v2-result-card p,
.ai-back-office-body    .ai-v2-result-card p,
.ai-nursing-record-body .ai-v2-result-card__text,
.ai-plan-report-body    .ai-v2-result-card__text,
.ai-office-bpo-body     .ai-v2-result-card__text,
.ai-mailing-body        .ai-v2-result-card__text,
.lp-ai-shift            .ai-v2-result-card__text,
.ai-back-office-body    .ai-v2-result-card__text {
  color: var(--hk-text-muted) !important;
}

/* ── feature-card 全パーツ ── */
.ai-nursing-record-body .ai-v2-feature-card h3,
.ai-plan-report-body    .ai-v2-feature-card h3,
.ai-office-bpo-body     .ai-v2-feature-card h3,
.ai-mailing-body        .ai-v2-feature-card h3,
.lp-ai-shift            .ai-v2-feature-card h3,
.ai-back-office-body    .ai-v2-feature-card h3 {
  color: var(--hk-text) !important;
}
.ai-nursing-record-body .ai-v2-feature-card p,
.ai-plan-report-body    .ai-v2-feature-card p,
.ai-office-bpo-body     .ai-v2-feature-card p,
.ai-mailing-body        .ai-v2-feature-card p,
.lp-ai-shift            .ai-v2-feature-card p,
.ai-back-office-body    .ai-v2-feature-card p {
  color: var(--hk-text-muted) !important;
}
.ai-nursing-record-body .ai-v2-feature-card__label,
.ai-plan-report-body    .ai-v2-feature-card__label,
.ai-office-bpo-body     .ai-v2-feature-card__label,
.ai-mailing-body        .ai-v2-feature-card__label,
.lp-ai-shift            .ai-v2-feature-card__label,
.ai-back-office-body    .ai-v2-feature-card__label {
  background: var(--accent-soft) !important;
  color: var(--accent-deep) !important;
}

/* ── case-card のリンクや見出し ── */
.ai-nursing-record-body .ai-v2-case-card a,
.ai-plan-report-body    .ai-v2-case-card a,
.ai-office-bpo-body     .ai-v2-case-card a,
.ai-mailing-body        .ai-v2-case-card a,
.lp-ai-shift            .ai-v2-case-card a,
.ai-back-office-body    .ai-v2-case-card a {
  color: var(--accent) !important;
}
.ai-nursing-record-body .ai-v2-case-card h3,
.ai-plan-report-body    .ai-v2-case-card h3,
.ai-office-bpo-body     .ai-v2-case-card h3,
.ai-mailing-body        .ai-v2-case-card h3,
.lp-ai-shift            .ai-v2-case-card h3,
.ai-back-office-body    .ai-v2-case-card h3 {
  color: var(--hk-text) !important;
}
.ai-nursing-record-body .ai-v2-case-card p,
.ai-plan-report-body    .ai-v2-case-card p,
.ai-office-bpo-body     .ai-v2-case-card p,
.ai-mailing-body        .ai-v2-case-card p,
.lp-ai-shift            .ai-v2-case-card p,
.ai-back-office-body    .ai-v2-case-card p {
  color: var(--hk-text-muted) !important;
}

/* ── price-card text ── */
.ai-nursing-record-body .ai-v2-price-card h3,
.ai-plan-report-body    .ai-v2-price-card h3,
.ai-office-bpo-body     .ai-v2-price-card h3,
.ai-mailing-body        .ai-v2-price-card h3,
.lp-ai-shift            .ai-v2-price-card h3,
.ai-back-office-body    .ai-v2-price-card h3 {
  color: var(--hk-text) !important;
}
.ai-nursing-record-body .ai-v2-price-card .ai-v2-price-card__price,
.ai-plan-report-body    .ai-v2-price-card .ai-v2-price-card__price,
.ai-office-bpo-body     .ai-v2-price-card .ai-v2-price-card__price,
.ai-mailing-body        .ai-v2-price-card .ai-v2-price-card__price,
.lp-ai-shift            .ai-v2-price-card .ai-v2-price-card__price,
.ai-back-office-body    .ai-v2-price-card .ai-v2-price-card__price {
  color: var(--accent-deep) !important;
}

/* ── 一般的なsection説明 lead/desc文 → 中性 ── */
.ai-nursing-record-body .ai-v2-section__head p,
.ai-plan-report-body    .ai-v2-section__head p,
.ai-office-bpo-body     .ai-v2-section__head p,
.ai-mailing-body        .ai-v2-section__head p,
.lp-ai-shift            .ai-v2-section__head p,
.ai-back-office-body    .ai-v2-section__head p {
  color: var(--hk-text-muted) !important;
}

/* ── CTA card 内 text 強制 white（accent gradient bg上） ── */
.ai-nursing-record-body .ai-v2-cta__card h2,
.ai-plan-report-body    .ai-v2-cta__card h2,
.ai-office-bpo-body     .ai-v2-cta__card h2,
.ai-mailing-body        .ai-v2-cta__card h2,
.lp-ai-shift            .ai-v2-cta__card h2,
.ai-back-office-body    .ai-v2-cta__card h2,
.ai-nursing-record-body .ai-v2-cta__card p,
.ai-plan-report-body    .ai-v2-cta__card p,
.ai-office-bpo-body     .ai-v2-cta__card p,
.ai-mailing-body        .ai-v2-cta__card p,
.lp-ai-shift            .ai-v2-cta__card p,
.ai-back-office-body    .ai-v2-cta__card p {
  color: #fff !important;
}
/* CTA card 内ボタン: 白bg + accent文字（補色じゃなく主役色を読みやすく） */
.ai-nursing-record-body .ai-v2-cta__card .ai-v2-button--primary,
.ai-plan-report-body    .ai-v2-cta__card .ai-v2-button--primary,
.ai-office-bpo-body     .ai-v2-cta__card .ai-v2-button--primary,
.ai-mailing-body        .ai-v2-cta__card .ai-v2-button--primary,
.lp-ai-shift            .ai-v2-cta__card .ai-v2-button--primary,
.ai-back-office-body    .ai-v2-cta__card .ai-v2-button--primary {
  background: #ffffff !important;
  color: var(--accent-deep) !important;
  border: 2px solid #ffffff !important;
}
.ai-nursing-record-body .ai-v2-cta__card .ai-v2-button--secondary,
.ai-plan-report-body    .ai-v2-cta__card .ai-v2-button--secondary,
.ai-office-bpo-body     .ai-v2-cta__card .ai-v2-button--secondary,
.ai-mailing-body        .ai-v2-cta__card .ai-v2-button--secondary,
.lp-ai-shift            .ai-v2-cta__card .ai-v2-button--secondary,
.ai-back-office-body    .ai-v2-cta__card .ai-v2-button--secondary {
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
}

/* ═════════════════════════════════════════════════════════
 * PHASE 5: 比較表セル内text + 料金カード内パーツの中性化/accent化
 * ═════════════════════════════════════════════════════════ */

/* ── 比較表 is-ai column の text (strong) ── */
.ai-nursing-record-body .ai-v2-comparison-table tbody td.is-ai,
.ai-plan-report-body    .ai-v2-comparison-table tbody td.is-ai,
.ai-office-bpo-body     .ai-v2-comparison-table tbody td.is-ai,
.ai-mailing-body        .ai-v2-comparison-table tbody td.is-ai,
.lp-ai-shift            .ai-v2-comparison-table tbody td.is-ai,
.ai-back-office-body    .ai-v2-comparison-table tbody td.is-ai,
.ai-nursing-record-body .ai-v2-comparison-table tbody td.is-ai strong,
.ai-plan-report-body    .ai-v2-comparison-table tbody td.is-ai strong,
.ai-office-bpo-body     .ai-v2-comparison-table tbody td.is-ai strong,
.ai-mailing-body        .ai-v2-comparison-table tbody td.is-ai strong,
.lp-ai-shift            .ai-v2-comparison-table tbody td.is-ai strong,
.ai-back-office-body    .ai-v2-comparison-table tbody td.is-ai strong {
  color: var(--accent-deep) !important;
}

/* ── 比較表 行ラベル (tbody th) → 中性ダーク ── */
.ai-nursing-record-body .ai-v2-comparison-table tbody th,
.ai-plan-report-body    .ai-v2-comparison-table tbody th,
.ai-office-bpo-body     .ai-v2-comparison-table tbody th,
.ai-mailing-body        .ai-v2-comparison-table tbody th,
.lp-ai-shift            .ai-v2-comparison-table tbody th,
.ai-back-office-body    .ai-v2-comparison-table tbody th {
  color: var(--hk-text) !important;
}

/* ── 比較表 他社列 (普通td) → 中性 ── */
.ai-nursing-record-body .ai-v2-comparison-table tbody td,
.ai-plan-report-body    .ai-v2-comparison-table tbody td,
.ai-office-bpo-body     .ai-v2-comparison-table tbody td,
.ai-mailing-body        .ai-v2-comparison-table tbody td,
.lp-ai-shift            .ai-v2-comparison-table tbody td,
.ai-back-office-body    .ai-v2-comparison-table tbody td {
  color: var(--hk-text-muted);
}

/* ── 料金カード amount (0円表記) ── */
.ai-nursing-record-body .ai-v2-price-card__amount strong,
.ai-plan-report-body    .ai-v2-price-card__amount strong,
.ai-office-bpo-body     .ai-v2-price-card__amount strong,
.ai-mailing-body        .ai-v2-price-card__amount strong,
.lp-ai-shift            .ai-v2-price-card__amount strong,
.ai-back-office-body    .ai-v2-price-card__amount strong,
.ai-nursing-record-body .ai-v2-price-card__amount em,
.ai-plan-report-body    .ai-v2-price-card__amount em,
.ai-office-bpo-body     .ai-v2-price-card__amount em,
.ai-mailing-body        .ai-v2-price-card__amount em,
.lp-ai-shift            .ai-v2-price-card__amount em,
.ai-back-office-body    .ai-v2-price-card__amount em {
  color: var(--accent-deep) !important;
}
.ai-nursing-record-body .ai-v2-price-card__amount p,
.ai-plan-report-body    .ai-v2-price-card__amount p,
.ai-office-bpo-body     .ai-v2-price-card__amount p,
.ai-mailing-body        .ai-v2-price-card__amount p,
.lp-ai-shift            .ai-v2-price-card__amount p,
.ai-back-office-body    .ai-v2-price-card__amount p {
  color: var(--hk-text-muted) !important;
}

/* ── 料金カード list の text と check 円 ── */
.ai-nursing-record-body .ai-v2-price-card__list li,
.ai-plan-report-body    .ai-v2-price-card__list li,
.ai-office-bpo-body     .ai-v2-price-card__list li,
.ai-mailing-body        .ai-v2-price-card__list li,
.lp-ai-shift            .ai-v2-price-card__list li,
.ai-back-office-body    .ai-v2-price-card__list li {
  color: var(--hk-text) !important;
}
.ai-nursing-record-body .ai-v2-price-card__list li::before,
.ai-plan-report-body    .ai-v2-price-card__list li::before,
.ai-office-bpo-body     .ai-v2-price-card__list li::before,
.ai-mailing-body        .ai-v2-price-card__list li::before,
.lp-ai-shift            .ai-v2-price-card__list li::before,
.ai-back-office-body    .ai-v2-price-card__list li::before {
  background: var(--accent) !important;
}

/* ── 料金カード amount の <span>（"0"だけ別span扱い）── */
.ai-nursing-record-body .ai-v2-price-card__amount strong span,
.ai-plan-report-body    .ai-v2-price-card__amount strong span,
.ai-office-bpo-body     .ai-v2-price-card__amount strong span,
.ai-mailing-body        .ai-v2-price-card__amount strong span,
.lp-ai-shift            .ai-v2-price-card__amount strong span,
.ai-back-office-body    .ai-v2-price-card__amount strong span {
  color: var(--accent-deep) !important;
}

/* ── 料金カード 枠線 (LP固有の緑トークン排除) ── */
.ai-nursing-record-body .ai-v2-price-card,
.ai-plan-report-body    .ai-v2-price-card,
.ai-office-bpo-body     .ai-v2-price-card,
.ai-mailing-body        .ai-v2-price-card,
.lp-ai-shift            .ai-v2-price-card,
.ai-back-office-body    .ai-v2-price-card {
  border-color: var(--accent-soft) !important;
}

/* ── 料金ページ下リンク "料金の詳細を見る" ── */
.ai-nursing-record-body .ai-v2-pricing-link,
.ai-plan-report-body    .ai-v2-pricing-link,
.ai-office-bpo-body     .ai-v2-pricing-link,
.ai-mailing-body        .ai-v2-pricing-link,
.lp-ai-shift            .ai-v2-pricing-link,
.ai-back-office-body    .ai-v2-pricing-link {
  color: var(--accent) !important;
}

/* ═════════════════════════════════════════════════════════
 * PHASE 6: 残存緑 systematic 排除
 * - form-panel head / comparison thead 他社列 / result-icon / span sub-text
 * ═════════════════════════════════════════════════════════ */

/* ── 比較表 thead 他社列セル（緑bg+緑文字 → 中性bg+中性文字） ── */
.ai-nursing-record-body .ai-v2-comparison-table thead th,
.ai-plan-report-body    .ai-v2-comparison-table thead th,
.ai-office-bpo-body     .ai-v2-comparison-table thead th,
.ai-mailing-body        .ai-v2-comparison-table thead th,
.lp-ai-shift            .ai-v2-comparison-table thead th,
.ai-back-office-body    .ai-v2-comparison-table thead th {
  background: #f7f8fa !important;
  color: var(--hk-text) !important;
}
.ai-nursing-record-body .ai-v2-comparison-table thead th:first-child,
.ai-plan-report-body    .ai-v2-comparison-table thead th:first-child,
.ai-office-bpo-body     .ai-v2-comparison-table thead th:first-child,
.ai-mailing-body        .ai-v2-comparison-table thead th:first-child,
.lp-ai-shift            .ai-v2-comparison-table thead th:first-child,
.ai-back-office-body    .ai-v2-comparison-table thead th:first-child {
  background: #eef0f3 !important;
}
.ai-nursing-record-body .ai-v2-comparison-table thead small,
.ai-plan-report-body    .ai-v2-comparison-table thead small,
.ai-office-bpo-body     .ai-v2-comparison-table thead small,
.ai-mailing-body        .ai-v2-comparison-table thead small,
.lp-ai-shift            .ai-v2-comparison-table thead small,
.ai-back-office-body    .ai-v2-comparison-table thead small {
  color: var(--hk-text-soft) !important;
}

/* ── form panel head（フォームセクション "下記からどうぞ" 等の上見出し） ── */
.ai-nursing-record-body .ai-v2-form-panel__head p,
.ai-plan-report-body    .ai-v2-form-panel__head p,
.ai-office-bpo-body     .ai-v2-form-panel__head p,
.ai-mailing-body        .ai-v2-form-panel__head p,
.lp-ai-shift            .ai-v2-form-panel__head p,
.ai-back-office-body    .ai-v2-form-panel__head p {
  color: var(--accent-deep) !important;
}
.ai-nursing-record-body .ai-v2-form-panel__head h2,
.ai-plan-report-body    .ai-v2-form-panel__head h2,
.ai-office-bpo-body     .ai-v2-form-panel__head h2,
.ai-mailing-body        .ai-v2-form-panel__head h2,
.lp-ai-shift            .ai-v2-form-panel__head h2,
.ai-back-office-body    .ai-v2-form-panel__head h2 {
  color: var(--hk-text) !important;
}
.ai-nursing-record-body .ai-v2-form-panel__head span,
.ai-plan-report-body    .ai-v2-form-panel__head span,
.ai-office-bpo-body     .ai-v2-form-panel__head span,
.ai-mailing-body        .ai-v2-form-panel__head span,
.lp-ai-shift            .ai-v2-form-panel__head span,
.ai-back-office-body    .ai-v2-form-panel__head span {
  color: var(--hk-text-muted) !important;
}

/* ── result-icon（円形アイコン） ── */
.ai-nursing-record-body .ai-v2-result-icon,
.ai-plan-report-body    .ai-v2-result-icon,
.ai-office-bpo-body     .ai-v2-result-icon,
.ai-mailing-body        .ai-v2-result-icon,
.lp-ai-shift            .ai-v2-result-icon,
.ai-back-office-body    .ai-v2-result-icon {
  color: var(--accent) !important;
}

/* ── LP固有の workflow / SOAP demo テキスト → 中性 ── */
.ai-nursing-record-body .nr-soap__row p,
.ai-plan-report-body    .pr-review-panel li,
.ai-plan-report-body    .pr-form-row b,
.ai-office-bpo-body     .ob-workflow p,
.ai-mailing-body        .ml-workflow p,
.ai-back-office-body    .bo-workflow p {
  color: var(--hk-text-muted) !important;
}

/* ═════════════════════════════════════════════════════════
 * PHASE 7: 2色ルール強制 — Primary=LP accent / Secondary=global橙/黄
 *
 * 各LP内の色は以下のみに統制:
 *  - LP accent (var(--accent)/--accent-deep/--accent-soft) + opacity/gradient
 *  - CTA orange (var(--cta-primary)) — CTAボタンのみ
 *  - Marker yellow (var(--hk-marker)) — h1のzero-pill下線のみ
 *  - 中性 (var(--hk-text)/--hk-text-muted/--hk-text-soft) — 通常文字
 *  - 白/オフ白
 *
 * 既存LP CSSで残った緑 (#16875b 等) は body-class scope + !important で消す
 * ═════════════════════════════════════════════════════════ */

/* ── hero check bullets (緑→LP accent) ── */
.ai-nursing-record-body .ai-v2-hero .ai-v2-checks li::before,
.ai-plan-report-body    .ai-v2-hero .ai-v2-checks li::before,
.ai-office-bpo-body     .ai-v2-hero .ai-v2-checks li::before,
.ai-mailing-body        .ai-v2-hero .ai-v2-checks li::before,
.lp-ai-shift            .ai-v2-hero .ai-v2-checks li::before,
.ai-back-office-body    .ai-v2-hero .ai-v2-checks li::before {
  background: var(--accent) !important;
}

/* ── ジェネリック checks (どこに出ても accent) ── */
.ai-nursing-record-body .ai-v2-checks li::before,
.ai-plan-report-body    .ai-v2-checks li::before,
.ai-office-bpo-body     .ai-v2-checks li::before,
.ai-mailing-body        .ai-v2-checks li::before,
.lp-ai-shift            .ai-v2-checks li::before,
.ai-back-office-body    .ai-v2-checks li::before {
  background: var(--accent) !important;
}

/* ═════════════════════════════════════════════════════════
 * PHASE 8: hero 透過PNG ビジュアル
 * ═════════════════════════════════════════════════════════ */
/* hero 左右カラムを stretch して高さ揃え、画像は上、stats は下端 */
.ai-nursing-record-body .ai-v2-hero .ai-v2-hero__grid,
.ai-plan-report-body    .ai-v2-hero .ai-v2-hero__grid,
.ai-office-bpo-body     .ai-v2-hero .ai-v2-hero__grid,
.ai-mailing-body        .ai-v2-hero .ai-v2-hero__grid,
.lp-ai-shift            .ai-v2-hero .ai-v2-hero__grid,
.ai-back-office-body    .ai-v2-hero .ai-v2-hero__grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
}
/* 既存LP CSSの min-height: 550px / padding を無効化（強制高さの原因） */
.ai-nursing-record-body .ai-v2-hero__visual,
.ai-plan-report-body    .ai-v2-hero__visual,
.ai-office-bpo-body     .ai-v2-hero__visual,
.ai-mailing-body        .ai-v2-hero__visual,
.lp-ai-shift            .ai-v2-hero__visual,
.ai-back-office-body    .ai-v2-hero__visual {
  min-height: 0 !important;
  padding: 0 !important;
}
.hk-hero-visual {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;  /* 画像=上, stats=下端 (左CTA下端と揃う) */
  gap: 24px;
  width: 100%;
  height: 100%;
}
/* 画像は最大高さで縛る（左カラム高さに対し控えめにしてCTA下端と揃える） */
.hk-hero-img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 420px;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
  flex: 0 1 auto;
  filter: drop-shadow(0 22px 40px rgba(0,0,0,0.08));
}
.hk-hero-visual .ai-v2-hero__stats {
  margin-top: auto;  /* stats を常に下端へ */
  width: 100%;
  flex: 0 0 auto;
}
@media (max-width: 1100px) { .hk-hero-img { max-height: 360px; } }
@media (max-width: 900px)  {
  .ai-nursing-record-body .ai-v2-hero .ai-v2-hero__grid,
  .ai-plan-report-body    .ai-v2-hero .ai-v2-hero__grid,
  .ai-office-bpo-body     .ai-v2-hero .ai-v2-hero__grid,
  .ai-mailing-body        .ai-v2-hero .ai-v2-hero__grid,
  .lp-ai-shift            .ai-v2-hero .ai-v2-hero__grid,
  .ai-back-office-body    .ai-v2-hero .ai-v2-hero__grid {
    grid-template-columns: 1fr !important;
  }
  .hk-hero-visual { justify-content: center; height: auto; }
  .hk-hero-visual .ai-v2-hero__stats { margin-top: 0; }
  .hk-hero-img { max-height: 320px; max-width: 460px; }
}
@media (max-width: 600px)  { .hk-hero-img { max-height: 260px; max-width: 340px; } }

/* ═════════════════════════════════════════════════════════
 * PHASE 9a: スマホで比較表 tbody th (行ラベル) を白文字 + accent濃色bgに
 *  既存LP CSSが mobile時に dark green bg にするので、Phase5の中性色overrideが
 *  視認性を悪くしていた。modile時はaccent濃色bgを優先。
 * ═════════════════════════════════════════════════════════ */
@media (max-width: 680px) {
  .ai-nursing-record-body .ai-v2-comparison-table tbody th,
  .ai-plan-report-body    .ai-v2-comparison-table tbody th,
  .ai-office-bpo-body     .ai-v2-comparison-table tbody th,
  .ai-mailing-body        .ai-v2-comparison-table tbody th,
  .lp-ai-shift            .ai-v2-comparison-table tbody th,
  .ai-back-office-body    .ai-v2-comparison-table tbody th {
    background: var(--accent-deep) !important;
    color: #ffffff !important;
  }
}

/* ═════════════════════════════════════════════════════════
 * PHASE 9: スマホ専用調整
 *  - ヘッダー右の資料DL/無料相談ボタンを隠す（FV内CTAと重複）
 *  - hero PNG画像を隠す（縦幅圧縮）
 *  - hero stats 3カードを縦積み→横並びに
 * ═════════════════════════════════════════════════════════ */
@media (max-width: 680px) {
  /* ヘッダー右のボタン群を隠す */
  .ai-nursing-record-body .ai-v2-header__actions,
  .ai-plan-report-body    .ai-v2-header__actions,
  .ai-office-bpo-body     .ai-v2-header__actions,
  .ai-mailing-body        .ai-v2-header__actions,
  .lp-ai-shift            .ai-v2-header__actions,
  .ai-back-office-body    .ai-v2-header__actions {
    display: none !important;
  }

  /* hero PNG 画像を非表示 */
  .ai-nursing-record-body .hk-hero-img,
  .ai-plan-report-body    .hk-hero-img,
  .ai-office-bpo-body     .hk-hero-img,
  .ai-mailing-body        .hk-hero-img,
  .lp-ai-shift            .hk-hero-img,
  .ai-back-office-body    .hk-hero-img {
    display: none !important;
  }

  /* stats 3カードを横並び (元: 縦stack) */
  .ai-nursing-record-body .ai-v2-hero__stats,
  .ai-plan-report-body    .ai-v2-hero__stats,
  .ai-office-bpo-body     .ai-v2-hero__stats,
  .ai-mailing-body        .ai-v2-hero__stats,
  .lp-ai-shift            .ai-v2-hero__stats,
  .ai-back-office-body    .ai-v2-hero__stats {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
  }
  .ai-nursing-record-body .ai-v2-hero__stats > div,
  .ai-plan-report-body    .ai-v2-hero__stats > div,
  .ai-office-bpo-body     .ai-v2-hero__stats > div,
  .ai-mailing-body        .ai-v2-hero__stats > div,
  .lp-ai-shift            .ai-v2-hero__stats > div,
  .ai-back-office-body    .ai-v2-hero__stats > div {
    padding: 14px 8px !important;
    text-align: center;
    min-height: 0 !important;
  }
  .ai-nursing-record-body .ai-v2-hero__stats span,
  .ai-plan-report-body    .ai-v2-hero__stats span,
  .ai-office-bpo-body     .ai-v2-hero__stats span,
  .ai-mailing-body        .ai-v2-hero__stats span,
  .lp-ai-shift            .ai-v2-hero__stats span,
  .ai-back-office-body    .ai-v2-hero__stats span {
    font-size: 10px !important;
    line-height: 1.3 !important;
    white-space: nowrap;
  }
  .ai-nursing-record-body .ai-v2-hero__stats strong,
  .ai-plan-report-body    .ai-v2-hero__stats strong,
  .ai-office-bpo-body     .ai-v2-hero__stats strong,
  .ai-mailing-body        .ai-v2-hero__stats strong,
  .lp-ai-shift            .ai-v2-hero__stats strong,
  .ai-back-office-body    .ai-v2-hero__stats strong {
    font-size: 22px !important;
  }
}

/* ───────────────── 比較表 モバイルスワイプ ───────────────── */
.ai-v2-comparison__table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.ai-v2-comparison-table { min-width: 640px; width: 100%; }

@media (max-width: 680px) {
  .ai-v2-comparison__table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    border-radius: 10px;
    box-shadow: 0 12px 26px rgba(36, 82, 63, 0.10);
    background: #fff;
  }
  .ai-v2-comparison-table {
    display: table !important;
    min-width: 640px !important;
    width: 640px !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: #fff !important;
  }
  .ai-v2-comparison-table thead { display: table-header-group !important; }
  .ai-v2-comparison-table tbody { display: table-row-group !important; }
  .ai-v2-comparison-table tr {
    display: table-row !important;
    width: auto !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  .ai-v2-comparison-table th,
  .ai-v2-comparison-table td {
    display: table-cell !important;
    width: auto !important;
    min-height: 0 !important;
    white-space: normal;
    text-align: center;
    padding: 14px 12px !important;
    border-right: 1px solid #e0eee7 !important;
    border-bottom: 1px solid #e0eee7 !important;
    font-size: 13px;
  }
  .ai-v2-comparison-table th:last-child,
  .ai-v2-comparison-table td:last-child { border-right: 0 !important; }
  .ai-v2-comparison-table tbody tr:last-child th,
  .ai-v2-comparison-table tbody tr:last-child td { border-bottom: 0 !important; }
  .ai-v2-comparison-table td::before,
  .ai-v2-comparison-table th::before { content: none !important; display: none !important; }
}