@charset "utf-8";
/* ==================================================== */
/* recruit　共通
/* ==================================================== */
/* recruit-interview-list */
.recruit-interview-list {
  margin-bottom: 79px;
  padding: 64px 0 64px;
  background-color: #f7f7f7;

  scroll-margin-top: 128px;
}
.recruit-interview-list .inner {
  position: relative;
  z-index: 2;
}
.recruit-interview-list .interview-tlt {
  margin-bottom: 56px;
}
.recruit-interview-list .interview-tlt h2 {
  font-size: var(--fs75);
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.recruit-interview-list .interview-tlt p {
  padding-top: 12px;
  font-size: var(--fs27);
  font-weight: 700;
  color: #fff;
}
.recruit-interview-list .flex {
  justify-content: space-between;

  gap: 5.363636%;
}
.recruit-interview-list .flex .interview-list {
  position: relative;
  flex: 1;
  box-shadow: 3px 3px 5px 0 rgb(47 34 52 / 36%);
  background-color: #fff;
}
.recruit-interview-list .flex .interview-list .num {
  position: absolute;
  top: 18px;
  left: 10px;
  z-index: 10;
  width: 8.180088vw;
  max-width: 111.74px;
}
.recruit-interview-list .flex .interview-list:nth-child(2) .num {
  width: 8.501464vw;
  max-width: 116.13px;
}
.recruit-interview-list .flex .interview-list:last-child .num {
  width: 8.443631vw;
  max-width: 115.34px;
}
.recruit-interview-list .flex .interview-list figure {
  position: relative;
  z-index: -1;
  overflow: hidden;
  width: 100%;
}
.recruit-interview-list .flex .interview-list figure img {
  transition: transform 0.4s ease;
}
.recruit-interview-list .flex .interview-list a:hover figure img {
  transform: scale(1.08);
}
.recruit-interview-list .flex .interview-list .interview-txt {
  position: relative;
  padding: 10px 35px 15px;
}
.recruit-interview-list .flex .interview-list .interview-txt::after {
  position: absolute;
  top: 0;
  right: 40px;
  bottom: 0;
  display: inline-block;
  width: 24.38px;
  height: 25.15px;
  margin: auto;
  background-image: url(../img/recruit/icon_arrow_red.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  content: "";
}
.recruit-interview-list .flex .interview-list .interview-txt h3 {
  font-size: var(--fs24);
  font-weight: 700;
  line-height: 1.4;
  color: #c7171e;
}
.recruit-interview-list .flex .interview-list .interview-txt p {
  font-size: var(--fs16);
  font-weight: 700;
}
.recruit-interview-list .flex .interview-list .interview-txt span {
  font-size: var(--fs16);
}
@media screen and (max-width: 1024px) {
  .recruit-interview-list .flex {
    gap: 2.5%;
  }
  .recruit-interview-list .flex .interview-list .interview-txt {
    padding: 10px 15px 15px;
  }
  .recruit-interview-list .flex .interview-list .interview-txt::after {
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .recruit-interview-list {
    margin-bottom: 70px;
    padding: 51px 0 25px;

    scroll-margin-top: 54px;
  }
  .recruit-interview-list .interview-tlt {
    margin-bottom: 33px;
  }
  .recruit-interview-list .interview-tlt h2 {
    font-size: var(--fs47);
    letter-spacing: normal;
  }
  .recruit-interview-list .interview-tlt p {
    padding-top: 9px;
    font-size: var(--fs15);
  }
  .recruit-interview-list .flex {
    display: block;
  }
  .recruit-interview-list .flex .interview-list {
    width: 71.428571%;
    max-width: 600px;
    margin: 0 auto 30px;
  }
  .recruit-interview-list .flex .interview-list .num {
    width: 77px !important;
  }
  .recruit-interview-list .flex .interview-list .interview-txt {
    padding: 9px 6.2% 8px;
  }
  .recruit-interview-list .flex .interview-list .interview-txt h3 {
    font-size: var(--fs15);
  }
  .recruit-interview-list .flex .interview-list .interview-txt p {
    font-size: var(--fs12);
    letter-spacing: normal;
  }
  .recruit-interview-list .flex .interview-list .interview-txt span {
    display: block;
    padding-top: 3px;
    font-size: var(--fs10);
  }
}

/* ==================================================== */
/* recruit-interview
/* ==================================================== */
.recruit-interview .interview-mv {
  position: relative;
  margin-bottom: 106px;
  padding: 50px 4.392387vw 0 9.736457vw;
}
.recruit-interview .interview-mv:after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  display: inline-block;
  width: 51.317716vw;
  max-width: 701px;
  margin: auto;
  background-image: url(../img/recruit/recruit_interview_bg.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  content: "";

  aspect-ratio: 1 / 1.319;
}
.recruit-interview .interview-mv .inner {
  max-width: 1200px;
  padding: 0;
}
.recruit-interview .interview-mv .flex {
  justify-content: space-between;
}
.recruit-interview .interview-mv .flex figure {
  width: 46.925329vw;
  max-width: 641px;
}
.recruit-interview .interview-mv .interview-tlt {
  flex: 1;
}
.recruit-interview .interview-mv .interview-tlt h1 {
  display: inline-block;
  padding-bottom: 5px;
  font-size: var(--fs34);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.8px;
  color: #c7171e;
}
.recruit-interview .interview-mv .interview-tlt h1 span {
  display: inline-block;
  margin-left: 15px;
  font-size: var(--fs59);
}
.recruit-interview .interview-mv .interview-tlt p {
  margin-bottom: 37px;
  font-size: var(--fs17);
  font-weight: 700;
}
.recruit-interview .interview-mv .interview-tlt .dept-area {
  display: inline-block;
  margin-bottom: 9px;
  padding: 12px 14px 8px;
  background-color: #c7171e;
}
.recruit-interview .interview-mv .interview-tlt .dept-area h2 {
  display: inline-block;
  padding-right: 10px;
  font-size: var(--fs21);
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.recruit-interview .interview-mv .interview-tlt .dept-area span {
  font-size: var(--fs13);
  font-weight: 700;
  color: #fff;
}
.recruit-interview .interview-mv .interview-tlt .year {
  padding-left: 1em;
  font-size: var(--fs16);
}
.recruit-interview .interview-mv .interview-tlt h3 {
  margin: 29px 0 0 0;
  font-size: clamp(2.5rem, 2.489019vw, 3.4rem);
  font-weight: 700;
}
.recruit-interview .interview-detail {
  position: relative;
  margin-bottom: 145px;
}
.recruit-interview .interview-detail .inner {
  max-width: 975px;
}
.recruit-interview .interview-detail .interview-box {
  margin-bottom: 91px;
}
.recruit-interview .interview-detail .interview-box .cate {
  display: inline-block;
  margin-bottom: 18px;
  padding: 12px 16px;
  border: solid 1px #c7171e;
  font-size: var(--fs18);
  font-weight: 700;
  line-height: 1;
  color: #c7171e;
}
.recruit-interview .interview-detail .interview-box h2 {
  margin-bottom: 50px;
  font-size: var(--fs28);
  font-weight: 700;
  line-height: 1.4;
}
.recruit-interview .interview-detail .interview-box .flex {
  margin-bottom: 29px;

  gap: 36px;
}
.recruit-interview .interview-detail .interview-box .flex figure {
  width: 48%;
}
.recruit-interview .interview-detail .interview-box .interview-txt {
  flex: 1;
  font-size: var(--fs16);
  line-height: 1.75;
  letter-spacing: 0.5px;
}
.recruit-interview .interview-detail .interview-box .interview-txt p {
  margin-bottom: 25px;
}
.recruit-interview .interview-detail .interview-box .interview-txt p:last-child {
  margin-bottom: 0;
}
.recruit-interview .recruit-back-btn {
  margin-top: 120px;
}
@media screen and (max-width: 1024px) {
  .recruit-interview .interview-mv {
    margin-bottom: 60px;
    padding: 20px 5% 0;
  }
  .recruit-interview .interview-mv:after {
    width: 83.466667vw;
    max-width: 313px;
  }
  .recruit-interview .interview-mv .flex {
    align-items: center;

    gap: 15px;
  }
  .recruit-interview .interview-mv .flex figure {
    width: 48%;
  }
  .recruit-interview .interview-mv .interview-tlt h1 {
    font-size: var(--fs30);
  }
  .recruit-interview .interview-mv .interview-tlt h1 span {
    margin-left: 2px;
    font-size: var(--fs45);
  }
  .recruit-interview .interview-mv .interview-tlt p {
    margin-bottom: 19px;
  }
  .recruit-interview .interview-mv .interview-tlt .dept-area {
    padding: 10px 14px 6px;
  }
  .recruit-interview .interview-mv .interview-tlt .year {
    font-size: var(--fs15);
  }
  .recruit-interview .interview-mv .interview-tlt h3 {
    width: 100%;
    font-size: var(--fs32);
  }
  .recruit-interview .interview-detail {
    margin-bottom: 100px;
  }
  .recruit-interview .interview-detail .interview-box {
    margin-bottom: 70px;
  }
  .recruit-interview .interview-detail .interview-box .cate {
    margin-bottom: 13px;
    padding: 10px 17px;
    font-size: var(--fs17);
  }
  .recruit-interview .interview-detail .interview-box h2 {
    margin-bottom: 30px;
    font-size: var(--fs26);
  }
  .recruit-interview .interview-detail .interview-box .flex {
    margin-bottom: 17px;
  }
  .recruit-interview .interview-detail .interview-box .flex figure {
    width: 42%;
  }
  .recruit-interview .interview-detail .interview-box .interview-txt p {
    margin-bottom: 15px;
  }
  .recruit-interview .recruit-back-btn {
    margin-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .recruit-interview .interview-mv {
    padding: 27px 0 0;
  }
  .recruit-interview .interview-mv .flex {
    flex-direction: column-reverse;
    max-width: 600px;
    margin: auto;

    gap: 17px;
  }
  .recruit-interview .interview-mv .flex figure {
    width: 96%;
    max-width: 600px;
    margin-right: auto;
  }
  .recruit-interview .interview-mv .interview-tlt {
    width: 100%;
    padding: 0 7.46%;
  }
  .recruit-interview .interview-mv .interview-tlt h1 {
    padding-bottom: 4px;
    font-size: var(--fs25);
  }
  .recruit-interview .interview-mv .interview-tlt h1 span {
    margin-left: 6px;
    letter-spacing: normal;
  }
  .recruit-interview .interview-mv .interview-tlt p {
    margin-bottom: 16px;
    font-size: var(--fs13);
  }
  .recruit-interview .interview-mv .interview-tlt .dept-area {
    margin-bottom: 5px;
    padding: 6px 14px 4px;
  }
  .recruit-interview .interview-mv .interview-tlt .dept-area h2 {
    padding-right: 8px;
    font-size: var(--fs18);
  }
  .recruit-interview .interview-mv .interview-tlt .year {
    font-size: var(--fs14);
  }
  .recruit-interview .interview-mv .interview-tlt h3 {
    margin-top: 17px;
    font-size: var(--fs23);
    line-height: 1.55;

    font-feature-settings: "palt";
  }
  .recruit-interview .interview-detail .inner {
    padding: 0 7.46%;
  }
  .recruit-interview .interview-detail {
    margin-bottom: 80px;
  }
  .recruit-interview .interview-detail .interview-box {
    max-width: 600px;
    margin: 0 auto 50px;
  }
  .recruit-interview .interview-detail .interview-box .cate {
    margin-bottom: 9px;
    padding: 7px 10px;
    font-size: var(--fs13);
  }
  .recruit-interview .interview-detail .interview-box h2 {
    margin-bottom: 22px;
    font-size: var(--fs18);
    letter-spacing: 0.7px;
  }
  .recruit-interview .interview-detail .interview-box .flex {
    display: block;
    margin-bottom: 15px;
  }
  .recruit-interview .interview-detail .interview-box .interview-txt p {
    margin-bottom: 15px;
  }
  .recruit-interview .interview-detail .interview-box .flex figure {
    width: 100%;
    margin-bottom: 27px;
  }
  .recruit-interview .interview-detail .interview-box .interview-txt {
    width: 100%;
    font-size: var(--fs14);
  }
  .recruit-interview .recruit-back-btn {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .recruit-interview .recruit-back-btn .cmn_btn-normal li {
    max-width: 260px;
  }
}
/* ==================================================== */
/* recruit-interview-02
/* ==================================================== */
.recruit-interview-02 .interview-box:nth-child(2) .flex {
  flex-direction: row-reverse;
}