@charset "UTF-8";
:root {
  --rem-base: 1rem;
  --vw-base: calc(375px / 100);
  --use-vw: 0;
}

@media (max-width: 376px) {
  :root {
    --use-vw: 1;
  }
}
.interview-containers {
  padding-bottom: calc((1 - var(--use-vw)) * calc(30 / 16 * var(--rem-base)) + var(--use-vw) * calc(30 / 375 * 100vw));
}

.interview {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr;
  grid-template-columns: repeat(12, 1fr);
  gap: calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw));
  padding-top: calc((1 - var(--use-vw)) * calc(55 / 16 * var(--rem-base)) + var(--use-vw) * calc(55 / 375 * 100vw));
}
@media (max-width: 480px) {
  .interview {
    padding-top: calc((1 - var(--use-vw)) * calc(25 / 16 * var(--rem-base)) + var(--use-vw) * calc(25 / 375 * 100vw));
  }
}
.interview__list {
  -ms-grid-column: 2;
  -ms-grid-column-span: 10;
  grid-column: 2/12;
}
@media (max-width: 960px) {
  .interview__list {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1/13;
  }
}
.interview__item {
  margin-bottom: calc((1 - var(--use-vw)) * calc(50 / 16 * var(--rem-base)) + var(--use-vw) * calc(50 / 375 * 100vw));
}
@media (max-width: 768px) {
  .interview__item {
    margin-bottom: calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw));
  }
}
.interview__item-link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr;
  grid-template-columns: repeat(10, 1fr);
  gap: calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.interview__item-link img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
}
.interview__item-image {
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-column: 1/6;
  border-radius: calc((1 - var(--use-vw)) * calc(8 / 16 * var(--rem-base)) + var(--use-vw) * calc(8 / 375 * 100vw));
  overflow: hidden;
  height: calc((1 - var(--use-vw)) * calc(310 / 16 * var(--rem-base)) + var(--use-vw) * calc(310 / 375 * 100vw));
}

@media (max-width: 768px) {
  .interview__item-image {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1/13;
  }
}
.interview__item-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.interview__item-content {
  -ms-grid-column: 6;
  -ms-grid-column-span: 5;
  grid-column: 6/11;
}
@media (max-width: 768px) {
  .interview__item-content {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1/13;
  }
}
.interview__item-title {
  margin-bottom: calc((1 - var(--use-vw)) * calc(15 / 16 * var(--rem-base)) + var(--use-vw) * calc(15 / 375 * 100vw));
  font-weight: 600;
  font-size: calc((1 - var(--use-vw)) * calc(24 / 16 * var(--rem-base)) + var(--use-vw) * calc(24 / 375 * 100vw));
  line-height: 1.2;
  color: #2f1004;
}
@media (max-width: 480px) {
  .interview__item-title {
    font-size: calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw));
  }
}
.interview__item-text {
  margin-bottom: calc((1 - var(--use-vw)) * calc(15 / 16 * var(--rem-base)) + var(--use-vw) * calc(15 / 375 * 100vw));
  font-weight: 300;
  font-size: calc((1 - var(--use-vw)) * calc(16 / 16 * var(--rem-base)) + var(--use-vw) * calc(16 / 375 * 100vw));
  line-height: 1.5;
  color: #4b4b4e;
}
@media (max-width: 480px) {
  .interview__item-text {
    font-size: calc((1 - var(--use-vw)) * calc(14 / 16 * var(--rem-base)) + var(--use-vw) * calc(14 / 375 * 100vw));
  }
}
.interview__item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: calc((1 - var(--use-vw)) * calc(15 / 16 * var(--rem-base)) + var(--use-vw) * calc(15 / 375 * 100vw));
}
@media (max-width: 480px) {
  .interview__item-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.interview__item-info-item {
  font-weight: 300;
  font-size: calc((1 - var(--use-vw)) * calc(14 / 16 * var(--rem-base)) + var(--use-vw) * calc(14 / 375 * 100vw));
  line-height: 1.2;
  color: #4b4b4e;
}
@media (max-width: 480px) {
  .interview__item-info-item {
    font-size: calc((1 - var(--use-vw)) * calc(12 / 16 * var(--rem-base)) + var(--use-vw) * calc(12 / 375 * 100vw));
  }
}
@media (max-width: 480px) {
  .interview__item-info-item.date {
    width: 100%;
    margin-bottom: calc((1 - var(--use-vw)) * calc(5 / 16 * var(--rem-base)) + var(--use-vw) * calc(5 / 375 * 100vw));
  }
}
.interview__item-info-item.date::after {
  content: "·";
  font-weight: 300;
  font-size: calc((1 - var(--use-vw)) * calc(14 / 16 * var(--rem-base)) + var(--use-vw) * calc(14 / 375 * 100vw));
  color: #ad8b10;
}
@media (max-width: 480px) {
  .interview__item-info-item.date::after {
    display: none;
  }
}
.interview__item-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc((1 - var(--use-vw)) * calc(10 / 16 * var(--rem-base)) + var(--use-vw) * calc(10 / 375 * 100vw));
}
@media (max-width: 480px) {
  .interview__item-tag {
    gap: calc((1 - var(--use-vw)) * calc(6 / 16 * var(--rem-base)) + var(--use-vw) * calc(6 / 375 * 100vw));
  }
}