.section__calista {
  width: 100%;
  background-color: #FAFAFA;
}

.calista {
  width: 100%;
}
.calista__item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.calista__img {
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.calista__img img {
  width: 100%;
  height: auto;
}
.calista__txt {
  text-align: left;
}
.calista__note {
  text-align: center;
  color: rgba(52, 69, 99, 0.6);
  line-height: 1.4;
}

@media screen and (min-width: 901px) {
  .section__calista {
    margin-bottom: 7.8rem;
    padding: 7.8rem 0;
  }
  .calista__item {
    flex: 0 0 48%;
    max-width: 48%;
    background-color: #F5F5F5;
    border: 2px solid #90A1B4;
    -webkit-border-radius: 1.125rem;
    border-radius: 1.125rem;
    margin: 0 0 4% 4%;
    padding: 2rem 3.2342657343%;
  }
  .calista__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .calista__img {
    flex: 0 0 23.2967032967%;
    max-width: 23.2967032967%;
  }
  .calista__txt {
    flex: 0 0 76.7032967033%;
    max-width: 76.7032967033%;
    padding-left: 3.3218390805%;
  }
  .calista__txt p {
    font-size: 1.6rem;
  }
  .calista__note {
    width: 78%;
    margin: 0 auto;
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 6.4rem;
  }
}
@media screen and (max-width: 900px) {
  .section__calista {
    margin-bottom: clamp(30px, 21.3333333333vw, 80px);
    padding: clamp(30px, 21.3333333333vw, 80px) 5%;
  }
  .calista__item {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: clamp(20px, 10.6666666667vw, 40px);
  }
  .calista__item:last-child {
    margin-bottom: 0;
  }
  .calista__img {
    flex: 0 0 28.8%;
    max-width: 78px;
    margin: 0 auto;
    margin-bottom: clamp(8px, 3.2vw, 12px);
  }
  .calista__txt {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .calista__note {
    width: 100%;
    font-size: clamp(13px, 4.2666666667vw, 16px);
    line-height: 1.25;
    margin-bottom: clamp(20px, 10.6666666667vw, 40px);
  }
}