#page_title {
  background: url(../../images/recruit/mv_recruit.webp) no-repeat center top;
  background-size: cover;
  aspect-ratio: 19/9;
  padding-top: 20%;
}
@media screen and (max-width: 767px) {
  #page_title {
    aspect-ratio: 1/1.1;
    padding-top: 65vw;
    background: url(../../images/recruit/mv_recruit_sp.webp) no-repeat center top;
    background-size: cover;
  }
}

#recruit section:nth-of-type(2n+1) {
  background-color: #f2f2f2;
}
#recruit section:nth-of-type(2n+2) {
  background-color: #fff;
}

#recruit h3 {
  flex-flow: column;
  font-size: clamp(15px, 2.2vw, 22px);
}
@media screen and (max-width: 767px) {
  #recruit h3.h3_column {
    align-items: center;
    justify-content: flex-start;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  #recruit .sec_team h3.h3_column {
    font-size: 120%;
  }
}

p.t_11p {
  font-size: 110%;
}

.catch_text {
  text-align: center;
  font-size: clamp(18px, 2.2vw, 20px);
}

.w33 p:has(img) {
  margin-bottom: 0.5em;
}
.w33 p:has(img) + p .pc {
  display: inline !important;
}
@media screen and (max-width: 767px) {
  .w33 p:has(img) {
    padding: 0 18%;
  }
  .w33 p:has(img) + p {
    flex-flow: column;
    padding: 0 18%;
    margin-bottom: 1.5em;
  }
  .w33 p:has(img) + p .pc {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .f_box.btn_box {
    margin-top: 2.5em;
  }
  .f_box.btn_box .btn {
    margin: 0 auto;
    max-width: 280px;
  }
}

@media screen and (max-width: 767px) {
  .faq {
    margin-top: 1em;
  }
}
.sec_team .t_11p {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sec_team .t_11p {
    margin-bottom: 3em;
  }
}

.sec_faq .t_11p {
  text-align: center;
}
/*# sourceMappingURL=recruit.css.map */