/* CSS Document */

/************************************/
/* css変数                          */
/************************************/
:root {
  /**/
  /*******************/
  /* 共通ページ      */
  /*******************/
  /**/
  /* navbarロゴサイズ */
  --logo-kana-svg-width: 300px;
  --logo-kana-svg-height: 43px;

  /* フッター　ロゴ */
  --footer-logo-svg-width: 150px;
  --footer-logo-svg-height: 67px;
  /* フッターTOPスペース　高さ */
  --footer-top-space-height: 5px;

  /* 左青色見出し　左側マージン【上・右・下・左】 */
  --title-blue-margin: 0px 30px 10px 0px;
  
  /* 左青色見出し（段落）　左側マージン */
  --title-blue2-margin: 0px 30px 20px 50px;

  /* 左青色見出し　左側マージン【上・右・下・左】 */
  --title-blue3-margin: 0px 20px 0px 0px;
  
  /* 左青色見出しサブ　左側マージン */
  --title-blue-sub-margin: 30px 30px 20px 45px;


  /* 左青色見出し間スペース */
  --title-blue-sp: 20px;

  /* 汎用コンテンツBOX　マージン */
  --free-cont-box-margin: 0px 30px 0px 30px;

  /*******************/
  /* 採用top          */
  /*******************/
  /* ヘッダー下スペース高さ */
  --recruittop-sp1-height: 30px;
  /* 題名フォントサイズ */
  --recruittop-title-fontsize: 2rem;
  /* 本文フォントサイズ */
  --recruittop-text-fontsize: 1.25rem;


  /*******************/
  /* 新卒採用         */
  /*******************/
  /**/
  /* navbar下高さ */
  --box-fresh-sp1-height: 100px;
  /* コンテンツBOX上 横幅 */
  --box-cont-upper-width: 80%;
  /* 上段Picture     */
  --picture-upper-margin: 5px 10px 5px 10px;
  /* 下段Picture     */
  --picture-down-margin: 20px 27px 15px 26px;
  /* Picture 上下スペース高さ */
  --box-fresh-sp2-height: 30px;
  /* 画像下、募集・フロー間スペース高さ */
  --box-fresh-sp3-height: 30px;
  /* 募集要項svgマージン */
  --bosyu-svg-margin: 20px 50px 20px 30px;
  /* 募集要項svgサイズ幅 */
  --bosyu-svg-size-width: 124px;
  /* 募集要項svgサイズ幅 */
  --bosyu-svg-size-height: 154px;
  /* フローsvgマージン */
  --flow-svg-margin: 20px 30px 20px 50px;
  /* フローsvgサイズ幅*/
  --flow-svg-size-width: 188px;
  /* フローsvgサイズ高さ*/
  --flow-svg-size-height: 127px;
  /* 募集要項・フローテーブル table 高さ*/
  --bosyu-flow-table-height: 250px;
  /* 募集要項・フローテーブル テキスト*/
  --bosyu-flow-text-fontsize: 1.5rem;

  /*************************************/
  /* 採用メッセージ                         */
  /*************************************/
  /* 採用メッセージ横エリア マージン */
  --msg-h-area-margin: 10px 30px 10px 30px;
  /* 採用メッセージ角丸エリアマージン */
  --msg-box-radius-margin: 5px 26px 10px 27px;
  /* 採用メッセージ角丸エリア幅 */
  --msg-box-radius-width: 1130px;
  /* 採用メッセージ角丸エリア高さ */
  --msg-box-radius-height: 210px;
  /* 採用メッセージ背景白エリア幅 */
  --msg-box-background-white-width: 1070px;
  /* 採用メッセージ背景白エリア高さ */
  --msg-box-background-white-height: 140px;

  /*************************************/
  /* Discussionメッセージ                         */
  /*************************************/
  /* Discussionメッセージ横エリア マージン */
  --dismsg-h-area-margin: 10px 30px 10px 30px;
  /* Discussionメッセージ角丸エリアマージン */
  --dismsg-box-radius-margin: 5px 26px 10px 27px;
  /* Discussionメッセージ角丸エリア幅 */
  --dismsg-box-radius-width: 1130px;
  /* Discussionメッセージ角丸エリア高さ */
  --dismsg-box-radius-height: 120px;
  /* Discussionメッセージ背景白エリア幅 */
  --dismsg-box-background-white-width: 1070px;
  /* Discussionメッセージ背景白エリア高さ */
  --dismsg-box-background-white-height: 60px;
  
  /* フッター上スペース高さ */
  --box-fresh-sp4-height: 10px;


  /*************************************/
  /* aboutページ                         */
  /*************************************/
  /* 各BOX */
  --about-box-width: 360px;
  --about-box-height: 290px;
  --about-box-margin: 15px 15px 15px 15px;
  --about-box-border-radius: 25px;

  /* about table */
  /* テーブル TR上 高さ */
  --about-table-tr1-height: 100px;
  /* テーブル TD上 マージン */
  --about-table-td1-margin: 15px 13px 5px 15px;
  /* テーブル TR下 高さ */
  --about-table-tr2-height: 180px;
  /* テーブル TD下 マージン */
  --about-table-td2-margin: 5px 10px 0px 15px;



  /*************************************/
  /* キャリアパスページ                   */
  /*************************************/
  --carrerpath-svg-margin: 20px 40px 20px 40px;

  /* 各BOX */
  --carrerpath-box-width: 360px;
  --carrerpath-box-height: 360px;
  --carrerpath-box-margin: 15px 15px 15px 15px;
  --carrerpath-box-border-radius: 25px;

  /* キャリアパス table */
  /* テーブル TR上 高さ */
  --carrerpath-table-tr1-height: 100px;
  /* テーブル TD上 マージン */
  --carrerpath-table-td1-margin: 15px 13px 5px 15px;
  /* テーブル TR下 高さ */
  --carrerpath-table-tr2-height: 180px;
  /* テーブル TD下 マージン */
  --carrerpath-table-td2-margin: 5px 10px 0px 15px;
  
  /*************************************/
  /* 教育ページ                        */
  /*************************************/
  /* 月横エリア マージン */
  --edu-h-area-margin: 10px 30px 10px 30px;
  /* 月角丸エリアマージン */
  --edu-box-radius-margin: 5px 10px 10px 30px;
  /* 月角丸エリア幅 */
  --edu-box-radius-width: 410px;
  /* 月角丸エリア高さ */
  --edu-box-radius-height: 320px;
  /* 背景白エリア幅 */
  --edu-box-background-white-width: 350px;
  /* 背景白エリア高さ */
  --edu-box-background-white-height: 250px;
  /* 月BOX 説明エリア */
  --edu-box-textarea-margin: 5px 10px 10px 30px; 
  /* 月BOX 説明エリア 幅*/
  --edu-box-textarea-width: 410px; 
  /* 月BOX 説明エリア 高さ*/
  --edu-box-textarea-height: 80px; 
  /* 教育 スペース */
  --edu-sp: 40px;
  /* スケジュール例BOX マージン */
  --edu-schedule-box-margin: 10px 40px 10px 60px;
  /* スケジュール例 BOX テーブル */
  --edu-schedule-box-table-margin: 10px 20px 10px 20px;
  /* スケジュール例 BOX 幅*/
  --edu-schedule-box-width: 1000px;

  /*************************************/
  /*募集要項                           */
  /*************************************/
  /* 募集要項タイトル マージン */
  --bosyu-title-margin: 10px 30px 10px 30px;
  /* 募集要項 テーブル 幅 */
  --bosyu-table-width: 90%;
  /* 募集要項 テーブル マージン */
  --bosyu-table-margin: 10px 30px 10px 30px;
  /* 募集要項 テーブル TD 左　幅 */
  --bosyu-table-td-left-width: 150px;
  /* 募集要項 テーブル TD 左 パディング */
  --bosyu-table-td-left-padding: 10px 0px 10px 0px;
  /* 募集要項 テーブル TD 右 パディング */
  --bosyu-table-td-right-padding: 10px 0px 10px 20px;
  /* 募集要項 タイトル・テーブル間スペース */
  --bosyu-sp-height: 20px;

  /* 募集中途 テキスト マージン */
  --bosyu-midle-text-margin: 10px 40px 10px 50px;
  /* 募集中途 タイトル マージン */
  --bosyu-midle-title-margin: 20px 40px 10px 50px;

  /*************************************/
  /*採用フロー                         */
  /*************************************/
  /* 採用フローテーブル 幅 */
  --flow-table-width: 90%;
  /* 採用フローテーブル マージン */
  --flow-table-margin: 10px 30px 10px 30px;
  /* 採用フローテーブル td 左 幅*/
  --flow-table-td-left-width: 120px;
  /* 採用フロー テーブル TD左 パディング */
  --flow-table-td-left-padding: 10px 20px 10px 20px;
  /* 採用フロー テーブル TD右パディング */
  --flow-table-td-right-padding: 10px 20px 10px 20px;
  /* STEP1 SVG 幅 */
  --flow-step-svg-width: 44px;
  /* STEP1 SVG 高 */
  --flow-step-svg-height: 44px;
  /* 矢印 小 SVG 幅 */
  --flow-yajirushi-s-svg-width: 23px;
  /* 矢印 小 SVG 高 */
  --flow-yajirushi-s-svg-height: 51px;
  /* 矢印 大 SVG 幅 */
  --flow-yajirushi-l-svg-width: 23px;
  /* 矢印 大 SVG 高 */
  --flow-yajirushi-l-svg-height: 81px;
  /* STEP文字 SVG 幅 */
  --flow-stepmoji-svg-width: 66px;
  /* STEP文字 SVG 高 */
  --flow-stepmoji-svg-height: 23px;
  /* flow 内定BOX 幅 */
  --flow-box-radius-width: 600px;
  /* flow 内定BOX 高さ */
  --flow-box-radius-height: 150px;
  /* flow table td 左　幅 */ 
  --flow-td-left-box-width: 70px;
  /* flow table td 左　内側 幅 */ 
  --flow-td-left-box-in-width: 70px;
  /*************************************/
  /* 先輩達の声ページ                  */
  /*************************************/
  /* 写真、プロフ間スペース */
  --img-prof-sp: 10px;
  /* QAテーブル幅 */
  --qa-table-width: 90%;
  /* QAテーブル マージン*/
  --qa-table-margin: 20px 0px 10px 20px;
  /* QA間スペース*/
  --qa-sp: 10px;
  /* QAテーブル TD左 幅*/
  --qa-table-td-left-width: 100px;
  /* QAテーブル padding-top*/
  --qa-table-td-left-padding-top: 5px;
  /* QA-Q svg 幅*/
  --qa-q-svg-width: 40px;
  /* QA-Q svg 高さ*/
  --qa-q-svg-height: 57px;
  /* QA-A svg 幅*/
  --qa-a-svg-width: 43px;
  /* QA-A svg 高さ*/
  --qa-a-svg-height: 52px;

  /*************************************/
  /* 中途採用TOP                        */
  /*************************************/
  /* 背景画像 画像 マージン*/
  --midletop-back-margin: 10px 10px 10px 10px;
  /* 背景画像上文字 文字上 TOPからの位置  */
  --midletop-back-h1-top: 53%;
  /* 背景画像上文字 文字上 右からの位置  */
  --midletop-back-h1-right: 10%;
  /* 背景画像上文字 文字上 フォントサイズ  */
  --midletop-back-h1-fontsize: 3rem;
  /* 背景画像上文字 文字下 TOPからの位置  */
  --midletop-back-h2-top: 63%;
  /* 背景画像上文字 文字下 右からの位置  */
  --midletop-back-h2-right: 10%;
  /* 背景画像上文字 文字下 フォントサイズ  */
  --midletop-back-h2-fontsize: 1.5rem;
  /* 背景画像上文字 BOX TOPからの位置  */
  --midletop-back-box-top: 70%;
  /* 背景画像上文字 BOX 右からの位置  */
  --midletop-back-box-right: 10%;
  /* 背景画像 リンクエリア文字フォントサイズ */
  --midletop-back-box-p-fontsize: 1.5rem;
  /* インタビュー BOX 背景青マージン*/
  --midletop-interview-box-margin: 10px 10px 10px 10px;
  /* インタビューBOX 高さ  */
  --midletop-interview-box-height: 200px;
  /* インタビューBOX上文字 TOPからの位置  */
  --midletop-interview-box-h1-top: 30%;
  /* インタビューBOX上文字 右からの位置  */
  --midletop-interview-box-h1-right: 10%;
  /* インタビューBOX上文字 フォントサイズ  */
  --midletop-interview-box-h1-fontsize: 3rem;
  /* インタビューBOX下文字 TOPからの位置  */
  --midletop-interview-box-h2-top: 60%;
  /* インタビューBOX下文字 右からの位置  */
  --midletop-interview-box-h2-right: 10%;
  /* インタビューBOX下文字 フォントサイズ  */
  --midletop-interview-box-h2-fontsize: 1.5rem;
  /* インタビュー BOX 背景白マージン*/
  --midletop-interview-box-white-margin: 10px 10px 10px 10px;
  /* インタビューBOX背景白 高さ*/
  --midletop-interview-box-white-height: 350px;
  /* インタビューBOX背景白 画像 TOPからの位置  */
  --midletop-interview-box-white-img-top: 10%;
  /* インタビューBOX背景白 画像 右からの位置  */
  --midletop-interview-box-white-img-right: 50%;
  /* インタビューBOX背景白 見出し TOPからの位置  */
  --midletop-interview-box-white-h1-top: 40%;
  /* インタビューBOX背景白 見出し 右からの位置  */
  --midletop-interview-box-white-h1-right: 10%;
  /* インタビューBOX背景白 見出し フォントサイズ  */
  --midletop-interview-box-white-h1-fontsize: 2rem;
  /* インタビューBOX背景白 リンクエリア 幅  */
  --midletop-interview-box-white-box-width: 150px;
  /* インタビューBOX背景白 リンクエリア TOPからの位置  */
  --midletop-interview-box-white-box-top: 65%;
  /* インタビューBOX背景白 リンクエリア 右からの位置  */
  --midletop-interview-box-white-box-right: 10%;
  /* インタビュー　BOX 背景白 リンクエリア文字 フォントサイズ*/
  --midletop-interview-box-white-box-p-fontsize: 1.5rem;
  
  /*************************************/
  /*座談会ページ                       */
  /*************************************/
  /* 各BOX */
  --discussion-box-width: 320px;
  --discussion-box-height: 330px;
  --discussion-box-margin: 15px 15px 15px 45px;
  --discussion-box-border-radius: 20px;
  
  /* キャリアパス table */
  /* テーブル TR上 高さ */
  --discussion-table-tr1-height: 80px;
  /* テーブル TD上 マージン */
  --discussion-table-td1-margin: 15px 13px 5px 5px;
  /* テーブル TR下 高さ */
  --discussion-table-tr2-height: 170px;
  /* テーブル TD下 マージン */
  --discussion-table-td2-margin: 5px 10px 0px 10px;

}

