@keyframes spreadOrange {
  to {
    transform: scale(1);
  }
}
.p-top__about-wrap,
.p-top__recruitment {
  position: relative;
}

.p-top__about,
.p-top__bg01 {
  background-color: #f0f0f0;
}

.p-top__bg01,
.p-top__bg02,
.p-top__bg03,
.p-top__bg04 {
  position: relative;
  border-radius: 0;
  background-color: transparent;
}
.p-top__bg01:before,
.p-top__bg02:before,
.p-top__bg03:before,
.p-top__bg04:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: 0;
  content: "";
}
.p-top__bg01.active:before,
.p-top__bg02.active:before,
.p-top__bg03.active:before,
.p-top__bg04.active:before {
  animation: spreadOrange 1.5s ease-out forwards;
}
@media (max-width: 767.98px) {
  .p-top__bg01.active:before,
  .p-top__bg02.active:before,
  .p-top__bg03.active:before,
  .p-top__bg04.active:before {
    animation: spreadOrange 2.5s ease-out forwards;
  }
}

.p-top__bg04:before {
  background-color: #f0f0f0;
  transform: scale(0);
  transform-origin: bottom left;
  border-radius: 0 min(78.125vw, 150rem) 0 0;
}
@media (max-width: 767.98px) {
  .p-top__bg04:before {
    border-radius: 0 74.6666666667vw 0 0;
  }
}
.p-top__bg04 .p-top__slide03,
.p-top__bg04 .p-top__recruitment-wrap {
  position: relative;
}

.p-top__bg03:before {
  background-color: #e65f39;
  transform: scale(0);
  transform-origin: bottom right;
  border-radius: min(78.125vw, 150rem) 0 0 0;
}
@media (max-width: 767.98px) {
  .p-top__bg03:before {
    border-radius: 74.6666666667vw 0 0 0;
  }
}
.p-top__bg03 .p-top__future-wrap,
.p-top__bg03 .p-top__slide01 {
  position: relative;
}

.p-top__bg02:before {
  background-color: #fff;
  transform: scale(0);
  transform-origin: bottom left;
  border-radius: 0 min(78.125vw, 150rem) 0 0;
}
@media (max-width: 767.98px) {
  .p-top__bg02:before {
    border-radius: 0 74.6666666667vw 0 0;
  }
}
.p-top__bg02 .p-top__service-wrap {
  position: relative;
}

.p-top__bg01:before {
  background-color: #fd9539;
  border-radius: min(78.125vw, 150rem) 0 0 0;
  transform: scale(0);
  transform-origin: bottom right;
}
@media (max-width: 767.98px) {
  .p-top__bg01:before {
    border-radius: 74.6666666667vw 0 0 0;
  }
}
.p-top__bg01 .img-map-yellow {
  position: absolute;
  top: 197px;
  right: 54px;
  width: 1730px;
  content: "";
}
@media (max-width: 1920.98px) {
  .p-top__bg01 .img-map-yellow {
    top: 10.2604166667vw;
    right: 2.8125vw;
    width: 90.1041666667vw;
  }
}
@media (max-width: 767.98px) {
  .p-top__bg01 .img-map-yellow {
    top: 117.3333333333vw;
    right: -10.1333333333vw;
    width: 140.5333333333vw;
  }
}

.img-map-yellow .map-dot {
  clip-path: inset(0 0 100% 0);
  overflow: hidden;
  transition: clip-path 3s ease;
  transition-delay: 1.5s;
}
.img-map-yellow .red-pin {
  opacity: 0;
  transition: 1s opacity ease;
  transition-delay: 1s;
}

.aos-animate .img-map-yellow .map-dot {
  clip-path: inset(0 0 0 0);
}
.aos-animate .img-map-yellow .red-pin {
  opacity: 1;
}

a,
a img {
  transition: 0.3s all ease;
}

.p-top__svg-container {
  top: auto;
  bottom: 3vh;
}
@media (max-width: 767.98px) {
  .p-top__svg-container {
    bottom: -6vh;
  }
}
/*# sourceMappingURL=animation-front-page.css.map */