/* ============================================================
   規約系ページ共通スタイル（index.html のデザイントークンに準拠）
   ============================================================ */
:root{
  --blue:        #0f5fa8;
  --blue-pale:   #eaf1f8;
  --yellow:      #ffce00;
  --red:         #ff2600;
  --marker:      #ffe7ad;
  --line-green:  #06C755;
  --line-green-d:#05a648;

  --ink:         #16202b;
  --bg:          #ffffff;
  --bg-alt:      #f3f5f7;
  --border:      #dbe1e6;
  --bw:          2px;

  --fs-xs:       12px;
  --fs-sm:       14px;
  --fs-md:       16px;
  --fs-lg:       18px;
  --fs-xl:       21px;

  --radius:      16px;
  --container:   440px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:"Noto Sans JP",sans-serif;
  font-weight:400;
  color:var(--ink);
  background:var(--bg);
  line-height:1.65;
  font-size:var(--fs-sm);
  letter-spacing:.02em;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}

.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:20px}

/* ヘッダー */
.hdr{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);
  backdrop-filter:saturate(1.4) blur(6px);border-bottom:1px solid var(--border);
}
.hdr__inner{
  max-width:var(--container);margin-inline:auto;padding:10px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.logo{display:block;line-height:0}
.logo img{height:34px;width:auto}
.hdr__cta{
  background:var(--line-green);color:#fff;text-decoration:none;font-weight:700;
  font-size:var(--fs-xs);padding:9px 14px;border-radius:999px;white-space:nowrap;
}
.hdr__cta:hover{background:var(--line-green-d)}

/* 本文 */
.legal{padding:40px 0 64px}
.legal__title{
  margin:0 0 8px;font-size:var(--fs-xl);font-weight:700;line-height:1.5;text-align:center;
}
.legal__title::after{
  content:"";display:block;width:40px;height:4px;border-radius:2px;
  margin:16px auto 0;background:var(--blue);
}
.legal__lead{margin:28px 0 0}
.legal__updated{margin:32px 0 0;font-size:var(--fs-xs);text-align:right}

.legal h2{
  margin:36px 0 12px;font-size:var(--fs-md);font-weight:700;line-height:1.5;
  padding-left:12px;border-left:4px solid var(--yellow);
}
.legal h3{margin:20px 0 8px;font-size:var(--fs-sm);font-weight:700}
.legal p{margin:0 0 12px}
.legal ol,.legal ul{margin:0 0 12px;padding-left:1.4em}
.legal li{margin-bottom:6px}
.legal li > ol,.legal li > ul{margin-top:6px}

/* 特商法の表 */
.spec{width:100%;border-collapse:collapse;margin:24px 0 0;font-size:var(--fs-sm)}
.spec th,.spec td{
  text-align:left;vertical-align:top;padding:12px 4px;
  border-bottom:1px solid var(--border);line-height:1.65;
}
.spec th{width:34%;font-weight:700;padding-right:12px}

/* フッター */
.footer{background:var(--ink);color:#c2ccd4;padding:36px 0 28px;font-size:var(--fs-xs);line-height:1.7}
.footer a{color:#c2ccd4;text-decoration:underline}
.footer__links{margin:18px 0 0;padding:0;list-style:none}
.footer__links li + li{margin-top:10px}
.footer__links a{display:inline-block;padding:2px 0}
.back{display:block;text-align:center;margin-top:32px;font-weight:700;text-decoration:underline}