@media screen and (min-width: 960px), print {
  #contents.interview #archive {
    margin-top: 100px;
  }
}
@media screen and (max-width: 959px) {
  #contents.interview #archive {
    margin-top: 13.33333vw;
  }
}
#contents.interview #archive .archive__lead {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media screen and (min-width: 960px), print {
  #contents.interview #archive .archive__lead {
    font-size: 180%;
  }
}
@media screen and (max-width: 959px) {
  #contents.interview #archive .archive__lead {
    font-size: 280%;
  }
}
@media screen and (min-width: 960px), print {
  #contents.interview #archive .archive__lead {
    line-height: 1.8;
    text-align: center;
  }
}
@media screen and (max-width: 959px) {
  #contents.interview #archive .archive__lead {
    line-height: 1.5;
    text-align: left;
  }
}
#contents.interview #archive .archive__list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 960px), print {
  #contents.interview #archive .archive__list {
    margin-top: 100px;
  }
}
@media screen and (max-width: 959px) {
  #contents.interview #archive .archive__list {
    margin-top: 13.33333vw;
  }
}
#contents.interview #archive .archive__list .card {
  overflow: hidden;
  position: relative;
  display: block;
  color: inherit;
  border: 1px solid #CDD8E3;
}
#contents.interview #archive .archive__list .card .card__image {
  width: 100%;
}
#contents.interview #archive .archive__list .card .card__image picture, #contents.interview #archive .archive__list .card .card__image img {
  display: block;
  width: 100%;
}
#contents.interview #archive .archive__list .card .card__body {
  width: 100%;
  line-height: 1.5;
}
@media screen and (min-width: 960px), print {
  #contents.interview #archive .archive__list .card .card__body .card__catch {
    margin-top: 15px;
  }
}
@media screen and (max-width: 959px) {
  #contents.interview #archive .archive__list .card .card__body .card__catch {
    margin-top: 4vw;
  }
}
#contents.interview #archive .archive__list .card .card__body .card__catch {
  font-family: "Noto Serif JP", serif;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 960px), print {
  #contents.interview #archive .archive__list .card .card__body .card__catch {
    font-size: 240%;
  }
}
@media screen and (max-width: 959px) {
  #contents.interview #archive .archive__list .card .card__body .card__catch {
    font-size: 400%;
  }
}
#contents.interview #archive .archive__list .card .card__body .card__catch {
  color: #1255A2;
}
@media screen and (min-width: 960px), print {
  #contents.interview #archive .archive__list .card .card__body .card__meta-wrap .card__meta {
    margin-top: 15px;
  }
}
@media screen and (max-width: 959px) {
  #contents.interview #archive .archive__list .card .card__body .card__meta-wrap .card__meta {
    margin-top: 5.33333vw;
  }
}
#contents.interview #archive .archive__list .card .card__body .card__meta-wrap .card__meta {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media screen and (min-width: 960px), print {
  #contents.interview #archive .archive__list .card .card__body .card__meta-wrap .card__meta {
    font-size: 140%;
  }
}
@media screen and (max-width: 959px) {
  #contents.interview #archive .archive__list .card .card__body .card__meta-wrap .card__meta {
    font-size: 260%;
  }
}
@media screen and (max-width: 959px) {
  #contents.interview #archive .archive__list .card .card__body .card__meta-wrap .card__meta {
    margin-bottom: 4vw;
  }
}
#contents.interview #archive .archive__list .card::after {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
  background-image: linear-gradient(90deg, #1255A2, #1C8DB7);
}
@media screen and (min-width: 960px), print {
  #contents.interview #archive .archive__list .card::after {
    width: 36px;
  }
}
@media screen and (max-width: 959px) {
  #contents.interview #archive .archive__list .card::after {
    width: 8.66667vw;
  }
}
@media screen and (min-width: 960px), print {
  #contents.interview #archive .archive__list .card::after {
    min-width: 36px;
  }
}
@media screen and (max-width: 959px) {
  #contents.interview #archive .archive__list .card::after {
    min-width: 8.66667vw;
  }
}
@media screen and (min-width: 960px), print {
  #contents.interview #archive .archive__list .card::after {
    height: 36px;
  }
}
@media screen and (max-width: 959px) {
  #contents.interview #archive .archive__list .card::after {
    height: 8.66667vw;
  }
}
#contents.interview #archive .archive__list .card::before {
  content: "";
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
  border-style: solid;
  border-color: #fff;
  transform: rotate(-45deg);
}
@media screen and (min-width: 960px), print {
  #contents.interview #archive .archive__list .card::before {
    right: 15px;
    bottom: 14px;
    width: 8px;
    height: 8px;
    border-width: 0 2px 2px 0;
  }
}
@media screen and (max-width: 959px) {
  #contents.interview #archive .archive__list .card::before {
    right: 3.73333vw;
    bottom: 3.4vw;
    width: 1.86667vw;
    height: 1.86667vw;
    border-width: 0 0.4vw 0.4vw 0;
  }
}
@media screen and (min-width: 960px), print {
  #contents.interview #archive .archive__list {
    gap: 45px;
  }
  #contents.interview #archive .archive__list .card {
    padding: 29px;
    width: calc(33.3333333333% - 30px);
  }
}
@media screen and (max-width: 959px) {
  #contents.interview #archive .archive__list {
    gap: 5.33333vw;
  }
  #contents.interview #archive .archive__list .card {
    padding: 6.66667vw;
    width: 100%;
  }
}
@media screen and (min-width: 960px), print {
  #contents.interview [data-hs-corp] {
    padding-top: 160px;
  }
}
@media screen and (max-width: 959px) {
  #contents.interview [data-hs-corp] {
    padding-top: 10.66667vw;
  }
}