@charset "UTF-8";
/**
* fonts
* パフォーマンスの観点からfontsはhtml内で記載、またはpreloadします
*/
.interviewDetail {
  padding-top: 128rem;
}

.interviewDetail__kv {
  position: relative;
}
.interviewDetail__kvImage {
  position: relative;
  font-size: 0;
}
.interviewDetail__kvImage img {
  width: 100%;
}

.interviewDetail__number {
  position: absolute;
  z-index: 1;
  top: -44rem;
  left: 0;
  width: 173rem;
}
.interviewDetail__number img {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__number {
    top: -87rem;
    left: 80rem;
    width: 372rem;
  }
}

.interviewDetail__manekky {
  position: absolute;
  z-index: 2;
  bottom: -16rem;
  right: 20rem;
  width: 78rem;
  font-size: 0;
}
.interviewDetail__manekky img {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__manekky {
    bottom: -31rem;
    right: 109rem;
    width: 156rem;
  }
}

.interviewDetail__title {
  position: absolute;
  z-index: 1;
  bottom: 99rem;
  left: 20rem;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__title {
    bottom: 89rem;
    left: 614rem;
  }
}

.interviewDetail__titleInner {
  display: inline-block;
  color: #E83818;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 26rem;
  font-style: normal;
  font-weight: 900;
  line-height: 100%; /* 45rem */
  letter-spacing: 2.6rem;
  text-transform: uppercase;
  margin-bottom: 6rem;
  padding: 2rem 10rem 6rem 10rem;
  background: #FFF;
  backdrop-filter: blur(25rem);
}
.interviewDetail__titleInner:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__titleInner {
    font-size: 40rem;
    letter-spacing: 4rem;
    margin-bottom: 10rem;
  }
  .interviewDetail__titleInner:last-of-type {
    margin-bottom: 0;
  }
}

.interviewDetail__image {
  position: absolute;
  z-index: 2;
  bottom: 199rem;
  left: 20rem;
  width: 136rem;
  font-size: 0;
}
.interviewDetail__image img {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__image {
    bottom: 0;
    left: 216rem;
    width: 340rem;
  }
}

.interviewDetail__label--red {
  background-color: #E83818;
}
.interviewDetail__label--yellow {
  background-color: #F1A408;
}
.interviewDetail__label--orange {
  background-color: #ED770E;
}

.interviewDetail__labelInner {
  display: block;
  padding: 7rem 26rem 7rem 172rem;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__labelInner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 20rem 0 20rem 614rem;
  }
}

.interviewDetail__position {
  display: flex;
  align-items: center;
  color: #FFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.45rem;
  margin-right: 16rem;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__position {
    font-size: 20rem;
    letter-spacing: 0.6rem;
    margin-right: 24rem;
  }
}

.interviewDetail__positionIcon {
  display: none;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__positionIcon {
    display: flex;
    align-items: center;
    width: 18rem;
    height: 18rem;
    margin-right: 24rem;
    font-size: 0;
  }
  .interviewDetail__positionIcon img {
    width: 100%;
  }
}

.interviewDetail__positionName {
  display: flex;
  align-items: center;
  color: #FFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.45rem;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__positionName {
    transform: translateY(-1rem);
    font-size: 20rem;
    letter-spacing: 0.6rem;
  }
}

.interviewDetail__initial {
  display: flex;
  align-items: center;
  color: #FFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20rem;
  font-style: normal;
  font-weight: 900;
  line-height: 135%;
  letter-spacing: 2rem;
  text-transform: uppercase;
  margin-bottom: 4rem;
}
.interviewDetail__initial span {
  font-size: 14rem;
  line-height: 180%;
  font-weight: 700;
  letter-spacing: 0.42rem;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__initial {
    font-size: 20rem;
    letter-spacing: 2rem;
    margin-right: 48rem;
    margin-bottom: 0;
  }
  .interviewDetail__initial span {
    font-size: 16rem;
    letter-spacing: 0.48rem;
  }
}

.interviewDetail__interviewee {
  font-family: "Figtree", sans-serif;
  font-size: 14rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 20rem */
  letter-spacing: 1.8rem;
  text-transform: uppercase;
}
.interviewDetail__interviewee--red {
  color: #FF6246;
}
.interviewDetail__interviewee--yellow {
  color: #FFDB00;
}
.interviewDetail__interviewee--orange {
  color: #FF952C;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__interviewee {
    font-size: 20rem;
    letter-spacing: 2rem;
  }
}

.interviewDetail__overview {
  padding: 40rem 20rem 31rem;
  line-height: 200%; /* 32rem */
  letter-spacing: 0.45rem;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__overview {
    line-height: 200%; /* 32rem */
    letter-spacing: 0.48rem;
    padding: 40rem 180rem 0 614rem;
  }
}

.interviewDetail__heading {
  color: #EDE7DA;
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 63rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 122rem */
  letter-spacing: 6.3rem;
  text-transform: uppercase;
  overflow: hidden;
  padding-bottom: 32rem;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__heading {
    font-size: 122rem;
    letter-spacing: 12.2rem;
    padding: 80rem 0 72rem;
  }
}

