.recruit-image {
  padding: 0 3vw;
}

.hero {
  margin-bottom: 2rem;
}

.interviews {
  margin-top: 8rem;
}
@media screen and (max-width: 500px) {
  .interviews {
    margin-top: 6rem;
  }
}
.interviews__inner {
  margin-bottom: 8rem;
}
.interviews .recruit__lead {
  margin-bottom: auto;
}
.interviews .content__sec-ttl_big {
  position: relative;
  margin: 6rem auto 2rem;
}
@media screen and (max-width: 767px) {
  .interviews .content__sec-ttl_big {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 500px) {
  .interviews .content__sec-ttl_big {
    margin-top: 3.5rem;
  }
}
.interviews .content__sec-ttl_big:nth-of-type(n+2) {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .interviews .content__sec-ttl_big-small {
    font-size: 2.1rem;
  }
}

.interviews__head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: hidden;
}
.interviews__inner:nth-of-type(2n) .interviews__head {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
@media screen and (max-width: 767px) {
  .interviews__head {
    padding-bottom: 142px;
  }
}

.interviews__img {
  width: 52.56%;
  max-width: 840px;
  aspect-ratio: 840/600;
  text-align: right;
}
.interviews__inner:nth-of-type(2n) .interviews__img {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .interviews__img {
    width: 89.333vw;
    height: 53.333vw;
    min-height: 200px;
  }
}
.interviews__img__pic {
  display: inline-block;
  text-align: right;
}
.interviews__img__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.interviews__card {
  background: #F8FBFA;
  display: inline-block;
  width: 52.56%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4rem;
}
@media screen and (max-width: 1100px) {
  .interviews__card {
    padding: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .interviews__card {
    width: 89.333vw;
    top: initial;
    bottom: 0;
    padding: 3rem 4rem;
    -webkit-transform: initial;
            transform: initial;
  }
}
@media screen and (max-width: 500px) {
  .interviews__card {
    padding: 3rem;
  }
}
.interviews__card::before {
  content: "";
  border-top: 3px solid #05724b;
  border-left: 3px solid #05724b;
  width: 60px;
  height: 60px;
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1199px) {
  .interviews__card::before {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .interviews__card::before {
    width: 20px;
    height: 20px;
  }
}
.interviews__inner:nth-of-type(2n) .interviews__card {
  left: initial;
  right: 0;
}
.interviews__inner:nth-of-type(2n) .interviews__card::before {
  right: 0;
  left: auto;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.interviews__info {
  font-size: 16px;
  letter-spacing: 1.6px;
}
@media screen and (max-width: 767px) {
  .interviews__info {
    font-size: 12px;
  }
}
.interviews__info__title {
  margin-bottom: 2.4rem;
  font-size: 24px;
  font-weight: bold;
  color: #05724b;
  letter-spacing: 1.2px;
}
@media screen and (max-width: 1100px) {
  .interviews__info__title {
    margin-bottom: 1.8rem;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .interviews__info__title {
    margin-bottom: 0.9rem;
    font-size: 22px;
  }
}
@media screen and (max-width: 500px) {
  .interviews__info__title {
    font-size: 18px;
    letter-spacing: 0.9px;
  }
}
.interviews__info__name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .interviews__info__name {
    margin: 0;
    font-size: 14px;
    letter-spacing: 0.7px;
  }
}
.interviews__info__job {
  margin: 10px 0 0;
}
@media screen and (max-width: 767px) {
  .interviews__info__job {
    margin-top: 5px;
  }
}
.interviews__info__join {
  margin: 8px 0 0;
}
@media screen and (max-width: 767px) {
  .interviews__info__join {
    margin-top: 5px;
  }
}
.interviews__info__job, .interviews__info__join {
  line-height: 1.3;
}