/* ------------------------------------------
  top_interview
------------------------------------------ */

.top_interview {
  margin-top: 0;
}

.interview_mv_ob1 {
  position: absolute;
  width: 27.333%;
  right: -9.9%;
  bottom: 3%;
}

@media screen and (max-width: 767px) {
  .interview_list_container_sp_item:last-child {
    margin-bottom: 31%;
  }
}

/* ------------------------------------------
  mv
------------------------------------------ */

@media screen and (max-width: 767px) {
  .interview_mv_ob1 {
    width: 30%;
    right: -13%;
    bottom: 10%;
  }
}

@media screen and (max-width: 374px) {
  .mv_txt_sub_inner {
    top: 30%;
  }
}

/* ------------------------------------------
  top_interview
------------------------------------------ */

.interview_menu {
  aspect-ratio: 15 / 3.585;
  background: url(../img/interview/interview_menu_bg.png) center / cover;
}

.interview_menu2 {
  background: url(../img/interview/interview_menu_bg2.png) center / cover;
}

.interview_menu_container {
  max-width: 70%;
  width: 100%;
  margin: 0 auto;
  padding: 2% 0;
}

.interview_menu_list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.interview_menu_list_item {
  width: 30.285%;
}

.interview_menu_list_item a {
  display: block;
  position: relative;
}

.interview_menu_list_item a:hover {
  opacity: 1;
}

.interview_menu_list_item a:hover * {
  opacity: 1;
}

.interview_menu_list_item a:hover .interview_menu_arrow {
  bottom: 38%;
}

.interview_menu_list_item a:hover .interview_menu_item_circle {
  transform: scale(1.1);
}

.interview_menu_item_circle {
  width: 100%;
  left: 0;
  top: 0;
  transition: 0.3s;
}

.interview_menu_arrow {
  position: absolute;
  width: 6.28%;
  right: 9.74%;
  bottom: 42%;
  transition: 0.3s;
}

.interview_menu_num {
  position: absolute;
  width: 54.088%;
  right: 0;
  top: 0;
}

.interview_menu_list_txt {
  position: absolute;
  font-size: 1.5vw;
  line-height: 1.6;
  bottom: 18.867%;
  font-weight: 600;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  letter-spacing: 0.2em;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .interview_menu {
    background: none;
    aspect-ratio: unset;
  }
  .interview_menu_container {
    max-width: 85.333%;
    padding: 0;
  }
  .interview_menu_list {
    display: block;
  }
  .interview_menu_list_item_sp {
    aspect-ratio: 320 /76.4822;
    background: url(../img/interview/interview_menu_bg_sp.png) center / cover;
  }
  .interview_menu_list_item_sp2 {
    aspect-ratio: 320 /76.4822;
    background: url(../img/interview/interview_menu_bg2_sp.png) center / cover;
  }
  .interview_menu_list_item_sp:not(:last-child) {
    margin-bottom: 6.5%;
  }
  .interview_menu_list_item_sp a {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
  }
  .interview_num {
    width: 18.75%;
    position: absolute;
    left: 6.25%;
    top: 50%;
    transform: translateY(-50%);
  }
  .interview_menu_list_txt {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 54%;
    transform: translate(-50%, -50%);
    font-size: max(3.366vw, 13px);
    text-align: left;
    width: auto;
    display: table;
  }
}

/* ------------------------------------------
  interview_content_item
------------------------------------------ */

.interview_content_item {
  margin-top: 150px;
  position: relative;
}

.interview_content_item2 {
  overflow: hidden;
}

.interview_bg_ob {
  /* opacity: 0.5; */
  z-index: -1;
}

.interview_bg_ob1 {
  position: absolute;
  width: 30.8%;
  left: -5.066%;
  top: -14%;
}

.interview_bg_ob2 {
  position: absolute;
  width: 22.373%;
  right: -4.573%;
  top: 43%;
}

.interview_bg_ob3 {
  position: absolute;
  width: 28.4%;
  left: -5%;
  top: 9%;
}

.interview_content_item:not(:first-child) {
  margin-top: 140px;
}

.interview_content_item_inner {
  max-width: 80%;
  width: 100%;
  margin: 0 auto;
  border-top: 2px solid #000;
  padding-top: 7%;
  display: flex;
  justify-content: space-between;
}

.interview_content_item2 .interview_content_item_l {
  order: 2;
}

.interview_content_item2 .interview_item_ttl {
  text-align: right;
}

.interview_content_item2 .interview_item_num {
  display: block;
  margin-right: 0;
  margin-left: auto;
}

.interview_content_item_l {
  width: 60.25%;
}

.interview_content_item_r {
  width: 33%;
}

.interview_content_item_r img {
  width: 100%;
}

.interview_item_num {
  width: 23%;
}

.interview_content_item:first-child .interview_item_ttl {
  /* font-size: max(2.333vw, 35px); */
  font-size: max(2.3333vw, 32px);
  letter-spacing: 0.15em;
  line-height: 100%;
  margin-top: 15px;
  margin-bottom: 70px;
  line-height: 1.3;
}

.interview_content_item:not(:first-child) .interview_item_ttl {
  /* font-size: max(2.333vw, 35px); */
  font-size: max(2.3333vw, 32px);
  letter-spacing: 0.15em;
  line-height: 100%;
  margin-top: 15px;
  margin-bottom: 20px;
  line-height: 1.3;
}

.interview_item_txt {
  font-size: max(1.0666vw, 16px);
  line-height: 2.375;
  letter-spacing: 0.1em;
}

.interview_content_item3 .interview_content_item_inner {
  border-bottom: 2px solid #000;
  padding-bottom: 7%;
}