.interviewDetail__box {
  display: flex;
  flex-direction: column-reverse;
}
.interviewDetail__box--reverse {
  flex-direction: column;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__box {
    flex-direction: row;
  }
  .interviewDetail__box--reverse {
    flex-direction: row;
  }
}

.interviewDetail__textarea {
  background: #FFF;
  padding: 40rem 20rem;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__textarea {
    width: 720rem;
    padding: 82rem 60rem;
  }
}

.interviewDetail__fukidashi {
  position: relative;
  z-index: 0;
  margin-bottom: 33rem;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__fukidashi {
    margin-bottom: 65rem;
  }
}

.interviewDetail__question {
  display: flex;
  align-items: center;
  color: #F1A408;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16rem;
  font-style: normal;
  font-weight: 900;
  line-height: 120%;
  letter-spacing: 1.6rem;
  margin-bottom: 24rem;
}
.interviewDetail__question--red {
  color: #E83818;
}
.interviewDetail__question--orange {
  color: #ED770E;
}
.interviewDetail__question span {
  display: flex;
  align-items: center;
  margin-right: 16rem;
  min-width: 32rem;
  width: 32rem;
}
.interviewDetail__question span img {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__question {
    font-size: 20rem;
    line-height: 135%;
    padding: 0 38rem 0 50rem;
    letter-spacing: 2rem;
  }
  .interviewDetail__question span {
    width: 32rem;
  }
  .interviewDetail__question span img {
    width: 100%;
  }
}

.interviewDetail__answer {
  color: #313232;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16rem;
  font-style: normal;
  font-weight: 500;
  line-height: 200%; /* 32rem */
  letter-spacing: 0.48rem;
  margin-bottom: 40rem;
}
.interviewDetail__answer:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__answer {
    margin-bottom: 48rem;
    padding: 0 50rem;
  }
  .interviewDetail__answer:last-of-type {
    margin-bottom: 0;
  }
}

.interviewDetail__boxImage {
  font-size: 0;
}
.interviewDetail__boxImage img {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__boxImage {
    width: 720rem;
    height: 100vh;
    position: sticky;
    top: 0;
  }
  .interviewDetail__boxImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.interviewDetail__favorite {
  background-image: url("../images/interview/favorite_bg_sp.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  text-align: center;
  padding: 0 20rem 40rem;
  border-top: 2rem solid #EDE7DA;
  border-bottom: 2rem solid #EDE7DA;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__favorite {
    background-image: url("../images/interview/favorite_bg.jpg");
    padding: 0;
    padding-top: 17rem;
  }
}

.interviewDetail__imageLg {
  display: block;
  width: 100%;
  font-size: 0;
}
.interviewDetail__imageLg img {
  width: 100%;
}
.interviewDetail__message {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15rem;
  font-style: normal;
  font-weight: 700;
  line-height: 200%; /* 32rem */
  letter-spacing: 0.45rem;
  padding: 40rem 20rem;
  background-color: #FFFFFF;
}
.interviewDetail__message--red {
  color: #E83818;
}
.interviewDetail__message--yellow {
  color: #F1A408;
}
.interviewDetail__message--orange {
  color: #ED770E;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__message {
    font-size: 16rem;
    letter-spacing: 0.48rem;
    padding: 80rem 360rem;
  }
}

.interviewDetail__favoriteHeading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18rem;
  font-style: normal;
  font-weight: 900;
  line-height: 135%; /* 27rem */
  letter-spacing: 1.44rem;
  text-transform: uppercase;
  background: #EDE7DA;
  color: #E83818;
  backdrop-filter: blur(25rem);
  display: inline-block;
  transform: translateY(-18rem);
  padding: 4rem 10rem 6rem 10rem;
}
.interviewDetail__favoriteHeading--red {
  color: #E83818;
}
.interviewDetail__favoriteHeading--yellow {
  color: #F1A408;
}
.interviewDetail__favoriteHeading--orange {
  color: #ED770E;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__favoriteHeading {
    font-size: 20rem;
    padding: 4rem 10rem 6rem 10rem;
    transform: translateY(-35rem);
  }
}

.interviewDetail__favoriteInner {
  display: block;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__favoriteInner {
    display: flex;
    padding: 0 264rem 0 334rem;
  }
}

.interviewDetail__favoriteImage {
  font-size: 0;
  width: 100%;
  padding: 0 20rem;
}
.interviewDetail__favoriteImage--03 {
  transform: translateX(-17rem);
}
.interviewDetail__favoriteImage img {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__favoriteImage {
    width: 352rem;
    padding: 0;
    margin-top: -55rem;
  }
  .interviewDetail__favoriteImage--03 {
    transform: translateX(0);
  }
}

@media only screen and (min-width: 769px) {
  .interviewDetail__favoriteTextarea {
    width: 500rem;
    padding-top: 20rem;
  }
}

