:root{--brand-solid:#00b0b0;--brand-solid-end:#00b058;--brand-color:linear-gradient(45deg, var(--brand-solid) 0%, var(--brand-solid-end) 100%);--fontsize-announce:65px;--surface:#0b0d0d;--surface-raised:#141717;--text-main:#f2f4f4;--text-muted:#9aa3a2;--line:#242928;--fontsize-section-heading:40px;--fontsize-lead:18px;--fontsize-concept:32px;--fontsize-concept-emphasis:48px;--fontsize-rule-count:120px;--fontsize-rule-count-label:24px;--fontsize-rule-name:40px;--fontsize-rule-caption:30px;--fontsize-platform-lead:60px;--fontsize-platform-main:34px;--rule-tile-w:max(1250px, 100vw - 1000px);--rule-row-h:96px;--section-padding-block:96px;--content-max:1100px}@media screen and (max-width:1100px){:root{--fontsize-announce:38px;--fontsize-section-heading:28px;--fontsize-lead:16px;--fontsize-concept:18px;--fontsize-concept-emphasis:28px;--fontsize-rule-count:64px;--fontsize-rule-count-label:14px;--fontsize-rule-name:22px;--fontsize-rule-caption:22px;--fontsize-platform-lead:38px;--fontsize-platform-main:24px;--rule-tile-w:max(760px, 100vw);--rule-row-h:56px;--section-padding-block:64px}}@media screen and (max-width:1100px) and (max-height:700px){:root{--fontsize-announce:30px}}*,:before,:after{box-sizing:border-box}body{background:var(--surface);color:var(--text-main);margin:0;font-family:Noto Sans JP,sans-serif}