@charset "UTF-8";

/* -------------------------------------
　VARIABLES
------------------------------------- */
:root {
  /* MAIN */
  --main-color: #3693E3;
  --main-color-hover: #64a6de;
  --main-font: #1A1A1A;
  
  /* BACKGROUND */
  --bg-color-black: #1A1A1A;
  --bg-color-gray: #FBFAFF;
  
  /* FONT */
  --font-YuGothic: "aktiv-grotesk", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  --font-AktivGrotesk: "aktiv-grotesk", sans-serif;
  
  /* BUTTON */
  --btn-blue: #3693E3;
  --btn-blue-hover: #1A1A1A;
  --btn-gray: #F5F5F5;
  --btn-gray-hover: #1A1A1A;
  --btn-font-hover-white: #FBFAFF;
  --btn-color-black: #1A1A1A;

  /* ICON */
  --red: #E33636;
  --orange: #de7922;
  --pink: #d9548f;
  --gray: #a2abb3;
  --white: #FFFFFF;
  --green: #70ad47;
}