/* interview_d-container */
.interview_d-head-container {
  max-width: 1280px;
  width: 100%;
  margin: 100px auto 40px;
}

.interview_d-head-container h1 {
  font-size: 3.0rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #666;
}

@media screen and (max-width: 1350px) {
  .interview_d-head-container {
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .interview_d-head-container {
    margin: 50px auto 20px;
  }

  .interview_d-head-container h1 {
    font-size: clamp(2.0rem, 3.9vw, 3.0rem);
  }
}

/* top */
.interview_d-top-container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto 100px;
}

.interview_d-top-flex {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
}

.interview_d-top-img {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}

.interview_d-top-img img {
  width: clamp(360px, 47.4vw, 640px);
}

.interview_d-profile {
  width: 100%;
  background-color: #f2f2f2;
  padding: clamp(20px, 3.07vw, 40px) clamp(15px, 2.31vw, 30px);
  position: relative;
}

.interview_d-profile-head {
  margin-bottom: clamp(76px, 10vw, 130px);
}

.interview_d-profile-head h2 {
  font-size: clamp(2.2rem, 2.96vw, 4.0rem);
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.06em;
  color: #567588;
  position: relative;
}

.interview_d-profile-head h2::after {
  content: '';
  display: block;
  width: clamp(500px, 76.9vw, 1000px);
  height: 1px;
  background: #0d3955;
  position: absolute;
  bottom: -50px;
  right: clamp(-30px, -2.31vw, -15px);
}

.interview_d-profile-text p {
  font-size: clamp(1.6rem, 2.08vw, 2.0rem);
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: 0.02em;
  color: #4d4d4d;
}

.interview_d-profile-text p:first-of-type {
  color: #0d3955;
}

.interview_d-profile-text div {
  text-align: right;
  margin-top: 50px;
}

.interview_d-profile-text span {
  font-size: clamp(1.4rem, 1.82vw, 1.8rem);
  font-weight: 600;
  line-height: 1.75;
  letter-spacing: 0.02em;
  color: #4d4d4d;
}

@media screen and (max-width: 1350px) {
  .interview_d-top-container {
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .interview_d-top-container {
    margin: 0 auto;
  }

  .interview_d-top-flex {
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .interview_d-top-img img {
    width: 100%;
  }

  .interview_d-profile {
    width: 90%;
    padding: clamp(20px, 4.65vw, 40px) 0;
    position: relative;
  }

  .interview_d-profile-head {
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: left;
  }

  .interview_d-profile-head h2 {
    font-size: 2.4rem;
    width: 88%;
    margin: 0 auto;
  }

  .interview_d-profile-head h2::after {
    width: clamp(500px, 76.9vw, 1000px);
    width: var(--profile-line-width, 100px);
    bottom: -20px;
    right: clamp(-40px, -4.85vw, -15px);
  }

  .interview_d-profile-text {
    width: 90%;
    margin: 0 auto;
  }

  .interview_d-profile-text p {
    font-size: clamp(1.4rem, 3.5vw, 1.8rem);
  }

  .interview_d-profile-text div {
    margin-top: 20px;
  }
}

/* main */
.interview_d-main-wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}

.interview_d-main-container {
  width: 100%;
  margin: 0 auto;
  padding: 50px 0 100px;
  border-top: 1px solid #b3b3b3;
}

.interview_d-main-flex {
  width: 93.75%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 80px;
  margin: 0 auto;
}

.interview_d-main-container:nth-of-type(odd) .interview_d-main-flex {
  flex-direction: row-reverse;
}

.interview_d-main-text h3,
.students-message-flex-text h3 {
  font-size: clamp(2.0rem, 2.69vw, 3.5rem);
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: 0.06em;
  color: #9b8999;
  margin-bottom: clamp(30px, 3.84vw, 50px);
}

.interview_d-main-text p,
.students-message-flex-text p {
  font-size: clamp(1.4rem, 1.83vw, 1.8rem);
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: #4d4d4d;
}

.interview_d-main-img {
  flex-shrink: 0;
}

.interview_d-main-img img {
  width: clamp(330px, 43.7vw, 590px);
}

/* students-message */
.students-message-wrapper {
  width: 100%;
  background-color: #f9f8f8;
  padding: 50px 0;
  margin: 50px auto 100px;
}

.students-message-container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}

.students-message-flex {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 75px;
  flex-shrink: 0;
}

.students-message-flex img {
  width: 470px;
}

@media screen and (max-width: 1350px) {
  .interview_d-main-wrapper,
  .students-message-container {
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .interview_d-main-container {
    padding: 50px 0;
  }

  .interview_d-main-container:first-of-type {
    border: none;
  }

  .interview_d-main-flex {
    flex-direction: column;
    gap: 30px;
  }

  .interview_d-main-container:nth-of-type(odd) .interview_d-main-flex {
    flex-direction: column;
  }

  .interview_d-main-text h3,
  .students-message-flex-text h3 {
    font-size: clamp(2.0rem, 3.16vw, 2.4rem);
    margin-bottom: 20px;
  }

  .interview_d-main-text p,
  .students-message-flex-text p {
    font-size: clamp(1.4rem, 2.08vw, 1.6rem);
  }

  .interview_d-main-img img {
    width: 100%;
  }

  /* students-message */
  .students-message-wrapper {
    padding: 30px 0;
    margin: 0 auto 50px;
  }

  .students-message-container {
    width: 100%;
    margin: 0 auto;
  }

  .students-message-flex {
    width: 90%;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin: 0 auto;
  }

  .students-message-flex img {
    width: 100%;
  }
}

/* other interviews */
.other-interviews-head {
  margin-bottom: 50px;
  text-align: center;
}

.other-interviews-head h2 {
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 1.37;
  letter-spacing: 0.06em;
  color: #3d6177; 
}

.jc-center {
  justify-content: center;
}