/*
.contact-step-section
---------------------------- */
.contact-step-section {
  background-color: #f7f7f7;
  border-top: solid 8px var(--main-color);
  margin-top: 152px;
  padding-top: 64px;
  position: relative;
}

.contact-step-section__wrap {
  margin: 0 auto;
  max-width: 1120px;
  padding-bottom: 64px;
  position: relative;
}

.contact-step-section__images {
  object-fit: contain;
  position: absolute;
  width: auto;
}

.contact-step-section__images--pc {
  top: -160px;
}

.contact-step-section__images--sp {
  height: 112px;
  top: -118px;
}

.contact-step-section__images--first.contact-step-section__images--pc {
  right: 0;
}
.contact-step-section__images--second.contact-step-section__images--pc {
  left: 35%;
}
.contact-step-section__images--third.contact-step-section__images--pc {
  left: 15%;
}
.contact-step-section__images--fourth.contact-step-section__images--pc {
  left: 0;
}
.contact-step-section__images--first.contact-step-section__images--sp {
  right: 0;
}
.contact-step-section__images--second.contact-step-section__images--sp {
  left: 35%;
}
.contact-step-section__images--third.contact-step-section__images--sp {
  left: 15%;
}
.contact-step-section__images--fourth.contact-step-section__images--sp {
  left: 0;
}

@media screen and (max-width: 1024px) {
  .contact-step-section__images--pc {
    height: calc((100vw / 1024) * 152);
    top: calc((100vw / 1024) * -160);
  }
}

@media screen and (max-width: 599px) {
  .contact-step-section {
    margin-top: 114px;
  }
}

@media screen and (max-width: 599px) {
  .contact-step-section__images--pc {
    display: none !important;
  }
}
@media screen and (min-width: 600px) {
  .contact-step-section__images--sp {
    display: none !important;
  }
}