.marquee {
  margin-top: calc(95 / var(--pc));
  overflow: hidden;
  width: 100%;
}
.marquee .marquee__track {
  display: flex;
  animation: marquee-slide 20s linear infinite;
  will-change: transform;
}
.marquee .marquee__track .marquee__group {
  display: flex;
  gap: 0 calc(20 / var(--pc));
  flex-shrink: 0;
  padding-right: calc(20 / var(--pc));
}
.marquee .marquee__track .marquee__group img {
  height: calc(300 / var(--pc));
  width: auto;
  object-fit: cover;
  display: block;
}
@keyframes marquee-slide {
  to {
    transform: translateX(-50%);
  }
}

.highlights {
  margin-top: calc(92 / var(--pc));
}
.highlights .highlights-container {
  margin-top: calc(52 / var(--pc));
  display: flex;
  justify-content: center;
  gap: 0 calc(79 / var(--pc));
}
.highlights .highlights-container .highlights-item {
  width: calc(240 / var(--pc));
}
.highlights .highlights-container .highlights-item .num {
  width: calc(120 / var(--pc));
  height: calc(120 / var(--pc));
  border-radius: 100%;
  background: #D3E4FF;
  color: #16499C;
  font-size: calc(44 / var(--pc));
  font-weight: 800;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
}
.highlights .highlights-container .highlights-item .num::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-right: calc(9 / var(--pc)) solid transparent;
  border-left: calc(9 / var(--pc)) solid transparent;
  border-top: calc(22 / var(--pc)) solid #d3e4ff;
  position: absolute;
  left: 50%;
  bottom: calc(-18 / var(--pc));
  transform: translateX(-50%);
}
.highlights .highlights-container .highlights-item h3 {
  font-size: calc(30 / var(--pc));
  font-weight: 500;
  text-align: center;
  margin-top: calc(25 / var(--pc));
}
.highlights .highlights-container .highlights-item p {
  line-height: calc(26 / var(--pc));
  margin-top: calc(28 / var(--pc));
}

.interview {
  width: calc(1200 / var(--pc));
  margin: calc(85 / var(--pc)) auto 0;
}
.interview .interview-container {
  display: flex;
  gap: 0 calc(40 / var(--pc));
  margin-top: calc(52 / var(--pc));
}
.interview .interview-container .interview-item {
  width: calc(270 / var(--pc));
}
.interview .interview-container .interview-item img {
  border-radius: calc(16 / var(--pc)) calc(16 / var(--pc)) 0 0;
}
.interview .interview-container .interview-item .interview-txt {
  background: #F3F7FF;
  padding: calc(24 / var(--pc)) calc(24 / var(--pc)) calc(26 / var(--pc));
  border-radius: 0 0 calc(16 / var(--pc)) calc(16 / var(--pc));
  height: 54%;
}
.interview .interview-container .interview-item .interview-txt .interview-head {
  display: flex;
  justify-content: space-between;
  font-size: calc(16 / var(--pc));
  font-weight: 500;
}
.interview .interview-container .interview-item .interview-txt p {
  font-size: calc(14 / var(--pc));
  line-height: calc(22 / var(--pc));
  margin-top: calc(11 / var(--pc));
}

.workplace-visit {
  margin-top: calc(104 / var(--pc));
  background: #F1F7EC;
  border-radius: calc(80 / var(--pc));
  padding: calc(84 / var(--pc)) calc(280 / var(--pc)) calc(96 / var(--pc));
}
.workplace-visit h2 + p {
  margin-top: calc(47 / var(--pc));
  line-height: calc(26 / var(--pc));
}
.workplace-visit .tel {
  background: #fff;
  border-radius: calc(16 / var(--pc));
  padding: calc(25 / var(--pc)) 0;
  text-align: center;
  width: calc(560 / var(--pc));
  margin: calc(53 / var(--pc)) auto 0;
  font-size: calc(14 / var(--pc));
}
.workplace-visit .tel p:nth-of-type(1) {
  font-weight: 500;
}
.workplace-visit .tel p:nth-of-type(2) {
  font-size: calc(38 / var(--pc));
  font-weight: 800;
  margin-top: calc(2 / var(--pc));
  color: #005DAB;
}
.workplace-visit .tel p:nth-of-type(3) {
  margin-top: calc(3 / var(--pc));
}

.requirements {
  width: calc(800 / var(--pc));
  margin: calc(92 / var(--pc)) auto 0;
}
.requirements .btn {
  margin: calc(40 / var(--pc)) auto 0;
}
.requirements .btn + .btn {
  margin-top: calc(16 / var(--pc));
}
.requirements .bnr {
  display: block;
  width: calc(331 / var(--pc));
  margin: calc(40 / var(--pc)) auto 0;
}

.faq {
  width: calc(800 / var(--pc));
  margin: calc(92 / var(--pc)) auto 0;
}
.faq dl {
  margin-top: calc(35 / var(--pc));
  border-top: 2px solid #E3EADF;
}
.faq dl dt, .faq dl dd {
  display: flex;
  align-items: flex-start;
  gap: 0 calc(6 / var(--pc));
}
.faq dl dt::before, .faq dl dd::before {
  font-family: "Varela Round", sans-serif;
  font-size: calc(24 / var(--pc));
  letter-spacing: 0.1em;
}
.faq dl dt {
  padding: calc(19 / var(--pc)) calc(32 / var(--pc)) 0;
  line-height: calc(28 / var(--pc));
  font-weight: 500;
}
.faq dl dt::before {
  content: "Q";
  color: #16499C;
}
.faq dl dd {
  padding: calc(9 / var(--pc)) calc(32 / var(--pc)) calc(18 / var(--pc));
  border-bottom: 2px solid #E3EADF;
}
.faq dl dd::before {
  content: "A";
  color: #69B72D;
}

