@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700;800&display=swap');
/* 両ページのロゴと上部バーを共通化し、スマホでも入口を維持する。 */
.site-header{width:100%;max-width:none;min-height:96px;height:auto;padding:18px max(24px, calc((100% - 1360px)/2));margin:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;border-bottom:1px solid #20313e;background:#080f18;position:relative;z-index:5}
.site-brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;font:800 23px/1.3 "Manrope",sans-serif;letter-spacing:-1px;color:#edf3f5;white-space:nowrap}
.site-brand>.brand-icon{display:inline-block;width:34px;height:34px;border:1px solid #436457;border-radius:8px;font-size:23px;line-height:30px;text-align:center;color:#edf3f5}
.site-brand .brand-icon span{color:#70ebc6}.site-brand>.brand-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#70ebc6}
.site-header .section-nav{display:flex;justify-content:center;align-items:center;gap:17px;min-width:0;flex-wrap:wrap;font-size:14px;line-height:1.4}
.site-header .section-nav a{display:inline-flex;align-items:center;min-height:44px;color:#b3c0c9;white-space:nowrap}
.site-header .section-nav a:hover{color:#70ebc6}
.header-download{display:flex;align-items:center;justify-content:center;min-height:60px;padding:12px 24px;background:#70ebc6;color:#080f18;font:800 23px/1.3 "Manrope",sans-serif;letter-spacing:-.4px}
.header-download:hover{background:#a5f9dd}
.site-header-download{grid-template-columns:1fr}
/* 大画面では左右の操作を赤枠の位置へ寄せ、中央ナビとの間隔を保つ。 */
@media(min-width:1600px){.site-header:not(.site-header-download){grid-template-columns:220px minmax(0,1fr) 280px}.site-header .header-download{justify-self:start}}
@media(max-width:1150px){.site-header{grid-template-columns:1fr auto;gap:12px 20px}.site-header .section-nav{grid-row:2;grid-column:1/-1;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:22px;padding-bottom:2px}.header-download{grid-row:1;grid-column:2}.site-header-download{grid-template-columns:1fr}}
@media(max-width:700px){.site-header{padding:14px 18px}.site-brand{font-size:20px;gap:8px}.site-brand>.brand-icon{display:inline-block;width:30px;height:30px;line-height:26px;font-size:21px}.header-download{font-size:19px;min-height:48px;padding:10px 14px}.site-header .section-nav{font-size:14px;gap:20px}.site-header-download{min-height:78px}}
@media(max-width:350px){.site-header{gap:10px;padding-inline:12px}.site-brand{font-size:18px}.site-brand>.brand-dot{display:none}.header-download{font-size:17px;padding-inline:10px}}