.about {
  margin-bottom: 4rem;
}

.about__ttl {
  color: #3576CA;
  font-weight: 700;
}

.about__ttl strong {
  font-weight: 700;
}

.about__efficacy__list {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.about__efficacy__list li {
  width: 48%;
  margin-bottom: 1rem;
  position: relative;
}

.about__efficacy__list li:nth-of-type(1) .about__efficacy__ttl {
  background-color: rgba(53, 118, 202, 0.7);
}

.about__efficacy__list li:nth-of-type(2) .about__efficacy__ttl {
  background-color: rgba(87, 202, 53, 0.7);
}

.about__efficacy__list li:nth-of-type(3) .about__efficacy__ttl {
  background-color: rgba(202, 53, 89, 0.7);
}

.about__efficacy__list li:nth-of-type(4) .about__efficacy__ttl {
  background-color: rgba(220, 169, 51, 0.7);
}

.about__efficacy__ttl {
  padding: .5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .about {
    margin-top: 5rem;
  }
  .about__ttl {
    text-align: center;
    font-size: clamp(1.125rem, 0.062rem + 2.22vw, 32px);
  }
  .about__text {
    margin: 2rem 0;
    text-align: center;
  }
  .about__efficacy__list {
    max-width: 1220px;
    margin: auto;
  }
  .about__efficacy__list li {
    width: calc((100% - 3rem) /4);
  }
}

@media screen and (min-width: 1110px) {
  .about {
    margin-bottom: 12rem;
  }
  .about__efficacy__ttl {
    font-size: clamp(1.125rem, 0.669rem + 0.95vw, 1.5rem);
  }
}

.facility {
  margin-bottom: 2rem;
}

.facility__item {
  margin-bottom: 2rem;
}

.facility__item__img {
  display: block;
  margin-bottom: .5rem;
}

.facility__item .p-default_btn {
  margin-top: .5rem;
}

@media screen and (min-width: 768px) {
  .facility__item {
    margin-bottom: 6rem;
    display: flex;
  }
  .facility__item__img {
    flex-shrink: 0;
    width: min(40%,520px);
  }
  .facility__item__text {
    margin-left: 2rem;
  }
}
/*# sourceMappingURL=fitness-gym.css.map */