*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#111827;background:#f7f9ff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.8}a{color:#2747c7}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.6rem;z-index:9}header{height:70px;background:#fff;display:flex;align-items:center;padding:0 max(16px,calc((100% - 1180px)/2));border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:#111827;text-decoration:none;font-weight:800;font-size:18px;white-space:nowrap}.brand i{font-style:normal;color:#fff;background:linear-gradient(135deg,#3867ee,#7244df);width:38px;height:38px;display:grid;place-items:center;border-radius:12px}header nav{margin-left:auto;display:flex;gap:18px;align-items:center}header nav a{font-size:12px;font-weight:700;text-decoration:none;color:#334155}.menu{display:none;margin-left:auto}.breadcrumb{max-width:1180px;margin:20px auto;padding:0 20px;display:flex;gap:9px;font-size:13px;color:#64748b}.breadcrumb a{color:#475569}main{max-width:1180px;margin:auto;padding:0 20px 70px}.hero{background:linear-gradient(135deg,#fff 20%,#edf2ff 65%,#eefcff);padding:54px clamp(24px,6vw,76px);border:1px solid #e4e8f3;border-radius:30px;box-shadow:0 16px 50px #20377a12}.eyebrow{display:inline-block;color:#3155a4;background:#eef3ff;border:1px solid #d8e1f4;border-radius:999px;padding:4px 13px;font-size:12px;font-weight:800;letter-spacing:.08em}.hero h1{font-size:clamp(32px,5vw,56px);line-height:1.25;margin:20px 0;letter-spacing:-.03em}.hero>p{font-size:18px;max-width:780px;color:#475569}.meta{font-size:12px;color:#64748b;margin-top:25px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;margin-top:34px}.content{background:#fff;border-radius:26px;border:1px solid #e5e9f3;padding:clamp(22px,5vw,54px)}section{margin:0 0 52px;scroll-margin-top:90px}h2{font-size:30px;line-height:1.4;margin:0 0 18px;padding-left:16px;border-left:6px solid #4f5eea}h3{line-height:1.5}p{color:#475569}.toc{background:#f6f8ff;border-radius:18px;padding:22px 26px;margin-bottom:45px}.toc ol{margin:.8rem 0 0;padding-left:1.5rem}.toc a{text-decoration:none}.tip,.safety{background:#edfffb;border:1px solid #bdeee4;border-radius:16px;padding:18px 20px;margin:25px 0}.tip p,.safety p{margin:.4rem 0 0}.side>div{background:#fff;border:1px solid #e5e9f3;border-radius:20px;padding:22px;margin-bottom:18px;position:sticky;top:92px}.side a{display:block;padding:9px 8px;color:#475569;text-decoration:none;border-radius:8px;font-size:13px}.side a.current{background:#eef2ff;color:#304ed2;font-weight:800}.side .safety{position:static;background:#edfffb}.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.course-card{display:block;border:1px solid #e4e8f2;border-radius:18px;padding:22px;text-decoration:none;color:#111827;transition:.2s}.course-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #25367b18}.course-card span{font-size:11px;color:#4f46e5;font-weight:800}.course-card h3{margin:8px 0}.course-card p{font-size:14px}.course-card b{color:#3651db;font-size:13px}details{border-top:1px solid #e5e7eb;padding:16px 4px}summary{font-weight:800;cursor:pointer}.pager{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e5e7eb;padding-top:26px}.pager a{text-decoration:none;font-weight:800}.refs a{word-break:break-word}.note{font-size:13px;background:#fff8e8;padding:14px;border-radius:10px}footer{background:#101827;color:#fff;padding:42px max(20px,calc((100% - 1180px)/2));display:grid;grid-template-columns:1fr auto;gap:20px}footer p,footer small{color:#b7c0cf}footer a{color:#dbe3ef;margin-left:18px}footer small{grid-column:1/-1}@media(max-width:900px){header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:20px;max-height:70vh;overflow:auto;box-shadow:0 15px 30px #0002}header nav.open{display:block}header nav a{display:block;padding:9px}.menu{display:block;border:1px solid #d7dce8;background:#fff;border-radius:9px;padding:8px 12px}.layout{grid-template-columns:1fr}.side{display:none}.course-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.content{padding:24px}h2{font-size:25px}footer{grid-template-columns:1fr}footer a{display:block;margin:8px 0}.pager{flex-direction:column}}