/* =========================================================================
   トップページ (front-page.php) 固有スタイル
   common.css には含まれない、トップページだけで使う独自セクションのCSSです。
   ★更新：見出しを含め基本ゴシックに統一。スマホでの文字サイズ・行間を拡大し、
   読みやすさを優先しています。
   ========================================================================= */

/* ---- セクション共通見出し・プレースホルダ・マスク演出 ---- */
.mask{position:relative;overflow:hidden;}
.mask-inner{position:relative;width:100%;height:100%;}
.mask-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background-size:cover;background-position:center;display:block;}
/* .js:not(.reduced) [data-mask]{clip-path:inset(0 0 100% 0);}
.js:not(.reduced) .mask-img{transform:scale(1.08);} */
.ph-1{background:radial-gradient(120% 90% at 30% 20%,#F2E6DD,rgba(242,230,221,0) 55%),linear-gradient(135deg,#E9DBD0,#C9B4A6);}
.ph-2{background:linear-gradient(150deg,#DCD6CA,#BFC3B6);}
.ph-3{background:radial-gradient(120% 100% at 25% 80%,#F0E4DC,rgba(240,228,220,0) 55%),linear-gradient(120deg,#E6D6CC,#B9A091);}
.ph-4{background:linear-gradient(135deg,#E4D9CE,#CBBBAC);}
.ph-5{background:linear-gradient(135deg,#E0DACF,#C2C6B9);}
.ph-6{background:linear-gradient(135deg,#EADBD2,#C7AE9F);}
.ph-7{background:radial-gradient(120% 90% at 70% 30%,#EDE0D6,rgba(237,224,214,0) 60%),linear-gradient(135deg,#D9C7BA,#B59C8C);}
.ph-8{background:linear-gradient(135deg,#DED7CB,#B7B6A6);}

/* ---- Grain ---- */
body::before{content:"";position:fixed;inset:0;z-index:300;pointer-events:none;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ---- HERO ---- */
.hero{position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:clamp(26px,4vh,46px);padding:118px 0 64px;isolation:isolate;}
#gl{position:absolute;inset:-2% 0;width:100%;height:104%;display:block;z-index:0;}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none;opacity:.42;mix-blend-mode:luminosity;filter:contrast(1.04) brightness(1.02) blur(1px);}
.reduced .hero-video{display:none;}
.hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(120% 80% at 50% 34%,rgba(247,244,239,.55),rgba(247,244,239,0) 60%),linear-gradient(180deg,rgba(247,244,239,.4) 0%,rgba(247,244,239,0) 24%,rgba(247,244,239,0) 76%,rgba(247,244,239,.5) 100%);}
.hero-top{position:relative;z-index:3;text-align:center;}
.hero-eyebrow{justify-content:center;margin-bottom:clamp(14px,2.2vh,26px);}
.hero-title{font-family:var(--f-lat);font-weight:700;font-size:clamp(2.3rem,8.6vw,4.4rem);line-height:1.45;letter-spacing:.01em;margin:0;}
.hero-title .accent{color:var(--bronze);}
.js:not(.reduced) .hero-title{opacity:0;}
.hero-sub{margin:clamp(18px,2.4vh,30px) auto 0;
  /* max-width:34ch; */
  font-weight:400;color:var(--ink);font-size:1.06rem;line-height:2.0;}
.hero-cta{margin-top:clamp(22px,3vh,34px);display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.hero-carousel{position:relative;z-index:3;width:100%;
margin-top: 5%;
}
.js:not(.reduced) .hero-eyebrow,.js:not(.reduced) .hero-sub,.js:not(.reduced) .hero-cta,.js:not(.reduced) .hero-carousel{opacity:0;}
.js:not(.reduced) .hero-eyebrow,.js:not(.reduced) .hero-sub,.js:not(.reduced) .hero-cta{transform:translateY(14px);}
.js:not(.reduced) .hero-carousel{transform:translateY(20px);}
.hcar-stage{position:relative;}.hcar-viewport{position:relative;width:100%;overflow:hidden;}
.hcar-track{position:relative;display:flex;gap:clamp(12px,1.6vw,24px);will-change:transform;transition:transform .8s var(--ease);}
.hcar-slide{position:relative;flex:0 0 clamp(280px,66vw,800px);aspect-ratio:16/9;border-radius:5px;overflow:hidden;background-size:cover;background-position:center;opacity:.4;transform:scale(.93);transition:opacity .8s var(--ease),transform .8s var(--ease);}
.hcar-slide.is-active{opacity:1;transform:scale(1);box-shadow:0 30px 60px -34px rgba(33,30,26,.5);}
.hcar-slide::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,rgba(33,30,26,.66) 0%,rgba(33,30,26,.28) 48%,rgba(33,30,26,0) 78%);}
/* ★追加：テキストを乗せない（画像だけで見せる）スライド用。可読性確保のための
   暗いグラデーションオーバーレイが不要なので非表示にする。 */
.hcar-slide.no-caption::before{content:none;}
.hcar-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4.5vw,56px);max-width:70%;color:#fff;}
.hcar-inner .badge{font-family:var(--f-body);font-weight:500;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:.25em .9em;align-self:flex-start;}
.hcar-inner h2{font-family:var(--f-disp);font-weight:700;font-size:clamp(1.3rem,4.4vw,2rem);line-height:1.55;margin:.55em 0 0;}
.hcar-inner .s{font-size:.92rem;line-height:1.8;opacity:.92;margin-top:.5em;font-weight:400;}
.hcar-prev,.hcar-next{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;border:0;background:rgba(247,244,239,.9);backdrop-filter:blur(6px);cursor:pointer;font-family:var(--f-body);font-size:1.3rem;color:var(--ink);transition:background .3s;padding: initial;}
.hcar-prev{left:clamp(10px,3vw,36px);}.hcar-next{right:clamp(10px,3vw,36px);}
.hcar-dots{display:flex;gap:8px;justify-content:center;margin-top:clamp(16px,2.4vh,26px);}
.hdot{width:8px;height:8px;border-radius:50%;border:1px solid var(--ink-faint);background:none;cursor:pointer;padding:0;transition:all .35s var(--ease);}.hdot.active{background:var(--bronze);border-color:var(--bronze);width:24px;border-radius:999px;}

/* ---- News ---- */
.news{border-bottom:1px solid var(--line);background:var(--porcelain);}.news-in{display:flex;align-items:center;gap:clamp(20px,3vw,48px);padding-block:16px;flex-wrap:wrap;}
.news .tag{font-family:var(--f-body);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;color:var(--bronze);display:inline-flex;align-items:center;gap:.7em;}.news .tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--bronze);}
.news ul{list-style:none;margin:0;padding:0;display:flex;gap:clamp(20px,3vw,44px);flex-wrap:wrap;flex:1;}.news li{font-size:.92rem;color:var(--ink-soft);font-weight:400;}.news li time{font-family:var(--f-body);font-weight:500;letter-spacing:.02em;color:var(--ink);margin-right:.9em;}

/* ---- CASES Before/After ---- */
.cases{padding-block:var(--sect-y);}
.ba-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(34px,5vw,64px);align-items:center;margin-bottom:clamp(44px,6vh,72px);}
.ba{position:relative;aspect-ratio:16/10;border-radius:5px;overflow:hidden;user-select:none;touch-action:none;cursor:ew-resize;border:1px solid var(--line);}
.ba-img{position:absolute;inset:0;background-size:cover;background-position:center;}
.ba-before{clip-path:inset(0 50% 0 0);}
.ba-tag{position:absolute;top:14px;font-family:var(--f-body);font-weight:500;letter-spacing:.08em;font-size:.5rem;color:#fff;background:rgba(33,30,26,.55);padding:.3em .9em;border-radius:999px;z-index:3;}
.ba-tag-before{left:14px;}.ba-tag-after{right:14px;}
.ba-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;z-index:4;}
.ba-handle b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.28);display:grid;place-items:center;font-size:.9rem;color:var(--ink);}
.ba-cap{font-size:.84rem;color:var(--ink-faint);margin-top:12px;line-height:1.8;}
.ba-info h3{font-family:var(--f-disp);font-weight:700;font-size:clamp(1.3rem,4vw,1.8rem);line-height:1.5;letter-spacing:.01em;margin:0;}
.ba-info .spec{margin:1.3em 0 0;}
.ba-info .spec > div{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--line);}
.ba-info .spec > div:last-child{border-bottom:1px solid var(--line);}
.ba-info dt{font-family:var(--f-body);font-weight:700;letter-spacing:.02em;font-size:.8rem;color:var(--bronze);padding-top:.2em;}
.ba-info dd{margin:0;font-size:.92rem;color:var(--ink-soft);font-weight:400;line-height:1.85;}
.cases-slider{position:relative;}
.cases-viewport{display:flex;gap:clamp(18px,2.4vw,30px);overflow-x:auto;padding-bottom:8px;scrollbar-width:none;}.cases-viewport::-webkit-scrollbar{display:none;}
.cases-prev,.cases-next{position:absolute;top:38%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(247,244,239,.94);backdrop-filter:blur(6px);cursor:pointer;font-family:var(--f-body);font-size:1.3rem;color:var(--ink);transition:all .3s var(--ease);box-shadow:0 8px 22px -12px rgba(33,30,26,.45);
padding: 0;
}
.cases-prev{left:-8px;}.cases-next{right:-8px;}.cases-prev:hover,.cases-next:hover{background:var(--ink);color:var(--porcelain);}
.case-card{flex:0 0 clamp(280px,31.5%,400px);background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden;}
/* ★更新：単一サムネイルではなく、/cases/ の症例カードと同じ「Before/After 2分割」表示に変更。 */
.case-thumb-ba{display:grid;grid-template-columns:1fr 1fr;gap:2px;aspect-ratio:4/3;background:var(--line);position:relative;}
.case-thumb-ba::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(255,255,255,.6);transform:translateX(-.5px);}
.case-thumb-ba .ba2{position:relative;background-size:cover;background-position:center;}
.case-thumb-ba .ba2-label{position:absolute;left:8px;bottom:7px;font-family:var(--f-body);font-weight:500;font-size:.64rem;letter-spacing:.04em;color:#fff;background:rgba(33,30,26,.5);padding:.18em .7em;border-radius:999px;}

/* ★追加：Before/Afterを1枚にまとめた画像用のクラス（既存の.ba/.case-thumb-ba関連の
   定義は一切変更せず、新しいクラス名として追加している）。 */
.ba-single{position:relative;aspect-ratio:16/10;border-radius:5px;overflow:hidden;border:1px solid var(--line);margin:0;}
.ba-single img{width:100%;height:100%;object-fit:cover;display:block;}
.case-thumb-single{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--line);}
.case-thumb-single img{width:100%;height:100%;object-fit:cover;display:block;}
.case-body{padding:clamp(16px,2vw,24px);}
.case-name{font-family:var(--f-disp);font-weight:700;font-size:1.1rem;line-height:1.6;margin:0;letter-spacing:.01em;}
.case-spec{margin:14px 0 0;}
.case-spec > div{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:11px 0;border-top:1px solid var(--line);align-items:start;}
.case-spec > div:last-child{border-bottom:1px solid var(--line);}
.case-spec dt{font-size:.74rem;font-weight:700;letter-spacing:.02em;color:var(--bronze);padding-top:.25em;}
.case-spec dd{margin:0;font-size:.88rem;color:var(--ink-soft);font-weight:400;line-height:1.8;}
.cases-dots{display:flex;gap:8px;justify-content:center;margin-top:clamp(20px,3vh,28px);}
.cases-note{margin-top:clamp(24px,4vh,38px);font-size:.82rem;color:var(--ink-faint);font-weight:400;line-height:2.0;max-width:100%;}
.cases-foot{margin-top:clamp(26px,4vh,38px);}

/* ---- Ranking ---- */
.rank{padding-block:var(--sect-y);}
.rank-grid{margin-top:clamp(34px,5vh,52px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px);}
.rank-card{position:relative;display:block;}
.rank-card .mask{aspect-ratio:3/4;border-radius:3px;margin-bottom:14px;}
.rank-badge{position:absolute;top:10px;left:10px;z-index:3;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--blush);font-family:var(--f-body);font-weight:700;font-size:1rem;display:grid;place-items:center;}
.rank-card:first-child .rank-badge{background:var(--bronze);color:#fff;}
.rank-name{font-family:var(--f-disp);font-weight:700;font-size:1.06rem;line-height:1.6;letter-spacing:.01em;}
.rank-price{font-size:.86rem;color:var(--ink-soft);font-weight:400;margin-top:3px;}.rank-price b{font-family:var(--f-body);font-size:1.08rem;color:var(--bronze);font-weight:700;}

/* ---- Treatment tabs ---- */
.treat{padding-block:var(--sect-y);background:var(--porcelain-2);}
.menu-tabs{margin-top:clamp(32px,4.5vh,52px);display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);}
.tab{font-family:var(--f-disp);font-weight:700;font-size:clamp(1rem,3vw,1.12rem);letter-spacing:.01em;color:var(--ink-soft);background:none;border:0;padding:.9em 1.3em;cursor:pointer;position:relative;transition:color .35s var(--ease);}
.tab .en{display:block;font-family:var(--f-lat);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-top:2px;}
.tab::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--bronze);transform:scaleX(0);transition:transform .4s var(--ease);}
.tab.active{color:var(--ink);}.tab.active::after{transform:scaleX(1);}.tab.active .en{color:var(--bronze);}
.menu-panel{display:none;padding-top:clamp(28px,4vh,44px);}.menu-panel.active{display:block;}
.menu-group{margin-bottom:clamp(30px,4.5vh,48px);}
.menu-group:last-child{margin-bottom:0;}
.menu-group h4{font-family:var(--f-disp);font-weight:700;font-size:1.15rem;letter-spacing:.01em;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:.7em;}
.menu-group h4 .en{font-family:var(--f-lat);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);}
.mg-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:0 28px;}
.mg-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 4px;border-bottom:1px solid rgba(217,210,198,.55);font-size:.98rem;line-height:1.7;transition:color .3s,padding-left .3s var(--ease);}
.mg-link:hover{color:var(--bronze);padding-left:.4em;}
.mg-link .ar{font-family:var(--f-body);color:var(--ink-faint);transition:transform .3s,color .3s;}
.mg-link:hover .ar{transform:translateX(4px);color:var(--bronze);}
.menu-foot{margin-top:clamp(30px,4vh,48px);display:flex;justify-content:center;flex-wrap:wrap;gap:6px 0;}

/* ---- Trouble（お悩みから探す） ---- */
.trouble{padding-block:var(--sect-y);background:var(--ink);color:var(--porcelain);}
.trouble .eyebrow{color:var(--blush);}.trouble .eyebrow::before{background:var(--blush);}.trouble .h-sect{color:var(--porcelain);}
.trouble-lead{color:rgba(247,244,239,.65);margin-top:1.2em;}

/* ★追加：お悩み診断図（.cdg、functions.php の kaneko_render_concern_diagram() が出力）。
   .trouble セクションはダーク背景（--ink）のため、/concerns ページ想定の
   ライト背景用配色とは別に、ここではダーク背景向けの配色で定義している。
   （page-concerns.css 側の .cdg スタイルとは独立しており、重複定義になる想定。
   もし /concerns 側と見た目を揃えたい場合はお知らせください。） */
.cdg{position:relative;max-width:460px;margin:clamp(36px,5vh,54px) auto 0;aspect-ratio:1.1/1;}
/* ★更新：実際にお送りいただいた写真（concern-face.jpg）は1536×1024px（横長・
   アスペクト比1.5:1）で、当初想定していた「縦長の肩から上ポートレート」とは
   逆の形でした。.cdg全体を今までより横長寄りにし、顔写真の枠も広げることで、
   coverでの過度なクロップ（左右が消えるほどのズーム）を緩和している。
   ドットは.cdg全体に対する%座標のため、この調整で座標そのものは崩れないが、
   実際の写真の顔位置に合わせた object-position の微調整は別途お願いします。 */
.cdg-face-wrap{position:absolute;left:50%;top:0;transform:translateX(-50%);width:50%;height:100%;border-radius:8px;overflow:hidden;background:rgba(247,244,239,.06);}
.cdg-face{width:100%;height:100%;object-fit:cover;object-position:center 15%;}
.cdg-face-fade{position:absolute;inset:0;box-shadow:inset 0 0 50px 14px rgba(33,30,26,.5);}
.cdg-lines{position:absolute;inset:0;width:100%;height:100%;}
.cdg-lines line{rgb(0 0 0 / 18%);stroke-width:.4;}
.cdg-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--blush);transform:translate(-50%,-50%);}
.cdg-col{position:absolute;top:0;width:34%;height:100%;}
.cdg-col-left{left:0;}
.cdg-col-right{right:0;}
.cdg-pill{position:absolute;transform:translateY(-50%);display:inline-flex;align-items:center;gap:.4em;background:rgba(33,30,26,.55);backdrop-filter:blur(3px);border:1px solid rgba(247,244,239,.3);border-radius:999px;padding:.5em 1em;font-size:.76rem;color:var(--porcelain);white-space:nowrap;max-width:100%;box-sizing:border-box;transition:all .3s var(--ease);}
.cdg-col-left .cdg-pill{left:0;}
.cdg-col-right .cdg-pill{right:0;}
.cdg-pill:hover{border-color:var(--blush);color:var(--blush);background:rgba(247,244,239,.1);}
.cdg-pill .cdg-ar{color:var(--blush);transition:transform .3s;}
.cdg-pill:hover .cdg-ar{transform:translateX(3px);}
@media (max-width:680px){
/* ★更新：スマホもPCと同じ「顔＋放射状ピル」構成に統一（以前の「顔100%＋下にチップ
   一覧」というスマホ専用の代替レイアウトは、今回のご指示により廃止）。
   ピル同士の重なりを防ぐため、顔の幅をやや狭く・ピル列をやや広く調整したうえで、
   .cdg-pill に max-width:100%（上で追加済み）を効かせ、長いラベルは折り返させる。 */
  .cdg{max-width:100%;aspect-ratio:.95/1;margin-top:28px;}
  .cdg-face-wrap{width:90%;}
  .cdg-col{width:34%;}
  .cdg-pill{font-size:.62rem;padding:.42em .7em;white-space:normal;line-height:1.35;text-align:center;}
}
.trouble-grid{margin-top:clamp(36px,5vh,54px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2vw,26px);}
.tcard{display:flex;gap:clamp(18px,2vw,26px);align-items:center;background:var(--porcelain);color:var(--ink);border-radius:8px;padding:clamp(20px,2.4vw,30px);transition:transform .5s var(--ease),box-shadow .5s var(--ease);}
.tcard:hover{transform:translateY(-4px);box-shadow:0 26px 54px -30px rgba(0,0,0,.55);}
.tcard-visual{flex:0 0 auto;width:clamp(74px,7vw,100px);height:clamp(74px,7vw,100px);border-radius:50%;position:relative;background-size:cover;background-position:center;}.tcard-visual::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(33,30,26,.08);}
.tcard-body{flex:1;min-width:0;}.tcard-body h3{font-family:var(--f-disp);font-weight:700;font-size:1.25rem;line-height:1.6;letter-spacing:.01em;margin:0 0 .8em;display:flex;align-items:baseline;gap:.8em;}.tcard-body h3 .en{font-family:var(--f-lat);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);}
.chips{display:flex;flex-wrap:wrap;gap:8px;}.chip{font-size:.88rem;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:.55em 1.1em;transition:all .3s var(--ease);}.chip:hover{background:var(--ink);color:var(--porcelain);border-color:var(--ink);transform:translateY(-1px);}

