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

:root {
  /* Color */
  --color-royalblue: #2669c9;
  --color-deepskyblue: #54c6ff;
  --color-lightblue: #bee2f8;
  --color-skyblue-200: rgba(103, 180, 205, 0.3);
  --color-skyblue-100: #67b4cd;
  --color-powderblue: #afd4d9;
  --color-aliceblue: #eefbff;
  --color-black: #000;
  --color-gray-300: rgba(130, 130, 130, 0.5);
  --color-gray-200: rgba(255, 255, 255, 0.65);
  --color-gray-100: rgba(130, 130, 130, 0.55);
  --color-lightsteelblue: #96acc7;
  --color-steelblue: #305792;
  --color-darkslateblue: #0041a4;
  --color-darkslategray: #2a313c;
  --color-whitesmoke-200: #e9eef0;
  --color-whitesmoke-100: #eaeef0;
  --color-white: #fff;
  --color-brightblue: #069adb;

  /* Gap */
  --gap-8: 8px;
  --gap-12: 12px;
  --gap-15: 15px;
  --gap-16: 16px;
  --gap-19: 19px;
  --gap-20: 20px;
  --gap-22: 22px;
  --gap-24: 24px;
  --gap-26: 26px;
  --gap-40: 40px;

  /* Padding */
  --padding-1: 1px;
  --padding-2: 2px;
  --padding-3: 3px;
  --padding-4: 4px;
  --padding-5: 5px;
  --padding-6: 6px;
  --padding-8: 8px;
  --padding-10: 10px;
  --padding-11: 11px;
  --padding-12: 12px;
  --padding-14: 14px;
  --padding-15: 15px;
  --padding-16: 16px;
  --padding-18: 18px;
  --padding-19: 19px;
  --padding-20: 20px;
  --padding-24: 24px;
  --padding-26: 26px;
  --padding-28: 28px;
  --padding-32: 32px;
  --padding-36: 36px;
  --padding-40: 40px;
  --padding-48: 48px;

  /* BorderRadius */
  --br-1: 1px;
  --br-5: 5px;
  --br-10: 10px;
  --br-11: 11px;
  --br-14: 14px;
  --br-22: 22px;

  /* Font */
  --font-zen-maru-gothic: Zen Maru Gothic;
  --font-josefin-sans: Josefin Sans;
  --font-noto-sans-jp: Noto Sans JP;
  --font-inter: Inter;

  /* FontSize */
  --font-size-10: 10px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-19: 19px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-24: 24px;
  --font-size-26: 26px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-36: 36px;
  --font-size-40: 40px;
  --font-size-60: 60px;
}