/* Mainvisual styles extracted from animation-now/assets/css/common.css. */
.p-top-mainvs__main {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 950px;
  max-height: 1150px;
  aspect-ratio: 1/1;
}

.p-top-mainvs__main div {
  position: absolute;
}

.p-top-mainvs__main .img1 {
  width: 42.32%;
  top: 44.571788%;
  left: 22.860516%;
}

.p-top-mainvs__main .img2 {
  width: 53.08%;
  top: 53.479456%;
  left: 44.517528%;
  z-index: 1;
}

.p-top-mainvs__main .img3 {
  width: 52.36%;
  top: 27%;
  left: 4.70044%;
}

.p-top-mainvs__main .img4 {
  width: 46.92%;
  top: 27.71928%;
  left: 50.016104%;
}

.p-top-mainvs__main .img5 {
  width: 49.64%;
  top: 52.298112%;
  left: 3.748764%;
  z-index: 2;
}

.p-top-mainvs__main .yama {
  width: 56.149816%;
  top: 79.487588%;
  left: 39.743232%;
}

.p-top-mainvs__main .bike1 {
  width: 12.808492%;
  top: 53.426568%;
  left: 38.215156%;
  z-index: 5;
}

.p-top-mainvs__main .bike2 {
  width: 12.808492%;
  top: 64.446732%;
  left: 57.628608%;
  z-index: 5;
}

.p-top-mainvs__main .bike3 {
  width: 12.808492%;
  top: 38.080628%;
  left: 28.170856%;
  z-index: 5;
}

.p-top-mainvs__main .bike4 {
  width: 12.808492%;
  top: 38.984892%;
  left: 69.147988%;
  z-index: 5;
}

.p-top-mainvs__main .bike5 {
  width: 12.808492%;
  top: 72.962872%;
  left: 27.311844%;
  z-index: 5;
}

.p-top-mainvs__main .car {
  width: 6.03372%;
  top: 48.693236%;
  left: 77.595568%;
}

.p-top-mainvs__main .bus1 {
  width: 7.461228%;
  top: 61.367988%;
  left: 81.8551%;
  z-index: 3;
}

.p-top-mainvs__main .bus2 {
  width: 7.461228%;
  top: 58.197728%;
  left: 18.144692%;
  z-index: 3;
  transform: scale(-1, 1);
}

.p-top-mainvs__main .train_wrapper {
  width: 16.673588%;
  top: 55.507236%;
  left: 47.827532%;
  z-index: 6;
}

.p-top-mainvs__main .people1 {
  width: 3.397104%;
  top: 32.841116%;
  left: 18.652772%;
}

.p-top-mainvs__main .people2 {
  width: 4.045624%;
  top: 29.256044%;
  left: 47.35004%;
}

.p-top-mainvs__main .people3 {
  width: 3.955232%;
  top: 34.507348%;
  left: 62.934152%;
}

.p-top-mainvs__main .people4 {
  width: 6.264148%;
  top: 49.419564%;
  left: 20.55328%;
  z-index: 5;
}

.p-top-mainvs__main .people5 {
  width: 7.093764%;
  top: 66.853716%;
  left: 20.168728%;
  z-index: 5;
}

.p-top-mainvs__main .people6 {
  width: 7.719736%;
  top: 70.051988%;
  left: 50.955908%;
  z-index: 3;
}

.p-top-mainvs__main .people7 {
  width: 8.365136%;
  top: 46.631172%;
  left: 50.742672%;
  z-index: 3;
}

.p-top-mainvs__main .building1 {
  width: 17.671428%;
  top: 46.254644%;
  left: 42.597236%;
  z-index: 4;
}

.p-top-mainvs__main .building2 {
  width: 12.999792%;
  top: 58.624412%;
  left: 80.040208%;
  z-index: 4;
}

.p-top-mainvs__main .path1 {
  width: 32.911092%;
  top: 50.013792%;
  left: 53.522804%;
}

.p-top-mainvs__main .path2 {
  width: 35.48%;
  top: 40%;
  left: 23.5%;
}

.p-top-mainvs__main .path3 {
  width: 14%;
  top: 55.45%;
  left: 42.24%;
}

.p-top-mainvs__main .path4 {
  width: 32.911092%;
  top: 50.013792%;
  left: 53.522804%;
}

.p-top-mainvs__main .bg {
  width: 98.5362%;
  top: 14.7023%;
  left: 0.7736%;
  z-index: -1;
}

.p-top-mainvs__main .bird1 {
  width: 3.2781%;
  top: 15.0919%;
  left: 34.5313%;
}

.p-top-mainvs__main .bird2 {
  width: 5.4251%;
  top: 18.1944%;
  left: 69.0702%;
}

.p-top-mainvs__main .cloud1 {
  width: 7.2282%;
  top: 6.7332%;
  left: 17.2226%;
}

.p-top-mainvs__main .cloud2 {
  width: 11.7329%;
  top: 6.1297%;
  left: 36.4388%;
}

.p-top-mainvs__main .cloud3 {
  width: 6.6181%;
  top: 9.46%;
  left: 58.3432%;
}

.p-top-mainvs__main .cloud4 {
  width: 7.2282%;
  top: 15.6847%;
  left: 85.2834%;
}

.p-top-mainvs__main .sun {
  width: 12.0853%;
  top: 2.2494%;
  left: 73.0069%;
}

.p-top-mainvs__main .tree1 {
  width: 2.18%;
  top: 58.34%;
  left: 61.14%;
  z-index: 7;
}

.p-top-mainvs__main .tree2 {
  width: 2.18%;
  top: 69.45%;
  left: 38.77%;
  z-index: 7;
}

.p-top-mainvs__main .light {
  width: 2.955232%;
  top: 33.507348%;
  left: 59.934152%;
}

@media screen and (min-width: 639px) {
  .p-top-mainvs__main .bus2 {
    top: 56%;
  }
  .p-top-mainvs__main .car {
    top: 46.693236%;
  }
}

/* Keep the scene square inside the existing navigation layout. */
.p-top-mainvs__main {
  height: auto;
  min-width: 0;
  flex: 1 1 0%;
  isolation: isolate;
}
.p-top-mainvs__main img {
  display: block;
  width: 100%;
  height: auto;
}