/* ---- Flow / 初めての方へ ---- */
.flow{padding-block:var(--sect-y);background:var(--porcelain-2);}
.flow-grid{margin-top:clamp(34px,5vh,52px);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.6vw,34px);}
.flow-step{position:relative;}
.flow-step .n{font-family:var(--f-body);font-weight:700;font-size:.84rem;letter-spacing:.08em;color:var(--bronze);}
.flow-step h3{font-family:var(--f-disp);font-weight:700;font-size:1.18rem;line-height:1.6;letter-spacing:.01em;margin:.5em 0 .5em;padding-top:.7em;border-top:1px solid var(--bronze);}
.flow-step p{font-size:.9rem;color:var(--ink-soft);font-weight:400;line-height:1.85;margin:0;}
.first-box{margin-top:clamp(40px,5vh,60px);background:#fff;border:1px solid var(--line);border-radius:8px;padding:clamp(28px,4vw,48px);display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,4vw,52px);align-items:center;}
.first-box h3{font-family:var(--f-disp);font-weight:700;font-size:clamp(1.3rem,4vw,1.7rem);line-height:1.6;letter-spacing:.01em;margin:0;}
.first-box ul{list-style:none;margin:1em 0 0;padding:0;columns:2;column-gap:36px;}
.first-box li{font-size:.94rem;color:var(--ink-soft);font-weight:400;line-height:1.85;padding:.4em 0 .4em 1.5em;position:relative;break-inside:avoid;}
.first-box li::before{content:"✓";position:absolute;left:0;color:var(--bronze);font-weight:700;}

/* ---- Doctor ---- */
.doctor{padding-block:var(--sect-y);}
.doctor-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,6vw,90px);align-items:center;}
.doctor-visual{aspect-ratio:4/5;}
.doctor-copy .role{font-family:var(--f-lat);font-style:italic;color:var(--bronze);font-size:1rem;}
.doctor-copy .name{font-family:var(--f-disp);font-weight:700;font-size:clamp(1.5rem,5vw,2.1rem);line-height:1.5;margin:.4em 0 0;letter-spacing:.01em;}
.doctor-copy p{margin-top:1.5em;color:var(--ink-soft);font-weight:400;font-size:.98rem;line-height:1.95;max-width:100%;}
.doc-stats{display:flex;gap:clamp(24px,4vw,48px);margin-top:1.6em;flex-wrap:wrap;}
.doc-stats div b{font-family:var(--f-body);font-weight:700;font-size:1.5rem;color:var(--bronze);display:block;line-height:1.4;}
.doc-stats div span{font-size:.82rem;color:var(--ink-soft);letter-spacing:.02em;}
.doctor-career{margin-top:1.8em;border-top:1px solid var(--line);padding:0;list-style:none;}
.doctor-career li{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:.92rem;line-height:1.8;color:var(--ink-soft);font-weight:400;}.doctor-career li span{font-family:var(--f-body);font-weight:700;color:var(--ink);letter-spacing:.02em;}

