/* claude-overrides.css — 2026-09-29 Claude 改修分。原本CSS（integrated.css ほか）は無編集。
   トークンは integrated.css の :root（--teal --ink --deep --muted --line --pale --serif --sans）を継承。 */
:root{ --muted-strong:#4f6a6c; --accent:#0d9a91; --cream:#fbfdfc; }

/* 1-5 文字サイズの下限: 本文16px以上、補足13px以上 */
body{ font-size:16px; line-height:1.85; }
.eyebrow{ font-size:13px; letter-spacing:.14em; }
.footer, .footer p, .footer a{ font-size:14px; }
.access-facts, .access-address, .contact-reception, .contact-phone-note, .consultation-bottom, .reading-card p, .hair-card-copy p, .mini-links a{ font-size:14px; }
.photo-note, figcaption, .access-open{ font-size:13px; }
/* メガメニュー（navigation.css の 9〜12px を底上げ） */
.nav-panel .eyebrow{ font-size:12px; }
.nav-panel-description{ font-size:13px; }
.nav-link-title{ font-size:14px; }
.nav-link-note{ font-size:13px; }

/* ===== ヒーロー（静止1枚・H1） ===== */
.hero-static{ position:relative; isolation:isolate; min-height:560px; display:grid; align-items:center; background:var(--pale); overflow:hidden; }
.hero-static .hero-bg{ position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:70% 40%; }
.hero-static .hero-veil{ position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, rgba(240,247,244,.96) 0%, rgba(240,247,244,.88) 42%, rgba(240,247,244,.35) 72%, rgba(240,247,244,.1) 100%); }
.hero-static .hero-inner{ padding:64px 0 56px; max-width:640px; }
.hero-static .hero-eyebrow{ display:inline-flex; gap:10px; align-items:center; font-size:13px; letter-spacing:.14em; color:var(--deep); font-weight:600; margin-bottom:18px; }
.hero-static .hero-eyebrow::before{ content:""; width:28px; height:1px; background:var(--teal); }
.hero-static h1{ font-family:var(--serif); font-weight:500; font-size:clamp(28px,3.6vw,44px); line-height:1.35; color:var(--ink); margin:0 0 18px; letter-spacing:.02em; }
.hero-static h1 .hero-h1-sub{ display:block; font-size:.62em; font-family:var(--sans); font-weight:500; color:var(--deep); margin-top:10px; letter-spacing:.06em; }
.hero-static .hero-lead{ font-size:17px; color:var(--muted-strong); margin:0 0 26px; max-width:34em; }
.hero-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:26px; }
.hero-actions .button{ font-size:16px; padding:15px 24px; }
.button.line{ background:#06c755; color:#fff; border:1px solid #06c755; }
.button.line:hover{ background:#05b04c; }
.trust-chips{ display:flex; flex-wrap:wrap; gap:8px 10px; list-style:none; padding:0; margin:0; }
.trust-chips li{ display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.92); border:1px solid var(--line); border-radius:999px; padding:8px 14px; font-size:13.5px; color:var(--ink); font-weight:500; }
.trust-chips li::before{ content:"✓"; color:var(--teal); font-weight:700; }
.trust-chips small{ color:var(--muted-strong); font-weight:400; font-size:12.5px; }

/* ===== 診療の入口: 発毛=主、他=従 ===== */
.svc-primary{ padding:64px 0 32px; }
.svc-primary .svc-head{ display:grid; grid-template-columns:1.1fr .9fr; gap:32px; align-items:end; margin-bottom:28px; }
.svc-primary h2{ font-family:var(--serif); font-weight:500; font-size:clamp(24px,2.6vw,34px); line-height:1.4; color:var(--ink); margin:8px 0 0; }
.svc-primary .svc-head p{ color:var(--muted-strong); margin:0; }
.svc-cards{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.svc-card{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:8px 32px 8px 8px; overflow:hidden; color:inherit; text-decoration:none; transition:transform .25s, box-shadow .25s; }
.svc-card:hover{ transform:translateY(-3px); box-shadow:0 18px 40px -24px rgba(20,110,113,.5); }
/* カード全体リンク→本体リンク+カード内クイックリンク（2026-10-27 田中さん「男女のリンクをカード内の右寄せで」） */
.svc-card-main{ display:grid; grid-template-rows:auto 1fr; flex:1; color:inherit; text-decoration:none; }
.svc-card .svc-card-main .svc-body{ padding-bottom:10px; }
.svc-quick{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px 20px; padding:0 28px 20px; font-size:13.5px; }
.svc-quick a{ color:var(--deep); font-weight:600; text-decoration:none; }
.svc-quick a:hover{ text-decoration:underline; color:var(--teal); }
.svc-card .svc-art{ aspect-ratio:5/2; overflow:hidden; background:var(--pale); }
.svc-card .svc-art img{ width:100%; height:100%; object-fit:cover; display:block; }
.svc-card .svc-body{ padding:22px 24px 24px; }
.svc-card h3{ font-family:var(--serif); font-weight:500; font-size:22px; margin:6px 0 8px; color:var(--ink); }
.svc-card .svc-def{ font-size:15px; color:var(--muted-strong); margin:0 0 12px; }
.svc-card ul{ margin:0 0 14px; padding-left:1.2em; font-size:15px; color:var(--ink); }
.svc-card .guide-link{ font-weight:600; color:var(--deep); }
.svc-links{ display:flex; flex-wrap:wrap; gap:10px 22px; margin:22px 0 0; padding:18px 0 0; border-top:1px solid var(--line); font-size:15px; }
.svc-links span{ color:var(--muted-strong); }
.svc-links a{ color:var(--deep); font-weight:600; text-decoration:none; }
.svc-links a:hover{ text-decoration:underline; }
.svc-secondary{ display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:16px 0 56px; }
.svc-mini{ display:grid; grid-template-columns:120px 1fr; gap:18px; align-items:center; background:var(--cream); border:1px solid var(--line); border-radius:8px; padding:18px; color:inherit; text-decoration:none; }
.svc-mini img{ width:120px; height:90px; object-fit:cover; border-radius:6px; }
.svc-mini h3{ font-size:17px; margin:0 0 4px; color:var(--ink); font-weight:600; }
.svc-mini p{ margin:0; font-size:14px; color:var(--muted-strong); }
.svc-mini .guide-link{ font-size:14px; color:var(--deep); font-weight:600; }

/* ===== 進行性（AGA/FAGA とは） ===== */
.progress-section{ background:var(--pale); padding:56px 0; }
.progress-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:24px; }
.progress-card{ background:#fff; border-radius:8px; padding:24px 26px; border-left:4px solid var(--teal); }
.progress-card h3{ margin:0 0 8px; font-size:19px; color:var(--ink); }
.progress-card p{ margin:0 0 12px; font-size:15px; color:var(--muted-strong); }
.section-h2{ font-family:var(--serif); font-weight:500; font-size:clamp(23px,2.4vw,32px); line-height:1.4; color:var(--ink); margin:8px 0 0; }
.section-lead{ color:var(--muted-strong); margin:12px 0 0; max-width:46em; }

/* ===== 治療方法 4枚 ===== */
.methods-section{ padding:56px 0; }
.methods-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:26px; }
.method-card{ background:#fff; border:1px solid var(--line); border-radius:8px; padding:20px 18px; text-decoration:none; color:inherit; }
.method-card:hover{ border-color:var(--teal); }
.method-card .method-no{ font-family:Georgia,serif; font-style:italic; color:var(--teal); font-size:20px; }
.method-card h3{ font-size:17px; margin:8px 0 6px; color:var(--ink); }
.method-card p{ margin:0; font-size:14px; color:var(--muted-strong); }
.method-card .guide-link{ display:inline-block; margin-top:10px; font-size:14px; color:var(--deep); font-weight:600; }

/* ===== 料金の目安 ===== */
.price-section{ background:var(--pale); padding:56px 0; }
.price-layout{ display:grid; grid-template-columns:1fr 1.2fr; gap:36px; align-items:start; margin-top:8px; }
.price-table{ width:100%; border-collapse:collapse; background:#fff; border-radius:8px; overflow:hidden; font-size:15px; }
.price-table th,.price-table td{ padding:14px 16px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.price-table th{ background:#f4faf8; color:var(--deep); font-weight:600; width:38%; }
.price-table td b{ font-size:18px; color:var(--ink); }
.price-table td small{ display:block; color:var(--muted-strong); font-size:13px; }
.price-notes{ margin:12px 0 0; padding-left:1.2em; font-size:13.5px; color:var(--muted-strong); }
.price-free{ display:grid; gap:10px; margin:18px 0 0; padding:0; list-style:none; }
.price-free li{ background:#fff; border:1px solid var(--line); border-radius:8px; padding:12px 14px; font-size:15px; display:flex; justify-content:space-between; gap:12px; }
.price-free li b{ color:var(--teal); white-space:nowrap; }

/* ===== 医師・監修 / 選ばれる理由 ===== */
.doctor-section{ padding:60px 0; }
.doctor-layout{ display:grid; grid-template-columns:320px 1fr; gap:40px; align-items:center; }
.doctor-photo{ aspect-ratio:4/5; border-radius:8px 60px 8px 8px; overflow:hidden; background:var(--pale); }
.doctor-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.doctor-copy .doctor-name{ font-family:var(--serif); font-size:22px; color:var(--ink); margin:14px 0 4px; }
.doctor-copy .doctor-role{ font-size:14px; color:var(--muted-strong); margin:0 0 14px; }
.doctor-copy p{ margin:0 0 12px; }
.why-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:28px; }
.why-item{ background:var(--cream); border:1px solid var(--line); border-radius:8px; padding:18px; }
.why-item span{ display:block; font-family:Georgia,serif; font-style:italic; color:var(--teal); font-size:18px; }
.why-item h3{ font-size:16px; margin:6px 0 6px; color:var(--ink); }
.why-item p{ margin:0; font-size:14px; color:var(--muted-strong); }

/* ===== 症例（抜粋） ===== */
.cases-section{ background:var(--pale); padding:56px 0; }
.case-excerpt{ background:#fff; border:1px solid var(--line); border-radius:8px; padding:22px; margin-top:24px; display:grid; grid-template-columns:1.4fr 1fr; gap:24px; align-items:center; }
.case-photos{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.case-photos figure{ margin:0; }
.case-photos img{ width:100%; aspect-ratio:1; object-fit:cover; border-radius:6px; display:block; }
.case-photos figcaption{ text-align:center; font-size:13px; color:var(--muted-strong); margin-top:4px; }
.case-meta dl{ display:grid; grid-template-columns:auto 1fr; gap:6px 14px; margin:0 0 12px; font-size:14px; }
.case-meta dt{ color:var(--muted-strong); }
.case-meta dd{ margin:0; color:var(--ink); }
.case-meta .case-note{ font-size:13px; color:var(--muted-strong); margin:0 0 12px; }

/* ===== 初診の流れ ===== */
.flow-section{ padding:56px 0; }
.flow-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:26px 0 0; padding:0; list-style:none; counter-reset:step; }
.flow-steps li{ background:#fff; border:1px solid var(--line); border-radius:8px; padding:18px; position:relative; }
.flow-steps li::before{ counter-increment:step; content:"0" counter(step); font-family:Georgia,serif; font-style:italic; color:var(--teal); font-size:22px; display:block; margin-bottom:6px; }
.flow-steps h3{ font-size:16px; margin:0 0 6px; color:var(--ink); }
.flow-steps p{ margin:0; font-size:14px; color:var(--muted-strong); }
.flow-online{ margin:18px 0 0; font-size:15px; color:var(--muted-strong); }

/* ===== コラム導線 ===== */
.column-section{ background:var(--pale); padding:56px 0; }
.column-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:24px; }
.column-card{ background:#fff; border:1px solid var(--line); border-radius:8px; padding:16px 18px; text-decoration:none; color:inherit; display:grid; gap:6px; }
.column-card:hover{ border-color:var(--teal); }
.column-card .column-cat{ font-size:12.5px; color:var(--teal); font-weight:600; letter-spacing:.06em; }
.column-card h3{ font-size:16px; margin:0; line-height:1.55; color:var(--ink); font-weight:600; }
.column-cats{ display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 0; padding:0; list-style:none; }
.column-cats a{ display:inline-block; border:1px solid var(--line); background:#fff; border-radius:999px; padding:8px 14px; font-size:14px; color:var(--deep); text-decoration:none; }
.column-cats a:hover{ border-color:var(--teal); }

/* ===== 中間CTA帯 ===== */
.cta-band{ background:linear-gradient(90deg,#146e71,#008f87); color:#fff; padding:34px 0; }
.cta-band .cta-inner{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; }
.cta-band h2{ font-family:var(--serif); font-weight:500; font-size:22px; margin:0; }
.cta-band p{ margin:4px 0 0; font-size:14px; opacity:.9; }
.cta-band .button.solid{ background:#fff; color:var(--deep); border-color:#fff; }
.cta-band .button.line{ border-color:#fff; }

/* ===== FAQ ===== */
.faq-section .faqs details p{ font-size:15px; }
.faq-section .faqs summary{ font-size:16px; }

/* ===== フッター拡張 ===== */
.footer-cols{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; padding:8px 0 28px; border-bottom:1px solid var(--line); }
.footer-cols h4{ font-size:13px; letter-spacing:.12em; color:var(--deep); margin:0 0 10px; }
.footer-cols a{ display:block; font-size:14px; color:var(--ink); text-decoration:none; padding:3px 0; }
.footer-cols a:hover{ text-decoration:underline; }

/* ===== 下層（AGA/FAGA）追加部品 ===== */
.aga-page .aga-progress-note{ background:var(--pale); border-left:4px solid var(--teal); padding:14px 18px; border-radius:6px; margin:16px 0 0; font-size:15px; color:var(--ink); }
.aga-page .price-table{ margin-top:18px; }
.aga-page .aga-doctor{ display:grid; grid-template-columns:140px 1fr; gap:22px; align-items:center; background:var(--cream); border:1px solid var(--line); border-radius:8px; padding:20px; margin-top:8px; }
.aga-page .aga-doctor img{ width:140px; height:170px; object-fit:cover; border-radius:6px; display:block; }
.aga-page .aga-doctor h3{ margin:0 0 4px; font-size:18px; }
.aga-page .aga-doctor p{ margin:0 0 6px; font-size:14.5px; color:var(--muted-strong); }
.aga-page .aga-columns{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px; }
.aga-page .aga-columns a{ display:block; border:1px solid var(--line); border-radius:8px; padding:14px 16px; text-decoration:none; color:var(--ink); font-size:15px; font-weight:600; background:#fff; }
.aga-page .aga-columns a small{ display:block; font-weight:400; color:var(--teal); font-size:12.5px; margin-bottom:4px; letter-spacing:.06em; }
.aga-page .aga-columns a:hover{ border-color:var(--teal); }
.aga-page .aga-mid-cta{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; background:var(--pale); border-radius:8px; padding:18px 20px; margin:28px 0 0; }
.aga-page .aga-mid-cta p{ margin:0; font-weight:600; color:var(--ink); }
.aga-page .aga-mid-cta .button{ font-size:15px; }
.aga-page .aga-sidebar-consult, .aga-page .aga-toc a{ font-size:14.5px; }
.aga-page .aga-case-note, .aga-page .aga-treatment-note{ font-size:13.5px; }
.aga-page .aga-faqs summary{ font-size:16px; }
.aga-page .aga-faqs p{ font-size:15px; }
.faga-table{ width:100%; border-collapse:collapse; font-size:14.5px; margin-top:16px; background:#fff; }
.faga-table th,.faga-table td{ border:1px solid var(--line); padding:10px 12px; text-align:left; vertical-align:top; }
.faga-table th{ background:#f4faf8; color:var(--deep); }

/* ===== レスポンシブ ===== */
@media (max-width:1120px){ .methods-grid,.flow-steps{ grid-template-columns:repeat(2,1fr); } .why-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:900px){
  .hero-static{ min-height:0; }
  .hero-static .hero-veil{ background:linear-gradient(180deg, rgba(240,247,244,.97) 0%, rgba(240,247,244,.94) 60%, rgba(240,247,244,.6) 100%); }
  .hero-static .hero-inner{ padding:40px 0 36px; }
  .svc-primary .svc-head, .svc-cards, .svc-secondary, .progress-grid, .price-layout, .doctor-layout, .case-excerpt, .column-grid, .footer-cols{ grid-template-columns:1fr; }
  .doctor-photo{ max-width:280px; }
  .aga-page .aga-columns{ grid-template-columns:1fr; }
}
@media (max-width:600px){
  .methods-grid,.flow-steps,.why-grid{ grid-template-columns:1fr; }
  .case-photos{ grid-template-columns:repeat(2,1fr); }
  .svc-mini{ grid-template-columns:96px 1fr; }
  .hero-actions .button{ width:100%; justify-content:center; }
  .aga-page .aga-doctor{ grid-template-columns:1fr; }
  .price-table th{ width:44%; }
}

/* ===== 文字サイズの底上げ（原本 aga.css / consultation.css / clinic-access.css の 8〜12px 対策） ===== */
.eyebrow, .aga-page .eyebrow, .nav-panel .eyebrow{ font-size:12px; }
main p{ font-size:15px; }
main li, main dt, main dd, main figcaption, main small, main .postal-code, main .aga-case-tag, main .text-link, main .aga-inline-link,
.contact-channel-en, .contact-free, .contact-hours-label, .contact-phone-purpose, .contact-web-description, .contact-web-label{ font-size:13px; }
main .aga-stages span, main .aga-hormone-flow small, main .aga-pattern-top small, main .access-facts dd span, main .aga-visit-steps span, main .aga-toc a span, main .aga-case-facts small, main .aga-check-list li, main .aga-medicine-list dt, main .aga-method-grid span, main .aga-other-options span, main .aga-cause-title span{ font-size:13px; }
main .aga-case-facts dd b, main .price-table td b{ font-size:18px; }
main .aga-section-no{ font-size:34px; }
main .hero-lead{ font-size:17px; }

/* 下限の最終保証（原本の2クラス指定に勝つため !important） */
.aga-page main p, main .aga-stages p, main .aga-check-panel p, main .aga-treatment-intro p, main .aga-cost-banner p{ font-size:15px !important; }
main figcaption, main .aga-case-facts dt, main .aga-breadcrumb a, main .aga-masthead-tags span, main .aga-quicklinks span, main .aga-quicklinks a, main .aga-toc-caption span, main .aga-reference span, main .aga-case-heading h3 span, main .aga-sidebar-consult span, main .contact-web-top span, main .contact-web-bottom span, main .access-facts dt, main .access-facts dd span, main .access-map-heading span, main .postal-code, main .access-open b, main .contact-locations, main .consultation-bottom span{ font-size:13px !important; }
main .aga-pattern-top small, main .aga-hormone-flow small, main .aga-case-facts small{ font-size:12px !important; }