.l-kv_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 9.6rem);
  max-width: 100%;
  margin-inline: auto;
  padding-top: 20.3rem;
  padding-bottom: 8rem;
  gap: 7.1rem;
  border-bottom: 2px solid var(--colorWhite);
}

.l-kv_ttl {
  width: 48.6rem;
  max-width: 100%;
  margin-left: 1rem;
}

.l-kv_txt_img {
  width: 61.7rem;
  max-width: 100%;
}

.l-story {
  margin-top: 7.8rem;
  color: var(--colorWhite);
}

.l-story.is-02,.l-story.is-03 {
  margin-top: 10rem;
}

.l-story_ttl {
  width: 91.1rem;
  max-width: 100%;
}

.l-story_ttl img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.l-story_content_wrapper {
  position: relative;
  max-height: 74rem;
  margin-top: 6.3rem;
  overflow-y: clip;
  pointer-events: none;
  -webkit-transition: max-height var(--ease) calc(var(--transition)*2),overflow var(--ease) calc(var(--transition)*2);
  transition: max-height var(--ease) calc(var(--transition)*2),overflow var(--ease) calc(var(--transition)*2);
}

.l-story_content_wrapper.is-02 {
  max-height: 65rem;
}

.l-story_content_wrapper.is-03 {
  max-height: 68rem;
}

.l-story_content_wrapper::after {
  display: block;
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 39.1rem;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(10, 10, 10)), color-stop(30%, rgba(10, 10, 10, 0.7)), to(rgba(10, 10, 10, 0)));
  background: -webkit-linear-gradient(bottom, rgb(10, 10, 10) 0%, rgba(10, 10, 10, 0.7) 30%, rgba(10, 10, 10, 0) 100%);
  background: linear-gradient(to top, rgb(10, 10, 10) 0%, rgba(10, 10, 10, 0.7) 30%, rgba(10, 10, 10, 0) 100%);
  content: "";
  -webkit-transition: opacity var(--ease) calc(var(--transition)*2);
  transition: opacity var(--ease) calc(var(--transition)*2);
}

.l-story_content_wrapper.is-open::after {
  opacity: 0;
}

.l-story_content+.l-story_content {
  margin-top: 9rem;
}

.l-story_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 3.4rem;
  gap: 4rem;
  border-left: 9px solid var(--colorRed);
}

.l-story_content_ttl {
  font-style: italic;
}

.l-story_content_txt {
  margin-top: 1.6rem;
}

.l-story_content_body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.l-story_content_img {
  width: 48.8rem;
  max-width: 100%;
}

.l-story_btn {
  display: block;
  z-index: 10;
  position: relative;
  width: 35rem;
  max-width: 100%;
  height: 6.5rem;
  margin-top: -10rem;
  margin-inline: auto;
  border: 1px solid var(--colorWhite);
  background: var(--colorBlack);
  cursor: pointer;
  -webkit-transition: margin var(--defaultHover);
  transition: margin var(--defaultHover);
  -webkit-transition: background var(--defaultHover),color var(--defaultHover);
  transition: background var(--defaultHover),color var(--defaultHover);
}

.l-story_btn.is-open {
  margin-top: 8rem;
}

.l-story_btn_icon {
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 1.9rem;
  height: 2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: -webkit-transform var(--ease) calc(var(--transition)*2);
  transition: -webkit-transform var(--ease) calc(var(--transition)*2);
  transition: transform var(--ease) calc(var(--transition)*2);
  transition: transform var(--ease) calc(var(--transition)*2), -webkit-transform var(--ease) calc(var(--transition)*2);
}

.l-story_btn_icon.is-active {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.l-voice {
  margin-top: 19rem;
  color: var(--colorWhite);
}

.l-voice_ttl_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 9.6rem);
  max-width: 100%;
  margin-inline: auto;
  padding-bottom: 12rem;
  gap: 11.2rem;
  border-bottom: 1px solid var(--colorWhite);
}

.l-voice_ttl_img {
  width: 45.2rem;
  max-width: 100%;
}

.l-voice_txt_img {
  width: 61.8rem;
  max-width: 100%;
  margin-top: 2.4rem;
}

.l-voice_movie_wrapper {
  margin-top: 10rem;
}

.l-voice_movie_wrapper+.l-voice_movie_wrapper {
  margin-top: 12rem;
}

.l-voice_movie_txt {
  margin-top: 3rem;
  text-align: center;
}

.l-voice_btn {
  display: grid;
  position: relative;
  place-items: center;
  width: 75.8rem;
  max-width: 100%;
  height: 11rem;
  margin-inline: auto;
  -webkit-transition: background var(--defaultHover),color var(--defaultHover);
  transition: background var(--defaultHover),color var(--defaultHover);
}

.l-voice_btn_wrapper {
  padding: 12rem 0;
}

.l-voice_btn_icon {
  position: absolute;
  top: 50%;
  left: 3.5rem;
  width: 1.7rem;
  height: 1.75rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 48em) {
  .l-kv_inner {
    width: calc(100% - 4rem);
    padding-top: 13.1rem;
    padding-bottom: 4rem;
    gap: 5rem;
  }
  .l-kv_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .l-kv_ttl {
    width: 24.5rem;
    margin-left: 0;
  }
  .l-kv_txt_img {
    width: 100%;
  }
  .l-story.is-02,.l-story.is-03 {
    margin-top: 7.9rem;
  }
  .l-story {
    margin-top: 6rem;
  }
  .l-story_content_wrapper {
    max-height: 145rem;
    margin-top: 6rem;
  }
  .l-story_content_wrapper.is-02 {
    max-height: 120rem;
  }
  .l-story_content_wrapper.is-03 {
    max-height: 112rem;
  }
  .l-story_content+.l-story_content {
    margin-top: 8rem;
  }
  .l-story_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding-left: 0;
    gap: 2rem;
    border-left: 0;
  }
  .l-story_content_txt {
    margin-top: 2rem;
  }
  .l-story_btn {
    font-size: 1.8rem;
  }
  .l-story_btn.is-open {
    margin-top: 6rem;
  }
  .l-story_btn_icon {
    right: 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
  }
  .l-voice {
    margin-top: 12rem;
  }
  .l-voice_ttl_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: calc(100% - 4rem);
    padding-bottom: 6rem;
    gap: 4rem;
  }
  .l-voice_ttl_img {
    width: 21.6rem;
    margin-inline: auto;
  }
  .l-voice_txt_img {
    width: 100%;
    margin-top: 0;
  }
  .l-voice_movie_wrapper {
    margin-top: 6rem;
  }
  .l-voice_movie_wrapper+.l-voice_movie_wrapper {
    margin-top: 5.8rem;
  }
  .l-voice_movie_txt {
    margin-top: 2rem;
  }
  .l-voice_btn_wrapper {
    padding: 6rem 0 7.5rem;
  }
  .l-voice_btn {
    height: 6.5rem;
  }
  .l-voice_btn_icon {
    left: 1.8rem;
  }
}

@media (hover: hover) {
  .l-story_btn:hover {
    background-color: var(--colorWhite);
    color: var(--colorBlack);
  }
  .l-voice_btn:hover {
    background-color: var(--colorWhite);
    color: var(--colorBlack);
  }
}