html {
  --site-max-width: 192rem;
  --wrap-size--sm: 0.9;
  --wrap-size--xl: 0.8;
  --wrap-max-width--l: 115.2rem;
  --wrap-max-width--m: 100.8rem;
  --wrap-max-width--s: 72rem;
  --z-index--low: 1;
  --z-index--mid: 5;
  --z-index--max: 10;
  --noto-sans: 'Noto Sans JP', sans-serif, "Font Awesome 6 Pro", "Font Awesome 6 Brands", "Font Awesome 6 Sharp", "FontAwesome";
  --roboto: 'Roboto', sans-serif, "Font Awesome 6 Pro", "Font Awesome 6 Brands", "Font Awesome 6 Sharp", "FontAwesome";
  --transition: all 0.3s ease-out;
}