/* ---- 院内のご案内 ---- */
.clinic{padding-block:var(--sect-y);}
.clinic-grid{margin-top:clamp(34px,5vh,52px);display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:clamp(14px,1.8vw,24px);}
.clinic-item .mask{aspect-ratio:3/4;border-radius:4px;margin-bottom:14px;}
.clinic-item .cap{font-family:var(--f-disp);font-weight:700;font-size:1.02rem;letter-spacing:.01em;}
.clinic-item .en{font-family:var(--f-lat);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);display:block;margin-top:2px;}

/* ---- 選ばれる理由 ---- */
.feature{padding-block:var(--sect-y);background:var(--porcelain-2);}
.feature-list{margin-top:clamp(34px,5vh,56px);border-top:1px solid var(--line);}
.feature-item{display:grid;grid-template-columns:auto 1fr 1.4fr;gap:clamp(20px,4vw,64px);padding:clamp(24px,3.4vh,40px) 0;border-bottom:1px solid var(--line);align-items:baseline;}
.feature-num{font-family:var(--f-body);font-weight:700;font-size:1.15rem;color:var(--bronze);letter-spacing:.04em;}
.feature-item h3{font-family:var(--f-disp);font-weight:700;font-size:clamp(1.1rem,3.6vw,1.4rem);margin:0;line-height:1.7;letter-spacing:.01em;}
.feature-item p{margin:0;color:var(--ink-soft);font-weight:400;font-size:.94rem;line-height:1.9;}

