/* =========================================================
   legal.css ─ プライバシーポリシー / 利用規約 用スタイル
   ---------------------------------------------------------
   common.css を前提に、法務ページの本文まわりのみ定義。
   ========================================================= */

.l-page{background:#fff}

/* ---------- ページ見出し ---------- */
.l-head{
  background:var(--cream);border-bottom:1px solid var(--line);
  padding:clamp(48px,7vw,88px) 0 clamp(36px,5vw,56px);text-align:center;
}
.l-title{
  font-family:"Zen Old Mincho",serif;font-weight:700;
  font-size:clamp(26px,4.4vw,42px);line-height:1.45;letter-spacing:.02em;color:var(--ink);
}

/* ---------- 本文 ---------- */
.l-body{padding:clamp(44px,6vw,72px) 0 clamp(56px,7vw,88px)}
.l-lead{
  font-size:15px;line-height:2.05;color:var(--muted);
  padding-bottom:clamp(28px,3.5vw,38px);margin-bottom:clamp(28px,3.5vw,38px);
  border-bottom:1px solid var(--line);
}

.l-sec{margin-bottom:clamp(32px,4vw,44px)}
.l-sec h2{
  font-family:"Zen Old Mincho",serif;font-weight:700;
  font-size:clamp(17px,2.4vw,21px);line-height:1.5;color:var(--ink);
  padding-left:14px;border-left:4px solid var(--orange);margin-bottom:18px;
}
.l-sec p{font-size:14.5px;line-height:2;color:var(--ink);margin-bottom:14px}
.l-sec p:last-child{margin-bottom:0}
.l-sec a{color:var(--orange-dark);text-decoration:underline;text-underline-offset:3px;font-weight:700}
.l-sec a:hover{color:var(--orange)}

.l-sec ul{list-style:none;display:grid;gap:12px;margin:16px 0}
.l-sec ul li{
  position:relative;padding-left:24px;font-size:14.5px;line-height:1.9;color:var(--ink);
}
.l-sec ul li::before{
  content:"";position:absolute;left:2px;top:.6em;
  width:8px;height:8px;border-radius:50%;background:var(--orange);opacity:.55;
}

.l-note{
  background:var(--cream);border-radius:var(--radius-sm);
  padding:16px 18px;font-size:13px;line-height:1.9;color:var(--muted);
}

/* 重要事項（医療機関ではない旨など） */
.l-important{
  background:var(--orange-soft);border-left:4px solid var(--orange);
  padding:16px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  font-weight:700;color:var(--ink);
}

/* ---------- お問い合わせ窓口 ---------- */
.l-contact{
  background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);
  padding:clamp(22px,3vw,30px);
}
.l-contact-name{
  font-family:"Zen Old Mincho",serif;font-size:17px;color:var(--ink);
  padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:4px;
}
.l-contact dl{display:grid}
.l-contact dl > div{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.l-contact dl > div:last-child{border-bottom:0}
.l-contact dt{font-size:12.5px;font-weight:900;color:var(--orange-dark)}
.l-contact dd{font-size:14px;color:var(--ink);margin:0}
.l-contact dd a{color:var(--ink);font-weight:700}

/* ---------- 制定日・戻る ---------- */
.l-date{
  margin-top:clamp(32px,4vw,44px);padding-top:20px;border-top:1px solid var(--line);
  font-size:13px;color:var(--muted);text-align:right;
}
.l-back{text-align:center;margin-top:clamp(32px,4vw,44px)}

/* ---------- フッターの法務リンク ---------- */
.footer-legal{
  display:flex;justify-content:center;gap:24px;flex-wrap:wrap;
  margin-top:32px;padding-top:24px;border-top:1px solid var(--line);
}
.footer-legal a{font-size:12.5px;color:var(--muted);font-weight:700}
.footer-legal a:hover{color:var(--orange)}

/* ---------- レスポンシブ ---------- */
@media(max-width:560px){
  .l-contact dl > div{grid-template-columns:1fr;gap:4px}
  .l-date{text-align:left}
}