:root{--ink:#173042;--navy:#07568b;--blue:#1687bd;--pale:#eaf6fb;--yellow:#f7b801;--line:#c9dce6;--paper:#f8fbfc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans JP",sans-serif}a{color:var(--blue)}header{height:72px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-top:5px solid var(--navy);border-bottom:1px solid var(--line)}header a{text-decoration:none;color:var(--ink);font-size:12px}header a:first-child{display:flex;align-items:baseline;gap:14px}header strong{font-size:20px}header span,.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800}main{padding:80px 20px 110px}article{max-width:780px;margin:auto;background:#fff;padding:70px 76px;box-shadow:0 14px 45px rgba(14,55,80,.08)}.eyebrow{margin:0 0 20px;color:var(--blue)}h1{font-size:clamp(34px,5vw,52px);line-height:1.35;letter-spacing:-.045em;margin:0 0 35px}h2{margin:60px 0 20px;padding-left:15px;border-left:7px solid var(--yellow);font-size:27px;line-height:1.45}h3{margin:38px 0 15px;font-size:20px}p,li{font-size:16px;line-height:2;color:#344f5f}ul,ol{padding-left:1.5em;margin:20px 0 30px}li{margin:8px 0}blockquote{margin:35px 0;padding:20px 23px;background:var(--pale);border-left:5px solid var(--blue);font-size:14px;line-height:1.8}pre{overflow:auto;padding:20px;background:#071f31;color:#e7f3f6;border-radius:4px}.table-wrap{overflow:auto;margin:25px 0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:13px;border:1px solid var(--line);text-align:left;line-height:1.6}th{background:var(--pale)}.book-card{margin-top:70px;padding:34px;background:var(--navy);color:#fff;border-top:8px solid var(--yellow)}.book-card h2{margin:8px 0 12px;padding:0;border:0;color:#fff}.book-card p{color:#d7eaf0;font-size:14px}.book-card a{display:block;margin-top:22px;padding:16px;background:var(--yellow);color:#111;text-align:center;text-decoration:none;font-weight:800}footer{display:flex;justify-content:space-between;padding:30px 6vw;background:#071f31;color:#fff;font-size:11px}@media(max-width:700px){header{height:64px;padding:0 20px}header span{display:none}main{padding:35px 12px 70px}article{padding:40px 22px}h1{font-size:34px}h2{margin-top:48px;font-size:23px}p,li{font-size:15px;line-height:1.9}.book-card{padding:25px 20px}footer{flex-direction:column;gap:8px;padding:25px 20px}}