@charset "utf-8";
#root {
      background-image: url(https://fthoumonkango.co.jp/system_panel/uploads/images/pg-bg.png);
    background-size: 100%;
}

.users-top {
  padding-top: clamp(3.875rem, 3.125rem + 1.56vw, 5rem);
}
.users-top__content {
      margin-top: 16px;
    padding-left: clamp(1.25rem, -9.917rem + 23.26vw, 18rem);
    padding-right: clamp(3.75rem, -5.75rem + 19.79vw, 18rem);
}
.users-top__text {
  font-weight: 600;
}
.users-top__img {
      margin-top: 40px;
    width: 614px;
    margin-left: auto;
    margin-right: auto;
}

.users-bottom {
      padding-top: clamp(2.5rem, 0.833rem + 3.47vw, 5rem);
    padding-bottom: clamp(7.5rem, 5.833rem + 3.47vw, 10rem);
}
.users-bottom__inner {
      padding-left: clamp(1.25rem, -9.917rem + 23.26vw, 18rem);
    padding-right: clamp(3.75rem, -5.75rem + 19.79vw, 18rem);
}
.users-bottom__container {
      display: flex;
    flex-direction: column;
    row-gap: clamp(2.5rem, 0.833rem + 3.47vw, 5rem);
}
.users-bottom__text {
      margin-top: clamp(1rem, 0.833rem + 0.35vw, 1.25rem);
    font-weight: 500;
}
.users-bottom__title {
      margin-top: clamp(1rem, 0.333rem + 1.39vw, 2rem);
    font-weight: 700;
    font-size: clamp(1rem, 0.833rem + 0.35vw, 1.25rem);
}
.users-bottom-item__wrap {
      margin-top: clamp(1rem, 0.833rem + 0.35vw, 1.25rem);
    display: flex;
    column-gap: clamp(1.25rem, 0.417rem + 1.74vw, 2.5rem);
}
.users-bottom__items {
      width: calc(100%/2);
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.users-bottom-item__title {
      font-size: clamp(1rem, 0.917rem + 0.17vw, 1.125rem);
    font-weight: 700;
}
.users-bottom-item__text {
      margin-top: clamp(0.25rem, 0.083rem + 0.35vw, 0.5rem);
    font-weight: 500;
}

@media (max-width: 767px) {
  .users-top__inner {
    padding: 0 20px;
  }
  .users-top__content {
    padding: 0;
  }
  .users-top__img {
    width: 350px;
  }
  
  .users-bottom-item__wrap {
        flex-direction: column;
    row-gap: 20px;
  }
  .users-bottom__items {
    width: 100%;
  }
  .users-bottom__title {
    font-weight: 500;
  }
  .users-bottom-item__title {
    font-weight: 500;
  }
  .users-bottom-item__text {
    font-weight: 400;
  }
}