.mv {
  background: unset;
}

.inner {
  position: relative;
  background: #f8f7f5;
}

.info-inner {
  margin: calc(80 / var(--base-full-width) * var(--inner-width) * 1px) 0;
  margin-left: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  margin-right: calc(48 / var(--base-full-width) * var(--inner-width) * 1px);
  padding: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .info-inner {
    margin-top: calc(80 / var(--base-full-width) * var(--inner-width) * 1px);
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}
.info-inner.flow {
  margin-right: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .info-inner.flow {
    margin-right: 0;
  }
}
.info-inner.info02 {
  border: 1px solid #fff;
  border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .info-inner.info02 {
    border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.info-recruit {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .info-recruit {
    flex-direction: column;
    gap: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.info-recruit + .info-recruit {
  margin-top: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  padding-top: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  border-top: 1px solid #fff;
}
@media only screen and (max-width: 47.9375em) {
  .info-recruit + .info-recruit {
    margin-top: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
    padding-top: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.info-recruit dt {
  font-size: calc(18 / var(--base-full-width) * var(--inner-width) * 1px);
  width: calc(140 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .info-recruit dt {
    font-size: calc(18 / var(--base-full-width) * var(--inner-width) * 1px);
    width: 100%;
  }
}
.info-recruit dd {
  width: calc(776 / var(--base-full-width) * var(--inner-width) * 1px);
  font-size: calc(14 / var(--base-full-width) * var(--inner-width) * 1px);
  line-height: 2;
}
@media only screen and (max-width: 47.9375em) {
  .info-recruit dd {
    width: 100%;
    font-size: calc(14 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.info-recruit dd.benefits p + p {
  margin-top: 2em;
}

.info-flow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .info-flow {
    flex-direction: column;
    gap: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.info-flow__item {
  width: calc(229 / var(--base-full-width) * var(--inner-width) * 1px);
  height: calc(252 / var(--base-full-width) * var(--inner-width) * 1px);
  background: #fff;
  border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
  padding-top: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  position: relative;
}
@media only screen and (max-width: 47.9375em) {
  .info-flow__item {
    width: 100%;
    height: auto;
    padding-top: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
    padding-bottom: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.info-flow__item:not(:last-child)::after {
  display: block;
  content: "";
  width: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  height: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
  background: url(../../assets/img/common/nav-arrow.svg) no-repeat center center/contain;
  transform: rotate(-90deg);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: calc(-24 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .info-flow__item:not(:last-child)::after {
    transform: rotate(0);
    width: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
    height: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
    top: unset;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: calc(-24 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.info-flow__item > img {
  width: calc(100 / var(--base-full-width) * var(--inner-width) * 1px);
  height: auto;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 47.9375em) {
  .info-flow__item > img {
    width: calc(100 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.info-flow__item h4 {
  text-align: center;
  font-size: calc(18 / var(--base-full-width) * var(--inner-width) * 1px);
  height: 3em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .info-flow__item h4 {
    font-size: calc(18 / var(--base-full-width) * var(--inner-width) * 1px);
    margin-bottom: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.info-flow__item h4 small {
  font-size: calc(12 / var(--base-full-width) * var(--inner-width) * 1px);
  position: relative;
  left: calc(-40 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .info-flow__item h4 small {
    font-size: calc(12 / var(--base-full-width) * var(--inner-width) * 1px);
    left: calc(-40 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.info-flow__item p {
  font-size: calc(14 / var(--base-full-width) * var(--inner-width) * 1px);
  padding: 0 calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .info-flow__item p {
    font-size: calc(14 / var(--base-full-width) * var(--inner-width) * 1px);
    padding: 0 calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
    text-align: center;
  }
}

.faq-inner {
  padding: calc(80 / var(--base-full-width) * var(--inner-width) * 1px) 0;
}
@media only screen and (max-width: 47.9375em) {
  .faq-inner {
    padding: calc(80 / var(--base-full-width) * var(--inner-width) * 1px) 0;
  }
}

.faq-inner .intro-nav {
  margin-bottom: calc(64 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .faq-inner .intro-nav {
    margin-bottom: calc(80 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.faq-inner .intro-nav .intro-nav__link {
  width: calc(235 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .faq-inner .intro-nav .intro-nav__link {
    width: 100%;
  }
}

.faq__title {
  font-size: calc(32 / var(--base-full-width) * var(--inner-width) * 1px);
  line-height: 1.25;
  letter-spacing: 0.08em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  margin-bottom: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .faq__title {
    font-size: calc(22 / var(--base-full-width) * var(--inner-width) * 1px);
    gap: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
    margin-bottom: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.faq__title::before {
  display: block;
  content: "";
  width: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
  height: 1px;
  background: #333;
}
@media only screen and (max-width: 47.9375em) {
  .faq__title::before {
    width: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.faq-item + .faq-item {
  margin-top: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .faq-item + .faq-item {
    margin-top: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.faq-q {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(14 / var(--base-full-width) * var(--inner-width) * 1px);
  position: relative;
  padding: calc(16 / var(--base-full-width) * var(--inner-width) * 1px) calc(16 / var(--base-full-width) * var(--inner-width) * 1px) calc(16 / var(--base-full-width) * var(--inner-width) * 1px) calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  width: 100%;
  border: 1px solid #fff;
  border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .faq-q {
    gap: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
    padding: calc(20 / var(--base-full-width) * var(--inner-width) * 1px) calc(56 / var(--base-full-width) * var(--inner-width) * 1px) calc(20 / var(--base-full-width) * var(--inner-width) * 1px) calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.faq-q__label {
  width: calc(56 / var(--base-full-width) * var(--inner-width) * 1px);
  height: calc(56 / var(--base-full-width) * var(--inner-width) * 1px);
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  font-family: "Lexend Tera", sans-serif;
}
@media only screen and (max-width: 47.9375em) {
  .faq-q__label {
    width: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
    height: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
    font-size: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
    flex-shrink: 0;
  }
}

.faq-q__text {
  font-size: calc(18 / var(--base-full-width) * var(--inner-width) * 1px);
  line-height: 2;
}
@media only screen and (max-width: 47.9375em) {
  .faq-q__text {
    font-size: calc(14 / var(--base-full-width) * var(--inner-width) * 1px);
    text-align: left;
  }
}

.faq-q .faq-arrow {
  transform: rotate(180deg);
  width: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  height: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  transition: 0.3s ease;
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(32 / var(--base-full-width) * var(--inner-width) * 1px);
  margin: auto 0;
}
@media only screen and (max-width: 47.9375em) {
  .faq-q .faq-arrow {
    width: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
    height: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
    right: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.faq-q.is-open .faq-arrow {
  transform: rotate(0deg);
}

.faq-a {
  background: #fff;
  border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
  width: 100%;
  display: none;
}
@media only screen and (max-width: 47.9375em) {
  .faq-a {
    border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.faq-a__inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(14 / var(--base-full-width) * var(--inner-width) * 1px);
  padding: calc(16 / var(--base-full-width) * var(--inner-width) * 1px) calc(16 / var(--base-full-width) * var(--inner-width) * 1px) calc(16 / var(--base-full-width) * var(--inner-width) * 1px) calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .faq-a__inner {
    gap: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
    padding: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.faq-a__label {
  width: calc(56 / var(--base-full-width) * var(--inner-width) * 1px);
  height: calc(56 / var(--base-full-width) * var(--inner-width) * 1px);
  border-radius: 50%;
  background: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  color: #fff;
  font-family: "Lexend Tera", sans-serif;
}
@media only screen and (max-width: 47.9375em) {
  .faq-a__label {
    width: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
    height: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
    font-size: calc(12 / var(--base-full-width) * var(--inner-width) * 1px);
    flex-shrink: 0;
  }
}

.faq-a__text {
  font-size: calc(14 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .faq-a__text {
    font-size: calc(14 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.info-faq {
  width: calc(988 / var(--base-full-width) * var(--inner-width) * 1px);
  margin: 0 auto;
}
@media only screen and (max-width: 47.9375em) {
  .info-faq {
    width: 100%;
  }
}

.info-faq + .info-faq {
  margin-top: calc(64 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .info-faq + .info-faq {
    margin-top: calc(80 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}/*# sourceMappingURL=newgraduate-info.css.map */