@media screen and (max-width: 767px) {
  .interview_bg_ob1 {
    width: 66%;
    top: 32%;
    left: -19.5%;
  }
  .interview_bg_ob2 {
    width: 60%;
    top: 44%;
    right: -17.333%;
  }
  .interview_bg_ob3 {
    width: 68%;
    top: 53%;
    left: -19.5%;
  }
  .interview_content_item_inner {
    flex-direction: column;
    max-width: 85%;
  }
  .interview_content_item_l {
    order: 2;
    width: 100%;
  }
  .interview_content_item_r {
    order: 1;
    width: 100%;
    margin-bottom: 20px;
  }
  .interview_content_item_ttl_inner {
    display: flex;
    align-items: center;
  }
  .interview_content_item_ttl_inner .interview_item_num {
    width: 19.5%;
    margin-right: 20px;
  }
  .interview_content_item_ttl_inner .interview_item_ttl {
    margin: 0;
    font-size: min(5.3vw, 20px) !important;
  }
  .interview_item_txt {
    font-size: min(3.46vw, 13px);
    line-height: 1.84615;
    letter-spacing: 0.1em;
  }
  .interview_content_item1 .interview_content_item_inner {
    border-top: none;
  }
  .interview_content_item:not(:first-child) {
    margin-top: 50px;
  }
  .interview_content_item1 {
    margin-top: 61px !important;
  }
  .interview_content_item:not(:first-child) .interview_content_item_inner {
    padding-top: 50px;
  }
  .interview_content_item2 .interview_item_ttl {
    text-align: left;
  }
  .interview_content_item2 .interview_item_num {
    margin-left: 0;
  }
}

/* ------------------------------------------
  schedule
------------------------------------------ */

.schedule {
  position: relative;
}

.interview_sche_img {
  position: absolute;
  width: 22.133%;
  top: -4%;
  right: 3%;
  z-index: -1;
}

.interview_section_ttl {
  margin-left: 9.6%;
  font-family: "din-2014", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 5.666vw;
  line-height: 100%;
  margin-bottom: 8%;
  margin-top: 7%;
}

.interview_section_ttl span {
  margin-left: 10px;
  font-size: max(1.1333333vw, 10px);
  font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.schedule_container {
  max-width: 80%;
  width: 100%;
  margin: 0 auto 10%;
  border-bottom: 2px solid #231815;
  padding-bottom: 10%;
}

.schedule_list_item {
  display: flex;
  align-items: center;
}

.schedule_list_item:not(:last-child) {
  margin-bottom: 2%;
}

.schedule_list_item_time {
  width: 36%;
  margin-right: 56.5px;
  height: auto;
  aspect-ratio: 431.67 / 78.9;
  position: relative;
  display: flex;
  align-items: center;
  padding: 1.5% 0% 1.5% 1.5%;
  letter-spacing: 0.1em;
}

.sche_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.time {
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-size: max(2vw, 30px);
  width: 30%;
}

.work {
  /* position: absolute; */
  font-size: max(1.5333vw, 23px);
  font-weight: 600;
  color: #fff;
  width: 65%;
  line-height: 1.17;
}

.schedule_list_item_txt {
  width: 60%;
  font-size: max(1.0666vw, 16px);
  letter-spacing: 0.1em;
}

/* @media screen and (max-width: 1400px) {
  .schedule_list_item_txt {
    width: 44%;
  }
} */

@media screen and (max-width: 767px) {
  .interview_section_ttl {
    font-size: 8vw;
    margin-top: 0;
    margin-left: 7%;
    margin-bottom: 6%;
  }
  .interview_section_ttl span {
    font-size: 3.2vw;
  }
  .interview_content_item3 .interview_content_item_inner {
    border-bottom: none;
    padding-bottom: 20%;
  }
  .schedule_list_item {
    display: block;
  }
  .schedule_list_item_time_inner {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .schedule_list_item_time {
    width: 25%;
    margin-right: 25px;
    padding: 0;
  }
  .sche_bg {
    position: relative;
    width: 21.333%;
  }
  .time {
    font-size: min(3.7333vw, 14px);
    text-align: center;
    width: 100%;
    background: url(../img/interview/sche_bg_b_sp.png) center / cover;
    color: #fff;
  }
  .time2 {
    background: url(../img/interview/sche_bg_a_sp.png) center / cover;
  }
  .work {
    color: #231815;
    font-size: min(3.466vw, 13px);
  }
  .schedule_list_item_txt {
    width: 100%;
    font-size: min(3.466vw, 13px);
    line-height: 1.75;
  }
  .schedule_list_item:not(:last-child) {
    margin-bottom: 40px;
  }
}

/* ------------------------------------------
  interview_comment
------------------------------------------ */

.interview_comment_container {
  max-width: 80%;
  width: 100%;
  margin: 0 auto 10%;
  position: relative;
}

.interview_comment {
  width: 100%;
}

.interview_comment_bg {
  position: absolute;
  width: 100%;
  right: -15px;
  top: 15px;
  z-index: -1;
}

.interview_comment_inner {}

.interview_comment_txt_inner {
  position: absolute;
  top: 50%;
  left: -3.5%;
  transform: translateY(-50%);
}

.interview_comment_txt {
  color: #fff;
  background: #231815;
  font-size: 2vw;
  font-weight: 600;
  letter-spacing: 0.2em;
  padding: 5px 15px;
}

@media screen and (max-width: 767px) {
  .schedule_container {
    border-bottom: none;
    max-width: 85%;
  }
  .interview_comment_container {
    max-width: 100%;
    margin-bottom: 0;
  }
  .interview_comment_txt_inner {
    left: 3.73%;
  }
  .interview_comment_txt {
    display: table;
    font-size: 10px;
  }
  .interview_comment_txt:not(:last-child) {
    margin-bottom: 8px;
  }
}