.c_footprints-1 .c_footprints-1__container--pc {
  width: 100%;
  max-width: 1440px;
  height: 500px;
  margin-inline: auto;
}

@media screen and (max-width: 749px) {
  .c_footprints-1 .c_footprints-1__container--pc {
    display: none;
  }
}

.c_footprints-1 .footprints-wrapper {
  margin-inline: auto;
  position: relative;
  width: 97.22%;
  height: auto;
  aspect-ratio: 1400 / 500;
  transform-origin: top left;
}

@media screen and (max-width: 749px) {
  .c_footprints-1 .footprints-wrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 375 / 300;
  }
}

.c_footprints-1 .footprint-right, .c_footprints-1 .footprint-left {
  list-style: none;
}

.c_footprints-1 .footprint {
  content: "";
  position: absolute;
  width: 4%;
  height: auto;
  aspect-ratio: 1 / 1;
  opacity: 0;
  transition: opacity .2s;
}

@media screen and (max-width: 749px) {
  .c_footprints-1 .footprint {
    width: 13.26%;
  }
}

@media screen and (min-width: 749px) {
  .c_footprints-1 .c_footprints-1__container--sp {
    display: none;
  }
}

.c_footprints-1 .footprint.visible {
  opacity: 1;
  transition: opacity .2s;
}

.c_footprints-1 .footprint img {
  width: 100%;
  transition: opacity .2s;
}


.c_footprints-1 .footprint:nth-child(1) {
  top: 31.6%;
  left: 0.875%;
}

@media screen and (max-width: 750px) {
  .c_footprints-1 .footprint:nth-child(1) {
    top: 15.6%;
    left: 3.875%;
  }
}

.c_footprints-1 .footprint:nth-child(2) {
  top: 25.4%;
  left: 5.806%;
}

@media screen and (max-width: 750px) {
  .c_footprints-1 .footprint:nth-child(2) {
    top: 8%;
    left: 21%;
  }
}

.c_footprints-1 .footprint:nth-child(3) {
  top: 47.4%;
  left: 9.764%;
}

@media screen and (max-width: 750px) {
  .c_footprints-1 .footprint:nth-child(3) {
    top: 38.6%;
    left: 34.875%;
  }
}

.c_footprints-1 .footprint:nth-child(4) {
  top: 41.8%;
  left: 14.903%;
}

@media screen and (max-width: 750px) {
  .c_footprints-1 .footprint:nth-child(4) {
    top: 31.6%;
    left: 51.875%;
  }
}

.c_footprints-1 .footprint:nth-child(5) {
  top: 61.6%;
  left: 20%;
  transform: rotate(-4deg);
}

@media screen and (max-width: 750px) {
  .c_footprints-1 .footprint:nth-child(5) {
    top: 60.6%;
    left: 67.875%;
  }
}

.c_footprints-1 .footprint:nth-child(6) {
  top: 53.2%;
  left: 25%;
  transform: rotate(-16deg);
}

@media screen and (max-width: 750px) {
  .c_footprints-1 .footprint:nth-child(6) {
    top: 47.6%;
    left: 83.875%;
  }
}

.c_footprints-1 .footprint:nth-child(7) {
  top: 66.4%;
  left: 31.5%;
  transform: rotate(-30deg);
}

.c_footprints-1 .footprint:nth-child(8) {
  top: 52.8%;
  left: 35.139%;
  transform: rotate(-36deg);
}

.c_footprints-1 .footprint:nth-child(9) {
  top: 60%;
  left: 43%;
  transform: rotate(-46deg);
}

.c_footprints-1 .footprint:nth-child(10) {
  top: 43.8%;
  left: 44.375%;
  transform: rotate(-60deg);
}

.c_footprints-1 .footprint:nth-child(11) {
  top: 44.6%;
  left: 53%;
  transform: rotate(-59deg);
}

.c_footprints-1 .footprint:nth-child(12) {
  top: 27.8%;
  left: 53.5%;
  transform: rotate(-64deg);
}

.c_footprints-1 .footprint:nth-child(13) {
  top: 27.8%;
  left: 62%;
  transform: rotate(-55deg);
}

.c_footprints-1 .footprint:nth-child(14) {
  top: 12%;
  left: 63.5%;
  transform: rotate(-58deg);
}

.c_footprints-1 .footprint:nth-child(15) {
  top: 15.8%;
  left: 71.625%;
  transform: rotate(-48deg);
}

.c_footprints-1 .footprint:nth-child(16) {
  top: 1.6%;
  left: 73.917%;
  transform: rotate(-42deg);
}

.c_footprints-1 .footprint:nth-child(17) {
  top: 11%;
  left: 81.556%;
  transform: rotate(-30deg);
}

.c_footprints-1 .footprint:nth-child(18) {
  top: -0.8%;
  left: 85.5%;
  transform: rotate(-31deg);
}