@charset "utf-8";
.header {
  background: transparent;
  position: static;
}
.header_bnt {
  display: none !important;
}
.nav_side {
  display: none !important;
}
.main_top_visual {
  pointer-events: none;
  position: absolute;
  right: -15rem;
  top: -14rem;
  width: 50rem;
  z-index: -1;
}
@media (min-width:768px) {
  .main_top_visual {
    position: fixed;
    left: 50%;
    right: auto;
    top: 50%;
    -webkit-transform: translate(-30%, -70%);
    transform: translate(-30%, -70%);
    width: 100rem;
  }
}
.nav_top_wrap {
  height: calc(100vh - 8.6rem - 9.5rem);
  margin: 0 auto;
  min-height: 55rem;
  position: relative;
}
.nav_top {
  position: absolute;
  left: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}
.nav_top .nav_top_item {
  display: block;
  margin-top: 2rem;
}
.nav_top .nav_top_item:first-child {
  margin-top: 0;
}
.nav_top .nav_top_item img {
  height: 3.2rem;
  width: auto;
}
@media (min-width:500px) {
  .nav_top_wrap {
    height: auto;
  }
  .nav_top {
    margin: 2rem 2rem 0;
    position: static;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@media (min-width:768px) {
  .nav_top_wrap {
    height: calc(100vh - 13.5rem - 11.2rem);
    margin: 0;
    min-height: 65rem;
    position: relative;
  }
  .nav_top {
    margin: 0;
    position: absolute;
    left: 4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
  }
  .nav_top .nav_top_item {
    margin-top: 2rem;
  }
  .nav_top .nav_top_item:first-child {
    margin-top: 0;
  }
  .nav_top .nav_top_item img {
    height: 5.4rem;
    width: auto;
  }
  .nav_top .nav_top_item a:hover img {
    opacity: 0.7;
  }
}

.top .footer {
  margin-top: 0;
  padding-bottom: 1rem;
}