.wrap {
  background-color: unset;
}

body {
  background-color: #e3eef5;
}

.logolink {
  position: absolute;
  max-width: 115px;
  width: 10vw;
  height: auto;
  top: 0;
  left: 2.5vw;
  z-index: 100;
}
@media only screen and (max-width: 768px) {
  .logolink {
    left: 2vw;
    width: 17vw;
    height: 14vw;
    max-width: 65px;
  }
}
@media (orientation: landscape) {
  .logolink {
    width: 8vw;
    height: 14vw;
  }
}
@media only screen and (min-aspect-ratio: 3/5) and (max-width: 600px) {
  .logolink {
    width: 10vw;
  }
}
.logolink a {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.carousel.full .Box {
  height: 37vw !important;
}
@media only screen and (max-width: 768px) {
  .carousel.full .Box {
    height: 173vw !important;
  }
}
@media (orientation: landscape) {
  .carousel.full .Box {
    height: 37vw !important;
  }
}
@media only screen and (min-aspect-ratio: 3/5) {
  .carousel.full .Box {
    height: 37vw !important;
  }
}
@media only screen and (min-aspect-ratio: 3/5) and (max-width: 600px) {
  .carousel.full .Box {
    height: 100vw !important;
  }
}

.carousel .cover {
  background-size: cover;
  background-position: center;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-pagination {
  background: unset;
  bottom: 2% !important;
}
@media only screen and (max-width: 768px) {
  .swiper-pagination {
    bottom: 2% !important;
  }
}