/***************************************/
/* 共通                                 */
/***************************************/
body, html {
  padding: 0;
  height: 100%;
  margin: 0 auto;
  font-size: 16px;
  font-family: sans-serif;
}

/* 左青色見出し */
.title_blue {
  padding: 0.5rem;
  color: #000000;
  margin: var(--title-blue-margin);
  background: #ffffff;
  border-left: solid 10px #0077CC;
  font-size: 1.5rem;
  font-weight: 600;
}

/* 左青色見出し */
.title_blue2 {
  padding: 0.5rem;
  color: #000000;
  margin: var(--title-blue2-margin);
  background: #ffffff;
  border-left: solid 10px #0077CC;
  font-size: 1.5rem;
  font-weight: 600;
}

/* 左青色見出し */
.title_blue3 {
  padding: 0.5rem;
  color: #000000;
  margin: var(--title-blue3-margin);
  background: #ffffff;
  border-left: solid 10px #0077CC;
  font-size: 1.4rem;
  font-weight: 500;
}

/* 左青色見出し間スペース */
.title_blue_sp {
    height: var(--title-blue-sp);
}

/* 左青色見出しサブ */
.title_blue_sub {
  padding: 0.5rem;
  color: #ffffff;
  margin: var(--title-blue-sub-margin);
  background: #0077CC;
  font-size: 1.4rem;
  font-weight: 500;
}


/* 汎用コンテンツBOX */
.free_cont_box {
  margin: var(--free-cont-box-margin);
}

/* 汎用テキスト */
.free_text {
  font-size: 1.3rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}

/* 汎用テキスト */
.free_text_blue {
  font-size: 1.3rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  color: blue;
}

/* リンク色　黒 */
a {
color: black;
}
a:link {
    color: black;
}
a:visited {
    color: black;
}

a:hover {
    color: black;
    text-decoration:underline;
}
/* brを無効にする */
.br_sp1 {
  display: none;
}
/* brを無効にする */
.br_sp2 {
  display: none;
}

/* 汎用太字テキスト */
.bold_text {
  padding: 0.5rem;
  margin-left: 0.5rem;
  margin-right: 1.5rem;
  margin-bottom: 0.5rem;
  color: #000000;
  background: #ffffff;
  font-size: 1.5rem;
  font-weight: 600;
}

/***************************************/
/* 採用TOP                              */
/***************************************/
/* スペース */
.recruittop_sp1 {
height: var(--recruittop-sp1-height);
}

/* タイトル */
.recruittop_title {
  font-size: var(--recruittop-title-fontsize);
  margin-bottom: 10px;
  font-weight: 700;
  text-align: center;
  color: black;
}

/* 本文 */
.recruittop_text {
  font-size: var(--recruittop-text-fontsize);
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 2;
  text-align: center;
  color: black;
}

/* リンクエリア */
.recruit_link_area {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    text-align: center;
}

/* リンクエリア */
.recruit_link_area_left_right {
    display: inline-block;
    text-align: center;
}

/* リンクBOX yellowgreen */
.recruit_link_box_yellowgreen {
  width: 200px;
  height: 80px;
  margin: 20px 40px 20px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #A1C515;
  border-radius: 10px;
  box-shadow: 0 0 0 3px white, 0 0 0 15px #A1C515;
  box-sizing: border-box;
}

