:root{--teal:#00a0b0;--navy:#2c3f77;--text:#333;--sub:#6b7280;--bg:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans JP",system-ui,sans-serif;line-height:1.8}
main{max-width:760px;margin:0 auto;padding:40px 16px 64px}
.label{font-size:12px;letter-spacing:.3em;color:var(--teal)}
h1{color:var(--navy);font-weight:500;font-size:26px;margin:.3em 0 1em;border-bottom:2px solid var(--teal);padding-bottom:.4em}
h2{color:var(--navy);font-size:17px;margin:2em 0 .4em}
p,li{font-size:15px}.sub{color:var(--sub);font-size:13px}
nav a{color:var(--teal);margin-right:1.2em;font-size:14px}
.box{background:rgba(0,160,176,.08);border-left:3px solid var(--teal);padding:12px 16px;margin:1em 0}
code{word-break:break-all}
