:root {

  /* カラー */
  --color-blue: #0071E8;
  --color-green: #0CB43F;
  --color-red: #F77B7B;

  --color-gray01: #333333;
  --color-gray02: #636363;
  --color-gray03: #939393;
  --color-gray04: #D8D8D8;
  --color-gray05: #EEEEEE;
  --color-gray06: #F6F6F6;

  --color-font-base: var(--color-gray01);

  --color-white: #FFFFFF;

  --padding-x-base: 20px;
  --padding-x-base-sp: 10px;

  /* フォントサイズ */
  --font-size-base: 14px;

  /* フォントウェイト */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
}