.bg_white {
  border-top: 1px solid #1E1E1E;
  border-bottom: 1px solid #1E1E1E;
  background-color: #fff;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgb(179 181 184 / .3) calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), rgb(179 181 184 / .3) calc(100% - 1px));
  background-size: 2.7rem 2.7rem;
  background-repeat: repeat;
  background-position: center center;
  padding-bottom: 8rem;
}
@media (max-width: 767px) {
  .bg_white {
    padding-bottom: 4rem;
  }
}

/*  */
.interview {
  overflow: hidden;
}
.interview_inner {
  max-width: calc(108.4rem * var(--scale));
  margin: auto;
}
.interview_textbox {
  text-align: center;
  margin: 2rem 0 6rem;
}
.interview_text {
  font-size: 1.7rem;
  line-height: 2;
}
.interview_text_white {
  letter-spacing: 0.2em;
  color: #fff;
  text-shadow:
  1px 1px 0 #1E1E1E, -1px -1px 0 #1E1E1E,
  -1px 1px 0 #1E1E1E,  1px -1px 0 #1E1E1E,
  1px 0 0 #1E1E1E, -1px  0 0 #1E1E1E,
  0 1px 0 #1E1E1E,  0 -1px 0 #1E1E1E;
}
.interview_text_orange {
  display: inline-block;
  background-color: #FFC387;
  border: 1px solid #1E1E1E;
  border-radius: 100vmax;
  padding: 0 1.3rem;
  margin: 0 .9rem;
}
.interview_text_yellow {
  display: inline-block;
  background-color: #F0FFA3;
  border: 1px solid #1E1E1E;
  border-radius: 100vmax;
  padding: 0 1.3rem;
  margin-right: .9rem;
}
.interview_tab {
  width: 100rem;
  margin: 0 auto 4rem;
}
.interview_tab_title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  color: #FF7B37;
  margin-bottom: 1.5rem;
}
.interview_tab_box {
  display: flex;
  gap: 1rem;
}
.interview_tab_item {
  font-size: 1.4rem;
  padding: .8rem 1.7rem;
  border: 1px solid #1E1E1E;
  border-radius: 100vmax;
  background-color: #F7F7F7;
  white-space: nowrap;
}
.interview_tab_item.active {
  background-color: #8AF7A7;
}
.staff_box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(4rem * var(--scale)) calc(2rem * var(--scale));
}
.staff_box_item {
  width: calc(34.8rem * var(--scale));
  height: auto;
  padding: calc(2rem * var(--scale)) calc(2rem * var(--scale)) calc(3.5rem * var(--scale));
  background-image: url(../img/interview-slider-bg.png);
  background-size: 100%;
  background-repeat: repeat-y;
  background-position: top center;
  border-radius: calc(2rem * var(--scale));
  border: 1px solid #1E1E1E;
  position: relative;
}
.staff_box_item_image {
  overflow: hidden;
  aspect-ratio: 1/1;
}
.staff_box_item_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .3s;
}
.staff_box_item:hover .staff_box_item_img {
  transform: scale(1.1);
}
.staff_box_item_tag {
  font-family: zen-kaku-gothic-antique, sans-serif;
  font-size: 1.8rem;
  color: var(--main-color);
  padding: .5rem 1rem;
  position: absolute;
  z-index: 2;
  top: calc(27.5rem * var(--scale));
  right: calc(1.3rem * var(--scale));
  background-color: #fff;
  box-shadow: .3rem .3rem 0px 0px #2E2E2E;
}
.staff_box_item_tag span {
  display: inline-block;
  transform: skewX(-5deg);
}
.staff_box_item_info {
  margin-top: calc(2rem * var(--scale));
  position: relative;
}
.staff_box_item_info:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.455rem;
  height: 1.952rem;
  background-image: url(../img/interview-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.staff_box_item_position {
  font-size: 1.3rem;
  color: #fff;
  line-height: 1;
}
.staff_box_item_name {
  display: flex;
  align-items: flex-end;
  gap: 1.5rem;
  margin-top: .9rem;
}
.staff_box_item_name_ja {
  font-size: 2.2rem;
  color: #fff;
}
.staff_box_item_name_en {
  font-family: "Montserrat", sans-serif;
  font-size: 1.2rem;
  color: #F0FFA3;
}
.staff_box_item_extra {
  font-size: 1.3rem;
  color: #fff;
  margin-top: 1.6rem;
}
@media (max-width: 767px) {
  .interview_inner {
    padding: 0 2rem;
  }
  .interview_text {
    font-size: 1.5rem;
  }
  .interview_tab {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-bottom: 3rem;
  }
  .interview_tab_title {
    font-size: 1.3rem;
    margin-bottom: 1rem;
  }
  .interview_tab_box {
    overflow-x: auto;
    gap: .5rem;
    padding-right: 4rem;
  }
  .interview_tab_item {
    font-size: 1.3rem;
    padding: .6rem 1.4rem;
  }
  .staff_box {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .staff_box_item {
    width: 31.2rem;
    padding: 1.8rem 1.8rem 3rem;
    background-size: 102%;
    margin: auto;
  }
  .staff_box_item_tag {
    font-size: 1.6rem;
    top: 24.5rem;
    right: 1.2rem;
  }
  .staff_box_item_info {
    margin-top: 1.7rem;
  }
  .staff_box_item_info:after {
    width: 1.3rem;
    height: 1.75rem;
  }
  .staff_box_item_position {
    font-size: 1.2rem;
  }
  .staff_box_item_name_ja {
    font-size: 2rem;
  }
  .staff_box_item_name_en {
    font-size: 1.1rem;
  }
  .staff_box_item_extra {
    font-size: 1.2rem;
    margin-top: 1.4rem;
  }
}