@charset "utf-8";

/* --------------------------------------- */
/* 採用情報　「インタビュー」
/* --------------------------------------- */

#main_container {
  color: #1f385a;
}

@media screen and (max-width: 767px) {}



/* メインビジュアル
-------------------------------------------*/
body.interview .recUnderMvBl {
  background: url(../img/recruit_interview_mv.webp) no-repeat center 0/cover;
}

@media screen and (max-width: 767px) {
  body.interview .recUnderMvBl {
    background: url(../img/recruit_interview_mv_sp.webp) no-repeat center 0/cover;
  }

}



/*  社員紹介エリア
-------------------------------------------*/
.recInterviewMainBl {
  height: min(calc((1000 / 1700) * 100vw), 1000px);
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(198, 213, 223, 1) 0%, rgba(189, 203, 214, 1) 100%);
  position: relative;
  overflow: hidden;
}

.recInterviewMainBl .inner1700 {
  padding: 0;
  position: relative;
  height: 100%;
  box-sizing: border-box;
}

.recInterviewMain_tit {
  font-size: min(calc((60 / 1700) * 100vw), 60px);
  line-height: 1;
  font-weight: bold;
  letter-spacing: .1em;
  display: block;
  position: absolute;
  left: 0;
  top: 14.8%;
  z-index: 3;
}

.recInterviewMain_tit_inner {
  display: table;
}

.recInterviewMain_tit_inner+.recInterviewMain_tit_inner {
  margin-top: min(calc((15 / 1700) * 100vw), 15px);
}

.recInterviewMain_tit_inner .motion-txt {
  padding: min(calc((8 / 1700) * 100vw), 8px) min(calc((60 / 1700) * 100vw), 60px) min(calc((12 / 1700) * 100vw), 12px) min(calc((60 / 1700) * 100vw), 60px);
}

.recInterviewMain_tit_inner.js-scroll .motion-txt:after {
  background-color: #1f385a;
}

.recInterviewMain_tit_inner.js-scroll.done .motion-txt .motion-inner {
  opacity: 1;
  color: #fff;
}

.recInterviewMain_tit_inner .letter-l {
  font-size: min(calc((80 / 1700) * 100vw), 80px);
  color: #fff;
}

.recInterviewMain_box {
  position: absolute;
  left: 21.85%;
  top: 48.6%;
  color: #fff;
  width: min(calc((718 / 1700) * 100vw), 718px);
  box-sizing: border-box;
  z-index: 4;
}

.recInterviewMain_box .motion-txt {
  padding: min(calc((22 / 1700) * 100vw), 22px) min(calc((28 / 1700) * 100vw), 28px);
}

.recInterviewMain_box .motion-txt::after {
  background-color: #1f385a;
}