/* ---- Google Reviews ---- */
.reviews{padding-block:var(--sect-y);}
.rv-top{display:flex;align-items:center;gap:clamp(24px,4vw,56px);flex-wrap:wrap;margin-bottom:clamp(30px,4.5vh,48px);padding:clamp(24px,3vw,40px);background:#fff;border:1px solid var(--line);border-radius:8px;}
.rv-score{text-align:center;flex:0 0 auto;}
.rv-score .num{font-family:var(--f-body);font-weight:700;font-size:clamp(2.8rem,7vw,4rem);line-height:1.3;}
.rv-stars{color:#E0A93B;font-size:1.05rem;letter-spacing:2px;margin-top:6px;}
.rv-score .cnt{font-size:.84rem;color:var(--ink-soft);margin-top:8px;}
.rv-top-meta{flex:1;min-width:220px;}
.rv-gmark{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--ink-soft);}
.rv-gmark .g{width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--f-body);font-weight:700;color:#4285F4;font-size:.92rem;}
.rv-top-meta h3{font-family:var(--f-disp);font-weight:700;font-size:clamp(1.15rem,4vw,1.45rem);margin:.5em 0 .5em;line-height:1.6;letter-spacing:.01em;}
.rv-top-meta p{font-size:.92rem;color:var(--ink-soft);font-weight:400;line-height:1.9;margin:0 0 1.1em;}
.rv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(18px,2.4vw,28px);}
.rv-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;gap:12px;}
.rv-card .head{display:flex;align-items:center;gap:12px;}
.rv-card .av{width:40px;height:40px;border-radius:50%;background:var(--blush);display:grid;place-items:center;font-family:var(--f-disp);font-weight:700;font-size:1rem;flex:0 0 auto;}
.rv-card .nm{font-size:.9rem;font-weight:700;}.rv-card .dt{font-size:.78rem;color:var(--ink-faint);}
.rv-card .st{color:#E0A93B;font-size:.85rem;letter-spacing:1px;}
.rv-card .tx{font-size:.92rem;color:var(--ink-soft);font-weight:400;line-height:1.9;margin:0;}
.rv-note{margin-top:clamp(22px,3.4vh,34px);font-size:.8rem;color:var(--ink-faint);font-weight:400;line-height:2.0;max-width:80ch;}

/* ---- LINE相談 ---- */
.line-cta{padding-block:clamp(56px,8.5vh,104px);}
.line-box{background:linear-gradient(120deg,#E5D6CB,#F1E9DF);border-radius:14px;padding:clamp(32px,5vw,62px);display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(28px,4vw,58px);align-items:center;}
.line-box .eyebrow{color:var(--bronze);}
.line-box h2{font-family:var(--f-disp);font-weight:700;font-size:clamp(1.5rem,5vw,2.2rem);line-height:1.55;letter-spacing:.01em;margin:.35em 0 0;}
.line-box p{color:var(--ink-soft);font-weight:400;font-size:.98rem;line-height:1.95;margin:1em 0 0;max-width:44ch;}
.line-feats{list-style:none;margin:1.4em 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px;}
.line-feats li{font-size:.9rem;color:var(--ink-soft);padding-left:1.4em;position:relative;}
.line-feats li::before{content:"✓";position:absolute;left:0;color:var(--bronze);font-weight:700;}
.line-side{text-align:center;}
.line-qr{width:clamp(118px,14vw,158px);height:clamp(118px,14vw,158px);margin:0 auto 18px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--f-body);font-weight:500;letter-spacing:.2em;color:var(--ink-faint);font-size:.8rem;overflow:hidden;}
.line-qr img{width:100%;height:100%;object-fit:cover;border-radius:inherit;}
.btn-line-app{background:#06C755;color:#fff;font-size:1rem;font-weight:500;letter-spacing:.02em;padding:1.1em 2.2em;border-radius:999px;display:inline-block;transition:transform .4s var(--ease),filter .4s var(--ease);}
.btn-line-app:hover{transform:translateY(-2px);filter:brightness(1.06);}
@media (max-width:860px){.line-box{grid-template-columns:1fr;}}

/* ---- FAQ（トップページ独自の簡易表示） ---- */
.faq{padding-block:var(--sect-y);}
.faq-list{margin-top:clamp(34px,5vh,52px);border-top:1px solid var(--line);max-width:900px;margin-inline:auto;}
.faq-item{border-bottom:1px solid var(--line);}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;padding:clamp(20px,2.6vh,30px) 8px;font-family:var(--f-disp);font-weight:700;font-size:clamp(1.02rem,3.6vw,1.2rem);line-height:1.6;letter-spacing:.01em;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::before{content:"Q";font-family:var(--f-body);font-weight:700;color:var(--bronze);font-size:1.15rem;flex:0 0 auto;}
.faq-item summary::after{content:"+";margin-left:auto;color:var(--bronze);font-size:1.4rem;transition:transform .3s var(--ease);}
.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-item .a{padding:0 8px clamp(22px,3vh,30px) 44px;color:var(--ink-soft);font-weight:400;font-size:.96rem;line-height:1.95;}

/* ---- CTA final ---- */
.cta{padding-block:clamp(100px,15vh,180px);text-align:center;position:relative;overflow:hidden;background:var(--porcelain-2);}
.cta-title{font-family:var(--f-disp);font-weight:700;font-size:clamp(2rem,8vw,3.6rem);line-height:1.5;letter-spacing:.01em;margin:0;}
.cta-sub{margin-top:1.4em;color:var(--ink-soft);font-weight:400;font-size:1rem;line-height:1.95;}
.cta-actions{margin-top:clamp(32px,5vh,50px);display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

/* ---- Information ---- */
.info{padding-block:var(--sect-y);}
.info-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px,6vw,80px);align-items:start;}
.info-table{width:100%;border-collapse:collapse;margin-top:2em;font-size:.94rem;}
.info-table th,.info-table td{border-top:1px solid var(--line);padding:.9em .4em;text-align:center;font-weight:400;}
.info-table thead th{font-family:var(--f-body);font-weight:700;letter-spacing:.02em;color:var(--ink-soft);}.info-table tbody th{text-align:left;color:var(--ink-soft);white-space:nowrap;}
.info-table .o{color:var(--bronze);}.info-table .x{color:var(--ink-faint);}.info-table tbody tr:last-child td,.info-table tbody tr:last-child th{border-bottom:1px solid var(--line);}
.info-meta{margin-top:1.8em;font-size:.96rem;color:var(--ink-soft);font-weight:400;line-height:2.1;}.info-meta b{color:var(--ink);font-weight:700;}
.info-map{aspect-ratio:4/3;border-radius:3px;background:linear-gradient(135deg,#E8E3D8,#D5D8CC);position:relative;}.info-map::after{content:"MAP";position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-body);font-weight:700;letter-spacing:.3em;color:var(--ink-faint);}

/* ---- Column（トップページの新着プレビュー） ---- */
.column{padding-block:var(--sect-y);background:var(--porcelain-2);}
.column-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;}
.column-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:1em;}
.column-cat-chip{font-size:.82rem;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:.5em 1.1em;transition:all .3s var(--ease);}
.column-cat-chip:hover{background:var(--ink);color:var(--porcelain);border-color:var(--ink);transform:translateY(-1px);}
.col-grid{margin-top:clamp(34px,5vh,52px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,40px);}
.col-card .mask{aspect-ratio:16/10;border-radius:2px;margin-bottom:18px;}
.col-card time{font-family:var(--f-body);font-weight:700;font-size:.84rem;letter-spacing:.02em;color:var(--bronze);}.col-card .cat{font-size:.76rem;letter-spacing:.04em;color:var(--ink-faint);margin-left:1em;}
.col-card h3{font-family:var(--f-disp);font-weight:700;font-size:1.08rem;line-height:1.75;letter-spacing:.005em;margin:.6em 0 0;transition:color .3s;}.col-card:hover h3{color:var(--bronze);}
.col-empty{margin-top:clamp(34px,5vh,52px);color:var(--ink-soft);font-weight:400;font-size:.96rem;line-height:1.9;}

/* ---- Responsive ---- */
@media (max-width:980px){
  .ba-feature,.doctor-grid,.info-grid{grid-template-columns:1fr;}
  .rank-grid{grid-template-columns:repeat(3,1fr);}.flow-grid{grid-template-columns:repeat(2,1fr);}
  .col-grid{grid-template-columns:repeat(2,1fr);}
  .feature-item{grid-template-columns:auto 1fr;}.feature-item p{grid-column:1/-1;}.trouble-grid{grid-template-columns:1fr;}
  .first-box{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .rank-grid{grid-template-columns:1fr 1fr;}.flow-grid{grid-template-columns:1fr;}
  .case-card{flex-basis:84%;}.col-grid{grid-template-columns:1fr;}.first-box ul{columns:1;}.news ul{flex-direction:column;gap:8px;}
}
@media (max-width:700px){
  .rank-grid,.clinic-grid{display:flex;grid-template-columns:none;overflow-x:auto;gap:14px;padding-bottom:10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  .rank-grid::-webkit-scrollbar,.clinic-grid::-webkit-scrollbar{display:none;}
  .rank-card{flex:0 0 62%;}.clinic-item{flex:0 0 56%;}
}
@media (max-width:600px){
  .hero-sub{font-size:1rem;max-width:100%;}
  .ba-cap,.case-spec dd,.ba-info dd{font-size:.94rem;}
  .mg-link{font-size:1rem;padding:14px 4px;}
  .tcard-body h3{font-size:1.3rem;}
  .flow-step p{font-size:.94rem;}
  .doctor-copy p{font-size:1rem;}
  .feature-item p{font-size:.96rem;}
  .rv-card .tx{font-size:.94rem;}
  .info-meta{font-size:.98rem;}
}
@media (max-width:480px){.tcard{gap:14px;}.tcard-visual{width:64px;height:64px;}}