.content-area .main-image-block {
  margin-bottom: min(7.67vw, 96px);
}
.content-area .main-image-block .main-image img {
  width: 100%;
  height: 100svh;
  object-fit: cover;
}
.content-area .main-image-block .main-image-text {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  font-size: min(5.25vw, 48px);
  font-weight: bold;
  text-align: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 430px) {
  .content-area .main-image-block .main-image-text {
    font-size: 8vw;
  }
}
.content-area .main-image-block .main-image-text .main-image-title {
  padding-top: 150px;
}
.content-area .main-image-block .main-image-text .main-image-title h2 {
  font-weight: bold;
  font-size: min(5.25vw, 48px);
}
@media screen and (max-width: 430px) {
  .content-area .main-image-block .main-image-text .main-image-title h2 {
    font-size: 8vw;
  }
}
.content-area .main-image-block .main-image-text .booking-btn {
  font-size: min(3.25vw, 32px);
  background-color: #1d6bf2;
  padding: min(2.57vw, 24px) min(3.33vw, 48px);
  border-radius: 6px;
  color: white;
  text-decoration: none;
}
@media screen and (max-width: 430px) {
  .content-area .main-image-block .main-image-text .booking-btn {
    font-size: 6vw;
    padding: 4vw 8vw;
  }
}
.content-area .block-title {
  font-weight: bold;
  font-size: min(5.25vw, 42px);
  text-align: center;
  padding: min(6.67vw, 96px) 0;
}
@media screen and (max-width: 430px) {
  .content-area .block-title {
    font-size: 7vw;
  }
}
.content-area .intro-block {
  display: flex;
  column-gap: min(4.17vw, 60px);
  padding-bottom: 14.93vw;
}
@media screen and (max-width: 430px) {
  .content-area .intro-block {
    flex-wrap: wrap;
  }
}
.content-area .intro-block.left {
  flex-direction: row-reverse;
}
.content-area .intro-block.left > .inner-content {
  margin-left: min(1.39vw, 20px);
}
@media screen and (max-width: 430px) {
  .content-area .intro-block.left > .inner-content {
    margin-left: 0;
  }
}
@media screen and (max-width: 430px) {
  .content-area .intro-block .image {
    width: 94.67vw;
  }
}
.content-area .intro-block .image img {
  flex-shrink: 0;
  width: min(54.17vw, 780px);
}
@media screen and (max-width: 430px) {
  .content-area .intro-block .image img {
    width: 100%;
  }
}
.content-area .intro-block .image iframe {
  width: min(54.17vw, 780px);
  height: min(35.83vw, 540px);
}
@media screen and (max-width: 430px) {
  .content-area .intro-block .image iframe {
    width: 100%;
    height: 65.2vw;
  }
}
.content-area .intro-block .inner-content {
  max-width: 40%;
  padding: 0 min(8.33vw, 120px) 0 0;
}
@media screen and (max-width: 430px) {
  .content-area .intro-block .inner-content {
    padding: 0 5.33vw;
    margin-left: 0;
    max-width: 100%;
  }
}
.content-area .intro-block .inner-content .title {
  margin-top: min(4.8476vw, 70px);
}
@media screen and (max-width: 430px) {
  .content-area .intro-block .inner-content .title {
    margin-top: 10vw;
  }
}
.content-area .intro-block .inner-content .title p {
  font-size: min(1.81vw, 26px);
  line-height: 1.54;
  font-weight: bold;
}
@media screen and (max-width: 430px) {
  .content-area .intro-block .inner-content .title p {
    font-size: 4.8vw;
    line-height: 1.67;
  }
}
.content-area .intro-block .inner-content .message {
  margin-top: min(1.39vw, 20px);
}
.content-area .intro-block .inner-content .message p {
  font-size: min(1.25vw, 18px);
  line-height: 1.67;
  font-weight: bold;
}
@media screen and (max-width: 430px) {
  .content-area .intro-block .inner-content .message p {
    font-size: 3.73vw;
    line-height: 1.71;
  }
}
.content-area .intro-block .inner-content .message .btn {
  font-size: min(2.2vw, 20px);
  background-color: #1d6bf2;
  padding: min(1.25vw, 18px) min(3.33vw, 48px);
  border-radius: 6px;
  color: white;
  text-decoration: none;
  line-height: 2.67;
}
@media screen and (max-width: 430px) {
  .content-area .intro-block .inner-content .message .btn {
    font-size: 6vw;
    padding: 4vw 8vw;
  }
}

.scroll-view {
  overflow: hidden;
  position: relative;
}
.scroll-view::before {
  z-index: 1;
  background-color: white;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.scroll-view.show::before {
  transition: -webkit-transform 0.75s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 0.75s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 0.75s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.75s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.show {
  transition: opacity 0.2s, background-size 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  background-size: 100% 100%;
}

/*# sourceMappingURL=index.css.map */