:root {
  --text-body: #5E6370;
  --label: #333333;
  --paper: #FFFFFF;
  --band: 255, 255, 255;                                               
  --font: "Gen Interface JP", "Hiragino Sans", "Noto Sans JP", sans-serif;
  --heading: "Gen Interface JP", "Hiragino Sans", "Noto Sans JP", sans-serif;   
  --hero-ink: #1A1D26;                                                           
  --hh: calc(42 * var(--ut));                                                     
  --vw: 100vw;
  --vh: 100svh;
  --u: min(calc(var(--vw) / 1440), calc(var(--vh) / 900));
  --uh: min(calc(var(--vw) / 1440), calc(var(--vh) / 900), calc(1600px / 1440));   
  --ut: min(var(--u), calc(1600px / 1440));                            
  --fx: calc((var(--vw) - 1440 * var(--u)) / 2);
  --ease-out-cubic: cubic-bezier(.215, .61, .355, 1);                   
  --fs-h1: calc(42 * var(--ut)); --lh-h1: 1.3; --ls-h1: .03em;                 
  --fs-h2: calc(35 * var(--ut)); --lh-h2: 1.35; --ls-h2: .04em;                
  --fs-h3: calc(28 * var(--ut)); --lh-h3: 1.4; --ls-h3: .05em;                 
  --fs-title: calc(21 * var(--ut)); --lh-title: 1.5; --ls-title: .05em;        
  --fs-body-lg: calc(21 * var(--ut)); --lh-body-lg: 1.6; --ls-body-lg: .05em; --fw-body-lg: 400;  
  --fs-body: calc(16 * var(--ut)); --lh-body: 1.75; --ls-body: .05em;          
  --fs-body-sm: calc(14 * var(--ut)); --lh-body-sm: 1.7; --ls-body-sm: .05em;
  --fs-body-tiny: calc(12 * var(--ut)); --lh-body-tiny: 1.6; --ls-body-tiny: .06em;   
  --fs-ui: calc(14 * var(--ut)); --lh-ui: 1; --ls-ui: .05em;                             
  --sp-section: calc(96 * var(--ut));           
  --sp-hero-lead: calc(32 * var(--ut));         
  --sp-heading-content: calc(32 * var(--ut));   
  --sp-group: calc(24 * var(--ut));             
  --sp-list-item: calc(24 * var(--ut));         
  --sp-text: calc(16 * var(--ut));              
  --sp-media-caption: calc(12 * var(--ut));     
  --sp-label-desc: calc(4 * var(--ut));         
  --sp-meta: calc(6 * var(--ut));               
  --sp-gutter: calc(32 * var(--ut));            
  --sp-column-gap: calc(64 * var(--ut));        
  --sp-footer: calc(120 * var(--ut));          
}
:root[data-bg="sumi"] { --paper: #1A1D26; --text-body: #C9CCD3; --label: #E8E9EC; --band: 26, 29, 38; }
@media (max-width: 1023px) {
  :root {
    --fs-h1: 35px; --fs-h2: 28px; --lh-h2: 1.35; --fs-h3: 21px; --lh-h3: 1.45; --fs-title: 21px; --fs-body-lg: 18px; --lh-body-lg: 1.6; --ls-body-lg: .8px; --fw-body-lg: 500; --fs-body: 16px; --fs-body-sm: 14px;
    --sp-section: 64px; --sp-hero-lead: 8px; --sp-heading-content: 32px; --sp-group: 24px; --sp-list-item: 24px; --sp-text: 16px; --sp-media-caption: 12px; --sp-label-desc: 4px; --sp-meta: 6px; --sp-gutter: 16px; --sp-column-gap: 32px; --sp-footer: 64px;
    --sp-max: 640px;   
  }
}