.page-interview {
  background-color: #F8F9FA;
}
@media screen and (min-width: 1024px) {
  .page-interview {
    padding-bottom: calc(clamp(0px, 4.8387096774cqw, 60px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview {
    flex-direction: column;
    padding-bottom: calc(clamp(0px, 10.2564102564cqw, 10.2564102564cqw) * 1);
  }
}
.page-interview .page-layout {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .page-interview .page-layout {
    flex-direction: column;
  }
}
.page-interview .page-layout__main {
  background: #ffffff;
}
@media screen and (min-width: 1024px) {
  .page-interview .page-layout__main {
    width: calc(clamp(0px, 69.3548387097cqw, 860px) * 1);
    padding-top: calc(clamp(0px, 4.8387096774cqw, 60px) * 1);
    padding-inline: calc(clamp(0px, 4.8387096774cqw, 60px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .page-layout__main {
    margin-inline: calc(clamp(0px, 3.8461538462cqw, 3.8461538462cqw) * -1);
    padding-top: calc(clamp(0px, 7.6923076923cqw, 7.6923076923cqw) * 1);
    padding-inline: calc(clamp(0px, 5.1282051282cqw, 5.1282051282cqw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .page-interview .page-layout__side {
    width: calc(clamp(0px, 24.1935483871cqw, 300px) * 1);
    position: sticky;
    align-self: flex-end;
    bottom: calc(clamp(0px, 8.064516129cqw, 100px) * 1);
  }
}
.page-interview .article__title {
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__title {
    font-size: calc(clamp(0px, 2.5806451613cqw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__title {
    font-size: calc(clamp(0px, 5.1282051282cqw, 5.1282051282cqw) * 1);
  }
}
.page-interview .article__date {
  color: #6F6F6F;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__date {
    margin-top: calc(clamp(0px, 0.9677419355cqw, 12px) * 1);
    font-size: calc(clamp(0px, 1.1290322581cqw, 14px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__date {
    margin-top: calc(clamp(0px, 3.0769230769cqw, 3.0769230769cqw) * 1);
    font-size: calc(clamp(0px, 3.5897435897cqw, 3.5897435897cqw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .page-interview .article__tags {
    margin-top: calc(clamp(0px, 0.9677419355cqw, 12px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__tags {
    margin-top: calc(clamp(0px, 3.0769230769cqw, 3.0769230769cqw) * 1);
  }
}
.page-interview .article__tags ul {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__tags ul {
    gap: calc(clamp(0px, 0.3225806452cqw, 4px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__tags ul {
    gap: calc(clamp(0px, 1.0256410256cqw, 1.0256410256cqw) * 1);
  }
}
.page-interview .article__tags li {
  display: flex;
  align-items: center;
  color: #495A64;
  background: #F7F8F9;
  border: 1px solid #495A64;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__tags li {
    height: calc(clamp(0px, 2.4193548387cqw, 30px) * 1);
    padding-inline: calc(clamp(0px, 1.6129032258cqw, 20px) * 1);
    border-radius: calc(clamp(0px, 1.2096774194cqw, 15px) * 1);
    font-size: calc(clamp(0px, 0.9677419355cqw, 12px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__tags li {
    height: calc(clamp(0px, 6.1538461538cqw, 6.1538461538cqw) * 1);
    padding-inline: calc(clamp(0px, 3.0769230769cqw, 3.0769230769cqw) * 1);
    border-radius: calc(clamp(0px, 3.0769230769cqw, 3.0769230769cqw) * 1);
    font-size: calc(clamp(0px, 2.5641025641cqw, 2.5641025641cqw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .page-interview .article__image {
    margin-top: calc(clamp(0px, 2.5806451613cqw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__image {
    margin-top: calc(clamp(0px, 6.1538461538cqw, 6.1538461538cqw) * 1);
  }
}
.page-interview .article__description {
  line-height: 2;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__description {
    margin-top: calc(clamp(0px, 2.5806451613cqw, 32px) * 1);
    font-size: calc(clamp(0px, 1.1290322581cqw, 14px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__description {
    margin-top: calc(clamp(0px, 6.1538461538cqw, 6.1538461538cqw) * 1);
    font-size: calc(clamp(0px, 3.5897435897cqw, 3.5897435897cqw) * 1);
  }
}
.page-interview .article__profile {
  background-color: #F2F2F2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__profile {
    margin-top: calc(clamp(0px, 5.1612903226cqw, 64px) * 1);
    padding: calc(clamp(0px, 2.5806451613cqw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__profile {
    margin-top: calc(clamp(0px, 8.2051282051cqw, 8.2051282051cqw) * 1);
    padding: calc(clamp(0px, 3.8461538462cqw, 3.8461538462cqw) * 1);
    flex-direction: column;
    gap: calc(clamp(0px, 2.5641025641cqw, 2.5641025641cqw) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__profile__img {
    order: 2;
    align-self: center;
  }
}
.page-interview .article__profile__img img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__profile__img img {
    width: calc(clamp(0px, 11.2903225806cqw, 140px) * 1);
    height: calc(clamp(0px, 11.2903225806cqw, 140px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__profile__img img {
    width: calc(clamp(0px, 30.7692307692cqw, 30.7692307692cqw) * 1);
    height: calc(clamp(0px, 30.7692307692cqw, 30.7692307692cqw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .page-interview .article__profile__txt {
    width: calc(clamp(0px, 41.6129032258cqw, 516px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__profile__txt {
    display: contents;
  }
}
.page-interview .article__profile__name {
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__profile__name {
    font-size: calc(clamp(0px, 1.2903225806cqw, 16px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__profile__name {
    order: 1;
    font-size: calc(clamp(0px, 4.6153846154cqw, 4.6153846154cqw) * 1);
  }
}
.page-interview .article__profile__text {
  line-height: 1.8;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__profile__text {
    margin-top: calc(clamp(0px, 1.2903225806cqw, 16px) * 1);
    font-size: calc(clamp(0px, 0.9677419355cqw, 12px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__profile__text {
    order: 3;
    font-size: calc(clamp(0px, 3.0769230769cqw, 3.0769230769cqw) * 1);
  }
}
.page-interview .article__course {
  position: relative;
  background-color: #FBF4FF;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__course {
    margin-top: calc(clamp(0px, 8.064516129cqw, 100px) * 1);
    margin-inline: calc(clamp(0px, 4.8387096774cqw, 60px) * -1);
    padding-block: calc(clamp(0px, 4.8387096774cqw, 60px) * 1);
    padding-inline: calc(clamp(0px, 4.8387096774cqw, 60px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__course {
    margin-top: calc(clamp(0px, 10.2564102564cqw, 10.2564102564cqw) * 1);
    margin-inline: calc(clamp(0px, 5.1282051282cqw, 5.1282051282cqw) * -1);
    padding-block: calc(clamp(0px, 7.6923076923cqw, 7.6923076923cqw) * 1) calc(clamp(0px, 5.1282051282cqw, 5.1282051282cqw) * 1);
    padding-inline: calc(clamp(0px, 5.1282051282cqw, 5.1282051282cqw) * 1);
  }
}
.page-interview .article__course__title {
  color: #4A33B9;
  font-weight: 600;
  line-height: 150%;
  display: flex;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__course__title {
    font-size: calc(clamp(0px, 1.4516129032cqw, 18px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__course__title {
    font-size: calc(clamp(0px, 3.8461538462cqw, 3.8461538462cqw) * 1);
    justify-content: center;
  }
}
.page-interview .article__course__title div {
  position: relative;
  padding-left: 1.5em;
}
.page-interview .article__course__title div:before {
  content: "";
  position: absolute;
  left: 0;
  margin-top: 0.25em;
  display: block;
  width: 1em;
  height: 1em;
  background: url(../img/article/icon-course.svg) no-repeat center/contain;
}
@media screen and (max-width: 1023px) {
  .page-interview .article__course__title span {
    font-size: calc(clamp(0px, 4.6153846154cqw, 4.6153846154cqw) * 1);
  }
}
.page-interview .article__course__list {
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__course__list {
    margin-top: calc(clamp(0px, 1.935483871cqw, 24px) * 1);
    margin-left: calc(clamp(0px, 4.8387096774cqw, 60px) * -1);
    margin-right: calc(clamp(0px, 4.8387096774cqw, 60px) * -1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__course__list {
    margin-top: calc(clamp(0px, 5.1282051282cqw, 5.1282051282cqw) * 1);
    margin-left: calc(clamp(0px, 5.1282051282cqw, 5.1282051282cqw) * -1);
    margin-right: calc(clamp(0px, 5.1282051282cqw, 5.1282051282cqw) * -1);
  }
}
.page-interview .article__course__slider {
  overflow: visible;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__course__slider {
    width: calc(clamp(0px, 61.2096774194cqw, 759px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__course__slider {
    width: calc(clamp(0px, 76.9230769231cqw, 76.9230769231cqw) * 1);
  }
}
.page-interview .article__course__item {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__course__item {
    width: calc(clamp(0px, 18.7903225806cqw, 233px) * 1);
    margin-left: calc(clamp(0px, 0.8064516129cqw, 10px) * 1);
    margin-right: calc(clamp(0px, 0.8064516129cqw, 10px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__course__item {
    width: calc(clamp(0px, 71.7948717949cqw, 71.7948717949cqw) * 1);
    margin-left: calc(clamp(0px, 2.5641025641cqw, 2.5641025641cqw) * 1);
    margin-right: calc(clamp(0px, 2.5641025641cqw, 2.5641025641cqw) * 1);
  }
}
.page-interview .article__course__panel {
  display: block;
  background: #ffffff;
}
.page-interview .article__course__txt {
  line-height: 1.5em;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__course__txt {
    padding: calc(clamp(0px, 1.6129032258cqw, 20px) * 1);
    font-size: calc(clamp(0px, 1.1290322581cqw, 14px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__course__txt {
    padding: calc(clamp(0px, 5.1282051282cqw, 5.1282051282cqw) * 1);
    font-size: calc(clamp(0px, 3.5897435897cqw, 3.5897435897cqw) * 1);
  }
}
.page-interview .article__course__txt div {
  height: 3em;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page-interview .article__course__navi {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__course__navi {
    position: absolute;
    top: calc(clamp(0px, 4.0322580645cqw, 50px) * 1);
    right: calc(clamp(0px, 4.8387096774cqw, 60px) * 1);
    gap: calc(clamp(0px, 1.2903225806cqw, 16px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__course__navi {
    margin-top: calc(clamp(0px, 5.1282051282cqw, 5.1282051282cqw) * 1);
    gap: calc(clamp(0px, 2.5641025641cqw, 2.5641025641cqw) * 1);
  }
}
.page-interview .article__course__prev,
.page-interview .article__course__next {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #4A33B9;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__course__prev,
  .page-interview .article__course__next {
    width: calc(clamp(0px, 3.2258064516cqw, 40px) * 1);
    height: calc(clamp(0px, 3.2258064516cqw, 40px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__course__prev,
  .page-interview .article__course__next {
    width: calc(clamp(0px, 7.6923076923cqw, 7.6923076923cqw) * 1);
    height: calc(clamp(0px, 7.6923076923cqw, 7.6923076923cqw) * 1);
  }
}
.page-interview .article__course__prev.swiper-button-lock,
.page-interview .article__course__next.swiper-button-lock {
  display: none;
}
.page-interview .article__course__prev.swiper-button-disabled,
.page-interview .article__course__next.swiper-button-disabled {
  opacity: 0.5;
}
.page-interview .article__course__prev:before,
.page-interview .article__course__next:before {
  content: "";
  width: 20%;
  height: 20%;
  border-top: 2px solid #4A33B9;
  border-left: 2px solid #4A33B9;
}
.page-interview .article__course__prev:before {
  margin-left: calc(clamp(0px, 0.3225806452cqw, 4px) * 1);
  transform: rotate(-45deg);
}
.page-interview .article__course__next:before {
  margin-right: calc(clamp(0px, 0.3225806452cqw, 4px) * 1);
  transform: rotate(135deg);
}
.page-interview .article__course__pagination {
  width: auto;
  position: static;
  display: flex;
  gap: 0;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__course__pagination {
    margin-top: calc(clamp(0px, 3.2258064516cqw, 40px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__course__pagination {
    margin-top: calc(clamp(0px, 5.1282051282cqw, 5.1282051282cqw) * 1);
    margin-inline: calc(clamp(0px, 8.9743589744cqw, 8.9743589744cqw) * 1);
  }
}
.page-interview .article__course__pagination > span {
  flex: 1;
  width: auto;
  border-radius: 0;
  margin: 0 !important;
  background: #cccccc;
  transition: background 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__course__pagination > span {
    height: calc(clamp(0px, 0.1612903226cqw, 2px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__course__pagination > span {
    height: calc(clamp(0px, 0.5128205128cqw, 0.5128205128cqw) * 1);
  }
}
.page-interview .article__course__pagination > span.swiper-pagination-bullet-active {
  background: #4A33B9;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__interview {
    padding-top: calc(clamp(0px, 8.064516129cqw, 100px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__interview {
    padding-top: calc(clamp(0px, 10.2564102564cqw, 10.2564102564cqw) * 1);
  }
}
.page-interview .article__interview__title {
  padding-left: 1em;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__interview__title {
    font-size: calc(clamp(0px, 1.7741935484cqw, 22px) * 1);
    border-left: calc(clamp(0px, 0.4032258065cqw, 5px) * 1) solid #4A33B9;
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__interview__title {
    font-size: calc(clamp(0px, 4.6153846154cqw, 4.6153846154cqw) * 1);
    border-left: calc(clamp(0px, 0.7692307692cqw, 0.7692307692cqw) * 1) solid #4A33B9;
  }
}
@media screen and (min-width: 1024px) {
  .page-interview .article__interview__title:not(:first-child) {
    margin-top: calc(clamp(0px, 7.7419354839cqw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__interview__title:not(:first-child) {
    margin-top: calc(clamp(0px, 15.3846153846cqw, 15.3846153846cqw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .page-interview .article__interview__title + .article__interview__txt-q {
    margin-top: calc(clamp(0px, 2.5806451613cqw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__interview__title + .article__interview__txt-q {
    margin-top: calc(clamp(0px, 5.1282051282cqw, 5.1282051282cqw) * 1);
  }
}
.page-interview .article__interview__txt-q {
  position: relative;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__interview__txt-q {
    margin-top: calc(clamp(0px, 5.1612903226cqw, 64px) * 1);
    padding-left: 2.5em;
    font-size: calc(clamp(0px, 1.4516129032cqw, 18px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__interview__txt-q {
    margin-top: calc(clamp(0px, 7.6923076923cqw, 7.6923076923cqw) * 1);
    padding-left: 1.5em;
    font-size: calc(clamp(0px, 3.5897435897cqw, 3.5897435897cqw) * 1);
  }
}
.page-interview .article__interview__txt-q:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.75em;
  height: 1px;
  background: #000;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__interview__txt-q:before {
    width: 2em;
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__interview__txt-q:before {
    width: 1em;
  }
}
.page-interview .article__interview__txt-a {
  line-height: 2;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__interview__txt-a {
    margin-top: calc(clamp(0px, 2.5806451613cqw, 32px) * 1);
    font-size: calc(clamp(0px, 1.1290322581cqw, 14px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__interview__txt-a {
    margin-top: calc(clamp(0px, 3.8461538462cqw, 3.8461538462cqw) * 1);
    font-size: calc(clamp(0px, 3.3333333333cqw, 3.3333333333cqw) * 1);
  }
}
.page-interview .article__interview__txt-a h1,
.page-interview .article__interview__txt-a h2,
.page-interview .article__interview__txt-a h3,
.page-interview .article__interview__txt-a h4,
.page-interview .article__interview__txt-a h5,
.page-interview .article__interview__txt-a h6 {
  margin-top: 2.5em;
  margin-bottom: 1em;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__interview__txt-a h1 {
    font-size: 2em;
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__interview__txt-a h1 {
    font-size: 1.8em;
  }
}
.page-interview .article__interview__txt-a h2 {
  display: flex;
  padding-bottom: 0.5em;
  border-bottom: 2px solid #A435F0;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__interview__txt-a h2 {
    font-size: 1.6em;
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__interview__txt-a h2 {
    font-size: 1.4em;
  }
}
.page-interview .article__interview__txt-a h2:before {
  content: "\e100";
  font-family: "icomoon";
  font-size: 0.9em;
  color: #A435F0;
  margin-right: 0.5em;
  flex-shrink: 1;
}
.page-interview .article__interview__txt-a h3 {
  padding-left: 3em;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__interview__txt-a h3 {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__interview__txt-a h3 {
    font-size: 1.2em;
  }
}
.page-interview .article__interview__txt-a h3:before {
  content: "";
  position: relative;
  top: 0.7em;
  display: block;
  margin-left: -3em;
  width: 2.5em;
  height: 1px;
  background-color: #333333;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__interview__txt-a h4 {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__interview__txt-a h4 {
    font-size: 1.2em;
  }
}
.page-interview .article__interview__txt-a h5 {
  font-size: 1em;
}
.page-interview .article__interview__txt-a h6 {
  font-size: 1em;
}
.page-interview .article__interview__txt-a figcaption {
  margin-top: 0.5em;
  font-size: 0.8em;
  text-align: center;
}
.page-interview .article__interview__txt-a p {
  min-height: 1em;
}
.page-interview .article__interview__txt-a a {
  color: #0068B8;
  text-decoration: underline;
}
.page-interview .article__interview__txt-a b,
.page-interview .article__interview__txt-a strong {
  font-weight: bold;
}
.page-interview .article__interview__txt-a em {
  color: unset;
  font-style: italic;
}
.page-interview .article__interview__txt-a ul,
.page-interview .article__interview__txt-a ol,
.page-interview .article__interview__txt-a li {
  margin: revert;
  padding: revert;
  list-style-type: revert;
}
.page-interview .article__interview__txt-a ul,
.page-interview .article__interview__txt-a ol {
  padding-left: 1.5em;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__interview__txt-a img {
    border-radius: calc(clamp(0px, 0.8064516129cqw, 10px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__interview__txt-a img {
    border-radius: calc(clamp(0px, 2.5641025641cqw, 2.5641025641cqw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .page-interview .article__interview__img {
    margin-top: calc(clamp(0px, 2.5806451613cqw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__interview__img {
    margin-top: calc(clamp(0px, 7.6923076923cqw, 7.6923076923cqw) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .other-post {
    margin-top: calc(clamp(0px, 10.2564102564cqw, 10.2564102564cqw) * 1);
    margin-left: calc(clamp(0px, 3.8461538462cqw, 3.8461538462cqw) * 1);
    margin-right: calc(clamp(0px, 3.8461538462cqw, 3.8461538462cqw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .page-interview .other-post:not(:first-child) {
    margin-top: calc(clamp(0px, 5.6451612903cqw, 70px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .other-post:not(:first-child) {
    margin-top: calc(clamp(0px, 10.2564102564cqw, 10.2564102564cqw) * 1);
  }
}
.page-interview .other-post__title {
  --type-color: #000;
  font-weight: bold;
  border-bottom: 2px solid var(--type-color);
  display: flex;
  align-items: flex-start;
  line-height: 1.5;
  color: var(--type-color);
}
@media screen and (min-width: 1024px) {
  .page-interview .other-post__title {
    gap: calc(clamp(0px, 0.8064516129cqw, 10px) * 1);
    margin-bottom: calc(clamp(0px, 0.8064516129cqw, 10px) * 1);
    font-size: calc(clamp(0px, 1.5322580645cqw, 19px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .other-post__title {
    gap: calc(clamp(0px, 2.5641025641cqw, 2.5641025641cqw) * 1);
    margin-bottom: calc(clamp(0px, 2.5641025641cqw, 2.5641025641cqw) * 1);
    font-size: calc(clamp(0px, 4.6153846154cqw, 4.6153846154cqw) * 1);
  }
}
.page-interview .other-post__title:before {
  content: "";
  display: block;
  width: 1em;
  height: 1.5em;
  background-repeat: no-repeat;
  background-position: center;
}
.page-interview .other-post__title--ranking:before {
  background-image: url(../img/article/icon-ranking.svg);
}
@media screen and (min-width: 1024px) {
  .page-interview .other-post__title--ranking:before {
    background-size: calc(clamp(0px, 1.6129032258cqw, 20px) * 1) auto;
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .other-post__title--ranking:before {
    background-size: calc(clamp(0px, 5.1282051282cqw, 5.1282051282cqw) * 1) auto;
  }
}
.page-interview .other-post__title--related:before {
  background-image: url(../img/article/icon-related.svg);
}
@media screen and (min-width: 1024px) {
  .page-interview .other-post__title--related:before {
    background-size: calc(clamp(0px, 1.2096774194cqw, 15px) * 1) auto;
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .other-post__title--related:before {
    background-size: calc(clamp(0px, 3.8461538462cqw, 3.8461538462cqw) * 1) auto;
  }
}
.page-interview .other-post__title--newest:before {
  background-image: url(../img/article/icon-newest.svg);
}
@media screen and (min-width: 1024px) {
  .page-interview .other-post__title--newest:before {
    background-size: calc(clamp(0px, 1.6129032258cqw, 20px) * 1) auto;
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .other-post__title--newest:before {
    background-size: calc(clamp(0px, 5.1282051282cqw, 5.1282051282cqw) * 1) auto;
  }
}
.page-interview .other-post__panel {
  display: flex;
  flex-direction: column;
}
.page-interview .other-post__panel__item {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 1024px) {
  .page-interview .other-post__panel__item {
    margin-top: calc(clamp(0px, 0.8064516129cqw, 10px) * 1);
    margin-bottom: calc(clamp(0px, 0.8064516129cqw, 10px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .other-post__panel__item {
    margin-top: calc(clamp(0px, 2.5641025641cqw, 2.5641025641cqw) * 1);
    margin-bottom: calc(clamp(0px, 2.5641025641cqw, 2.5641025641cqw) * 1);
  }
}
.page-interview .other-post__panel__box {
  display: block;
  background: #ffffff;
}
@media screen and (min-width: 1024px) {
  .page-interview .other-post__panel__txt {
    padding: calc(clamp(0px, 1.6129032258cqw, 20px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .other-post__panel__txt {
    padding: calc(clamp(0px, 5.1282051282cqw, 5.1282051282cqw) * 1);
  }
}
.page-interview .other-post__panel__title {
  height: 3;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .page-interview .other-post__panel__title {
    font-size: calc(clamp(0px, 1.1290322581cqw, 14px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .other-post__panel__title {
    font-size: calc(clamp(0px, 3.5897435897cqw, 3.5897435897cqw) * 1);
  }
}
.page-interview .other-post__list {
  display: flex;
  flex-direction: column;
}
.page-interview .other-post__list__item:not(:first-child) {
  border-top: 1px solid #DADEE3;
}
@media screen and (min-width: 1024px) {
  .page-interview .other-post__list__item {
    padding-top: calc(clamp(0px, 1.2903225806cqw, 16px) * 1);
    padding-bottom: calc(clamp(0px, 1.2903225806cqw, 16px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .other-post__list__item {
    padding-top: calc(clamp(0px, 2.5641025641cqw, 2.5641025641cqw) * 1);
    padding-bottom: calc(clamp(0px, 2.5641025641cqw, 2.5641025641cqw) * 1);
  }
}
.page-interview .other-post__list__box {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .page-interview .other-post__list__box {
    gap: calc(clamp(0px, 0.6451612903cqw, 8px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .other-post__list__box {
    gap: calc(clamp(0px, 2.5641025641cqw, 2.5641025641cqw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .page-interview .other-post__list__img {
    width: calc(clamp(0px, 9.6774193548cqw, 120px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .other-post__list__img {
    width: calc(clamp(0px, 25.641025641cqw, 25.641025641cqw) * 1);
  }
}
.page-interview .other-post__list__txt {
  flex: 1;
}
.page-interview .other-post__list__title {
  max-height: 4.5em;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .page-interview .other-post__list__title {
    font-size: calc(clamp(0px, 0.9677419355cqw, 12px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .other-post__list__title {
    font-size: calc(clamp(0px, 3.0769230769cqw, 3.0769230769cqw) * 1);
  }
}
.page-interview .article__ranking li a {
  position: relative;
  overflow: hidden;
}
.page-interview .article__ranking li a:before, .page-interview .article__ranking li a:after {
  content: "";
  position: absolute;
  top: 0.65em;
  left: 0.65em;
}
@media screen and (min-width: 1024px) {
  .page-interview .article__ranking li a:before, .page-interview .article__ranking li a:after {
    font-size: calc(clamp(0px, 1.1290322581cqw, 14px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-interview .article__ranking li a:before, .page-interview .article__ranking li a:after {
    font-size: calc(clamp(0px, 3.0769230769cqw, 3.0769230769cqw) * 1);
  }
}
.page-interview .article__ranking li a:before {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: #000;
  width: 5em;
  height: 5em;
}
.page-interview .article__ranking li a:after {
  content: "";
  position: absolute;
  color: #fff;
  font-weight: bold;
}
.page-interview .article__ranking li:nth-child(1) a:after {
  content: "1";
}
.page-interview .article__ranking li:nth-child(2) a:after {
  content: "2";
}
.page-interview .article__ranking li:nth-child(3) a:after {
  content: "3";
}