@charset "UTF-8";
/*---------------------------------------------------------共通設定*/
/*ヘッダー(header)／募集職種（footer）*/
/*-----------------------------------------------------------------*/
/*画像の基本設定*/
img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
/*全ての要素にbox-sizingを指定*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*-----------------------------------------------------------------*/
/*<H1>：サイトロゴ*/
/*-----------------------------------------------------------------*/
/*テキストインデント*/
h1 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*-----------------------------------------------------------------*/
/*サイトロゴ*/
h1 {
  position: absolute;
  width: 229px;
  height: 27px;
  background: url(../_image/cmn_logo.svg) no-repeat;
  background-size: 100% auto;
  margin: -13px 0 0 0;
  top: 50%;
  left: 66px;
}

/*スマホナビゲーション内のロゴ*/
nav h1 {
  background: url(../_image/cmn_logo_w.svg) no-repeat;
  background-size: 100% auto;
}

/*サイトロゴ リンク設定*/
h1 a {
  display: block;
  width: 229px;
  height: 27px;
}

/*-----------------------------------------------------------------*/
/*ヘッダー設定*/
/*-----------------------------------------------------------------*/
header {
  position: relative;
  height: 60px;
}

/*ヘッダー内のレイアウト*/
header .inner {
  position: relative;
  width: 100%;
  height: 60px;
  margin: 0 auto;
}

/*-----------------------------------------------------------------*/
/*ヘッダーナビゲーション*/
/*-----------------------------------------------------------------*/
header ul.entry {
  position: absolute;
  padding: 0;
  font-size: 0;
  top: 0;
  right: 0;
}

header ul.entry li {
  display: inline-block;
  padding-top: 16px;
  vertical-align: top;
}

header ul.entry li a:link,
header ul.entry li a:visited {
  display: inline-block;
  margin: 0;
  padding: 0 16px;
  font-family: a-otf-futo-go-b101-pr6n, sans-serif;
  font-size: 15px;
  color: #333;
  letter-spacing: 0.05em;
}

/*リンクの下線を削除*/
header ul.entry li a:hover,
header ul.entry li a:active {
  color: #2378b4;
  text-decoration: none;
}

/*ホバーで下線*/
header ul.entry li:hover,
header ul.entry li.on a:link,
header ul.entry li.on a:visited {
  color: #269b8c;
}

/*-----------------------------------------------------------------*/
/*マイページボタン*/
/*-----------------------------------------------------------------*/
header ul.entry li:last-child {
  padding-top: 0px;
}

/*マイページボタンのホバーの下線を削除*/
header ul.entry li:last-child:hover {
  border: none;
}

/*マイページボタンの画像設定*/
header ul.entry li:last-child a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 60px;
  background: #2378b4 url('../_image/btn_mypage.svg') no-repeat center/160px auto;
  margin: 0 0 0 24px;
  text-indent: -99999px;
  line-height: 1;
}

