/* =========================================================
   Plan B 2026-09-06 グループA（先方の指示どおりに直せる91本）
   須藤さん指示「これ直してほしい。わからないところは飛ばして後で聞いて」
   ピン番号は docs/feedback-20260904/XD-PIN-LEDGER-20260905.md
   ---------------------------------------------------------
   構成: 1) 全幅（PC・SP共通）  2) PCのみ  3) SP（768px以下）
   ========================================================= */

/* ---------- 1) 全幅 ---------- */

/* P1-19 成果カード本文を見出しと同じくらいに */
section[data-sec="07 RESULT 導入成果"].results-reference .rr-body { font-size: 19px !important; line-height: 1.7 !important; }

/* P1-6 4機能帯の「自動釣銭機対応」アイコンだけ小さい → 4つとも同じ大きさに */
.fv4ref-function img { width: 56px !important; height: 56px !important; object-fit: contain !important; }

/* P1-30 お悩み6項目の文字を大きく */
.switch-page .worry-card-text { font-size: 19px !important; }

/* P1-56 基本業務一覧の文字を大きく */
.fi-basic-list li { font-size: 19px !important; }
/* P1-55 注記の字を大きく */
.fi-basic-note { font-size: 15.5px !important; }
/* P1-75 オプション一覧の文字を大きく */
.fi-option-item h3 { font-size: 19px !important; }
/* P1-58 カスタマイズ対応: 見出しを大きく＋文頭にレ点のあしらい */
.subpage .cust-story .cust-story-item h3 { font-size: 33px !important; }
.subpage .cust-story .cust-story-item h3::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #034C92; font-size: .8em; margin-right: .35em; vertical-align: .05em; }
/* P1-42 / SP3-4 カスタマイズ対応の背景（アイコン散らし）削除 */
.subpage .cust-story.sec::before { display: none !important; content: none !important; }

/* P1-59 / SP3-9 導入の流れ 注記: 文字を大きく、グレーの背景枠をやめる */
.process-note { font-size: 14.5px !important; background: none !important; padding: 0 !important; min-height: 0 !important; margin-top: 22px !important; }

/* P1-43 サポート基本体制: 余白を詰め、文字を大きく */
.sup-table th, .sup-table td { padding: 13px 22px !important; font-size: 16.5px !important; }

/* P1-80 FAQ 質問文を大きく */
.fqe .qt { font-size: 17px !important; }

/* P2-23 質屋ページ: 見出し・本文を大きく（ジャンプ率高く） */
.ind-fcard h3 { font-size: 22px !important; }
.ind-fcard p { font-size: 15.5px !important; }
.ind-benefit { font-size: 14px !important; }
/* SP5-14 「・」とテキストの縦位置を揃える（PCも同じ作り） */
.ind-list li { display: flex !important; align-items: flex-start !important; gap: 12px !important; padding-left: 20px !important; }
.ind-list li::before { position: static !important; flex: none !important; margin-top: .62em !important; }

