.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;
}

.marquee {
  overflow: hidden;
  width: 100%;
  cursor: grab;
}
.marquee .marquee-track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: marquee 40s linear infinite;
}
.marquee .marquee-slide {
  flex: 0 0 auto;
  height: 26rem;
  margin-right: 2rem;
}
@media only screen and (max-width: 767px) {
  .marquee .marquee-slide {
    height: 38rem;
  }
}
.marquee .marquee-slide img {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  border-radius: 2rem;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.marquee.paused .marquee-track {
  animation-play-state: paused;
}/*# sourceMappingURL=case.css.map */