/* ===========================================================
   神泉 × のむシリカ ─ 付随ページ用オーバーレイCSS
   ------------------------------------------------------------
   LP v3 の style.css を読み込んだ「あと」に読み込みます。
   v3 にないパーツ（法定表記の定義リスト等）だけを定義しており、
   配色・書体・余白・見出しスケールは v3 をそのまま継承します。
   → v3 側のデザインを変えれば、このページも自動で追従します。
   =========================================================== */

/* ---------- コンテナ（v3の .narrow=760px より少し広い、法定文書向け） ---------- */
.doc{max-width:880px;margin:0 auto;padding-inline:clamp(20px,5vw,48px)}

/* ---------- ページ見出し ---------- */
.pagehead{padding-block:clamp(64px,9vw,120px) clamp(36px,5vw,56px);border-bottom:1px solid var(--line-s)}
.pagehead h1{font-family:var(--mincho);font-weight:500;
  font-size:clamp(28px,4.2vw,52px);line-height:1.34;letter-spacing:.004em;margin:22px 0 0}
.pagehead .lead{color:var(--text-2);font-size:15.5px;line-height:1.95;max-width:34em;margin:24px 0 0;letter-spacing:.005em}

/* ---------- セクション ---------- */
.sec{padding-block:clamp(48px,7vw,84px)}
.sec + .sec{border-top:1px solid var(--line-s)}
.sec > .doc > h2{font-family:var(--mincho);font-weight:500;
  font-size:clamp(21px,2.6vw,30px);line-height:1.5;letter-spacing:.008em;margin:0 0 26px}

/* ---------- 長文（法定文書用。v3の .body は max-width 27em のため別に用意） ---------- */
.prose{color:var(--text-2);font-size:15px;line-height:2.05;letter-spacing:.005em}
.prose h2{font-family:var(--mincho);font-weight:500;color:var(--text);
  font-size:clamp(17px,1.9vw,21px);line-height:1.7;letter-spacing:.01em;margin:clamp(40px,5vw,56px) 0 16px}
.prose h2:first-child{margin-top:0}
.prose h3{font-family:var(--mincho);font-weight:500;color:var(--text);
  font-size:clamp(15.5px,1.7vw,18px);line-height:1.8;margin:32px 0 12px}
.prose p{margin:0 0 1.5em}
.prose p:last-child{margin-bottom:0}
.prose ul,.prose ol{padding-left:1.4em;margin:0 0 1.5em}
.prose li{margin-bottom:.65em}
.prose li:last-child{margin-bottom:0}
.prose strong{color:#eef3fa;font-weight:500}
.prose code{background:rgba(190,212,240,.09);border-radius:3px;padding:2px 7px;font-size:.92em}

/* ---------- 定義リスト（特商法・会社概要） ---------- */
.dl{border-top:1px solid var(--line);margin:0}
.dl .r{display:grid;grid-template-columns:clamp(150px,20vw,214px) 1fr;gap:0 28px;
  padding:20px 0;border-bottom:1px solid var(--line-s);align-items:start}
.dl dt{font-size:12.5px;letter-spacing:.1em;color:var(--text-3);line-height:1.95;padding-top:.2em}
.dl dd{margin:0;color:var(--text-2);font-size:14.5px;line-height:1.95;letter-spacing:.005em}
.dl dd strong{color:#eef3fa;font-weight:500}
.dl dd em{display:block;font-style:normal;font-size:12.5px;color:var(--text-3);margin-top:8px;line-height:1.9}
.dl dd ul{margin:.4em 0 0;padding-left:1.25em}
.dl dd li{margin-bottom:.45em}
.dl dd li:last-child{margin-bottom:0}
@media (max-width:640px){
  .dl .r{grid-template-columns:1fr;gap:7px;padding:18px 0}
  .dl dt{font-size:11.5px;letter-spacing:.16em;color:var(--ice-d)}
  .dl dt br{display:none}
}

/* ---------- 未確定の記入欄 ---------- */
.fill{display:inline-block;background:rgba(201,168,106,.12);
  border-bottom:1px dashed rgba(201,168,106,.55);color:var(--gold);
  padding:1px 9px;border-radius:2px;font-size:13px;letter-spacing:.04em}

/* ---------- 制作用の注意書き（公開時は削除） ---------- */
.notice{margin:0 0 clamp(30px,4.5vw,44px);padding:19px 23px;
  background:rgba(201,168,106,.07);border:1px solid rgba(201,168,106,.26);border-radius:3px}
.notice p{margin:0;font-size:13px;line-height:1.95;color:#dfd0b0;letter-spacing:.02em}
.notice strong{color:var(--gold);font-weight:500}

/* ---------- 会社紹介 ---------- */
.fig{margin:0 0 clamp(26px,3.6vw,38px);border:1px solid var(--line-s);border-radius:2px;overflow:hidden}
.fig img{display:block;width:100%;height:auto}
.fig figcaption{font-size:11.5px;letter-spacing:.1em;color:var(--text-3);
  padding:12px 16px;background:var(--navy);line-height:1.85}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.6vw,28px)}
@media (max-width:720px){.two{grid-template-columns:1fr}}
.acard{background:var(--navy);border:1px solid var(--line-s);border-radius:3px;padding:clamp(22px,3vw,30px)}
.acard h3{font-family:var(--mincho);font-weight:500;color:var(--text);font-size:16.5px;line-height:1.8;margin:0 0 12px}
.acard p{margin:0;font-size:13.5px;line-height:2;color:var(--text-3);letter-spacing:.01em}

/* ---------- フッターの年齢注意文 ---------- */
.agewarn{
  font-size:clamp(13.5px,1.5vw,15.5px);
  line-height:1.9;
  letter-spacing:.04em;
  color:rgba(230,236,246,.44);
  margin:0 0 24px;
  padding-bottom:22px;
  border-bottom:1px solid var(--line-s);
}