/* P2-3 企業情報テーブルの余白を詰める */
.case-info th, .case-info td { padding: 12px 18px !important; }
/* P2-24 / P2-25 / P2-37 / P2-26 白い箱（カード枠）削除。SP6-2 / SP6-4 / SP6-5 も同じ要素 */
html body.subpage .case-sec .case-grid .case-cell, html body.subpage .case-sec .case-cell { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 6px 0 !important; }
html body.subpage .case-sec .voice-wrap .voice-q, html body.subpage .case-sec .voice-q { background: none !important; border: 0 !important; border-left: 3px solid #034C92 !important; border-radius: 0 !important; box-shadow: none !important; padding: 8px 0 8px 20px !important; }
html body.subpage .voice-q .qmark { display: none !important; }
html body.subpage .voice-q p { padding-left: 0 !important; }

/* P2-18 お知らせ一覧のタイトルを大きく */
.news-archive .news-item .ttl { font-size: 18px !important; }

/* P2-28 簡易フッター（青い帯）の高さを詰める */
.ft.ft-min { padding-top: 18px !important; padding-bottom: 18px !important; }
.ft.ft-min .ft-min-inner { display: none !important; }
.ft.ft-min .ft-bottom { margin-top: 0 !important; padding-top: 0 !important; border-top: 0 !important; }

/* SP7-5 ラジオ行の折り返し制御（PCも共通）: 項目の途中で折れない。3行になるのは可 */
.radio-group { display: flex !important; flex-wrap: wrap !important; gap: 8px 18px !important; }
.radio-group .radio { white-space: nowrap !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; }

/* ---------- 2) PCのみ ---------- */
@media (min-width: 1551px) {
  /* P1-5 1590px幅: グローバルナビと電話番号の間の余白 */
  .header .nav { margin-right: 28px !important; }
}

/* ---------- 3) SP（768px以下） ---------- */
@media (max-width: 768px) {
  /* --- 余分な余白を削除（SP1-18〜24, SP2-5〜9, SP3-10〜13, SP4-7〜12, SP5-5〜10, SP6-6〜12, SP7-6〜8）--- */
  .subpage .sec { padding-top: 48px !important; padding-bottom: 48px !important; }
  .subpage .page-head { padding-bottom: 28px !important; }
  section.cta2.cta2--concept-a.cta2--four-actions { padding-top: 44px !important; padding-bottom: 48px !important; }
  /* トップ */
  section.features-organic[data-sec="06 FEATURES 特徴"] { padding-top: 56px !important; padding-bottom: 48px !important; }   /* SP1-18 */
  section[data-sec="08 INDUSTRY 業種別"] { padding-top: 56px !important; padding-bottom: 56px !important; }               /* SP1-19 / SP1-20 */
  section.history-sec[data-sec="09 HISTORY 開発秘話"] { padding-top: 48px !important; padding-bottom: 48px !important; } /* SP1-20 / SP1-21 */
  section[data-sec="10 CASE お客様の声"] { padding-top: 56px !important; padding-bottom: 56px !important; }               /* SP1-21 / SP1-22 */
  section[data-sec="11 NEWS お知らせ"] { padding-top: 56px !important; padding-bottom: 56px !important; }                 /* SP1-23 / SP1-24 */
  /* 乗り換え */
  .switch-page .sw-progress-reasons { padding-bottom: 48px !important; }                                                   /* SP2-7 */
  /* 料金・機能 */
  .subpage .cust-story.sec { padding-top: 48px !important; padding-bottom: 48px !important; }                              /* SP3-10 / SP3-11 */
  /* 導入の流れ */
  .process-main { padding-bottom: 24px !important; }                                                                       /* SP3-13 */
  /* FAQ */
  .faq-main .fqe .faq-cat:not(:first-child) { margin-top: 40px !important; }                                              /* SP4-9〜11 */
  .faq-main { padding-bottom: 48px !important; }                                                                           /* SP4-12 */
  /* 質屋 */
  .ind-fcard { padding: 18px 18px !important; }                                                                            /* SP5-5 */
  .ind-list li { padding: 12px 16px 12px 16px !important; }                                                                /* SP5-6 */
  .ind-list { margin-top: 24px !important; gap: 10px !important; }
  /* 導入事例（個別） */
  .case-sec { padding-top: 48px !important; padding-bottom: 48px !important; }                                             /* SP6-6〜11 */
  /* お知らせ */
  .news-archive { padding-bottom: 40px !important; }                                                                       /* SP6-12 */
  /* フォーム */
  .contact-sec { padding-bottom: 32px !important; }                                                                        /* SP7-6 / SP7-7 / SP7-8 */

  /* --- SP1-12 実績円: 29・1500 の数字を円の真ん中に --- */
  .fv4ref--mobile-current .fv4ref-badge:not(.is-subsidy) { position: relative !important; }
  .fv4ref--mobile-current .fv4ref-badge:not(.is-subsidy) .t1 { position: absolute !important; top: 13% !important; left: 0 !important; right: 0 !important; margin: 0 !important; }
  .fv4ref--mobile-current .fv4ref-badge:not(.is-subsidy) .t2 { position: absolute !important; top: 50% !important; left: 0 !important; right: 0 !important; margin: 0 !important; transform: translateY(-50%) !important; }
  .fv4ref--mobile-current .fv4ref-badge:not(.is-subsidy) .t3 { position: absolute !important; top: calc(50% + 20px) !important; bottom: auto !important; left: 0 !important; right: 0 !important; margin: 0 !important; }

  /* --- SP1-14 FVロゴ（テキスト）を中央へ --- */
  .fv4ref--mobile-current .fv4ref-product { text-align: center !important; }
  .fv4ref--mobile-current .fv4ref-product-sub { justify-content: center !important; }
  .fv4ref--mobile-current .fv4ref-product-row { margin-left: 0 !important; margin-right: 0 !important; justify-content: center !important; }

  /* --- SP1-16 4機能帯の縦幅を狭く --- */
  .fv4ref--mobile-current .fv4ref-functions { height: auto !important; padding: 0 !important; }
  .fv4ref--mobile-current .fv4ref-functions-card { height: auto !important; padding: 10px 0 !important; }
  .fv4ref--mobile-current .fv4ref-function { padding-top: 6px !important; padding-bottom: 6px !important; }

  /* --- SP1-5 診断の青いパネル: 縦幅を低く、アイコン削除 --- */
  .switch-diagnosis-c__result { padding: 18px 20px !important; gap: 6px !important; }
  .switch-diagnosis-c__result-icon { display: none !important; }

  /* --- SP1-2 導入成果のタブレット画像を非表示 / SP1-6 カードの縦幅・行間を詰めアイコン削除 --- */
  section[data-sec="07 RESULT 導入成果"].results-reference::before { display: none !important; content: none !important; }
  section[data-sec="07 RESULT 導入成果"].results-reference { padding-bottom: 48px !important; }
  section[data-sec="07 RESULT 導入成果"].results-reference .rr-icon { display: none !important; }
  section[data-sec="07 RESULT 導入成果"].results-reference .rr-shell { padding-top: 40px !important; padding-bottom: 0 !important; }
  section[data-sec="07 RESULT 導入成果"].results-reference .rr-card { padding-top: 70px !important; padding-bottom: 18px !important; }
  section[data-sec="07 RESULT 導入成果"].results-reference .rr-card h3 { margin-bottom: 6px !important; line-height: 1.45 !important; }
  section[data-sec="07 RESULT 導入成果"].results-reference .rr-kick { margin-bottom: 6px !important; }
  section[data-sec="07 RESULT 導入成果"].results-reference .rr-body { font-size: 16px !important; line-height: 1.6 !important; }
  section[data-sec="07 RESULT 導入成果"].results-reference .rr-grid { gap: 12px !important; }

  /* --- SP1-4 業種別: 写真・キャプションを消し、見出し（業種名）だけのリンクに --- */
  section[data-sec="08 INDUSTRY 業種別"] .icards { gap: 10px !important; }
  section[data-sec="08 INDUSTRY 業種別"] .card.icard { box-shadow: none !important; border: 1px solid #DDE6EF !important; border-radius: 8px !important; }
  section[data-sec="08 INDUSTRY 業種別"] .ic-photo,
  section[data-sec="08 INDUSTRY 業種別"] .ic-name,
  section[data-sec="08 INDUSTRY 業種別"] .ic-more { display: none !important; }
  section[data-sec="08 INDUSTRY 業種別"] .ic-foot { padding: 14px 16px !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; }
  section[data-sec="08 INDUSTRY 業種別"] .ic-foot::after { content: "\f054"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #1658A0; font-size: 12px; }
  section[data-sec="08 INDUSTRY 業種別"] .card.icard .ic-foot .ic-label { margin: 0 !important; font-size: 16px !important; padding: 0 !important; background: none !important; color: #112E56 !important; }
  section[data-sec="08 INDUSTRY 業種別"] .card.icard:hover .ic-foot { background: #fff !important; }
  section[data-sec="08 INDUSTRY 業種別"] .card.icard:hover .ic-foot .ic-label { color: #112E56 !important; background: none !important; }

  /* --- SP1-10 / SP1-26 お知らせ（トップ）: 縦幅・行間を詰め、ライン削除、日付＋タイトルのリンク --- */
  section[data-sec="11 NEWS お知らせ"] .news-item { display: block !important; padding: 8px 0 !important; border-bottom: 0 !important; line-height: 1.5 !important; }
  section[data-sec="11 NEWS お知らせ"] .news-item .date { display: block !important; margin: 0 0 2px !important; font-size: 13px !important; line-height: 1.4 !important; }
  section[data-sec="11 NEWS お知らせ"] .news-item .ttl { display: block !important; }
  section[data-sec="11 NEWS お知らせ"] .news-item .ttl { line-height: 1.5 !important; }
  section[data-sec="11 NEWS お知らせ"] .news-list { border-top: 0 !important; }
  section[data-sec="11 NEWS お知らせ"] a.news-item { color: inherit !important; text-decoration: none !important; }
  section[data-sec="11 NEWS お知らせ"] a.news-item .ttl { text-decoration: underline !important; text-underline-offset: 3px !important; text-decoration-color: #B6CAE9 !important; }

  /* --- SP1-1 フッターのR2ロゴを中央に / SP1-28 フッターメニューを2列に --- */
  footer.ft .ft-inner > div:first-child { text-align: center !important; }
  footer.ft .ft-logo-link { display: inline-block !important; margin: 0 auto !important; }
  footer.ft .ft-company { text-align: center !important; }
  footer.ft .ft-links { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px 16px !important; }
  footer.ft .ft-links > div:nth-child(3) { grid-column: 1 / -1 !important; }

  /* --- SP3-2 / SP3-3 料金・機能: 基本業務・オプション一覧をSPでも2列に --- */
  .fi-basic-list, .fi-option-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 14px !important; }
  .fi-basic-list li { font-size: 15px !important; min-height: 58px !important; padding: 8px 0 !important; grid-template-columns: 28px minmax(0, 1fr) !important; column-gap: 8px !important; }
  .fi-basic-list li img { width: 28px !important; height: 28px !important; }
  .fi-option-item { min-height: 70px !important; grid-template-columns: 40px minmax(0, 1fr) !important; column-gap: 10px !important; }
  .fi-option-item h3 { font-size: 15.5px !important; }
  /* SP3-5 カスタマイズ対応のリード文を大きく */
  .subpage .cust-story .cust-story-item h3 { font-size: 24px !important; }  /* P1-58 の拡大はPC向け。SPは元の22pxより少しだけ大きく */
  .cust-story-copy .lead { font-size: 17px !important; }

  /* --- SP3-7 導入の流れ: ヒーローの青い横棒削除・文字を左詰め --- */
  .subpage .page-head-desc::before { content: none !important; display: none !important; }
  .subpage .page-head-desc { padding-left: 0 !important; margin-left: 0 !important; }
  /* --- SP3-8 STEPカードのアイコンを消し、テキスト幅を広げる --- */
  .process-step .process-icon { display: none !important; }
  .process-step { grid-template-columns: auto minmax(0, 1fr) !important; }

  /* --- SP4-3 基本体制テーブルの行高を詰める --- */
  .sup-table th, .sup-table td { padding: 10px 14px !important; font-size: 15px !important; }

  /* --- SP6-3 導入内容テーブル: 青い列を狭く、白い列を長く --- */
  .case-info th { width: 104px !important; font-size: 13px !important; padding: 10px 10px !important; }
  .case-info td { padding: 10px 12px !important; }

  /* --- SP7-2 デモ申込の電話ブロックをコンパクトに --- */
  .form-platform .contact-tel-block { padding: 12px 14px !important; }
  .form-platform .contact-tel-block strong { font-size: 24px !important; }
  .form-platform .contact-tel-block p, .form-platform .contact-tel-block span { font-size: 13px !important; line-height: 1.5 !important; }
}