/* C案｜下層ページの見た目（トップ style.css の続き。親しみやすく・わかりやすく） */

/* C案には「箇条書きの点を消す」全体指定が無いので、ここで消す */
.pg-ask ul,.pg-menu3,.pg-chips,.pg-faq,.pg-syms,.pg-body ul{list-style:none;margin:0;padding:0;}

/* ---------- 上のナビ帯（トップの段差の代わり） ---------- */
.step--page{height:auto;background:#fff;border-bottom:1px solid #E2E8DC;}
.gnavwrap{width:100%;max-width:1440px;margin:0 auto;padding:0 24px;position:relative;}
.step--page .gnav{height:88px;gap:20px;flex-wrap:nowrap;}
.gnav__logo{flex:none;display:block;width:142px;}
.gnav__logo img{display:block;width:100%;height:auto;}
.step--page .gnav ul{flex-wrap:nowrap;}
.step--page .gnav ul li a{line-height:88px;padding:0 9px;font-size:13.5px;white-space:nowrap;}
.step--page .gnav ul li a.is-current{color:var(--goldT);}
.step--page .gnav ul li a.is-current::after{transform:scaleX(1);}
.step--page .gnav .tel{white-space:nowrap;flex:none;}
.step--page .gnav .sub li a{line-height:44px;}
@media (min-width:1080px) and (max-width:1240px){
  .gnav__logo{width:120px;}
  .step--page .gnav{gap:12px;}
  .step--page .gnav ul li a{padding:0 6px;font-size:12.5px;}
  .step--page .gnav .tel .no{font-size:19px;}
}



/* ---------- ページの見出し ---------- */
.phead{background:var(--bg1);padding:38px 0 76px;}
.crumb{font-size:12px;letter-spacing:.06em;color:#5B6157;margin-bottom:26px;}
.crumb a{color:#5B6157;}
.crumb span{margin:0 .5em;}
.phead .hd{margin-bottom:26px;}
.phead__lead{font-size:16px;line-height:1.95;letter-spacing:.08em;max-width:900px;}
.phead__ph{margin-top:38px;}
.phead__ph .ph{height:auto;aspect-ratio:16/6;}
.phead__ph .phimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

/* ---------- 本文の器 ---------- */
.pg-body{}
.pg-prose{font-size:16px;line-height:1.95;}
.pg-prose p+p{margin-top:1.2em;}
.pg-sign{margin-top:26px;font-family:var(--maru);font-size:17px;letter-spacing:.06em;}
.pg-note{margin-top:22px;font-size:14px;line-height:1.9;color:#5B6157;}

/* 写真｜文章 の2列 */
.pg-split{display:flex;gap:48px;align-items:flex-start;}
.pg-split__ph{flex:0 0 38%;}
.pg-split__tx{flex:1 1 auto;min-width:0;}

.pg-fig{margin:0;}
.pg-fig__ph{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:3px;background:var(--bg2);}
.pg-fig__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.pg-fig figcaption{margin-top:14px;font-size:13px;line-height:1.8;color:#5B6157;}

/* 見出しつきの3ブロック */
.pg-feat{display:flex;gap:44px;align-items:center;margin-top:56px;
  background:#fff;border:1px solid #E2E8DC;border-radius:6px;padding:34px;}
.pg-feat:first-child{margin-top:0;}
.pg-feat.is-flip{flex-direction:row-reverse;}
.pg-feat__ph{display:block;position:relative;flex:0 0 42%;aspect-ratio:4/3;overflow:hidden;
  border-radius:4px;background:var(--bg2);}
.pg-feat__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.pg-feat__tx{flex:1 1 auto;min-width:0;}
.pg-feat__tx h3{font-family:var(--maru);font-size:21px;font-weight:500;letter-spacing:.04em;
  line-height:1.5;margin:0 0 8px;padding-bottom:14px;border-bottom:1px solid var(--line);}
.pg-feat__tx p{margin-top:16px;font-size:15px;line-height:1.95;}

/* 一覧 */
.pg-dl{margin:0;border-top:1px dotted #CFDCC4;}
.pg-dl>div{display:flex;gap:20px;padding:18px 4px;border-bottom:1px dotted #CFDCC4;}
.pg-dl dt{flex:0 0 190px;font-family:var(--geo);font-size:13px;letter-spacing:.06em;color:var(--goldT);
  line-height:1.9;}
.pg-dl dd{margin:0;flex:1 1 auto;min-width:0;font-size:15px;line-height:1.9;}
.pg-telno{font-family:var(--slab);font-size:23px;letter-spacing:2px;color:var(--ink);}

/* 先生に伺う欄 */
.pg-ask{margin-top:40px;background:var(--bg2);border-radius:6px;padding:26px 30px;}
.pg-ask__t{font-family:var(--maru);font-size:15px;letter-spacing:.06em;color:var(--goldT);
  display:inline-block;background:#fff;border-radius:16px;padding:4px 16px;}
.pg-ask__l{margin-top:14px;font-size:14px;line-height:1.9;color:#5B6157;}
.pg-ask ul{margin:14px 0 0;padding:0;}
.pg-ask li{position:relative;padding-left:20px;font-size:15px;line-height:1.9;}
.pg-ask li::before{content:"";position:absolute;left:2px;top:.8em;width:8px;height:8px;
  border-radius:50%;background:var(--gold);}

/* 診療科目 3つ */
.pg-menu3{display:flex;gap:16px;margin:0;padding:0;}
.pg-menu3 li{flex:1;background:#fff;border:1px solid #E2E8DC;border-top:3px solid var(--gold);
  border-radius:6px;padding:30px 22px;text-align:center;scroll-margin-top:130px;}
.pg-menu3 .en{display:block;font-family:var(--geo);font-size:12px;letter-spacing:2px;color:var(--goldT);}
.pg-menu3 .ja{display:block;margin-top:10px;font-family:var(--maru);font-size:20px;letter-spacing:.04em;}

/* 設備 */
.pg-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;}
.pg-chips li{background:var(--goldL);color:#fff;border-radius:18px;padding:8px 22px;
  font-size:15px;letter-spacing:.04em;}

/* 大きな数字 */
.pg-big{display:flex;align-items:center;gap:26px;flex-wrap:wrap;background:#fff;
  border:1px solid #E2E8DC;border-radius:6px;padding:30px 34px;}
.pg-big__n{font-family:var(--serif);font-weight:700;font-size:52px;line-height:1;color:var(--goldT);}
.pg-big p{margin:0;font-size:16px;line-height:1.9;}

/* お知らせの帯 */
.pg-notice{margin-top:34px;background:var(--bg2);border-radius:6px;padding:22px 26px;}
.pg-notice__t{font-family:var(--maru);font-size:16px;letter-spacing:.04em;margin:0 0 6px;}
.pg-notice p+p{font-size:15px;line-height:1.9;margin:0;}

/* 地図 */
.pg-map{margin-top:34px;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:var(--bg2);}
.pg-map iframe{position:absolute;inset:0;border:0;width:100%;height:100%;display:block;}

/* 電話 */
.pg-telwrap{text-align:center;background:var(--bg2);border-radius:8px;padding:44px 24px;}
.pg-tel{display:inline-flex;align-items:center;gap:14px;font-family:var(--slab);font-size:40px;
  line-height:1;letter-spacing:2px;color:var(--ink);}
.pg-tel svg{width:28px;height:28px;fill:var(--goldT);}
.pg-telsum{margin:18px 0 0;font-size:14px;line-height:1.9;color:#5B6157;}

/* フォーム */
.pg-form__row{display:flex;gap:20px;padding:16px 4px;border-bottom:1px dotted #CFDCC4;align-items:flex-start;}
.pg-form__row:first-child{border-top:1px dotted #CFDCC4;}
.pg-form label{flex:0 0 190px;font-family:var(--geo);font-size:13px;letter-spacing:.06em;
  color:var(--goldT);line-height:2.6;}
.pg-form input,.pg-form textarea{flex:1 1 auto;min-width:0;width:100%;font:inherit;font-size:16px;
  color:var(--ink);background:#fff;border:1px solid #E2E8DC;border-radius:5px;padding:11px 14px;line-height:1.8;}
.pg-form textarea{resize:vertical;}
.pg-form__btn{margin-top:28px;text-align:center;}
.pg-form__btn button{font:inherit;font-size:16px;letter-spacing:.06em;color:#fff;background:var(--goldD);
  border:0;border-radius:5px;padding:15px 54px;opacity:.45;cursor:not-allowed;}
.pg-form__note{margin-top:14px;text-align:center;font-size:13px;color:#5B6157;}

/* よくある質問 */
.pg-faq{list-style:none;margin:0;padding:0;border-top:1px dotted #CFDCC4;}
.pg-faq li{border-bottom:1px dotted #CFDCC4;padding:22px 4px;}
.pg-faq .q{display:flex;gap:12px;margin:0;font-family:var(--maru);font-size:17px;line-height:1.7;
  letter-spacing:.04em;text-align:left;}
.pg-faq .a{display:flex;gap:12px;margin-top:12px;}
.pg-faq .a p{font-size:15px;line-height:1.9;color:#5B6157;margin:0;text-align:left;}
.pg-faq .a p+p{margin-top:.6em;}
.pg-faq i{font-style:normal;font-family:var(--serif);font-weight:700;font-size:18px;line-height:1.5;
  flex:none;width:22px;text-align:center;}
.pg-faq .q i{color:var(--goldT);}
.pg-faq .a i{color:#9DBE89;}

/* 症状 */
.pg-syms{display:flex;flex-direction:column;gap:20px;}
.pg-sym{display:flex;gap:34px;align-items:flex-start;background:#fff;border:1px solid #E2E8DC;
  border-radius:8px;padding:30px;scroll-margin-top:130px;}
.pg-sym__ph{display:block;flex:0 0 210px;position:relative;aspect-ratio:4/3;overflow:hidden;
  border-radius:6px;background:var(--bg2);}
.pg-sym__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.pg-sym__tx{flex:1 1 auto;min-width:0;}
.pg-sym__en{display:block;font-family:var(--geo);font-size:12px;letter-spacing:2px;color:var(--goldT);}
.pg-sym__tx h3{margin:6px 0 0;font-family:var(--maru);font-size:22px;font-weight:500;letter-spacing:.04em;}
.pg-sym .pg-prose{margin-top:14px;font-size:15px;}
.pg-sym .pg-ask{margin-top:18px;background:var(--bg1);}

/* お知らせ一覧 */
.newslist li{scroll-margin-top:130px;}

/* ---------- スマホ ---------- */
@media (max-width:1079px){
  .step--page{display:none;}
  .phead{padding:22px 0 40px;}
  .phead .hd{margin-bottom:18px;}
  .phead__ph .ph{aspect-ratio:4/3;}
  .pg-split{flex-direction:column;gap:24px;}
  .pg-split__ph{flex:none;width:100%;}
  .pg-fig__ph{aspect-ratio:4/3;}
  .pg-feat{flex-direction:column;gap:20px;padding:22px;margin-top:34px;}
  .pg-feat.is-flip{flex-direction:column;}
  .pg-feat__ph{flex:none;width:100%;}
  .pg-feat__tx h3{font-size:18px;}
  .pg-dl>div{flex-direction:column;gap:4px;padding:14px 2px;}
  .pg-dl dt{flex:none;}
  .pg-menu3{flex-direction:column;gap:10px;}
  .pg-big{padding:22px;gap:14px;}
  .pg-big__n{font-size:38px;}
  .pg-telwrap{padding:30px 16px;}
  .pg-tel{font-size:28px;gap:10px;}
  .pg-tel svg{width:20px;height:20px;}
  .pg-form__row{flex-direction:column;gap:6px;}
  .pg-form label{flex:none;line-height:1.8;}
  .pg-faq .q{font-size:16px;gap:8px;}
  .pg-faq i{width:18px;font-size:16px;}
  .pg-sym{flex-direction:column;gap:18px;padding:20px;}
  .pg-sym__ph{flex:none;width:100%;aspect-ratio:16/10;}
  .pg-sym__tx h3{font-size:19px;}
}

/* 症状ページの冒頭の一言 */
.pg-note--top{margin:0 0 28px;}

/* ページの題名は h1（見た目は .hd .ja のまま） */
.hd h1.ja{font-weight:500;}