@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes arrow-link-line {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  49.99% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}
.recruit-intro img {
  display: block;
  aspect-ratio: 1645/453;
  margin-top: 95px;
  width: 85.6770833333%;
  max-width: 95%;
  margin-left: auto;
}
@media (max-width: 1920px) {
  .recruit-intro img {
    width: 1645px;
  }
}
@media (max-width: 768px) {
  .recruit-intro img {
    margin-top: 10.6666666667vw;
  }
}

.recruit-nav {
  margin-top: 145px;
}
@media (max-width: 768px) {
  .recruit-nav {
    margin-top: 26.6666666667vw;
  }
}
.recruit-nav .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 94px;
}
@media (max-width: 768px) {
  .recruit-nav .list {
    gap: 16vw;
    flex-direction: column;
  }
}
.recruit-nav .list > li {
  width: 45.75%;
}
@media (max-width: 768px) {
  .recruit-nav .list > li {
    width: 100%;
  }
}
.recruit-nav .list > li a:hover img {
  transform: scale(1.05);
}
@media (max-width: 768px) {
  .recruit-nav .list > li a:hover img {
    transform: scale(1);
  }
}
.recruit-nav .list > li a .imgWrap {
  width: 100%;
  aspect-ratio: 549/342;
  position: relative;
}
@media (max-width: 768px) {
  .recruit-nav .list > li a .imgWrap {
    width: calc(100% - 2.6666666667vw);
    margin-right: auto;
  }
}
.recruit-nav .list > li a .imgWrap:before {
  content: "";
  display: block;
  background-color: #71B3BE;
  width: 39.8907103825%;
  aspect-ratio: 219/219;
  position: absolute;
  right: -16px;
  bottom: -16px;
  z-index: -1;
}
@media (max-width: 768px) {
  .recruit-nav .list > li a .imgWrap:before {
    bottom: -2.6666666667vw;
    right: -2.6666666667vw;
  }
}
.recruit-nav .list > li a .imgWrap .imgWrapChild {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.recruit-nav .list > li a .imgWrap img {
  display: block;
  width: 100%;
  transition: 0.3s;
}
.recruit-nav .list > li a .m-ttl {
  margin-top: 46px;
}
@media (max-width: 768px) {
  .recruit-nav .list > li a .m-ttl {
    margin-top: 5.3333333333vw;
  }
}
.recruit-nav .list > li .navDesc {
  font-size: 16px;
  letter-spacing: 0.08em;
  margin-top: 30px;
  line-height: 2.0625;
}
@media (max-width: 768px) {
  .recruit-nav .list > li .navDesc {
    font-size: 2.9333333333vw;
    margin-top: 3.2vw;
  }
}

/*# sourceMappingURL=recruit.css.map */