@media (768px <= width) {
  .interviews__blocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
  .interviews__blocks:nth-child(2n+1) {
    --interviewsImg: 1;
    --interviewsBox: 2;
    --interviewsBoxPadding: 100px 0 100px calc(120 / 800 * 100%);
    --interviewsBoxMargin: 0 max(100% - 800px, 50px) 0 0;
  }
  .interviews__blocks:nth-child(2n) {
    --interviewsImg: 2;
    --interviewsBox: 1;
    --interviewsBoxPadding: 100px calc(120 / 800 * 100%) 100px 0;
    --interviewsBoxMargin: 0 0 0 max(100% - 800px, 50px);
  }
}
@media (768px <= width) {
  .interviews__img {
    order: var(--interviewsImg);
    width: 100%;
    height: 100%;
  }
  .interviews__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.interviews__boxs {
  padding: 70px 25px;
}
@media (768px <= width) {
  .interviews__boxs {
    order: var(--interviewsBox);
    padding: var(--interviewsBoxPadding);
    margin: var(--interviewsBoxMargin);
  }
}
.interviews__copy {
  background-color: var(--color-aqua-bright);
  display: inline;
  font-weight: 900;
  font-size: 25px;
  line-height: 180%;
  letter-spacing: -0.01em;
  font-feature-settings: "palt" on;
  padding: 2px 5px;
}
@media (768px <= width) {
  .interviews__copy {
    margin-top: 30px;
    font-size: 39px;
    font-size: min(3cqi, 39px);
  }
}
.interviews__text {
  margin-top: 35px;
  line-height: 200%;
}
@media (768px <= width) {
  .interviews__text {
    font-size: 20px;
  }
}
.interviews__text strong {
  color: var(--color-aqua-bright);
}

.schedule {
  padding: 70px 25px;
}
@media (768px <= width) {
  .schedule {
    padding: 180px 0;
  }
}
.schedule__inner {
  border-radius: 5px;
  background-color: #fff;
  padding: 80px 20px 20px;
  position: relative;
}
@media (768px <= width) {
  .schedule__inner {
    margin-left: max(50% - 800px, 50px);
    margin-right: max(50% - 800px, 50px);
    max-width: 1600px;
    padding: 150px 0;
    border-radius: 10px;
  }
}
.schedule__header {
  width: 100%;
  position: absolute;
  left: 20px;
  top: -2em;
  color: var(--color-aqua-bright);
  font-weight: 900;
}
@media (768px <= width) {
  .schedule__header {
    top: -40px;
    left: 50px;
    font-size: 25px;
  }
}
.schedule__header .en {
  display: block;
  width: 300px;
  height: auto;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 49px;
  font-weight: 900;
  line-height: 100%;
}
@media (768px <= width) {
  .schedule__header .en {
    width: 433px;
    font-size: min(7cqi, 65px);
  }
}
.schedule__contents {
  text-align: center;
}
@media (768px <= width) {
  .schedule__contents {
    display: grid;
    grid-template-columns: repeat(auto-fit, 140px);
    gap: 30px 20px;
    justify-content: space-between;
    margin-left: max(50% - 500px, 50px);
    margin-right: max(50% - 500px, 50px);
    max-width: 1000px;
  }
}
@media (768px <= width) {
  .schedule__contents-item:not(:first-child) .clock {
    position: relative;
  }
  .schedule__contents-item:not(:first-child) .clock::before {
    content: "";
    width: var(--space);
    height: 3px;
    background-image: radial-gradient(circle, var(--color-aqua-bright) 1.5px, transparent 1.5px);
    background-size: 6px 3px;
    background-repeat: repeat-x;
    background-position: left bottom;
    position: absolute;
    left: -30px;
    top: 50%;
    translate: -100% -50%;
  }
  .schedule__contents-item.is-wrap {
    translate: calc(var(--space) + 40px) 0;
  }
}
.schedule__contents-clock .clock:not(:first-child) {
  position: relative;
}
.schedule__contents-clock .clock:not(:first-child)::before {
  content: "";
  width: 20px;
  height: 3px;
  background: var(--color-aqua-bright);
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: -30px;
  translate: -50% -50%;
}
.schedule__contents .time {
  margin-top: 15px;
  font-family: var(--ff-Roboto);
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
  color: var(--color-aqua-bright);
  margin-left: -10px;
  margin-right: -10px;
}
@media (768px <= width) {
  .schedule__contents .time {
    font-size: 25px;
  }
}
.schedule__contents .text {
  margin-top: 10px;
  font-weight: 900;
  line-height: 160%;
}
@media (768px <= width) {
  .schedule__contents .text {
    font-size: 20px;
  }
}

.nextlink__link {
  background: #000;
  width: 100%;
  display: block;
  position: relative;
}
.nextlink__link::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--bg) top center/cover no-repeat;
}
@media (hover: hover) and (width >= 768px) {
  .nextlink__link {
    transition: all var(--speed) ease-in-out;
  }
  .nextlink__link .icon-arrow {
    transition: translate 600ms ease;
  }
  .nextlink__link::before {
    transition: opacity 600ms ease;
  }
  .nextlink__link:hover::before {
    opacity: 0.8;
  }
  .nextlink__link:hover .icon-arrow {
    translate: 10px -50%;
  }
}
.nextlink__inner {
  position: relative;
}
@media (768px <= width) {
  .nextlink__inner {
    margin-left: max(50% - 800px, 50px);
    margin-right: max(50% - 800px, 50px);
    max-width: 1600px;
    padding: 95px 0;
  }
}
.nextlink__label {
  font-family: var(--ff-Roboto-Condensed);
  font-weight: 900;
  color: #fff;
}
@media (768px <= width) {
  .nextlink__label {
    font-size: 25px;
  }
}
.nextlink__copy {
  padding: 30px 25px 0;
  font-size: 39px;
  font-weight: 900;
  line-height: 160%;
}
@media (768px <= width) {
  .nextlink__copy {
    margin-top: 40px;
    padding: 0;
    font-weight: 900;
    font-size: clamp(24.5px, 2.695cqi, 49px);
  }
}
.nextlink__copy span {
  display: inline;
  background-color: var(--color-aqua-bright);
}
.nextlink__copy .em {
  color: #fff;
}
.nextlink__profile {
  position: relative;
  color: #fff;
}
@media (768px <= width) {
  .nextlink__profile {
    margin-top: 40px;
  }
}
.nextlink__position {
  font-weight: 900;
  line-height: 166%;
  letter-spacing: -0.01em;
}
@media (768px <= width) {
  .nextlink__position {
    font-size: min(2cqi, 20px);
    padding-right: 70px;
  }
}
.nextlink__name {
  font-size: 20px;
  font-weight: 900;
  line-height: 166%;
  letter-spacing: -0.01em;
}
@media (768px <= width) {
  .nextlink__name {
    font-size: 25px;
    font-size: min(2.5cqi, 25px);
  }
}
.nextlink .icon-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  translate: 0 -50%;
}