@charset "utf-8";
.staff-top {
  padding-top: 80px;
}
.staff-top__inner {
  padding: 0 clamp(2.5rem, -15.214rem + 27.68vw, 18rem);
}
.staff-top__content {
      margin-top: 40px;
    display: flex;
    column-gap: clamp(1.25rem, -1.107rem + 3.68vw, 3.313rem);
    position: relative;
}
.staff-top-icon {
      position: absolute;
    top: -120px;
    width: clamp(11.25rem, 6.107rem + 8.04vw, 15.75rem);
    right: 0;
}
.staff-top__left {
  width: 591px;
}
.staff-top__right {
  width: 702px;
}
.staff-top__title {
      font-size: clamp(1.375rem, 0.661rem + 1.12vw, 2rem);
    line-height: 2;
    font-weight: 700;
}
.staff-top__text {
      margin-top: clamp(1.25rem, 0.5rem + 1.56vw, 2.375rem);
    font-size: clamp(0.875rem, 0.732rem + 0.22vw, 1rem);
    font-weight: 700;
    line-height: 2;
}
.staff-top__name {
      margin-top: clamp(1.25rem, -0.708rem + 4.08vw, 4.188rem);
    font-size: clamp(1.25rem, 1.083rem + 0.35vw, 1.5rem);
    font-weight: 700;
    line-height: 1;
    text-align: end;
}

.staff {
      padding-top: 80px;
    padding-bottom: 120px;
    position: relative;
}
.staff-deco {
      position: absolute;
    z-index: -1;
    object-fit: contain;
    top: 50%;
    transform: translateY(-50%);
}
.staff__inner {
  padding: 0 clamp(2.5rem, -15.214rem + 27.68vw, 18rem);
}
.staff__items {
      display: flex;
    flex-direction: column;
    row-gap: 40px;
}
.staff__item {
      display: flex;
    column-gap: clamp(1.25rem, -0.179rem + 2.23vw, 2.5rem);
}
.staff__item:nth-child(2n) {
  justify-content: flex-end;
}
.staff-item__left {
  width: 591px;
  position: relative;
}
.staff-img__icon {
      position: absolute;
    top: 0;
    right: clamp(24.625rem, 18.482rem + 9.6vw, 30rem);
    width: clamp(10rem, 5.5rem + 7.03vw, 13.938rem);
}
.staff-item__right {
  width: 438px;
}
.staff__title {
      font-size: clamp(1.125rem, 0.696rem + 0.67vw, 1.5rem);
    font-weight: 700;
    line-height: 2;
}
.staff__text {
      margin-top: 22px;
    font-size: clamp(0.875rem, 0.732rem + 0.22vw, 1rem);
    font-weight: 700;
    line-height: 2;
}
.staff__name {
      margin-top: clamp(1.25rem, -2.107rem + 5.25vw, 4.188rem);
    font-size: clamp(1.125rem, 0.696rem + 0.67vw, 1.5rem);
    font-weight: 700;
    text-align: end;
}

@media (max-width: 1023px) {
  .staff-top__content {
        flex-direction: column;
    row-gap: 22px;
  }
  .staff-top__left {
    margin: 0 auto;
  }
  .staff-img__icon {
    right: unset;
    width: clamp(7.5rem, -0.029rem + 15.69vw, 10rem);
  }
  .staff-top__right {
        width: 591px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .staff-top__inner {
    padding: 0 20px;
  }
  .staff-top-icon {
        width: clamp(6.25rem, -0.216rem + 26.53vw, 12.5rem);
    top: -40px;
  }
  .staff-top__left {
    width: 100%;
  }
  .staff-top__right {
    width: 100%;
  }
  .staff-top__title {
    font-size: 18px;
  }
  .staff-top__name {
        margin-top: 26px;
    padding-bottom: 19px;
    border-bottom: 1px solid #A3A3A3;
  }
  
  .staff {
    padding-top: 64px;
  }
  .staff-deco {
    display: none;
  }
  .staff__inner {
    padding: 0 20px;
  }
  .staff__items {
    row-gap: 110px;
  }
  .staff__item {
    flex-direction: column;
    row-gap: 22px;
  }
  .staff-item__left {
    width: 100%;
  }
  .staff-img__icon {
        top: -50px;
    width: clamp(7.813rem, 2.963rem + 19.89vw, 12.5rem);
  }
  .staff-item__right {
    width: 100%;
  }
  .staff__name {
         margin-top: 26px;
    padding-bottom: 19px;
    border-bottom: 1px solid #A3A3A3;
  }
}

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