.toc {
  -webkit-margin-after: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
          margin-block-end: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.toc__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
  padding: clamp(23px, 14.9776453055px + 1.043219076vw, 30px) clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  background-color: rgba(255, 255, 255, 0.4);
}
.toc__link {
  text-align: center;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.toc__label {
  display: block;
  -webkit-margin-after: clamp(5px, 2.7078986587px + 0.2980625931vw, 7px);
          margin-block-end: clamp(5px, 2.7078986587px + 0.2980625931vw, 7px);
  font-size: clamp(12px, 7.4157973174px + 0.5961251863vw, 16px);
  font-weight: 700;
}
.toc__arrow {
  display: inline-block;
  inline-size: clamp(5px, 2.7078986587px + 0.2980625931vw, 7px);
  aspect-ratio: 1/1;
  margin-inline: auto;
  -webkit-border-after: 1px solid #2a4256;
          border-block-end: 1px solid #2a4256;
  -webkit-border-end: 1px solid #2a4256;
          border-inline-end: 1px solid #2a4256;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media (hover: hover) {
  .toc__link:hover {
    opacity: 0.6;
  }
}
.toc__link:focus-visible {
  opacity: 0.6;
}

@media screen and (max-width: 768px) {
  .toc__list {
    grid-template-columns: 1fr;
    gap: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
    padding: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    -webkit-margin-after: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
            margin-block-end: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
    border-radius: clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
  }
  .toc__item {
    text-align: left;
  }
  .toc__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .toc__label {
    -webkit-margin-after: 0;
            margin-block-end: 0;
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .toc__arrow {
    inline-size: clamp(7px, 2.9459459459px + 1.0810810811vw, 9px);
    margin-inline: 0;
  }
}
.intro {
  position: relative;
  display: grid;
  grid-template-columns: calc(50% - clamp(38px, 24.2473919523px + 1.7883755589vw, 50px)) 50%;
  gap: clamp(38px, 24.2473919523px + 1.7883755589vw, 50px);
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.intro::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -13%;
  z-index: -1;
  inline-size: 95%;
  aspect-ratio: 2101/804;
  background-image: url(../images/recruit/intro_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.intro__heading {
  font-size: clamp(26px, 14.5394932936px + 1.4903129657vw, 36px);
  font-weight: 700;
  line-height: 1.8;
}
.intro__text {
  font-size: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
  line-height: 2;
}
.intro__text + .intro__text {
  -webkit-margin-before: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
          margin-block-start: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
}

@media screen and (max-width: 768px) {
  .intro {
    grid-template-columns: 1fr;
    gap: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .intro::before {
    inset-inline-start: auto;
    inset-inline-start: 50%;
    -webkit-transform: translateX(-60%);
            transform: translateX(-60%);
    inline-size: 120vw;
  }
  .intro__heading {
    font-size: clamp(24px, 15.8918918919px + 2.1621621622vw, 28px);
  }
  .intro__text {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .intro__text + .intro__text {
    -webkit-margin-before: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
            margin-block-start: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
}
.values {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.values__body {
  display: grid;
  grid-template-columns: calc(50% - clamp(38px, 24.2473919523px + 1.7883755589vw, 50px)) 50%;
  gap: clamp(38px, 24.2473919523px + 1.7883755589vw, 50px);
}
.values__heading {
  -webkit-margin-after: clamp(20px, 11.9776453055px + 1.043219076vw, 27px);
          margin-block-end: clamp(20px, 11.9776453055px + 1.043219076vw, 27px);
  font-size: clamp(24px, 14.8315946349px + 1.1922503726vw, 32px);
  font-weight: 700;
  line-height: 1.8;
}
.values__text {
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 2;
}
.values__text + .values__text {
  -webkit-margin-before: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
          margin-block-start: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
}
.values__image {
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
}

@media screen and (max-width: 768px) {
  .values {
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .values__body {
    grid-template-columns: 1fr;
    gap: clamp(35px, 22.8378378378px + 3.2432432432vw, 41px);
  }
  .values__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .values__heading {
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    font-size: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .values__text {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .values__text + .values__text {
    -webkit-margin-before: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
            margin-block-start: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .values__image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    border-radius: clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
  }
}
.profile {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.profile__list {
  display: grid;
  gap: clamp(38px, 24.2473919523px + 1.7883755589vw, 50px);
}
.profile__item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
  padding: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px) clamp(60px, 37.0789865872px + 2.9806259314vw, 80px);
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  background-color: rgba(255, 255, 255, 0.4);
}
.profile__num {
  display: inline-block;
  -webkit-margin-after: clamp(19px, 12.1236959762px + 0.8941877794vw, 25px);
          margin-block-end: clamp(19px, 12.1236959762px + 0.8941877794vw, 25px);
  font-family: "Oxanium", sans-serif;
  font-size: clamp(20px, 13.1236959762px + 0.8941877794vw, 26px);
}
.profile__heading {
  -webkit-margin-after: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
          margin-block-end: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  font-size: clamp(18px, 11.1236959762px + 0.8941877794vw, 24px);
  font-weight: 700;
  line-height: 1.8;
}
.profile__desc {
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 2;
}
.profile__image {
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
}

@media screen and (max-width: 768px) {
  .profile {
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .profile__list {
    gap: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
  }
  .profile__item {
    grid-template-columns: 1fr;
    gap: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    padding: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    border-radius: clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
  }
  .profile__num {
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    font-size: clamp(24px, 15.8918918919px + 2.1621621622vw, 28px);
  }
  .profile__heading {
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    font-size: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .profile__desc {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .profile__image {
    border-radius: clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
  }
}
.diversity {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.diversity__body {
  display: grid;
  grid-template-columns: calc(50% - clamp(38px, 24.2473919523px + 1.7883755589vw, 50px)) 50%;
  gap: clamp(38px, 24.2473919523px + 1.7883755589vw, 50px);
}
.diversity__heading {
  -webkit-margin-after: clamp(20px, 11.9776453055px + 1.043219076vw, 27px);
          margin-block-end: clamp(20px, 11.9776453055px + 1.043219076vw, 27px);
  font-size: clamp(22px, 10.5394932936px + 1.4903129657vw, 32px);
  font-weight: 700;
  line-height: 1.8;
}
.diversity__text {
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 2;
}
.diversity__image {
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
}

@media screen and (max-width: 768px) {
  .diversity {
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .diversity__body {
    grid-template-columns: 1fr;
    gap: clamp(35px, 22.8378378378px + 3.2432432432vw, 41px);
  }
  .diversity__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .diversity__heading {
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    font-size: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .diversity__text {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .diversity__text + .diversity__text {
    -webkit-margin-before: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
            margin-block-start: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .diversity__image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    border-radius: clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
  }
}
.programs {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.programs__text {
  -webkit-margin-after: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
          margin-block-end: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 2;
}
.programs__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(38px, 24.2473919523px + 1.7883755589vw, 50px);
}
.programs__item {
  position: relative;
  padding: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px) clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  background-color: rgba(255, 255, 255, 0.4);
}
.programs__num {
  position: absolute;
  inset-block-start: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  inset-inline-start: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  display: inline-block;
  font-family: "Oxanium", sans-serif;
  font-size: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
  color: #d1d2d9;
}
.programs__icon {
  inline-size: clamp(75px, 46.348733234px + 3.7257824143vw, 100px);
  -webkit-margin-after: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
          margin-block-end: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  margin-inline: auto;
}
.programs__title {
  -webkit-margin-after: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
          margin-block-end: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  font-size: clamp(15px, 4.6855439642px + 1.3412816692vw, 24px);
  font-weight: 700;
  text-align: center;
}
.programs__desc {
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 2;
}
.programs__annotation {
  -webkit-margin-before: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
          margin-block-start: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  font-size: clamp(10px, 6.5618479881px + 0.4470938897vw, 13px);
  color: #9599a5;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .programs {
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .programs__text {
    -webkit-margin-after: clamp(27px, 16.8648648649px + 2.7027027027vw, 32px);
            margin-block-end: clamp(27px, 16.8648648649px + 2.7027027027vw, 32px);
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .programs__list {
    grid-template-columns: 1fr;
    gap: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
  }
  .programs__item {
    padding: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px) clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    border-radius: clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
  }
  .programs__num {
    inset-block-start: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
    inset-inline-start: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
    font-size: clamp(18px, 11.9189189189px + 1.6216216216vw, 21px);
  }
  .programs__icon {
    inline-size: clamp(90px, 61.6216216216px + 7.5675675676vw, 104px);
    -webkit-margin-after: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
            margin-block-end: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .programs__title {
    -webkit-margin-after: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
            margin-block-end: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
    font-size: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .programs__desc {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .programs__annotation {
    -webkit-margin-before: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
            margin-block-start: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
    font-size: clamp(13px, 8.9459459459px + 1.0810810811vw, 15px);
  }
}
.overview {
  -webkit-padding-before: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
          padding-block-start: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.overview__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(38px, 24.2473919523px + 1.7883755589vw, 50px);
}
.overview__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  aspect-ratio: 525/280;
  padding: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  overflow: hidden;
}
.overview__link::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  -webkit-transform: scale(1);
          transform: scale(1);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  will-change: transform;
}
.overview__item--newGraduate .overview__link::before {
  background-image: url(../images/recruit/overview_img01.jpg);
}
.overview__item--midCareer .overview__link::before {
  background-image: url(../images/recruit/overview_img02.jpg);
}
.overview__en {
  position: relative;
  font-family: "Oxanium", sans-serif;
  font-size: clamp(38px, 12.7868852459px + 3.2786885246vw, 60px);
  color: rgba(255, 255, 255, 0.6);
}
.overview__ja {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-margin-before: auto;
          margin-block-start: auto;
  font-size: clamp(18px, 11.1236959762px + 0.8941877794vw, 24px);
  color: #fff;
  font-weight: 700;
}

@media (hover: hover) {
  .overview__link:hover::before {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.overview__link:focus-visible::before {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

@media screen and (max-width: 768px) {
  .overview {
    -webkit-padding-before: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
            padding-block-start: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .overview__list {
    grid-template-columns: 1fr;
    gap: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
  }
  .overview__link {
    padding: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px) clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    border-radius: clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
  }
  .overview__en {
    font-size: clamp(38px, 25.8378378378px + 3.2432432432vw, 44px);
  }
  .overview__ja {
    font-size: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
}
.entry {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.entry:last-of-type {
  -webkit-padding-after: 0;
          padding-block-end: 0;
}
.entry__inner {
  display: grid;
  grid-template-columns: calc(55% - clamp(38px, 24.2473919523px + 1.7883755589vw, 50px)) 45%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(38px, 24.2473919523px + 1.7883755589vw, 50px);
  padding: clamp(60px, 37.0789865872px + 2.9806259314vw, 80px);
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  background-color: #2a4256;
}
.entry__heading {
  -webkit-margin-after: clamp(26px, 15.6855439642px + 1.3412816692vw, 35px);
          margin-block-end: clamp(26px, 15.6855439642px + 1.3412816692vw, 35px);
}
.entry__heading span {
  font-family: "Oxanium", sans-serif;
  font-size: clamp(68px, 42.7868852459px + 3.2786885246vw, 90px);
}
.entry__list {
  display: grid;
  gap: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  -webkit-margin-after: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
          margin-block-end: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
}
.entry__item {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
}
.entry__term {
  font-size: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  color: #fff;
  font-weight: 700;
}
.entry__desc {
  font-size: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
  color: #fff;
  line-height: 2;
}
.entry .c-button::before {
  background: rgba(255, 255, 255, 0.2);
}
.entry .c-button::after {
  border: 1px solid #fff;
}
.entry .c-button-text {
  color: #fff;
}
.entry .c-button-arrow {
  color: #fff;
}
.entry__image {
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
}

@media screen and (max-width: 768px) {
  .entry {
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .entry__inner {
    display: grid;
    grid-template-columns: 1fr;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: clamp(23px, 14.8918918919px + 2.1621621622vw, 27px);
    padding: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px) clamp(20px, 13.9189189189px + 1.6216216216vw, 23px) clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .entry__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .entry__heading {
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .entry__heading span {
    font-size: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px);
  }
  .entry__list {
    gap: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .entry__item {
    grid-template-columns: 1fr;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .entry__term {
    font-size: clamp(17px, 10.9189189189px + 1.6216216216vw, 20px);
  }
  .entry__desc {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .entry__image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
}
.training {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.training__text {
  -webkit-margin-after: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
          margin-block-end: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 2;
}
.training__block + .training__block {
  -webkit-margin-before: clamp(60px, 37.0789865872px + 2.9806259314vw, 80px);
          margin-block-start: clamp(60px, 37.0789865872px + 2.9806259314vw, 80px);
}
.training__heading {
  -webkit-margin-after: clamp(20px, 13.1236959762px + 0.8941877794vw, 26px);
          margin-block-end: clamp(20px, 13.1236959762px + 0.8941877794vw, 26px);
  font-size: clamp(18px, 11.1236959762px + 0.8941877794vw, 24px);
  font-weight: 700;
}
.training__list {
  padding: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  background-color: rgba(209, 210, 217, 0.4);
}
.training__item {
  display: grid;
  grid-template-columns: 30fr 70fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
  -webkit-border-after: 1px solid #d1d2d9;
          border-block-end: 1px solid #d1d2d9;
}
.training__item:first-of-type {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}
.training__item:last-of-type {
  -webkit-padding-after: 0;
          padding-block-end: 0;
  -webkit-border-after: none;
          border-block-end: none;
}
.training__term {
  font-size: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  font-weight: 700;
  line-height: 1.8;
}
.training__desc, .training__desc-list li {
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 2;
}
.training__badge {
  display: inline-block;
  padding: clamp(5px, 3.8539493294px + 0.1490312966vw, 6px) clamp(6px, 3.7078986587px + 0.2980625931vw, 8px);
  margin-block: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px) clamp(4px, 2.8539493294px + 0.1490312966vw, 5px);
  border-radius: clamp(2px, 0.8539493294px + 0.1490312966vw, 3px);
  background-color: #2a4256;
  font-size: clamp(10px, 6.5618479881px + 0.4470938897vw, 13px);
  color: #fff;
}

@media screen and (max-width: 768px) {
  .training {
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .training__text {
    -webkit-margin-after: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
            margin-block-end: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .training__block + .training__block {
    -webkit-margin-before: clamp(50px, 33.7837837838px + 4.3243243243vw, 58px);
            margin-block-start: clamp(50px, 33.7837837838px + 4.3243243243vw, 58px);
  }
  .training__heading {
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    font-size: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .training__list {
    padding: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px) clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .training__item {
    grid-template-columns: 1fr;
    padding-block: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
  }
  .training__term {
    font-size: clamp(17px, 10.9189189189px + 1.6216216216vw, 20px);
  }
  .training__desc, .training__desc-list li {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .training__badge {
    padding: clamp(6px, 3.972972973px + 0.5405405405vw, 7px) clamp(8px, 3.9459459459px + 1.0810810811vw, 10px);
    margin-block: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px) clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
    border-radius: clamp(3px, 0.972972973px + 0.5405405405vw, 4px);
    font-size: clamp(12px, 7.9459459459px + 1.0810810811vw, 14px);
  }
}
.faq {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.faq__list {
  display: grid;
  gap: clamp(60px, 37.0789865872px + 2.9806259314vw, 80px);
  max-inline-size: 900px;
  margin-inline: auto;
}
.faq__item {
  display: grid;
  gap: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
}
.faq__heading {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  padding: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px) clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
  background-color: rgba(255, 255, 255, 0.4);
}
.faq__q {
  display: block;
  font-family: "Oxanium", sans-serif;
  font-size: clamp(20px, 13.1236959762px + 0.8941877794vw, 26px);
  letter-spacing: 0;
}
.faq__question {
  font-size: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  font-weight: 700;
  line-height: 1.8;
}
.faq__answer {
  inline-size: calc(100% - clamp(45px, 27.8092399404px + 2.2354694486vw, 60px));
  margin-inline: auto;
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 2;
}
.faq__answer-list li {
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .faq__list {
    gap: clamp(50px, 33.7837837838px + 4.3243243243vw, 58px);
  }
  .faq__item {
    gap: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .faq__heading {
    gap: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
    padding: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px) clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .faq__q {
    font-size: clamp(24px, 15.8918918919px + 2.1621621622vw, 28px);
  }
  .faq__question {
    font-size: clamp(17px, 10.9189189189px + 1.6216216216vw, 20px);
  }
  .faq__answer {
    inline-size: 100%;
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .faq__answer-list li {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
}
.description {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.description__list {
  max-inline-size: 900px;
  margin-inline: auto;
}
.description__item {
  display: grid;
  grid-template-columns: calc(30% - clamp(30px, 18.5394932936px + 1.4903129657vw, 40px)) 70%;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
  padding-block: clamp(25px, 15.8315946349px + 1.1922503726vw, 33px);
  -webkit-border-after: 1px solid #d1d2da;
          border-block-end: 1px solid #d1d2da;
}
.description__item:first-of-type {
  -webkit-border-before: 1px solid #d1d2da;
          border-block-start: 1px solid #d1d2da;
}
.description__heading {
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  font-weight: 700;
}
.description__content {
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .description {
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .description__item {
    grid-template-columns: 1fr;
    gap: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
    padding-block: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
  }
  .description__heading {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .description__content {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
}
.flow {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.flow__list {
  display: grid;
  gap: clamp(38px, 24.2473919523px + 1.7883755589vw, 50px);
  max-inline-size: 900px;
  margin-inline: auto;
}
.flow__item {
  position: relative;
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(38px, 24.2473919523px + 1.7883755589vw, 50px);
  padding: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px) clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
  background-color: rgba(255, 255, 255, 0.4);
}
.flow__item:not(:last-of-type)::before {
  content: "";
  position: absolute;
  inset-block-start: calc(100% + clamp(15px, 9.2697466468px + 0.7451564829vw, 20px));
  inset-inline-start: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  inline-size: clamp(11px, 7.5618479881px + 0.4470938897vw, 14px);
  aspect-ratio: 1/1;
  -webkit-border-after: 2px solid #2a4256;
          border-block-end: 2px solid #2a4256;
  -webkit-border-end: 2px solid #2a4256;
          border-inline-end: 2px solid #2a4256;
}
.flow__step {
  font-family: "Oxanium", sans-serif;
  font-size: clamp(20px, 13.1236959762px + 0.8941877794vw, 26px);
}
.flow__title {
  -webkit-margin-after: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
          margin-block-end: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  font-size: clamp(18px, 11.1236959762px + 0.8941877794vw, 24px);
  font-weight: 700;
}
.flow__desc {
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .flow {
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .flow__list {
    gap: clamp(50px, 33.7837837838px + 4.3243243243vw, 58px);
  }
  .flow__item {
    gap: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
    padding: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .flow__item:not(:last-of-type)::before {
    inset-block-start: calc(100% + clamp(20px, 13.9189189189px + 1.6216216216vw, 23px));
    inline-size: clamp(14px, 7.9189189189px + 1.6216216216vw, 17px);
  }
  .flow__step {
    font-size: clamp(24px, 15.8918918919px + 2.1621621622vw, 28px);
  }
  .flow__title {
    -webkit-margin-after: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
            margin-block-end: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
    font-size: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .flow__desc {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
}
/*# sourceMappingURL=recruit.css.map */