:root{--背景色: #0c0e13;--表面色: #151820;--表面色上: #1c2030;--入力背景: #10131a;--文字色: #e8ecf2;--淡色: #8b93a7;--強調色: #6b9bff;--強調色薄: rgba(107, 155, 255, .15);--線色: #262c3a;--影: rgba(0, 0, 0, .45);--最大幅: 720px;color-scheme:dark;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}:target{scroll-margin-top:72px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;overflow-x:clip;background:var(--背景色);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(107,155,255,.08),transparent);color:var(--文字色);line-height:1.7}img,svg{max-width:100%}a{color:var(--強調色)}a:hover{color:#8fb4ff}code{font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:.9em;background:var(--表面色上);color:#b8c8e8;padding:.15em .4em;border-radius:4px;border:1px solid var(--線色)}pre{margin:1rem 0;padding:1rem;overflow-x:auto;background:var(--表面色上);border:1px solid var(--線色);border-radius:8px;line-height:1.6;text-indent:0}pre code{display:block;padding:0;background:transparent;border:0;border-radius:0;text-indent:0;white-space:pre}.コンテナ{max-width:var(--最大幅);margin-inline:auto;padding:0 1.25rem}.サイトヘッダー{position:sticky;top:0;z-index:200;border-bottom:1px solid var(--線色);background:#15182099;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4)}.ヘッダー内容{position:relative;display:flex;align-items:center;height:56px;max-width:1120px;margin-inline:auto;padding:0 1.25rem}.サイトヘッダー a{text-decoration:none;color:inherit}.ロゴ{flex-shrink:0;margin-right:auto}.ロゴ画像{display:block;width:120px;height:32px;object-fit:contain;filter:invert(1) brightness(1.15)}.ナビ{display:flex;gap:1.5rem;position:absolute;left:50%;transform:translate(-50%)}.ナビ a{color:var(--淡色);font-size:.95rem;text-align:center;transition:color .15s}.ナビサイト名{color:var(--文字色);font-weight:600}.ナビ a:hover{color:var(--強調色)}.ナビ a[aria-current=page]{color:var(--文字色);font-weight:600}.始めるボタン{flex-shrink:0;display:inline-flex;align-items:center;background:var(--強調色);color:#fff;font-size:.9rem;font-weight:600;padding:.45rem 1.1rem;border-radius:8px;text-decoration:none;transition:background .15s,box-shadow .15s;box-shadow:0 2px 8px #6b9bff40}.始めるボタン:hover{background:#8fb4ff;color:#0c0e13;box-shadow:0 4px 16px #6b9bff59}.ハンバーガー{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:none;border:0;border-radius:6px;cursor:pointer;flex-shrink:0}.ハンバーガー:hover{background:var(--表面色上)}.ハンバーガー線{display:block;width:100%;height:2px;background:var(--文字色);border-radius:1px;transition:transform .25s,opacity .25s}.ハンバーガー[aria-expanded=true] .ハンバーガー線:nth-child(1){transform:translateY(7px) rotate(45deg)}.ハンバーガー[aria-expanded=true] .ハンバーガー線:nth-child(2){opacity:0}.ハンバーガー[aria-expanded=true] .ハンバーガー線:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.ハンバーガー{display:flex}.ナビ{display:none;position:absolute;top:56px;left:0;right:0;transform:none;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1.25rem 1rem;background:var(--表面色);border-bottom:1px solid var(--線色);box-shadow:0 8px 24px var(--影);z-index:100}.ナビ.開{display:flex}.ナビ a{padding:.75rem 0;font-size:1rem;border-bottom:1px solid var(--線色)}.ナビ a:last-child{border-bottom:0}}main{padding:3rem 0}h1{font-size:2rem;margin:0 0 .5rem}.リード{color:var(--淡色);font-size:1.1rem}.サイトフッター{border-top:1px solid var(--線色);color:var(--淡色);font-size:.85rem;padding:2.5rem 0 0}.フッター内容{max-width:1120px;margin-inline:auto;padding:0 1.25rem}.サイトマップ{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.サイトマップ列{display:flex;flex-direction:column;gap:.4rem;min-width:140px}.サイトマップ列 a{color:var(--淡色);text-decoration:none;font-size:.8rem;line-height:1.6}.サイトマップ列 a:hover{color:var(--強調色)}.フッター下部{margin-top:2rem;padding:1.25rem 0;border-top:1px solid var(--線色);text-align:center}.カード{background:var(--表面色);border:1px solid var(--線色);border-radius:12px;padding:1.5rem;margin-top:1.5rem;transition:border-color .2s,box-shadow .2s}.カード:hover{border-color:#353d52;box-shadow:0 4px 20px var(--影)}button{font:inherit;cursor:pointer;background:var(--強調色);color:#fff;border:0;border-radius:8px;padding:.5rem 1rem;transition:background .15s}button:hover{background:#8fb4ff;color:#0c0e13}@media(max-width:480px){.コンテナ,.ヘッダー内容,.フッター内容{padding-inline:1rem}.ヘッダー内容{gap:.35rem}.ロゴ画像{width:108px}.始めるボタン{padding-inline:.85rem}main{padding-block:2.25rem}h1{font-size:1.75rem;line-height:1.3}.リード{font-size:1rem}.カード{padding:1.1rem}.サイトマップ{align-items:flex-start;gap:2rem 1.25rem}.サイトマップ列{min-width:132px}}