@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 11, header.scss */
#home header::after { opacity: 0; }

/* line 12, header.scss */
header { width: 100%; position: absolute; top: 0; left: 0; z-index: 1000; }
@media only screen and (max-width: 750px) { /* line 12, header.scss */
  header { position: relative; } }
/* line 13, header.scss */
header::after { content: ""; background: url("../img/cmn/bgHeader.webp") no-repeat top left; width: 1920px; height: 161px; position: absolute; top: 0; left: calc(390px + 5%); /*right: -50%;*/ }
/* line 14, header.scss */
header #header { width: 92%; margin: auto; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end; position: relative; padding-top: 35px; z-index: 5; }
@media only screen and (max-width: 750px) { /* line 14, header.scss */
  header #header { width: 90%; padding-top: .5em; padding-bottom: .5em; justify-content: center; } }
/* line 15, header.scss */
header #header h1, header #header #h01 { width: 375px; }
@media only screen and (max-width: 750px) { /* line 15, header.scss */
  header #header h1, header #header #h01 { width: 280px; position: relative; left: -1em; } }
/* line 16, header.scss */
header #header h1 a, header #header #h01 a { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end; position: relative; }
@media only screen and (max-width: 750px) { /* line 16, header.scss */
  header #header h1 a, header #header #h01 a { align-items: center; } }
/* line 17, header.scss */
header #header h1 a small, header #header #h01 a small { font-size: 13px; letter-spacing: .035em; color: #1c2e84; position: absolute; top: -.75em; left: 18.5%; white-space: nowrap; }
@media only screen and (max-width: 750px) { /* line 17, header.scss */
  header #header h1 a small, header #header #h01 a small { font-size: 11px; text-align: center; width: 100%; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; } }
/* line 20, header.scss */
header #header h1 a span, header #header #h01 a span { width: 12.5%; line-height: 1; }
@media only screen and (max-width: 750px) { /* line 20, header.scss */
  header #header h1 a span, header #header #h01 a span { width: 12%; } }
/* line 21, header.scss */
header #header h1 a em, header #header #h01 a em { width: 82%; line-height: 1; }
@media only screen and (max-width: 750px) { /* line 21, header.scss */
  header #header h1 a em, header #header #h01 a em { width: 85%; margin-top: .15em; } }
/* line 24, header.scss */
header #header .telSec { position: absolute; top: 20px; right: 0; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; z-index: 100; }
@media only screen and (max-width: 750px) { /* line 24, header.scss */
  header #header .telSec { display: none; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin-top: 1em; } }
/* line 26, header.scss */
header #header .telSec .tit { font-size: 11px; margin-right: 1em; color: #fff; }
@media only screen and (max-width: 750px) { /* line 26, header.scss */
  header #header .telSec .tit { font-size: 13px; margin-right: 0; } }
/* line 27, header.scss */
header #header .telSec .tel { font-size: 25px; }
@media only screen and (max-width: 750px) { /* line 27, header.scss */
  header #header .telSec .tel { font-size: 32px; } }
/* line 28, header.scss */
header #header .telSec .tel a { color: #fff; }

@media print, screen and (min-width: 751px) { /* line 51, header.scss */
  #grobalNav { margin-bottom: -1.25em; }
  /* line 57, header.scss */
  #grobalNav .drawer-nav #navId { display: none; }
  /* line 67, header.scss */
  #grobalNav .drawer-nav ul.drawer-menu li:not(:last-child)::after { content: ""; position: absolute; width: 1px; height: 22px; background: #fff; transform: rotate(30deg) translateY(-50%); top: 50%; left: calc(100% - .5em); }
  /* line 69, header.scss */
  #grobalNav .drawer-nav ul.drawer-menu li a { padding: .5em .75em; color: #fff; }
  /* line 92, header.scss */
  #grobalNav .drawer-nav ul.drawer-menu li.recruit::after { content: none; }
  /* line 94, header.scss */
  #grobalNav .drawer-nav ul.drawer-menu li.contact { margin-left: 1em; }
  /* line 95, header.scss */
  #grobalNav .drawer-nav ul.drawer-menu li.contact a { border: 1px solid white; border-radius: 20px; padding: 0 2em; }
  /* line 96, header.scss */
  #grobalNav .drawer-nav ul.drawer-menu li.contact a i { margin-right: .25em; }
  /* line 99, header.scss */
  #grobalNav .drawer-nav ul.drawer-menu li.contact::after { content: none; } }