.cp-trunk-full-visual-image {
  direction: rtl;
  background-color: #000;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cp-trunk-full-visual-image {
  direction: rtl;
}

.cp-trunk-full-visual-image .is-mo {
  display: none;
}

.cp-trunk-full-visual-image .is-pc {
  display: block;
}

.cp-trunk-full-visual-image__inner {
  color: #f5f5f5;
}

.cp-trunk-full-visual-image__inner .cm-overlap-cards__title {
  color: #fff;
}

.cp-trunk-full-visual-image__intro {
  width: 100%;
  height: -webkit-calc(100vh - 60px);
  height: calc(100vh - 60px);
  overflow: hidden;
  background: #000;
}

.cp-trunk-full-visual-image__intro-img {
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cp-trunk-full-visual-image__intro-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.cp-trunk-full-visual-image__headline-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.cp-trunk-full-visual-image__headline-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  height: 40rem;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.cp-trunk-full-visual-image__headline-wrap .cp-section-desc__title {
  color: #fff;
  float: right;
  margin-left: 4px;
  margin-left: 0.4rem;
}

.cp-trunk-full-visual-image__headline-wrap .cm-section-desc__text.is-pc {
  width: 27.760vw;
  color: rgba(255, 255, 255, 0.5);
}

.cp-trunk-full-visual-image__headline-wrap.type-dark {
  background: transparent;
}

.cp-trunk-full-visual-image__headline-wrap.type-dark .cp-section-desc__title {
  color: #000;
}

.cp-trunk-full-visual-image__headline-wrap.type-dark .cm-section-desc__text {
  color: rgba(0, 0, 0, 0.5);
}

.cp-trunk-full-visual-image__headline-wrap.type-dark::before {
  display: none;
}

.cp-trunk-full-visual-image__headline-wrap.headline-left-top .cp-trunk-full-visual-image__headline-desc {
  right: auto;
  left: 140px;
  left: 14rem;
}

.cp-trunk-full-visual-image__headline-wrap.headline-left-bottom .cp-trunk-full-visual-image__headline-desc {
  top: auto;
  right: auto;
  left: 140px;
  left: 14rem;
  bottom: 100px;
  bottom: 10rem;
}

.cp-trunk-full-visual-image__headline-wrap.headline-right-bottom .cp-trunk-full-visual-image__headline-desc {
  top: auto;
  left: auto;
  right: 140px;
  right: 14rem;
  bottom: 100px;
  bottom: 10rem;
}

.cp-trunk-full-visual-image__headline-text {
  position: relative;
  height: 100%;
}

.cp-trunk-full-visual-image__headline-desc {
  position: absolute;
  top: 100px;
  top: 10rem;
  right: 140px;
  right: 14rem;
  width: 533px;
  width: 53.3rem;
  opacity: 0;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  color: rgba(255, 255, 255, 0.5);
  word-break: keep-all;
}

.cp-trunk-full-visual-image__headline-title {
  font-family: "genesis-head-office-light", sans-serif;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: -0.01em;
}

@media screen and (max-width: 1919px) {
  .cp-trunk-full-visual-image__headline-desc {
    right: 120px;
    right: 12rem;
  }
}

@media screen and (max-width: 1599px) {
  .cp-trunk-full-visual-image__headline-desc {
    right: 100px;
    right: 10rem;
  }
}

@media screen and (max-width: 1359px) {
  .cp-trunk-full-visual-image__headline-desc {
    right: 76px;
    right: 7.6rem;
  }
}

@media (max-width: 1023px) {
  .cp-trunk-full-visual-image .is-mo {
    display: block;
  }
  .cp-trunk-full-visual-image .is-pc {
    display: none;
  }
  .cp-trunk-full-visual-image__intro {
    height: -webkit-calc(100% - 52px);
    height: calc(100% - 52px);
    min-height: -webkit-calc(100vh - 52px);
    min-height: calc(100vh - 52px);
  }
  .cp-trunk-full-visual-image__headline-wrap {
    padding-bottom: 60px;
    padding-bottom: 6rem;
    height: auto;
  }
  .cp-trunk-full-visual-image__headline-wrap::before {
    content: '';
    top: auto;
    bottom: 0;
    height: 200px;
    height: 20rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  }
  .cp-trunk-full-visual-image__headline-desc {
    top: auto;
    bottom: 0;
    right: 20px;
    right: 2rem;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
  }
  .cp-trunk-full-visual-image .cm-section-title {
    padding-top: 0;
  }
  .cp-trunk-full-visual-image .cm-section-title-desc {
    width: auto;
  }
  .cp-trunk-full-visual-image .cm-swiper-cards__desc-wrap {
    overflow: auto;
    height: 26.0663vh;
  }
  .cp-trunk-full-visual-image.type-dark .cp-trunk-full-visual-image__headline-dim {
    display: none;
  }
}