body {
  margin: 0;
  line-height: normal;
}

:root {
  /* fonts */
  --font-noto-sans-jp: "Noto Sans JP";

  /* font sizes */
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-11xl: 1.875rem;
  --font-size-xl: 1.25rem;
  --font-size-5xl: 1.5rem;
  --font-size-sm: 0.875rem;
  --font-size-mini: 0.938rem;
  --font-size-38xl: 3.563rem;
  --font-size-13xl: 2rem;
  --font-size-21xl: 2.5rem;

  /* Colors */
  --color-white: #fff;
  --color-lemonchiffon: #fffacd;
  --color-black: #000;
  --color-gray: #3f1804;
  --color-silver: #bcbcbc;
  --color-red: #e60012;
  --color-red-100: #e50012;
  --color-darkgray: #afafaf;
  --color-blanchedalmond: #ffe8cd;
  --color-gold: #fbc600;

  /* Gaps */
  --gap-xl: 1.25rem;
  --gap-9xs: 0.25rem;
  --gap-11xs: 0.125rem;
  --gap-3xl: 1.375rem;
  --gap-7xs: 0.375rem;

  /* Paddings */
  --padding-xs: 0.75rem;
  --padding-51xl: 4.375rem;
  --padding-xl: 1.25rem;
  --padding-55xl: 4.625rem;
  --padding-56xl: 4.687rem;
  --padding-smi: 0.812rem;
  --padding-11xl: 1.875rem;
  --padding-79xl: 6.125rem;
  --padding-80xl: 6.187rem;
  --padding-48xl: 4.187rem;
  --padding-9xl: 1.75rem;
  --padding-44xl: 3.937rem;
  --padding-5xs: 0.5rem;
  --padding-3xl: 1.375rem;
  --padding-24xl: 2.687rem;
  --padding-21xl: 2.5rem;
  --padding-5xs-1: 0.443rem;
  --padding-58xl: 4.812rem;
  --padding-59xl: 4.875rem;
  --padding-104xl: 7.687rem;
  --padding-9xs: 0.25rem;
  --padding-61xl: 5rem;
  --padding-sm: 0.875rem;
  --padding-base: 1rem;
  --padding-3xs: 0.625rem;
  --padding-12xs-1: 0.006rem;
  --padding-9xs-5: 0.218rem;
  --padding-41xl: 3.75rem;

  /* Border radiuses */
  --br-7xs: 6px;
  --br-5xs: 8px;
}