.cp-interation-text-and-video {
  background-color: #000;
  color: #fff;
  min-height: -webkit-calc(100vh - 52px);
  min-height: calc(100vh - 52px);
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
}

.cp-interation-text-and-video * {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cp-interation-text-and-video *:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}

.cp-interation-text-and-video article, .cp-interation-text-and-video aside, .cp-interation-text-and-video details, .cp-interation-text-and-video figcaption, .cp-interation-text-and-video figure, .cp-interation-text-and-video footer, .cp-interation-text-and-video header, .cp-interation-text-and-video hgroup, .cp-interation-text-and-video menu, .cp-interation-text-and-video nav, .cp-interation-text-and-video section {
  display: block;
}

.cp-interation-text-and-video ol, .cp-interation-text-and-video ul, .cp-interation-text-and-video dl, .cp-interation-text-and-video li {
  list-style: none;
}

.cp-interation-text-and-video table {
  border-collapse: collapse;
  border-spacing: 0;
}

.cp-interation-text-and-video a {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.cp-interation-text-and-video .is-pc {
  display: none;
}

.cp-interation-text-and-video .is-pc2 {
  display: none;
}

@media (min-width: 673px) {
  .cp-interation-text-and-video .is-pc2 {
    display: unset;
  }
  .cp-interation-text-and-video .is-mo2 {
    display: none;
  }
  .cp-interation-text-and-video .is-pc {
    display: unset;
  }
  .cp-interation-text-and-video .is-mo {
    display: none;
  }
}

.cp-interation-text-and-video sup {
  position: relative;
  top: -0.4em;
  vertical-align: middle;
  color: inherit;
  font-size: 0.75em;
}

.cp-interation-text-and-video__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1920px;
  max-width: 192rem;
  margin: 0 auto;
}

.cp-interation-text-and-video__background:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 110px;
  height: 11rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.01%, rgba(0, 0, 0, 0.7)), color-stop(25.45%, rgba(0, 0, 0, 0.7)), color-stop(62.25%, rgba(0, 0, 0, 0.3)), color-stop(87.96%, rgba(0, 0, 0, 0.02)));
  background: -webkit-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0.7) 0.01%, rgba(0, 0, 0, 0.7) 25.45%, rgba(0, 0, 0, 0.3) 62.25%, rgba(0, 0, 0, 0.02) 87.96%);
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.7) 0.01%, rgba(0, 0, 0, 0.7) 25.45%, rgba(0, 0, 0, 0.3) 62.25%, rgba(0, 0, 0, 0.02) 87.96%);
}

.cp-interation-text-and-video__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.cp-interation-text-and-video__inner {
  position: relative;
  padding: 60px 0 100px;
  padding: 6rem 0 10rem;
}

.cp-interation-text-and-video__headline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 340px;
  gap: 34rem;
}

.cp-interation-text-and-video__headline-cover {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  gap: 20px;
  gap: 2rem;
  padding: 0 20px;
  padding: 0 2rem;
}

.cp-interation-text-and-video__title {
  font-family: "genesis-head-office-light", sans-serif;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 125%;
  letter-spacing: -0.02em;
  font-weight: 300;
  text-align: center;
}

.cp-interation-text-and-video__title-pc {
  display: none;
}

.cp-interation-text-and-video__title-mo {
  padding: 0 20px;
  padding: 0 2rem;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
  opacity: 0;
  will-change: transform, opacity;
}

.cp-interation-text-and-video__subtitle {
  font-family: "genesis-head-office-light", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 140%;
  margin-bottom: 36px;
  margin-bottom: 3.6rem;
}

.cp-interation-text-and-video__description {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
  letter-spacing: -0.01em;
}

.cp-interation-text-and-video__disclaimer {
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 154%;
  letter-spacing: -0.01em;
}

.cp-interation-text-and-video__logo {
  margin-top: 20px;
  margin-top: 2rem;
}

.cp-interation-text-and-video__logo img {
  width: 68px;
  width: 6.8rem;
}

.cp-interation-text-and-video__cover {
  position: relative;
  padding: 60px 20px 78px;
  padding: 6rem 2rem 7.8rem;
}

.cp-interation-text-and-video__feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  gap: 3rem;
}

.cp-interation-text-and-video__feature-title {
  width: 100%;
  text-align: center;
  font-family: "genesis-Head-office", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: -0.01em;
}

.cp-interation-text-and-video__feature-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  margin-top: 1rem;
  gap: 8px;
  gap: 0.8rem;
}

