.modelroomArea {
  position: relative;
}

@media screen and (min-width: 768px) {
  .modelroomArea--1 {
    height: calc(3353 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea--1 {
    height: calc(1528 / 390 * 100vw);
  }
}

.modelroomArea--1 .txtLine {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .modelroomArea--1 .txtLine {
    top: calc(1219 / 1440 * 100vw);
    left: calc(325 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea--1 .txtLine {
    top: calc(377 / 390 * 100vw);
    left: calc(31 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea--2 {
    height: calc(960 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea--2 {
    height: calc(291 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea--3 {
    height: calc(4198 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea--3 {
    height: calc(1996 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea--4 {
    height: calc(3338 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea--4 {
    height: calc(1188 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea--5 {
    height: calc(1099 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea--5 {
    height: calc(426 / 390 * 100vw);
  }
}

.modelroomArea .photo {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--1 {
    top: calc(180 / 1440 * 100vw);
    left: 0;
    width: calc(1200 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--1 {
    top: calc(101 / 390 * 100vw);
    left: 0;
    width: calc(340 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--1 .capIn {
    right: calc(231 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--1 .capIn {
    right: calc(86 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--2 {
    top: calc(793 / 1440 * 100vw);
    left: calc(970 / 1440 * 100vw);
    width: calc(350 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--2 {
    top: calc(274 / 390 * 100vw);
    right: calc(16 / 390 * 100vw);
    width: calc(120 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--3 {
    top: calc(1498 / 1440 * 100vw);
    right: 0;
    width: calc(1200 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--3 {
    top: calc(554 / 390 * 100vw);
    right: 0;
    width: calc(340 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--4 {
    top: calc(2519 / 1440 * 100vw);
    left: 0;
    width: calc(650 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--4 {
    top: calc(872 / 390 * 100vw);
    left: 0;
    width: calc(250 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--5 {
    top: calc(2805 / 1440 * 100vw);
    left: calc(795 / 1440 * 100vw);
    width: calc(500 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--5 {
    top: calc(1287 / 390 * 100vw);
    right: calc(16 / 390 * 100vw);
    width: calc(200 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--6 {
    top: calc(81 / 1440 * 100vw);
    left: 0;
    width: calc(1200 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--6 {
    top: calc(56 / 390 * 100vw);
    left: 0;
    width: calc(358 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--7 {
    top: calc(1061 / 1440 * 100vw);
    left: calc(145 / 1440 * 100vw);
    width: calc(500 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--7 {
    top: calc(375 / 390 * 100vw);
    left: calc(16 / 390 * 100vw);
    width: calc(200 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--8 {
    top: calc(1220 / 1440 * 100vw);
    right: 0;
    width: calc(650 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--8 {
    top: calc(715 / 390 * 100vw);
    right: 0;
    width: calc(242 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--9 {
    top: calc(1992 / 1440 * 100vw);
    left: calc(145 / 1440 * 100vw);
    width: calc(1150 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--9 {
    top: calc(956 / 390 * 100vw);
    left: calc(16 / 390 * 100vw);
    width: calc(358 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--10 {
    top: calc(2939 / 1440 * 100vw);
    left: calc(145 / 1440 * 100vw);
    width: calc(500 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--10 {
    top: calc(1275 / 390 * 100vw);
    left: calc(16 / 390 * 100vw);
    width: calc(200 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--11 {
    top: calc(3405 / 1440 * 100vw);
    right: calc(145 / 1440 * 100vw);
    width: calc(500 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--11 {
    top: calc(1615 / 390 * 100vw);
    right: calc(16 / 390 * 100vw);
    width: calc(200 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--12 {
    top: calc(115 / 1440 * 100vw);
    right: 0;
    width: calc(1200 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--12 {
    top: 0;
    right: 0;
    width: calc(374 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--13 {
    top: calc(1094 / 1440 * 100vw);
    left: 0;
    width: calc(426 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--13 {
    top: calc(330 / 390 * 100vw);
    left: 0;
    width: calc(127 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--14 {
    top: calc(1094 / 1440 * 100vw);
    left: calc(446 / 1440 * 100vw);
    width: calc(426 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--14 {
    top: calc(330 / 390 * 100vw);
    left: calc(130.8 / 390 * 100vw);
    width: calc(127 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--15 {
    top: calc(1094 / 1440 * 100vw);
    left: calc(892 / 1440 * 100vw);
    width: calc(426 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--15 {
    top: calc(330 / 390 * 100vw);
    left: calc(262.5 / 390 * 100vw);
    width: calc(127 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--16 {
    top: calc(1913 / 1440 * 100vw);
    left: calc(122 / 1440 * 100vw);
    width: calc(650 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--16 {
    top: calc(602 / 390 * 100vw);
    left: calc(16 / 390 * 100vw);
    width: calc(194 / 390 * 100vw);
  }
}

.modelroomArea .photo--16 .capIn {
  right: calc(102 / 1440 * 100vw);
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--17 {
    top: calc(2243 / 1440 * 100vw);
    left: calc(670 / 1440 * 100vw);
    width: calc(650 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--17 {
    top: calc(702 / 390 * 100vw);
    right: calc(16 / 390 * 100vw);
    width: calc(194 / 390 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .modelroomArea .photo--18 {
    top: 0;
    left: 0;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .modelroomArea .photo--18 {
    top: 0;
    left: 0;
    width: 100%;
  }
}

.modelroomArea img {
  width: 100%;
}

.modelroomSlider {
  position: relative;
  margin-inline: auto;
}

@media screen and (min-width: 768px) {
  .modelroomSlider {
    padding-top: calc(321 / 1440 * 100vw);
    width: calc(750 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomSlider {
    width: calc(100vw - 30px);
    margin-inline: auto;
  }
}

@media screen and (min-width: 768px) {
  .modelroomSlider .swiper-slide {
    height: calc(500 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .modelroomSlider .swiper-slide {
    height: calc(238 / 390 * 100vw);
  }
}

.txtLine {
  color: #877543;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .txtLine {
    font-size: calc(32 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .txtLine {
    font-size: calc(26 / 390 * 100vw);
  }
}

.txtLine::after {
  content: '';
  display: inline-block;
  width: 1px;
  position: absolute;
  left: 50%;
  background: #CCC7C2;
}

@media screen and (min-width: 768px) {
  .txtLine::after {
    top: calc(100% + 40px);
    height: calc(290 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .txtLine::after {
    top: calc(100% + 25px);
    height: calc(113 / 390 * 100vw);
  }
}

.vrBnr {
  position: absolute;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .vrBnr {
    width: calc(998 / 1440 * 100vw);
    height: calc(342 / 1440 * 100vw);
    top: calc(2836 / 1440 * 100vw);
    left: calc(222 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .vrBnr {
    width: calc(358 / 390 * 100vw);
    height: calc(201 / 390 * 100vw);
    top: calc(907 / 390 * 100vw);
    left: calc(16 / 390 * 100vw);
  }
}

.vrBnr img {
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: scale(1);
          transform: scale(1);
}

@media screen and (min-width: 768px) {
  .vrBnr img:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@media (hover: hover) and (pointer: fine) {
  .vrBnr img:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}