.recruit-job-list {
  margin-top: calc(min(40px, 3.3333333333vw) - (1lh - 1em) / 2);
  padding: 0 min(40px, 3.3333333333vw);
  font-size: var(--font-size-pc-16px);
}
@media only screen and (max-width: 767px) {
  .recruit-job-list {
    margin-top: calc(6.6666666667vw - (1lh - 1em) / 2) 0;
    padding: 0;
    font-size: var(--font-size-sp-26px);
  }
}
.recruit-job-list__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(32px, 2.6666666667vw);
}
@media only screen and (max-width: 767px) {
  .recruit-job-list__list {
    gap: 7.6vw;
  }
}
.recruit-job-list__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media only screen and (max-width: 767px) {
  .recruit-job-list__link {
    display: grid;
    grid-template-columns: 8vw auto;
  }
}
.recruit-job-list__link-icon-wrap {
  width: 1.625em;
}
@media only screen and (max-width: 767px) {
  .recruit-job-list__link-icon-wrap {
    grid-row: 1/3;
    text-align: center;
  }
}
.recruit-job-list__link-icon {
  display: inline-block;
  width: 0.5em;
  background-color: var(--color-red);
  aspect-ratio: 8/10;
  -webkit-mask-image: url(/assets/img/common/icon_link_right.svg);
          mask-image: url(/assets/img/common/icon_link_right.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media only screen and (max-width: 767px) {
  .recruit-job-list__link-icon {
    width: 0.6153846154em;
  }
}
.recruit-job-list__link-text-wrap {
  max-width: 756px;
  margin-right: 1.875em;
}
@media only screen and (max-width: 767px) {
  .recruit-job-list__link-text-wrap {
    margin-right: 0;
  }
}
.recruit-job-list__link-text {
  color: var(--color-link-marked-default);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color-link-marked-hover)), to(var(--color-link-marked-hover)));
  background-image: linear-gradient(var(--color-link-marked-hover), var(--color-link-marked-hover));
  background-size: 0% 1px;
  background-repeat: no-repeat;
  background-position: right 100%;
  -webkit-transition: background-size 0.4s, color 0.4s;
  transition: background-size 0.4s, color 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .recruit-job-list__link:hover .recruit-job-list__link-text {
    background-size: 100% 1px;
    background-position: left 100%;
    color: var(--color-link-marked-hover);
  }
}
.recruit-job-list__link-department-wrap {
  padding-top: 0.1428571429em;
}
@media only screen and (max-width: 767px) {
  .recruit-job-list__link-department-wrap {
    padding-top: 1.8666666667vw;
  }
}
.recruit-job-list__link-department {
  font-size: var(--font-size-pc-14px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 11.4285714286em;
  height: 1.5714285714em;
  border-radius: 0.7857142857em;
  border: 1px solid var(--color-default);
  -webkit-transition: color 0.4s, border-color 0.4s;
  transition: color 0.4s, border-color 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .recruit-job-list__link:hover .recruit-job-list__link-department {
    color: var(--color-red);
    border-color: var(--color-red);
  }
}
@media only screen and (max-width: 767px) {
  .recruit-job-list__link-department {
    font-size: var(--font-size-sp-22px);
    width: 10.9090909091em;
    height: 1.4545454545em;
    border-radius: 0.7272727273em;
  }
}
.recruit-job-list__pagenation {
  margin-top: min(70px, 5.8333333333vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--font-size-pc-18px);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  gap: 1.6666666667em;
}
@media only screen and (max-width: 767px) {
  .recruit-job-list__pagenation {
    margin-top: 12vw;
    font-size: var(--font-size-sp-27px);
    gap: 6vw;
  }
}
.recruit-job-list__pagenation-prev {
  font-weight: var(--font-weight-medium);
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .recruit-job-list__pagenation-prev:hover {
    color: var(--color-red);
  }
}
.recruit-job-list__pagenation-prev::before {
  content: "";
  display: inline-block;
  width: 0.4444444444em;
  margin-right: 0.4444444444em;
  background-color: var(--color-red);
  -webkit-transform: scaleX(-1) translateY(-0.0555555556em);
          transform: scaleX(-1) translateY(-0.0555555556em);
  aspect-ratio: 8/10;
  -webkit-mask-image: url(/assets/img/common/icon_link_right.svg);
          mask-image: url(/assets/img/common/icon_link_right.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.recruit-job-list__pagenation-link {
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .recruit-job-list__pagenation-link:hover {
    font-weight: var(--font-weight-bold);
    color: var(--color-red);
  }
}
.recruit-job-list__pagenation-link.is-current {
  font-weight: var(--font-weight-bold);
  color: var(--color-red);
}
.recruit-job-list__pagenation-next {
  font-weight: var(--font-weight-medium);
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .recruit-job-list__pagenation-next:hover {
    color: var(--color-red);
  }
}
.recruit-job-list__pagenation-next::after {
  content: "";
  display: inline-block;
  width: 0.4444444444em;
  margin-left: 0.4444444444em;
  background-color: var(--color-red);
  -webkit-transform: translateY(-0.0555555556em);
          transform: translateY(-0.0555555556em);
  aspect-ratio: 8/10;
  -webkit-mask-image: url(/assets/img/common/icon_link_right.svg);
          mask-image: url(/assets/img/common/icon_link_right.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
}

.recruit-details {
  margin-top: min(62px, 5.1666666667vw);
}
@media only screen and (max-width: 767px) {
  .recruit-details {
    margin-top: 8.2666666667vw;
  }
}
.recruit-details__title {
  border-top: 1px solid var(--color-red);
  margin-bottom: calc(min(42px, 3.5vw) - (1lh - 1em) / 2);
  padding-top: calc(min(17px, 1.4166666667vw) - (1lh - 1em) / 2);
  font-size: var(--font-size-pc-24px);
  font-weight: var(--font-weight-medium);
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .recruit-details__title {
    margin-bottom: calc(5.6vw - (1lh - 1em) / 2);
    padding-top: calc(2.6666666667vw - (1lh - 1em) / 2);
    font-size: var(--font-size-sp-30px);
  }
}
.recruit-details__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: min(35px, 2.9166666667vw);
}
@media only screen and (max-width: 767px) {
  .recruit-details__footer {
    margin-top: 12.6666666667vw;
  }
}/*# sourceMappingURL=recruit.css.map */