.interior-detail-carousel.cq-Editable-dom{
  height: 70vw;
}
.cp-interior-detail-carousel {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cp-interior-detail-carousel * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cp-interior-detail-carousel .is-pc {
  display: block;
}

.cp-interior-detail-carousel .is-mo {
  display: none;
}

.cp-interior-detail-carousel {
  overflow: hidden;
  background: #000;
}

.cp-interior-detail-carousel__inner {
  padding: 138px 140px 150px;
  padding: 13.8rem 14rem 15rem;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  max-width: 192rem;
  min-height: -webkit-calc(100vh - 60px);
  min-height: calc(100vh - 60px);
  min-height: calc(100vh - 60px);
  scrollbar-width: none;
  will-change: transfrom;
}

.cp-interior-detail-carousel__inner::-webkit-scrollbar {
  display: none;
}

.cp-interior-detail-carousel__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  gap: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.cp-interior-detail-carousel__item {
  width: 35vw;
  position: relative;
  max-width: 672px;
  max-width: 67.2rem;
}

.cp-interior-detail-carousel__img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cp-interior-detail-carousel__img-box {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}

.cp-interior-detail-carousel__text-wrap {
  margin-top: 30px;
  margin-top: 3rem;
  width: 79%;
  max-width: 533px;
  max-width: 53.3rem;
}

.cp-interior-detail-carousel__title,
.cp-interior-detail-carousel__desc {
  font-family: "genesis-text-office", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  word-break: break-word;
}

html[lang="zh-CN"] .cp-interior-detail-carousel__title,
html[lang="zh-CN"] .cp-interior-detail-carousel__desc {
  font-size: 16px;
  font-size: 1.6rem;
}

.cp-interior-detail-carousel__title {
  color: #FFF;
}

.cp-interior-detail-carousel__desc {
  color: rgba(255, 255, 255, 0.50);
}

@media screen and (max-width: 1919px) {
  .cp-interior-detail-carousel__inner {
    padding: 138px 120px 150px;
    padding: 13.8rem 12rem 15rem;
  }
}

@media screen and (max-width: 1599px) {
  .cp-interior-detail-carousel__inner {
    padding: 138px 100px 150px;
    padding: 13.8rem 10rem 15rem;
  }
}

@media screen and (max-width: 1359px) {
  .cp-interior-detail-carousel__inner {
    padding: 138px 76px 150px;
    padding: 13.8rem 7.6rem 15rem;
  }
}

@media (max-width: 1023px) {
  .cp-interior-detail-carousel .is-pc {
    display: none;
  }

  .cp-interior-detail-carousel .is-mo {
    display: block;
  }

  .cp-interior-detail-carousel__container {
    gap: 10px;
  }

  .cp-interior-detail-carousel__inner {
    min-height: -webkit-calc(100vh - 52px);
    min-height: calc(100vh - 52px);
    padding: 8rem 2rem;
  }

  .cp-interior-detail-carousel__item {
    width: 77.333vw;
    max-width: 73.3vw;
  }

  .cp-interior-detail-carousel__img-box {
    padding-bottom: 142.372881%;
  }

  .cp-interior-detail-carousel__text-wrap {
    margin-top: 24px;
    margin-top: 2.4rem;
    width: 87%;
  }

  .cp-interior-detail-carousel__title,
  .cp-interior-detail-carousel__desc {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
  }

  html[lang="zh-CN"] .cp-interior-detail-carousel__title,
  html[lang="zh-CN"] .cp-interior-detail-carousel__desc {
    font-size: 12.8px;
    font-size: 1.28rem;
  }
}

.cp-interior-detail-carousel__inner .common-button__cta {
  margin-top: 30px;
  margin-top: 3rem;
}

@media (max-width: 767px) {
  .cp-interior-detail-carousel__inner .common-button__cta {
    margin-top: 24px;
    margin-top: 2.4rem;
  }
}