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

:root {
  /* Color */
  --color-dimgray: #6f6f6f;
  --color-gray1: #151515;
  --color-black: #000;
  --color-blue-bg: #eef6ff;
  --color-pink: #ff73b9;
  --color-white: #fff;
  --color-gray: #ebebeb;
  --color-blue: #2b8af2;

  /* Gap */
  --gap-2: 2px;
  --gap-10: 10px;
  --gap-20: 20px;
  --gap-1: 1px;
  --gap-32: 32px;
  --gap-8: 8px;
  --gap-36: 36px;
  --gap-12: 12px;
  --gap-26: 26px;

  /* Padding */
  --padding-30: 30px;
  --padding-14: 14px;
  --padding-10: 10px;
  --padding-3: 3px;
  --padding-8: 8px;
  --padding-24: 24px;
  --padding-6: 6px;
  --padding-1: 1px;
  --padding-12: 12px;
  --padding-16: 16px;
  --padding-20: 20px;

  /* BorderRadius */
  --br-22: 22px;
  --br-12: 12px;
  --br-20: 20px;
  --br-14: 14px;

  /* Font */
  --font-inter: Inter;
  --font-din-alternate: DIN Alternate;
  --font-noto-sans-jp: Noto Sans JP;

  /* FontSize */
  --font-size-24: 24px;
  --font-size-22: 22px;
  --font-size-26: 26px;
  --font-size-32: 32px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-19: 19px;
  --font-size-18: 18px;
  --font-size-16: 16px;
  --font-size-20: 20px;
}