@charset "UTF-8";

/*---------------------------------

SET VARIABLES

---------------------------------*/
:root {
  --width_base__010: 108rem;
  --width_base__020: 192rem;
  --width_base__030: 82rem;

  --margin_base__010: 4.8rem;
  --margin_base__020: 3.2rem;

  --color_base__010: #ffffff;
  --color_base__020: #191919;
  --color_base__030: #6a6a6a;
  --color_base__040: #a2bbff;
  --color_base__050: #161719;
  --color_base__060: #d9d9d9;
  --color_base__070: #1a1f28;
  --color_base__080: #0c0c0e;
  --color_base__090: #ffe9cb;
  --color_base__100: #003366;

  --font_base__70: 7rem;
  --font_base__64: 6.4rem;
  --font_base__60: 6rem;
  --font_base__48: 4.8rem;
  --font_base__40: 4rem;
  --font_base__36: 3.6rem;
  --font_base__32: 3.2rem;
  --font_base__30: 3rem;
  --font_base__28: 2.8rem;
  --font_base__26: 2.6rem;
  --font_base__24: 2.4rem;
  --font_base__20: 2rem;
  --font_base__18: 1.8rem;
  --font_base__16: 1.6rem;
  --font_base__15: 1.5rem;
  --font_base__14: 1.4rem;
  --font_base__12: 1.2rem;
  --font_base__10: 1rem;

  --bg_image__010: url(../img/bg_common.png);
  --bg_image__020: url(../img/haikei_1.jpg);
  --bg_image__030: url(../img/haikei_contents.jpg);
  --bg_image__040: url(../img/bg_footer.svg);
  --bg_image__050: url(../img/img_hero.jpg);

  --fontfamily_en_010: "Barlow", sans-serif;
  --fontfamily_jp_020: "Zen Kaku Gothic New", "ヒラギノ角ゴシック Pro",
    "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
}