:root{--accent:#0a9fc2;--accent-dark:#067a95;--brand:#f39800;--text:#3d3d45;--muted:#777a85;--line:#e4e4ec;--bg:#fafafa;--surface:#fff;--max:1080px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--text);background:var(--bg);margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Hiragino Sans,Noto Sans JP,sans-serif;font-size:16px;line-height:1.7}a{color:var(--accent-dark)}img{max-width:100%;height:auto}iframe{max-width:100%}.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}.site-header{background:var(--surface);border-top:4px solid var(--accent);border-bottom:1px solid var(--line);z-index:10;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:76px;display:flex}.nav a{padding:8px!important;font-size:14px!important}.logo img{width:auto;height:52px;display:block}.nav{gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav>li{position:relative}.nav a{color:var(--text);white-space:nowrap;padding:8px 10px;font-size:15px;text-decoration:none;display:block}.nav a:hover,.nav a[aria-current=page]{color:var(--accent-dark)}.nav .sub{background:var(--surface);border:1px solid var(--line);min-width:220px;margin:0;padding:6px 0;list-style:none;display:none;position:absolute;top:100%;left:0;box-shadow:0 6px 18px #0000000f}.nav li:hover>.sub,.nav li:focus-within>.sub{display:block}.menu-toggle{display:none}@media (width<=960px){.site-header .wrap{flex-wrap:wrap}.menu-toggle{display:block}.menu-toggle summary{cursor:pointer;border:1px solid var(--line);border-radius:6px;padding:8px 12px;list-style:none}.menu-toggle summary::-webkit-details-marker{display:none}.nav{display:none}.menu-toggle[open]+.nav{width:100%;padding-bottom:12px;display:block}.nav .sub{box-shadow:none;border:0;padding:0 0 0 16px;display:block;position:static}}main{padding:32px 0 64px}.breadcrumb{color:var(--muted);margin-bottom:16px;font-size:14px}.breadcrumb a{text-decoration:none}h1{margin:0 0 12px;font-size:30px;font-weight:600;line-height:1.4}.prose h2{border-left:4px solid var(--accent);margin:2em 0 .8em;padding-left:12px;font-size:23px;line-height:1.5}.prose h3{margin:1.8em 0 .6em;font-size:19px}.prose h4{margin:1.6em 0 .5em;font-size:17px}.prose blockquote{border-left:4px solid var(--line);color:var(--muted);margin:1.5em 0;padding:4px 20px}.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--line);padding:6px 10px}.prose iframe{aspect-ratio:16/9;width:100%;height:auto}.meta{color:var(--muted);font-size:14px}.meta a{color:var(--muted)}.layout{grid-template-columns:minmax(0,1fr) 280px;gap:48px;display:grid}@media (width<=860px){.layout{grid-template-columns:1fr}}.sidebar h2{margin:0 0 8px;font-size:17px}.sidebar ul{margin:0 0 32px;padding:0;font-size:14px;list-style:none}.sidebar li{border-bottom:1px solid var(--line);padding:6px 0}.sidebar a{text-decoration:none}.post-list{margin:0;padding:0;list-style:none}.post-list li{border-bottom:1px solid var(--line);grid-template-columns:200px 1fr;gap:20px;padding:20px 0;display:grid}.post-list img{aspect-ratio:16/10;object-fit:cover;background:var(--line);border-radius:6px;width:200px}.post-list h2{margin:0 0 4px;font-size:19px;line-height:1.5}.post-list h2 a{color:var(--text);text-decoration:none}.post-list p{color:var(--muted);margin:4px 0 0;font-size:14px}@media (width<=600px){.post-list li{grid-template-columns:1fr}.post-list img{width:100%}}.site-footer{color:#d8d8e2;background:#2f3040;padding:32px 0;font-size:14px}.site-footer a{color:#d8d8e2}.site-footer ul{flex-wrap:wrap;gap:4px 20px;margin:0 0 16px;padding:0;list-style:none;display:flex}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:10px 24px;font-size:16px;text-decoration:none;display:inline-block}.btn:hover{background:var(--accent-dark)}.prose img{width:auto;max-height:520px;margin:1em 0;display:block}.cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.btn-sub{color:var(--accent-dark);border:1px solid var(--accent);background:#fff}.btn-sub:hover{background:var(--bg)}main:has(.hero){padding-top:0}.hero{background:#1d2b36;max-height:460px;position:relative;overflow:hidden}.hero img{object-fit:cover;opacity:.6;width:100%;height:460px;display:block}.hero-text{text-align:center;color:#fff;text-shadow:0 2px 8px #00000080;flex-direction:column;justify-content:center;align-items:center;padding:0 16px;display:flex;position:absolute;inset:0}.hero-title{margin:0 0 8px;font-size:34px;font-weight:700;line-height:1.3}.hero-text p{max-width:640px;margin:0 0 20px}.features{grid-template-columns:1fr 1fr;gap:24px;margin:32px 0 40px;display:grid}.feature{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:8px;grid-template-columns:140px 1fr;align-items:center;gap:16px;padding:16px;text-decoration:none;display:grid}.feature img{object-fit:cover;border-radius:6px;width:140px;height:130px}.feature h2{margin:0 0 4px;font-size:18px;line-height:1.4}.feature p{color:var(--muted);margin:0;font-size:14px}.feature .more{color:var(--accent-dark);margin-top:6px;font-size:14px;display:inline-block}a.feature:hover{border-color:var(--accent)}@media (width<=760px){.hero img{height:340px}.hero-title{font-size:24px}.features{grid-template-columns:1fr}.feature{grid-template-columns:100px 1fr}.feature img{width:100px;height:100px}}.home{grid-template-columns:minmax(0,1fr) 300px;gap:48px;margin-top:32px;display:grid}.home-side{align-content:start;justify-items:center;gap:24px;display:grid}.home-side img{display:block}@media (width<=860px){.home{grid-template-columns:1fr}}.notice{background:#e4f5fb;border:1px solid #bfe6f3;border-radius:6px;padding:4px 20px}.news-list{margin:0;padding:0;list-style:none}.news-list li{border-bottom:1px solid var(--line);padding:10px 0}.news-list .meta{margin-right:12px}.prose table img{vertical-align:middle;max-height:none;margin:0 0 0 8px;display:inline}