/* ============================================================
 * ユア美容クリニック HP刷新 暫定本命A案 v6 — ローカル試作用CSS(2026-10-31 指揮官CC / 04: 03版レビュー反映)
 *   ・既存CSS(layout.css 等)の後に読み、body.v6 配下だけを上書きする(他ページに影響しない)
 *   ・料金表は **HTMLを1文字も変えずCSSだけ** でカード化(KARTE同期・施術ページの読み手を守る)
 *   ・色は依頼書 v6 の暫定カラー。rem基準は既存の 10px(html{font-size:62.5%})
 * ============================================================ */
:root{
  --v6-bg:#FFFFFF; --v6-bg2:#FAF8F5; --v6-ink:#2C2927; --v6-rose:#C86B86; --v6-gold:#B49A70;
  --v6-taupe:#806849; --v6-line:#E8E2DB; --v6-mute:#6F6862;
  --v6-serif:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
  --v6-sans:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;
}
body.v6{color:var(--v6-ink);font-family:var(--v6-sans)}
.v6 .poppins{font-family:Poppins,"Noto Sans JP",sans-serif}

/* ---------- 共通ヘッダー(PC) ----------
 * main.js が .header-area を複製して固定ヘッダー(.clone-nav)を作るので、クラス名はそのまま使う */
.v6 .header-wrap{background:var(--v6-bg);border-bottom:1px solid var(--v6-line)}
.v6 .header-area{height:84px;max-width:1400px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box}
.v6 .header-logo{width:auto;margin:0 36px 0 0;display:flex;align-items:center;flex:none}
.v6 .header-logo a{display:flex;align-items:center;text-decoration:none}
/* 🔒 正式ロゴ画像をそのまま(字形・色とも無加工)。先生から頂いた大きいデータ(/_v6/logo-ur.png 1940×467・白地を透過しただけ)。
   04: 色味のフィルタ(.v6-logo-tone)は ChatGPT 03版レビュー P0-1 で外した(規則は残すが使っていない) */
