@charset "UTF-8";
.c-title_hero.type--secondary.kind--recruit::before {
  background-image: url("/assets/img/component/background/c-title_hero-company_pc.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 767px) {
  .c-title_hero.type--secondary.kind--recruit::before {
    background-image: url("/assets/img/component/background/c-title_hero-company_sp.webp");
  }
}
.c-title_hero.type--secondary.kind--recruit.area--kbs::before {
  background-image: url("/assets/img/component/background/kbs/c-title_hero-recruit_pc.webp");
}
@media only screen and (max-width: 767px) {
  .c-title_hero.type--secondary.kind--recruit.area--kbs::before {
    background-image: url("/assets/img/component/background/kbs/c-title_hero-recruit_sp.webp");
  }
}

.c-title_hero.type--secondary.kind--recruit::after {
  background: linear-gradient(90deg, #FFFFFF 0%, #F0FDFF 100%);
  opacity: 0.9;
}
  .kbs-recruit_flow {recruit
    margin-top: var(--space-20);
  }

  @media only screen and (max-width: 767px) {
    .kbs-recruit_flow {
      margin-top: 0;
    }
  }

  .kbs-recruit_flow__list {
    display: flex;
    flex-direction: column;
    gap: var(--space-20);
  }

  .kbs-recruit_flow__item {
    display: grid;
    grid-template-columns: auto 1fr;
    -moz-column-gap: min(2.431vw, 35px);
    column-gap: min(2.431vw, 35px);
  }

  .kbs-recruit_flow__item:last-child .kbs-recruit_flow__content::before {
    display: none;
  }

  @media only screen and (max-width: 767px) {
    .kbs-recruit_flow__item {
      grid-template-columns: 1fr;
      justify-items: center;
    }
  }

  .kbs-recruit_flow__content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--space-20);
    padding: min(2.083vw, 30px) min(2.778vw, 40px);
    border-radius: min(1.389vw, 20px);
    background: var(--background-light_gray);
  }

  @media only screen and (max-width: 767px) {
    .kbs-recruit_flow__content {
      margin-top: -10.256vw;
      padding: 7.692vw 5.128vw;
      border-radius: 5.128vw;
    }
  }

  .kbs-recruit_flow__content::before {
    position: absolute;
    display: inline-block;
    content: "";
    top: min(4.861vw, 70px);
    left: max(-7.222vw, -104px);
    width: 2px;
    height: calc(100% + min(1.389vw, 20px));
    background: var(--line-light_gray);
    z-index: -1;
  }

  @media only screen and (max-width: 767px) {
    .kbs-recruit_flow__content::before {
      top: 10.256vw;
      left: 50%;
      height: calc(100% + 5.128vw);
      transform: translateX(-50%);
    }
  }

  .kbs-recruit_flow__content::after {
    position: absolute;
    display: inline-block;
    content: "";
    top: min(4.444vw, 64px);
    left: max(-1.528vw, -22px);
    width: 0;
    height: 0;
    border-width: 0 min(1.042vw, 15px) min(1.25vw, 18px) min(1.042vw, 15px);
    border-style: solid;
    border-color: transparent transparent var(--background-light_gray);
    transform: rotate(-90deg);
  }

  @media only screen and (max-width: 767px) {
    .kbs-recruit_flow__content::after {
      display: none;
    }
  }

  .kbs-recruit_flow__step {
    position: relative;
    z-index: 5;
  }

  .kbs-recruit_flow__number {
    position: relative;
    display: grid;
    justify-items: center;
    align-items: center;
    width: min(9.722vw, 140px);
    height: min(9.722vw, 140px);
    border-radius: 50%;
    font-family: var(--family-en);
    font-size: var(--size-30px);
    font-weight: var(--weight-light);
    line-height: var(--line-height-100);
  }

  @media only screen and (max-width: 767px) {
    .kbs-recruit_flow__number {
      font-size: var(--size-30px);
      font-weight: var(--weight-light);
      line-height: var(--line-height-100);
    }
  }

  @media only screen and (max-width: 767px) {
    .kbs-recruit_flow__number {
      width: 20.513vw;
      height: 20.513vw;
      font-family: var(--family-en);
      font-size: var(--size-18px);
      font-weight: var(--weight-light);
      line-height: var(--line-height-100);
    }
  }

  @media only screen and (max-width: 767px) and (max-width: 767px) {
    .kbs-recruit_flow__number {
      font-size: var(--size-18px);
      font-weight: var(--weight-light);
      line-height: var(--line-height-100);
    }
  }

  .kbs-recruit_flow__number.theme--red {
    color: var(--text-white);
    background: var(--primary-red);
  }

  .kbs-recruit_flow__number.theme--black {
    color: var(--text-white);
    background: var(--background-black);
  }

  .kbs-recruit_flow__address {
    display: flex;
    flex-direction: column;
    gap: var(--space-10);
    padding: min(1.389vw, 20px) min(2.083vw, 30px);
    background: var(--background-white);
  }

  @media only screen and (max-width: 767px) {
    .kbs-recruit_flow__address {
      padding: var(--space-20);
    }
  }

  .kbs-recruit_flow__address-list {
    display: flex;
    flex-direction: column;
    gap: var(--space-10);
  }

  .kbs-recruit_flow__address-item {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: var(--space-5);
  }

  @media only screen and (max-width: 767px) {
    .kbs-recruit_flow__address-item {
      grid-template-columns: 1fr;
    }
  }

  .kbs-recruit_flow__address-item dt {
    font-family: var(--family-jp);
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }

  @media only screen and (max-width: 767px) {
    .kbs-recruit_flow__address-item dt {
      font-size: var(--size-16px);
      font-weight: var(--weight-bold);
      line-height: var(--line-height-170);
    }
  }

  @media only screen and (max-width: 767px) {
    .kbs-recruit_flow__address-item dt {
      font-family: var(--family-jp);
      font-size: var(--size-14px);
      font-weight: var(--weight-bold);
      line-height: var(--line-height-170);
    }
  }

  @media only screen and (max-width: 767px) and (max-width: 767px) {
    .kbs-recruit_flow__address-item dt {
      font-size: var(--size-14px);
      font-weight: var(--weight-bold);
      line-height: var(--line-height-170);
    }
  }

  .kbs-recruit_flow__address-item dd {
    font-family: var(--family-jp);
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }

  @media only screen and (max-width: 767px) {
    .kbs-recruit_flow__address-item dd {
      font-size: var(--size-16px);
      font-weight: var(--weight-regular);
      line-height: var(--line-height-170);
    }
  }

  @media only screen and (max-width: 767px) {
    .kbs-recruit_flow__address-item dd {
      font-family: var(--family-jp);
      font-size: var(--size-14px);
      font-weight: var(--weight-regular);
      line-height: var(--line-height-170);
    }
  }

  @media only screen and (max-width: 767px) and (max-width: 767px) {
    .kbs-recruit_flow__address-item dd {
      font-size: var(--size-14px);
      font-weight: var(--weight-regular);
      line-height: var(--line-height-170);
    }
  }

  .kbs-recruit_flow .setting--margin {
    margin-bottom: var(--space-5) !important;
  }

  .kbs-recruit_flow .c-annotation {
    margin-top: 0;
  }