@charset "utf-8";

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

:root {

/*------------- 文字 -------------*/
  /*ベース文字カラー｜ほぼ黒*/
  --color_main: #202020;
  --color_main_rgb: 32, 32, 32;
/*  --color_main_hover: #317588;*/

  /*アクセント文字カラー｜グレー*/
  --color_txt_gray: #5f5f5f;
  --color_txt_base: #00fff;

  /*アクセント文字カラー｜ネッツブルー*/
  --color_txt_netz: #0072ce;


/*------------- 背景 -------------*/
  /*背景｜うすいベージュ*/
  --color_base: #f3f2ee;
  

/*------------- あしらい色 -------------*/
  /*社長からのメッセージ*/
  --color_accent_red: #da6e72;

  /*会社を知る*/
  --color_accent_orange: #ff9201;

  /*仲間を知る*/
  --color_accent_Yellow: #f3be38;

  /*90秒で知る*/
  --color_accent_green: #7ecc00;

  /*お知らせ*/
  --color_accent_blue: #0072ce;

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

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



/* -----------------------------------------------------------------
 ヘッダ固定部サイズ
----------------------------------------------------------------- */
:root {
  --site_header_margin_top: 14px;
  --site_header_height: 60px;
}


@media print, screen and (min-width: 768px) {
  :root {
    --site_header_margin_top: 30px;
    --site_header_height: 100px;
  }
}


/* -----------------------------------------------------------------
 マージン
----------------------------------------------------------------- */
:root {
  --margin_size_150: 150px;
  --margin_size_140: 140px;
  --margin_size_120: 120px;
  --margin_size_110: 110px;
  --margin_size_100: 100px;
  --margin_size_80: 80px;
  --margin_size_70: 70px;
  --margin_size_60: 60px;
  --margin_size_50: 50px;
  --margin_size_40: 40px;
  --margin_size_30: 30px;
  --margin_size_20: 20px;
}
@media screen and (max-width: 767px) {
  :root {
    --margin_size_150: 75px;
    --margin_size_140: 70px;
    --margin_size_120: 60px;
    --margin_size_110: 55px;
    --margin_size_100: 50px;
    --margin_size_80: 40px;
    --margin_size_70: 35px;
    --margin_size_60: 30px;
    --margin_size_50: 25px;
    --margin_size_40: 20px;
    --margin_size_30: 15px;
    --margin_size_20: 10px;
  }
}


.margin_size_160 {
  margin-top: var(--margin_size_160);
}
.margin_size_100 {
  margin-top: var(--margin_size_100);
}
.margin_size_80 {
  margin-top: var(--margin_size_80);
}
.margin_size_60 {
  margin-top: var(--margin_size_60);
}
.margin_size_40 {
  margin-top: var(--margin_size_40);
}
.margin_size_30 {
  margin-top: var(--margin_size_30);
}
.margin_size_20 {
  margin-top: var(--margin_size_20);
}