@charset "UTF-8";
/* =========================
PC
========================= */
/* =========================
PC（最大値、最小値なし）
========================= */
/* =========================
SP
========================= */
/* =========================
SP（359px以下想定）
========================= */
/* --- media query -------------------------------- */
/* --- font size + line-height -------------------------------- */
/* --- inner -------------------------------- */
/* ---  arrow link btn  -------------------------------- */
.is-recruit .c-kv {
  background-image: url(/assets/img/recruit/recr__kv.png);
}
@media screen and (max-width: 767px) {
  .is-recruit .c-kv {
    background-image: url(/assets/img/recruit/recr__kv_sp.png);
  }
}

/* .p-recr-anchor {
    margin-bottom: pcvw(70);

    @include sp {
        margin-bottom: spvw(100);
    }

    ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: pcvw(30);

        @include sp {
            flex-direction: column;
            gap: spvw(40);
        }
    }
} */
.p-recr-ctr {
  margin-bottom: clamp(0px, 5vw, 70px);
}
.p-recr-ctr.last {
  margin-bottom: clamp(0px, 8.5714285714vw, 120px);
}
@media screen and (max-width: 767px) {
  .p-recr-ctr.last {
    margin-bottom: clamp(0px, 21.3333333333vw, 160px);
  }
}
.p-recr-ctr.last .p-recr__btn a {
  font-size: clamp(0px, 1.1428571429vw, 16px);
}
@media screen and (max-width: 767px) {
  .p-recr-ctr.last .p-recr__btn a {
    font-size: clamp(0px, 3.0666666667vw, 23px);
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-recr-ctr {
    margin-bottom: clamp(0px, 13.3333333333vw, 100px);
  }
}
.p-recr-ctr h2 {
  color: #011976;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(0px, 2.1428571429vw, 30px);
  width: 100%;
  text-align: center;
  white-space: nowrap;
  margin-bottom: clamp(0px, 2.1428571429vw, 30px);
}
@media screen and (max-width: 767px) {
  .p-recr-ctr h2 {
    gap: clamp(0px, 4vw, 30px);
    margin-bottom: clamp(0px, 7.3333333333vw, 55px);
  }
}
.p-recr-ctr h2::before, .p-recr-ctr h2::after {
  content: "";
  display: inline-block;
  width: 50%;
  height: 1px;
  background-color: #011976;
}
.p-recr-ctr:last-of-type {
  margin-bottom: clamp(0px, 12.8571428571vw, 180px);
}
@media screen and (max-width: 767px) {
  .p-recr-ctr:last-of-type {
    margin-bottom: clamp(0px, 26.6666666667vw, 200px);
  }
}

.p-recr__mynavi {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  gap: clamp(0px, 4.2857142857vw, 60px);
}
@media screen and (max-width: 767px) {
  .p-recr__mynavi {
    align-items: center;
    flex-direction: column;
    gap: clamp(0px, 5.3333333333vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .p-recr__mynavi a {
    padding-left: clamp(0px, 5.3333333333vw, 40px);
  }
}
.p-recr__mynavi img {
  width: clamp(0px, 11.2857142857vw, 158px);
}
@media screen and (max-width: 767px) {
  .p-recr__mynavi img {
    width: clamp(0px, 27.2vw, 204px);
  }
}

.p-recr__btn {
  display: flex;
  justify-content: center;
}

/* --- old -------------------------------- */
.p-recr-old {
  margin-bottom: clamp(0px, 14.2857142857vw, 200px);
}
@media screen and (max-width: 767px) {
  .p-recr-old {
    margin-bottom: clamp(0px, 26.6666666667vw, 200px);
  }
}
.p-recr-old__ctr {
  border-top: 1px solid #D3D3D3;
  padding-top: clamp(0px, 7.1428571429vw, 100px);
}
@media screen and (max-width: 767px) {
  .p-recr-old__ctr {
    padding-top: clamp(0px, 13.3333333333vw, 100px);
  }
}
.p-recr-old__ctr:not(:last-of-type) {
  margin-bottom: clamp(0px, 5.7142857143vw, 80px);
}
@media screen and (max-width: 767px) {
  .p-recr-old__ctr:not(:last-of-type) {
    margin-bottom: clamp(0px, 18.6666666667vw, 140px);
  }
}
.p-recr-old h2 {
  text-align: center;
  margin-bottom: clamp(0px, 2.8571428571vw, 40px);
  font-size: clamp(18.2px, 1.8571428571vw, 26px);
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-recr-old h2 {
    font-size: clamp(0px, 4.2666666667vw, 32px);
    line-height: 1;
    margin-bottom: clamp(0px, 6.6666666667vw, 50px);
  }
}
.p-recr-old ul {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-recr-old ul {
    width: 85%;
  }
}
.p-recr-old ul li {
  display: flex;
  gap: clamp(0px, 2.1428571429vw, 30px);
}
@media screen and (max-width: 767px) {
  .p-recr-old ul li {
    flex-direction: column-reverse;
    align-items: center;
    gap: clamp(0px, 4vw, 30px);
  }
}
.p-recr-old ul li:not(:last-of-type) {
  margin-bottom: clamp(0px, 3.5714285714vw, 50px);
}
@media screen and (max-width: 767px) {
  .p-recr-old ul li:not(:last-of-type) {
    margin-bottom: clamp(0px, 10.6666666667vw, 80px);
  }
}
.p-recr-old ul .ctr-img {
  width: clamp(0px, 15.7142857143vw, 220px);
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-recr-old ul .ctr-img {
    width: 100%;
  }
}
.p-recr-old ul .ctr-txt {
  width: 100%;
}
.p-recr-old ul .ctr-txt span {
  font-weight: 700;
}
.p-recr-old .table {
  width: 100%;
}
.p-recr-old .table > p:nth-of-type(1) {
  font-weight: 700;
  margin-bottom: clamp(0px, 0.7142857143vw, 10px);
}
@media screen and (max-width: 767px) {
  .p-recr-old .table > p:nth-of-type(1) {
    margin-bottom: clamp(0px, 1.3333333333vw, 10px);
  }
}
.p-recr-old .table > p:nth-of-type(2) {
  text-align: right;
  line-height: 1;
  font-size: clamp(8.4px, 0.8571428571vw, 12px);
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-recr-old .table > p:nth-of-type(2) {
    font-size: clamp(0px, 2.6666666667vw, 20px);
    line-height: 1;
  }
}
.p-recr-old .table table {
  width: 100%;
  text-align: center;
  line-height: 1;
  margin-bottom: clamp(0px, 0.7142857143vw, 10px);
}
@media screen and (max-width: 767px) {
  .p-recr-old .table table {
    margin-bottom: clamp(0px, 1.3333333333vw, 10px);
  }
}
.p-recr-old .table table th,
.p-recr-old .table table td {
  border: solid 1px #D3D3D3;
  padding: clamp(0px, 0.7142857143vw, 10px) clamp(0px, 2.1428571429vw, 30px);
  font-size: clamp(9.8px, 1vw, 14px);
  line-height: 1;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-recr-old .table table th,
  .p-recr-old .table table td {
    font-size: clamp(0px, 2.9333333333vw, 22px);
    line-height: 1.8181818182;
    padding: clamp(0px, 2vw, 15px) clamp(0px, 1.3333333333vw, 10px);
  }
}
.p-recr-old .table table td {
  vertical-align: middle;
}