/*-----------------------------------------------------------------*/
/*フッター設定*/
footer {
  width: 100%;
  background-image: url('../_image/bg_fNav.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  margin: 40px auto 0;
  padding: 36px 8px 40px;
  font-size: 12px;
  color: #000;
  text-align: center;
}
/*-----------------------------------------------------------------*/
/*下層ページ設定*/
/*上のナビゲーション*/
footer ul {
  max-width: 760px;
  margin: 0 auto;
  padding: 18px 0;
  font-size: 0;
  list-style: none;
}
footer ul li {
  display: inline-block;
  padding: 4px;
  font-size: 12px;
}
footer ul li.bnavi {
  padding-bottom: 8px;
}
/*-----------------------------------------------------------------*/
/*下のリストにラインを設定*/
footer ul:last-child {
  padding: 18px 0 4px;
}
/*-----------------------------------------------------------------*/
/*リンク間のスペース*/
footer ul li a:link,
footer ul li a:visited {
  padding: 0 4px;
  color: #000;
  font-size: 13px;
}
footer ul li a:hover,
footer ul li a:active {
  padding: 0 4px;
  color: #fff;
  color: #2378b4;
}
/*-----------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  /*スマホ版のみ回り込みを解除*/
  footer ul:last-child li {
    display: block;
  }
  /*-------------------------------------------------------end@media*/
}
/*-----------------------------------------------------------------*/
/*トップページフッター設定*/
.index footer {
}
.index footer ul {
  padding: 8px 0 4px;
}
.index footer ul li a span {
  background-size: 16px auto;
  padding: 0 8px 0 20px;
}
/*下のリストにラインを設定*/
.index footer ul:last-child {
  padding: 18px 0 4px;
}
/*---------------------------------------------スマホ用ページ用設定*/
@media screen and (max-width: 767px) {
  /*-----------------------------------------------------------------*/
  /*スマホで見た際にPC用記述を非表示に*/
  .pc {
    display: none;
  }
  /*-----------------------------------------------------------------*/
  /*サイトロゴ*/
  h1 {
    position: absolute;
    width: 40%;
    height: auto;
    margin: -2.3% 0 0 0;
    top: 50%;
    left: 57px;
  }
  h1 a {
    display: block;
    width: 236px;
    height: 26px;
    text-indent: -999999px;
  }
  /*-----------------------------------------------------------------*/
  /*ヘッダー設定*/
  header {
    position: relative;
    height: 50px;
  }
  /*ヘッダー内のレイアウト*/
  header .inner {
    position: relative;
    width: 100%;
    height: 50px;
    margin: 0 auto;
  }
  /*-----------------------------------------------------------------*/
  /*ヘッダーナビゲーション・マイページボタン*/
  /*-----------------------------------------------------------------*/
  /*エントリー・マイページボタン*/
  header ul.entry {
    position: absolute;
    width: 36%;
    padding: 0;
    font-size: 0;
    top: 0;
    right: 0px;
  }
  header ul.entry li {
    display: none;
  }
  header ul.entry li:last-child {
    display: block;
  }
  header ul.entry li a {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-size: 15px;
    letter-spacing: 0.05em;
  }
  /*マイページボタンの画像設定*/
  header ul.entry li:last-child a {
    display: block;
    width: 100%;
    height: 50px;
    background: #2378b4 url('../_image/btn_mypage.svg') no-repeat center/90% auto;
    margin: 0;
    padding-bottom: calc(100% * 120 / 750);
    text-indent: -99999px;
  }
  /*エントリー・マイページボタン*/
  footer ul.entry {
    position: relative;
    padding: 0;
    font-size: 0;
    text-align: center;
  }
  footer ul.entry li {
    display: inline-block;
    width: 310px;
    margin: 0;
    font-size: 12px;
  }
  /*リンク設定*/
  footer ul.entry li a:link,
  footer ul.entry li a:visited {
    display: block;
    width: 310px;
    height: 34px;
    background: url('../_image/btnBG.png');
    padding: 0;
    font-size: 12px;
    line-height: 34px;
    color: #fff;
    text-align: center;
  }
  footer ul.entry li a:hover,
  footer ul.entry li a:active {
    opacity: 0.6;
    text-decoration: none;
  }
  /*-----------------------------------------------------------------*/
  /*トップページ*/
  footer {
    padding: 16px 8px 16px;
  }
  /*フッター内フォントサイズ*/
  footer ul li a {
    font-size: 12px;
  }
  /*-----------------------------------------------------------------*/
  /*-----------------------------------------------------------------*/
  /*ブロック基本*/
  section {
    position: relative;
    margin: 0 auto;
    padding: 0;
    zoom: 1;
  }
  /*回り込みクリア*/
  section:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
  }
  /*-------------------------------------------------------end@media*/
}
/*---------------------------------------------------PC用ページ用設定*/
@media screen and (min-width: 768px) {
  /*-----------------------------------------------------------------*/
  /*PCで見た際にスマホ用記述を非表示に*/
  .sp {
    display: none;
  }
  /*-------------------------------------------------------end@media*/
}
/*---------------------------------------------------iPhone5用設定*/
@media screen and (max-width: 374px) {
  /*サイトロゴ*/
  h1 {
    position: absolute;
    width: 116px;
    height: 20px;
    margin: -11px 0 0 0;
    top: 50%;
    left: 54px;
  }
  /*エントリー・マイページボタン*/
  header ul.entry {
  }
  /*エントリー・マイページボタン*/
  header ul.entry li {
    width: 100%;
    font-size: 9px;
  }
  /*フッター設定*/
  footer {
    font-size: 11px;
    text-align: center;
  }
  /*トップページ*/
  .index footer {
  }
  /*フッター設定*/
  .index footer ul li a span {
    background-size: 14px auto;
    padding: 0 2px 0 18px;
  }
  /*下のリストにラインを設定*/
  .index footer ul:last-child {
    padding: 18px 0 4px;
  }
  /*フッター内フォントサイズ*/
  footer ul li a {
    font-size: 11px;
  }
  /*-------------------------------------------------------end@media*/
}
/*-----------------------------------------------------------------*/
/*--------------------------------------------------------その他設定*/
/*------------------------------------------------------------文字色*/
/*文字色*/
a:link,
a:visited {
  overflow: hidden; /*リンクの点線消去*/
  outline: none;
  color: #333;
  text-decoration: none;
}
a:hover,
a:active {
  overflow: hidden; /*リンクの点線消去*/
  outline: none;
  color: #333;
  text-decoration: underline;
}
a.jobColumn_link {
  text-decoration: underline;
}
/*--------------------------------------------------------その他設定*/
/*-------------------------------------------------画像マウスオーバー*/
a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: 'alpha( opacity=60 )';
  background: transparent;
}
/*--------------------------------------------------------その他設定*/
/*------------------------------------------------------フロート解除*/
/*フロート解除*/
.clear {
  zoom: 1;
}
/*フロート解除:回り込みクリア*/
.clear:after {
  content: '.';
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
/*--------------------------------------------------------その他設定*/
/*------------------------------------------------------フォント指定*/
html {
  font-size: 62.5%; /* sets the base font to 10px for easier math */
}
body {
  /*ゴシック系フォント*/
  font-family:
    Avenir, 'Open Sans', Arial, Verdana, Roboto, '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo,
    'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /*-----------------------------------------------------------------*/
  /*明朝系フォント
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , 
	"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
  /*-----------------------------------------------------------------*/
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  line-height: 1.8;
  overflow-y: scroll;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}