.recInterviewMain_box_name_jp {
  font-size: min(calc((30 / 1700) * 100vw), 30px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .1em;
}

.recInterviewMain_box_name_en {
  font-size: min(calc((16 / 1700) * 100vw), 16px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .1em;
  display: block;
  margin-top: min(calc((3 / 1700) * 100vw), 3px);
}

.recInterviewMain_box_status {
  font-size: min(calc((18 / 1700) * 100vw), 18px);
  font-weight: 400;
  line-height: 1.66;
  letter-spacing: .1em;
  margin-top: min(calc((8 / 1700) * 100vw), 8px);
}

.recInterviewMain_box_desc {
  font-size: min(calc((20 / 1700) * 100vw), 20px);
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: .1em;
  margin-top: min(calc((16 / 1700) * 100vw), 16px);
}

.recInterviewMain_people {
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.recInterviewMain_bgtxt_l,
.recInterviewMain_bgtxt_s {
  letter-spacing: .1em;
  font-weight: 400;
  display: block;
  position: absolute;
  z-index: 2;
  opacity: .15;
  mix-blend-mode: multiply;
  white-space: nowrap;
}

.recInterviewMain_bgtxt_l.js-effectL,
.recInterviewMain_bgtxt_s.js-effectL {
  opacity: .0;
}

.recInterviewMain_bgtxt_l.js-effectL.fadein,
.recInterviewMain_bgtxt_s.js-effectL.fadein {
  opacity: .15;
}

.recInterviewMain_bgtxt_l {
  font-size: min(calc((137 / 1700) * 100vw), 137px);
  line-height: 1;
  left: .2em;
  top: 4%;
}

.recInterviewMain_bgtxt_s {
  font-size: min(calc((67 / 1700) * 100vw), 67px);
  line-height: 1.4;
  font-weight: 400;
  left: .25em;
  top: 56%;
}

.recInterviewMain_bgArrow {
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 100%;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .recInterviewMainBl {
    height: calc((1532 / 750) * 100vw);
    /* height: calc((1565 / 750) * 100vw); */
  }

  .recInterviewMain_tit {
    font-size: calc((42 / 750) * 100vw);
    letter-spacing: 0;
    left: calc((30 / 750) * 100vw);
    top: calc((120 / 750) * 100vw);
  }

  .recInterviewMain_tit_inner+.recInterviewMain_tit_inner {
    margin-top: calc((16 / 750) * 100vw);
  }

  .recInterviewMain_tit_inner .motion-txt {
    padding: calc((3 / 750) * 100vw) calc((30 / 750) * 100vw) calc((8 / 750) * 100vw);
  }

  .recInterviewMain_tit_inner .letter-l {
    font-size: calc((56 / 750) * 100vw);
  }

  .recInterviewMain_bgtxt_l {
    font-size: calc((127 / 750) * 100vw);
    line-height: 1.16;
    left: 0;
    top: calc((13 / 750) * 100vw);
    letter-spacing: 0;
  }

  .recInterviewMain_bgtxt_s {
    font-size: calc((76 / 750) * 100vw);
    line-height: 1.55;
    left: 0;
    top: calc((605 / 750) * 100vw);
  }

  .recInterviewMain_box {
    left: calc((30 / 750) * 100vw);
    top: calc((794 / 750) * 100vw);
    width: 92%;
    /* width: calc((690 / 750) * 100vw); */
}

  .recInterviewMain_box .motion-txt {
    padding: calc((28 / 750) * 100vw) calc((30 / 750) * 100vw);
  }

  .recInterviewMain_box_name_jp {
    font-size: calc((39 / 750) * 100vw);
  }

  .recInterviewMain_box_name_en {
    font-size: calc((20 / 750) * 100vw);
    margin-top: calc((6 / 750) * 100vw);
  }

  .recInterviewMain_box_status {
    font-size: calc((22 / 750) * 100vw);
    line-height: 2;
    margin-top: calc((24 / 750) * 100vw);
  }

  .recInterviewMain_box_desc {
    font-size: calc((26 / 750) * 100vw);
    line-height: 2;
    margin-top: calc((26 / 750) * 100vw);
  }



}


/*  BGエリア
-------------------------------------------*/
.recInterviewBgArea {
  background: url(../img/recruit_interview_faq.webp) repeat-y center top/cover;
}

@media screen and (max-width: 767px) {
  .recInterviewBgArea {
    background: url(../img/recruit_interview_faq_sp.webp) repeat-y center top/cover;
  }
}


/*  Q&Aエリア
-------------------------------------------*/
.recInterviewFaqBl {
  position: relative;
  padding: 32px 0 0;
}

.recInterviewFaq_thirdtit {
  font-size: min(calc((30 / 1700) * 100vw), 30px);
  /* font-size: 3rem; */
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .1em;
  color: #66b9d6;
  position: relative;
  padding-left: min(calc((220 / 1700) * 100vw), 220px);
  /* padding-left: 7.4em; */
  margin-bottom: min(calc((53 / 1700) * 100vw), 53px);
  /* margin-bottom: 53px; */
  margin-left: calc((100% - 1200px) / 2);
  /* margin-left: 14.7%; */
}

.recInterviewFaq_wraparound+.recInterviewFaq_thirdtit,
.recInterviewFaq_txtwrap+.recInterviewFaq_thirdtit {
  margin-top: min(calc((109 / 1700) * 100vw), 109px);
  /* margin-top: 109px; */
}

.recInterviewFaq_thirdtit::before {
  content: '';
  display: inline-block;
  width: min(calc((200 / 1700) * 100vw), 200px);
  /* width: 6.7em; */
  height: 2px;
  background-color: #66b9d6;
  position: absolute;
  left: 0;
  top: min(calc((23 / 1700) * 100vw), 23px);
  /* top: 23px; */
}

.recInterviewFaq_txtwrap {
  background-color: #e7f0f8;
  padding: min(calc((51 / 1700) * 100vw), 51px) min(calc((60 / 1700) * 100vw), 60px);
  /* padding: 4.3% 5%; */
  margin: 0 14.5%;
}

.recInterviewFaq_thirdtit+.recInterviewFaq_txtwrap {
  margin: 0 calc((100% - 1200px) / 2);
}


.recInterviewFaq_wraparound .recInterviewFaq_txtwrap {
  position: relative;
  z-index: 1;
  /* background-color: #e7f0f8; */
  /* margin: 0 0 0 calc((100% - 1200px) / 2); */
  /* margin: 0 0 0 14.7%; */
  /* padding: min(calc((51 / 1700) * 100vw), 51px) min(calc((60 / 1700) * 100vw), 60px); */
  /* padding: 3.0% 3.5%; */
  width: min(calc((630 / 1700) * 100vw), 630px);
  /* width: 37.1%; */
  box-sizing: border-box;
}

.recInterviewFaq_wraparound.img-right .recInterviewFaq_txtwrap {
  margin: 0 auto 0 calc((100% - 1200px) / 2);
}

.recInterviewFaq_wraparound.img-left .recInterviewFaq_txtwrap {
  margin: 0 calc((100% - 1200px) / 2) 0 auto;
}

.recInterviewFaq_desc {
  /* font-size: 2rem; */
  font-size: min(calc((20 / 1700) * 100vw), 20px);
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: .1em;
}

.recInterviewFaq_desc+.recInterviewFaq_desc {
  margin-top: min(calc((39 / 1700) * 100vw), 39px);
  /* margin-top: 39px; */
}

.recInterviewFaq_wraparound .recInterviewFaq_imgwrap {
  width: 50%;
  box-sizing: border-box;
  z-index: 1;
  margin: min(calc((60 / 1700) * 100vw), 60px) 0 0 0;
}

.recInterviewFaq_wraparound.img-right .recInterviewFaq_imgwrap {
  float: right;
}

.recInterviewFaq_wraparound.img-left .recInterviewFaq_imgwrap {
  float: left;
}


@media screen and (max-width: 1700px) {

  .recInterviewFaq_wraparound .recInterviewFaq_txtwrap {
    width: calc(50% - ((100% - 1200px) / 2) + 1.76%);
  }
}


@media screen and (max-width: 1280px) {
  .recInterviewFaq_thirdtit {
    margin-left: 40px;
  }

  .recInterviewFaq_wraparound.img-right .recInterviewFaq_txtwrap,
  .recInterviewFaq_wraparound.img-left .recInterviewFaq_txtwrap {
    width: 49%;
  }

  .recInterviewFaq_wraparound.img-right .recInterviewFaq_txtwrap {
    margin: 0 auto 0 40px;
  }

  .recInterviewFaq_wraparound.img-left .recInterviewFaq_txtwrap {
    margin: 0 40px 0 auto;
  }

  .recInterviewFaq_thirdtit+.recInterviewFaq_txtwrap {
    margin: 0 40px;
  }
}

@media screen and (max-width: 767px) {
  .recInterviewFaqBl {
    padding: calc((44 / 750) * 100vw) 0 0;
  }

  .recInterviewFaq_thirdtit {
    font-size: calc((36 / 750) * 100vw);
  }

  .recInterviewFaq_thirdtit {
    margin-left: calc((30 / 750) * 100vw);
    margin-bottom: calc((30 / 750) * 100vw);
    padding-left: calc((136 / 750) * 100vw);
  }

  .recInterviewFaq_thirdtit::before {
    width: calc((115 / 750) * 100vw);
    height: 1.5px;
    top: calc((26 / 750) * 100vw);
  }

  .recInterviewFaq_wraparound+.recInterviewFaq_thirdtit,
  .recInterviewFaq_txtwrap+.recInterviewFaq_thirdtit {
    margin-top: calc((90 / 750) * 100vw);
  }

  .recInterviewFaq_txtwrap {
    padding: calc((50 / 750) * 100vw) calc((30 / 750) * 100vw);
  }

  .recInterviewFaq_wraparound.img-right .recInterviewFaq_txtwrap,
  .recInterviewFaq_wraparound.img-left .recInterviewFaq_txtwrap {
    width: auto;
    /* width: calc((690 / 750) * 100vw); */
  }

  .recInterviewFaq_wraparound.img-right .recInterviewFaq_txtwrap {
    margin: 0 calc((30 / 750) * 100vw);
  }

  .recInterviewFaq_thirdtit+.recInterviewFaq_txtwrap {
    margin: 0 calc((30 / 750) * 100vw);
  }

  .recInterviewFaq_wraparound.img-left .recInterviewFaq_txtwrap {
    margin: calc((-40 / 750) * 100vw) calc((30 / 750) * 100vw) 0;
  }

  .recInterviewFaq_wraparound {
    display: flex;
    flex-wrap: wrap;
  }

  .recInterviewFaq_wraparound.img-right {
    flex-direction: column-reverse;
  }

  .recInterviewFaq_wraparound .recInterviewFaq_imgwrap {
    width: 92%;
    /* width: calc((690 / 750) * 100vw); */
    margin: 0;
  }

  .recInterviewFaq_wraparound.img-left .recInterviewFaq_imgwrap,
  .recInterviewFaq_wraparound.img-right .recInterviewFaq_imgwrap {
    float: none;
  }

  .recInterviewFaq_wraparound.img-left .recInterviewFaq_imgwrap {
    margin-right: calc((60 / 750) * 100vw);
  }

  .recInterviewFaq_wraparound.img-right .recInterviewFaq_imgwrap {
    margin-left: auto;
    margin-top: calc((-40 / 750) * 100vw);
  }

  .recInterviewFaq_desc {
    font-size: calc((26 / 750) * 100vw);
    line-height: 2;
  }

  .recInterviewFaq_desc+.recInterviewFaq_desc {
    margin-top: calc((30 / 750) * 100vw);
  }

}



/*  「OTHER MEMBERS」
-------------------------------------------*/
.recOtherMembersBl {
  padding: 120px 0 120px;
}

.recOtherMembers_tit {
  text-align: center;
}

.recOtherMembers_tit_en {
  font-family: "Roboto Condensed";
  font-weight: 700;
  font-size: 5rem;
  letter-spacing: .01em;
  line-height: 1;
}

.recOtherMembers_tit_jp {
  font-weight: 700;
  font-size: 2.4rem;
  letter-spacing: .1em;
  line-height: 1;
  margin-top: 5px;
  display: block;
}

.recOtherMembers_ul {
  display: flex;
  justify-content: center;
  margin: 60px auto 0;
}

.recOtherMembers_ul>li {
  width: 32.5%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.recOtherMembers_ul>li+li {
  margin-left: 1.25%;
}

.recOtherMembers_ul>li:last-child {
  margin-right: 0;
}

.recOtherMembers_ul>li>* {
  transition: ease .5s;
}

.recOtherMembers_ul>li:hover>* {
  transform: scale(1.1);
  opacity: .7!important;
}

.recOtherMembers_ul_txtwrap {
  position: absolute;
  left: 0;
  top: 32%;
  z-index: 3;
}

.recOtherMembers_ul_tit {
  line-height: 1;
}

.recOtherMembers_ul_inner {
  display: table;
}

.recOtherMembers_ul_inner+.recOtherMembers_ul_inner {
  margin-top: min(calc((7 / 1700) * 100vw), 7px);
}

.recOtherMembers_ul_inner .motion-txt {
  color: #fff;
  font-size: min(calc((22 / 1700) * 100vw), 22px);
  letter-spacing: 0;
  padding: min(calc((2 / 1700) * 100vw), 2px) min(calc((10 / 1700) * 100vw), 10px) min(calc((4 / 1700) * 100vw), 4px) min(calc((10 / 1700) * 100vw), 10px);
}

.recOtherMembers_ul_inner .motion-txt:after {
  background-color: #1f385a;
}

.recOtherMembers_ul_inner .letter-l {
  font-size: min(calc((29 / 1700) * 100vw), 29px);
}

.recOtherMembers_ul_btn {
  display: table;
  color: #fff;
  margin-top: min(calc((8 / 1600) * 100vw), 8px);
  margin-left: 29.1%;
  position: relative;
  pointer-events: none;
}

.recOtherMembers_ul_btn::after {
  content: '';
  display: block;
  width: min(calc((9 / 1600) * 100vw), 9px);
  height: min(calc((16 / 1600) * 100vw), 16px);
  background: url(../img/arrow_right_white_2.webp) no-repeat center / contain;
  position: absolute;
  right: min(calc((20 / 1600) * 100vw), 20px);
  top: min(calc((33 / 1600) * 100vw), 33px);
  transition: all .5s;
  z-index: -1;
}

.recOtherMembers_ul_btn:hover::after {
  transform: translate(10px);
}

.recOtherMembers_ul_btn .motion-txt {
  padding: min(calc((16 / 1600) * 100vw), 16px) min(calc((50 / 1600) * 100vw), 50px) min(calc((16 / 1600) * 100vw), 16px) min(calc((20 / 1600) * 100vw), 20px);
}

.recOtherMembers_ul_btn .motion-txt:after {
  background-color: #1f385a;
}

.recOtherMembers_ul_btn_en {
  color: #fff;
  font-size: min(calc((13 / 1600) * 100vw), 13px);
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
}

.recOtherMembers_ul_btn_jp {
  color: #fff;
  font-size: min(calc((24 / 1600) * 100vw), 24px);
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: .1em;
  display: block;
}

@media screen and (max-width: 767px) {
  .recOtherMembersBl {
    padding: calc((90 / 750) * 100vw) 0 calc((100 / 750) * 100vw);
  }

  .recOtherMembers_tit_en {
    font-size: calc((50 / 750) * 100vw);
  }

  .recOtherMembers_tit_jp {
    font-size: calc((24 / 750) * 100vw);
    margin-top: calc((10 / 750) * 100vw);
  }

  .recOtherMembers_ul {
    display: block;
    margin: calc((38 / 750) * 100vw) auto 0;
  }

  .recOtherMembers_ul>li {
    width: auto;
  }

  .recOtherMembers_ul>li+li {
    margin-left: 0;
  }

  .recOtherMembers_ul>li+li {
    margin-top: calc((30/750)*100vw);
  }

  .recOtherMembers_ul>li:hover>* {
    transform: scale(1);
    opacity:1!important;
  }

  .recOtherMembers_ul_inner+.recOtherMembers_ul_inner {
    margin-top: calc((8 / 750) * 100vw);
  }

  .recOtherMembers_ul_txtwrap {
    top: calc((170 / 750) * 100vw);
  }

  .recOtherMembers_ul_inner .motion-txt {
    font-size: calc((38 / 750) * 100vw);
    padding: calc((2 / 750) * 100vw) calc((20 / 750) * 100vw) calc((8 / 750) * 100vw);
  }

  .recOtherMembers_ul_inner .letter-l {
    font-size: calc((51 / 750) * 100vw);
  }

  .recOtherMembers_ul_btn {
    margin-top: calc((16 / 750) * 100vw);
    margin-left: calc((164 / 750) * 100vw);
  }

  .recOtherMembers_ul_btn::after {
    width: calc((15 / 750) * 100vw);
    height: calc((27 / 750) * 100vw);
    right: calc((33 / 750) * 100vw);
    top: calc((57 / 750) * 100vw);
  }

  .recOtherMembers_ul_btn:hover::after {
    transform: translate(0);
  }

  .recOtherMembers_ul_btn .motion-txt {
    padding: calc((29 / 750) * 100vw) calc((93 / 750) * 100vw) calc((29 / 750) * 100vw) calc((33 / 750) * 100vw);
  }

  .recOtherMembers_ul_btn_en {
    font-size: calc((22 / 750) * 100vw);
  }

  .recOtherMembers_ul_btn_jp {
    font-size: calc((42 / 750) * 100vw);
  }



}