*{margin:0;padding:0;box-sizing:border-box}
body{min-height:100%;color:#3a3a3a;line-height:1.9;-webkit-text-size-adjust:100%;
  font-family:'Zen Maru Gothic','Hiragino Maru Gothic ProN','ヒラギノ丸ゴ ProN','Rounded Mplus 1c','BIZ UDGothic',system-ui,sans-serif;
  background:radial-gradient(ellipse at 50% 20%, #3f6ea8, #16304f 75%);
  padding:6vh 5vw 12vh}
main{max-width:640px;margin:0 auto;background:#fffdf4;border:4px solid #222;
  border-radius:22px;padding:34px 26px 30px;box-shadow:0 12px 30px rgba(0,0,0,.4)}
h1{font-size:1.45rem;font-weight:900;letter-spacing:.04em;margin-bottom:.4em;color:#c2410c}
.lead{font-size:.9rem;color:#7a7568;margin-bottom:2.4em}
h2{font-size:1rem;font-weight:900;margin:2.4em 0 .7em;padding-left:.6em;
  border-left:5px solid #ffc93c;letter-spacing:.03em;color:#7a3b00}
p,li{font-size:.88rem}
ul{list-style:none}
li{padding:.5em 0;border-bottom:1px dashed rgba(122,107,80,.3)}
li b{font-weight:700;color:#222}
.note{font-size:.8rem;color:#8a8375;margin-top:.6em}
a{color:#1d6fb8;text-decoration:none;border-bottom:1px solid rgba(29,111,184,.35)}
a:hover{color:#c2410c;border-bottom-color:rgba(194,65,12,.5)}
footer{margin-top:3.5em;padding-top:1.4em;border-top:1px solid rgba(122,107,80,.3);
  font-size:.82rem;color:#8a8375}
footer a{margin-right:1.2em;font-weight:700}