.section__we {
  width: 100%;
}

.we {
  width: 100%;
}
.we__item {
  position: relative;
}
.we__img {
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.we__img img {
  width: 100%;
  height: auto;
}
.we__txt {
  width: 100%;
  text-align: left;
}
.we__txt h3 {
  color: #30A060;
  font-size: 1.4rem;
}

@media screen and (min-width: 901px) {
  .section__we {
    margin-bottom: 8.8rem;
  }
  .we__note {
    width: 45.8041958042%;
  }
  .we__note h2 {
    text-align: left;
  }
  .we__img {
    flex: 0 0 45.8041958042%;
    max-width: 45.8041958042%;
    left: 4.0625rem;
  }
  .we__txt {
    flex: 0 0 52.8356643357%;
    max-width: 52.8356643357%;
  }
  .we__txt h3 {
    font-size: 1.4rem;
    padding-top: 6rem;
    margin-bottom: 0.8rem;
  }
  .we .buts {
    padding-top: 6rem;
  }
  .we .buts .but {
    margin-right: 3rem;
  }
}
@media screen and (max-width: 900px) {
  .section__we {
    padding: 0 5%;
    margin-bottom: clamp(30px, 17.6vw, 66px);
  }
  .we {
    flex-direction: column-reverse;
  }
  .we__note {
    margin-bottom: 60px;
  }
  .we__note h2 {
    text-align: left;
  }
  .we__txt h3 {
    font-size: clamp(12px, 3.7333333333vw, 14px);
    padding-top: clamp(20px, 9.8666666667vw, 37px);
  }
  .we .buts {
    padding-top: clamp(20px, 9.8666666667vw, 37px);
  }
  .we .buts .but {
    margin-right: clamp(15px, 5.33333vw, 20px);
  }
  .we .buts .but:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .we .buts {
    justify-content: space-between;
  }
  .we .buts .but {
    margin: 0;
    min-width: initial;
  }
}
