:root{--white:#fff;--cream:#fdf9f2;--sand:#f6ece0;--ink:#14141a;--body:#3c3c44;
--muted:#6a6a74;--line:#ece4d8;--navy:#14324f;--gold:#b07c3a;--max:680px}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--white);color:var(--body);
font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;
font-size:16px;line-height:1.9;letter-spacing:.01em;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.head{background:var(--cream);padding:30px 0;border-bottom:1px solid var(--line)}
.head a{color:var(--navy);font-size:14px;text-decoration:none;font-weight:600}
.head a:hover{text-decoration:underline}
h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(24px,6vw,30px);
color:var(--ink);line-height:1.5;margin:14px 0 6px;font-weight:700}
.upd{font-size:13px;color:var(--muted)}
main{padding:38px 0 60px}
h2{font-size:18px;color:var(--ink);margin:34px 0 12px;font-weight:700;line-height:1.6;
padding-left:12px;border-left:3px solid var(--navy)}
h2:first-child{margin-top:0}
p{margin-bottom:14px}
ul,ol{margin:0 0 14px 1.4em}
li{margin-bottom:7px}
table{border-collapse:collapse;width:100%;font-size:15px;margin-bottom:16px}
th,td{border:1px solid var(--line);padding:11px 13px;text-align:left;vertical-align:top}
th{background:var(--cream);white-space:nowrap;font-weight:700;color:var(--ink);width:34%}
.ph{background:#fff8e1;border:1px dashed var(--gold);border-radius:6px;
padding:2px 8px;font-size:13px;color:#8a6520;font-weight:700}
.note{background:var(--cream);border-radius:10px;padding:16px 18px;font-size:14.5px;
line-height:1.85;margin:18px 0}
footer{background:#14141a;color:#9a9aa4;padding:26px 0 34px;font-size:13px;line-height:1.9}
footer a{color:#c9c9d2}