.cp-interior-overview-scroll-v3 {
  /* reset css */
  /* component css */
  width: 100%;
  height: auto;
  position: relative;
  background-color: #111;
  overflow: hidden;
}

.cp-interior-overview-scroll-v3 * {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
}

.cp-interior-overview-scroll-v3 *:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}

.cp-interior-overview-scroll-v3 article, .cp-interior-overview-scroll-v3 aside, .cp-interior-overview-scroll-v3 details, .cp-interior-overview-scroll-v3 figcaption, .cp-interior-overview-scroll-v3 figure, .cp-interior-overview-scroll-v3 footer, .cp-interior-overview-scroll-v3 header, .cp-interior-overview-scroll-v3 hgroup, .cp-interior-overview-scroll-v3 menu, .cp-interior-overview-scroll-v3 nav, .cp-interior-overview-scroll-v3 section {
  display: block;
}

.cp-interior-overview-scroll-v3 ol, .cp-interior-overview-scroll-v3 ul, .cp-interior-overview-scroll-v3 dl, .cp-interior-overview-scroll-v3 li {
  list-style: none;
}

.cp-interior-overview-scroll-v3 table {
  border-collapse: collapse;
  border-spacing: 0;
}

.cp-interior-overview-scroll-v3 a {
  color: black;
  text-decoration: none;
}

.cp-interior-overview-scroll-v3 sup {
  position: relative;
  top: -0.4em;
  vertical-align: middle;
  color: inherit;
  font-size: 0.75em;
}

.cp-interior-overview-scroll-v3 .is-pc {
  display: block;
}

.cp-interior-overview-scroll-v3 .is-mo {
  display: none;
}

@media (max-width: 1023px) {
  .cp-interior-overview-scroll-v3 .is-pc {
    display: none;
  }
  .cp-interior-overview-scroll-v3 .is-mo {
    display: block;
  }
}

.cp-interior-overview-scroll-v3.has-sub-navi .cp-interior-overview-scroll-v3__cover {
  min-height: -webkit-calc(100vh - 60px + 2160px);
  min-height: calc(100vh - 60px + 2160px);
}

.cp-interior-overview-scroll-v3.has-sub-navi .cp-interior-overview-scroll-v3__cover:has(.cp-interior-overview-scroll-v3__txt-item:first-child:nth-last-child(3),
.cp-interior-overview-scroll-v3__txt-item:first-child:nth-last-child(3) ~ .cp-interior-overview-scroll-v3__txt-item) {
  min-height: -webkit-calc(100vh - 60px + 3240px);
  min-height: calc(100vh - 60px + 3240px);
}

.cp-interior-overview-scroll-v3.has-sub-navi .cp-interior-overview-scroll-v3__inner {
  height: -webkit-calc(100vh - 60px);
  height: calc(100vh - 60px);
}

.cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__cover {
  width: 100%;
  height: auto;
  min-height: -webkit-calc(100vh - 69px + 2160px);
  min-height: calc(100vh - 69px + 2160px);
}

.cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__cover:has(.cp-interior-overview-scroll-v3__txt-item:first-child:nth-last-child(3),
.cp-interior-overview-scroll-v3__txt-item:first-child:nth-last-child(3) ~ .cp-interior-overview-scroll-v3__txt-item) {
  min-height: -webkit-calc(100vh - 69px + 3240px);
  min-height: calc(100vh - 69px + 3240px);
}

.cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__inner {
  width: 100%;
  height: -webkit-calc(100vh - 69px);
  height: calc(100vh - 69px);
  position: relative;
}

.cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__inner.img-height-150 .cp-interior-overview-scroll-v3__img img {
  height: 150%;
}

.cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__img {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__img::before {
  content: '';
  width: 100%;
  height: 430px;
  height: 43rem;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  background: -webkit-linear-gradient(275deg, rgba(0, 0, 0, 0.9) -0.57%, transparent 53.33%);
  background: linear-gradient(175deg, rgba(0, 0, 0, 0.9) -0.57%, transparent 53.33%);
}

.cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__img::after {
  content: '';
  width: 100%;
  height: 298px;
  height: 29.8rem;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(2.68%, rgba(0, 0, 0, 0.68)), color-stop(61.04%, transparent));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.68) 2.68%, transparent 61.04%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.68) 2.68%, transparent 61.04%);
}

.cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__img img {
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 50%;
  object-fit: cover;
  will-change: top;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: top 0.4s linear;
  transition: top 0.4s linear;
}

.cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__txt-item {
  width: 100%;
  height: auto;
  max-width: 1920px;
  max-width: 192rem;
  margin: 0 auto;
  padding: 0 140px;
  padding: 0 14rem;
  position: absolute;
  right: 0;
  bottom: 120px;
  bottom: 12rem;
  left: 0;
  z-index: 3;
  opacity: 0;
  will-change: opacity;
  -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  transition: opacity 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

.cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__txt-item:first-child {
  opacity: 1;
}

.cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__txt .cm-section-title__title {
  color: #fff;
  line-height: 1.3;
}

.cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__txt .cm-section-desc__text {
  margin-top: 40px;
  margin-top: 4rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5;
}

.cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__txt .cm-section-desc__text .highlight {
  color: #fff;
}

/* @media (max-width: 1919px) */
@media (max-width: 1919px) {
  /* component css */
  .cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__txt-item {
    padding: 0 120px;
    padding: 0 12rem;
  }
}

/* @media (max-width: 1599px) */
@media (max-width: 1599px) {
  /* component css */
  .cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__txt-item {
    padding: 0 100px;
    padding: 0 10rem;
  }
}

/* @media (max-width: 1359px) */
@media (max-width: 1359px) {
  /* component css */
  .cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__txt-item {
    padding: 0 76px;
    padding: 0 7.6rem;
  }
}

/* @media (max-width: 1199px) */
@media (max-width: 1199px) {
  /* component css */
  .cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__txt .cm-section-desc__text {
    line-height: 1.54;
  }
}

/* @media (max-width: 1023px) */
@media (max-width: 1023px) {
  /* component css */
  .cp-interior-overview-scroll-v3.has-sub-navi .cp-interior-overview-scroll-v3__cover {
    min-height: -webkit-calc(100vh - 52px + 1600px);
    min-height: calc(100vh - 52px + 1600px);
  }
  .cp-interior-overview-scroll-v3.has-sub-navi .cp-interior-overview-scroll-v3__cover:has(.cp-interior-overview-scroll-v3__txt-item:first-child:nth-last-child(3),
  .cp-interior-overview-scroll-v3__txt-item:first-child:nth-last-child(3) ~ .cp-interior-overview-scroll-v3__txt-item) {
    min-height: -webkit-calc(100vh - 52px + 2400px);
    min-height: calc(100vh - 52px + 2400px);
  }
  .cp-interior-overview-scroll-v3.has-sub-navi .cp-interior-overview-scroll-v3__inner {
    height: -webkit-calc(100vh - 52px);
    height: calc(100vh - 52px);
  }
  .cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__cover {
    width: 100%;
    height: auto;
    min-height: -webkit-calc(100vh - 59px + 1600px);
    min-height: calc(100vh - 59px + 1600px);
  }
  .cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__cover:has(.cp-interior-overview-scroll-v3__txt-item:first-child:nth-last-child(3),
  .cp-interior-overview-scroll-v3__txt-item:first-child:nth-last-child(3) ~ .cp-interior-overview-scroll-v3__txt-item) {
    min-height: -webkit-calc(100vh - 59px + 2400px);
    min-height: calc(100vh - 59px + 2400px);
  }
  .cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__inner {
    height: -webkit-calc(100vh - 59px);
    height: calc(100vh - 59px);
  }
  .cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__img::before {
    height: 312px;
    height: 31.2rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-6.09%, rgba(0, 0, 0, 0.81)), color-stop(56.15%, transparent));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.81) -6.09%, transparent 56.15%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.81) -6.09%, transparent 56.15%);
  }
  .cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__img::after {
    height: 303px;
    height: 30.3rem;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(51.38%, #000), color-stop(60.15%, transparent));
    background: -webkit-linear-gradient(bottom, #000 51.38%, transparent 60.15%);
    background: linear-gradient(0deg, #000 51.38%, transparent 60.15%);
  }
  .cp-interior-overview-scroll-v3 .cp-interior-overview-scroll-v3__txt-item {
    padding: 0 20px;
    padding: 0 2rem;
    bottom: 80px;
    bottom: 8rem;
  }
}
