/* Post Eraser LP 専用スタイル（index.php のインライン <style> から分離・setup-new-088 2026-07-23） */
/* 読み込みは LP ページ（index.php / buy/lp.php 相当）のみ。ロック済みダッシュボードには読み込まれない。 */

/* --- [1] アーカイブ件数セレクター（旧 index.php 828-886） --- */
    /* V2 二層構成・下段セレクター専用クラス（prototypes/pricing-v2.html から移植）
       既存 style.css の .pricing-card / .pricing-method 等とは別名で衝突なし */
    .section-pricing-archive{ background:var(--bg-alt); scroll-margin-top:20px; }
    .tier-label{ display:flex; align-items:center; gap:14px; margin:0 auto 14px; max-width:1280px; }
    .tier-label-num{ flex-shrink:0; width:32px; height:32px; border-radius:50%; background:#1d9bf0; color:#fff; font-weight:900; display:inline-flex; align-items:center; justify-content:center; font-size:17px; box-shadow:0 4px 12px rgba(29,155,240,.3); }
    .tier-label-text{ font-size:20px; font-weight:800; color:#0f172a; letter-spacing:-.005em; }
    .tier-label-sub{ font-size:14.5px; font-weight:600; color:#374151; margin-left:6px; }
    .tier-bridge{ grid-column:span 3; background:linear-gradient(135deg,#faf5ff 0%,#eef2ff 100%); border:1.5px dashed #a78bfa; border-radius:18px; padding:22px 26px; display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; box-shadow:0 2px 6px rgba(91,33,182,.08); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease; cursor:pointer; outline:none; }
    .tier-bridge:hover{ transform:translateY(-2px); box-shadow:0 8px 22px rgba(91,33,182,.22); border-color:#8b5cf6; background:linear-gradient(135deg,#f5edff 0%,#e6ebff 100%); }
    .tier-bridge:hover .bridge-link{ background:#5b21b6; color:#fff; border-color:#5b21b6; box-shadow:0 6px 16px rgba(91,33,182,.32); }
    .tier-bridge:focus-visible{ box-shadow:0 0 0 3px rgba(139,92,246,.4),0 8px 22px rgba(91,33,182,.22); }
    .tier-bridge-text{ font-size:16px; color:#0f172a; line-height:1.65; font-weight:600; flex:1; min-width:200px; text-align:left; }
    .tier-bridge-text strong{ color:#5b21b6; font-weight:800; font-size:17.5px; display:block; margin-bottom:3px; }
    .tier-bridge-text .bridge-sub{ display:block; font-size:14px; color:#374151; font-weight:500; line-height:1.6; }
    .bridge-link{ flex-shrink:0; display:inline-flex; align-items:center; gap:8px; background:#fff; border:1.5px solid #a78bfa; color:#5b21b6; font-size:15.5px; font-weight:800; padding:10px 20px; border-radius:999px; text-decoration:none; letter-spacing:.02em; transition:all .18s ease; box-shadow:0 4px 12px rgba(139,92,246,.18); }
    .bridge-link .arrow{ display:inline-block; transition:transform .18s ease; font-size:18px; line-height:1; }
    .tier-bridge:hover .bridge-link .arrow{ transform:translateY(2px); }
    @media (max-width:900px){ .tier-bridge{ grid-column:span 2; } }
    @media (max-width:640px){ .tier-bridge{ grid-column:1 / -1; flex-direction:column; align-items:stretch; text-align:center; padding:20px 18px; } .bridge-link{ justify-content:center; } }
    .selector-wrap{ max-width:1280px; margin:24px auto 0; background:#fff; border:1px solid rgba(15,23,42,.14); border-radius:20px; padding:32px 36px; box-shadow:0 4px 12px rgba(15,23,42,.12),0 2px 4px rgba(15,23,42,.08); }
    .selector-head{ display:flex; align-items:baseline; justify-content:space-between; gap:18px; flex-wrap:wrap; margin-bottom:8px; }
    .selector-head h3{ font-size:19px; font-weight:800; color:#0f172a; letter-spacing:-.005em; margin:0; }
    .selector-head .selector-badge{ display:inline-block; font-size:13px; font-weight:800; padding:4px 12px; border-radius:999px; letter-spacing:.06em; background:#e9d5ff; color:#5b21b6; border:1px solid #d8b4fe; }
    .selector-hint{ font-size:15px; color:#1f2937; margin-bottom:22px; line-height:1.7; text-align:left; }
    .chip-row{ display:flex; align-items:center; gap:8px; margin-bottom:18px; font-size:15px; color:#1f2937; }
    .chip-row > .chip-label{ font-weight:700; color:#0f172a; font-size:15px; display:inline-block; min-width:130px; text-align:right; margin-right:4px; flex-shrink:0; }
    .chip-row > .chip-group{ display:flex; flex-wrap:wrap; gap:8px; flex:1; min-width:0; }
    .chip{ appearance:none; border:1px solid rgba(15,23,42,.14); background:#fff; color:#0f172a; font-size:14.5px; font-weight:700; padding:7px 14px; border-radius:999px; cursor:pointer; transition:all .15s ease; }
    .chip:hover{ border-color:#1d9bf0; color:#1570b8; background:#e9f2fd; }
    .chip.active{ background:#1d9bf0; border-color:#1d9bf0; color:#fff; box-shadow:0 4px 12px rgba(29,155,240,.32); }
    .slider-row{ display:flex; align-items:center; gap:12px; margin-bottom:6px; }
    .slider-row > .slider-label{ font-weight:700; color:#0f172a; font-size:15px; display:inline-block; min-width:130px; text-align:right; flex-shrink:0; }
    .slider-row input[type="range"]{ flex:1; -webkit-appearance:none; appearance:none; height:8px; border-radius:999px; background:linear-gradient(90deg,#1d9bf0 0%,#6366f1 100%); outline:none; }
    .slider-row input[type="range"]::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; width:24px; height:24px; border-radius:50%; background:#fff; border:3px solid #1d9bf0; cursor:pointer; box-shadow:0 4px 12px rgba(29,155,240,.4); }
    .slider-row input[type="range"]::-moz-range-thumb{ width:24px; height:24px; border-radius:50%; background:#fff; border:3px solid #1d9bf0; cursor:pointer; box-shadow:0 4px 12px rgba(29,155,240,.4); }
    .qty-display{ flex-shrink:0; font-size:24.5px; font-weight:900; color:#0f172a; letter-spacing:-.01em; min-width:128px; text-align:right; }
    .qty-display .qty-unit{ font-size:15.5px; font-weight:700; color:#1f2937; margin-left:3px; }
    .slider-scale{ display:flex; justify-content:space-between; font-size:13px; color:#374151; margin-top:6px; padding:0 2px; font-weight:600; margin-left:142px; margin-right:140px; }
    .qty-fallback{ margin-top:18px; display:flex; align-items:center; gap:12px; font-size:15px; color:#1f2937; flex-wrap:wrap; }
    .qty-fallback > label{ font-weight:700; color:#0f172a; font-size:15px; display:inline-block; min-width:130px; text-align:right; }
    .qty-fallback select{ appearance:none; -webkit-appearance:none; -moz-appearance:none; border:2px solid #1d9bf0; color:#1570b8; font-size:17px; font-weight:800; letter-spacing:.02em; padding:11px 44px 11px 18px; border-radius:10px; cursor:pointer; min-width:170px; background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M3 5l4 5 4-5' stroke='%231570b8' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") right 14px center / 14px no-repeat, linear-gradient(180deg,#ffffff 0%,#f0f7ff 100%); box-shadow:0 2px 6px rgba(29,155,240,.18),inset 0 -2px 0 rgba(29,155,240,.08); transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
    .qty-fallback select:hover{ border-color:#1570b8; background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M3 5l4 5 4-5' stroke='%231570b8' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") right 14px center / 14px no-repeat, linear-gradient(180deg,#ffffff 0%,#e3effa 100%); box-shadow:0 4px 12px rgba(29,155,240,.28),inset 0 -2px 0 rgba(29,155,240,.12); transform:translateY(-1px); }
    .qty-fallback select:focus{ outline:none; border-color:#1570b8; background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M3 5l4 5 4-5' stroke='%231570b8' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") right 14px center / 14px no-repeat, linear-gradient(180deg,#ffffff 0%,#e3effa 100%); box-shadow:0 0 0 3px rgba(29,155,240,.28),0 4px 12px rgba(29,155,240,.32); }
    .result-box{ margin-top:24px; background:linear-gradient(135deg,#e9f2fd 0%,#eef2ff 100%); border:1px solid rgba(29,155,240,.25); border-radius:14px; padding:22px 26px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
    .result-main{ display:flex; align-items:baseline; gap:6px; }
    .result-main .yen{ font-size:23.5px; color:#1f2937; font-weight:800; vertical-align:3px; }
    .result-main .total{ font-size:47px; font-weight:900; color:#1570b8; letter-spacing:-.02em; line-height:1; }
    .result-main .tax{ font-size:13.5px; color:#1f2937; font-weight:700; margin-left:6px; letter-spacing:.06em; }
    .result-unit{ font-size:16px; color:#1f2937; text-align:left; }
    .result-unit strong{ color:#1570b8; font-weight:800; font-size:19px; }
    .note-tentative{ margin-top:14px; font-size:13.5px; color:#9a3412; background:#fff7ed; border:1px dashed #fed7aa; border-radius:8px; padding:9px 14px; line-height:1.6; text-align:left; }
    .selector-cta-row{ margin-top:22px; text-align:center; }
    .selector-cta{ display:inline-flex; align-items:center; gap:10px; background:linear-gradient(135deg,#1d9bf0 0%,#6366f1 100%); color:#fff; font-size:17.5px; font-weight:800; padding:14px 36px; border-radius:999px; text-decoration:none; letter-spacing:.04em; box-shadow:0 8px 24px rgba(29,155,240,.28),0 2px 6px rgba(29,155,240,.18); transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,background .15s ease; }
    .selector-cta:hover{ transform:translateY(-1px); box-shadow:0 10px 28px rgba(29,155,240,.36); }
    .selector-cta.disabled{ background:#94a3b8; cursor:not-allowed; box-shadow:none; pointer-events:none; opacity:.85; }
    .selector-cta-note{ margin-top:10px; font-size:14px; color:#374151; line-height:1.7; }
    @media (max-width:640px){ .selector-wrap{ padding:24px 18px; } .qty-display{ min-width:100px; font-size:21.5px; } .result-main .total{ font-size:38px; } .slider-row{ display:none; } .slider-scale{ display:none; } }

/* --- [2] アーカイブ手順トグル（旧 index.php 1081-1102） --- */
        .archive-steps-toggle{margin:18px auto 0;max-width:1280px}
        .archive-steps-summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;width:100%;background:linear-gradient(180deg,#ffffff 0%,#eef6ff 100%);border:2px solid #1d9bf0;border-radius:16px;padding:18px 22px;box-shadow:0 4px 14px rgba(29,155,240,.16);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
        .archive-steps-summary::-webkit-details-marker{display:none}
        .archive-steps-summary:hover{background:linear-gradient(180deg,#f5faff 0%,#e1eefb 100%);box-shadow:0 8px 22px rgba(29,155,240,.26);transform:translateY(-1px)}
        .archive-steps-summary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(29,155,240,.4),0 4px 14px rgba(29,155,240,.16)}
        .ass-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#1d9bf0;color:#fff;display:inline-flex;align-items:center;justify-content:center}
        .ass-text{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:3px}
        .ass-title{font-size:18.5px;font-weight:800;color:#0f172a;letter-spacing:.01em}
        .ass-title .ass-count{color:#1570b8}
        .ass-hint{font-size:14px;font-weight:600;color:#5b7083}
        .ass-state{flex-shrink:0;display:inline-flex;align-items:center;gap:10px}
        .ass-state-label{font-size:19px;font-weight:800;color:#1570b8}
        .archive-steps-summary-chevron{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#1d9bf0;color:#fff;transition:transform .22s ease}
        .archive-steps-toggle[open] .archive-steps-summary-chevron{transform:rotate(180deg)}
        .archive-steps-toggle .ass-close{display:none}
        .archive-steps-toggle[open] .ass-open{display:none}
        .archive-steps-toggle[open] .ass-close{display:inline}
        .archive-steps-toggle > .archive-steps{margin-top:22px;animation:archiveStepsIn .22s ease}
        @keyframes archiveStepsIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
        @media (max-width:560px){.ass-hint,.ass-state-label{display:none}.archive-steps-summary{padding:16px}.ass-title{font-size:17px}}

/* --- [3] サブスク切替・ピンポイント・ヒーロー（旧 index.php 1355-1406） --- */
/* 自動削除サブスク 月額/年額トグル（このページ専用・scoped） */
.billing-toggle{display:flex;align-items:center;justify-content:center;gap:14px;margin:8px 0 28px;flex-wrap:nowrap}
/* 左右ラベルを等幅(flex:1)にしてスイッチをセクション中央へ揃える */
.billing-toggle .bt-label{font-weight:700;color:#0f172a;font-size:17px;flex:1 1 0;min-width:0}
.billing-toggle .bt-label:first-of-type{text-align:right}
.billing-toggle .bt-label:last-of-type{text-align:left}
.billing-toggle .bt-switch{flex:0 0 auto}
@media (max-width:520px){.billing-toggle{flex-wrap:wrap}.billing-toggle .bt-label{flex:0 1 auto;text-align:center}}
.billing-toggle .bt-save{display:inline-block;margin-left:6px;font-size:13.5px;font-weight:800;color:#0a7d33;background:#e6f6ec;border:1px solid #b6e3c4;border-radius:999px;padding:3px 10px}
.bt-switch{position:relative;width:58px;height:32px;border-radius:999px;border:1px solid #c7d2dd;background:#e2e8f0;cursor:pointer;padding:0;transition:background .18s ease}
.bt-switch .bt-knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.3);transition:transform .18s ease}
.sub-billing.is-annual .bt-switch{background:#1d9bf0;border-color:#1d9bf0}
.sub-billing.is-annual .bt-switch .bt-knob{transform:translateX(26px)}
/* 表示切替：既定は月額（a-only を隠す）／年額時は m-only を隠す */
.sub-billing .a-only{display:none}
.sub-billing.is-annual .m-only{display:none}
.sub-billing.is-annual .a-only{display:block}
/* ピンポイント削除：種別グループ */
.micro-group{margin-top:28px}
.micro-group:first-of-type{margin-top:8px}
.micro-group-title{font-size:20px;font-weight:800;color:#0f172a;margin:0 0 12px;padding-left:10px;border-left:4px solid #1d9bf0}
/* 料金カードを 1280px コンテナ幅いっぱいに均等配置（§51・幅統一） */
#micro-pricing .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
#sub-pricing .pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
#sub-pricing .pricing-grid > .pricing-card,
#micro-pricing .pricing-grid > .pricing-card{max-width:none}
@media (max-width:760px){#micro-pricing .pricing-grid,#sub-pricing .pricing-grid{grid-template-columns:1fr}}
/* 件数説明テキスト：サブスクは左寄せ／ピンポイントは中央寄せの2段組み */
#sub-pricing .pricing-unit{display:block;text-align:center;margin-bottom:18px}
#micro-pricing .pricing-unit{display:inline-block;text-align:center}
/* ヒーロー：要素間の余白を広げてゆとりを持たせる */
.hero-eyebrow{margin-bottom:26px}
.hero-title{margin-bottom:28px}
.hero-note{margin-top:16px;text-align:center}
/* 本文（カード・ボックス外の説明文）は中央寄せに統一 */
.signature-catch,.signature-lead,.signature-compare-note,
.section-desc,.pricing-flow-note,.form-footer-note{text-align:center}
/* ピンポイント削除（単体プラン）・メインプライシングの案内文は中央配置・文字左寄せ */
#micro-pricing .pricing-flow-note,
#pricing .pricing-flow-note{text-align:left}
/* ヒーロー：3 サービスを「説明＋価格＋専用CTA」の独立カードで横並び */
.hero-sub{max-width:660px;margin:20px auto 48px;font-size:19px;line-height:1.95;color:#334155;font-weight:400;text-align:center}
.hero-svc-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;max-width:920px;margin:40px auto 44px}
.hero-svc-card{flex:1 1 240px;max-width:290px;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:18px;padding:26px 22px;box-shadow:0 4px 16px rgba(15,23,42,.06);display:flex;flex-direction:column;text-align:center}
.hero-svc-name{font-size:20px;font-weight:800;color:#0f172a;margin-bottom:8px}
.hero-svc-desc{font-size:15px;line-height:1.7;color:#475569;margin-bottom:16px;min-height:5.1em;text-align:left}
.hero-svc-price{font-size:42.5px;font-weight:900;line-height:1.05;letter-spacing:-.02em;color:#1d9bf0;margin-bottom:20px}
.hero-svc-price .yen{font-size:22.5px;margin-right:2px;vertical-align:3px;color:#64748b;font-weight:800}
.hero-svc-price .hpo-from{font-size:15.5px;font-weight:700;color:#64748b;margin-left:2px}
.hero-svc-cta{margin-top:auto;width:100%}

/* === setup-new-088（2026-07-23）：モバイル横幅拡張＋モバイル専用ファーストビュー === */
/* PCは一切不変（≤640px のみ適用）。番人 bannin 実測（≤560px の .wrap padding:0 7px）を基準に、
   ボックスを端末幅いっぱい（両端合計≈20px）まで拡張する。 */
.hero-mfv{display:none}
@media (max-width:640px){
  /* ボックス拡幅：section-lp 片側10px + container 0 = 片側10px（両端≈20px） */
  .section-lp .container,.hero .container{padding-left:0;padding-right:0}
  .hero{padding-left:10px;padding-right:10px}
  /* ヒーローサービスカードの固定 max-width を解除して全幅化 */
  .hero-svc-grid{max-width:none;gap:14px;margin:18px auto 26px}
  .hero-svc-card{flex:1 1 100%;max-width:none}

  /* ---- モバイル専用ファーストビュー：何のサービスか即伝わる構成へ ---- */
  .hero-inner .hero-sub{display:none}          /* 冗長な3行サブを非表示 */
  .hero-eyebrow{margin-bottom:12px}
  .hero-title{font-size:30px;line-height:1.3;margin-bottom:14px}
  .hero-mfv{display:block;margin:0 auto}
  .hero-mfv-lead{margin:0 auto 16px;max-width:20em;font-size:15px;line-height:1.7;color:#334155;font-weight:600;text-align:center}
  .hero-mfv-methods{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
  .hmm{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:14px;padding:13px 18px;text-decoration:none;box-shadow:0 2px 8px rgba(15,23,42,.06)}
  .hmm:active{transform:translateY(1px)}
  .hmm-name{font-size:16px;font-weight:800;color:#0f172a}
  .hmm-price{font-size:20px;font-weight:900;color:#1d9bf0;letter-spacing:-.01em}
  .hero-mfv-cta{display:block;background:linear-gradient(135deg,#1d9bf0 0%,#6366f1 100%);color:#fff;text-align:center;font-size:17px;font-weight:800;padding:16px;border-radius:14px;text-decoration:none;box-shadow:0 10px 24px rgba(29,155,240,.3)}
  .hero-mfv-trust{margin:12px auto 0;font-size:12.5px;color:#64748b;font-weight:600;text-align:center}
}

/* PC既定：モバイル用の短縮おトク表記は隠す（PC不変） */
.bt-save-mini{display:none}

/* === setup-new-089（2026-07-23）：モバイル ボックス幅統一・文字左寄せ・料金3タイプ左帯・サブ年額整理・情報量削減 === */
@media (max-width:640px){
  /* (0) 全LPセクションをフル幅化（両端≈20px）。section-lp 以外も対象に */
  .section-signature .container,.section-news-stats .container,.section-cta-final .container{padding-left:0;padding-right:0}
  .section-signature,.section-news-stats,.section-cta-final{padding-left:10px;padding-right:10px}
  .news-stats-grid{padding-left:0;padding-right:0;margin-left:0;margin-right:0}
  .section-lp .container,.section-signature .container,.section-news-stats .container,.signature-inner{text-align:center}

  /* (1) すべての主要ボックスの外幅を統一：フル幅・内側パディング18px */
  .signature-point,.feature-card,.flow-step-card,.pricing-card,.tier-bridge,
  .pricing-methods-note,.pricing-flow-note,.selector-wrap,.archive-rationale,
  .archive-steps-summary,.archive-step,.archive-note,.contact-form,.trial-feature,
  .ns-card,.hero-svc-card{
    width:100%;max-width:none;margin-left:0;margin-right:0;
    padding-left:18px;padding-right:18px;box-sizing:border-box
  }
  /* features：入れ子パネルを解除して中の feature-card をフル幅の箱に */
  .features-col{background:none;border:none;box-shadow:none;padding:0}
  .features-grid{grid-template-columns:1fr;gap:14px;margin-top:20px}
  .signature-points{grid-template-columns:1fr;gap:14px}

  /* (2) ボックス外の見出し・本文＝「中央左寄せ」＝ブロックを中央配置し、その中で左揃え。
     列幅は左右28px（ボックス内文字と同じ）に収める。 */
  .section-title,.section-desc,.signature-title,.signature-catch,.signature-lead,
  .features-col-subtitle,.micro-group-title,.hero-title,.hero-sub,.hero-mfv-lead,
  .pricing-flow-note{
    display:block;width:fit-content;max-width:calc(100% - 36px);
    margin-left:auto;margin-right:auto;
    text-align:left;padding-left:0;padding-right:0
  }
  /* pill（eyebrow）も中央配置 */
  .section-eyebrow,.signature-eyebrow,.hero-eyebrow{display:block;width:fit-content;margin-left:auto;margin-right:auto}

  /* (3) コンテンツカード内も「中央左寄せ」：見出し・価格・アイコンは中央、複数行の本文は中央ブロック＋左揃え */
  .pricing-card,.feature-card,.signature-point,.flow-step-card{text-align:center}
  .signature-point p,.feature-card p,.flow-step-card p,.pricing-unit,.hero-svc-desc{
    display:block;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:left
  }
  .pricing-cta,.hero-svc-cta,.hero-mfv-cta,.selector-cta,.flow-sample-cta{text-align:center}

  /* (4) 料金3タイプ（一括/自動/ピンポイント）ボックス左端にモチーフカラーの帯 */
  .hero-svc-card,.hmm{border-left:4px solid #1d9bf0}

  /* (5) サブ課金トグル：年額をスイッチ右に維持、おトク文言は「約17%OFF」のみ */
  .billing-toggle{flex-wrap:nowrap;gap:8px}
  .billing-toggle .bt-label{font-size:14px}
  .bt-save-full{display:none}
  .bt-save-mini{display:inline}

  /* (6) 情報量削減：FVチップと重複するヒーロー詳細カード、他社比較の詳細をモバイル非表示 */
  .hero-svc-grid{display:none}
  .signature-details{display:none}
}