.cp-interation-text-and-video__feature-text-icon {
  width: 20px;
  width: 2rem;
  height: 20px;
  height: 2rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><path d="M5.5 7.2915C5.5 4.53009 7.73858 2.2915 10.5 2.2915C13.2614 2.2915 15.5 4.53009 15.5 7.2915" stroke="%23918F8F" stroke-width="1.3"/><path d="M12.1665 16.4585C14.0075 16.4585 15.4998 14.9661 15.4998 13.1252V11.4585" stroke="%23918F8F" stroke-width="1.3"/><path d="M5.5 6.875H3.83333C3.3731 6.875 3 7.24808 3 7.70833V11.0417C3 11.5019 3.3731 11.875 3.83333 11.875H5.5V6.875Z" stroke="%23918F8F" stroke-width="1.3"/><path d="M15.5 6.875H17.1667C17.6269 6.875 18 7.24808 18 7.70833V11.0417C18 11.5019 17.6269 11.875 17.1667 11.875H15.5V6.875Z" stroke="%23918F8F" stroke-width="1.3"/><path d="M10.9165 17.7085C11.6069 17.7085 12.1665 17.1489 12.1665 16.4585C12.1665 15.7681 11.6069 15.2085 10.9165 15.2085C10.2261 15.2085 9.6665 15.7681 9.6665 16.4585C9.6665 17.1489 10.2261 17.7085 10.9165 17.7085Z" stroke="%23918F8F" stroke-width="1.3"/></svg>');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.cp-interation-text-and-video__feature-disclaimer {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-size: 11px;
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 154%;
  letter-spacing: -0.01em;
}

.cp-interation-text-and-video__action {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1.78 / 1;
  contain: size;
  border: 1px solid #737171;
}

.cp-interation-text-and-video__action-video {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
}

.cp-interation-text-and-video__action-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border: 1px solid #737171;
}

.cp-interation-text-and-video__action-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cp-interation-text-and-video__action-thumb-video, .cp-interation-text-and-video__action-thumb-img, .cp-interation-text-and-video__action-thumb-video video, .cp-interation-text-and-video__action-thumb-img img {
  width: 100%;
  height: 100%;
}

.cp-interation-text-and-video__action-thumb-video video, .cp-interation-text-and-video__action-thumb-img img {
  object-fit: cover;
  object-position: center;
  border: 1px solid #737171;
}

.cp-interation-text-and-video__action-thumb-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40px;
  width: 4rem;
  height: 40px;
  height: 4rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #959595;
  background-color: rgba(0, 0, 0, 0.6);
}

.cp-interation-text-and-video__action-thumb-btn:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 54%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="13" viewBox="0 0 10 13" fill="none"><path d="M10 6.5L0.25 12.1292L0.250001 0.870834L10 6.5Z" fill="%23D9D9D9"/></svg>');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 13px;
  width: 1.3rem;
  height: 13px;
  height: 1.3rem;
}

.cp-interation-text-and-video__sns {
  position: relative;
  margin-top: 60px;
  margin-top: 6rem;
  padding-top: 40px;
  padding-top: 4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
  gap: 4rem;
}

.cp-interation-text-and-video__sns:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 236px;
  width: 23.6rem;
  height: 1px;
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.5);
}

.cp-interation-text-and-video__sns-title {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.cp-interation-text-and-video__sns-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 26px;
  gap: 2.6rem;
}

.cp-interation-text-and-video__sns-cta a {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 32px;
  height: 3.2rem;
}

