@charset "utf-8";

/* -----------------------------------------------------------------
 基本設定
----------------------------------------------------------------- */

:root {
/*------------- 文字 -------------*/
  /*ベース文字カラー｜灰青*/
  --color_main: #056e8a;
  --color_main_rgb: 5, 110, 138;
  --color_main_hover: #317588;

  /*ベース文字カラー｜濃灰*/
  --color_txt_base: #454545;


/*------------- 背景 -------------*/
  /*背景｜うすい灰青*/
  --color_bg_light_bl: #d9e5eb;

  /*背景｜うすい灰青02*/
  --color_bg_pale_bl: #b8d2de;

  /*背景｜うすい灰青03*/
  --color_bg_pale_bl02: #e1eaef;

  /*背景｜ベース文字カラーよりもダークな灰青*/
  --color_bg_dark_bl: #205168;
  

/*------------- ヘアライン -------------*/
  /*ヘアライン｜うすいグレー*/
  --color_line_light_gray: #d3d3d3;

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



/* -----------------------------------------------------------------
 ヘッダ固定部サイズ
----------------------------------------------------------------- */
:root {
  --site-header_height: 50px;
}

@media print, screen and (min-width: 768px) {
  :root {
    --site-header_height: 66px;
  }
}

/* -----------------------------------------------------------------
 マージン
----------------------------------------------------------------- */
:root {
  --margin_size_XL: 10rem;
  --margin_size_L: 8.4rem;
  --margin_size_M: 6.75rem;
  --margin_size_S-M: 5.9rem;
  --margin_size_S: 5.1rem;
  --margin_size_XS-S: 4.2rem;
  --margin_size_XS: 3.4rem;
  --margin_size_XXS: 2.5rem;
}
@media screen and (max-width: 767px) {
  :root {
    --margin_size_XL: 6rem;
    --margin_size_L: 5rem;
    --margin_size_M: 4rem;
    --margin_size_S-M: 3.5rem;
    --margin_size_S: 3rem;
    --margin_size_XS-S: 2.5rem;
    --margin_size_XS: 2rem;
    --margin_size_XXS: 1.5rem;
  }
}


.margin_size_XL_top {
  margin-top: var(--margin_size_XL);
}
.margin_size_L_top {
  margin-top: var(--margin_size_L);
}
.margin_size_M_top {
  margin-top: var(--margin_size_M);
}
.margin_size_S_top {
  margin-top: var(--margin_size_S);
}
.margin_size_XS_top {
  margin-top: var(--margin_size_XS);
}
.margin_size_XXS_top {
  margin-top: var(--margin_size_XXS);
}