/* ============================================================
   旧ページ再構築（初めての方へ／よくある質問）共通 CSS — 2026-10-03 Fable
   本番テーマ CSS（style.css / style_new.css / renewal-compat.css / components.css）を先に読み、
   このファイルは `.main.rb` の範囲だけ後読みで上書きする。
   トンマナ: 紺 #14355D ／ 青 #224995 ／ 面 #EBF0F6 ／ 罫 #C8D4E4。角丸はカード 6px・ラベル 4px。
   余白: セクション 72（SP 48）／ h2 下 24（SP 16）／ ブロック間 32（SP 24）／ カード間 24（SP 16）。
   改行: word-break:break-word だけ。text-wrap・auto-phrase は使わない。意味の切れ目は .nowrap で調整。
   ============================================================ */
:root{
  --c-navy:#14355D; --c-blue:#224995; --c-soft:#8DB0D0; --c-tint:#EBF0F6; --c-tint2:#E8EEF5;
  --c-line:#C8D4E4; --c-sub:#527694; --c-text:#333; --c-pink:#F41782;
  --c-r:6px; --c-rs:4px; --c-shadow:0 0 5px rgba(18,77,137,.12); --c-shadow-h:0 0 10px rgba(18,77,137,.22);
}
.main.rb{ display:block; word-break:break-word; overflow-wrap:break-word; }
.main.rb *{ box-sizing:border-box; }
.main.rb .nowrap{ white-space:nowrap; }
.main.rb img{ max-width:100%; }
.main.rb .part{ margin:0 auto; padding:72px 0; border:0; background:#fff; }
.main.rb .part.is-tinted{ background:var(--c-tint); }
.main.rb .thisinner{ width:calc(100% - 40px); max-width:1080px; margin:0 auto; position:relative; }
.main.rb .thisinner.narrow{ max-width:750px; }

/* ---------- パンくず（/services/brand/iphone の .topbreadcrumb と同じ） ---------- */
.main.rb .topbreadcrumb{ color:#3E6CA2; font-size:clamp(12px, 2px + .625vw, 14px); background:var(--c-tint2); padding:clamp(8px, -12px + 1.25vw, 12px) 0; }
.main.rb .topbreadcrumb .breadcrumb{ display:flex; align-items:center; list-style:none; margin:0 auto; padding:0; overflow-x:auto; white-space:nowrap; }
.main.rb .topbreadcrumb li{ display:flex; align-items:center; }
.main.rb .topbreadcrumb a{ display:flex; align-items:center; color:#3E6CA2; position:relative; text-decoration:none; transition:.3s; }
.main.rb .topbreadcrumb a:hover{ opacity:.8; }
.main.rb .topbreadcrumb li:not(:last-child) a:after{ content:">"; display:block; margin:0 7px; font-weight:700; }
.main.rb .topbreadcrumb li span{ display:flex; align-items:center; }

/* ---------- 見出し帯（白地・画像なし） ---------- */
.main.rb .part.page-head{ padding:40px 0 48px; text-align:left; }
.main.rb .ph-kicker{ display:inline-flex; align-items:center; height:24px; padding:0 11px; border-radius:var(--c-rs); background:var(--c-navy); color:#fff; font-size:12px; font-weight:700; line-height:1; margin:0 0 12px; }
.main.rb .ph-title{ font-size:34px; font-weight:800; color:var(--c-navy); line-height:1.3; margin:0 0 16px; letter-spacing:.02em; text-align:left; }
.main.rb .ph-lead{ font-size:15px; line-height:1.9; color:var(--c-text); max-width:760px; margin:0; }
.main.rb .ph-points{ list-style:none; margin:24px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.main.rb .ph-points li{ display:flex; align-items:center; gap:12px; background:#fff; border:1px solid var(--c-line); border-radius:var(--c-r); box-shadow:var(--c-shadow); padding:12px 16px; font-size:14px; font-weight:700; color:var(--c-navy); line-height:1.5; }
.main.rb .ph-points img{ width:48px; height:48px; flex:0 0 48px; display:block; }

/* ---------- ページ内ナビ（テーマ .topnav の色だけ） ---------- */
.main.rb .topnav{ border-color:var(--c-line); background:#fff; z-index:5; }
.main.rb .topnav .link a{ font-size:15px; color:var(--c-navy); font-weight:500; text-decoration:none; }
.main.rb .topnav .link.current a{ color:var(--c-blue); border-bottom-color:var(--c-blue); }
.main.rb .topnav .links-wrapper{ display:flex; }

/* ---------- 見出し・リード ---------- */
.main.rb h2.line-title{ margin:0 0 24px; text-align:left; font-size:24px; font-weight:700; }
.main.rb h3.line-btitle{ margin:0 0 16px; text-align:left; }
.main.rb .line-content{ margin:0 0 32px; font-size:15px; line-height:1.9; color:var(--c-text); max-width:760px; text-align:left; }
.main.rb .line-content strong{ color:var(--c-blue); font-weight:700; }
.main.rb .line-content a{ color:var(--c-blue); text-decoration:underline; }

/* ---------- カード ---------- */
.main.rb .card-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.main.rb .card{ background:#fff; border:1px solid var(--c-line); border-radius:var(--c-r); box-shadow:var(--c-shadow); padding:24px; text-align:left; display:flex; flex-direction:column; }
.main.rb .card .c-ic{ display:block; width:56px; height:56px; margin:0 0 16px; flex:0 0 auto; }
.main.rb .card .c-ic img{ display:block; width:100%; height:100%; object-fit:contain; }
.main.rb .card .c-t{ font-size:17px; font-weight:700; color:var(--c-navy); line-height:1.5; margin:0 0 8px; }
.main.rb .card .c-d{ font-size:14px; line-height:1.8; color:var(--c-text); }
/* 買取方法カード（アイコン横置き・タグ・ボタン） */
.main.rb .method-grid{ grid-template-columns:1fr 1fr; }
.main.rb .card .m-head{ display:flex; align-items:center; gap:16px; margin:0 0 12px; }
.main.rb .card .m-head .c-ic{ width:64px; height:64px; margin:0; }
.main.rb .card .m-head .c-t{ margin:0; font-size:19px; }
.main.rb .card .m-tag{ display:inline-flex; align-items:center; height:22px; padding:0 9px; border-radius:var(--c-rs); background:var(--c-tint); color:var(--c-blue); font-size:12px; font-weight:700; line-height:1; margin:0 0 6px; }
.main.rb .card .item-btn{ margin:20px 0 0; display:flex; justify-content:center; }
.main.rb .card .item-btn:last-child{ margin-top:auto; padding-top:20px; }
.main.rb a.button.full{ padding:16px 32px; width:100%; max-width:360px; font-size:15px; }
.main.rb .item-btn{ display:flex; justify-content:center; margin:32px 0 0; }

/* 横長の絵柄（2 つの買取方法）は幅だけ広げて他と同じ高さに見せる */
.main.rb .card .c-ic.ic-wide{ width:84px; }
.main.rb .fig-flow .ff-ic.ic-wide{ width:96px; }

/* ---------- 図解（アイコン＋番号＋矢印） ---------- */
.main.rb .fig-flow{ background:#fff; border:1px solid var(--c-line); border-radius:var(--c-r); box-shadow:var(--c-shadow); padding:32px 24px; margin:0 0 32px; display:flex; align-items:flex-start; justify-content:center; gap:24px; }
.main.rb .fig-flow .ff-step{ flex:1 1 0; max-width:200px; display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; }
.main.rb .fig-flow .ff-num{ font-family:"Rubik","Noto Sans JP",sans-serif; font-size:22px; font-weight:800; line-height:1; color:var(--c-blue); letter-spacing:.02em; }
.main.rb .fig-flow .ff-ic{ width:64px; height:64px; display:block; }
.main.rb .fig-flow .ff-ic img{ display:block; width:100%; height:100%; object-fit:contain; }
.main.rb .fig-flow .ff-t{ font-size:15px; font-weight:700; color:var(--c-navy); line-height:1.5; }
.main.rb .fig-flow .ff-arrow{ flex:0 0 auto; width:18px; height:18px; margin-top:56px; display:block; }
.main.rb .fig-flow .ff-arrow svg{ width:100%; height:100%; display:block; }

/* ---------- 手順カード（deflist） ---------- */
.main.rb .deflist{ display:grid; grid-template-columns:1fr; gap:16px; margin:0; }
.main.rb .deflist .di{ position:relative; background:#fff; border:1px solid var(--c-line); border-radius:var(--c-r); box-shadow:var(--c-shadow); padding:24px 32px; text-align:left; }
.main.rb .deflist .di:has(.di-ic){ padding-left:112px; }
.main.rb .deflist .di .di-ic{ position:absolute; left:32px; top:24px; width:56px; height:56px; display:block; }
.main.rb .deflist .di .di-ic img{ display:block; width:100%; height:100%; object-fit:contain; }
.main.rb .deflist .dt{ display:flex; align-items:flex-start; gap:12px; font-size:18px; font-weight:700; color:var(--c-navy); line-height:1.4; }
.main.rb .deflist .dt .n{ display:inline-flex; align-items:center; height:24px; padding:0 11px; border-radius:var(--c-rs); background:var(--c-navy); color:#fff; font-size:12px; font-weight:700; line-height:1; white-space:nowrap; margin-top:1px; }
.main.rb .deflist .dt .dt-t{ flex:1 1 0; min-width:0; }
.main.rb .deflist .dd{ font-size:15px; line-height:1.8; color:var(--c-text); margin-top:12px; }
.main.rb .deflist .dd p{ margin:0; }
.main.rb .deflist .dd p + p{ margin-top:8px; }
.main.rb .deflist .dd strong{ color:var(--c-blue); }
.main.rb .deflist .dd a{ color:var(--c-blue); text-decoration:underline; }
.main.rb .dd-list{ margin:12px 0; padding:0 0 0 1.6em; }
.main.rb .dd-list li{ margin:4px 0; }
.main.rb a.textlink{ display:inline-flex; align-items:center; gap:6px; color:var(--c-blue); font-weight:700; text-decoration:underline; margin-top:4px; }
.main.rb a.textlink:after{ content:""; width:7px; height:7px; border-right:2px solid var(--c-blue); border-bottom:2px solid var(--c-blue); transform:rotate(-45deg); margin-left:2px; }

/* ---------- 確認事項のパネル ---------- */
.main.rb .check-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.main.rb .check-panel{ background:#fff; border:1px solid var(--c-line); border-radius:var(--c-r); box-shadow:var(--c-shadow); padding:24px; text-align:left; }
.main.rb .cp-head{ display:flex; align-items:center; gap:12px; font-size:17px; font-weight:700; color:var(--c-navy); line-height:1.4; margin:0 0 12px; padding:0 0 12px; border-bottom:1px solid var(--c-line); }
.main.rb .cp-head img{ width:48px; height:48px; flex:0 0 48px; display:block; }
.main.rb .cp-list{ list-style:none; margin:0; padding:0; }
.main.rb .cp-list li{ position:relative; padding:9px 0 9px 28px; font-size:14px; line-height:1.7; color:var(--c-text); border-bottom:1px dashed var(--c-line); }
.main.rb .cp-list li:last-child{ border-bottom:0; }
.main.rb .cp-list li:before{ content:""; position:absolute; left:4px; top:13px; width:7px; height:13px; border-right:2px solid var(--c-blue); border-bottom:2px solid var(--c-blue); transform:rotate(45deg); }

/* ---------- 注記（白地＋薄青の左ボーダー） ---------- */
.main.rb .note{ position:relative; background:#fff; border:1px solid var(--c-line); border-left:3px solid var(--c-soft); border-radius:0 var(--c-r) var(--c-r) 0; padding:14px 20px 14px 52px; font-size:13px; line-height:1.8; color:var(--c-sub); font-weight:500; margin:24px 0 0; box-shadow:none; text-align:left; }
.main.rb .note .n-i{ position:absolute; left:18px; top:15px; width:22px; height:22px; background:#fff; border:1px solid var(--c-line); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.main.rb .note .n-i svg{ width:16px; height:16px; }
.main.rb .note a{ color:var(--c-blue); font-weight:700; text-decoration:underline; }

/* ---------- 問い合わせの案内箱 ---------- */
.main.rb .contact-box{ margin:32px 0 0; background:#fff; border:1px solid var(--c-line); border-radius:var(--c-r); box-shadow:var(--c-shadow); padding:24px 32px; display:flex; align-items:center; justify-content:space-between; gap:32px; text-align:left; }
.main.rb .contact-box .cb-t{ font-size:17px; font-weight:700; color:var(--c-navy); line-height:1.5; margin:0 0 6px; }
.main.rb .contact-box .cb-d{ font-size:14px; line-height:1.8; color:var(--c-text); }
.main.rb .contact-box .item-btn{ margin:0; flex:0 0 320px; }

/* ---------- 査定結果が出たら: 番号つき手順・分岐 ---------- */
.main.rb .after-grid{ grid-template-columns:1fr 1fr; }
.main.rb .after-card .m-head{ margin-bottom:16px; }
.main.rb .after-card .m-head .c-ic{ width:56px; height:56px; }
.main.rb .after-card .m-head .c-t{ font-size:18px; }
.main.rb .steps{ list-style:none; counter-reset:s; margin:0; padding:0; }
.main.rb .steps li{ position:relative; padding:0 0 18px 40px; counter-increment:s; font-size:14px; line-height:1.8; color:var(--c-text); }
.main.rb .steps li:before{ content:counter(s); position:absolute; left:0; top:2px; width:26px; height:26px; border-radius:var(--c-rs); background:var(--c-navy); color:#fff; font-family:"Rubik","Noto Sans JP",sans-serif; font-size:13px; font-weight:700; line-height:26px; text-align:center; }
.main.rb .steps li:after{ content:""; position:absolute; left:12px; top:32px; bottom:2px; border-left:2px solid var(--c-line); }
.main.rb .steps li:last-child{ padding-bottom:0; }
.main.rb .steps li:last-child:after{ content:none; }
.main.rb .steps b{ color:var(--c-navy); font-size:15px; line-height:1.5; display:inline-block; margin-bottom:2px; }
.main.rb .steps .sub{ display:block; font-size:13px; color:var(--c-sub); margin-top:4px; }
.main.rb .branch{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:16px 0 0; }
.main.rb .branch .br{ background:var(--c-tint); border-radius:var(--c-r); padding:16px; }
.main.rb .branch .br-t{ display:flex; align-items:center; gap:8px; font-size:15px; font-weight:700; color:var(--c-navy); line-height:1.4; margin:0 0 8px; }
.main.rb .branch .br-t img{ width:40px; height:40px; flex:0 0 40px; display:block; }
.main.rb .branch .br-d{ font-size:13px; line-height:1.8; color:var(--c-text); }
.main.rb .branch .br-d strong{ color:var(--c-blue); }

/* ---------- FAQ（テーマ .faq を基に、全カテゴリーを常時表示） ---------- */
.main.rb .faq .faq-list{ margin-top:0; }
.main.rb .faq .faq-list .list-qa{ display:block; }
.main.rb .faq .faq-list .list-qa .qa-item{ padding:16px 24px; background:#fff; border:1px solid var(--c-line); border-radius:var(--c-r); box-shadow:var(--c-shadow); margin-bottom:12px; }
.main.rb .faq.is-tinted .faq-list .list-qa .qa-item{ border-color:#fff; }
.main.rb .faq .faq-list .list-qa .qa-item .qa-item-head{ font-size:16px; align-items:center; }
.main.rb .faq .faq-list .list-qa .qa-item .qa-item-head:before{ width:28px; min-width:28px; height:28px; border-radius:var(--c-rs); line-height:28px; font-family:"Rubik","Noto Sans JP",sans-serif; font-size:14px; background:var(--c-navy); }
.main.rb .faq .faq-list .list-qa .qa-item .qa-item-head .qa-head-ttl{ padding:0 32px 0 0; font-size:16px; line-height:1.5; color:var(--c-navy); margin:0; }
.main.rb .faq .faq-list .list-qa .qa-item .qa-item-body{ background:var(--c-tint); border-radius:var(--c-r); margin-top:12px; padding:16px 20px; font-size:14px; line-height:1.8; color:var(--c-text); text-align:left; }
.main.rb .faq .qa-item-body p{ margin:0; }
.main.rb .faq .qa-item-body p + p{ margin-top:10px; }
.main.rb .faq .qa-item-body strong{ color:var(--c-blue); }
.main.rb .faq .qa-item-body a{ color:var(--c-blue); text-decoration:underline; }
.main.rb .faq .qa-item-body .a-list{ margin:10px 0; padding:0 0 0 1.6em; }
.main.rb .faq .qa-item-body .a-list li{ margin:3px 0; }
.main.rb .faq .qa-item-body .dd-list{ margin:10px 0; }
/* カテゴリー見出しと間隔 */
.main.rb .faq .faq-cat + .faq-cat{ margin-top:48px; }
.main.rb .faq .faq-cat h2.line-title{ scroll-margin-top:72px; }
/* カテゴリーナビ */
.main.rb .part.faq-navsec{ padding:0 0 8px; }
.main.rb .faq-nav{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.main.rb .faq-nav a{ display:flex; align-items:center; gap:12px; background:#fff; border:1px solid var(--c-line); border-radius:var(--c-r); box-shadow:var(--c-shadow); padding:14px 40px 14px 16px; font-size:15px; font-weight:700; color:var(--c-navy); line-height:1.4; text-decoration:none; position:relative; transition:.2s; }
.main.rb .faq-nav a:hover{ box-shadow:var(--c-shadow-h); transform:translateY(-1px); }
.main.rb .faq-nav a img{ width:40px; height:40px; flex:0 0 40px; display:block; }
.main.rb .faq-nav a small{ display:block; font-size:12px; font-weight:500; color:var(--c-sub); margin-top:2px; }
.main.rb .faq-nav a:after{ content:""; position:absolute; right:16px; top:50%; width:8px; height:8px; border-right:2px solid var(--c-blue); border-bottom:2px solid var(--c-blue); transform:translateY(-50%) rotate(45deg); }
.main.rb .faq .faq-cat{ scroll-margin-top:16px; }

/* ---------- CTA（テーマ .connection の余白だけ。見出し左右のピンクの≫（iconarrowtitle.svg）は飾り色なので外す） ---------- */
.main.rb .connection .connection-title:before, .main.rb .connection .connection-title:after{ content:none; }
.main.rb .part.connection{ padding:56px 0 !important; border:solid var(--c-line); border-width:1px 0; background:#fff; }
.main.rb .connection .titlegroup{ margin-bottom:8px; }
.main.rb .connection .item-btn{ margin:16px 0 8px; }
.main.rb .connection .connection-note2{ color:var(--c-navy); }

/* ---------- 関連ページ ---------- */
.main.rb .related .board{ padding:6px 16px; }

/* ---------- タブレット ---------- */
@media (min-width:751px) and (max-width:999px){
  .main.rb .card-grid{ grid-template-columns:1fr 1fr; }
  .main.rb .contact-box{ flex-direction:column; align-items:stretch; }
  .main.rb .contact-box .item-btn{ flex:0 0 auto; }
  .main.rb .faq-nav{ grid-template-columns:1fr 1fr; }
}

/* ---------- SP ---------- */
@media (max-width:750px){
  .main.rb .part{ padding:48px 0; }
  .main.rb .thisinner{ width:calc(100% - 32px); }
  .main.rb .part.page-head{ padding:24px 0 32px; }
  .main.rb .ph-title{ font-size:26px; margin-bottom:12px; }
  .main.rb .ph-lead{ font-size:14px; line-height:1.85; }
  .main.rb .ph-points{ grid-template-columns:1fr; gap:10px; margin-top:20px; }
  .main.rb .ph-points li{ padding:10px 12px; font-size:13px; gap:10px; }
  .main.rb .ph-points img{ width:40px; height:40px; flex-basis:40px; }
  .main.rb .topnav .link a{ font-size:13px; }
  .main.rb h2.line-title{ margin-bottom:16px; font-size:18px; }
  .main.rb .line-content{ margin-bottom:24px; font-size:14px; line-height:1.85; }
  .main.rb .card-grid, .main.rb .method-grid, .main.rb .after-grid, .main.rb .check-grid{ grid-template-columns:1fr; gap:16px; }
  .main.rb .card{ padding:16px; }
  .main.rb .card .c-ic{ width:48px; height:48px; margin-bottom:12px; }
  .main.rb .card .c-t{ font-size:16px; }
  .main.rb .card .m-head{ gap:12px; }
  .main.rb .card .m-head .c-ic{ width:56px; height:56px; }
  .main.rb .card .m-head .c-t{ font-size:17px; }
  .main.rb .card .c-d{ font-size:13px; }
  .main.rb a.button.full{ padding:14px 20px; font-size:14px; max-width:320px; }
  .main.rb .item-btn{ margin-top:24px; }
  .main.rb .fig-flow{ flex-direction:column; align-items:stretch; gap:6px; padding:20px 16px; margin-bottom:24px; }
  .main.rb .fig-flow .ff-step{ max-width:none; flex-direction:row; align-items:center; gap:14px; text-align:left; }
  .main.rb .fig-flow .ff-num{ font-size:18px; width:30px; flex:0 0 30px; }
  .main.rb .fig-flow .ff-ic{ width:52px; height:52px; flex:0 0 52px; }
  .main.rb .fig-flow .ff-ic.ic-wide{ width:52px; flex-basis:52px; }
  .main.rb .fig-flow .ff-ic.ic-wide img{ width:78px; height:52px; margin-left:-13px; max-width:none; }
  .main.rb .card .c-ic.ic-wide{ width:72px; height:48px; }
  .main.rb .fig-flow .ff-t{ font-size:14px; }
  .main.rb .fig-flow .ff-arrow{ margin:0 0 0 61px; transform:rotate(90deg); }
  .main.rb .deflist .di{ padding:16px; }
  .main.rb .deflist .di:has(.di-ic){ padding-left:76px; }
  .main.rb .deflist .di .di-ic{ left:16px; top:16px; width:44px; height:44px; }
  .main.rb .deflist .dt{ font-size:16px; gap:8px; flex-wrap:wrap; }
  .main.rb .deflist .dd{ font-size:14px; }
  .main.rb .check-panel{ padding:16px; }
  .main.rb .cp-head{ font-size:15px; }
  .main.rb .cp-head img{ width:40px; height:40px; flex-basis:40px; }
  .main.rb .cp-list li{ font-size:13px; }
  .main.rb .note{ padding:12px 14px 12px 44px; font-size:12px; margin-top:16px; }
  .main.rb .note .n-i{ left:12px; top:12px; width:20px; height:20px; }
  .main.rb .contact-box{ flex-direction:column; align-items:stretch; gap:16px; padding:16px; margin-top:24px; }
  .main.rb .contact-box .cb-t{ font-size:15px; }
  .main.rb .contact-box .cb-d{ font-size:13px; }
  .main.rb .contact-box .item-btn{ flex:0 0 auto; margin:0; }
  .main.rb .after-card .m-head .c-t{ font-size:17px; }
  .main.rb .steps li{ font-size:13px; padding-left:36px; }
  .main.rb .steps b{ font-size:14px; }
  .main.rb .branch{ grid-template-columns:1fr; gap:12px; }
  .main.rb .branch .br{ padding:12px; }
  .main.rb .branch .br-d{ font-size:12.5px; }
  .main.rb .faq .faq-list .list-qa .qa-item{ padding:12px 14px; margin-bottom:10px; }
  .main.rb .faq .faq-list .list-qa .qa-item .qa-item-head{ font-size:14px; }
  .main.rb .faq .faq-list .list-qa .qa-item .qa-item-head:before{ width:24px; min-width:24px; height:24px; line-height:24px; font-size:12px; margin-right:8px; }
  .main.rb .faq .faq-list .list-qa .qa-item .qa-item-head .qa-head-ttl{ font-size:14px; padding-right:28px; }
  .main.rb .faq .faq-list .list-qa .qa-item .qa-item-body{ padding:12px 14px; font-size:13px; margin-top:10px; }
  .main.rb .faq .faq-cat + .faq-cat{ margin-top:36px; }
  .main.rb .faq-nav{ grid-template-columns:1fr 1fr; gap:10px; }
  .main.rb .faq-nav a{ flex-direction:column; align-items:flex-start; gap:8px; padding:12px 28px 12px 12px; font-size:13px; }
  .main.rb .faq-nav a img{ width:36px; height:36px; flex-basis:36px; }
  .main.rb .faq-nav a small{ font-size:11px; }
  .main.rb .faq-nav a:after{ right:12px; }
  .main.rb .part.connection{ padding:40px 0 !important; }
}

/* 2026-10-03 追加（ユーザー「横並びなんだから高さ揃えろ」）：カテゴリのカードを行ごとに同じ高さにする。
   SP は矢印を右上（アイコンの高さ）に移し、見出しに幅を返して不自然な折り返し（「キャンセ／ル」など）を減らす。 */
.main.rb .faq-nav{ align-items:stretch; }
.main.rb .faq-nav > li{ display:flex; min-width:0; }
.main.rb .faq-nav > li > a{ flex:1 1 auto; width:100%; height:100%; box-sizing:border-box; }
@media (max-width:767px){
  .main.rb .faq-nav a{ justify-content:flex-start; padding-right:12px; }
  .main.rb .faq-nav a:after{ top:30px; transform:rotate(45deg); }
}
/* 359px 以下は 2 列だと見出しが 1〜2 文字で折り返す（「キャンセ／ル」）ため 1 列にし、アイコン・見出し・矢印を横に並べる。 */
@media (max-width:359px){
  .main.rb .faq-nav{ grid-template-columns:1fr; gap:8px; }
  .main.rb .faq-nav a{ flex-direction:row; align-items:center; gap:12px; padding:12px 36px 12px 12px; }
  .main.rb .faq-nav a:after{ top:50%; transform:translateY(-50%) rotate(45deg); }
}