.cp-interation-text-and-video__sns-cta a i {
  display: block;
  height: 32px;
  height: 3.2rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.cp-interation-text-and-video__sns-cta a i.instagram {
  width: 32px;
  width: 3.2rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" viewBox="0 0 33 32" fill="none"><path d="M16.8331 20.2112C19.2877 20.2112 21.2776 18.2213 21.2776 15.7667C21.2776 13.3121 19.2877 11.3223 16.8331 11.3223C14.3785 11.3223 12.3887 13.3121 12.3887 15.7667C12.3887 18.2213 14.3785 20.2112 16.8331 20.2112Z" fill="white"/><path d="M30.0884 10.2664C30.0545 9.16601 29.8445 8.07813 29.4662 7.04422C29.1258 6.15709 28.6027 5.35145 27.9308 4.67957C27.2589 4.0077 26.4533 3.4846 25.5662 3.14422C24.5506 2.75541 23.4756 2.54491 22.3884 2.52199C20.9106 2.43311 20.4551 2.43311 16.8328 2.43311C13.2106 2.43311 12.7551 2.43311 11.3328 2.52199C10.2277 2.53561 9.13341 2.74243 8.09951 3.13311C7.20512 3.4605 6.39345 3.98012 5.72173 4.65533C5.04634 5.31832 4.51986 6.11752 4.17729 6.99977C3.79667 8.02878 3.59014 9.114 3.56618 10.2109C3.49951 11.6553 3.49951 12.0998 3.49951 15.7664C3.49951 19.4331 3.49951 19.8331 3.5884 21.2664C3.60752 22.3674 3.81418 23.4571 4.19951 24.4887C4.5238 25.3878 5.04372 26.2038 5.72173 26.8775C6.39114 27.5504 7.19337 28.0763 8.07729 28.422C9.1001 28.8201 10.1809 29.049 11.2773 29.0998C12.6995 29.1664 13.144 29.1775 16.8328 29.1775C20.5217 29.1775 20.944 29.0998 22.3884 29.0998C23.4961 29.0752 24.5921 28.8687 25.6328 28.4887C26.5104 28.1245 27.2987 27.5749 27.944 26.8775C28.622 26.2081 29.1486 25.4011 29.4884 24.5109C29.862 23.4876 30.0683 22.4109 30.0995 21.322C30.1662 19.8331 30.1662 19.3887 30.1662 15.7664C30.1662 12.1442 30.1662 11.6998 30.0884 10.2664ZM16.8328 22.6109C15.4791 22.6109 14.1558 22.2095 13.0303 21.4574C11.9047 20.7053 11.0274 19.6364 10.5094 18.3857C9.99136 17.135 9.85582 15.7588 10.1199 14.4312C10.384 13.1035 11.0359 11.8839 11.9931 10.9267C12.9503 9.96947 14.1699 9.3176 15.4976 9.05351C16.8253 8.78941 18.2014 8.92496 19.4521 9.443C20.7028 9.96104 21.7717 10.8383 22.5238 11.9639C23.2759 13.0894 23.6773 14.4127 23.6773 15.7664C23.6773 17.5817 22.9562 19.3226 21.6726 20.6062C20.389 21.8898 18.6481 22.6109 16.8328 22.6109ZM23.9551 10.2109C23.6386 10.2109 23.3293 10.117 23.0662 9.94123C22.803 9.76542 22.598 9.51554 22.4769 9.22318C22.3558 8.93081 22.3241 8.60911 22.3858 8.29874C22.4475 7.98837 22.5999 7.70328 22.8237 7.47951C23.0475 7.25575 23.3326 7.10336 23.6429 7.04163C23.9533 6.97989 24.275 7.01158 24.5674 7.13268C24.8597 7.25378 25.1096 7.45885 25.2854 7.72197C25.4612 7.98509 25.5551 8.29443 25.5551 8.61088C25.5565 8.82141 25.5162 9.03013 25.4363 9.22492C25.3564 9.41971 25.2386 9.59668 25.0897 9.74555C24.9409 9.89442 24.7639 10.0122 24.5691 10.0921C24.3743 10.172 24.1656 10.2124 23.9551 10.2109Z" fill="white"/></svg>');
}

.cp-interation-text-and-video__sns-cta a i.youtube {
  width: 45.3px;
  width: 4.53rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="46" height="32" viewBox="0 0 46 32" fill="none"><path d="M39.3565 9.08889C39.1983 7.88363 38.7398 6.73743 38.0231 5.75556C37.144 4.85908 35.9453 4.34765 34.6898 4.33333C30.0009 4 22.9787 4 22.9787 4C22.9787 4 16.012 4 11.2898 4.34444C10.0343 4.35876 8.8356 4.87019 7.95646 5.76667C7.23979 6.74854 6.78132 7.89474 6.62312 9.1C6.42551 10.8896 6.32167 12.6884 6.31201 14.4889V17.0222C6.31785 18.8262 6.41799 20.6287 6.61201 22.4222C6.77113 23.6272 7.22952 24.7732 7.94535 25.7556C8.96469 26.671 10.2864 27.1775 11.6565 27.1778C14.3231 27.4333 22.9787 27.5222 22.9787 27.5222C22.9787 27.5222 30.0009 27.5222 34.6787 27.1667C35.9319 27.1517 37.129 26.6449 38.012 25.7556C38.7278 24.7732 39.1862 23.6272 39.3453 22.4222C39.5394 20.6287 39.6395 18.8262 39.6453 17.0222V14.4889C39.6435 12.6851 39.547 10.8826 39.3565 9.08889ZM19.4898 20.1111V10.7L28.5342 15.4111L19.4898 20.1111Z" fill="white"/></svg>');
}

.cp-interation-text-and-video__sns-cta a i.x {
  width: 26px;
  width: 2.6rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="396" height="396" viewBox="0 0 396 396" fill="none"><path d="M301.026 37.125H355.608L236.362 173.415L376.645 358.875H266.805L180.774 246.395L82.335 358.875H27.72L155.265 213.098L20.691 37.125H133.32L211.084 139.937L301.026 37.125ZM281.869 326.205H312.114L116.886 68.079H84.4305L281.869 326.205Z" fill="white"/></svg>');
}

.cp-interation-text-and-video__sns-cta a i.facebook {
  width: 24px;
  width: 2.4rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="%23ffffff" height="800px" width="800px" version="1.1" viewBox="-337 273 123.5 256" xml:space="preserve"><path d="M-260.9,327.8c0-10.3,9.2-14,19.5-14c10.3,0,21.3,3.2,21.3,3.2l6.6-39.2c0,0-14-4.8-47.4-4.8c-20.5,0-32.4,7.8-41.1,19.3 c-8.2,10.9-8.5,28.4-8.5,39.7v25.7H-337V396h26.5v133h49.6V396h39.3l2.9-38.3h-42.2V327.8z"/></svg>');
}

@media (min-width: 673px) {
  .cp-interation-text-and-video__background:after {
    height: 630px;
    height: 63rem;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(12.48%, rgba(0, 0, 0, 0.9)), color-stop(72.48%, rgba(0, 0, 0, 0.6)), color-stop(95.64%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 12.48%, rgba(0, 0, 0, 0.6) 72.48%, rgba(0, 0, 0, 0) 95.64%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 12.48%, rgba(0, 0, 0, 0.6) 72.48%, rgba(0, 0, 0, 0) 95.64%);
  }
  .cp-interation-text-and-video__inner {
    padding: 60px 0 40px;
    padding: 6rem 0 4rem;
  }
  .cp-interation-text-and-video__headline {
    gap: 144px;
    gap: 14.4rem;
  }
  .cp-interation-text-and-video__headline-cover {
    gap: 20px;
    gap: 2rem;
  }
  .cp-interation-text-and-video__title {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: 0.1em;
    line-height: 110%;
    text-align: unset;
  }
  .cp-interation-text-and-video__title-mo {
    display: none;
  }
  .cp-interation-text-and-video__title-pc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 20px;
    gap: 2rem;
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
  }
  .cp-interation-text-and-video__title-pc span {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    will-change: transform;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .cp-interation-text-and-video__title-pc span:first-child {
    margin-left: 15px;
    margin-left: 1.5rem;
  }
  .cp-interation-text-and-video__subtitle {
    margin-bottom: 20px;
    margin-bottom: 2rem;
  }
  .cp-interation-text-and-video__logo {
    margin-top: 20px;
    margin-top: 2rem;
  }
  .cp-interation-text-and-video__logo img {
    width: 68px;
    width: 6.8rem;
  }
  .cp-interation-text-and-video__cover {
    padding: 40px 20px 60px;
    padding: 4rem 2rem 6rem;
  }
  .cp-interation-text-and-video__feature {
    gap: 20px;
    gap: 2rem;
  }
  .cp-interation-text-and-video__feature-title {
    line-height: 130%;
  }
  .cp-interation-text-and-video__feature-text {
    margin-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    gap: 0.4rem;
  }
  .cp-interation-text-and-video__action {
    width: 460px;
    width: 46rem;
    margin: 0 auto;
  }
  .cp-interation-text-and-video__action-thumb-btn {
    width: 42.5px;
    width: 4.25rem;
    height: 42.5px;
    height: 4.25rem;
  }
  .cp-interation-text-and-video__action-thumb-btn:after {
    width: 10px;
    width: 1rem;
    height: 10px;
    height: 1rem;
  }
  .cp-interation-text-and-video__sns {
    margin-top: 40px;
    margin-top: 4rem;
    padding-top: 20px;
    padding-top: 2rem;
    gap: 20px;
    gap: 2rem;
  }
  .cp-interation-text-and-video__sns:before {
    width: 290px;
    width: 29rem;
  }
}

@media (min-width: 1023px) {
  .cp-interation-text-and-video {
    min-height: -webkit-calc(100vh - 60px);
    min-height: calc(100vh - 60px);
  }
  .cp-interation-text-and-video__inner {
    padding: 100px 0 60px;
    padding: 10rem 0 6rem;
  }
  .cp-interation-text-and-video__headline {
    gap: 293px;
    gap: 29.3rem;
  }
  .cp-interation-text-and-video__headline-cover {
    gap: 30px;
    gap: 3rem;
    padding: 0 76px;
    padding: 0 7.6rem;
  }
  .cp-interation-text-and-video__title {
    font-size: 70px;
    font-size: 7rem;
  }
  .cp-interation-text-and-video__title-pc {
    gap: 50px;
    gap: 5rem;
    -webkit-transform: translateX(-700px);
    -ms-transform: translateX(-700px);
    transform: translateX(-700px);
  }
  .cp-interation-text-and-video__title-pc span:first-child {
    margin-left: 40px;
    margin-left: 4rem;
  }
  .cp-interation-text-and-video__subtitle {
    font-size: 34px;
    font-size: 3.4rem;
    letter-spacing: -0.01em;
    margin-bottom: 0;
  }
  .cp-interation-text-and-video__disclaimer {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 156%;
  }
  .cp-interation-text-and-video__logo {
    margin-top: 0;
  }
  .cp-interation-text-and-video__logo img {
    width: 102px;
    width: 10.2rem;
  }
  .cp-interation-text-and-video__cover {
    padding: 60px 76px 80px;
    padding: 6rem 7.6rem 8rem;
  }
  .cp-interation-text-and-video__feature {
    gap: 30px;
    gap: 3rem;
  }
  .cp-interation-text-and-video__feature-title {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 120%;
    letter-spacing: -0.02em;
  }
  .cp-interation-text-and-video__feature-text-icon {
    width: 24px;
    width: 2.4rem;
    height: 24px;
    height: 2.4rem;
  }
  .cp-interation-text-and-video__feature-disclaimer {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .cp-interation-text-and-video__action {
    width: 850px;
    width: 85rem;
  }
  .cp-interation-text-and-video__action-thumb-btn {
    width: 85px;
    width: 8.5rem;
    height: 85px;
    height: 8.5rem;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
  }
  .cp-interation-text-and-video__action-thumb-btn:after {
    left: 52%;
    width: 18.5px;
    width: 1.85rem;
    height: 18.5px;
    height: 1.85rem;
    -webkit-transition: background-image 0.3s ease;
    transition: background-image 0.3s ease;
  }
  .cp-interation-text-and-video__action-thumb-btn:hover {
    background-color: rgba(255, 255, 255, 0.6);
  }
  .cp-interation-text-and-video__action-thumb-btn:hover:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="13" viewBox="0 0 10 13" fill="none"><path d="M10 6.5L0.25 12.1292L0.250001 0.870834L10 6.5Z" fill="%23111111"/></svg>');
  }
  .cp-interation-text-and-video__sns {
    margin-top: 60px;
    margin-top: 6rem;
    padding-top: 30px;
    padding-top: 3rem;
  }
  .cp-interation-text-and-video__sns:before {
    width: 330px;
    width: 33rem;
    gap: 30px;
    gap: 3rem;
    background-color: #565656;
  }
  .cp-interation-text-and-video__sns-cta {
    gap: 42px;
    gap: 4.2rem;
  }
  .cp-interation-text-and-video__sns-cta a {
    height: 40px;
    height: 4rem;
  }
  .cp-interation-text-and-video__sns-cta a i {
    height: 40px;
    height: 4rem;
  }
  .cp-interation-text-and-video__sns-cta a i.instagram {
    width: 40px;
    width: 4rem;
  }
  .cp-interation-text-and-video__sns-cta a i.youtube {
    width: 56px;
    width: 5.6rem;
  }
  .cp-interation-text-and-video__sns-cta a i.x {
    width: 32px;
    width: 3.2rem;
  }
  .cp-interation-text-and-video__sns-cta a i.facebook {
    width: 30px;
    width: 3rem;
  }
}

@media (min-width: 1199px) {
  .cp-interation-text-and-video__subtitle {
    font-size: 42px;
    font-size: 4.2rem;
  }
}

@media (min-width: 1359px) {
  .cp-interation-text-and-video__inner {
    padding: 120px 0 100px;
    padding: 12rem 0 10rem;
  }
  .cp-interation-text-and-video__headline {
    gap: 400px;
    gap: 40rem;
  }
  .cp-interation-text-and-video__headline-cover {
    gap: 40px;
    gap: 4rem;
    padding: 0 100px;
    padding: 0 10rem;
  }
  .cp-interation-text-and-video__title {
    font-size: 90px;
    font-size: 9rem;
  }
  .cp-interation-text-and-video__title-pc {
    gap: 65px;
    gap: 6.5rem;
    -webkit-transform: translateX(-1200px);
    -ms-transform: translateX(-1200px);
    transform: translateX(-1200px);
  }
  .cp-interation-text-and-video__title-pc span:first-child {
    margin-left: 50px;
    margin-left: 5rem;
  }
  .cp-interation-text-and-video__subtitle {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 130%;
  }
  .cp-interation-text-and-video__disclaimer {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 150%;
    letter-spacing: 0;
  }
  .cp-interation-text-and-video__logo img {
    width: 145px;
    width: 14.5rem;
  }
  .cp-interation-text-and-video__cover {
    padding: 100px 100px;
    padding: 10rem 10rem;
  }
  .cp-interation-text-and-video__feature {
    gap: 40px;
    gap: 4rem;
  }
  .cp-interation-text-and-video__feature-title {
    font-size: 36px;
    font-size: 3.6rem;
  }
  .cp-interation-text-and-video__feature-text {
    gap: 8px;
    gap: 0.8rem;
  }
  .cp-interation-text-and-video__feature-text-icon {
    width: 32px;
    width: 3.2rem;
    height: 32px;
    height: 3.2rem;
  }
  .cp-interation-text-and-video__feature-disclaimer {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .cp-interation-text-and-video__action {
    width: 1200px;
    width: 120rem;
  }
  .cp-interation-text-and-video__action-thumb-btn {
    width: 120px;
    width: 12rem;
    height: 120px;
    height: 12rem;
  }
  .cp-interation-text-and-video__action-thumb-btn:after {
    width: 26px;
    width: 2.6rem;
    height: 26px;
    height: 2.6rem;
  }
  .cp-interation-text-and-video__sns {
    margin-top: 80px;
    margin-top: 8rem;
    padding-top: 40px;
    padding-top: 4rem;
    gap: 40px;
    gap: 4rem;
  }
  .cp-interation-text-and-video__sns:before {
    width: 445px;
    width: 44.5rem;
  }
  .cp-interation-text-and-video__sns-cta {
    gap: 50px;
    gap: 5rem;
  }
  .cp-interation-text-and-video__sns-cta a {
    height: 48px;
    height: 4.8rem;
  }
  .cp-interation-text-and-video__sns-cta a i {
    height: 48px;
    height: 4.8rem;
  }
  .cp-interation-text-and-video__sns-cta a i.instagram {
    width: 48px;
    width: 4.8rem;
  }
  .cp-interation-text-and-video__sns-cta a i.youtube {
    width: 68px;
    width: 6.8rem;
  }
  .cp-interation-text-and-video__sns-cta a i.x {
    width: 40px;
    width: 4rem;
  }
  .cp-interation-text-and-video__sns-cta a i.facebook {
    width: 36px;
    width: 3.6rem;
  }
}

@media (min-width: 1599px) {
  .cp-interation-text-and-video__headline {
    gap: 463px;
    gap: 46.3rem;
  }
  .cp-interation-text-and-video__headline-cover {
    padding: 0 120px;
    padding: 0 12rem;
  }
  .cp-interation-text-and-video__title {
    font-size: 100px;
    font-size: 10rem;
  }
  .cp-interation-text-and-video__title-pc {
    gap: 70px;
    gap: 7rem;
    -webkit-transform: translateX(-1300px);
    -ms-transform: translateX(-1300px);
    transform: translateX(-1300px);
  }
  .cp-interation-text-and-video__title-pc span:first-child {
    margin-left: 50px;
    margin-left: 5rem;
  }
  .cp-interation-text-and-video__cover {
    padding: 100px 120px;
    padding: 10rem 12rem;
  }
}

@media (min-width: 1919px) {
  .cp-interation-text-and-video__headline-cover {
    max-width: 1920px;
    max-width: 192rem;
    margin: 0 auto;
    padding: 0 140px;
    padding: 0 14rem;
  }
  .cp-interation-text-and-video__cover {
    max-width: 1920px;
    max-width: 192rem;
    margin: 0 auto;
    padding: 100px 140px;
    padding: 10rem 14rem;
  }
}