@charset "utf-8";
/* line 6, ../scss/top.scss */
body.top {
  background: #d20028;
}
/* line 10, ../scss/top.scss */
body.top #wrapper .inner h1 {
  width: 65%;
  margin: 30% auto 15%;
}
/* line 13, ../scss/top.scss */
body.top #wrapper .inner h1 img {
  width: 100%;
  height: auto;
}
/* line 19, ../scss/top.scss */
body.top #wrapper #global-nav {
  width: 127px;
  margin: 0 auto;
}
/* line 23, ../scss/top.scss */
body.top #wrapper #global-nav ul li {
  text-align: left;
  margin-bottom: 10px;
  position: relative;
}
body.top #wrapper #global-nav ul li span{
position: absolute;
top: 0.25em;
left: -5em;
border: 1px solid #ffde00;
padding:0 10px;
color: #d20028;
background: #ffde00;
font-weight: bold;
border-radius: 5px;
font-size: 13px;
}

body.top #wrapper #global-nav ul li span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -4px;
  border: 4px solid transparent;
  border-left: 8px solid #ffde00;
}

/*---------------------------------------------------------------------------------------------------------
640以上の場合の表示 タブレット用
---------------------------------------------------------------------------------------------------------*/
@media (min-width: 640px) {
  /* line 41, ../scss/top.scss */
  body.top #wrapper .inner h1 {
    width: 80%;
    margin: 30% auto 15%;
  }
  /* line 44, ../scss/top.scss */
  body.top #wrapper .inner h1 img {
    width: 100%;
    height: auto;
  }
  /* line 51, ../scss/top.scss */
  body.top #wrapper #global-nav {
    width: inherit;
    margin: inherit;
  }
  /* line 54, ../scss/top.scss */
  body.top #wrapper #global-nav ul {
    padding: 0 20px;
  }
  /* line 56, ../scss/top.scss */
  body.top #wrapper #global-nav ul li {
    float: left;
    margin-right: 4.8%;
    margin-bottom: 0;
    
  }
body.top #wrapper #global-nav ul li span{
position: absolute;
top: -2.1em;
left: -0.5em;
border: 1px solid #ffde00;
padding:0 10px;
color: #d20028;
background: #ffde00;
font-weight: bold;
border-radius: 5px;
}
body.top #wrapper #global-nav ul li span:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 42%;
  margin-left: 0px;
  border: 5px solid transparent;
  border-top: 8px solid #ffde00;
}
body.top #wrapper #global-nav ul li span:after{
  display: none;
}
  /* line 61, ../scss/top.scss */
  body.top #wrapper #global-nav ul li a img {
    width: 100%;
    height: auto;
  }
  /* line 67, ../scss/top.scss */
  body.top #wrapper #global-nav ul li.company {
    width: 15.3%;
  }
  /* line 70, ../scss/top.scss */
  body.top #wrapper #global-nav ul li.works {
    width: 10%;
  }
  /* line 73, ../scss/top.scss */
  body.top #wrapper #global-nav ul li.access {
    width: 10.9%;
  }
  /* line 76, ../scss/top.scss */
  body.top #wrapper #global-nav ul li.recruit {
    width: 10.9%;
  }
  /* line 79, ../scss/top.scss */
  body.top #wrapper #global-nav ul li.contact {
    width: 12.8%;
  }
  /* line 82, ../scss/top.scss */
  body.top #wrapper #global-nav ul li.fb {
    width: 15.7%;
    margin-right: 0;
  }
}
/*---------------------------------------------------------------------------------------------------------
910以上の場合の表示 pc用小
---------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 910px) {
  /* line 96, ../scss/top.scss */
  body.top #wrapper {
    width: 870px;
    height: 390px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -175px 0 0 -455px;
    padding: 20px;
  }
  /* line 106, ../scss/top.scss */
  body.top #wrapper .inner h1 {
    width: 679px;
    height: 161px;
    margin: 0 auto;
    padding-bottom: 130px;
  }
  /* line 111, ../scss/top.scss */
  body.top #wrapper .inner h1 img {
    width: 100%;
    height: auto;
  }
  /* line 117, ../scss/top.scss */
  body.top #wrapper #global-nav {
    width: inherit;
    margin: inherit;
  }
  /* line 120, ../scss/top.scss */
  body.top #wrapper #global-nav ul {
    padding: 0 20px;
  }
  /* line 122, ../scss/top.scss */
  body.top #wrapper #global-nav ul li {
    margin-right: 41px;
    margin-bottom: 0;
  }
  /* line 127, ../scss/top.scss */
  body.top #wrapper #global-nav ul li a img {
    padding-bottom: 2px;
  }
  /* line 131, ../scss/top.scss */
  body.top #wrapper #global-nav ul li a:hover {
    border-bottom: 2px solid #fff;
  }
  /* line 135, ../scss/top.scss */
  body.top #wrapper #global-nav ul li.contact {
    margin-right: 38px;
  }
  /* line 138, ../scss/top.scss */
  body.top #wrapper #global-nav ul li.fb {
    margin-right: 0;
  }
}
/* line 147, ../scss/top.scss */
footer {
  height: 80px;
  background: #d20028;
}
/* line 150, ../scss/top.scss */
footer p {
  text-align: center;
  height: 80px;
  line-height: 80px;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
}