/* リンクBOX deepskyblue */
.recruit_link_box_deepskyblue {
  width: 200px;
  height: 80px;
  margin: 20px 40px 20px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #18A4C6;
  border-radius: 10px;
  box-shadow: 0 0 0 3px white, 0 0 0 15px #18A4C6;
  box-sizing: border-box;
}

/* リンクBOX文字 */
.recruit_link_box_txt {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75;
  color: white;
}


/***************************************/
/* navbar ロゴイメージサイズ              */
/***************************************/
.logo-image {
  height: var(--logo-kana-svg-height);
  width: var(--logo-kana-svg-width);
}

/***************************************/
/* 新卒メニューBOX                       */
/***************************************/
/* navbar下スペース */
.box_fresh_sp_1 {
  height: var(--box-fresh-sp1-height);
  position: relative;
}

/* 画像上下間スペース */
.box_fresh_sp_2 {
  height: var(--box-fresh-sp2-height);
  position: relative;
}

/* 画像下、 募集要項・フローBOX間スペース */
.box_fresh_sp_3 {
  height: var(--box-fresh-sp3-height);
  position: relative;
}

/* フッター上スペース */
.box_fresh_sp_4 {
  height: var(--box-fresh-sp4-height);
  position: relative;
}


/* 画像上BOX */
.box_cont_upper {
    width: 100%;
    background: #FFFFFF;
    position: relative;
    display:inline-block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* 画像上個別 */
.picture_upper {
    margin: var(--picture-upper-margin);
    display:inline-block;
    text-align: center;
}

/* 画像下BOX */
.box_cont_down {
    background: #FFFFFF;
    position: relative;
    width: 100%;
    display:inline-block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* 画像下角丸エリア */
.box_back_radius {
display:inline-block;
    background-color: #20b2aa;
    border-radius: 25px;
background-size: contain;
}

/* 画像下個別 */
.picture_down {
    margin: var(--picture-down-margin);
    display:inline-block;
    text-align: center;
}

/* 募集要項・フローテーブル table*/
.bosyu_flow_table {
    border-collapse: collapse;
    width: 100%;
    height: var(--bosyu-flow-table-height);
}

/* 募集要項・フローテーブル TD*/
.bosyu_flow_td_right {
    width: 50%;
    text-align: center;
    vertical-align: bottom;
    border: 1px solid black;
    border-right-style: none;
}
.bosyu_flow_td_left {
    width: 50%;
    text-align: center;
    vertical-align: bottom;
    border: 1px solid black;
    border-left-style: none;
}

/* 募集要項・フローテーブル テキスト*/
.bosyu_flow_text {
    font-size: var(--bosyu-flow-text-fontsize);
    margin-top: 5px;
}

/* 募集要項svg、フローBOX */
.bosyu_svg {
    display:inline-block;
    text-align: center;
    margin: var(--bosyu-svg-margin);
}
.bosyu_svg_size {
    width: var(--bosyu-svg-size-width);
    height: var(--bosyu-svg-size-height);
}

/* フローsvg */
.flow_svg {
    display:inline-block;
    text-align: center;
    margin: var(--flow-svg-margin);
}
.flow_svg_size {
    width: var(--flow-svg-size-width);
    height: var(--flow-svg-size-height);
}


/* 採用メッセージ横エリア */
.msg_h_area {
    width: 100%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/* 採用メッセージBOX small */
.msg_small_box1 {
    display: inline-block;
    margin: auto;
    text-align: center;
    float: center;
}
/* 採用メッセージ角丸エリア */
.msg_box_radius {
    width: var(--msg-box-radius-width);
    height: var(--msg-box-radius-height);
    display: block;
    background-color: #20b2aa;
    border-radius: 25px;
    background-size: contain;
    margin: var(--msg-box-radius-margin); 
    text-align: center;
}
/* 採用メッセージ背景白エリア */
.msg_box_background_white {
    width: var(--msg-box-background-white-width);
    height: var(--msg-box-background-white-height);
    display:inline-block;
    background-color: white;
    border-radius: 10px;
}
/* 採用メッセージ白文字 */
.msg_text_white {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
  color: white;
}




/* Discussionメッセージリンク白文字 */
.msg_textlink_white {
  font-size: 1.30rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
  color: white;
}

/* Discussionメッセージ背景白エリア */
.msg_box_background_green {
    width: var(--msg-box-background-white-width);
    height: var(--msg-box-background-white-height);
    display:inline-block;
    background-color: #20b2aa;
    border-radius: 10px;
}



/* Discussionメッセージ横エリア */
.dismsg_h_area {
    width: 100%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/* DiscussionメッセージBOX small */
.dismsg_small_box1 {
    display: inline-block;
    margin: auto;
    text-align: center;
    float: center;
}
/* Discussionメッセージ角丸エリア */
.dismsg_box_radius {
    width: var(--dismsg-box-radius-width);
    height: var(--dismsg-box-radius-height);
    display: block;
    background-color: #20b2aa;
    border-radius: 25px;
    background-size: contain;
    margin: var(--dismsg-box-radius-margin); 
    text-align: center;
}
/* Discussionメッセージ背景白エリア */
.dismsg_box_background_white {
    width: var(--dismsg-box-background-white-width);
    height: var(--dismsg-box-background-white-height);
    display:inline-block;
    background-color: white;
    border-radius: 10px;
}
/* Discussionメッセージ白文字 */
.dismsg_text_white {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
  color: white;
}

/* Discussionメッセージリンク白文字 */
.dismsg_textlink_white {
  font-size: 1.30rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
  color: white;
}

/* Discussionメッセージ背景白エリア */
.dismsg_box_background_green {
    width: var(--dismsg-box-background-white-width);
    height: var(--dismsg-box-background-white-height);
    display:inline-block;
    background-color: #20b2aa;
    border-radius: 10px;
}

/* Discussionメッセージ汎用コンテンツBOX */
.dismsg_free_cont_box {
  margin: var(--free-cont-box-margin);
  background-color: #DDEBF7;

}


/*************************************/
/*aboutページ                         */
/*************************************/
/* aboutコンテンツBOX */
.about_cont_box {
    width: 100%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


.about_box_deeppink {
    width: var(--about-box-width);
    height: var(--about-box-height);
    background-color: deeppink;
    margin: var(--about-box-margin);
    text-align: center;
    display: inline-block;
    border-radius: var(--about-box-border-radius);
}

.about_box_darkcyan {
    width: var(--about-box-width);
    height: var(--about-box-height);
    background-color: darkcyan;
    margin: var(--about-box-margin);
    text-align: center;
    display: inline-block;
    border-radius: var(--about-box-border-radius);
}

.about_box_orangered {
    width: var(--about-box-width);
    height: var(--about-box-height);
    background-color: orangered;
    margin: var(--about-box-margin);
    text-align: center;
    display: inline-block;
    border-radius: var(--about-box-border-radius);
}

.about_box_darkviolet {
    width: var(--about-box-width);
    height: var(--about-box-height);
    background-color: darkviolet;
    margin: var(--about-box-margin);
    text-align: center;
    display: inline-block;
    border-radius: var(--about-box-border-radius);
}

.about_box_yellowgreen {
    width: var(--about-box-width);
    height: var(--about-box-height);
    background-color: yellowgreen;
    margin: var(--about-box-margin);
    text-align: center;
    display: inline-block;
    border-radius: var(--about-box-border-radius);
}

.about_box_deepskyblue {
    width: var(--about-box-width);
    height: var(--about-box-height);
    /*background-color: deepskyblue;*/
    background-color: #0099CC;
    margin: var(--about-box-margin);
    text-align: center;
    display: inline-block;
    border-radius: var(--about-box-border-radius);
}

.about_box_mediumvioletred {
    width: var(--about-box-width);
    height: var(--about-box-height);
    background-color: mediumvioletred;
    margin: var(--about-box-margin);
    text-align: center;
    display: inline-block;
    border-radius: var(--about-box-border-radius);
}

.about_box_sandybrown {
    width: var(--about-box-width);
    height: var(--about-box-height);
    background-color: sandybrown;
    margin: var(--about-box-margin);
    text-align: center;
    display: inline-block;
    border-radius: var(--about-box-border-radius);
}


/* about BOX内テーブル */
.about_table_tr1 {
  height: var(--about-table-tr1-height);

}
.about_table_tr2 {
  height: var(--about-table-tr2-height);

}
.about_table_td1 {
  padding: var(--about-table-td1-margin);
  vertical-align: middle;

}
.about_table_td2 {
  padding: var(--about-table-td2-margin);

}


/* about BOX内題名 */
.about_title {
  font-size: 2rem;
  color: white;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;

}
/* about BOX内テキスト */
.about_text {
  font-size: 1.3rem;
  color: white;
  font-weight: 300;
  line-height: 1.5;
  text-align: left;

}



/*************************************/
/*キャリアパスページ                    */
/*************************************/
/* キャリアパス.svg */
.carrerpath_svg {
    margin: var(--carrerpath-svg-margin);

}
/* キャリアパスコンテンツBOX */
.carrerpath_cont_box {
    width: 100%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.carrerpath_box_deepskyblue {
    width: var(--carrerpath-box-width);
    height: var(--carrerpath-box-height);
    background-color: #0099CC;
    margin: var(--carrerpath-box-margin);
    text-align: center;
    display: inline-block;
    border-radius: var(--carrerpath-box-border-radius);
}

/* キャリアパス BOX内テーブル */
.carrerpath_table_tr1 {
  height: var(--carrerpath-table-tr1-height);

}
.carrerpath_table_tr2 {
  height: var(--carrerpath-table-tr2-height);

}
.carrerpath_table_td1 {
  padding: var(--carrerpath-table-td1-margin);
  vertical-align: middle;

}
.carrerpath_table_td2 {
  padding: var(--carrerpath-table-td2-margin);

}

/* キャリアパス BOX内題名 */
.carrerpath_title {
  font-size: 2rem;
  color: white;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  border-bottom: 1px solid white;

}/* キャリアパス BOX内テキスト */
.carrerpath_text {
  font-size: 1.3rem;
  color: white;
  font-weight: 300;
  line-height: 1.5;
  text-align: left;

}

/*************************************/
/*新人教育ページ                       */
/*************************************/
/* 月横エリア */
.edu_h_area {
    display: inline-block;
    margin: var(--edu-h-area-margin);
}

/* 月BOX small */
.edu_small_box1 {
    display: inline-block;
    margin: auto;
    text-align: center;
    float: left;
}
.edu_small_box2 {
    display: inline-block;
    margin: auto;
    text-align: center;
}

/* 月角丸エリア */
.edu_box_radius {
    width: var(--edu-box-radius-width);
    height: var(--edu-box-radius-height);
    display: block;
    background-color: #20b2aa;
    border-radius: 20px;
    background-size: contain;
    margin: var(--edu-box-radius-margin); 
    text-align: center;
}

/* 背景白エリア */
.edu_box_background_white {
    width: var(--edu-box-background-white-width);
    height: var(--edu-box-background-white-height);
    display:inline-block;
    background-color: white;
    border-radius: 10px;
}

/* 白文字 */
.edu_text_white {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
  color: white;
}

/* 箇条書き文字 */
.edu_list_text {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
}

/* 月BOX 説明エリア */
.edu_box_textarea {
  display: block;
  width: var(--edu-box-textarea-width);
  height: var(--edu-box-textarea-height);
  margin: var(--edu-box-textarea-margin);
}

/* スケジュール例 BOX */
.edu_schedule_box {
  width: var(--edu-schedule-box-width);
  border: 10px solid;
  border-color: sienna darkgreen;
  background-color: darkgreen;
  margin: var(--edu-schedule-box-margin);
}

/* スケジュール例 BOX タイトル */
.edu_schedule_box_title {
  font-size: 1.25rem;
  margin-top: 0.75rem;
  margin-left: 1rem;
  font-weight: 600;
  text-align: left;
  color: white;
}

/* スケジュール例 BOX テーブル */
.edu_schedule_box_table {
  margin: var(--edu-schedule-box-table-margin);

}

/* スケジュール例 BOX テーブル */
.edu_schedule_box_table_font {
  font-size: 1.25rem;
  padding: 10px 30px 10px 20px;
  font-weight: 600;
  text-align: left;
  vertical-align: baseline;
  color: white;
}


/* 教育スペース */
.edu_sp {
    height: var(--edu-sp);
}

/*************************************/
/*募集要項ページ                     */
/*************************************/
/* 見出しテーブル（システムエンジニア） */
.bosyu_title {
    width: 90%;
    margin: var(--bosyu-title-margin);
    border: 1px solid;
    display: inline-block;
    font-size: 1.5rem;
    padding-top : 20px;
    padding-bottom : 20px;
    font-weight: 500;
    text-align: center;
}

/* 募集要項テーブル */
.bosyu_table {
    width: var(--bosyu-table-width);
    margin: var(--bosyu-table-margin);
    font-size: 1.25rem;
    padding-top : 20px;
    padding-bottom : 20px;
    font-weight: 400;
    text-align: left;
}

/* 募集要項テーブル td　左 */
.bosyu_table_td_left {
    width: var(--bosyu-table-td-left-width);
    border-width: 1px 0;
    border-style: solid;
    border-color: gray;
    padding: var(--bosyu-table-td-left-padding);
    vertical-align: top;
}
/* 募集要項テーブル td　右 */
.bosyu_table_td_right {
    border-width: 1px 0;
    border-style: solid;
    border-color: gray;
    padding: var(--bosyu-table-td-right-padding);
    vertical-align: top;
}



/* 募集　タイトル・テーブル間スペース */
.bosyu_sp {
    height: var(--bosyu-sp-height);
}

/* 募集中途　テキスト */
.bosyu_midle_text {
    width: 90%;
    font-size: 1.25rem;
    font-weight: 400;
    margin: var(--bosyu-midle-text-margin);
}

/* 募集中途　タイトル */
.bosyu_midle_title {
    width: 90%;
    font-size: 1.5rem;
    font-weight: 600;
    margin: var(--bosyu-midle-title-margin);
}

/*************************************/
/*採用フローページ                   */
/*************************************/
/* 採用フリーテーブル */
.flow_table {
    width: var(--flow-table-width);
    margin: var(--flow-table-margin);
    padding-top : 20px;
    padding-bottom : 20px;
    text-align: left;
}

/* 採用フローテーブル td 左*/
.flow_table_td_left {
    width: var(--flow-table-td-left-width);
    padding: var(--flow-table-td-left-padding);
    vertical-align: top;
}

/* 採用フローテーブル td 右*/
.flow_table_td_right {
    padding: var(--flow-table-td-right-padding);
    text-align: left;
    vertical-align: top;
}


/* step1-4 svg */
.flow_step_svg {
    width: var(--flow-step-svg-width);
    height: var(--flow-step-svg-height);
    text-align: center;
}

/* 矢印 小 svg */
.flow_yajirushi_s_svg {
    width: var(--flow-yajirushi-s-svg-width);
    height: var(--flow-yajirushi-s-svg-height);
    text-align: center;
}

/* 矢印 大 svg */
.flow_yajirushi_l_svg {
    width: var(--flow-yajirushi-l-svg-width);
    height: var(--flow-yajirushi-l-svg-height);
    text-align: center;
}

/* STEP文字 svg */
.flow_stepmoji_svg {
    width: var(--flow-stepmoji-svg-width);
    height: var(--flow-stepmoji-svg-height);
    text-align: center;
}

/* 左列BOX */
.flow_td_left_box {
    width: var(--flow-td-left-box-width);
    margin-left: auto;
    margin-right: auto;
}
/* 左列BOX中のBOX*/
.flow_td_left_box_in {
    width: var(--flow-td-left-box-in-width);
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


/* TD右側オレンジ文字 */
.flow_text_orange {
  color: #f15a24;
  font-size: 1.6rem;
  font-weight: 600;
}
/* TD右側黒文字 */
.flow_text_black {
  color: #000000;
  font-size: 1.4rem;
  font-weight: 400;
}

/* TD右側黒文字BOLD */
.flow_text_black_bold {
  color: #000000;
  font-size: 1.4rem;
  font-weight: 600;
}

/* TD右側マイナビバナー */
.flow_mynavi_banner {
  width: 195px;
  height: 60px;
  border: 0;
}


/* 内定角丸エリア */
.flow_box_radius {
    width: var(--flow-box-radius-width);
    height: var(--flow-box-radius-height);
    display: table-cell;
    background-color: #f15a24;
    border-radius: 20px;
    background-size: contain;
    text-align: center;
    vertical-align: middle;
}

/* 内定角丸エリアテキスト */
.flow_box_radius_text {
  font-size: 1.7rem;
  font-weight: 600;
  color: #ffffff;
}

/*************************************/
/*先輩達の声ページ                   */
/*************************************/
/* 写真BOX */
.engineer_img_box {
    width: 100%;
    display: inline-block;
    text-align: center;
}

/* プロフィールテキスト */
.profile_text {
  font-size: 1.5rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.75;
  text-align: left;
}

/* Qテキスト */
.qa_q_text {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
  /* line-height: 1.75; */
  text-align: left;
  text-decoration: underline;
}

/* Aテキスト */
.qa_a_text {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
  /* line-height: 1.75; */
  text-align: left;

}


/* 写真、プロフ間スペース */
.img_prof_sp {
  height: var(--img-prof-sp);
}

/* QAテーブル */
.qa_table {
    width: var(--qa-table-width);
    margin: var(--qa-table-margin);
    text-align: left;
}

/* QAテーブル td 左*/
.qa_table_td_left {
    width: var(--qa-table-td-left-width);
    padding-top: var(--qa-table-td-left-padding-top);
    text-align: center;
    vertical-align: top;
}

/* QAテーブル td 右*/
.qa_table_td_right {
    text-align: left;
    vertical-align: top;
}

/* QA-Q svg */
.qa_q_svg {
    width: var(--qa-q-svg-width);
    height: var(--qa-q-svg-height);
}
/* QA-A svg */
.qa_a_svg {
    width: var(--qa-a-svg-width);
    height: var(--qa-a-svg-height);
}

/* QA間スペース */
.qa_sp {
  height: var(--qa-sp);
}


/*************************************/
/*中途採用TOP                        */
/*************************************/
/* 背景画像 画像 */
.midletop_back {
    position: relative;
    text-align: center;
    margin: var(--midletop-back-margin);
}

/* 背景画像 見出し上 */
.midletop_back h1 {
    position: absolute;
    text-align: right;
    font-size: var(--midletop-back-h1-fontsize);
    font-weight: 600;
    top: var(--midletop-back-h1-top);
    right: var(--midletop-back-h1-right);
}

/* 背景画像 見出し下 */
.midletop_back h2 {
    position: absolute;
    text-align: right;
    font-size: var(--midletop-back-h2-fontsize);
    font-weight: 600;
    top: var(--midletop-back-h2-top);
    right: var(--midletop-back-h2-right);
}

/* 背景画像 リンクエリア 未使用 */
.midletop_back box {
    position: absolute;
    width: 150px;
    height: 2.5rem;
    background-color: #0077CC;
    border-radius: 15px;
    top: var(--midletop-back-box-top);
    right: var(--midletop-back-box-right);
}

/* 背景画像 リンクエリア文字 未使用 */
.midletop_back box p {
    text-align: right;
    margin-right: 1rem;
    font-size: var(--midletop-back-box-p-fontsize);
    font-weight: 600;
    line-height: 2.5rem;
}

/* インタビュー　BOX 背景青*/
.midletop_interview_box {
    height: var(--midletop-interview-box-height);
    background-color: #0077CC;
    position: relative;
    margin: var(--midletop-interview-box-margin);
}

/* インタビュー　見出し上 */
.midletop_interview_box h1 {
    position: absolute;
    text-align: right;
    color: white;
    font-size: var(--midletop-interview-box-h1-fontsize);
    font-weight: 600;
    top: var(--midletop-interview-box-h1-top);
    right: var(--midletop-interview-box-h1-right);
}

/* インタビュー　見出し下 */
.midletop_interview_box h2 {
    position: absolute;
    text-align: right;
    color: white;
    font-size: var(--midletop-interview-box-h2-fontsize);
    font-weight: 500;
    top: var(--midletop-interview-box-h2-top);
    right: var(--midletop-interview-box-h2-right);
}

/* インタビュー　BOX 背景白*/
.midletop_interview_box_white {
    height: var(--midletop-interview-box-white-height);
    background-color: white;
    position: relative;
    margin: var(--midletop-interview-box-white-margin);
}

/* インタビュー　BOX 背景白 img*/
.midletop_interview_box_white img {
    position: absolute;
    text-align: right;
    top: var(--midletop-interview-box-white-img-top);
    right: var(--midletop-interview-box-white-img-right);
}

/* インタビュー　BOX 背景白 source*/
.midletop_interview_box_white source {
    position: absolute;
    top: var(--midletop-interview-box-white-img-top);
    right: var(--midletop-interview-box-white-img-right);
}

/* インタビュー　BOX 背景白 文字*/
.midletop_interview_box_white h1 {
    position: absolute;
    text-align: right;
    color: black;
    font-size: var(--midletop-interview-box-white-h1-fontsize);
    font-weight: 500;
    top: var(--midletop-interview-box-white-h1-top);
    right: var(--midletop-interview-box-white-h1-right);
}

/* インタビュー　BOX 背景白 リンクエリア*/
.midletop_interview_box_white box {
    position: absolute;
    width: var(--midletop-interview-box-white-box-width);
    height: 2.5rem;
    background-color: #0077CC;
    border-radius: 15px;
    top: var(--midletop-interview-box-white-box-top);
    right: var(--midletop-interview-box-white-box-right);
}
/* インタビュー　BOX 背景白 リンクエリア文字 */
.midletop_interview_box_white box p {
    text-align: right;
    margin-right: 10px;
    font-size: var(--midletop-interview-box-white-box-p-fontsize);
    font-weight: 600;
    line-height: 2.5rem;
    color: white;
}

/*************************************/
/*座談会ページ                       */
/*************************************/
/* 座談会 汎用テキスト */
.discussion_free_text {
  font-size: 1.3rem;
  margin-right: 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}

/* 座談会 BOX内テキスト */
.discussion_box_left {
    width: 735.8px;
    height: auto;
    color: #212529;
    border-right: dotted;
    margin: var(--discussion-box-margin);
    text-align: center;
}

.discussion_box {
    width: auto;
    height: auto;
    color: #212529;
    margin: 1.5rem;
    text-align: center;
}

.discussion_cont_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.discussion_table_tr1 {
  height: var(--discussion-table-tr1-height);
  
}
.discussion_table_tr2 {
  display: block;
  height: auto;
  margin-top :20px;
  margin-left :1.5rem;
  text-align: center;

}
.discussion_table_td1 {
  width: auto;
  padding: var(--discussion-table-td1-margin);
  vertical-align: middle;

}
.discussion_table_td2_left {
  height: auto;
  width: 80px;
  padding: var(--discussion-table-td2-margin);
  vertical-align: top;

}
.discussion_table_td2 {
  padding: var(--discussion-table-td2-margin);
  vertical-align: top;
  height: auto;

}

.discussion_title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  margin-left :1.5rem;
  
}.discussion_title_border {
  border-bottom: 2px solid;

}
.discussion_text_left {
  color: #0077CC;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.5;
  text-align: left;

}
.discussion_text {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.5;
  text-align: left;

}
.discussion_text_border {
  border-bottom: 1px solid;

}
.discussion_text_bold_border {
  font-weight: bold;
  border-bottom: 1px solid;

}

.discussion_remarks_text {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.5;
  text-align: left;

}

.discussion_remarks {
  border: 0px solid;
  background-color: #FFF2CC;
  display: block;
  padding: 20px 10px 20px 10px;
  margin: 20px 10px 10px 110px;
}

/* 座談会コンテンツBOX（業務） */
.discussion_cont_box_work {
    width: 100%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.discussion_box_deepskyblue {
    width: 320px;
    height: 460px;
    background-color: #9999CC;
    margin: 15px 15px 15px 15px;
    text-align: center;
    display: inline-block;
    border-radius: 25px;
}
.discussion_box_darkcyan {
    width: 320px;
    height: 360px;
    background-color: darkcyan;
    margin: 15px 15px 15px 15px;
    text-align: center;
    display: inline-block;
    border-radius: 25px;
}
.discussion_box_yellowgreen {
    width: 320px;
    height: 360px;
    background-color: yellowgreen;
    margin: 15px 15px 15px 15px;
    text-align: center;
    display: inline-block;
    border-radius: 25px;
}
.discussion_box_sandybrown {
    width: 320px;
    height: 360px;
    background-color: sandybrown;
    margin: 15px 15px 15px 15px;
    text-align: center;
    display: inline-block;
    border-radius: 25px;
}
.discussion_box_mediumvioletred {
    width: 320px;
    height: 360px;
    background-color: mediumvioletred;
    margin: 15px 15px 15px 15px;
    text-align: center;
    display: inline-block;
    border-radius: 25px;
}

/* 座談会 BOX内テーブル（業務） */
.discussion_table_tr1_work {
  height: 100px;


}
.discussion_table_tr2_work {
  height: 180px;

}
.discussion_table_td1_work {
  padding: 15px 13px 5px 15px;
  vertical-align: middle;

}
.discussion_table_td2_work {
  padding: 5px 10px 0px 15px;

}

/* 座談会 BOX内題名（業務） */
.discussion_title_work {
  font-size: 2rem;
  color: white;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  border-bottom: 1px solid white;


}
/* 座談会 BOX内テキスト（業務） */
.discussion_text_work {
  font-size: 1.3rem;
  color: white;
  font-weight: 300;
  line-height: 1.5;
  text-align: left;

}

/*************************************/
/*健康経営ページ                       */
/*************************************/
/* テーブル */
.health-table {
  width: 100%;
  min-width: 800px;      /* 崩れ防止 */
  border-collapse: collapse;
  font-size: 14px;
  font-family: "Segoe UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

/* セル */
.health-table th, .health-table td {
  border: 1px solid #cfd8e3;
  padding: 12px;
  text-align: center;
}

/* ヘッダー（濃い青） */
.health-table th {
  background-color: #1f4e79;
  color: white;
}

/* 交互行（淡い青） */
.health-table tr:nth-child(even) {
  background-color: #f4f8fc;
}

/* ホバー時 */
.health-table tr:hover {
  background-color: #e3efff;
}

/* 目標列（やや濃い青） */
.goal {
  background-color: #ddebf7;
  font-weight: bold;
}

/* 評価カラー（青系で統一） */
/* 実績値（やや濃い青） */
.good {
  color: #1f4e79;
  font-weight: bold;
}

/* 実績値（青） */
.warn {
  color: #2e75b6;
  font-weight: bold;
}

/* 実績値（やや薄い青） */
.bad {
  color: #5b9bd5;
  font-weight: bold;
}

/*************************************/
/*フッター                           */
/*************************************/
.footer_area_fix {
    position: relative;
}
.footer_area {
  width: 100%;
  position: relative;
  bottom: 0;
  margin-bottom: 0rem;
}
.footer_top_sp {
  height: var(--footer-top-space-height);
}
.footer_box {
  display: inline-block;
  text-align: left;
  margin-left: 30px;
}
.footer_logo_svg {
  width: var(--footer-logo-svg-width);
  height: var(--footer-logo-svg-height);
}
.footer_copyright {
  bottom: 0;
  margin-bottom: -2rem;
  padding-top: 5px;
  font-size: 0.7rem;
  line-height: 1.25rem;
  text-align: center;
  clear: both;
  color: white;
  background-color: #0077CC;
}
.footerlink {
  color: black;
}


/************************************/
/* メディアクエリー                 */
/************************************/
/* レスポンシブ大 PC 1025px以上 */
@media screen and (min-width:1025px) {
  html {
    font-size: 15px;
  }
}

/* レスポンシブ中  タブレット 1024px以下　601px以上 */
@media screen and (max-width:1024px) {
:root {

  /*************************************/
  /* 汎用                              */
  /*************************************/
  /* 左青色見出し　左側マージン【上・右・下・左】 */
  --title-blue-margin: 0px 20px 10px 0px;

  /* 左青色見出し　左側マージン【上・右・下・左】 */
  --title-blue2-margin: 0px 20px 10px 0px;

  /* 左青色見出し　左側マージン【上・右・下・左】 */
  --title-blue3-margin: 0px 20px 0px 0px;

  /* 左青色見出しサブ　左側マージン */
  --title-blue-sub-margin: 20px 20px 20px 25px;


  /* 左青色見出し間スペース */
  --title-blue-sp: 10px;

  /* 汎用コンテンツBOX　マージン */
  --free-cont-box-margin: 0px 20px 0px 20px;


  /*************************************/
  /* 募集要項・選考フローアイコンsvg   */
  /*************************************/
  /* 募集要項svgサイズ幅 */
  --bosyu-svg-size-width: 99px;
  /* 募集要項svgサイズ幅 */
  --bosyu-svg-size-height: 123px;
  /* フローsvgサイズ幅*/
  --flow-svg-size-width: 150px;
  /* フローsvgサイズ高さ*/
  --flow-svg-size-height: 101px;

  /*************************************/
  /* 中途採用TOP                       */
  /*************************************/
  /* 背景画像上文字 文字上 TOPからの位置  */
  --midletop-back-h1-top: 43%;
  /* 背景画像上文字 文字上 フォントサイズ  */
  --midletop-back-h1-fontsize: 3rem;
  /* 背景画像上文字 文字下 TOPからの位置  */
  --midletop-back-h2-top: 60%;
  /* 背景画像上文字 文字下 フォントサイズ  */
  --midletop-back-h2-fontsize: 1.5rem;
  /* 背景画像上文字 BOX TOPからの位置  */
  --midletop-back-box-top: 72%;
  /* 背景画像 リンクエリア文字フォントサイズ */
  --midletop-back-box-p-fontsize: 1.5rem;
  /* インタビューBOX 高さ  */
  --midletop-interview-box-height: 180px;
  /* インタビューBOX背景白 高さ*/
  --midletop-interview-box-white-height: 300px;
  /* インタビューBOX背景白 見出し TOPからの位置  */
  --midletop-interview-box-white-h1-top: 30%;
  /* インタビューBOX背景白 見出し フォントサイズ  */
  --midletop-interview-box-white-h1-fontsize: 1.75rem;
  /* インタビューBOX背景白 リンクエリア TOPからの位置  */
  --midletop-interview-box-white-box-top: 55%;
  /* インタビュー　BOX 背景白 リンクエリア文字 フォントサイズ*/
  --midletop-interview-box-white-box-p-fontsize: 1.5rem;

  /*************************************/
  /* 採用メッセージ                    */
  /*************************************/
  /* 採用メッセージ横エリア マージン */
  --msg-h-area-margin: 10px 10px 10px 10px;
  /* 採用メッセージ角丸エリアマージン */
  --msg-box-radius-margin: 5px 5px 10px 5px;
  /* 採用メッセージ角丸エリア幅 */
  --msg-box-radius-width: 580px;
  /* 採用メッセージ角丸エリア高さ */
  --msg-box-radius-height: 255px;
  /* 採用メッセージ背景白エリア幅 */
  --msg-box-background-white-width: 550px;
  /* 採用メッセージ背景白エリア高さ */
  --msg-box-background-white-height: 195px;


  /*************************************/
  /* Discussionメッセージ              */
  /*************************************/
  /* Discussionメッセージ横エリア マージン */
  --dismsg-h-area-margin: 10px 10px 10px 10px;
  /* Discussionメッセージ角丸エリアマージン */
  --dismsg-box-radius-margin: 5px 5px 10px 5px;
  /* Discussionメッセージ角丸エリア幅 */
  --dismsg-box-radius-width: 580px;
  /* Discussionメッセージ角丸エリア高さ */
  --dismsg-box-radius-height: 115px;
  /* Discussionメッセージ背景白エリア幅 */
  --dismsg-box-background-white-width: 550px;
  /* Discussionメッセージ背景白エリア高さ */
  --dismsg-box-background-white-height: 65px;

  /*************************************/4
  /*aboutページ                         */
  /*************************************/
  /* 各BOX */
  --about-box-width: 320px;
  --about-box-height: 260px;
  --about-box-margin: 15px 15px 15px 15px;
  --about-box-border-radius: 20px;

  /* about table */
  /* テーブル TR上 高さ */
  --about-table-tr1-height: 80px;
  /* テーブル TD上 マージン */
  --about-table-td1-margin: 15px 13px 5px 5px;
  /* テーブル TR下 高さ */
  --about-table-tr2-height: 170px;
  /* テーブル TD下 マージン */
  --about-table-td2-margin: 5px 10px 0px 10px;

  /*************************************/
  /*キャリアパスページ                 */
  /*************************************/
  /* 各BOX */
  --carrerpath-box-width: 320px;
  --carrerpath-box-height: 330px;
  --carrerpath-box-margin: 15px 15px 15px 15px;
  --carrerpath-box-border-radius: 20px;
  
  /* キャリアパス table */
  /* テーブル TR上 高さ */
  --carrerpath-table-tr1-height: 80px;
  /* テーブル TD上 マージン */
  --carrerpath-table-td1-margin: 15px 13px 5px 5px;
  /* テーブル TR下 高さ */
  --carrerpath-table-tr2-height: 170px;
  /* テーブル TD下 マージン */
  --carrerpath-table-td2-margin: 5px 10px 0px 10px;
  
  /*************************************/
  /* 先輩達の声ページ                  */
  /*************************************/
  /* 写真、プロフ間スペース */
  --img-prof-sp: 10px;
  /* QAテーブル幅*/
  --qa-table-width: 95%;
  /* QAテーブル マージン*/
  --qa-table-margin: 10px 0px 10px 20px;
  /* QA間スペース*/
  --qa-sp: 10px;
  /* QAテーブル TD左 幅*/
  --qa-table-td-left-width: 60px;
  /* QAテーブル padding-top*/
  --qa-table-td-left-padding-top: 5px;
  /* QA-Q svg 幅*/
  --qa-q-svg-width: 32px;
  /* QA-Q svg 高さ*/
  --qa-q-svg-height: 45px;
  /* QA-A svg 幅*/
  --qa-a-svg-width: 34px;
  /* QA-A svg 高さ*/
  --qa-a-svg-height: 41px;

  /*************************************/
  /* 教育ページ                        */
  /*************************************/
  /* 月横エリア マージン */
  --edu-h-area-margin: 10px 10px 10px 10px;
  /* 月角丸エリアマージン */
  --edu-box-radius-margin: 5px 5px 10px 5px;
  /* 月角丸エリア幅 */
  --edu-box-radius-width: 250px;
  /* 月角丸エリア高さ */
  --edu-box-radius-height: 310px;
  /* 背景白エリア幅 */
  --edu-box-background-white-width: 230px;
  /* 背景白エリア高さ */
  --edu-box-background-white-height: 260px;
  /* 月BOX 説明エリア マージン*/
  --edu-box-textarea-margin: 5px 5px 10px 5px; 
  /* 月BOX 説明エリア 幅*/
  --edu-box-textarea-width: 250px; 
  /* 月BOX 説明エリア 高さ*/
  --edu-box-textarea-height: 80px; 
  /* 教育 スペース */
  --edu-sp: 40px;
  /* スケジュール例BOX マージン */
  --edu-schedule-box-margin: 10px 10px 10px 10px;
  /* スケジュール例 BOX テーブル */
  --edu-schedule-box-table-margin: 10px 5px 10px 10px;
  /* スケジュール例 BOX 幅*/
  --edu-schedule-box-width: 560px;

  /*************************************/
  /*募集要項                           */
  /*************************************/
  /* 募集要項タイトル マージン */
  --bosyu-title-margin: 10px 30px 10px 30px;
  /* 募集要項 テーブル 幅 */
  --bosyu-table-width: 95%;
  /* 募集要項 テーブル マージン */
  --bosyu-table-margin: 10px 10px 10px 10px;
  /* 募集要項 テーブル TD 左　幅 */
  --bosyu-table-td-left-width: 120px;
  /* 募集要項 テーブル TD 左 パディング */
  --bosyu-table-td-left-padding: 10px 0px 10px 0px;
  /* 募集要項 テーブル TD 右 パディング */
  --bosyu-table-td-right-padding: 10px 0px 10px 10px;
  /* 募集要項 タイトル・テーブル間スペース */
  --bosyu-sp-height: 20px;

  /* 募集中途 テキスト マージン */
  --bosyu-midle-text-margin: 10px 10px 10px 30px;
  /* 募集中途 タイトル マージン */
  --bosyu-midle-title-margin: 20px 20px 10px 30px;

  /*************************************/
  /*採用フロー                         */
  /*************************************/
  /* 採用フローテーブル 幅 */
  --flow-table-width: 95%;
  /* 採用フローテーブル マージン */
  --flow-table-margin: 10px 5px 10px 5px;
  /* 採用フローテーブル td 左 幅*/
  --flow-table-td-left-width: 120px;
  /* 採用フロー テーブル TD左 パディング */
  --flow-table-td-left-padding: 10px 10px 10px 10px;
  /* 採用フロー テーブル TD右パディング */
  --flow-table-td-right-padding: 10px 10px 10px 10px;
  /* STEP1 SVG 幅 */
  --flow-step-svg-width: 44px;
  /* STEP1 SVG 高 */
  --flow-step-svg-height: 44px;
  /* 矢印 小 SVG 幅 */
  --flow-yajirushi-s-svg-width: 23px;
  /* 矢印 小 SVG 高 */
  --flow-yajirushi-s-svg-height: 51px;
  /* 矢印 大 SVG 幅 */
  --flow-yajirushi-l-svg-width: 23px;
  /* 矢印 大 SVG 高 */
  --flow-yajirushi-l-svg-height: 81px;
  /* STEP文字 SVG 幅 */
  --flow-stepmoji-svg-width: 66px;
  /* STEP文字 SVG 高 */
  --flow-stepmoji-svg-height: 23px;
  /* flow BOX 幅 */
  --flow-box-radius-width: 500px;
  /* flow BOX 高さ */
  --flow-box-radius-height: 100px;
  /* flow table td 左　幅 */ 
  --flow-td-left-box-width: 70px;
  /* flow table td 左　内側 幅 */ 
  --flow-td-left-box-in-width: 70px;

}

  html {
    font-size: 14px;
  }

  /*******************/
  /*  先輩達の声ページ  */
  /*******************/
  /* プロフィールテキスト */
  .profile_text {
    font-size: 1.4rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
  }
  /* Qテキスト */
  .qa_q_text {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    font-weight: 400;
    /* line-height: 1.75; */
    text-align: left;
    text-decoration: underline;
  }
  /* Aテキスト */
  .qa_a_text {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    font-weight: 400;
    /* line-height: 1.75; */
    text-align: left;
  }

  /*************************************/
  /*新人教育ページ                       */
  /*************************************/
  /* 白文字 */
  .edu_text_white {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
    text-align: center;
    color: white;
  }

  /* 箇条書き文字 */
  .edu_list_text {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
  }

  /* スケジュール例 BOX タイトル */
  .edu_schedule_box_title {
    font-size: 1.25rem;
    margin-top: 0.75rem;
    margin-left: 1rem;
    font-weight: 600;
    text-align: left;
    color: white;

  }

  /* スケジュール例 BOX テーブル */
  .edu_schedule_box_table_font {
    font-size: 1.25rem;
    padding: 10px 10px 10px 10px;
    font-weight: 600;
    text-align: left;
    vertical-align: baseline;
    color: white;
  }

  /* brを有効にする */
  .br_sp1 {
    display: inline-block;
  }
}

/* レスポンシブ小  スマホ 600px以下 */
@media screen and (max-width:601px) {
:root {
  /*******************/
  /* 共通ページ        */
  /*******************/
  /* navbarロゴサイズ */
  --logo-kana-svg-width: 240px;
  --logo-kana-svg-height: 34px;

  /*************************************/
  /* 汎用                               */
  /*************************************/
  /* 左青色見出し　左側マージン【上・右・下・左】 */
  --title-blue-margin: 0px 10px 10px 0px;

  /* 左青色見出し　左側マージン【上・右・下・左】 */
  --title-blue2-margin: 0px 10px 10px 0px;

  /* 左青色見出し　左側マージン【上・右・下・左】 */
  --title-blue3-margin: 0px 10px 0px 0px;

  /* 左青色見出しサブ　左側マージン */
  --title-blue-sub-margin: 20px 20px 20px 25px;

  /* 左青色見出し間スペース */
  --title-blue-sp: 10px;

  /* 汎用コンテンツBOX　マージン */
  --free-cont-box-margin: 0px 20px 0px 20px;
  /*************************************/
  /* 募集要項・選考フローアイコンsvg   */
  /*************************************/
  /* 募集要項svgサイズ幅 */
  --bosyu-svg-size-width: 74px;
  /* 募集要項svgサイズ幅 */
  --bosyu-svg-size-height: 92px;
  /* フローsvgサイズ幅*/
  --flow-svg-size-width: 112px;
  /* フローsvgサイズ高さ*/
  --flow-svg-size-height: 76px;
  /* 募集要項svgマージン */
  --bosyu-svg-margin: 10px 5px 10px 5px;
  /* フローsvgマージン */
  --flow-svg-margin: 10px 5px 10px 5px;

  /*************************************/
  /* 中途採用TOP                        */
  /*************************************/
  /* 背景画像 画像 マージン*/
  --midletop-back-margin: 5px 5px 5px 5px;
  /* 背景画像上文字 文字上 TOPからの位置  */
  --midletop-back-h1-top: 30%;
  /* 背景画像上文字 文字上 右からの位置  */
  --midletop-back-h1-right: 5%;
  /* 背景画像上文字 文字上 フォントサイズ  */
  --midletop-back-h1-fontsize: 2.5rem;
  /* 背景画像上文字 文字下 TOPからの位置  */
  --midletop-back-h2-top: 55%;
  /* 背景画像上文字 文字下 右からの位置  */
  --midletop-back-h2-right: 5%;
  /* 背景画像上文字 文字下 フォントサイズ  */
  --midletop-back-h2-fontsize: 1.3rem;
  /* 背景画像上文字 BOX TOPからの位置  */
  --midletop-back-box-top: 70%;
  /* 背景画像上文字 BOX 右からの位置  */
  --midletop-back-box-right: 5%;
  /* 背景画像 リンクエリア文字フォントサイズ */
  --midletop-back-box-p-fontsize: 1.3rem;
  /* インタビュー BOX 背景青マージン*/
  --midletop-interview-box-margin: 5px 5px 5px 5px;
  /* インタビューBOX 高さ  */
  --midletop-interview-box-height: 120px;
  /* インタビューBOX上文字 右からの位置  */
  --midletop-interview-box-h1-right: 5%;
  /* インタビューBOX上文字 フォントサイズ  */
  --midletop-interview-box-h1-fontsize: 2rem;
  /* インタビューBOX下文字 右からの位置  */
  --midletop-interview-box-h2-right: 5%;
  /* インタビューBOX下文字 フォントサイズ  */
  --midletop-interview-box-h2-fontsize: 1.5rem;

  /* インタビュー BOX 背景白マージン*/
  --midletop-interview-box-white-margin: 5px 5px 5px 5px;
  /* インタビューBOX背景白 高さ*/
  --midletop-interview-box-white-height: 250px;
  /* インタビューBOX背景白 画像 右からの位置  */
  --midletop-interview-box-white-img-right: 47%;
  /* インタビューBOX背景白 見出し TOPからの位置  */
  --midletop-interview-box-white-h1-top: 25%;
  /* インタビューBOX背景白 見出し 右からの位置  */
  --midletop-interview-box-white-h1-right: 4%;
  /* インタビューBOX背景白 見出し フォントサイズ  */
  --midletop-interview-box-white-h1-fontsize: 1.2rem;
  /* インタビューBOX背景白 リンクエリア 幅  */
  --midletop-interview-box-white-box-width: 130px;
  /* インタビューBOX背景白 リンクエリア TOPからの位置  */
  --midletop-interview-box-white-box-top: 40%;
  /* インタビューBOX背景白 リンクエリア 右からの位置  */
  --midletop-interview-box-white-box-right: 4%;
  /* インタビュー　BOX 背景白 リンクエリア文字 フォントサイズ*/
  --midletop-interview-box-white-box-p-fontsize: 1.2rem;
  /* 募集要項・フローテーブル table 高さ*/
  --bosyu-flow-table-height: 200px;
  /* 募集要項・フローテーブル テキスト*/
  --bosyu-flow-text-fontsize: 1rem;

  /*************************************/
  /* 採用メッセージ                    */
  /*************************************/
  /* 採用メッセージ横エリア マージン */
  --msg-h-area-margin: 10px 20px 10px 20px;
  /* 採用メッセージ角丸エリアマージン */
  --msg-box-radius-margin: 5px 5px 10px 5px;
  /* 採用メッセージ角丸エリア幅 */
  --msg-box-radius-width: 340px;
  /* 採用メッセージ角丸エリア高さ */
  --msg-box-radius-height: 355px;
  /* 採用メッセージ背景白エリア幅 */
  --msg-box-background-white-width: 310px;
  /* 採用メッセージ背景白エリア高さ */
  --msg-box-background-white-height: 295px;

  /*************************************/
  /* Discussionメッセージ              */
  /*************************************/
  /* Discussionメッセージ横エリア マージン */
  --dismsg-h-area-margin: 10px 20px 10px 20px;
  /* Discussionメッセージ角丸エリアマージン */
  --dismsg-box-radius-margin: 5px 5px 10px 5px;
  /* Discussionメッセージ角丸エリア幅 */
  --dismsg-box-radius-width: 340px;
  /* Discussionメッセージ角丸エリア高さ */
  --dismsg-box-radius-height: 140px;
  /* Discussionメッセージ背景白エリア幅 */
  --dismsg-box-background-white-width: 310px;
  /* Discussionメッセージ背景白エリア高さ */
  --dismsg-box-background-white-height: 90px;

  /*************************************/
  /*aboutページ                         */
  /*************************************/
  /* 各BOX */
  --about-box-width: 300px;
  --about-box-height: 220px;
  --about-box-margin: 15px 15px 15px 15px;
  --about-box-border-radius: 20px;

  /* about table */
  /* テーブル TR上 高さ */
  --about-table-tr1-height: 50px;
  /* テーブル TD上 マージン */
  --about-table-td1-margin: 15px 13px 5px 5px;
  /* テーブル TR下 高さ */
  --about-table-tr2-height: 135px;
  /* テーブル TD下 マージン */
  --about-table-td2-margin: 5px 10px 0px 5px;

  /*************************************/
  /*キャリアパスページ                 */
  /*************************************/
  /* 各BOX */
  --carrerpath-box-width: 300px;
  --carrerpath-box-height: 320px;
  --carrerpath-box-margin: 15px 15px 15px 15px;
  --carrerpath-box-border-radius: 20px;

  /* キャリアパス table */
  /* テーブル TR上 高さ */
  --carrerpath-table-tr1-height: 50px;
  /* テーブル TD上 マージン */
  --carrerpath-table-td1-margin: 15px 13px 5px 5px;
  /* テーブル TR下 高さ */
  --carrerpath-table-tr2-height: 135px;
  /* テーブル TD下 マージン */
  --carrerpath-table-td2-margin: 5px 10px 0px 5px;
 
  /*************************************/
  /* 先輩達の声ページ                  */
  /*************************************/
  /* 写真、プロフ間スペース */
  --img-prof-sp: 10px;
  /* QAテーブル幅*/
  --qa-table-width: 100%;
  /* QAテーブル マージン*/
  --qa-table-margin: 10px 0px 10px 5px;
  /* QA間スペース*/
  --qa-sp: 10px;
  /* QAテーブル TD左 幅*/
  --qa-table-td-left-width: 40px;
  /* QAテーブル padding-top*/
  --qa-table-td-left-padding-top: 5px;
  /* QA-Q svg 幅*/
  --qa-q-svg-width: 32px;
  /* QA-Q svg 高さ*/
  --qa-q-svg-height: 45px;
  /* QA-A svg 幅*/
  --qa-a-svg-width: 34px;
  /* QA-A svg 高さ*/
  --qa-a-svg-height: 41px;

  /*************************************/
  /*募集要項                           */
  /*************************************/
  /* 募集要項タイトル マージン */
  --bosyu-title-margin: 10px 30px 10px 20px;
  /* 募集要項 テーブル 幅 */
  --bosyu-table-width: 98%;
  /* 募集要項 テーブル マージン */
  --bosyu-table-margin: 10px 0px 10px 0px;
  /* 募集要項 テーブル TD 左　幅 */
  --bosyu-table-td-left-width: 100px;
  /* 募集要項 テーブル TD 左 パディング */
  --bosyu-table-td-left-padding: 10px 0px 10px 0px;
  /* 募集要項 テーブル TD 右 パディング */
  --bosyu-table-td-right-padding: 10px 0px 10px 10px;
  /* 募集要項 タイトル・テーブル間スペース */
  --bosyu-sp-height: 20px;

  /* 募集中途 テキスト マージン */
  --bosyu-midle-text-margin: 10px 0px 10px 10px;
  /* 募集中途 タイトル マージン */
  --bosyu-midle-title-margin: 20px 20px 10px 10px;

  /*************************************/
  /*採用フロー                         */
  /*************************************/
  /* 採用フローテーブル 幅 */
  --flow-table-width: 98%;
  /* 採用フローテーブル マージン */
  --flow-table-margin: 10px 0px 10px 0px;
  /* 採用フローテーブル td 左 幅*/
  --flow-table-td-left-width: 60px;
  /* 採用フロー テーブル TD左 パディング */
  --flow-table-td-left-padding: 10px 0px 10px 0px;
  /* 採用フロー テーブル TD右パディング */
  --flow-table-td-right-padding: 10px 5px 10px 0px;
  /* STEP1 SVG 幅 */
  --flow-step-svg-width: 30px;
  /* STEP1 SVG 高 */
  --flow-step-svg-height: 30px;
  /* 矢印 小 SVG 幅 */
  --flow-yajirushi-s-svg-width: 16px;
  /* 矢印 小 SVG 高 */
  --flow-yajirushi-s-svg-height: 35px;
  /* 矢印 大 SVG 幅 */
  --flow-yajirushi-l-svg-width: 16px;
  /* 矢印 大 SVG 高 */
  --flow-yajirushi-l-svg-height: 56px;
  /* STEP文字 SVG 幅 */
  --flow-stepmoji-svg-width: 46px;
  /* STEP文字 SVG 高 */
  --flow-stepmoji-svg-height: 16px;
  /* flow BOX 幅 */
  --flow-box-radius-width: 500px;
  /* flow BOX 高さ */
  --flow-box-radius-height: 100px;
  /* flow table td 左　幅 */ 
  --flow-td-left-box-width: 50px;
  /* flow table td 左　内側 幅 */ 
  --flow-td-left-box-in-width: 50px;

  /*************************************/
  /* 教育ページ                        */
  /*************************************/
  /* 月横エリア マージン */
  --edu-h-area-margin: 10px 20px 10px 20px;
  /* 月角丸エリアマージン */
  --edu-box-radius-margin: 5px 5px 10px 5px;
  /* 月角丸エリア幅 */
  --edu-box-radius-width: 250px;
  /* 月角丸エリア高さ */
  --edu-box-radius-height: 270px;
  /* 背景白エリア幅 */
  --edu-box-background-white-width: 230px;
  /* 背景白エリア高さ */
  --edu-box-background-white-height: 220px;
  /* 月BOX 説明エリア マージン*/
  --edu-box-textarea-margin: 5px 5px 10px 5px; 
  /* 月BOX 説明エリア 幅*/
  --edu-box-textarea-width: 300px; 
  /* 月BOX 説明エリア 高さ*/
  --edu-box-textarea-height: 100px; 
  /* 教育 スペース */
  --edu-sp: 40px;
  /* スケジュール例BOX マージン */
  --edu-schedule-box-margin: 10px 15px 10px 15px;
  /* スケジュール例 BOX テーブル */
  --edu-schedule-box-table-margin: 10px 0px 10px 0px;
  /* スケジュール例 BOX 幅*/
  --edu-schedule-box-width: 340px;


  /*******************/
  /* 採用top          */
  /*******************/
  /* ヘッダー下スペース高さ */
  --recruittop-sp1-height: 20px;
  /* 題名フォントサイズ */
  --recruittop-title-fontsize: 1.75rem;
  /* 本文フォントサイズ */
  --recruittop-text-fontsize: 1rem;

  /*************************************/
  /*座談会ページ                       */
  /*************************************/
  /* 各BOX */
  --discussion-box-width: 320px;
  --discussion-box-height: 330px;
  --discussion-box-margin: 15px 15px 15px 20px;
  --discussion-box-border-radius: 20px;
  
  /* 座談会 BOX内テキスト */
  .discussion_box_left {
  width: auto;
  height: auto;
  color: #212529;
  border-right: none;
  margin: var(--discussion-box-margin);
  text-align: center;
  }
  
  .discussion_box_right {
  width: auto;
  height: auto;
  color: #212529;
  margin: var(--discussion-box-margin);
  text-align: center;
  }
  
  .discussion_cont_box {
  display: flex;
  flex-flow: column;
      width: 100%;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  }

}

  html {
    font-size: 13px;
  }


  /*************************************/
  /*新人教育ページ                       */
  /*************************************/
  /* 白文字 */
  .edu_text_white {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
    text-align: center;
    color: white;
  }

  /* 箇条書き文字 */
  .edu_list_text {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
  }

  /* スケジュール例 BOX タイトル */
  .edu_schedule_box_title {
    font-size: 1.25rem;
    margin-top: 0.75rem;
    margin-left: 1rem;
    font-weight: 600;
    text-align: left;
    color: white;

  }

  /* スケジュール例 BOX テーブル */
  .edu_schedule_box_table_font {
    font-size: 1rem;
    padding: 1px 0px 10px 5px;
    font-weight: 500;
    text-align: left;
    vertical-align: baseline;
    color: white;
  }

  /* brを有効にする */
  .br_sp1 {
    display: inline-block;
  }
  .br_sp2 {
    display: inline-block;
  }

}