.lower-introduction .container {
  position: relative;
}
@media (min-width: 768.1px) {
  .lower-introduction .container {
    padding-inline: 16%;
  }
}
.lower-introduction .container::before {
  content: "";
  position: absolute;
  inset: -10em 20px 0;
  display: block;
  max-height: 360px;
  margin-inline: auto;
  background-image: url(../images/category_headImg01.webp), url(../images/category_headImg02.webp), url(../images/category_headImg03.webp), url(../images/category_headImg04.webp);
  background-repeat: no-repeat;
  background-position: bottom left, top left 14%, top right 10%, bottom right;
  background-size: 5.58% auto, 7.87% auto, 11.49% auto, 8.17% auto;
}
@media (max-width: 768px) {
  .lower-introduction .container::before {
    position: relative;
    inset: -2em 0 auto;
    height: 26vw;
    margin-top: -5.5em;
    background-position: bottom left, top left 14%, top right 15%, bottom right;
    background-size: 6.7% auto, 8.44% auto, 12.5% auto, 9.8% auto;
  }
}

.about-introduction {
  padding: 3rem 2rem;
  color: #fff;
  background: -webkit-gradient(linear,left top, right top,from(rgba(255, 135, 0, 1)), to(rgba(252, 161, 0, 1)));
  background: -webkit-linear-gradient(left,rgba(255, 135, 0, 1), rgba(252, 161, 0, 1));
  background: linear-gradient(to right,rgba(255, 135, 0, 1), rgba(252, 161, 0, 1));
  border-radius: 20px;
}
.about-introduction .fc_orn {
  padding-bottom: 0.3em;
  background: #fff;
}

.about-recruitment {
  color: #444d72;
  font-size: 2rem;
}
.about-recruitment .recruitment__btn {
  color: #fff;
}
.about-recruitment .recruitment__faq {
  background-image: url(../images/icon_question_nvy.svg);
}/*# sourceMappingURL=about.css.map */