@charset "UTF-8";

/* ======================
page_head
========================= */
.rct_interview .page_head-inner {
  display: flex;
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 55%);
}
.rct_interview .page_head-ttlbk {
  display: inline-block;
}
.rct_interview .page_head-ttlbk::before {
  content: "";
  width: 50.39vw;
  width: 617px;
  min-width: 387px;
  height: 53.13vw;
  max-height: 650px;
  min-height: 408px;
  background: url(../imgs/interview/ttl_bg_pc.svg) no-repeat center/contain;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -29.5%);
}
.rct_interview .page_head-ttl {
  font-size: clamp(20px, 2.6vw, 35px);
  line-height: 1.12;
  margin-bottom: 1.2em;
}
.rct_interview .page_head-ttl .rubik {
  font-size: clamp(48px, 6.25vw, 80px);
  display: block;
  margin-bottom: 0.1em;
}
.prof {
  border-left: 1px solid #fff;
  padding-left: 6px;
}
.prof .prof-name {
  font-size: clamp(20px, 2.6vw, 23px);
  line-height: 1;
  margin-bottom: 0.8em;
}
.prof .prof-name .prof-initial {
  margin-left: 1em;
}
.prof p {
  font-size: clamp(16px, 2.08vw, 20px);
  line-height: 1.25;
}
/* ======================
interview
========================= */
.rct_interview .interview {
  padding: clamp(130px, 16.93vw, 218px) 0 min(28.8vw, 553px);
}
.rct_interview .interview .interview_cont {
  margin-bottom: clamp(50px, 13.3vw, 190px);
}
.rct_interview .interview .txtbk {
  padding-bottom: 3.2em;
}
.rct_interview .interview .txtbk .q_txt {
  font-size: clamp(22px, 2.86vw, 25px);
  line-height: 1.6;
  margin-bottom: 1em;
}
.rct_interview .interview .txtbk .q_num {
  font-size: clamp(35px, 4.56vw, 40px);
  line-height: 1;
  opacity: 0.5;
  display: block;
  margin-bottom: 0.2em;
}

/* full */
.rct_interview .interview .full {
  padding: clamp(3.2em, 8.91vw, 114px) 0 clamp(3.2em, 6.02vw, 77px);
}
/* flex */
.rct_interview .interview .flex .txtWrap {
  width: 44%;
}
.rct_interview .interview .flex .txtWrap .txtbk {
  min-height: 50%;
}
.rct_interview .interview .flex .txtWrap .txtbk .a_txt {
  max-width: 556px;
}
.rct_interview .interview .flex .imgWrap {
  width: 50%;
}
.rct_interview .interview .flex .imgWrap img {
  border-radius: 20px;
  overflow: hidden;
}

/* bk5 */
.rct_interview .interview .bk5 {
  align-items: center;
}
.rct_interview .interview .bk5 .person_img {
  width: 50%;
}
.rct_interview .interview .bk5 .person_img .imgbk {
  padding-top: max(475px, 91.35%);
}
.rct_interview .interview .bk5 .person_img .imgbk img {
  min-width: 570px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* entry_btn */
.rct_interview .interview .entry_btn {
  border: 1px solid #fff;
}
.rct_interview .interview .entry_btn:hover {
  color: #8fc31f;
  background: #fff;
}
.rct_interview .interview .entry_btn:hover > span::after {
  background: url(../imgs/common/arrow_grn.svg) no-repeat center / contain;
}
/* ======================
other_interview
========================= */
.other_interview_in {
  padding: clamp(70px, 9.11vw, 132px) 0 clamp(100px, 13.16vw, 132px);
  background: url(../imgs/common/contents_bg.jpg) repeat center/98.44%;
  border-radius: 5.21vw 5.21vw 0 0;
}

.other_interview .scttl {
  margin-bottom: clamp(44px, 5.73vw, 96px);
}
.other_interview .scttl .rubik {
  font-size: clamp(40px, 5.21vw, 60px);
}
.other_interview-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc((100% - 1062px) / 5);
  margin: 0 auto;
}
.other_interview-list li {
  width: 177px;
}
.other_interview-list li a .imgbk {
  -webkit-mask-image: url("../imgs/interview/mask.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  mask-image: url("../imgs/interview/mask.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  /* fallback */
  margin-bottom: 0.7em;
  aspect-ratio: 177/200;
  overflow: hidden;
}
.other_interview-list li a .imgbk img {
  transition: 0.2s;
}
.other_interview-list li a:hover .imgbk img {
  scale: 1.1;
}
.other_interview-list li a .txtbk .department {
  border: 1px solid #707070;
  border-radius: 19px;
  margin-bottom: 0.5em;
}
.other_interview-list li a .txtbk .initial {
  font-size: clamp(20px, 2.6vw, 23px);
}

@media screen and (max-width: 1280px) {
  .other_interview-list {
    max-width: 833px;
    gap: 50px 5%;
  }
}
@media screen and (max-width: 980px) {
  .rct_interview .interview .full {
    padding: 0;
  }
  .rct_interview .interview .flex {
    flex-direction: column;
    align-items: center;
    padding-bottom: 3.2em;
  }
  .rct_interview .interview .flex .txtWrap {
    width: 100%;
  }
  .rct_interview .interview .flex .txtWrap .txtbk .a_txt {
    max-width: initial;
  }
  .rct_interview .interview .flex .imgWrap {
    width: 100%;
    max-width: 520px;
    overflow: hidden;
  }
  .rct_interview .interview .bk3 {
    flex-direction: column-reverse;
  }

  .rct_interview .interview .bk5 .person_img .imgbk {
    padding-top: clamp(379px, 91.35%, 475px);
  }
  .rct_interview .interview .bk5 .person_img .imgbk img {
    width: 59.11vw;
    max-width: 570px;
    min-width: 454px;
  }
}
@media screen and (max-width: 768px) {
  .rct_interview .page_head-inner {
    justify-content: center;
    bottom: 0;
    transform: translate(-50%, 85%);
    z-index: 2;
  }
  .rct_interview .page_head-ttlbk::before {
    background: url(../imgs/interview/ttl_bg_sp.svg) no-repeat center/contain;
  }
  .rct_interview .interview {
    padding-top: 222px;
  }
}
@media screen and (max-width: 660px) {
  /* ======================
other_interview
========================= */
  .other_interview-list {
    justify-content: space-between;
    gap: 40px 4%;
    max-width: 376px;
  }
  .other_interview-list li {
    width: 48%;
    max-width: 177px;
  }
}
@media screen and (min-width: 769px) {
}