#pagewrap {
  container-type: inline-size;
}

.mainVisual {
  height: 100%;
  width: 100%;
}

.swiper-container01 {
  cursor: -webkit-grab;
  cursor: grab;
  height: calc(217 / 700 * 100cqw);
  left: calc(241 / 1745 * 100cqw);
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  top: calc(20 / 700 * 100cqw);
  width: calc(938 / 1745 * 100cqw);
  z-index: 3;
}

.swiper-container01 img {
  -o-object-fit: cover;
  -o-object-position: center;
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.swiper-container01:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.swiper-container02 {
  border-radius: 1.3vw;
  cursor: -webkit-grab;
  cursor: grab;
  height: calc(212 / 700 * 100cqw);
  left: calc(1293 / 1745 * 100cqw);
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  top: calc(27 / 700 * 100cqw);
  transform: rotate(14.7deg);
  width: calc(240 / 1745 * 100cqw);
  z-index: 3;
}

.swiper-container02 img {
  -o-object-fit: cover;
  -o-object-position: center;
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.swiper-container02:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

@media screen and (max-width: 600px) {
  #body .module-image .image-wrap.tf_rel.tf_mw {
    display: none;
  }

  .swiper-container02 {
    display: none;
  }

  .swiper-container01 {
    height: auto;
    left: initial;
    margin: 0 auto;
    position: initial;
    top: initial;
    width: 100vw;
    z-index: 1;
  }
}