:root{color-scheme:dark;--ink:#e8f6ff;--muted:#afcbdc;--sea:#06273b;--line:#ffffff22}*{box-sizing:border-box}body{margin:0;background:#041724;color:var(--ink);font:17px/1.9 -apple-system,BlinkMacSystemFont,'Hiragino Sans','Noto Sans JP',sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #91e8ff;outline-offset:5px}header,footer{max-width:1180px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px}header{border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:650;letter-spacing:.1em}.brand img{width:42px;height:42px;border-radius:12px}nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--muted)}nav a{text-decoration:none}.hero{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:70px 36px 86px}.eyebrow{font-size:14px;letter-spacing:.22em;color:#77d8f4}h1{font-weight:500;line-height:1.4;font-size:clamp(36px,5.5vw,68px);margin:24px 0}p{margin:20px 0;color:var(--muted)}.hero img{width:100%;border-radius:32px;box-shadow:0 24px 90px #0078b825}.links{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px}.links a{font-size:15px}.article{max-width:820px;margin:auto;padding:60px 32px 90px}.article h1{font-size:36px}.article h2{font-size:21px;margin:44px 0 12px;font-weight:550}.article ul{padding-left:24px;color:var(--muted)}.date{font-size:14px;color:var(--muted)}.back{font-size:14px}.mail{display:inline-block;padding:14px 24px;border:1px solid #68d7f0;border-radius:10px;text-decoration:none;color:#bdf0ff;margin:20px 0}.lang{font-size:14px}.note{border-left:2px solid #70c5e2;padding-left:20px}footer{border-top:1px solid var(--line);font-size:14px;color:var(--muted)}@media(max-width:700px){header,footer{padding:22px;align-items:flex-start;flex-direction:column;gap:15px}nav{gap:18px}.hero{grid-template-columns:1fr;gap:32px;padding:36px 24px 55px}.hero img{border-radius:22px;max-height:480px;object-fit:cover}h1{font-size:42px}.article{padding:35px 24px 65px}.article h1{font-size:30px}}