.case {
  margin: 11.2rem auto;
  max-width: 128rem;
}
@media only screen and (max-width: 767px) {
  .case {
    width: 67.5rem;
  }
}
.case-feature-bl {
  display: flex;
  justify-content: space-between;
  margin: 0 0 7.5rem;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .case-feature-bl {
    flex-wrap: wrap;
    margin: 0 0 10rem;
  }
}
.case-feature-bl:nth-child(2) {
  flex-direction: row-reverse;
}
.case-feature-bl img {
  border-radius: 16px;
  width: 60rem;
}
@media only screen and (max-width: 767px) {
  .case-feature-bl img {
    width: 100%;
  }
}
.case-feature-bl-txt {
  width: 60rem;
}
@media only screen and (max-width: 767px) {
  .case-feature-bl-txt {
    width: 100%;
    margin-top: 3.5rem;
  }
}
.case-feature-bl-txt span {
  font-size: 1.4rem;
  background: var(--main-color-sub);
  padding: 1rem 2.5rem;
  display: inline-block;
  border-radius: 4px;
}
.case-feature-bl-txt h4 {
  margin: 3.2rem 0;
}
.case-feature-bl-txt-numb {
  display: flex;
  align-items: flex-end;
  gap: 5rem;
  margin: 3.2rem 0 0;
}
.case-feature-bl-txt-numb-wrap {
  text-align: center;
}
.case-feature-bl-txt-numb-wrap p:first-child {
  font-size: 2.8rem;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .case-feature-bl-txt-numb-wrap p:first-child {
    font-size: 3.2rem;
  }
}
.case-feature-bl-txt-numb-wrap p:nth-child(2) {
  font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
  .case-feature-bl-txt-numb-wrap p:nth-child(2) {
    font-size: 2.4rem;
  }
}
.case-feature-bl-txt-numb-wrap:first-child p:first-child {
  color: #EA5959;
}
.case-feature-bl-txt-numb-wrap:nth-child(2) p:first-child {
  color: #0490FF;
}/*# sourceMappingURL=case.css.map */