@charset "utf-8";
.recruit-1 {
  padding-bottom: 80px;
  overflow: hidden;
}
.recruit-1__container {
      display: flex;
    justify-content: center;
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}
.recruit-1__deco1{
      position: absolute;
    width: clamp(10rem, -0.429rem + 16.29vw, 19.125rem);
    left: clamp(2.5rem, -1.5rem + 6.25vw, 6rem);
    bottom: clamp(2.5rem, -6.429rem + 13.95vw, 10.313rem);
    transform: translateY(50%);
}
.recruit-1__deco2 {
      position: absolute;
    width: clamp(10rem, -0.429rem + 16.29vw, 19.125rem);
    right: clamp(2.5rem, -1.5rem + 6.25vw, 6rem);
    top: clamp(2.5rem, -6.429rem + 13.95vw, 10.313rem);
    transform: translateY(-50%);
}
.recruit-1__content {
      display: flex;
    flex-direction: column;
    align-items: center;
}
.recruit-1__title {
      font-size: clamp(2rem, 0.286rem + 2.68vw, 3.5rem);
    font-weight: 700;
    padding-bottom: 4px;
    border-bottom: 2px dashed #000;
    width: fit-content;
}
.recruit-1__text {
      margin-top: 32px;
    font-size: clamp(1.25rem, 0.964rem + 0.45vw, 1.5rem);
    font-weight: 700;
    text-align: center;
}
.recruit-1__text--sp {
    display: none;
  }

