/* Shared styling for the legal pages (privacy policy, terms of use).
   Deliberately design-neutral so it fits whichever LP pattern is chosen. */
:root{
  --gold:#A59364;
  --ink:#231916;
  --paper:#F5F3EE;
  --line:rgba(35,25,22,.14);
  --muted:#6E655F;
  --serif:"Shippori Mincho",serif;
  --display:"Cormorant Garamond",serif;
  --sans:"Noto Sans JP",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--paper);color:var(--ink);
  font-family:var(--serif);line-height:2.05;letter-spacing:.04em;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:var(--gold)}
.wrap{width:min(820px,100% - 44px);margin-inline:auto}

.hdr{border-bottom:1px solid var(--line);padding:26px 0}
.hdr img{width:170px}

.draft{
  background:var(--gold);color:#fff;font-family:var(--sans);
  font-size:11.5px;letter-spacing:.08em;line-height:1.8;padding:10px 16px;text-align:center;
}

main{padding:clamp(48px,7vw,86px) 0 90px}
h1{font-size:clamp(24px,3.4vw,32px);font-weight:500;letter-spacing:.09em;line-height:1.6}
h1 small{display:block;font-family:var(--display);font-size:13px;letter-spacing:.24em;
         color:var(--muted);margin-top:12px;text-transform:uppercase}
.intro{font-size:14.5px;line-height:2.3;color:#3C332E;margin:30px 0 8px}

h2{
  font-size:16.5px;font-weight:500;letter-spacing:.08em;line-height:1.8;
  margin:48px 0 14px;padding-top:22px;border-top:1px solid var(--line);
}
h3{font-size:14.5px;font-weight:500;letter-spacing:.06em;margin:24px 0 8px}
p{font-size:14.5px;line-height:2.25;margin-bottom:14px}
ol,ul{margin:0 0 14px 1.4em}
li{font-size:14.5px;line-height:2.2;margin-bottom:4px}
ol.num{counter-reset:n;list-style:none;margin-left:0}
ol.num > li{counter-increment:n;padding-left:2.2em;position:relative}
ol.num > li::before{content:"（" counter(n) "）";position:absolute;left:0;color:var(--muted);font-size:13px}

table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:14px}
th,td{border:1px solid var(--line);padding:11px 14px;text-align:left;line-height:1.95;vertical-align:top}
th{background:rgba(165,147,100,.10);font-weight:500;width:34%}

.tbd{
  display:inline-block;background:rgba(180,65,60,.10);color:#9A3833;
  font-family:var(--sans);font-size:12px;letter-spacing:.04em;
  padding:2px 9px;border-radius:2px;
}
.note{
  background:#fff;border:1px solid var(--line);border-left:2px solid var(--gold);
  padding:20px 22px;margin:26px 0;font-family:var(--sans);font-size:12.5px;
  line-height:2.05;color:var(--muted);
}
.note b{color:var(--ink);font-weight:500}

.meta{margin-top:54px;padding-top:22px;border-top:1px solid var(--line);
      font-family:var(--sans);font-size:12.5px;color:var(--muted);line-height:2.1}

.ftr{border-top:1px solid var(--line);padding:26px 0 40px;text-align:center}
.ftr a{font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-decoration:none;margin:0 12px}
.ftr a:hover{text-decoration:underline}

@media (max-width:640px){
  th,td{display:block;width:100%;border-bottom:0}
  td{border-top:0}
  tr:last-child td{border-bottom:1px solid var(--line)}
}