.garantee {
  padding-bottom: 2.5rem;
}
.garantee-box {
  padding-top: 1.325rem;
}
.garantee-box .d-flex {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  row-gap: 1.25rem;
}
.garantee-box .bx {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  flex: 0 0 100%;
  max-width: 100%;
}
.garantee-box .bx p {
  color: #404040;
  font-weight: normal;
  font-size: 1rem;
}
.garantee-box .image img {
  margin: 0 auto;
}
.garantee-box .ttl {
  color: #2D2D2D;
  font-weight: 500;
  font-size: 1.25rem;
  margin-bottom: 0.875rem;
}

@media (min-width: 768px) {
  .garantee {
    padding-bottom: 2.75rem;
  }
  .garantee-box {
    padding-top: 2.5rem;
  }
}
@media (min-width: 860px) {
  .garantee-box .bx {
    flex: 0 0 51%;
    max-width: 51%;
  }
  .garantee-box .bx:first-child {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .garantee-box .bx p {
    text-align: center;
  }
  .garantee-box .ttl {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .garantee-box .ttl {
    font-size: 1.5625rem;
  }
  .garantee-box .bx:first-child {
    flex: 0 0 38%;
    max-width: 38%;
  }
  .garantee-box .bx p {
    font-size: 1.0625rem;
  }
}
@media (min-width: 1100px) {
  .garantee-box {
    padding-left: 4.375rem;
    padding-right: 4.375rem;
  }
}/*# sourceMappingURL=garantee.css.map */