@media print, screen and (min-width: 768px) {
  .interviewSect__head + .interviewSect__cont {
    margin-top: 80px;
  }
}

@media screen and (max-width: 768px) {
  .interviewSect__head + .interviewSect__cont {
    margin-top: calc(60 / 390 * 100vw);
  }
}

.interviewSect__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media print, screen and (min-width: 768px) {
  .interviewSect__cont {
    gap: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
  }
}

@media screen and (max-width: 768px) {
  .interviewSect__cont {
    gap: calc(32 / 390 * 100vw);
    padding: 0 24px;
  }
}

.interviewSect__cont + .interivewSect__head {
  margin-top: 100px;
}

.interviewSect__ttl .heading {
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .interviewSect__ttl .heading {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  .interviewSect__ttl .heading {
    font-size: calc(14 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .interviewSect__item .movieModal, .interviewSect__item .heading {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .interviewSect__item .movieModal, .interviewSect__item .heading {
    margin-top: calc(20 / 390 * 100vw);
  }
}

.interviewSect__item .movieModal {
  width: 100%;
}

.interviewSect__item .movieModal__btn {
  width: 100%;
}

.interviewSect__item .movieModal__btn .photo {
  width: 100%;
}

.interviewSect__item .movieModal__btn .photo__image {
  width: 100%;
}

.interviewSect__item .usableList__inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .interviewSect__item .usableList__inner {
    gap: calc(24 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .interviewSect__item .usableList .descriptionCard {
    width: 480px;
  }
}

@media print, screen and (min-width: 768px) {
  .interviewSect__item .usableList .descriptionCard__visual {
    width: 100%;
  }
}

.interviewSect__item .usableList .descriptionCard__visual .photo {
  border-radius: 0;
}

@media print, screen and (min-width: 768px) {
  .interviewSect__item .usableList .descriptionCard__visual + .descriptionCard__body {
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .interviewSect__item .usableList .descriptionCard__visual + .descriptionCard__body {
    margin-top: calc(10 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .interviewSect__item .usableList .descriptionCard__body .heading {
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  .interviewSect__item .usableList .descriptionCard__body .heading {
    font-size: calc(12 / 390 * 100vw);
  }
}

.interviewSect__item > .heading {
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .interviewSect__item > .heading {
    font-size: 22px;
  }
}

@media screen and (max-width: 768px) {
  .interviewSect__item > .heading {
    font-size: calc(16 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .interview01-01 {
    padding-top: 120px;
  }
}

@media screen and (max-width: 768px) {
  .interview01-01 {
    padding-top: calc(80 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .interview01-02 {
    padding-bottom: 160px;
    padding-top: 120px;
  }
}

@media screen and (max-width: 768px) {
  .interview01-02 {
    padding-bottom: calc(120 / 390 * 100vw);
    padding-top: calc(80 / 390 * 100vw);
  }
}