/* line 11, header.scss */
header, #header, #header h1, #header #h01, #header h1 a span, #header #h01 a span, #header h1 a em, #header #h01 a em, #header h1 a small, #header #h01 a small, #grobalNav .drawer-nav ul.drawer-menu li.recruit a i, #grobalNav .drawer-nav ul.drawer-menu li.recruit a em, #grobalNav .drawer-nav ul.drawer-menu li.recruit a span { transition: .4s all; }

/* line 23, header.scss */
header { width: 100%; position: fixed; top: 0; left: 0; z-index: 10000; background: white; backdrop-filter: blur(20px); filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.07)); }
/* line 24, header.scss */
header #header { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; width: calc(100% - 80px); height: 115px; margin: auto; }
/* line 25, header.scss */
header #header h1, header #header #h01 { width: 370px; }
/* line 26, header.scss */
header #header h1 a, header #header #h01 a { display: flex; justify-content: space-between; flex-wrap: wrap; color: inherit; align-items: center; }
/* line 27, header.scss */
header #header h1 a span, header #header #h01 a span { width: 17.5%; }
/* line 28, header.scss */
header #header h1 a em, header #header #h01 a em { width: 76.5%; display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; }
/* line 29, header.scss */
header #header h1 a em small, header #header #h01 a em small { font-size: 12px; line-height: 1; margin-bottom: .5em; letter-spacing: 0; font-weight: 500; }
/* line 30, header.scss */
header #header h1 a em strong, header #header h1 a em i, header #header #h01 a em strong, header #header #h01 a em i { line-height: 0; width: 100%; }
/* line 32, header.scss */
header #header h1 a em i, header #header #h01 a em i { margin-top: .5em; }
@media only screen and (max-width: 750px) { /* line 23, header.scss */
  header { width: 100%; position: absolute; }
  /* line 42, header.scss */
  header #header { width: 90%; height: 80px; margin: auto; min-width: 90%; }
  /* line 43, header.scss */
  header #header h1, header #header #h01 { width: 280px; }
  /* line 45, header.scss */
  header #header h1 a span, header #header #h01 a span { width: 20%; }
  /* line 46, header.scss */
  header #header h1 a em, header #header #h01 a em { width: 74%; }
  /* line 47, header.scss */
  header #header h1 a em small, header #header #h01 a em small { font-size: 10px; margin-bottom: .5em; }
  /* line 49, header.scss */
  header #header h1 a em i, header #header #h01 a em i { margin-top: .35em; } }
@media print, screen and (min-width: 751px) { /* line 59, header.scss */
  header #grobalNav { width: calc(100% - 420px); padding-right: 120px; box-sizing: border-box; }
  /* line 61, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu { display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: center; }
  /* line 62, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li { font-size: 16px; font-weight: 500; }
  /* line 63, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li a { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0 20px; color: inherit; position: relative; }
  /* line 64, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li a::before { content: ""; width: 100%; height: 4px; background: linear-gradient(to left, #00a6e6 0%, #0073d2 100%); position: absolute; left: 0; bottom: 15px; transition: transform .5s; transform: scaleX(0); transform-origin: right; }
  /* line 66, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li a span { display: none; }
  /* line 68, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li a:hover::before { width: 100%; transform: scaleX(1); transform-origin: left; }
  /* line 77, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li.recruit { position: absolute; top: 0; right: 0; width: 140px; height: 100%; }
  /* line 78, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li.recruit a { background: #f1883c; color: #fff; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; position: absolute; }
  /* line 79, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li.recruit a::before { content: none; }
  /* line 80, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li.recruit a i { width: 42px; line-height: 0; margin-top: -1em; }
  /* line 81, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li.recruit a em { font-size: 18px; }
  /* line 82, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li.recruit a span { font-size: 10px; line-height: 1.5; font-family: "Montserrat", sans-serif; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; opacity: 1; bottom: 1.5em; display: block; }
  /* line 84, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li.recruit > ul { display: none; } }
@media print, screen and (min-width: 751px) { /* line 92, header.scss */
  header.fixed { background: rgba(255, 255, 255, 0.8); }
  /* line 93, header.scss */
  header.fixed #header { height: 70px; }
  /* line 94, header.scss */
  header.fixed #header h1, header.fixed #header #h01 { width: 280px; }
  /* line 96, header.scss */
  header.fixed #header h1 a span, header.fixed #header #h01 a span { width: 21.5%; }
  /* line 97, header.scss */
  header.fixed #header h1 a em, header.fixed #header #h01 a em { width: 73.5%; }
  /* line 98, header.scss */
  header.fixed #header h1 a em small, header.fixed #header #h01 a em small { font-size: 11px; margin-bottom: .5em; }
  /* line 105, header.scss */
  header.fixed #grobalNav { padding-right: 140px; } }
@media screen and (min-width: 751px) and (min-width: 751px) and (max-width: 1350px) { /* line 105, header.scss */
  header.fixed #grobalNav { padding-right: 120px; } }
@media print, screen and (min-width: 751px) { /* line 111, header.scss */
  header.fixed #grobalNav .drawer-nav ul.drawer-menu li a::before { bottom: 0px; }
  /* line 116, header.scss */
  header.fixed #grobalNav .drawer-nav ul.drawer-menu li.recruit a::before { content: none; }
  /* line 117, header.scss */
  header.fixed #grobalNav .drawer-nav ul.drawer-menu li.recruit a i { width: 36px; margin-top: .25em; }
  /* line 118, header.scss */
  header.fixed #grobalNav .drawer-nav ul.drawer-menu li.recruit a em { font-size: 17px; } }
@media screen and (min-width: 751px) and (min-width: 751px) and (max-width: 1350px) { /* line 118, header.scss */
  header.fixed #grobalNav .drawer-nav ul.drawer-menu li.recruit a em { font-size: 16px; } }
@media print, screen and (min-width: 751px) { /* line 121, header.scss */
  header.fixed #grobalNav .drawer-nav ul.drawer-menu li.recruit a span { opacity: 0; } }
@media screen and (min-width: 751px) and (max-width: 1350px) { /* line 131, header.scss */
  header #header { width: calc(100% - 40px); min-width: calc(100% - 40px); }
  /* line 132, header.scss */
  header #header h1, header #header #h01 { width: 320px; }
  /* line 134, header.scss */
  header #header h1 a span, header #header #h01 a span { width: 21.5%; }
  /* line 135, header.scss */
  header #header h1 a em, header #header #h01 a em { width: 73.5%; }
  /* line 136, header.scss */
  header #header h1 a em small, header #header #h01 a em small { font-size: 11px; margin-bottom: .5em; }
  /* line 143, header.scss */
  header #grobalNav { width: calc(100% - 350px); padding-right: 120px; }
  /* line 146, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li { font-size: 15px; }
  /* line 147, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li a { padding: 0 20px; }
  /* line 150, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li.recruit { width: 120px; }
  /* line 152, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li.recruit a::before { content: none; }
  /* line 153, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li.recruit a i { width: 42px; margin-top: -1em; }
  /* line 154, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li.recruit a em { font-size: 17px; }
  /* line 155, header.scss */
  header #grobalNav .drawer-nav ul.drawer-menu li.recruit a span { font-size: 10px; bottom: 1.5em; } }

/* line 176, header.scss */
#home #grobalNav .drawer-nav ul.drawer-menu li.home a::before, #news #grobalNav .drawer-nav ul.drawer-menu li.news a::before, #business #grobalNav .drawer-nav ul.drawer-menu li.business a::before, #company #grobalNav .drawer-nav ul.drawer-menu li.company a::before, #manufacturer #grobalNav .drawer-nav ul.drawer-menu li.manufacturer a::before, #office #grobalNav .drawer-nav ul.drawer-menu li.office a::before { width: 100%; transform: scaleX(1); transform-origin: left; }