html.touch header .innerHeader .center a:hover {
  opacity: 1;
}
header.projectDetail .innerHeader .center {
  opacity: 1;
  pointer-events: inherit;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
header.active .innerHeader {
  opacity: 1;
  pointer-events: inherit;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
header .innerHeader {
  height: 3.75vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  line-height: 3.75vw;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(-0.625vw);
  -moz-transform: translateY(-0.625vw);
  -o-transform: translateY(-0.625vw);
  -ms-transform: translateY(-0.625vw);
  transform: translateY(-0.625vw);
  -webkit-transition: opacity 0.45s 0.15s, pointer-events 0.45s 0.15s, transform 0.45s 0.15s;
  -moz-transition: opacity 0.45s 0.15s, pointer-events 0.45s 0.15s, transform 0.45s 0.15s;
  -ms-transition: opacity 0.45s 0.15s, pointer-events 0.45s 0.15s, transform 0.45s 0.15s;
  -o-transition: opacity 0.45s 0.15s, pointer-events 0.45s 0.15s, transform 0.45s 0.15s;
  transition: opacity 0.45s 0.15s, pointer-events 0.45s 0.15s, transform 0.45s 0.15s;
}
header .innerHeader .left,
header .innerHeader .center,
header .innerHeader .right {
  display: inline-block;
  vertical-align: top;
  width: 20%;
}
header .innerHeader .left {
  width: 40%;
}
header .innerHeader .left .logo {
  color: #191919;
  display: inline-block;
  text-decoration: none;
  width: 11.25vw;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s ease-out;
  -moz-transition: opacity 0.3s 0s ease-out;
  -o-transition: opacity 0.3s 0s ease-out;
  transition: opacity 0.3s 0s ease-out;
}
header .innerHeader .left .logo:hover {
  opacity: 0.6;
}
header .innerHeader .left .logo .circle {
  display: inline-block;
  vertical-align: middle;
  width: 1.5vw;
  height: 1.5vw;
  border-radius: 50%;
  background: #191919;
}
header .innerHeader .left .logo .innerTitle {
  display: inline-block;
  margin-left: 0.625vw;
  vertical-align: middle;
  font-size: 0.875vw;
  font-weight: 500;
  line-height: 0.875vw;
}
header .innerHeader .center {
  width: 20%;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(-0.625vw);
  -moz-transform: translateY(-0.625vw);
  -o-transform: translateY(-0.625vw);
  -ms-transform: translateY(-0.625vw);
  transform: translateY(-0.625vw);
  -webkit-transition: opacity 0.3s, pointer-events 0.3s, transform 0.3s;
  -moz-transition: opacity 0.3s, pointer-events 0.3s, transform 0.3s;
  -ms-transition: opacity 0.3s, pointer-events 0.3s, transform 0.3s;
  -o-transition: opacity 0.3s, pointer-events 0.3s, transform 0.3s;
  transition: opacity 0.3s, pointer-events 0.3s, transform 0.3s;
}
header .innerHeader .center .button {
  margin-top: 0.9375vw;
}
header .innerHeader .right {
  width: 40%;
  padding-left: calc(40% - 15.1875vw);
  text-align: left;
  font-weight: 500;
}
@media all and (max-width: 1080px) {
  header .innerHeader {
    height: 5.556vw;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw;
    line-height: 5.556vw;
    -webkit-transform: translateY(-0.926vw);
    -moz-transform: translateY(-0.926vw);
    -o-transform: translateY(-0.926vw);
    -ms-transform: translateY(-0.926vw);
    transform: translateY(-0.926vw);
  }
  header .innerHeader .left {
    width: 40%;
  }
  header .innerHeader .left .logo {
    width: 16.667vw;
  }
  header .innerHeader .left .logo .circle {
    width: 2.222vw;
    height: 2.222vw;
  }
  header .innerHeader .left .logo .innerTitle {
    margin-left: 0.926vw;
    font-size: 1.296vw;
    line-height: 1.296vw;
  }
  header .innerHeader .center {
    width: 35%;
    -webkit-transform: translateY(-0.926vw);
    -moz-transform: translateY(-0.926vw);
    -o-transform: translateY(-0.926vw);
    -ms-transform: translateY(-0.926vw);
    transform: translateY(-0.926vw);
  }
  header .innerHeader .center .button {
    margin-top: 1.389vw;
  }
  header .innerHeader .right {
    width: 25%;
    padding-left: 1.389vw;
  }
}
@media all and (max-width: 580px) {
  header .innerHeader {
    height: 13.793vw;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw;
    line-height: 13.793vw;
    -webkit-transform: translateY(-1.724vw);
    -moz-transform: translateY(-1.724vw);
    -o-transform: translateY(-1.724vw);
    -ms-transform: translateY(-1.724vw);
    transform: translateY(-1.724vw);
  }
  header .innerHeader .left {
    width: 50%;
  }
  header .innerHeader .left .logo {
    width: 100%;
  }
  header .innerHeader .left .logo .circle {
    width: 5.172vw;
    height: 5.172vw;
  }
  header .innerHeader .left .logo .innerTitle {
    margin-left: 1.724vw;
    font-size: 3.103vw;
    line-height: 3.103vw;
  }
  header .innerHeader .center {
    display: none;
  }
  header .innerHeader .right {
    width: 50%;
    padding-left: 1.724vw;
  }
}
/*# sourceMappingURL=header.css.map */