.content .contact-area .contact-left h2 {
  font-size: calc(32 / var(--pc));
}

@media (max-width: 768px) {
  .marquee {
    margin-top: calc(64 / var(--sp));
  }
  .marquee .marquee__track {
    animation: marquee-slide 5s linear infinite;
  }
  .marquee .marquee__track .marquee__group {
    gap: 0 calc(16 / var(--sp));
    padding-right: calc(16 / var(--sp));
  }
  .marquee .marquee__track .marquee__group img {
    height: calc(120 / var(--sp));
  }
  .highlights {
    margin-top: calc(55 / var(--sp));
  }
  .highlights .highlights-container {
    margin-top: calc(30 / var(--sp));
    flex-direction: column;
    align-items: center;
    gap: calc(35 / var(--sp)) 0;
  }
  .highlights .highlights-container .highlights-item {
    width: calc(279 / var(--sp));
  }
  .highlights .highlights-container .highlights-item .num {
    width: calc(72 / var(--sp));
    height: calc(72 / var(--sp));
    font-size: calc(30 / var(--sp));
  }
  .highlights .highlights-container .highlights-item .num::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-right: calc(9 / var(--sp)) solid transparent;
    border-left: calc(9 / var(--sp)) solid transparent;
    border-top: calc(22 / var(--sp)) solid #d3e4ff;
    bottom: calc(-14 / var(--sp));
  }
  .highlights .highlights-container .highlights-item h3 {
    font-size: calc(24 / var(--sp));
    margin-top: calc(18 / var(--sp));
  }
  .highlights .highlights-container .highlights-item p {
    line-height: calc(22 / var(--sp));
    margin-top: calc(15 / var(--sp));
  }
  .interview {
    width: calc(279 / var(--sp));
    margin-top: calc(51 / var(--sp));
  }
  .interview .interview-container {
    flex-direction: column;
    gap: calc(33 / var(--sp)) 0;
    margin-top: calc(30 / var(--sp));
  }
  .interview .interview-container .interview-item {
    width: 100%;
  }
  .interview .interview-container .interview-item img {
    border-radius: calc(16 / var(--sp)) calc(16 / var(--sp)) 0 0;
  }
  .interview .interview-container .interview-item .interview-txt {
    padding: calc(24 / var(--sp)) calc(24 / var(--sp)) calc(28 / var(--sp));
    border-radius: 0 0 calc(16 / var(--sp)) calc(16 / var(--sp));
    height: auto;
  }
  .interview .interview-container .interview-item .interview-txt .interview-head {
    font-size: calc(16 / var(--sp));
  }
  .interview .interview-container .interview-item .interview-txt p {
    font-size: calc(14 / var(--sp));
    line-height: calc(22 / var(--sp));
    margin-top: calc(11 / var(--sp));
  }
  .workplace-visit {
    margin-top: calc(64 / var(--sp));
    border-radius: calc(48 / var(--sp));
    padding: calc(47 / var(--sp)) calc(24 / var(--sp)) calc(56 / var(--sp));
  }
  .workplace-visit h2 + p {
    margin-top: calc(26 / var(--sp));
    line-height: calc(26 / var(--sp));
  }
  .workplace-visit .tel {
    border-radius: calc(12 / var(--sp));
    padding: calc(20 / var(--sp)) 0 calc(17 / var(--sp));
    width: calc(327 / var(--sp));
    margin-top: calc(28 / var(--sp));
    font-size: calc(16 / var(--sp));
  }
  .workplace-visit .tel p:nth-of-type(2) {
    font-size: calc(32 / var(--sp));
    margin-top: calc(8 / var(--sp));
  }
  .workplace-visit .tel p:nth-of-type(3) {
    font-size: calc(12 / var(--sp));
    margin-top: calc(-3 / var(--sp));
  }
  .requirements {
    width: calc(327 / var(--sp));
    margin-top: calc(58 / var(--sp));
  }
  .requirements .btn {
    margin-top: calc(33 / var(--sp));
  }
  .requirements .btn + .btn {
    margin-top: calc(12 / var(--sp));
  }
  .requirements .bnr {
    width: calc(327 / var(--sp));
    margin-top: calc(40 / var(--sp));
  }
  .faq {
    width: calc(327 / var(--sp));
    margin-top: calc(57 / var(--sp));
  }
  .faq dl {
    margin-top: calc(32 / var(--sp));
  }
  .faq dl dt, .faq dl dd {
    gap: 0 calc(4 / var(--sp));
  }
  .faq dl dt::before, .faq dl dd::before {
    font-size: calc(24 / var(--sp));
  }
  .faq dl dt {
    padding: calc(23 / var(--sp)) 0 0;
    line-height: calc(22 / var(--sp));
  }
  .faq dl dd {
    padding: calc(15 / var(--sp)) 0 calc(20 / var(--sp));
  }
  .content .contact-area .contact-left h2 {
    font-size: calc(28 / var(--sp));
  }
}/*# sourceMappingURL=recruit.css.map */