/* よくある質問（一覧・分類・記事・解決しましたか？）2026-10-05 G2 作り直し。ヘルプセンターの作り
   色・角丸は共通の部品（kit.css の --k-*）に合わせる。クラスは fq で始まる（記事の本文の Font Awesome の fa- と重ならないように）
   fqh=一覧の見出し fqs=大きな検索 fqr=検索の結果 fqp=よく見られている質問 fqt=分類の札 fqhp=解決しないときは
   fqc=分類のページ fqa=記事のページ fqv=解決しましたか？ fqm=小さな検索 fq-ql=質問の並び fqx=共通 */

.fq-i { flex: none; width: 20px; height: 20px; }
.fqr [hidden], .fqv [hidden], [data-fq-main][hidden] { display: none !important; }

/* 共通：区画・見出し・アプリへの誘導 */
.fqx-sec { padding: 64px 0; }
.fqx-sec--tint { background: var(--k-tint); }
.fqx-h2 { display: flex; align-items: center; gap: 12px; margin: 0 0 24px; font: 900 clamp(21px, 2.2vw, 26px)/1.4 "Noto Sans JP", sans-serif; color: var(--k-tx); }
.fqx-h2__ic { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 12px; background: #eaf6ff; color: var(--k-blue); }
.fqx-h2__ic .fq-i { width: 22px; height: 22px; }
.fqx-sec--tint .fqx-h2__ic { background: #fff; }
.fqx-cta { padding: 0 0 88px; }
.fqx-cta .rs-cta { margin-top: 0; }

/* 質問の並び（分類のページ・検索の結果） */
.fq-ql { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.fq-ql a { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 16px; background: #fff; box-shadow: 0 0 0 1px var(--k-bd); color: var(--k-tx); text-decoration: none; transition: box-shadow .2s, transform .2s; }
.fq-ql a:hover { box-shadow: 0 0 0 2px var(--k-sky); transform: translateX(2px); }
.fq-ql__q { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: #eaf6ff; color: var(--k-blue); font: 800 13px "Inter", sans-serif; }
.fq-ql__t { flex: 1; min-width: 0; font-size: 15px; font-weight: 700; line-height: 1.6; }
.fq-ql__c { flex: none; padding: 4px 10px; border-radius: 99px; background: var(--k-tint); color: var(--k-tx2); font-size: 12px; font-weight: 700; white-space: nowrap; }
.fq-ql a > .fq-i { width: 18px; height: 18px; color: #9aa7b4; }
.fq-ql a:hover > .fq-i { color: var(--k-blue); }

/* ===== 一覧（/faq/） ===== */
.fqh { position: relative; overflow: hidden; padding: 28px 0 60px; background: linear-gradient(180deg, #e8f4ff 0%, #f4faff 62%, #fff 100%); }
.fqh::before, .fqh::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.fqh::before { right: -8%; top: -40%; width: 46%; height: 150%; background: radial-gradient(closest-side, rgba(0,159,253,.16), rgba(0,159,253,0)); }
.fqh::after { left: -10%; bottom: -60%; width: 42%; height: 140%; background: radial-gradient(closest-side, rgba(25,195,154,.12), rgba(25,195,154,0)); }
.fqh__in { position: relative; z-index: 1; text-align: center; }
.fqh__crumbs { margin-bottom: 30px; text-align: left; }
.fqh__h { margin: 0; font: 900 clamp(30px, 4.2vw, 48px)/1.25 "Noto Sans JP", sans-serif; letter-spacing: -.02em; color: var(--k-tx); }
.fqh__lead { margin: 12px 0 0; color: var(--k-tx2); font-size: 16px; }
.fqs { position: relative; max-width: 720px; margin: 28px auto 0; }
.fqs__box { display: flex; align-items: center; gap: 14px; height: 68px; padding: 0 22px; border-radius: 20px; background: #fff; box-shadow: 0 0 0 1px rgba(11,27,43,.1), 0 24px 50px -28px rgba(0,60,120,.5); cursor: text; text-align: left; }
.fqs__box:focus-within { box-shadow: 0 0 0 2px var(--k-sky), 0 24px 50px -28px rgba(0,60,120,.5); }
.fqs__box .fq-i { width: 24px; height: 24px; color: var(--k-blue); }
.fqs__box input { flex: 1; min-width: 0; height: 100%; padding: 0 76px 0 0; border: 0; outline: none; background: transparent; font: 600 17px "Noto Sans JP", sans-serif; color: var(--k-tx); }
.fqs__box input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.fqs__box input::placeholder { color: #8b97a3; }
.fqs__clear { position: absolute; right: 14px; top: 50%; height: 36px; margin-top: -18px; padding: 0 14px; border: 0; border-radius: 99px; background: #eef4fa; color: var(--k-tx2); font: 700 13px "Noto Sans JP", sans-serif; cursor: pointer; }
.fqs__clear[hidden] { display: none; }
.fqh__ex { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; max-width: 760px; margin: 18px auto 0; }
.fqh__ex span { margin-right: 2px; font-size: 13px; font-weight: 800; color: var(--k-tx2); }
.fqh__ex button { height: 34px; padding: 0 14px; border: 0; border-radius: 99px; background: #fff; box-shadow: 0 0 0 1px var(--k-bd); color: var(--k-tx); font: 700 13px "Noto Sans JP", sans-serif; cursor: pointer; transition: box-shadow .2s, color .2s; }
.fqh__ex button:hover { box-shadow: 0 0 0 1.5px var(--k-sky); color: var(--k-blue); }

/* 検索の結果 */
.fqr { padding: 36px 0 64px; }
.fqr__n { margin: 0 0 14px; font-size: 15px; font-weight: 800; color: var(--k-tx); overflow-wrap: anywhere; }
.fqr__none { display: grid; justify-items: center; gap: 8px; padding: 36px 24px; border-radius: var(--k-r); background: var(--k-tint); text-align: center; }
.fqr__none-ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: #fff; color: var(--k-blue); }
.fqr__none-ic .fq-i { width: 26px; height: 26px; }
.fqr__none b { font-size: 17px; color: var(--k-tx); }
.fqr__none p { margin: 0 0 10px; color: var(--k-tx2); font-size: 14px; }

/* よく見られている質問 */
.fqp { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; }
.fqp a { display: flex; align-items: center; gap: 16px; height: 100%; padding: 18px 20px; border-radius: 18px; background: #fff; box-shadow: 0 0 0 1px var(--k-bd); color: var(--k-tx); text-decoration: none; transition: box-shadow .2s, transform .2s; }
.fqp a:hover { box-shadow: 0 0 0 2px var(--k-sky), 0 18px 34px -24px rgba(0,60,120,.45); transform: translateY(-2px); }
.fqp__no { flex: none; width: 30px; font: 900 20px "Inter", sans-serif; letter-spacing: -.02em; background: linear-gradient(135deg, var(--k-blue), var(--k-mint)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.fqp__t { flex: 1; min-width: 0; font-size: 15px; font-weight: 800; line-height: 1.6; }
.fqp a > .fq-i { width: 18px; height: 18px; color: #9aa7b4; }
.fqp a:hover > .fq-i { color: var(--k-blue); }

/* 分類の札 */
.fqt { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.fqt a { position: relative; display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 24px 20px 22px; border-radius: var(--k-r); background: #fff; box-shadow: 0 0 0 1px var(--k-bd), 0 18px 40px rgba(0,40,90,.06); color: var(--k-tx); text-decoration: none; transition: box-shadow .2s, transform .2s; }
.fqt a:hover { box-shadow: 0 0 0 2px var(--k-sky), 0 18px 40px rgba(0,40,90,.08); transform: translateY(-2px); }
.fqt__ic { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 8px; border-radius: 16px; background: #eaf6ff; color: var(--k-blue); }
.fqt__ic .fq-i { width: 26px; height: 26px; }
.fqt__n { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; font-size: 18px; font-weight: 900; line-height: 1.4; }
.fqt__n small { font: 800 13px "Inter", "Noto Sans JP", sans-serif; color: var(--k-blue); }
.rs-en .fqt__n { flex-direction: column; align-items: flex-start; }
.fqt__d { font-size: 13px; line-height: 1.7; color: var(--k-tx2); }
.fqt .fqt__go { position: absolute; right: 18px; top: 26px; width: 20px; height: 20px; color: #9aa7b4; }
.fqt a:hover .fqt__go { color: var(--k-blue); }

/* 解決しないときは（一覧・分類のページ） */
.fqhp__grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 14px; }
.fqhp__ai { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 16px; row-gap: 2px; align-content: center; padding: 26px 28px; border-radius: var(--k-r); background: linear-gradient(120deg, #0077d9 0%, #009ffd 60%, #19c39a 130%); color: #fff; }
.fqhp__ai .fqhp__ic { grid-row: span 2; align-self: center; }
.fqhp__ai b { align-self: end; font-size: 19px; font-weight: 900; }
.fqhp__ai > span:not(.fqhp__ic) { align-self: start; font-size: 14px; line-height: 1.7; opacity: .92; }
.fqhp__btn { grid-column: 1 / -1; justify-self: start; display: inline-flex; align-items: center; gap: 8px; height: 46px; margin-top: 16px; padding: 0 22px; border: 0; border-radius: 99px; background: #fff; color: var(--k-blue); font: 800 15px "Noto Sans JP", sans-serif; cursor: pointer; transition: transform .2s; }
.fqhp__btn:hover { transform: translateY(-1px); }
.fqhp__btn .fq-i { width: 18px; height: 18px; }
.fqhp__card { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 26px 24px; border-radius: var(--k-r); background: #fff; box-shadow: 0 0 0 1px var(--k-bd); color: var(--k-tx); text-decoration: none; transition: box-shadow .2s, transform .2s; }
.fqhp__card:hover { box-shadow: 0 0 0 2px var(--k-sky); transform: translateY(-2px); }
.fqhp__ic { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 6px; border-radius: 14px; background: #eaf6ff; color: var(--k-blue); }
.fqhp__ic .fq-i { width: 24px; height: 24px; }
.fqhp__ic--w { margin: 0; background: rgba(255,255,255,.18); color: #fff; }
.fqhp__card b { padding-right: 24px; font-size: 17px; font-weight: 900; }
.fqhp__card > span:not(.fqhp__ic) { font-size: 13px; line-height: 1.7; color: var(--k-tx2); }
.fqhp .fqhp__go { position: absolute; right: 20px; top: 26px; width: 20px; height: 20px; color: #9aa7b4; }
.fqhp__card:hover .fqhp__go { color: var(--k-blue); }
.fqhp__contact { margin: 20px 0 0; font-size: 14px; color: var(--k-tx2); text-align: center; }
.fqhp__contact a { color: var(--k-blue); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }

/* 小さな検索（分類・記事のページ → 一覧で結果を出す） */
.fqm { display: flex; gap: 8px; }
.fqm__box { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; height: 50px; padding: 0 16px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px rgba(11,27,43,.12); cursor: text; }
.fqm__box:focus-within { box-shadow: 0 0 0 2px var(--k-sky); }
.fqm__box .fq-i { color: var(--k-blue); }
.fqm__box input { flex: 1; width: 100%; min-width: 0; height: 100%; border: 0; outline: none; background: transparent; font: 600 16px "Noto Sans JP", sans-serif; color: var(--k-tx); }
.fqm__box input::placeholder { color: #8b97a3; }
.fqm__btn { flex: none; height: 50px; padding: 0 18px; border: 0; border-radius: 14px; background: var(--k-tx); color: #fff; font: 800 14px "Noto Sans JP", sans-serif; cursor: pointer; }

/* ===== 分類のページ（/faq_category/〜/） ===== */
.fqc-hero { padding: 28px 0 40px; background: linear-gradient(180deg, #e8f4ff 0%, #f5faff 100%); border-bottom: 1px solid var(--k-bd); }
.fqc-hero__in { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 32px; align-items: end; }
.fqc-crumbs { margin-bottom: 24px; }
.fqc-hero__row { display: flex; align-items: center; gap: 20px; }
.fqc-hero__ic { flex: none; display: grid; place-items: center; width: 76px; height: 76px; border-radius: 22px; background: #fff; color: var(--k-blue); box-shadow: 0 0 0 1px var(--k-bd), 0 18px 40px rgba(0,40,90,.08); }
.fqc-hero__ic .fq-i { width: 38px; height: 38px; stroke-width: 1.6; }
.fqc-hero__k { margin: 0 0 4px; font-size: 13px; font-weight: 800; color: var(--k-blue); }
.fqc-hero__h { margin: 0; font: 900 clamp(26px, 3.4vw, 40px)/1.3 "Noto Sans JP", sans-serif; letter-spacing: -.02em; color: var(--k-tx); overflow-wrap: anywhere; }
.fqc-hero__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 10px 0 0; font-size: 14px; color: var(--k-tx2); }
.fqc-hero__meta b { padding: 3px 10px; border-radius: 99px; background: #fff; box-shadow: 0 0 0 1px var(--k-bd); color: var(--k-blue); font-size: 13px; font-weight: 800; }
.fqc { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 44px; align-items: start; padding: 44px 0 0; }
.fqc-nav { position: sticky; top: 88px; }
.fqc-nav__h { margin: 0 0 10px; padding: 0 12px; font-size: 12px; font-weight: 800; letter-spacing: .08em; color: var(--k-tx2); }
.fqc-nav__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.fqc-nav__list > li > a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; color: var(--k-tx); font-size: 15px; font-weight: 700; text-decoration: none; transition: background .2s; }
.fqc-nav__list > li > a .fq-i { color: var(--k-tx2); }
.fqc-nav__list > li > a span { flex: 1; min-width: 0; }
.fqc-nav__list small { font: 700 12px "Inter", sans-serif; color: var(--k-tx2); }
.fqc-nav__list > li > a:hover { background: var(--k-tint); }
.fqc-nav__list > .is-cur > a { background: #eaf6ff; color: var(--k-blue); }
.fqc-nav__list > .is-cur > a .fq-i, .fqc-nav__list > .is-cur > a small { color: var(--k-blue); }
.fqc-nav__sub { list-style: none; display: grid; gap: 2px; margin: 4px 0 8px 21px; padding: 0 0 0 12px; border-left: 2px solid #dbe8f4; }
.fqc-nav__sub a { display: block; padding: 6px 10px; border-radius: 8px; color: var(--k-tx2); font-size: 13px; font-weight: 700; line-height: 1.5; text-decoration: none; }
.fqc-nav__sub a:hover { color: var(--k-blue); }
.fqc-nav__sub a[aria-current] { background: #eaf6ff; color: var(--k-blue); }
.fqc-nav__top { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 0 12px; color: var(--k-blue); font-size: 14px; font-weight: 800; text-decoration: none; }
.fqc-nav__top .fq-i { width: 18px; height: 18px; }
.fqc-nav__top:hover { text-decoration: underline; text-underline-offset: 3px; }
.fqc-main { min-width: 0; }
.fqc-jump { display: none; }
.fqc-group { scroll-margin-top: 88px; }
.fqc-group + .fqc-group { margin-top: 40px; }
.fqc-group__h { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 0 0 14px; font-size: 19px; font-weight: 900; line-height: 1.4; }
.fqc-group__h a { color: var(--k-tx); text-decoration: none; }
.fqc-group__h a:hover { color: var(--k-blue); }
.fqc-group__h small { font: 700 13px "Inter", "Noto Sans JP", sans-serif; color: var(--k-tx2); }
.fqc-group__ic { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 11px; background: #eaf6ff; color: var(--k-blue); }

/* ===== 記事のページ（/faq/〜/） ===== */
.fqa-hero { padding: 28px 0 40px; background: linear-gradient(180deg, #e8f4ff 0%, #f5faff 100%); border-bottom: 1px solid var(--k-bd); }
.fqa-crumbs { margin-bottom: 22px; }
.fqa-cat { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; margin: 0 0 16px; padding: 6px 14px 6px 10px; border-radius: 99px; background: #fff; box-shadow: 0 0 0 1px var(--k-bd); color: var(--k-blue); font-size: 13px; font-weight: 800; text-decoration: none; }
.fqa-cat .fq-i { width: 18px; height: 18px; }
.fqa-cat:hover { box-shadow: 0 0 0 1.5px var(--k-sky); }
.fqa-h1 { display: flex; align-items: flex-start; gap: 16px; max-width: 920px; margin: 0; }
.fqa-h1__q { flex: none; display: grid; place-items: center; width: 44px; height: 44px; margin-top: 2px; border-radius: 12px; background: var(--k-tx); color: #fff; font: 800 20px "Inter", sans-serif; }
.fqa-h1__t { min-width: 0; font: 900 clamp(22px, 2.8vw, 32px)/1.45 "Noto Sans JP", sans-serif; letter-spacing: -.01em; color: var(--k-tx); overflow-wrap: anywhere; }
.fqa { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; align-items: start; padding: 40px 0 0; }
.fqa-main { min-width: 0; max-width: 780px; }
.fqa-ans { display: flex; gap: 18px; padding: 32px 36px; border-radius: var(--k-r); background: #fff; box-shadow: 0 0 0 1px var(--k-bd), 0 24px 50px -40px rgba(0,40,90,.35); }
.fqa-ans__a { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: linear-gradient(135deg, var(--k-sky), var(--k-mint)); color: #fff; font: 800 16px "Inter", sans-serif; }
.fqa-ans__body { flex: 1; min-width: 0; padding-top: 3px; font-size: 17px; line-height: 1.7; color: var(--k-tx); } /* 11/6 #221 行の高さ 1.95→1.7（マネーフォワード 1.6） */
/* 答えの本文（WordPress のブロック）の見せ方：短い答えに合う小さめの見出し・画面の画像に枠 */
.fqa-ans .rs-content h2 { margin: 64px 0 14px; padding: 0 0 0 14px; border: 0; border-left: 4px solid var(--k-blue); font: 700 24px/1.45 "Noto Sans JP", sans-serif; scroll-margin-top: 88px; } /* 11/6 #221 見出しを本文の1.3倍以上に（20→24・スマホ 18→21）・行の高さを詰めたので上の余白 72→64 */
.fqa-ans .rs-content h3 { margin: 40px 0 10px; padding: 0; border: 0; font: 700 20px/1.5 "Noto Sans JP", sans-serif; }
.fqa-ans .rs-content h3::before { content: ""; display: inline-block; width: 8px; height: 8px; margin: 0 10px 3px 0; border-radius: 2px; background: var(--k-mint); vertical-align: middle; }
.fqa-ans .rs-content h4 { margin: 32px 0 8px; font-size: 17px; }
.fqa-ans .rs-content h2 + h3 { margin-top: 20px; }
.fqa-ans .rs-content .vk_alert + .vk_alert { margin-top: 16px; }
/* 11/5 「かたまりの最初は上の余白0」は答えの最初のかたまりだけに（画像のすぐ後ろの見出しの上が0になっていた） */
.fqa-ans > .rs-content:first-child > :first-child, .fqa-ans > .rs-content:first-child .wp-block-group__inner-container > :first-child { margin-top: 0; }
.fqa-ans .rs-content li::marker { color: var(--k-blue); }
.fqa-ans .rs-content .wp-block-image { margin: 24px 0; }
.fqa-ans .rs-content .wp-block-image img { display: block; max-width: 100%; height: auto; border-radius: 14px; box-shadow: 0 0 0 1px var(--k-bd); }
.fqa-ans .rs-content .vk_faq { border: 0; background: var(--k-tint); }
.fqa-side { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; min-width: 0; }
@media (min-width: 961px) and (min-height: 760px) { .fqa-side { position: sticky; top: 88px; } }
.fqa-rel { padding: 22px 22px 18px; border-radius: var(--k-r); background: #fff; box-shadow: 0 0 0 1px var(--k-bd); }
.fqa-rel__h { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 15px; font-weight: 900; color: var(--k-tx); }
.fqa-rel__h .fq-i { color: var(--k-blue); }
.fqa-rel ul { list-style: none; margin: 0; padding: 0; }
.fqa-rel li + li { border-top: 1px solid var(--k-bd); }
.fqa-rel li a { display: flex; align-items: flex-start; gap: 10px; padding: 12px 0; color: var(--k-tx); font-size: 14px; font-weight: 700; line-height: 1.6; text-decoration: none; }
.fqa-rel li a:hover { color: var(--k-blue); }
.fqa-rel .fq-ql__q { width: 22px; height: 22px; margin-top: 1px; border-radius: 6px; font-size: 11px; }
.fqa-rel__all { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; padding: 12px 14px; border-radius: 12px; background: var(--k-tint); color: var(--k-blue); font-size: 13px; font-weight: 800; text-decoration: none; }
.fqa-rel__all .fq-i { width: 18px; height: 18px; }
.fqa-rel__all:hover { background: #e3f1fd; }
.fqa-back { display: flex; flex-wrap: wrap; gap: 10px; padding: 40px 0 56px; }
.fqa-back a { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; height: 46px; padding: 0 20px; border-radius: 99px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--k-bd); color: var(--k-tx); font-size: 14px; font-weight: 800; text-decoration: none; }
.fqa-back a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fqa-back a .fq-i { width: 18px; height: 18px; color: var(--k-blue); }
.fqa-back a:hover { box-shadow: inset 0 0 0 2px var(--k-sky); }

/* 解決しましたか？（記事の答えの下） */
.fqv { margin: 20px 0 0; padding: 22px 26px; border-radius: var(--k-r); background: var(--k-tint); }
.fqv__ask { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; }
.fqv__q { margin: 0; font-size: 17px; font-weight: 900; color: var(--k-tx); }
.fqv__a { display: flex; flex-wrap: wrap; gap: 10px; }
.fqv__btn { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 20px; border: 0; border-radius: 99px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--k-bd); color: var(--k-tx); font: 800 15px "Noto Sans JP", sans-serif; cursor: pointer; transition: box-shadow .2s, color .2s; }
.fqv__btn:hover { box-shadow: inset 0 0 0 2px var(--k-sky); color: var(--k-blue); }
.fqv__btn .fq-i { width: 18px; height: 18px; }
.fqv__thx { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 15px; font-weight: 800; color: var(--k-tx); }
.fqv__ok { display: grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--k-mint); color: #fff; }
.fqv__ok .fq-i { width: 18px; height: 18px; stroke-width: 2.6; }
.fqv__help { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 6px 16px; }
.fqv__ic { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(135deg, var(--k-sky), var(--k-mint)); color: #fff; }
.fqv__ic .fq-i { width: 26px; height: 26px; }
.fqv__t b { display: block; font-size: 16px; font-weight: 900; color: var(--k-tx); }
.fqv__t span { display: block; font-size: 13px; line-height: 1.7; color: var(--k-tx2); }
.fqv__chat { height: 48px; padding: 0 22px; font-size: 15px; }
.fqv__more { grid-column: 1 / -1; margin: 10px 0 0; font-size: 13px; color: var(--k-tx2); }
.fqv__more a { color: var(--k-blue); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }

/* 質問の文：意味のまとまりで改行（全体の設定のまま）＋最後の行が短くなりすぎないように（2026-10-05 G2。「くださ／い。」のような切れ方を避ける） */
.fqp__t, .fq-ql__t, .fqa-rel li a span, .fqa-h1__t, .fqv p { text-wrap: pretty; }

/* ===== タブレット・スマホ ===== */
@media (max-width: 1100px) {
  .fqt { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
  .fqx-sec { padding: 48px 0; }
  .fqx-h2 { margin-bottom: 18px; }
  .fqx-h2__ic { width: 36px; height: 36px; border-radius: 11px; }
  .fqx-cta { padding-bottom: 64px; }
  .fqh { padding: 22px 0 40px; }
  .fqh__crumbs { margin-bottom: 22px; }
  .fqh__lead { font-size: 14px; }
  .fqs { margin-top: 22px; }
  .fqs__box { height: 58px; padding: 0 16px; gap: 10px; border-radius: 16px; }
  .fqs__box input { font-size: 16px; padding-right: 66px; }
  .fqs__clear { right: 10px; }
  .fqh__ex { gap: 6px; margin-top: 14px; }
  .fqh__ex button { height: 32px; padding: 0 12px; }
  .fqp { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .fqp a { gap: 12px; padding: 14px 16px; border-radius: 16px; }
  .fqp__no { width: 26px; font-size: 17px; }
  .fqp__t { font-size: 14px; }
  .fqt { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .fqt a { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 14px; row-gap: 2px; align-items: center; padding: 14px 44px 14px 14px; border-radius: 18px; }
  .fqt__ic { grid-row: span 2; width: 46px; height: 46px; margin: 0; border-radius: 14px; }
  .fqt__ic .fq-i { width: 24px; height: 24px; }
  .fqt__n { font-size: 16px; }
  .fqt__d { font-size: 12px; line-height: 1.6; }
  .fqt .fqt__go { top: 50%; right: 14px; margin-top: -10px; }
  .fqhp__grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .fqhp__ai { padding: 22px 20px; }
  .fqhp__btn { justify-self: stretch; justify-content: center; }
  .fqhp__card { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 14px; row-gap: 2px; align-items: center; padding: 16px 44px 16px 16px; }
  .fqhp__card .fqhp__ic { grid-row: span 2; margin: 0; width: 44px; height: 44px; }
  .fqhp__card b { padding: 0; font-size: 16px; }
  .fqhp .fqhp__go { top: 50%; right: 16px; margin-top: -10px; }
  .fq-ql a { gap: 12px; padding: 14px 14px; border-radius: 14px; }
  .fq-ql__t { font-size: 14px; }
  .fq-ql__c { display: none; }
  .fqr { padding: 24px 0 48px; }

  .fqc-hero, .fqa-hero { padding: 22px 0 28px; }
  .fqc-hero__in { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .fqc-crumbs, .fqa-crumbs { margin-bottom: 18px; }
  .fqc-hero__row { gap: 14px; }
  .fqc-hero__ic { width: 58px; height: 58px; border-radius: 18px; }
  .fqc-hero__ic .fq-i { width: 30px; height: 30px; }
  .fqc-hero__h { font-size: 26px; }
  .fqc-hero__meta { font-size: 13px; }
  .fqc { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-top: 20px; }
  .fqc-nav { position: static; margin: 0 -20px; }
  .fqc-nav__h, .fqc-nav__sub, .fqc-nav__top { display: none; }
  .fqc-nav__list { display: flex; gap: 8px; overflow-x: auto; padding: 2px 20px 6px; scrollbar-width: none; }
  .fqc-nav__list::-webkit-scrollbar { display: none; }
  .fqc-nav__list > li { flex: none; }
  .fqc-nav__list > li > a { gap: 8px; padding: 9px 14px; border-radius: 99px; background: #fff; box-shadow: 0 0 0 1px var(--k-bd); font-size: 14px; white-space: nowrap; }
  .fqc-nav__list > li > a .fq-i { width: 18px; height: 18px; }
  .fqc-nav__list > .is-cur > a { box-shadow: 0 0 0 1.5px var(--k-blue); }
  .fqc-jump { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px; }
  .fqc-jump a { display: flex; align-items: center; gap: 8px; max-width: 100%; padding: 9px 12px; white-space: nowrap; border-radius: 12px; background: var(--k-tint); color: var(--k-tx); font-size: 13px; font-weight: 800; line-height: 1.4; text-decoration: none; }
  .fqc-jump a .fq-i { width: 18px; height: 18px; color: var(--k-blue); }
  .fqc-jump a span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .fqc-jump small { font: 700 12px "Inter", sans-serif; color: var(--k-tx2); }
  .fqc-group + .fqc-group { margin-top: 32px; }
  .fqc-group__h { font-size: 17px; }
  .fqc-group__ic { width: 34px; height: 34px; border-radius: 10px; }
  .fqc-group__ic .fq-i { width: 18px; height: 18px; }

  .fqa-cat { margin-bottom: 12px; }
  .fqa-h1 { gap: 12px; }
  .fqa-h1__q { width: 34px; height: 34px; border-radius: 10px; font-size: 16px; }
  .fqa-h1__t { font-size: 22px; line-height: 1.5; }
  .fqa { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-top: 20px; }
  .fqa-main { max-width: none; }
  .fqa-ans { flex-direction: column; gap: 12px; padding: 22px 18px; border-radius: 18px; }
  .fqa-ans__a { width: 32px; height: 32px; font-size: 15px; }
  .fqa-ans__body { padding-top: 0; }
  .fqa-ans .rs-content h2 { font-size: 22px; }
  .fqa-ans .rs-content h3 { font-size: 19px; }
  .fqv { padding: 20px 18px; border-radius: 18px; }
  .fqv__a { width: 100%; }
  .fqv__btn { flex: 1 1 0; justify-content: center; padding: 0 12px; }
  .fqv__help { grid-template-columns: auto minmax(0, 1fr); }
  .fqv__chat { grid-column: 1 / -1; width: 100%; margin-top: 10px; }
  .fqa-rel { padding: 18px 18px 14px; }
  .fqa-back { padding: 28px 0 44px; }
  .fqa-back a { flex: 1 1 100%; justify-content: center; height: auto; min-height: 46px; padding: 10px 18px; }
  .fqa-back a span { white-space: normal; text-align: center; }
}
/* 大家さん・管理会社への連絡の質問 → そのまま送れる文のページ（2026-10-08）。見た目は page-guide.css の .g3-letterlink と同じ形をここにも */
.fqa-letter { display: flex; align-items: center; gap: 16px; margin: 20px 0 0; padding: 18px 22px; border-radius: 20px; background: #fff; color: #0b1b2b; text-decoration: none; box-shadow: 0 0 0 1px rgba(11,27,43,.1); }
.fqa-letter:hover { box-shadow: 0 0 0 2px #009ffd; }
.fqa-letter .g3-letterlink__t { flex: 1; min-width: 0; } .fqa-letter b { display: block; font-size: 17px; font-weight: 900; } .fqa-letter small { display: block; margin-top: 4px; font-size: 14px; line-height: 1.7; color: #4a5866; }
.fqa-letter .g3-letterlink__go { flex: none; font-size: 20px; font-weight: 700; color: #0077d9; }

/* 2026-10-14 最初の画面：検索窓の下に AIチャットの入口（栄成さん了承。お問い合わせは置かない） */
.fqh__ai { display: flex; align-items: center; gap: 14px; width: min(640px, 100%); margin: 22px auto 0; padding: 14px 16px; border-radius: 18px; background: linear-gradient(135deg, #0a7fe0, #13b3d6); color: #fff; text-align: left; box-shadow: 0 18px 40px -24px rgba(0,80,160,.6); }
.fqh__ai-ic { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: rgba(255,255,255,.18); }
.fqh__ai-ic svg { width: 22px; height: 22px; }
.fqh__ai-t { flex: 1; display: grid; gap: 2px; }
.fqh__ai-t b { font-size: 16px; font-weight: 800; }
.fqh__ai-t small { font-size: 13px; opacity: .9; }
.fqh__ai-btn { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 16px; border: 0; border-radius: 999px; background: #fff; color: #0a6fc4; font: 800 14px/1 inherit; cursor: pointer; }
.fqh__ai-btn svg { width: 14px; height: 14px; }
@media (max-width: 600px) { .fqh__ai { flex-wrap: wrap; } .fqh__ai-btn { width: 100%; justify-content: center; } }
/* 2026-10-14 分類を8つにしたので、PC は4つ×2段にそろえる */
@media (min-width: 961px) { .fqt { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fq-ql__q { font-size: 12px; }
.fqa-rel .fq-ql__q { font-size: 12px; }


/* 2026-10-16 分類のページの横のメニューを右に（記事のページ・PayPay のヘルプとそろえる。栄成さん「右でいい。目線の移動の仕方から左にユーザーの必要な情報があるので」）。スマホは今まで通り上の横並び */
@media (min-width: 961px) {
  .fqc { grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; }
  .fqc > .fqc-nav { grid-column: 2; grid-row: 1; }
  .fqc > .fqc-main { grid-column: 1; grid-row: 1; }
}
/* 2026-10-30 Stripe のヘルプセンター風（栄成さん「Stripe風で…よくある質問ページも変更したい」）：白地・左に検索と質問の文字のリンク・右に分類と AIチャット */
.fsx { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 64px; align-items: start; padding-top: 40px; padding-bottom: 32px; }
.fsx-h1 { margin: 18px 0 0; font: 700 clamp(32px, 4vw, 48px)/1.25 "Noto Sans JP", sans-serif; letter-spacing: -.02em; color: #0b1b2b; }
.fsx-search { max-width: none; margin: 24px 0 0; }
.fsx-ex { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0 0; font-size: 13px; color: #5b6773; }
.fsx-ex button { padding: 4px 10px; border: 1px solid #e3e9ef; border-radius: 99px; background: #fff; font: 600 13px "Noto Sans JP", sans-serif; color: #33414e; cursor: pointer; }
.fsx-ex button:hover { border-color: #0077d9; color: #0077d9; }
.fsx-results { margin-top: 28px; padding: 0; background: none; }
.fsx-sec { padding: 28px 0; border-top: 1px solid #e6ebf0; }
.fsx-sec:first-of-type { margin-top: 28px; }
.fsx-h2 { margin: 0 0 14px; font: 700 20px/1.5 "Noto Sans JP", sans-serif; color: #0b1b2b; }
.fsx-links { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.fsx-links a { font-size: 16px; line-height: 1.7; color: #0077d9; text-decoration: none; }
.fsx-links a:hover { text-decoration: underline; }
.fsx-all { display: inline-block; margin-top: 14px; font-size: 14px; font-weight: 700; color: #0b1b2b; text-decoration: none; }
.fsx-all:hover { color: #0077d9; }
.fsx-help { padding-bottom: 0; }
.fsx-side { position: sticky; top: 96px; display: grid; gap: 16px; margin-top: 56px; }
.fsx-card { padding: 20px 22px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px rgba(11,27,43,.07), 0 18px 40px -28px rgba(0,40,90,.3); }
.fsx-side__h { margin: 0 0 10px; font-size: 14px; font-weight: 700; color: #0b1b2b; }
.fsx-side__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.fsx-side__list a { font-size: 14px; color: #0077d9; text-decoration: none; }
.fsx-side__list a:hover { text-decoration: underline; }
.fsx-ai__t { margin: 0 0 12px; font-size: 13px; line-height: 1.7; color: #5b6773; }
.fsx-ai__btn { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border: 0; border-radius: 99px; background: #0b1b2b; color: #fff; font: 700 14px "Noto Sans JP", sans-serif; cursor: pointer; }
.fsx-ai__btn svg { width: 18px; height: 18px; }
@media (max-width: 900px) {
  .fsx { grid-template-columns: minmax(0, 1fr); gap: 8px; padding-top: 24px; }
  .fsx-side { position: static; margin-top: 0; order: -1; display: none; }
  .fsx-main { min-width: 0; }
}
.fsx-ai--sp { display: none; }
@media (max-width: 900px) { .fsx-ai--sp { display: block; margin-top: 16px; } .fsx-ai--sp .fsx-ai__t b { color: #0b1b2b; } }
/* 2026-10-30 分類のページも同じ形（Stripe のヘルプセンター風） */
.fsx-lead { margin: 12px 0 0; font-size: 16px; line-height: 1.8; color: #5b6773; }
.fsx-mini { margin-top: 20px; max-width: 520px; }
.fsx-jump { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 24px 0 0; }
.fsx-jump a { font-size: 14px; font-weight: 700; color: #0077d9; text-decoration: none; }
.fsx--cat .fsx-sec:first-of-type { margin-top: 28px; }
.fsx-h2 a { color: inherit; text-decoration: none; }
.fsx-h2 a:hover { color: #0077d9; }
.fsx-side__list li.is-cur > a { font-weight: 700; color: #0b1b2b; }
.fsx-side__list a[aria-current="page"] { font-weight: 700; color: #0b1b2b; }
.fsx-side__sub { list-style: none; margin: 6px 0 4px 12px; padding: 0 0 0 10px; display: grid; gap: 6px; border-left: 1px solid #e3e9ef; }
.fsx-side__sub a { font-size: 13px; }
.fsx-side__top { display: inline-block; margin-top: 14px; font-size: 13px; font-weight: 700; color: #5b6773; text-decoration: none; }
.fsx-side__top:hover { color: #0077d9; }
@media (max-width: 900px) { .fsx--cat .fsx-side { display: grid; position: static; margin-top: 8px; order: 2; } .fsx--cat .fsx-side .fsx-card:first-child { display: none; } }
/* 2026-10-30 「解決しないときは」も同じ形に（青い大きな札・アイコンをやめ、文字の見出し＋細い枠の行） */
.fsx-help .fqhp .fqx-h2 { margin: 0 0 14px; font: 700 20px/1.5 "Noto Sans JP", sans-serif; }
.fsx-help .fqx-h2__ic, .fsx-help .fqhp__ic, .fsx-help .fqhp__go { display: none; }
.fsx-help .fqhp__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
.fsx-help .fqhp__ai, .fsx-help .fqhp__card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 16px; min-height: 0; padding: 16px 0; border: 0; border-top: 1px solid #eef2f6; border-radius: 0; background: none; box-shadow: none; color: #0b1b2b; text-decoration: none; }
.fsx-help .fqhp__ai b, .fsx-help .fqhp__card b { grid-column: 1; font-size: 16px; font-weight: 700; color: #0077d9; }
.fsx-help .fqhp__ai span, .fsx-help .fqhp__card span { grid-column: 1; font-size: 14px; color: #5b6773; }
.fsx-help .fqhp__ai .fqhp__btn { grid-column: 2; grid-row: 1 / span 2; height: 38px; padding: 0 14px; border-radius: 99px; background: #0b1b2b; color: #fff; font-size: 13px; box-shadow: none; }
.fsx-help .fqhp__card:hover b { text-decoration: underline; }

/* ===== 2026-11-02 よくある質問の1件：Stripe のヘルプの記事の形（fqd）。白い地・題名だけ・答えは枠なし・右は文字のリンクだけ ===== */
.fqd { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 64px; align-items: start; padding: 32px 0 72px; }
.fqd-main { min-width: 0; max-width: 760px; }
.fqd-crumbs { margin-bottom: 28px; }
.fqd-h1 { margin: 0 0 32px; padding-bottom: 24px; border-bottom: 1px solid var(--k-bd); font: 700 clamp(24px, 2.8vw, 34px)/1.45 "Noto Sans JP", sans-serif; letter-spacing: .01em; color: var(--k-tx); } /* 11/2 題名の下に線（栄成さん「本文と見出しの境目がわかりづらい」） */
.fqd-ans { display: block; padding: 0; border-radius: 0; background: none; box-shadow: none; }
.fqd-ans .fqa-ans__body { padding-top: 0; }
.fqd .fqv { margin: 44px 0 0; padding: 22px 0 0; border-top: 1px solid var(--k-bd); border-radius: 0; background: none; }
.fqd .fqv__ask { justify-content: flex-start; }
.fqd .fqv__q { font-size: 15px; font-weight: 700; }
.fqd .fqv__btn { height: 36px; padding: 0 16px; font-size: 14px; font-weight: 700; }
.fqd .fqv__btn .fq-i { width: 15px; height: 15px; }
.fqd .fqv__ic { width: 40px; height: 40px; border-radius: 12px; }
.fqd .fqv__ic .fq-i { width: 22px; height: 22px; }
.fqd .fqv__chat { height: 42px; padding: 0 18px; font-size: 14px; }
.fqd-side { padding: 22px 24px 20px; border-radius: 12px; background: #f6f9fc; }
.fqd-side__h { margin: 0 0 8px; font-size: 13px; font-weight: 800; color: var(--k-tx); }
.fqd-side ul { list-style: none; margin: 0; padding: 0; }
.fqd-side li a { display: block; padding: 7px 0; font-size: 14px; line-height: 1.6; color: var(--k-blue); text-decoration: none; }
.fqd-side li a:hover { text-decoration: underline; text-underline-offset: 3px; }
.fqd-side__all { display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 700; color: var(--k-tx2); text-decoration: none; }
.fqd-side__all:hover { color: var(--k-blue); }
@media (min-width: 961px) and (min-height: 760px) { .fqd-side { position: sticky; top: 88px; } }
@media (max-width: 960px) { .fqd { grid-template-columns: minmax(0, 1fr); gap: 40px; padding: 20px 0 56px; } .fqd-crumbs { margin-bottom: 20px; } .fqd-h1 { margin-bottom: 22px; } }
/* 2026-11-02 答えの中の図・アプリの画面（サンプル2問） */
.fqd-vis { margin: 24px 0; }
.fqd-cal .g3-cal { margin: 0; box-shadow: 0 0 0 1px var(--k-bd); }
.fqd-cal [data-g3-cal] .g3-cal__grid li.is-mark { transform: none; opacity: 1; }
.fqd-shots ol { list-style: none; margin: 0; padding: 28px 20px 22px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; border-radius: 18px; background: #f3f8fd; }
.fqd-shot { max-width: 180px; margin: 0 auto; filter: drop-shadow(0 18px 24px rgba(0,40,90,.22)); } /* 画面の画像に本体の枠が入っているので、枠は足さない */
.fqd-shot img { display: block; width: 100%; height: auto; }
.fqd-shots p { margin: 18px 0 0; text-align: center; font-size: 14px; font-weight: 700; line-height: 1.5; color: var(--k-tx); }
.fqd-shots p b { display: inline-grid; place-items: center; min-width: 22px; height: 22px; margin-right: 6px; border-radius: 11px; background: linear-gradient(135deg, #009ffd, #23e4ab); color: #fff; font: 800 12px/1 "Inter", sans-serif; vertical-align: 1px; }
.fqd-shots figcaption { margin: 8px 0 0; text-align: right; font-size: 12px; color: var(--k-tx2); }
@media (max-width: 600px) { .fqd-shots ol { padding: 20px 10px 16px; gap: 10px; } .fqd-shots p { font-size: 12px; } }
/* 2026-11-02 図と画面を小さく（栄成さん「画像が大きすぎて文章が見えないのは論外です。また、モバイル表示がメインなので注意してください。」）。目安：スマホで画面の高さの3分の1まで */
.fqd-vis { margin: 24px 0; }
.fqd-cal .g3-cal { max-width: 600px; padding: 18px 20px; }
.fqd-cal .g3-cal figcaption { margin-bottom: 12px; font-size: 13px; }
.fqd-cal .g3-cal__name { margin-bottom: 6px; font-size: 13px; } .fqd-cal .g3-cal__name b { font-size: 22px; }
.fqd-cal .g3-cal__sub { margin-bottom: 8px; font-size: 11px; }
.fqd-cal .g3-cal__head li, .fqd-cal .g3-cal__grid li { font-size: 11px; }
.fqd-cal .g3-cal__ev { margin-top: 8px; } .fqd-cal .g3-cal__ev li { font-size: 12px; }
.fqd-shots ol { padding: 18px 16px 14px; gap: 12px; }
.fqd-shot { max-width: 112px; }
.fqd-shots p { margin-top: 10px; font-size: 12px; }
@media (max-width: 600px) {
  .fqd-cal .g3-cal { padding: 12px 12px 14px; border-radius: 14px; }
  .fqd-cal .g3-cal figcaption { margin-bottom: 8px; font-size: 12px; }
  .fqd-cal .g3-tl > li { grid-template-columns: 58px minmax(0, 1fr); gap: 10px; padding-bottom: 8px; }
  .fqd-cal .g3-tl > li::before { left: 28px; top: 30px; }
  .fqd-cal .g3-tl__d { height: 30px; border-radius: 9px; } .fqd-cal .g3-tl__d b { font-size: 14px; }
  .fqd-cal .g3-tl ul { gap: 4px; padding-top: 1px; }
  .fqd-cal .g3-tl ul li { gap: 7px; padding: 5px 10px; border-radius: 8px; font-size: 12.5px; }
  .fqd-cal .g3-tl .g3-dot { width: 8px; height: 8px; }
  .fqd-shots ol { padding: 14px 8px 10px; gap: 6px; border-radius: 14px; }
  .fqd-shot { max-width: 74px; }
  .fqd-shots p { margin-top: 8px; font-size: 11px; line-height: 1.4; } .fqd-shots p b { min-width: 18px; height: 18px; margin-right: 3px; font-size: 10px; }
  .fqd-shots figcaption { font-size: 11px; }
}
/* 2026-11-02 作り直し：pay（決済と振込の日）・tap（押す所に印を付けた画面）。スマホで先に決めた */
.fqd-pay { display: grid; gap: 10px; padding: 16px; border-radius: 16px; background: #f3f8fd; }
.fqd-pay__row { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr); grid-template-areas: "k k k" "a arw b"; align-items: stretch; gap: 6px 0; }
.fqd-pay__k { grid-area: k; margin: 0; font-size: 13px; font-weight: 800; color: var(--k-tx); }
.fqd-pay__a, .fqd-pay__b { margin: 0; display: grid; align-content: center; gap: 2px; padding: 10px 12px; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px var(--k-bd); }
.fqd-pay__a { grid-area: a; } .fqd-pay__b { grid-area: b; box-shadow: 0 0 0 2px #23e4ab; }
.fqd-pay small { font-size: 11px; font-weight: 700; color: var(--k-tx2); line-height: 1.4; }
.fqd-pay__a b { font-size: 14px; font-weight: 800; line-height: 1.4; color: #0077d9; }
.fqd-pay__b b { font: 800 22px/1.2 "Inter", "Noto Sans JP", sans-serif; color: #0f9e7b; }
.fqd-pay__arw { grid-area: arw; position: relative; }
.fqd-pay__arw::before { content: ""; position: absolute; left: 6px; right: 9px; top: 50%; height: 3px; margin-top: -1px; border-radius: 2px; background: linear-gradient(90deg, #009ffd, #23e4ab); }
.fqd-pay__arw::after { content: ""; position: absolute; right: 3px; top: 50%; margin-top: -6px; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #23e4ab; }
.fqd-pay figcaption { margin: 2px 0 0; font-size: 12px; font-weight: 700; color: var(--k-tx2); }
.fqd-tap { display: flex; align-items: center; gap: 18px; padding: 16px 18px; border-radius: 16px; background: #f3f8fd; }
.fqd-tap__shot { position: relative; flex: none; width: 120px; filter: drop-shadow(0 12px 18px rgba(0,40,90,.2)); }
.fqd-tap__shot img { display: block; width: 100%; height: auto; border-radius: 12px; }
.fqd-tap__ring { position: absolute; left: 3%; width: 94%; top: 62.6%; height: 8.6%; border: 3px solid #ff7a1a; border-radius: 8px; box-shadow: 0 0 0 3px rgba(255,122,26,.25); }
.fqd-tap figcaption { display: grid; gap: 6px; }
.fqd-tap figcaption b { font-size: 15px; font-weight: 800; line-height: 1.5; color: var(--k-tx); }
.fqd-tap figcaption span { font-size: 13px; line-height: 1.6; color: var(--k-tx2); }
.fqd-tap figcaption small { font-size: 11px; color: var(--k-tx2); }
@media (min-width: 601px) { .fqd-pay, .fqd-tap { max-width: 560px; } }
@media (max-width: 600px) { .fqd-pay { padding: 12px; } .fqd-pay__b b { font-size: 20px; } .fqd-tap { gap: 14px; padding: 12px 14px; } .fqd-tap__shot { width: 96px; } .fqd-tap figcaption b { font-size: 14px; } }
/* 11/2 pay をスマホでさらに詰める（折り返しと高さ） */
.fqd-pay { gap: 8px; }
.fqd-pay__row { gap: 4px 0; }
.fqd-pay__a, .fqd-pay__b { padding: 8px 10px; }
.fqd-pay__a b { font-size: 13px; }
.fqd-pay figcaption, .fqd-tap figcaption { text-align: left; }
@media (max-width: 600px) { .fqd-pay__k { font-size: 12px; } .fqd-pay__b b { font-size: 19px; } }
/* 11/2 アプリのストア（利用までの流れの手順1） */
.fqd-stores { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; max-width: 560px; padding: 12px 14px; border-radius: 16px; background: #f3f8fd; }
.fqd-stores__b { display: flex; gap: 8px; }
.fqd-stores__b img { display: block; width: auto; height: 40px; }
.fqd-stores figcaption { font-size: 13px; font-weight: 700; color: var(--k-tx); }
/* 11/5 画像の基準（docs/よくある質問_画像の基準_他社調査_20261104.md）：切り抜いた画面＋枠1つ・説明文なし／本人確認書類の絵／カードのロゴ */

.fqd-crop__img { position: relative; max-width: 400px; border-radius: 16px; overflow: hidden; box-shadow: 0 0 0 1px rgba(11,27,43,.1); } /* 11/9 決定表 #232 栄成さん「影をつけない方が、画像の下にあるテキストが見やすいと思います。」→ 外側の影を消す・白い画面の写しが地に溶けないよう 1px の線は残す */
.fqd-crop__img img { display: block; width: 100%; height: auto; }
/* 11/5 背の高い入力画面は幅を絞る（スマホで画面の半分を超えないように） */
.fqd-crop--form .fqd-crop__img { max-width: 300px; }
@media (max-width: 600px) { .fqd-crop--form .fqd-crop__img { max-width: 250px; } }
.fqd-crop__ring { position: absolute; border: 3px solid #ff7a1a; border-radius: 12px; box-shadow: 0 0 0 3px rgba(255,122,26,.25); }
.fqd-docs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; max-width: 560px; margin: 24px 0; padding: 14px; border-radius: 16px; background: #f3f8fd; }
.fqd-docs div { display: grid; justify-items: center; align-content: start; gap: 6px; text-align: center; }
.fqd-docs img { width: 100%; max-width: 110px; height: 72px; object-fit: contain; }
.fqd-docs span { font-size: 12px; font-weight: 700; line-height: 1.4; color: var(--k-tx); }
.fqd-brands { display: flex; align-items: center; gap: 10px; margin: 24px 0; }
.fqd-brands img { height: 40px; width: auto; margin: 0; padding: 6px 10px; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px rgba(11,27,43,.12); } /* margin:0＝本文の画像の「中央寄せ」が効いて横に広がっていた */
@media (max-width: 600px) { .fqd-docs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .fqd-crop__img { max-width: 100%; } }

/* 11/5 記事の余白（他社5社9ページを測った：docs/記事の余白_他社調査_20261105.md・栄成さん「９。直してください。」決定表 #163）：大見出しの上は段落の間の約2.4倍。PC は画像の上下を少し広く */
@media (min-width: 601px) { .fqd-vis, .fqd-docs, .fqd-brands, .fqa-ans .rs-content .wp-block-image { margin: 28px 0; } }
.fqa-ans .rs-content h2, .fqa-ans .rs-content h3, .fqa-ans .rs-content h4 { word-break: auto-phrase; }
/* 11/5 日にちの図（2〜3つの札を矢印でつなぐ。段ごとに見出し）・手順の項目の中の画像 */
.fqd-dt { display: grid; gap: 14px; max-width: 560px; padding: 14px; border-radius: 16px; background: #f3f8fd; }
.fqd-dt__k { margin: 0 0 6px; font-size: 13px; font-weight: 800; line-height: 1.5; color: var(--k-tx); }
.fqd-dt__steps { display: flex; align-items: stretch; }
.fqd-dt__s { flex: 1 1 0; min-width: 0; margin: 0; display: grid; align-content: center; gap: 2px; padding: 9px 10px; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px var(--k-bd); }
.fqd-dt__s small { font-size: 11px; font-weight: 700; line-height: 1.4; color: var(--k-tx2); }
.fqd-dt__s b { font: 800 16px/1.3 "Inter", "Noto Sans JP", sans-serif; color: #0077d9; word-break: auto-phrase; }
.fqd-dt__s.is-end { box-shadow: 0 0 0 2px #23e4ab; } .fqd-dt__s.is-end b { color: #0f9e7b; }
.fqd-dt__arw { flex: none; width: 18px; position: relative; }
.fqd-dt__arw::after { content: ""; position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -3px; border-style: solid; border-width: 6px 0 6px 7px; border-color: transparent transparent transparent #23c6d0; }
@media (max-width: 600px) { .fqd-dt { padding: 12px; } .fqd-dt__s { padding: 8px; } .fqd-dt__s b { font-size: 14px; } .fqd-dt__arw { width: 14px; } }
.fqa-ans .rs-content li > .fqd-vis { margin: 12px 0 36px; } /* 11/9 決定表 #229 栄成さん「上の画像と余白がなくてみづらいです。」：画像と次の手順の文の間が、自分の手順の文との間とほぼ同じだった（19px と 16px）→ どちらの手順の画像か分かるように 16→36px */
@media (max-width: 600px) { .fqd-dt__steps--3 .fqd-dt__s { padding: 7px 6px; } .fqd-dt__steps--3 .fqd-dt__s b { font-size: 13px; } .fqd-dt__steps--3 .fqd-dt__s small { font-size: 10px; } }
/* 11/6 例の言葉を4つずつ2段に（栄成さん「２段にしたい。」・決定表 #195） */
.fsx-ex__br { flex-basis: 100%; height: 0; }
.fsx-ex { position: relative; padding-left: 26px; row-gap: 8px; }
.fsx-ex > span { position: absolute; left: 0; top: 5px; }
@media (max-width: 480px) { .fsx-ex { gap: 6px; padding-left: 22px; } .fsx-ex button { padding: 4px 8px; font-size: 12.5px; } }
@media (max-width: 400px) { .fsx-ex button { padding: 4px 6px; font-size: 12px; } }
/* 11/6 栄成さんのお返事「はい」（決定表 #199）
   ①「例」を外したので、言葉の列の左の空きもなくす */
.fsx-ex { padding-left: 0 !important; }
/* ③ 探した結果の一覧：白いカード＋Q の札＋分類の札 → 「よく見られている質問」と同じ青い文字のリンクに（分類は小さな灰色の文字で下に） */
[data-fq-list].fq-ql { gap: 12px; }
[data-fq-list].fq-ql a { display: block; padding: 0; border-radius: 0; background: none; box-shadow: none; color: #0077d9; transform: none !important; }
[data-fq-list].fq-ql a:hover { box-shadow: none; text-decoration: underline; }
[data-fq-list] .fq-ql__q, [data-fq-list] a > .fq-i { display: none; }
[data-fq-list] .fq-ql__t { display: block; font-size: 16px; font-weight: 400; line-height: 1.7; color: #0077d9; }
[data-fq-list] .fq-ql__c { display: block !important; margin-top: 2px; padding: 0; border-radius: 0; background: none; color: #6b7680; font-size: 12px; font-weight: 400; }
[data-fq-list] .fq-ql__t { word-break: auto-phrase; }
/* 11/9 決定表 #235 大見出しが3つ以上の質問の目次（ブログのスマホの閉じた形と同じ部品。よくある質問は右の列が「同じ分類の質問」なので、パソコンでも本文の中に出す） */
.fqa-ans .rs-toc--inline { display: block; margin: 8px 0 12px; }
/* 11/9 よくある質問の題と横の「同じ分類の質問」も文節で折り返す（「どう／すればいいですか？」になっていた・共通の決まり。よくある質問のセッションの依頼） */
.fqd-h1, .fqd-side li a { word-break: auto-phrase; }
.fqd-h1, .fqd-side li a { text-wrap: balance; } /* 文節の指定だけだと横の一覧が「どう／すればいいですか？」のままだった */