@charset "UTF-8";
/* ========== ========== ==========
共通部
========== ========== ========== */
.FV-interview {
  margin-top: 80px;
  padding-top: clamp(78px, calc(117 / var(--base-width-pc) * 100vw), 117px);
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .FV-interview {
    padding-bottom: 100px;
  }
}
.FV-interview.-background::before {
  -webkit-clip-path: inset(0 0 calc(300 / var(--base-width-pc) * 100vw) 0);
          clip-path: inset(0 0 calc(300 / var(--base-width-pc) * 100vw) 0);
}
.FV-interview.-background::after {
  -webkit-clip-path: inset(calc(72 / var(--base-width-pc) * 100vw) 0 calc(230 / var(--base-width-pc) * 100vw) 0);
          clip-path: inset(calc(72 / var(--base-width-pc) * 100vw) 0 calc(230 / var(--base-width-pc) * 100vw) 0);
}
.FV-interview_title {
  margin-top: calc(110 / var(--base-width-pc) * 100vw);
  font-size: 20px;
  margin-bottom: clamp(35px, calc(70 / var(--base-width-pc) * 100vw), 70px);
  margin-left: clamp(20px, calc(70 / var(--base-width-pc) * 100vw), 70px);
}
.FV-interview_title_en {
  display: block;
  font-size: clamp(35px, calc(66 / var(--base-width-pc) * 100vw), 66px);
  font-family: var(--font-sub1);
  font-weight: 600;
  line-height: 1;
  margin-top: 15px;
}
.FV-interview_body {
  position: relative;
}
.FV-interview_texts {
  position: absolute;
  left: 0;
  bottom: clamp(56px, calc(112 / var(--base-width-pc) * 100vw), 112px);
  display: flex;
}
@media screen and (max-width: 768px) {
  .FV-interview_texts {
    position: relative;
    inset: initial;
    flex-direction: column;
  }
}
.FV-interview_text1, .FV-interview_text2 {
  font-size: clamp(30px, calc(49 / var(--base-width-pc) * 100vw), 49px);
}
.FV-interview_text1 {
  background-color: var(--color-sub1);
  color: white;
  width: clamp(120px, calc(165 / var(--base-width-pc) * 100vw), 165px);
  min-height: clamp(120px, calc(165 / var(--base-width-pc) * 100vw), 165px);
  flex-shrink: 0;
  padding: 23px 0 0 23px;
  font-family: var(--font-sub1);
  font-weight: 600;
  line-height: 1.4;
}
.FV-interview_text1 span:not(.inline-block) {
  display: block;
  font-size: clamp(16px, calc(18 / var(--base-width-pc) * 100vw), 18px);
  letter-spacing: 0.05rem;
}
@media screen and (max-width: 768px) {
  .FV-interview_text1 span:not(.inline-block) {
    display: inline-block;
    margin-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .FV-interview_text1 {
    min-height: initial;
    padding: 10px;
    width: 100%;
  }
}
.FV-interview_text2 {
  background-color: white;
  font-weight: 600;
  padding: 10px clamp(15px, calc(85 / var(--base-width-pc) * 100vw), 85px) 10px clamp(15px, calc(30 / var(--base-width-pc) * 100vw), 30px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.3;
}
.FV-interview_text2 span:not(.inline-block) {
  display: block;
  font-size: clamp(16px, calc(18 / var(--base-width-pc) * 100vw), 18px);
  letter-spacing: 0.05rem;
}
.FV-interview_text2_span {
  margin-bottom: 8px;
}

.interview {
  margin-bottom: min(calc(237 / var(--base-width-pc) * 100vw), 237px);
}
.interview_title {
  font-size: clamp(28px, calc(39 / var(--base-width-pc) * 100vw), 39px);
  margin-bottom: clamp(43px, calc(86 / var(--base-width-pc) * 100vw), 86px);
  letter-spacing: 0.075rem;
  font-weight: bold;
}
.interview_block {
  display: flex;
}
@media screen and (min-width: 769px) {
  .interview_blocks .sectionWrap:nth-of-type(1) {
    margin-left: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 2201px) {
  .interview_block {
    width: 100%;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 768px) {
  .interview_block {
    flex-direction: column;
  }
  .interview_block.-n02 {
    flex-direction: column-reverse;
  }
}
.sectionWrap:nth-of-type(1) .interview_block_texts {
  margin-left: clamp(50px, calc(100 / var(--base-width-pc) * 100vw), 100px);
  margin-bottom: 100px;
  max-width: 500px;
}
@media screen and (max-width: 768px) {
  .sectionWrap:nth-of-type(1) .interview_block_texts {
    margin-left: initial;
  }
}
.sectionWrap:nth-of-type(2) .interview_block_texts {
  margin-right: clamp(50px, calc(100 / var(--base-width-pc) * 100vw), 100px);
}
@media screen and (max-width: 768px) {
  .sectionWrap:nth-of-type(2) .interview_block_texts {
    margin-right: initial;
  }
}
.interview_block_image {
  display: block;
  width: 100%;
  flex-shrink: 0;
}
.interview_block_image:where(.-n01 *) {
  margin-top: clamp(48.33px, calc(145 / var(--base-width-pc) * 100vw), 145px);
  width: clamp(250px, 51.5151515152vw, 1000px);
  height: clamp(200px, calc(403 / var(--base-width-pc) * 100vw), 403px);
  -o-object-position: 0% 8%;
     object-position: 0% 8%;
}
@media screen and (max-width: 768px) {
  .interview_block_image:where(.-n01 *) {
    margin-right: initial;
  }
}
.interview_block_image:where(.-n02 *) {
  width: clamp(300px, calc(498 / var(--base-width-pc) * 100vw), 498px);
  height: clamp(400px, calc(630 / var(--base-width-pc) * 100vw), 630px);
}
.interview_block_image:where(.-n02 *):where(.interview01 *) {
  margin-top: min(calc(454 / var(--base-width-pc) * 100vw), 454px);
}
.interview_block_image:where(.-n02 *):where(.interview02 *) {
  margin-top: min(calc(274 / var(--base-width-pc) * 100vw), 274px);
}
.interview_block_image:where(.-n02 *):where(.interview03 *) {
  margin-top: min(calc(343 / var(--base-width-pc) * 100vw), 343px);
}
.interview_block_image:where(.-n02 *):where(.interview03 *) {
  margin-top: min(calc(466 / var(--base-width-pc) * 100vw), 466px);
}
@media screen and (max-width: 768px) {
  .interview_block_image {
    width: 100%;
    max-width: 500px;
    margin-inline: auto;
    height: initial;
    margin-bottom: 30px;
    margin-top: 0;
  }
}
.interview_block_title {
  font-size: clamp(18px, calc(22.8 / var(--base-width-pc) * 100vw), 22.8px);
  font-weight: bold;
  letter-spacing: 0;
  margin-bottom: clamp(33.33px, calc(50 / var(--base-width-pc) * 100vw), 50px);
}
.interview_block_text {
  font-size: 14.4px;
  margin-bottom: clamp(33.33px, calc(50 / var(--base-width-pc) * 100vw), 50px);
  line-height: 2.3333333333;
  font-weight: 500;
}
.interview_block_text .q {
  font-weight: bold;
}

.schedule {
  margin-bottom: min(calc(300 / var(--base-width-pc) * 100vw), 300px);
  padding-top: 100px;
  padding-bottom: min(calc(350 / var(--base-width-pc) * 100vw), 350px);
}
.schedule_title {
  font-size: clamp(28px, calc(44 / var(--base-width-pc) * 100vw), 44px);
  margin-bottom: clamp(50px, calc(100 / var(--base-width-pc) * 100vw), 100px);
  margin-left: auto;
  width: clamp(300px, calc(497 / var(--base-width-pc) * 100vw), 497px);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .schedule_title {
    margin-left: initial;
    text-align: center;
  }
}
.schedule_title_span {
  display: block;
  font-size: clamp(20px, calc(30 / var(--base-width-pc) * 100vw), 30px);
  letter-spacing: 0.075rem;
  font-weight: normal;
}
.schedule_content {
  display: flex;
  gap: clamp(33.33px, calc(50 / var(--base-width-pc) * 100vw), 50px);
}
@media screen and (max-width: 768px) {
  .schedule_content {
    flex-direction: column;
  }
}
.schedule_image {
  display: block;
  width: clamp(275.5px, calc(551 / var(--base-width-pc) * 100vw), 551px);
}
@media screen and (max-width: 768px) {
  .schedule_image {
    margin-top: 0;
    max-width: 450px;
    margin-inline: auto;
    width: 100%;
  }
}
.schedule_dl {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(22.67px, calc(34 / var(--base-width-pc) * 100vw), 34px);
  width: clamp(300px, calc(497 / var(--base-width-pc) * 100vw), 497px);
  flex-shrink: 0;
}
.schedule_dt {
  width: 60px;
  line-height: 20px;
  font-size: clamp(16px, calc(21 / var(--base-width-pc) * 100vw), 21px);
  letter-spacing: 0.025rem;
}
.schedule_dd {
  width: calc(100% - clamp(22.67px, calc(34 / var(--base-width-pc) * 100vw), 34px) - 60px);
  font-size: 14.4px;
}
.schedule_dd_title {
  font-size: clamp(16px, calc(18 / var(--base-width-pc) * 100vw), 18px);
  line-height: 20px;
  margin-bottom: 7px;
}

.otherInterview_title {
  margin-bottom: clamp(33.33px, calc(50 / var(--base-width-pc) * 100vw), 50px);
  font-size: clamp(20px, calc(30 / var(--base-width-pc) * 100vw), 30px);
  font-weight: bold;
}
.otherInterview .person_slider_ul {
  left: var(--section-padding-pc);
}

/* 共通部ここまで
---------- ---------- */
/* ========== ========== ==========
個別部
========== ========== ========== */
/* 個別部ここまで
---------- ---------- */