:root{
  --orange:#ff8a3d; --orange-d:#f5751f; --blue:#3da5ff; --blue-l:#eaf5ff;
  --yellow:#ffd24d; --ink:#2b3a42; --gray:#5b6770; --line:#eef1f4; --bg:#fffdf8;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Hiragino Maru Gothic ProN','Yu Gothic',sans-serif;color:var(--ink);background:var(--bg);line-height:1.9}
a{color:var(--blue)}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}

header{background:#fff;border-bottom:3px solid var(--yellow);position:sticky;top:0;z-index:20}
.head-in{display:flex;align-items:center;gap:14px;height:110px;max-width:1040px;margin:0 auto;padding:0 16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:var(--orange);text-decoration:none}
.logo .mark{width:40px;height:40px;border-radius:50%;background:var(--orange);display:grid;place-items:center;color:#fff;font-size:20px}
.logo small{display:block;font-size:11px;color:var(--gray);font-weight:600}

.crumb{font-size:13px;color:var(--gray);padding:14px 0}
.crumb a{color:var(--gray);text-decoration:none}
.crumb a:hover{color:var(--orange)}

main{padding-bottom:40px}
h1.title{font-size:26px;margin:10px 0 24px;padding-bottom:14px;border-bottom:3px solid var(--yellow)}
h2{font-size:19px;margin:30px 0 12px;display:flex;align-items:center;gap:8px}
h2::before{content:"";width:7px;height:22px;border-radius:4px;background:var(--orange)}
p{margin:10px 0;font-size:15px}
ul{margin:10px 0 10px 22px;font-size:15px}
li{margin:5px 0}
.card{background:#fff;border:2px solid var(--line);border-radius:14px;padding:18px 22px;margin:16px 0}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left}
th{background:var(--blue-l);width:34%}
.updated{font-size:12px;color:#b5bcc2;margin-top:6px}

footer{background:#fff;border-top:3px solid var(--yellow);margin-top:50px;padding:24px 0}
.foot-in{max-width:1040px;margin:0 auto;padding:0 16px;font-size:13px;color:var(--gray)}
.foot-in a{color:var(--gray);text-decoration:none}
.foot-in a:hover{color:var(--orange)}

@media(max-width:600px){th{width:auto;display:block}td{display:block}.head-in{height:72px}.logo img{width:160px}}