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

:root {
  /* Fonts */
  --font-source-han-sans-jp: "Source Han Sans JP";
  --font-lato: Lato;

  /* font sizes */
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-mini: 15px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-5xl: 24px;
  --font-size-8xl: 27px;
  --font-size-9xl: 28px;
  --font-size-11xl: 30px;
  --font-size-13xl: 32px;
  --font-size-15xl: 34px;
  --font-size-16xl: 35px;
  --font-size-21xl: 40px;
  --font-size-31xl: 50px;
  --font-size-36xl: 55px;
  --font-size-51xl: 70px;

  /* Colors */
  --color-darkslategray: #333;
  --color-dimgray: #6a6a6a;
  --color-gainsboro: #ddd;
  --color-gray: #fafafa;
  --color-lightgray: #ccc;
  --color-lightgray-100: #cbcbcb;
  --color-white: #fff;
  --color-whitesmoke: #f5f5f5;

  /* Border radiuses */
  --br-12xs: 1px;
  --br-3xs: 10px;
  --br-4xl: 23px;
  --br-5xl: 24px;
  --br-34xl: 53px;
}