.slider__wrapper {
  display: flex;
  overflow: hidden;
    width: 100vw;
  column-gap: clamp(1.25rem, -0.179rem + 2.23vw, 2.5rem);
}
.slider {
  animation: scroll-left 40s infinite linear .5s both;
  display: flex; 
      align-items: center;
  column-gap: clamp(1.25rem, -0.179rem + 2.23vw, 2.5rem);
}
.slide {
  width: calc(100vw / 5 - clamp(1.25rem, -0.179rem + 2.23vw, 2.5rem));
}
@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.recruit-2 {
  background-color: #FFFCEB;
}
.recruit-2__inner {
  padding: 40px clamp(1.25rem, -11.036rem + 19.2vw, 12rem);
}
.recruit-2__container {
      display: flex;
    flex-direction: column;
    align-items: center;
}
.recruit-2__title {
      background-color: #FFA826;
    border-radius: 49px;
    padding: clamp(1.125rem, 0.696rem + 0.67vw, 1.5rem);
    width: clamp(37.5rem, 13.429rem + 37.61vw, 58.563rem);
    text-align: center;
    color: #fff;
    font-size: clamp(1.125rem, 0.696rem + 0.67vw, 1.5rem);
    line-height: 1;
}
.recruit-2__content {
      margin-top: 32px;
    display: flex;
    column-gap: clamp(1.25rem, -0.179rem + 2.23vw, 2.5rem);
    width: 100%;
}
.recruit-2__left {
      width: 937px;
    display: flex;
    flex-direction: column;
    row-gap: clamp(0.625rem, -0.089rem + 1.12vw, 1.25rem);
}
.recruit-2__text {
      font-size: clamp(0.875rem, 0.589rem + 0.45vw, 1.125rem);
    padding: clamp(1rem, -0.286rem + 2.01vw, 2.125rem) clamp(1.125rem, -0.446rem + 2.46vw, 2.5rem);
    background-color: #fff;
    border: 1px solid #FF6F00;
    line-height: 1;
    border-radius: 10px;
    text-indent: -1.4em;
    padding-left: 2.8em;
    line-height: 1.5;
}
.recruit-2__right {
      position: relative;
    width: 559px;
}
.recruit-2__icon {
      position: absolute;
    width: clamp(5rem, -0.857rem + 9.15vw, 10.125rem);
    right: 0;
    top: -10%;
}
.recruit-2__img {
      height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.recruit-3 {
      background-image: url(https://gokigenjuku.jp/system_panel/uploads/images/recruit-3_bg.png);
    background-size: cover;
    background-position: top center;
}
.recruit-3__inner {
  padding: 0 clamp(2.5rem, -8.357rem + 16.96vw, 12rem);
}
.recruit-3__container {
  padding: 80px 0;
}
.recruit-3__title {
      font-size: clamp(1.25rem, 0.393rem + 1.34vw, 2rem);
    font-weight: 700;
    text-align: center;
}
.recruit-3__content {
      display: flex;
    column-gap: clamp(1.25rem, -0.179rem + 2.23vw, 2.5rem);
    margin-top: 46px;
}
.recruit-3-content__item {
      display: flex;
    column-gap: clamp(1.25rem, -0.179rem + 2.23vw, 2.5rem);
    align-items: center;
}
.redruit-3-content-item__left {
    width: clamp(11.25rem, 7.179rem + 6.36vw, 14.813rem);
    height: auto;
    object-fit: contain;
}
.recruit-content-item__right {
      background-color: #FFFCE8;
    border: 1px solid #FF6F00;
    padding: clamp(1rem, 0.714rem + 0.45vw, 1.25rem) clamp(0.625rem, -4.375rem + 7.81vw, 5rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: clamp(0.625rem, -0.089rem + 1.12vw, 1.25rem);
    width: clamp(16.25rem, 1.179rem + 23.55vw, 29.438rem);
    border-radius: 10px;
}
.recruit-content-item__right--green {
  border: 1px solid #05BC91;
}
.recruit-3-content__title {
       padding: 6px;
    width: 160px;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    background-color: #FF6F00;
    color: #fff;
    border-radius: 5px;
    line-height: 1;
}
.recruit-3-content__title--green {
  background-color: #05BC91;
}
.recruit-3-content__text {
      font-size: clamp(0.875rem, 0.589rem + 0.45vw, 1.125rem);
    font-weight: 700;
    line-height: 1.7;
}
.recruit-3-img__box {
  display: none;
}

.recruit-4 {
  padding-top: 84px;
}
.recruit-4__inner {
  padding: 0 clamp(2.5rem, -8.357rem + 16.96vw, 12rem);
}
.recruit-4__bg {
      margin-top: 24px;
    background-color: #ECF3F3;
    padding: 40px clamp(1.25rem, -4.179rem + 8.48vw, 6rem);
}
.recruit-4__content {
      background-color: #fff;
    padding: clamp(1.25rem, -0.179rem + 2.23vw, 2.5rem) clamp(1.25rem, -7.75rem + 14.06vw, 9.125rem);
    display: flex;
    column-gap: clamp(1.25rem, -3.036rem + 6.7vw, 5rem);
}
.recruit-4__items {
  width: 50%;
}
.recruit-4__item {
      display: flex;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
}
.recruit-4__item:not(:first-child) {
  padding-top: 16px;
}
.recruit-4-item__left {
      width: 24%;
    font-size: clamp(0.875rem, 0.732rem + 0.22vw, 1rem);
    font-weight: 700;
    color: #005949;
    letter-spacing: -0.05em;
}
.recruitt-4-item__right {
      width: 76%;
    font-size: clamp(0.875rem, 0.732rem + 0.22vw, 1rem);
    font-weight: 700;
}

.recruit__cta {
      padding: 54px clamp(2.5rem, -17.929rem + 31.92vw, 20.375rem);
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    column-gap: clamp(1.25rem, -3.036rem + 6.7vw, 5rem);
}

@media (max-width: 1023px) {
  .slide {
    width: calc(100vw / 4 - clamp(1.25rem, -0.179rem + 2.23vw, 2.5rem));
  }
  
  .recruit-3__content {
        flex-direction: column;
    align-items: center;
    row-gap: 20px;
  }
  .redruit-3-content-item__left {
    width: clamp(11.25rem, 0.521rem + 22.35vw, 14.813rem);
  }
  .recruit-content-item__right {
        width: clamp(16.25rem, -23.468rem + 82.75vw, 29.438rem);
    padding: clamp(1rem, 0.247rem + 1.57vw, 1.25rem) clamp(0.625rem, -12.551rem + 27.45vw, 5rem);
  }
  
  .recruit-4__content {
        flex-direction: column;
    row-gap: 16px;
  }
  .recruit-4__items {
    width: 100%;
  }
  
  .recruit__cta {
        flex-direction: column;
    row-gap: 32px;
    width: 594px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767px) {
  .recruit-1 {
    padding-bottom: 32px;
  }
  .recruit-1__container {
    padding: 72px 0;
  }
  .recruit-1__deco1 {
    left: 20px;
  }
  .recruit-1__deco2 {
    right: 20px;
  }
  .recruit-1__title {
    font-size: 24px;
  }
  .recruit-1__text {
    display: none;
  }
  .recruit-1__text--sp {
    display: block;
        margin-top: 20px;
    font-size: 14px;
    padding: 0 20px;
    font-weight: 700;
    text-align: center;
  }
  .slide {
    width: calc(100vw / 2 - clamp(1.25rem, -0.179rem + 2.23vw, 2.5rem));
  }
  
  .recruit-2__title {
    width: 100%;
    padding: 22px;
  }
  .recruit-2__content {
        flex-direction: column-reverse;
    row-gap: 20px;
  }
  .recruit-2__left {
    width: 100%;
  }
  .recruit-2__right {
    width: 100%;
  }
  
  .recruit-3__inner {
    padding: 0 20px;
  }
  .recruit-3__container {
        padding-top: 35px;
    padding-bottom: 65px;
  }
  .recruit-3__content {
    margin-top: 24px;
  }
  .redruit-3-content-item__left {
    display: none;
  }
  .recruit-content-item__right {
    width: 100%;
  }
  .recruit-3-img__box {
        margin-top: 24px;
    display: flex;
    justify-content: center;
    column-gap: 8px;
  }
  .recruit-3-img--sp {
    width: 50%;
  }
  
  .recruit-4__inner {
    padding: 0;
  }
  .recruit-4__bg {
    padding: 20px;
  }
  .recruit-4__content {
    padding: 16px 19px;
  }
  .recruit-4-item__left {
    width: 30%;
  }
  .recruitt-4-item__right {
    width: 70%;
  }
  
  .recruit__cta {
        width: 100%;
    padding: 42px 57px;
  }
}

@media (max-width: 389px) {
  .recruit-1__title {
    font-size: 20px;
  }
  .recruit-1__text--sp {
    padding: 0 4px;
  }
}

u {
  text-decoration: none;
  display: inline-block;
}