
:root{
  --ink:#12202f; --sub:#5b6b7f; --line:#dfe5ec; --navy:#102a4c;
  --bg:#fff; --panel:#f6f8fa;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  font-feature-settings:"palt" 1;line-height:1.95;font-size:clamp(15px,14px + .25vw,16.5px);
}
.bar{background:var(--navy);color:#fff;padding:.85rem clamp(1rem,4vw,2.5rem)}
.bar a{color:#fff;text-decoration:none;font-size:.85rem;opacity:.9}
.bar a:hover{opacity:1;text-decoration:underline}
main{max-width:52rem;margin:0 auto;padding:clamp(2.5rem,7vw,5rem) clamp(1.15rem,5vw,2rem) 5rem}
h1{
  font-family:"Shippori Mincho","Yu Mincho",serif;font-weight:600;
  font-size:clamp(1.55rem,1.2rem + 1.7vw,2.4rem);line-height:1.45;
  margin:0 0 2.5rem;letter-spacing:.01em;
}
h2{
  font-family:"Shippori Mincho","Yu Mincho",serif;font-weight:600;
  font-size:clamp(1.05rem,1rem + .45vw,1.25rem);line-height:1.6;
  margin:2.75rem 0 .85rem;padding-left:.8rem;border-left:3px solid var(--navy);
}
p{margin:0 0 1.1rem}
ol,ul{margin:0 0 1.1rem;padding-left:1.5rem}
li{margin:.35rem 0}
table{width:100%;border-collapse:collapse;margin:0 0 1.5rem;font-size:.95em}
th,td{border:1px solid var(--line);padding:.85rem .95rem;text-align:left;vertical-align:top}
th{background:var(--panel);width:32%;font-weight:600;white-space:nowrap}
@media (max-width:34rem){
  table,tbody,tr,th,td{display:block;width:auto}
  th{border-bottom:0;white-space:normal}
  td{border-top:0;margin-bottom:.9rem}
}
.meta{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--sub);font-size:.82rem}
.notice{background:var(--panel);border-left:3px solid var(--navy);padding:1.1rem 1.25rem;margin:0 0 1.6rem}
.notice p:last-child{margin-bottom:0}
a{color:var(--navy)}

/* ---- 指で押す端末だけ、当たり判定を48pxにする（見た目は1pxも変えない） ----
   トップページ(index.html)と同じ手法＝padding で押せる範囲を広げ、同量の【負のmargin】で打ち消す。
   ここの2つはどちらも inline のリンクなので、縦paddingは行の高さも隣との間隔も動かさない
   （背景も枠も付けていないので描画は完全に不変）。
   ★実測で証明: SP390(touch=pointer:coarse) / PC1280 / PC1440 × 全6ページのフルページ画像を
     変更前後で1ピクセルずつ突き合わせて差分0（撮り直しのブレも0であることを先に確認済み）。
   ★マウス環境(pointer:fine)には一切当てない。 */
@media (pointer:coarse){
  .bar a{padding-block:14px;margin-block:-14px;
         padding-inline:1px;margin-inline:-1px}   /* 46x20px → 48x48px（← 戻る） */
  main a{padding-block:14px;margin-block:-14px}   /* 126x21px → 126x49px（メールリンク） */
}
