@charset "UTF-8";
/* ============================================================
   privacy.css — プライバシーポリシー（page-privacy-policy.php）
   パンくず / 見出し / 目次 / 本文 / 連絡先ブロック

   本文（.lgl__body 以下）は固定ページのブロックエディタで入力するため、
   クラスではなく要素セレクタで組み立てている（news.css の
   .news-single__body と同じ考え方）。編集者がクラスを付けなくても
   見た目が崩れないようにするため。
   ============================================================ */

/* 下に .cta（section-contact）が続くため、本文側の下余白は殺す。 */
.l-main--flush-bottom{padding-bottom:0 !important}

.lgl{max-width:860px;padding-bottom:clamp(56px,8vw,96px)}

/* ---------- パンくず ---------- */
.lgl__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.4em;font-size:.76rem;color:var(--gray);margin-bottom:clamp(24px,4vw,40px)}
.lgl__crumbs a{color:var(--blue-700)}
.lgl__crumbs-sep{color:var(--line)}

/* ---------- 見出し ---------- */
.lgl__head{margin-bottom:clamp(28px,4vw,44px)}
.lgl__en{display:block;font-size:.72rem;font-weight:700;letter-spacing:.28em;color:var(--blue-500);margin-bottom:.9em}
.lgl__title{font-family:var(--f-serif);font-weight:600;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.5;letter-spacing:.03em}

/* ---------- 本文（ブロックエディタで入力する範囲） ---------- */
.lgl__body{font-size:.92rem;line-height:1.95;color:var(--ink-2)}

.lgl__body h2{
  font-family:var(--f-serif);font-weight:600;color:var(--ink);
  font-size:clamp(1.2rem,2.8vw,1.6rem);line-height:1.6;letter-spacing:.03em;
  padding-bottom:.6em;border-bottom:2px solid var(--blue-800);
  margin:clamp(48px,7vw,80px) 0 1.4em;
  /* 固定ヘッダーに隠れないよう、目次から飛んだときの着地位置をずらす。 */
  scroll-margin-top:90px;
}
/* 目次のすぐ下・本文の先頭に来る h2 は、上の余白を少し詰める。 */
.lgl__body > h2:first-child,
.lgl__body > .lgl__index + h2{margin-top:clamp(40px,6vw,64px)}

.lgl__body h3{
  font-size:clamp(1rem,2vw,1.08rem);font-weight:700;color:var(--blue-800);
  margin:2.2em 0 .7em;padding-left:.7em;border-left:4px solid var(--blue-300);
  scroll-margin-top:90px;
}
.lgl__body h2 + h3{margin-top:1.6em}

.lgl__body p{margin-bottom:.9em}
.lgl__body p:last-child{margin-bottom:0}

/* 冒頭のリード文（段落ブロックに追加CSSクラス lgl__lead を付ける）。 */
.lgl__body .lgl__lead{font-size:.95rem;color:var(--ink-2);margin-bottom:1.2em}

.lgl__body ul,
.lgl__body ol{display:grid;gap:.6em;margin:.9em 0 1.2em}
.lgl__body li{position:relative;padding-left:1.2em;line-height:1.9}
.lgl__body ul > li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--blue-300)}
.lgl__body ol{counter-reset:lgl-ol}
.lgl__body ol > li{counter-increment:lgl-ol}
.lgl__body ol > li::before{content:counter(lgl-ol) ".";position:absolute;left:0;font-weight:700;color:var(--blue-500);font-size:.86em}

/*
 * 目次（本文の h2 から自動生成し、最初の h2 の直前に差し込む）。
 * .lgl__body の ul/li より後ろ、かつ強いセレクタで書いて
 * 本文リストの装飾（丸ポチ・行間）を打ち消している。
 */
.lgl__body .lgl__index{background:var(--blue-050);border:1px solid var(--blue-100);border-radius:var(--radius);padding:1.2em 1.4em;margin:1.6em 0 0}
.lgl__body .lgl__index ul{display:grid;gap:.5em;margin:0}
.lgl__body .lgl__index li{position:relative;padding-left:1.1em;font-size:.88rem;line-height:1.7}
.lgl__body .lgl__index li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--blue-500)}

.lgl__body img{border-radius:8px;margin:.6em 0}
.lgl__body hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}

/* 附則など、本文より一段落とす注記（段落ブロックに lgl__note を付ける）。 */
.lgl__body .lgl__note{font-size:.84rem;color:var(--gray)}

/* ---------- 連絡先ブロック（[amg_contact_box]） ---------- */
.lgl__contact{
  margin:1.4em 0 1.2em;background:var(--blue-050);border:1px solid var(--blue-100);
  border-radius:var(--radius);padding:clamp(1.2em,3vw,1.8em);
}
.lgl__contact-name{font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:.8em}
.lgl__contact .dl{border-top-color:var(--blue-100)}
.lgl__contact .dl__row{border-bottom-color:var(--blue-100)}
/* dd のブラウザ既定マージン（左40px）を消す。common.css の .dl は未リセットのため。 */
.lgl__contact .dl__v{margin:0}
.lgl__contact-btn{margin-top:1.4em;width:100%}
@media (min-width:560px){.lgl__contact-btn{width:auto;min-width:280px}}