@charset "utf-8";

:root {
  
  /*------------- ロゴー -------------*/
  /*ロゴマークカラー*/
  --color_logo: #e60012;/*上浮穴レッド*/

  /*ロゴ文字カラー*/
  --color_logo_type: #0b3190;/*上浮穴ネイビー*/
  
  
  /*------------- 文字 -------------*/
  /*ベース文字カラー｜ネイビー*/
  --color_txt_base: #082670;
  
  /*ベース文字カラー｜黒*/
  --color_txt_bk: #111;
  
  /*ベース文字カラー｜ネイビーのhover色*/
  --color_txt_hover: #0066e5;

  
  /*------------- オブジェクトカラー -------------*/
  /*オブジェクト｜黄色*/
  --color_obj_yellow: #DBE13C;
  
  /*オブジェクト｜黄緑*/
  --color_obj_green: #ADE13C;

  /*オブジェクト｜ミント*/
  --color_obj_mint: #5FD0A4;

  /*オブジェクト｜水色*/
  --color_obj_blue: #5FC7D0;


/*------------- 背景 -------------*/
  /*背景｜うすいグリーン*/
  --color_base: #eef3e3;
  
  /*背景｜うすいネイビー*/
  --color_navy_lightest: #eeeff2;

  /*背景｜パターン緑ドット*/
  --bg_ptn_green: url("../img/common/bg_ptn_green_dot.png") repeat;

  
  /*------------- フォント -------------*/
  --font_body: "Zen Kaku Gothic Antique", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'Hiragino Sans', Meiryo, sans-serif;
  --font_en: "Poppins", "Zen Kaku Gothic Antique", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'Hiragino Sans', Meiryo, sans-serif;
  --font_jp: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'Hiragino Sans', Meiryo, sans-serif;


}

/*------------- マージン -------------*/
:root {
  --margin_size_XL: 12rem;
  --margin_size_L: 10rem;
  --margin_size_M: 8rem;
  --margin_size_S: 5rem;
  --margin_size_XS: 3rem;
}
@media screen and (max-width: 767px) {
  :root {
    --margin_size_XL: 6rem;
    --margin_size_L: 5rem;
    --margin_size_M: 4rem;
    --margin_size_S: 2.5rem;
    --margin_size_XS: 1.5rem;
  }
}

/*------------- 角丸 -------------*/
:root {
  --round_size_50: 50px;
  --round_size_100: 100px;
  --round_size_200: 200px;
  --round_size_300: 300px;
}
@media screen and (max-width: 767px) {
  :root {
  --round_size_50: max(6.51vw,25px);
  --round_size_100: max(13.02vw,50px);
  --round_size_200: max(26.04vw,100px);
  --round_size_300: max(39.06vw,150px);
  }
}