*{margin:0;padding:0;box-sizing:border-box}
body{min-height:100%;color:#2c3a55;line-height:1.9;-webkit-text-size-adjust:100%;
  /* ライセンスページは欧文もふくめて全て日本語書体で統一する(Fredokaは使わない) */
  font-family:'M PLUS Rounded 1c','Hiragino Maru Gothic ProN','ヒラギノ丸ゴ ProN','BIZ UDGothic',system-ui,sans-serif;
  background:linear-gradient(#aee3ff,#fdf3d8 75%);
  padding:6vh 5vw 12vh}
main{max-width:640px;margin:0 auto;background:#fff9ec;border:3px solid #2c3a55;
  border-radius:22px;padding:34px 26px 30px;box-shadow:0 6px 0 rgba(44,58,85,.18)}
h1{font-size:1.45rem;font-weight:800;letter-spacing:.04em;margin-bottom:.4em;color:#f27d1a}
.lead{font-size:.9rem;color:#6e7688;margin-bottom:2.4em}
h2{font-size:1rem;font-weight:800;margin:2.4em 0 .7em;padding-left:.6em;
  border-left:5px solid #ff9b3d;letter-spacing:.03em;color:#2c3a55}
p,li{font-size:.88rem}
ul{list-style:none}
li{padding:.5em 0;border-bottom:1px dashed rgba(44,58,85,.25)}
li b{font-weight:700;color:#2c3a55}
.note{font-size:.8rem;color:#7d8496;margin-top:.6em}
a{color:#1d6fb8;text-decoration:none;border-bottom:1px solid rgba(29,111,184,.35)}
a:hover{color:#f27d1a;border-bottom-color:rgba(242,125,26,.5)}
footer{margin-top:3.5em;padding-top:1.4em;border-top:1px solid rgba(44,58,85,.25);
  font-size:.82rem;color:#7d8496}
footer a{margin-right:1.2em;font-weight:700}