.interviewDetail__favoriteSong {
  display: flex;
  align-items: center;
  border-radius: 80rem;
  padding: 8rem;
  background: #FFF;
  margin-bottom: 24rem;
}
.interviewDetail__favoriteSong--red {
  color: #E83818;
  border: 2rem solid #E83818;
}
.interviewDetail__favoriteSong--yellow {
  color: #F1A408;
  border: 2rem solid #F1A408;
}
.interviewDetail__favoriteSong--orange {
  color: #ED770E;
  border: 2rem solid #ED770E;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__favoriteSong {
    position: relative;
  }
}

.interviewDetail__favoriteSongCircle {
  display: none;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__favoriteSongCircle {
    display: block;
    position: absolute;
    z-index: 1;
    top: 21rem;
    left: -51rem;
  }
}

.interviewDetail__favoriteSongIcon {
  display: flex;
  width: 56rem;
  margin-right: 16rem;
}
.interviewDetail__favoriteSongIcon img {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__favoriteSongIcon {
    margin-right: 24rem;
  }
}

.interviewDetail__favoriteSongTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16rem;
  font-style: normal;
  font-weight: 900;
  line-height: 100%; /* 18rem */
  letter-spacing: 0.64rem;
  text-align: left;
  margin-bottom: -8rem;
}
.interviewDetail__favoriteSongTitle span {
  font-size: 14rem;
  line-height: 200%; /* 28rem */
  font-weight: 700;
  letter-spacing: 0.42rem;
  display: block;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__favoriteSongTitle {
    font-size: 18rem;
    letter-spacing: 0.72rem;
    padding-top: 8rem;
    margin-bottom: 0;
  }
  .interviewDetail__favoriteSongTitle--noTop {
    padding-top: 0;
  }
  .interviewDetail__favoriteSongTitle span {
    font-size: 15rem;
    letter-spacing: 0.45rem;
  }
}

.interviewDetail__favoriteText {
  color: #313232;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15rem;
  font-style: normal;
  font-weight: 500;
  line-height: 200%; /* 32rem */
  letter-spacing: 0.45rem;
  text-align: left;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__favoriteText {
    font-size: 16rem;
    letter-spacing: 0.48rem;
  }
}

.interviewDetail__archiveHeading {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  background-color: #F9F7F2;
  padding: 80rem 0 152rem;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__archiveHeading {
    padding: 128rem 0 152rem;
  }
}

.interviewDetail__archiveHeadingBg {
  width: 100%;
}
.interviewDetail__archiveHeadingBg img {
  width: 100%;
}

.interviewDetail__archiveTitle {
  position: absolute;
  z-index: 1;
  padding: 2rem 10rem 6rem 10rem;
  background: #FFF;
  backdrop-filter: blur(25rem);
  color: #E83818;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20rem;
  font-style: normal;
  font-weight: 900;
  line-height: 100%; /* 28rem */
  letter-spacing: 2rem;
  text-transform: uppercase;
  top: 100rem;
  width: 220rem;
  left: 0;
  right: 0;
  margin: auto;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__archiveTitle {
    font-size: 28rem;
    letter-spacing: 2.8rem;
    top: 175rem;
    width: 300rem;
  }
}

.interviewDetail__swiper.interviewSlider__swiper {
  padding: 400rem 0 112rem;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__swiper.interviewSlider__swiper {
    padding: 560rem 0 160rem;
  }
}

.interviewDetail__swiperBg {
  background-color: #EDE7DA;
}

.interviewDetail__swiper .interviewDetail__swiperFukidashi {
  top: 230rem;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__swiper .interviewDetail__swiperFukidashi {
    top: 343rem;
  }
}

.interviewDetail__swiper .interviewDetail__swiperFukidashi .pagination__image {
  width: 320rem;
  height: auto;
  margin: auto;
  opacity: 1;
  transition: opacity 0.5s ease;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__swiper .interviewDetail__swiperFukidashi .pagination__image {
    width: 720rem;
  }
}

.pagination__wrapper {
  position: relative;
  width: 100%; /* 画像サイズに合わせて調整 */
  height: 300rem; /* 画像サイズに合わせて調整 */
  margin: 0 auto;
}

.pagination__new {
  opacity: 0;
}

.pagination__fadeout {
  opacity: 0;
}

.interviewDetail__next.swiper-button-next, .swiper-rtl .swiper-button-prev {
  top: 569rem;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__next.swiper-button-next, .swiper-rtl .swiper-button-prev {
    top: 382rem;
  }
}

.interviewDetail__prev.swiper-button-prev, .swiper-rtl .swiper-button-next {
  top: 569rem;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__prev.swiper-button-prev, .swiper-rtl .swiper-button-next {
    top: 382rem;
  }
}

.interviewDetail__button {
  background-color: #EDE7DA;
}
.interviewDetail__button a {
  background-color: #E83818;
}
.interviewDetail__button .button__text {
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .interviewDetail__button {
    bottom: -33rem;
  }
}