.strength-foot-back {
  background-image: url(/media/images/strength/under-bg.webp);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 768px;
}

.strength-item + .strength-item {
  margin-top: 2.5rem;
}

.strength-item-box {
  display: grid;
  gap: 1.5rem;
}

.strength-item__img-wrap {
  aspect-ratio: 2/1;
  overflow: hidden;
}

.strength-img {
  width: 100%;
  object-fit: cover;
}

.strength-item__ttl-wrap {
  display: flex;
  gap: 0.7142857143rem;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
}

.strength-item__ttl-icon {
  flex-shrink: 0;
}

.strength-item__ttl-inner {
  text-align: center;
}

.strength-item__ttl {
  font-size: 1.7142857143rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .strength-foot-back {
    background-size: 100vw min(1928px, 100vw);
  }
  .strength-item-box {
    grid-template-columns: min(40%, 420px) auto;
    grid-template-rows: auto auto;
    grid-template-areas: "area1 area2" "area3 area3";
    gap: 1.875rem 1.5rem;
  }
  .strength-item__img-wrap {
    aspect-ratio: 420/314;
    grid-area: area1;
  }
  .strength-item__ttl-wrap {
    grid-area: area2;
    flex-direction: row;
    gap: 2rem;
  }
  .strength-item__ttl {
    text-align: left;
  }
  .strength-item__ttl-inner {
    text-align: left;
  }
  .strength-item__text-wrap {
    grid-area: area3;
  }
}
@media screen and (min-width: 992px) {
  .strength-item-box {
    grid-template-areas: "area1 area2" "area1 area3";
    gap: 2rem 2.5rem;
  }
  .strength-item__ttl-wrap {
    flex-direction: row;
  }
  .strength-item__ttl {
    font-size: 2rem;
    text-align: left;
  }
}

/*# sourceMappingURL=style-strength.css.map */