*{box-sizing:border-box}
body{margin:0;font-family:"Noto Sans JP","Hiragino Sans","Yu Gothic",system-ui,sans-serif;color:#1f2a37;background:#fff;line-height:1.9;font-size:16px}
a{color:#0E7C86}
.wrap{max-width:840px;margin:0 auto;padding:0 24px}
header{border-bottom:1px solid #e6ebf0}
header .wrap{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 24px;flex-wrap:wrap}
header .brand{font-weight:900;font-size:18px;color:#1f2a37;text-decoration:none}
header .brand span{font-size:12px;font-weight:400;color:#5b6b7b;margin-left:8px}
header nav a{font-size:14px;color:#3c4a5a;text-decoration:none;margin-left:20px}
main{padding:56px 0 96px}
h1{font-size:30px;line-height:1.4;margin:0 0 8px}
.updated{font-size:13px;color:#5b6b7b;margin:0 0 40px}
h2{font-size:20px;margin:48px 0 12px;padding-left:14px;border-left:4px solid #0E7C86;line-height:1.5}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:1.4em}
li{margin:4px 0}
table.spec{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:15px}
table.spec th,table.spec td{padding:14px 12px;border-bottom:1px solid #e6ebf0;text-align:left;vertical-align:top}
table.spec th{width:200px;font-weight:700;color:#0f1b2d;background:#f4f6f8}
.todo{background:#fff7e0;border:1px solid #f0d58a;border-radius:4px;padding:0 6px;color:#7a5a00;font-size:13px;font-weight:700}
.note{font-size:14px;color:#3c4a5a;background:#f4f6f8;border-radius:8px;padding:16px 20px;margin:24px 0}
footer{border-top:1px solid #e6ebf0;padding:28px 0;font-size:13px;color:#5b6b7b}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a{color:#5b6b7b;text-decoration:none;margin-left:16px}
@media(max-width:640px){table.spec th,table.spec td{display:block;width:100%}table.spec th{padding-bottom:4px}table.spec td{padding-top:4px;border-bottom:1px solid #e6ebf0}table.spec th{border-bottom:0}h1{font-size:24px}}