.index-section4 {
  width: 100vw;
  position: relative;
}
.index-section4 .bg-img {
  position: absolute;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  overflow: hidden;
}
.index-section4 .bg-img picture {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}
.index-section4 .bg-img picture img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.index-section4 .section4-text {
  font-family: "URW Form Expand-700";
  position: absolute;
  white-space: nowrap;
}
@media screen and (min-width: 768.01px) {
  .index-section4 .section4-text {
    font-size: 10.8333333333vw;
    line-height: 13.0208333333vw;
    height: 12.5vw;
  }
}
@media screen and (max-width: 768px) {
  .index-section4 .section4-text {
    font-size: 11.2vw;
    line-height: 13.3333333333vw;
    height: 13.0666666667vw;
  }
}
.index-section4 .section4-text.text-1 {
  z-index: 3;
}
@media screen and (min-width: 768.01px) {
  .index-section4 .section4-text.text-1 {
    left: 6.1979166667vw;
    top: 12.4479166667vw;
  }
}
@media screen and (max-width: 768px) {
  .index-section4 .section4-text.text-1 {
    left: 4.2666666667vw;
    top: 28.2666666667vw;
  }
}
.index-section4 .section4-text.text-1::before {
  content: "";
  position: absolute;
  background-color: rgb(0, 79, 189);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  z-index: -1;
}
@media screen and (min-width: 768.01px) {
  .index-section4 .section4-text.text-1::before {
    inset: 1.1979166667vw 22.4479166667vw auto 3.6979166667vw;
    height: 9.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .index-section4 .section4-text.text-1::before {
    inset: 0.8933333333vw 21.7333333333vw auto 3.8666666667vw;
    height: 9.6vw;
  }
}
@media screen and (min-width: 768.01px) {
  .index-section4 .section4-text.text-1.complete::before {
    height: 9.1666666667vw;
    inset: 1.1979166667vw 22.9166666667vw auto 1.09375vw;
  }
}
@media screen and (max-width: 768px) {
  .index-section4 .section4-text.text-1.complete::before {
    height: 9.6vw;
    inset: 0.8933333333vw 23.3333333333vw auto 0.6666666667vw;
  }
}
.index-section4 .section4-text.text-2 {
  overflow: hidden;
}
@media screen and (min-width: 768.01px) {
  .index-section4 .section4-text.text-2 {
    left: 6.9791666667vw;
    top: 26.6145833333vw;
  }
}
@media screen and (max-width: 768px) {
  .index-section4 .section4-text.text-2 {
    left: 4.2666666667vw;
    top: 47.4666666667vw;
  }
}
.index-section4 .section4-text.text-2 .text-2-wrap {
  display: block;
}
.index-section4 .section4-text.text-3 {
  text-align: right;
  padding: 0 5.9375vw 0 0;
  top: 85.6770833333vw;
}
.index-section4 .section4-text.text-4 {
  z-index: 2;
}
@media screen and (min-width: 768.01px) {
  .index-section4 .section4-text.text-4 {
    right: 6.25vw;
    top: 94.8958333333vw;
  }
}
@media screen and (max-width: 768px) {
  .index-section4 .section4-text.text-4 {
    right: 4.2666666667vw;
    top: 120.5333333333vw;
  }
}
.index-section4 .section4-text.text-4::before {
  content: "";
  position: absolute;
  background-color: rgb(0, 79, 189);
  z-index: -1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media screen and (min-width: 768.01px) {
  .index-section4 .section4-text.text-4::before {
    inset: 1.1979166667vw 0.6770833333vw auto -16.9270833333vw;
    height: 7.1875vw;
  }
}
@media screen and (max-width: 768px) {
  .index-section4 .section4-text.text-4::before {
    inset: 1.3333333333vw 1.0666666667vw auto -21.3333333333vw;
    height: 7.4666666667vw;
  }
}
@media screen and (min-width: 768.01px) {
  .index-section4 .section4-text.text-4.complete::before {
    height: 9.1666666667vw;
    inset: 1.1979166667vw 0.9895833333vw auto -27.03125vw;
  }
}
@media screen and (max-width: 768px) {
  .index-section4 .section4-text.text-4.complete::before {
    height: 9.6vw;
    inset: 0.8933333333vw 1.3333333333vw auto -27.2vw;
  }
}
.index-section4 .img-content {
  position: absolute;
  width: 100vw;
  z-index: 1;
}
@media screen and (min-width: 768.01px) {
  .index-section4 .img-content {
    top: 40.7291666667vw;
  }
}
@media screen and (max-width: 768px) {
  .index-section4 .img-content {
    top: 66.6666666667vw;
  }
}
.index-section4 .img-content .img-card {
  position: absolute;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  overflow: hidden;
}
@media screen and (min-width: 768.01px) {
  .index-section4 .img-content .img-card {
    width: 20.8333333333vw;
    height: 28.3333333333vw;
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 768px) {
  .index-section4 .img-content .img-card {
    width: 21.8666666667vw;
    height: 29.6vw;
    border-radius: 0.8vw;
  }
}
.index-section4 .img-content .img-card img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.index-section4 .img-content .img-card:nth-child(3) {
  width: 21.09375vw;
  height: 29.6354166667vw;
}
@media screen and (min-width: 768.01px) {
  .index-section4 .img-content .img-card:nth-child(1) {
    -webkit-transform: translate(7.4479166667vw, 25vw) rotate(-86.69deg);
            transform: translate(7.4479166667vw, 25vw) rotate(-86.69deg);
  }
  .index-section4 .img-content .img-card:nth-child(2) {
    -webkit-transform: translate(11.1354166667vw, 7.3333333333vw) rotate(-46.68deg);
            transform: translate(11.1354166667vw, 7.3333333333vw) rotate(-46.68deg);
  }
  .index-section4 .img-content .img-card:nth-child(3) {
    -webkit-transform: translate(33.6979166667vw, 1.1458333333vw) rotate(-6.68deg);
            transform: translate(33.6979166667vw, 1.1458333333vw) rotate(-6.68deg);
  }
  .index-section4 .img-content .img-card:nth-child(4) {
    -webkit-transform: translate(48.0729166667vw, 3.59375vw) rotate(33.31deg);
            transform: translate(48.0729166667vw, 3.59375vw) rotate(33.31deg);
  }
  .index-section4 .img-content .img-card:nth-child(5) {
    -webkit-transform: translate(62.7604166667vw, 20.9895833333vw) rotate(63.96deg);
            transform: translate(62.7604166667vw, 20.9895833333vw) rotate(63.96deg);
  }
  .index-section4 .img-content .img-card:nth-child(6) {
    -webkit-transform: translate(26.3020833333vw, 15.8333333333vw) rotate(-11.97deg);
            transform: translate(26.3020833333vw, 15.8333333333vw) rotate(-11.97deg);
  }
  .index-section4 .img-content .img-card:nth-child(7) {
    -webkit-transform: translate(44.8958333333vw, 19.375vw) rotate(34.37deg);
            transform: translate(44.8958333333vw, 19.375vw) rotate(34.37deg);
  }
}
@media screen and (max-width: 768px) {
  .index-section4 .img-content .img-card:nth-child(1) {
    -webkit-transform: translate(9.0666666667vw, 29.3333333333vw) rotate(-86.69deg);
            transform: translate(9.0666666667vw, 29.3333333333vw) rotate(-86.69deg);
  }
  .index-section4 .img-content .img-card:nth-child(2) {
    -webkit-transform: translate(10.8vw, 9.3333333333vw) rotate(-46.68deg);
            transform: translate(10.8vw, 9.3333333333vw) rotate(-46.68deg);
  }
  .index-section4 .img-content .img-card:nth-child(3) {
    -webkit-transform: translate(34.4vw, 2.6666666667vw) rotate(-6.68deg);
            transform: translate(34.4vw, 2.6666666667vw) rotate(-6.68deg);
  }
  .index-section4 .img-content .img-card:nth-child(4) {
    -webkit-transform: translate(49.4666666667vw, 5.3333333333vw) rotate(33.31deg);
            transform: translate(49.4666666667vw, 5.3333333333vw) rotate(33.31deg);
  }
  .index-section4 .img-content .img-card:nth-child(5) {
    -webkit-transform: translate(65.3333333333vw, 23.4666666667vw) rotate(63.96deg);
            transform: translate(65.3333333333vw, 23.4666666667vw) rotate(63.96deg);
  }
  .index-section4 .img-content .img-card:nth-child(6) {
    -webkit-transform: translate(28vw, 20vw) rotate(-11.97deg);
            transform: translate(28vw, 20vw) rotate(-11.97deg);
  }
  .index-section4 .img-content .img-card:nth-child(7) {
    -webkit-transform: translate(46.1333333333vw, 22.6666666667vw) rotate(34.37deg);
            transform: translate(46.1333333333vw, 22.6666666667vw) rotate(34.37deg);
  }
}
.index-section4 .reserve-today-button {
  z-index: 5;
  position: absolute;
}
@media screen and (min-width: 768.01px) {
  .index-section4 .reserve-today-button {
    top: 108.75vw;
    right: 7.2916666667vw;
  }
}
@media screen and (max-width: 768px) {
  .index-section4 .reserve-today-button {
    top: 154.1333333333vw;
    left: 8.5333333333vw;
    right: 8.5333333333vw;
  }
}
@media screen and (min-width: 768.01px) {
  .index-section4 .index-section4-ppt {
    position: absolute;
    top: 100vh;
    width: 100vw;
    height: 100vh;
    clip-path: inset(10%);
    opacity: 0.6;
    overflow: hidden;
  }
  .index-section4 .index-section4-ppt .img-warp {
    width: 100vw;
    height: 100vh;
    position: absolute;
    inset: 0;
  }
  .index-section4 .index-section4-ppt .img-warp picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 768px) {
  .index-section4 .index-section4-ppt {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .site-name-ph .index-section4 .reserve-today-button {
    left: 6.4vw;
    right: 6.4vw;
  }
}