.v6 .v6-logo{display:block;width:235px;height:auto}
.v6 .v6-logo-tone{filter:saturate(.88) hue-rotate(-4deg)}
.v6 .g-nav{margin-left:auto;display:block}
/* 07: 7項目(施術一覧→料金表→症例写真→クリニック一覧→医師紹介→コラム→アクセス)。1280/1440 で折り返し・単語の途中改行なし(nowrap・flex-wrap:nowrap) */
.v6 .g-nav ul{display:flex;flex-wrap:nowrap;gap:28px;white-space:nowrap;justify-content:flex-end}
.v6 .g-nav ul li{margin:0;flex:none}
.v6 .g-nav ul li a{display:block;font-size:1.5rem;letter-spacing:.05em;color:var(--v6-ink);padding:6px 0;border-bottom:1px solid transparent;text-decoration:none;white-space:nowrap}
.v6 .g-nav ul li a:hover{color:var(--v6-rose);border-bottom-color:var(--v6-rose)}
/* LINE予約の共通CTA(PC/スマホとも同じ見た目=ブランドのトープ色・LINEアイコン+文字)。行き先は /reserve/(院を選ぶ) */
.v6 .v6-cta{margin-left:32px;flex:none}
.v6 .v6-line-btn{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 22px;border-radius:8px;background:var(--v6-taupe);color:#fff;font-size:1.5rem;font-weight:500;letter-spacing:.06em;text-decoration:none;transition:opacity .2s}
.v6 .v6-line-btn:hover{opacity:.86}
.v6 .v6-line-btn svg{width:22px;height:22px;flex:none}
/* PCではドロワー(.sp-menu)が main.js の作りで開かないので、三本線はPCでは出さない(依頼書の絵にはあるが、現行JSの改修が別途要る) */
.v6 .menu{display:none}
.v6 .clone-nav{background:rgba(255,255,255,.94);border-bottom:1px solid var(--v6-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* ---------- 共通ヘッダー(スマホ・タブレット ≤920) ---------- */
@media (max-width:920px){
  .v6 .header-area{height:60px;padding:0 14px}
  .v6 .header-logo{margin:0}
  .v6 .v6-logo{width:168px}
  .v6 .g-nav{display:none}
  .v6 .v6-cta{margin-left:auto;padding-left:8px}
  .v6 .v6-line-btn{height:36px;padding:0 12px;border-radius:8px;font-size:1.3rem;gap:6px}
  .v6 .v6-line-btn svg{width:18px;height:18px}
  .v6 .menu{display:block;position:static;margin-left:14px;text-align:center;flex:none}
  .v6 .menu-trigger{position:relative;display:block;width:26px;height:18px;margin:0 auto}
  .v6 .menu-trigger span{position:absolute;left:0;width:100%;height:2px;background:var(--v6-ink);border-radius:2px;transition:.3s}
  .v6 .menu-trigger span:nth-of-type(1){top:0}
  .v6 .menu-trigger span:nth-of-type(2){top:8px}
  .v6 .menu-trigger span:nth-of-type(3){top:16px}
  .v6 .sp-nav-text{font-size:1.0rem;letter-spacing:.04em;color:var(--v6-ink);margin:3px 0 0;font-family:var(--v6-sans)}
  /* ドロワー: 赤の全面から、アイボリー地・墨文字へ */
  .v6 .sp-menu{background:var(--v6-bg2)}
  .v6 .sp-menu .menu-trigger span{background:var(--v6-ink)}
  .v6 .sp-menu .sp-nav-text-active{color:var(--v6-ink);font-size:1.0rem;margin-top:6px}
  .v6 .sp-menu .menu{position:absolute;top:14px;right:14px;margin:0}
  .v6 .sp-header-navi li a{color:var(--v6-ink)!important;border-bottom:1px solid var(--v6-line)}
  .v6 .sp-header-navi li a span{color:var(--v6-ink)!important}
  .v6 .sp-g-nav{padding:84px 20px 24px}
}
/* スクロール後の固定ヘッダー(.clone-nav)では LINE を出さない(下の3院バーが出るので二重にしない) */
@media (max-width:767px){
  .v6 .clone-nav .v6-cta{display:none}
}
@media (max-width:1300px) and (min-width:921px){
  .v6 .g-nav ul{gap:18px}
  .v6 .g-nav ul li a{font-size:1.4rem;letter-spacing:.03em}
  .v6 .header-logo{margin-right:20px}
  .v6 .v6-cta{margin-left:18px}
  .v6 .v6-line-btn{padding:0 16px}
}
@media (max-width:1080px) and (min-width:921px){
  .v6 .g-nav ul{gap:12px}
  .v6 .g-nav ul li a{font-size:1.3rem;letter-spacing:0}
  .v6 .v6-logo{width:200px}
}

/* ---------- 下部の固定バー(スマホ ≤767・main.js が 500px スクロール後に .is-show) ----------
 * 旧: 白地に緑のLINE画像ボタン(52px) → 04: 「LINEで無料相談・予約」+ 3院を直接選べるボタン(64px・ブランド色)。
 * 本文を隠さないよう高さは 64px、body の下余白も同じだけ */
@media (max-width:767px){
  /* 05: iPhone のホームバー(安全領域)を覆わないよう env(safe-area-inset-bottom) を足す(04版レビュー G) */
  .v6 .footer-sp.v6-bar{border-top:1px solid var(--v6-line);background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 10px calc(7px + env(safe-area-inset-bottom,0px));box-sizing:border-box;min-height:64px}
  .v6 .v6-bar-ttl{font-size:1.05rem;letter-spacing:.1em;text-align:center;color:var(--v6-taupe);margin:0 0 4px;line-height:1.3}
  .v6 .v6-bar-btns{display:flex;gap:8px;margin:0;padding:0;list-style:none}
  .v6 .v6-bar-btns li{flex:1;min-width:0;width:auto;height:auto}
  .v6 .v6-bar-btns a{display:flex;align-items:center;justify-content:center;gap:5px;height:34px;border-radius:8px;background:var(--v6-taupe);color:#fff;font-size:1.3rem;font-weight:600;letter-spacing:.04em;text-decoration:none}
  .v6 .v6-bar-btns a svg{width:16px;height:16px;flex:none}
  body.v6{margin-bottom:64px}
}

/* ---------- パンくず(第一画面の上に重ねる=A案) ---------- */
.v6 .breadcrumbs{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:12px 28px 0;font-size:1.2rem;color:var(--v6-mute);background:transparent}
.v6 .breadcrumbs-area{padding:0}
.v6 .breadcrumbs-wrap{max-width:1400px}
.v6 .breadcrumbs a{color:var(--v6-mute)}
.v6 .page-bg-under{background:var(--v6-bg2)}
@media (max-width:767px){
  .v6 .breadcrumbs{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px 16px 0;font-size:1.1rem}
}

/* ---------- 鼻整形・他院修正 第一画面(A案: 左に見出し・右に写真・左右が溶ける横長の明るいヒーロー) ---------- */
.v6-hero{position:relative;background:var(--v6-bg2);max-width:1400px;margin:0 auto;padding:0 0 40px}
/* 05: 模型と手が A案より大きく見える(04版レビュー B)→ 写真の箱を 58%→52%・高さ上限 560→500 にして拡大率を下げ、左の文字の余白を守る。
   本番写真(画素の多い実写)に替わったら、ここで位置を再調整する */
/* 07: 採用画像は 1672×941(横長 1.78)。PC の箱(52%×最大500px ≈ 1.5)には高さ合わせで入り、左右を少し切る。object-position で模型と右手を中央寄りに */
.v6-hero-photo{position:absolute;top:-46px;right:0;bottom:auto;width:52%;height:calc(100% - 40px + 46px);max-height:500px;overflow:hidden;pointer-events:none}
.v6-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:64% 50%}
/* 生成イメージ画像の控えめな注記(写真の右下・要否と文言は先生の最終確認) */
.v6-hero-imgnote{position:absolute;right:12px;bottom:10px;z-index:2;font-size:1.1rem;letter-spacing:.06em;color:rgba(44,41,39,.7);background:rgba(250,248,245,.75);padding:2px 7px;border-radius:3px;pointer-events:none}
/* 07最終確認 §2: 「症例写真」カードのサムネは AI画像をやめ、中立な線画アイコン(ビフォー/アフターの2枠) */
.v6-cards .th.th-ic{display:flex;align-items:center;justify-content:center;background:var(--v6-bg2);border:1px solid var(--v6-line);color:var(--v6-gold)}
.v6-cards .th.th-ic svg{width:46px;height:46px}
/* 07: 他院修正の独立した H2(入口を残す) */
.v6-revision{position:relative;z-index:1;padding:22px 28px 0;box-sizing:border-box;margin:0 auto}
.v6-revision .v6-h2{font-family:var(--v6-serif);font-weight:600;font-size:2.0rem;letter-spacing:.04em;color:var(--v6-ink);margin:0 0 6px;padding:0;text-align:left}
.v6-revision p{font-size:1.4rem;line-height:1.8;color:var(--v6-ink);margin:0}
.v6-revision a{color:var(--v6-rose);text-decoration:underline;text-underline-offset:3px}
/* 写真の左側に柔らかいアイボリーのグラデーション(文字と写真をつなぐ) */
.v6-hero-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--v6-bg2) 0%,rgba(250,248,245,.92) 14%,rgba(250,248,245,.55) 34%,rgba(250,248,245,0) 58%);z-index:1}
.v6-hero-photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(180deg,rgba(250,248,245,0),var(--v6-bg2));z-index:1}
.v6-hero-in{position:relative;z-index:1;display:flex;align-items:center;min-height:400px;padding:36px 28px 44px;box-sizing:border-box}
.v6-hero-txt{max-width:600px}
.v6-hero-ttl{font-family:var(--v6-serif);font-weight:600;font-size:6rem;letter-spacing:.08em;line-height:1.2;color:var(--v6-ink);margin:0 0 12px;text-shadow:0 0 18px rgba(250,248,245,.9)}
.v6-hero-en{font-family:Poppins,sans-serif;font-size:1.3rem;letter-spacing:.34em;color:var(--v6-taupe);margin:0 0 30px}
.v6-hero-lead{font-family:var(--v6-serif);font-size:2.1rem;line-height:1.9;letter-spacing:.06em;color:var(--v6-ink);margin:0;text-shadow:0 0 14px rgba(250,248,245,.95)}
/* 案内カード(A案: 実素材の写真サムネ+見出し+一言+矢印) */
.v6-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 28px;list-style:none;margin:0 auto;box-sizing:border-box}
.v6-cards li{display:flex;min-width:0}   /* 05: カードの高さをそろえる(04版レビュー E) */
.v6-cards a{display:flex;width:100%;align-items:center;gap:14px;background:#fff;border:1px solid var(--v6-line);border-radius:12px;padding:10px 14px 10px 10px;text-decoration:none;color:var(--v6-ink);box-shadow:0 2px 12px rgba(44,41,39,.05);transition:border-color .2s,transform .2s;min-height:112px;box-sizing:border-box}
.v6-cards .v6-s{display:none}   /* 05: 文言はPC=A案の長い方、スマホ=短い方 */
.v6-cards a:hover{border-color:var(--v6-gold);transform:translateY(-1px)}
.v6-cards .th{flex:none;width:92px;height:92px;border-radius:10px;overflow:hidden;background:var(--v6-bg2)}
.v6-cards .th img{display:block;width:100%;height:100%;object-fit:cover}
.v6-cards .tx{min-width:0;flex:1}
.v6-cards b{display:block;font-family:var(--v6-serif);font-size:1.6rem;font-weight:600;letter-spacing:.04em;line-height:1.35}
.v6-cards .sub{display:block;font-size:1.2rem;color:var(--v6-mute);margin-top:4px;line-height:1.5}
.v6-cards .arw{flex:none;color:var(--v6-gold);font-family:Poppins,sans-serif;font-size:1.8rem;align-self:flex-end;line-height:1}
/* 選ばれる理由(A案の3枚。文言は仮=先生監修後に確定) */
.v6-points{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 28px 0;list-style:none;margin:0 auto;box-sizing:border-box}
.v6-points li{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--v6-line);border-radius:12px;padding:16px 20px;font-family:var(--v6-serif);font-size:1.6rem;font-weight:600;letter-spacing:.04em;line-height:1.6;color:var(--v6-ink)}
.v6-points .ic{flex:none;width:52px;height:52px;border-radius:50%;border:1px solid var(--v6-gold);display:flex;align-items:center;justify-content:center;color:var(--v6-gold)}
.v6-points .ic svg{width:26px;height:26px}
@media (max-width:1180px){ .v6-hero-ttl{font-size:4.8rem} .v6-hero-photo{width:54%} }
@media (max-width:920px){
  /* スマホは A案どおり 文字 → 写真(全幅) → 案内カード → 選ばれる理由 の順(DOMは写真が先なので order で並べ替え) */
  .v6-hero{padding:0 0 24px;display:flex;flex-direction:column}
  .v6-hero-in{order:1} .v6-hero-photo{order:2} .v6-cards{order:3} .v6-points{order:4} .v6-revision{order:5}
  .v6-revision{padding:16px 16px 0}
  .v6-revision .v6-h2{font-size:1.7rem}
  .v6-revision p{font-size:1.3rem;line-height:1.75}
  /* position は relative(static だと ::before のグラデーションが .v6-hero 全体に広がり、文字が薄くなる=04で実測) */
  .v6-hero-photo{position:relative;top:auto;right:auto;width:100%;height:auto;max-height:none;aspect-ratio:16/10;margin:0}
  .v6-hero-photo img{object-position:58% 50%}   /* 07: 16/10 の箱に横長画像 → 左右を切る。模型と両手が途切れない位置 */
  .v6-hero-photo::before{background:linear-gradient(180deg,var(--v6-bg2) 0%,rgba(250,248,245,0) 28%)}
  .v6-hero-photo::after{height:40px}
  .v6-hero-in{min-height:0;padding:14px 16px 16px}
  .v6-hero-ttl{font-size:3.4rem;letter-spacing:.06em;margin-bottom:6px;text-shadow:none}
  .v6-hero-en{font-size:1.1rem;letter-spacing:.28em;margin-bottom:12px}
  .v6-hero-lead{font-size:1.6rem;line-height:1.75;text-shadow:none}
  .v6-cards{grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px 0;margin-top:-28px}
  /* 05: 文字が何行にも折れないよう、サムネを 66→58px・余白を詰めて文字の幅を確保(390で文字幅 ≈ 96px) */
  .v6-cards a{padding:8px 8px 8px 8px;gap:8px;min-height:0;border-radius:10px}
  .v6-cards .th{width:58px;height:58px;border-radius:8px}
  .v6-cards .tx{min-width:0}
  .v6-cards b{font-size:1.3rem;letter-spacing:0;white-space:nowrap}
  .v6-cards .sub{font-size:1.0rem;letter-spacing:0;margin-top:2px;line-height:1.4}   /* 説明文だけは 375 で「料金・ダウンタイム」が1行に入らないので折り返し可 */
  .v6-cards .arw{display:none}
  .v6-cards .v6-l{display:none} .v6-cards .v6-s{display:inline}
  .v6-points{grid-template-columns:1fr;gap:8px;padding:10px 16px 0}
  .v6-points li{padding:10px 14px;font-size:1.35rem;gap:12px;line-height:1.5}
  .v6-points li br{display:none}
  .v6-points .ic{width:40px;height:40px}
  .v6-points .ic svg{width:20px;height:20px}
}
@media (max-width:767px){
  .v6-hero-ttl{font-size:3.1rem;letter-spacing:.04em}
  .v6-hero-lead{font-size:1.5rem}
}
/* 第一画面の下は現行のまま(左ナビ・術式カード…)。旧 h1「鼻」の帯は消し、見出しだけ色を合わせる */
.v6 h1.h1-01{color:var(--v6-ink)}
.v6 h1.h1-01 span{color:var(--v6-ink);border-color:var(--v6-gold)!important}
/* H1整理案(05・/menu/nose/h1案/): 旧 h1「鼻」→ h2「鼻の施術一覧」。見た目は h1 の時と同じ大きさ・位置 */
.v6 h2.h1-01.v6-list-h2{font-size:3.6rem;color:var(--v6-ink);margin-bottom:60px;text-align:center;font-family:var(--v6-serif);font-weight:600;padding:0}
.v6 h2.h1-01.v6-list-h2 span{border-bottom:2px solid var(--v6-gold);font-weight:600}
/* つながり案(05・F・別案・body.v6-soft): 旧ピンク部分の色と境界だけ v6 の色に(料金・説明文・URLは不変) */
.v6-soft .left-contents-area .list-title{background:var(--v6-taupe)!important;color:#fff}
.v6-soft .left-contents-area ul li a{color:var(--v6-ink)}
.v6-soft .left-contents-area ul li a:hover{color:var(--v6-rose)}
.v6-soft .contents-list li a{background:var(--v6-bg2);border:1px solid var(--v6-line)}
.v6-soft .contents-list li a:hover{border-color:var(--v6-gold)}
.v6-soft .detail-list-ttl{color:var(--v6-ink);font-family:var(--v6-serif);font-weight:600;border-bottom-color:var(--v6-line)}
.v6-soft .contents-list li a:before,.v6-soft .contents-list li a:after{background:var(--v6-gold)}
.v6-soft .cc-chip{border-color:var(--v6-line)}
.v6-soft .cc-chip i{color:var(--v6-taupe)}
/* 本番候補(06・body.v6-final = H1整理案 + 下部色調統一の微調整版・05版レビュー「全面を茶色にせず、ロゴのローズをポイントに」):
   広い面積の濃いピンク(左ナビの帯・カードの地色)を減らし、ローズは見出しの下線・矢印・左ナビ帯の細い線・料金の数字に残す。文章・料金・URLは不変 */
.v6-final .left-contents-area .list-title{background:#FBF3F6!important;color:var(--v6-rose);border-left:4px solid var(--v6-rose);font-family:var(--v6-serif);font-weight:600;letter-spacing:.1em}
.v6-final .left-contents-area ul li a{color:var(--v6-ink)}
.v6-final .left-contents-area ul li a:hover{color:var(--v6-rose)}
.v6-final .contents-list li a{background:#fff;border:1px solid var(--v6-line);box-shadow:0 2px 10px rgba(44,41,39,.04)}
.v6-final .contents-list li a:hover{border-color:var(--v6-rose)}
.v6-final .detail-list-ttl{color:var(--v6-ink);font-family:var(--v6-serif);font-weight:600;border-bottom:1px solid var(--v6-line);position:relative}
.v6-final .detail-list-ttl::after{content:"";position:absolute;left:0;bottom:-1px;width:48px;height:2px;background:var(--v6-rose)}   /* ローズの短い下線=ポイント */
.v6-final .contents-list li a:before,.v6-final .contents-list li a:after{background:var(--v6-rose)}
.v6-final .cc-chip{border-color:var(--v6-line);background:var(--v6-bg2)}
.v6-final .cc-chip i{color:var(--v6-taupe)}
.v6-final .cc-chip-solo{color:var(--v6-rose);background:#FBF3F6;border-color:#EFD3DC}
.v6-final h2.h1-01.v6-list-h2 span{border-bottom-color:var(--v6-rose)}
.v6 h2.ttl-h2-01{color:var(--v6-ink);font-family:var(--v6-serif);font-weight:600}
.v6 .border-line-pink{border-color:var(--v6-gold)!important}

/* ---------- 院別の施術ページ(/clinic/fukuoka/nose/ 試作・2026-11-01) ---------- */
.v6-fk .v6-hero-photo img{object-position:50% 50%}
.v6-fk-cta{margin:26px 0 0}
.v6 .v6-line-btn-lg{height:52px;padding:0 26px;font-size:1.6rem;border-radius:10px}
.v6-fk-sec{position:relative;padding:36px 28px 0;box-sizing:border-box;margin:0 auto}
.v6-fk-sec .v6-h2{font-family:var(--v6-serif);font-weight:600;font-size:2.4rem;letter-spacing:.04em;color:var(--v6-ink);margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid var(--v6-line);position:relative;text-align:left}
.v6-fk-sec .v6-h2::after{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:2px;background:var(--v6-rose)}
.v6-fk-sec .v6-h3{font-family:var(--v6-serif);font-weight:600;font-size:1.8rem;color:var(--v6-ink);margin:24px 0 8px}
.v6-fk-lead{font-size:1.5rem;line-height:1.9;color:var(--v6-ink);margin:0 0 14px}
.v6-fk-note{font-size:1.3rem;line-height:1.8;color:var(--v6-mute);margin:10px 0 0}
.v6-fk-note a,.v6-fk-lead a{color:var(--v6-rose);text-decoration:underline;text-underline-offset:3px}
.v6-fk-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:16px 0 18px;padding:0}
.v6-fk-steps li{background:#fff;border:1px solid var(--v6-line);border-radius:12px;padding:14px 16px}
.v6-fk-steps b{display:block;font-family:var(--v6-serif);font-size:1.5rem;color:var(--v6-ink);margin-bottom:4px}
.v6-fk-steps span{display:block;font-size:1.3rem;line-height:1.6;color:var(--v6-mute)}
.v6-fk-flow{grid-template-columns:repeat(5,1fr)}
.v6-fk-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.v6-fk-table{width:100%;border-collapse:collapse;font-size:1.4rem;line-height:1.7;background:#fff}
.v6-fk-table th,.v6-fk-table td{border:1px solid var(--v6-line);padding:12px 14px;text-align:left;vertical-align:top}
.v6-fk-table thead th{background:var(--v6-bg2);font-weight:600}
.v6-fk-table tbody th{background:#FCFBF9;font-weight:600;width:22%}
.v6-fk-dt tbody th{width:28%}
.v6-fk-docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:12px 0 0;padding:0}
.v6-fk-docs a{display:grid;grid-template-columns:96px 1fr;gap:4px 16px;align-items:center;background:#fff;border:1px solid var(--v6-line);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--v6-ink)}
.v6-fk-docs img{grid-row:1/6;width:96px;height:96px;border-radius:50%;object-fit:cover}   /* 名前・役職・専門・資格の4行ぶん写真を縦に通す */
.v6-fk-docs .nm{font-family:var(--v6-serif);font-size:1.7rem;font-weight:600}
.v6-fk-docs .rl{font-size:1.3rem;color:var(--v6-taupe)}
.v6-fk-docs .ql{font-size:1.2rem;color:var(--v6-mute);line-height:1.5}
.v6-fk-list{margin-top:8px}
.v6-fk-list .contents-list li a{background:#fff;border:1px solid var(--v6-line)}
.v6-fk-list .contents-list li a:not([href]){cursor:default}
.v6-fk-list .contents-list li a:not([href]):before,.v6-fk-list .contents-list li a:not([href]):after{display:none}
.v6-fk-list .detail-list-ttl{color:var(--v6-ink);font-family:var(--v6-serif);font-weight:600;border-bottom:1px solid var(--v6-line);position:relative;font-size:1.8rem}
.v6-fk-list .detail-list-ttl::after{content:"";position:absolute;left:0;bottom:-1px;width:40px;height:2px;background:var(--v6-rose)}
.v6-fk-list .contents-list li a:before,.v6-fk-list .contents-list li a:after{background:var(--v6-rose)}
.v6-fk-access{margin:0;padding-left:1.4em;font-size:1.4rem;line-height:1.9}
.v6-fk-faq{background:#fff;border:1px solid var(--v6-line);border-radius:10px;padding:0 16px;margin:0 0 8px}
.v6-fk-faq summary{cursor:pointer;padding:12px 0;font-size:1.5rem;font-weight:600;color:var(--v6-ink);list-style:none}
.v6-fk-faq summary::-webkit-details-marker{display:none}
.v6-fk-faq summary::before{content:"Q";display:inline-block;width:22px;height:22px;border-radius:50%;background:var(--v6-rose);color:#fff;font-family:Poppins,sans-serif;font-size:1.2rem;line-height:22px;text-align:center;margin-right:10px}
.v6-fk-faq p{margin:0 0 14px 32px;font-size:1.4rem;line-height:1.8;color:var(--v6-ink)}
.v6-fk-cta-bottom{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:24px 0 40px}
.v6-fk-reserve{font-size:1.4rem;color:var(--v6-taupe);text-decoration:underline;text-underline-offset:3px}
@media (max-width:920px){
  .v6-fk-sec{padding:26px 16px 0}
  .v6-fk-sec .v6-h2{font-size:2rem}
  .v6-fk-steps,.v6-fk-flow{grid-template-columns:1fr;gap:8px}
  .v6-fk-steps li{padding:10px 12px}
  .v6-fk-docs{grid-template-columns:1fr}
  /* 悩み→診察→術式の表は、スマホでは横スクロールにせず1悩み=1カードに積む */
  .v6-fk-table:not(.v6-fk-dt){font-size:1.3rem;min-width:0;display:block;background:transparent;border:0}
  .v6-fk-table:not(.v6-fk-dt) thead{display:none}
  .v6-fk-table:not(.v6-fk-dt) tbody,.v6-fk-table:not(.v6-fk-dt) tr{display:block}
  .v6-fk-table:not(.v6-fk-dt) tr{background:#fff;border:1px solid var(--v6-line);border-radius:12px;padding:12px 14px;margin:0 0 10px}
  .v6-fk-table:not(.v6-fk-dt) th,.v6-fk-table:not(.v6-fk-dt) td{display:block;border:0;padding:0;width:auto;background:transparent}
  .v6-fk-table:not(.v6-fk-dt) tbody th{font-family:var(--v6-serif);font-size:1.5rem;color:var(--v6-ink);margin-bottom:6px;width:auto}
  .v6-fk-table:not(.v6-fk-dt) td::before{display:block;font-size:1.1rem;letter-spacing:.08em;color:var(--v6-taupe);margin:6px 0 2px}
  .v6-fk-table:not(.v6-fk-dt) td:nth-of-type(1)::before{content:"診察で見ること"}
  .v6-fk-table:not(.v6-fk-dt) td:nth-of-type(2)::before{content:"術式の選択肢"}
  .v6-fk-dt{font-size:1.3rem;min-width:0}
  .v6-fk-more{font-size:1.2rem;color:var(--v6-mute)}
  .v6-fk-dt tbody th{width:34%}
  .v6 .v6-line-btn-lg{height:46px;font-size:1.45rem;padding:0 18px}
  .v6-fk-cta{margin-top:16px}
  .v6-fk .v6-hero-in{order:1} .v6-fk .v6-hero-photo{order:2} .v6-fk .v6-cards{order:3}
  .v6-fk .v6-hero-lead br{display:none}
}

/* ---------- 料金表 ----------
 * ⛔ HTMLは不変。th.th-02 / td.price-area / td.price-area.monitor の並びをそのまま使って見せ方だけ変える */
.v6.v6-price .page-bg-under{background:#fff}
.v6 .price-wrap{padding:0 16px;box-sizing:border-box}
/* 料金表では章ナビ(chips)が上に貼り付くので、スクロール後の複製ヘッダー(.clone-nav)は出さない(重なるため)。
   ヘッダーは上へ戻れば見える。下部の3院バーは出る */
.v6.v6-price .clone-nav{display:none!important}
/* 05: 章ナビが sticky(top:0)なので、#nose 等のアンカー先が章ナビの下に隠れないよう scroll-margin を付ける(04版レビュー D) */
.v6.v6-price h2[id]{scroll-margin-top:72px}
.v6.v6-price h1.h1-01{font-family:var(--v6-serif);font-weight:600;margin-bottom:24px}
/* ⚠️ 既存の余白クラス(.mb-40/.mb-60/.mb-80/.mb-100)は layout.css で !important 付き。実測(04)で 02 の詰めが効いていなかったので、ここも !important で上書きする */
.v6 .price-link.page-link{position:sticky;top:0;z-index:4;background:rgba(255,255,255,.96);margin:0 -16px 24px!important;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--v6-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.v6 .price-link.page-link li{margin:0;width:auto}
.v6 .price-link.page-link li a{display:inline-block;padding:8px 14px;border:1px solid var(--v6-line);border-radius:999px;background:#fff;color:var(--v6-ink);font-size:1.4rem;letter-spacing:.04em;text-decoration:none;line-height:1.2}
.v6 .price-link.page-link li a:after{display:none}
.v6 .price-link.page-link li a:hover{border-color:var(--v6-rose);color:var(--v6-rose)}
.v6 .tax-text{background:var(--v6-bg2);border-left:3px solid var(--v6-gold);font-size:1.4rem;line-height:1.8}
.v6 .tax-text.mb-80{margin-bottom:40px!important}
.v6 h2.ttl-h2-01.mb-40{margin-bottom:12px!important;padding-bottom:10px}
.v6 .price-lead{color:var(--v6-mute);font-size:1.3rem;line-height:1.8;margin:0 0 16px}
.v6 .table-01{border-color:var(--v6-line)}
.v6 .table-01.mb-100{margin-bottom:56px!important}
.v6 .table-01 th,.v6 .table-01 td{border-color:var(--v6-line)}
.v6 .table-01 th.th-01{background:var(--v6-bg2);color:var(--v6-ink);border-bottom:2px solid var(--v6-gold);font-weight:600;letter-spacing:.04em}
.v6 .table-01 tr:nth-child(odd){background:#FCFBF9}
.v6 .table-01 td.price-area{font-weight:600;letter-spacing:.02em}
.v6 .table-01 td.price-area.monitor{color:var(--v6-rose)}
@media (max-width:767px){
  .v6 .price-link.page-link{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px}
  .v6 .price-link.page-link::-webkit-scrollbar{display:none}
  .v6 .price-link.page-link li{flex:none}
  /* 右側が続くことが見えるように: 右端に白のフェード+「›」を貼り付ける(スクロールしても右端に居続ける) */
  .v6 .price-link.page-link::after{content:"›";position:sticky;right:0;flex:none;width:44px;margin-left:-44px;display:flex;align-items:center;justify-content:flex-end;padding-right:4px;box-sizing:border-box;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 55%);color:var(--v6-gold);font-family:Poppins,sans-serif;font-size:2rem;line-height:1;pointer-events:none}
  /* 表 → カード(見出し行は隠し、各行をカードに。1列目=通常・2列目=部分モニター は ::before で名札を出す) */
  .v6 .table-01{display:block;border:0;background:transparent}
  .v6 .table-01 tbody,.v6 .table-01 thead{display:block}
  .v6 .table-01 tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;background:#fff!important;border:1px solid var(--v6-line);border-radius:12px;padding:12px 12px 10px;margin:0 0 10px;box-sizing:border-box}
  .v6 .table-01 tr:first-child{display:none}
  .v6 .table-01 th.th-02{grid-column:1/-1;display:block;border:0;padding:0 0 2px;font-size:1.45rem;font-weight:600;line-height:1.5;text-align:left;background:transparent;color:var(--v6-ink)}
  .v6 .table-01 td.price-area{display:block;width:auto;border:1px solid var(--v6-line);border-radius:8px;padding:7px 6px 6px;text-align:center;font-size:1.6rem;font-weight:600;background:var(--v6-bg2);color:var(--v6-ink);word-break:keep-all}
  .v6 .table-01 td.price-area::before{content:"通常価格";display:block;font-size:1.1rem;font-weight:400;letter-spacing:.08em;color:var(--v6-mute);margin-bottom:3px}
  .v6 .table-01 td.price-area.monitor{background:#FBF1F4;border-color:#EFD3DC;color:var(--v6-rose)}
  .v6 .table-01 td.price-area.monitor::before{content:"部分モニター価格";color:var(--v6-rose)}
  .v6 .table-01 td.price-area:only-of-type{grid-column:1/-1}   /* 美容皮膚科・その他(モニター無しの2列表)。名札は「通常価格」のまま */
  /* 間延びを詰める(03版レビュー P0-5): 見出し→注記→章、章の終わり→次の章 */
  .v6.v6-price h1.h1-01{margin:14px 0 6px;font-size:2.8rem}
  .v6 .price-link.page-link{margin-bottom:12px!important;padding:10px 16px}
  .v6 .price-link.page-link li a{padding:7px 12px;font-size:1.3rem}
  .v6 .tax-text.mb-80{margin:0 0 18px!important;padding:10px 12px;font-size:1.25rem;line-height:1.7}
  .v6 h2.ttl-h2-01.mb-40{margin:0 0 8px!important;padding:0 0 6px;font-size:2.2rem;text-align:left}
  .v6 .price-lead{font-size:1.2rem;line-height:1.7;margin:0 0 10px}
  .v6 .table-01.mb-100{margin-bottom:22px!important}
  .v6 .main-contents-wrap.mb-100{margin-bottom:32px!important}
}
/* 福岡院ページ: ショートカット(案内カード4枚の簡潔版・第3版レビュー4)と確定症例 */
.v6-fk-short{margin:4px auto 28px}
.v6-fk-short ul{display:flex;gap:10px;list-style:none;margin:0;padding:0}
.v6-fk-short li{flex:1 1 0;min-width:0}
.v6-fk-short a{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--v6-line,#e6dfdb);border-radius:10px;background:#fff;text-decoration:none;color:inherit}
.v6-fk-short a b{font-size:1.35rem;font-weight:600;line-height:1.3}
.v6-fk-short a span{font-size:1.15rem;color:#777;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v6-fk-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;margin:0 0 12px;padding:0}
.v6-fk-cases a{display:block;text-decoration:none;color:inherit}
.v6-fk-cases img{width:100%;height:auto;border-radius:8px}
.v6-fk-cases .case-meta{display:block;margin-top:8px;font-size:1.2rem;line-height:1.6;color:#555}
/* ゼティス型の症例カード(自院の写真・文言・料金で構成。大きな写真→施術名→参考料金→折りたたみの詳細) */
.zc-full{margin:0 0 22px;padding:12px 16px;border:1px solid var(--v6-line,#e6dfdb);border-radius:10px;background:#fff;font-size:1.3rem;line-height:1.6}
.zc-full-k{display:inline-block;margin-right:10px;font-weight:600;color:var(--v6-taupe,#8a7a72)}
.zc-full b{font-family:var(--v6-serif);font-size:2.2rem;font-weight:600;margin-right:2px}
.zc-full small{display:block;font-size:1.15rem;color:#777}
.zc-group{margin:0 0 28px}
.zc-doc{margin:0 0 12px;font-size:1.5rem;font-weight:600}
.zc-doc a{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.zc-doc img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.zc-doc small{display:block;font-size:1.15rem;font-weight:400;color:#777}
.zc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.zc{background:#fff;border:1px solid var(--v6-line,#e6dfdb);border-radius:14px;overflow:hidden}
.zc-ph{position:relative;margin:0}
.zc-ph img{display:block;width:100%;height:auto}
.zc-lb{position:absolute;top:10px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.88);font-size:1.1rem;letter-spacing:.06em;color:#555}
.zc-lb-b{left:10px} .zc-lb-a{left:calc(50% + 10px)}
.zc-body{padding:14px 16px 16px}
.zc-ttl{margin:0 0 6px;font-family:var(--v6-serif);font-size:1.7rem;font-weight:600;line-height:1.4}
.zc-when{margin-left:8px;font-family:inherit;font-size:1.15rem;font-weight:400;color:#777}
.zc-price{margin:0 0 10px;font-size:1.25rem;color:#444}
.zc-price b{font-size:1.6rem;font-weight:600;color:var(--v6-ink,#333)}
.zc-price small{font-size:1.05rem;color:#777}
.zc-dt{border-top:1px solid var(--v6-line,#e6dfdb);padding-top:10px;margin-bottom:8px}
.zc-dt summary{cursor:pointer;list-style:none;font-size:1.25rem;font-weight:600;color:var(--v6-taupe,#8a7a72);position:relative;padding-right:20px}
.zc-dt summary::-webkit-details-marker{display:none}
.zc-dt summary::after{content:"+";position:absolute;right:0;top:-2px;font-size:1.6rem;color:#999}
.zc-dt[open] summary::after{content:"−"}
.zc-dt dl{margin:10px 0 0}
.zc-row{display:grid;grid-template-columns:110px 1fr;gap:8px;padding:7px 0;border-bottom:1px dashed #eee;font-size:1.2rem;line-height:1.6}
.zc-row dt{color:#8a7a72;font-weight:600} .zc-row dd{margin:0;color:#444}
.zc-note{margin:8px 0 0;font-size:1.05rem;color:#999;line-height:1.5}
.zc-link{display:inline-block;margin-top:4px;font-size:1.2rem;color:var(--v6-taupe,#8a7a72);text-decoration:underline}
/* ゼティス型の「参考費用」箱と医師コメント欄(【治療内容】【費用】【期間・回数】【リスク】【勤務地】) */
.zt-ref{margin:14px 0 18px;padding:18px 20px;background:#f3efec;border-radius:10px}
.zt-ref-k{margin:0 0 6px;font-size:1.1rem;letter-spacing:.06em;color:#8a7a72}
.zt-ref-n{margin:0;font-size:1.5rem;font-weight:600}
.zt-ref-v{margin:2px 0 8px;font-size:1.9rem;font-weight:600} .zt-ref-v small{font-size:1.2rem;font-weight:400;color:#666}
.zt-ref-s{margin:0;font-size:1.1rem;color:#888}
.zt-ref-big{max-width:960px;margin:0 auto 26px;padding:26px 30px}
.zt-ref-big .zt-ref-n{font-size:1.8rem} .zt-ref-big .zt-ref-v{font-size:2.4rem}
.zt-cm{font-size:1.3rem;line-height:1.9;color:#333}
.zt-line{margin:8px 0 4px} .zt-h{margin:14px 0 2px;font-weight:600} .zt-sub{font-weight:400;font-size:1.1rem;color:#888;margin-left:6px}
.zt-p{margin:0 0 4px}
.zt-cat{margin:8px 0 0;font-weight:600} .zt-ul{list-style:none;margin:0 0 4px;padding:0} .zt-ul li{margin:0;padding-left:1em;text-indent:-1em} .zt-ul li::before{content:"・"}
.zc-price-k{display:block;font-size:1.05rem;color:#8a7a72;letter-spacing:.06em}
.zc-dt .zt-cm{font-size:1.2rem;line-height:1.8}
/* 症例1件のページ試作(A 縦型 / B 横2段) */
.ct{padding:8px 0 40px}
.ct-kicker{margin:0 0 4px;font-size:1.2rem;letter-spacing:.08em;color:var(--v6-taupe,#8a7a72)}
.ct-h1{margin:0 0 14px;font-family:var(--v6-serif);font-size:3rem;font-weight:600;line-height:1.3}
.ct-h1-sub{display:block;margin-top:4px;font-family:inherit;font-size:1.3rem;font-weight:400;color:#666}
.ct-ph{position:relative;margin:0 auto 14px;max-width:960px;border-radius:14px;overflow:hidden}
.ct-ph img{display:block;width:100%;height:auto}
.ct-a .ct-price{text-align:center;font-size:1.4rem}
.ct-a .ct-price b{font-size:2rem}
.ct-cta{text-align:center;margin:10px 0 26px}
.ct-dl{max-width:960px;margin:0 auto 10px}
.ct-dl .zc-row{grid-template-columns:140px 1fr;font-size:1.3rem;padding:10px 0}
.ct-doc{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:start;max-width:960px;margin:0 auto 24px;padding:18px;background:#fff;border:1px solid var(--v6-line,#e6dfdb);border-radius:14px}
.ct-doc img{width:96px;height:96px;border-radius:50%;object-fit:cover}
.ct-doc-n{margin:0;font-family:var(--v6-serif);font-size:1.7rem;font-weight:600} .ct-doc-r{margin:2px 0 8px;font-size:1.2rem;color:var(--v6-taupe,#8a7a72)} .ct-doc-c{margin:0 0 8px;font-size:1.3rem;line-height:1.8;color:#444}
.ct-rel{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none;margin:0 0 24px;padding:0}
.ct-rel a{display:block;text-decoration:none;color:inherit} .ct-rel img{width:100%;height:auto;border-radius:10px} .ct-rel span{display:block;margin-top:6px;font-size:1.15rem;color:#555}
.ct-b-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:start;margin-bottom:28px}
.ct-b-left{position:sticky;top:90px}
.ct-chip{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;padding:6px 14px 6px 6px;border:1px solid var(--v6-line,#e6dfdb);border-radius:999px;background:#fff;text-decoration:none;color:inherit;font-size:1.25rem}
.ct-chip img{width:40px;height:40px;border-radius:50%;object-fit:cover} .ct-chip b{font-size:1.35rem} .ct-chip small{display:block;font-size:1.05rem;color:#777}
.ct-box{margin:0 0 16px;padding:16px 18px;border:1px solid var(--v6-line,#e6dfdb);border-radius:14px;background:#fff}
.ct-box-k{margin:0 0 4px;font-size:1.15rem;color:var(--v6-taupe,#8a7a72)}
.ct-box-v{margin:0 0 6px;font-size:1.3rem} .ct-box-v b{font-family:var(--v6-serif);font-size:2.1rem;font-weight:600;margin-right:4px} .ct-box-v small{color:#777;margin-right:6px}
.ct-box-s{margin:0 0 12px;font-size:1.15rem;color:#666}
.ct-box .v6-line-btn{width:100%;justify-content:center}
.ct-acc{border:1px solid var(--v6-line,#e6dfdb);border-radius:10px;background:#fff;margin:0 0 8px;padding:0 14px}
.ct-acc summary{padding:12px 0;font-size:1.35rem;font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:22px}
.ct-acc summary::-webkit-details-marker{display:none}
.ct-acc summary::after{content:"+";position:absolute;right:2px;top:10px;font-size:1.6rem;color:#999} .ct-acc[open] summary::after{content:"−"}
.ct-acc dl{margin:0 0 6px}
@media (max-width:767px){
  .ct{padding:4px 16px 32px}
  .ct-h1{font-size:2.3rem}
  .ct-ph{margin:0 -16px 12px;border-radius:0}
  .ct-dl .zc-row{grid-template-columns:96px 1fr;font-size:1.2rem}
  .ct-doc{grid-template-columns:72px 1fr;gap:12px;padding:14px} .ct-doc img{width:72px;height:72px}
  .ct-rel{grid-template-columns:1fr 1fr;gap:10px}
  .ct-rel-strip{display:flex;overflow-x:auto;gap:10px;padding-bottom:6px;-webkit-overflow-scrolling:touch} .ct-rel-strip li{flex:0 0 62%}
  .ct-b-grid{grid-template-columns:1fr;gap:16px} .ct-b-left{position:static}
}
.v6-fk-more-cases{margin:4px 0 12px}
.v6-fk-more-cases summary{display:inline-block;padding:9px 16px;border:1px solid var(--v6-line,#e6dfdb);border-radius:999px;background:#fff;font-size:1.3rem;cursor:pointer;list-style:none;margin-bottom:14px}
.v6-fk-more-cases summary::-webkit-details-marker{display:none}
.v6-fk-badge{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:6px 12px 6px 8px;border:1px solid var(--v6-line,#e6dfdb);border-radius:999px;background:#fff;font-size:1.25rem;font-weight:600;color:var(--v6-taupe,#8a7a72);letter-spacing:.02em}
.v6-fk-badge-ic{display:inline-flex;width:18px;height:18px;color:var(--v6-rose,#d98a99)}
.v6-fk-badge-ic svg{width:18px;height:18px}
.v6-fk .v6-fk-docs{grid-template-columns:repeat(4,minmax(0,1fr))}
.v6-fk-docs li.v6-fk-doc-main{flex:1 1 100%;grid-column:1/-1}
.v6-fk-docs li.v6-fk-doc-main a{grid-template-columns:150px 1fr;gap:6px 24px}
.v6-fk-docs li.v6-fk-doc-main img{width:150px;height:150px}
.v6-fk-docs li.v6-fk-doc-main .nm{font-size:2rem}
.v6-fk-docs .fd{display:block;font-size:1.2rem;color:#555;line-height:1.6;margin-top:2px}
.v6-fk-sp{display:none}
.v6-fk-acc{border:1px solid var(--v6-line,#e6dfdb);border-radius:8px;background:#fff;margin:0 0 8px;padding:0 12px}
.v6-fk-acc summary{padding:11px 0;font-size:1.35rem;font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:22px}
.v6-fk-acc summary::-webkit-details-marker{display:none}
.v6-fk-acc summary::after{content:"+";position:absolute;right:2px;top:9px;font-size:1.6rem;color:#999}
.v6-fk-acc[open] summary::after{content:"−"}
.v6-fk-acc p{margin:0 0 10px;font-size:1.25rem;line-height:1.7}
.v6-fk-acc p b{display:block;font-size:1.1rem;color:#8a7a72;margin-bottom:2px}
@media (max-width:767px){
  .v6-fk-pc{display:none}
  .v6-fk-sp{display:block}
  .v6-fk-select .v6-fk-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .v6-fk-select .v6-fk-steps li{padding:10px 12px}
  .v6-fk-select .v6-fk-steps li b{font-size:1.25rem}
  .v6-fk-select .v6-fk-steps li span{font-size:1.1rem;line-height:1.5}
  .v6-fk-list .contents-list{gap:8px!important;row-gap:8px!important}   /* 元は gap:60px のため 2列にならず 17 行になっていた */
  .v6-fk-list .contents-list li{width:calc(50% - 4px)!important;padding:0!important;margin:0!important}
  .v6-fk-list .contents-list li a{padding:10px 10px!important}
  .v6-fk-list .detail-list-ttl{font-size:1.25rem!important;line-height:1.4!important;margin:0!important}
  .v6-fk-list .v6-fk-more,.v6-fk-list .cc-chips{display:none!important}
  .v6-fk .v6-fk-docs{grid-template-columns:1fr}
  .zc-grid{grid-template-columns:1fr;gap:18px}
  .zc{border-radius:0;border-left:0;border-right:0;margin:0 -16px}
  .zc-full b{font-size:2rem}
  .zc-row{grid-template-columns:92px 1fr}
  .v6-fk-badge{margin:0 0 12px}
  .v6-fk-short{margin:0 16px 22px}
  .v6-fk-short ul{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .v6-fk-short a{padding:9px 10px}
  .v6-fk-short a b{font-size:1.3rem}
  .v6-fk-short a span{font-size:1.1rem}
  .v6-fk-cases{grid-template-columns:1fr}
}