@charset "UTF-8";

.lp_wrap .japan .head li {
  position: absolute;
  opacity: 0;
  transform: translateY(20%);
		border-top: none;
}
.lp_wrap .japan .head li:nth-child(1) {
  top: 4.23%;
  left: 6.5%;
  width: 11.719%;
  transition: 0.6s;
		border-top: none;
}
.lp_wrap .japan .head li:nth-child(2) {
  top: 3.95%;
  left: 21.2%;
  width: 16.536%;
  transition: 0.6s 0.1s;
		border-top: none;
}
.lp_wrap .japan .head li:nth-child(3) {
  top: 5.75%;
  left: 38.6%;
  width: 10.547%;
  transition: 0.6s 0.2s;
		border-top: none;
}
.lp_wrap .japan .head li:nth-child(4) {
  top: 3.95%;
  left: 50.5%;
  width: 16.016%;
  transition: 0.6s 0.3s;
		border-top: none;
}
.lp_wrap .japan .head li:nth-child(5) {
  top: 5.75%;
  left: 68.6%;
  width: 16.146%;
  transform: translateY(140%);
  transition: 0.6s 0.4s;
		border-top: none;
}
.lp_wrap .japan .head li:nth-child(6) {
  top: 6.3%;
  left: 86.5%;
  width: 8.594%;
  transition: 0.6s 0.5s;
		border-top: none;
}
.lp_wrap .japan .head li:nth-child(7) {
  top: 10.35%;
  left: 4.9%;
  width: 16.536%;
  transition: 0.6s 0.6s;
		border-top: none;
}
.lp_wrap .japan .head li:nth-child(8) {
  top: 10.45%;
  left: 23.4%;
  width: 15.365%;
  transition: 0.6s 0.7s;
		border-top: none;
}
.lp_wrap .japan .head li:nth-child(9) {
  top: 10.3%;
  left: 41.1%;
  width: 16.406%;
  transition: 0.6s 0.8s;
		border-top: none;
}
.lp_wrap .japan .head li:nth-child(10) {
  top: 10.35%;
  left: 59.5%;
  width: 16.406%;
  transition: 0.6s 0.9s;
		border-top: none;
}
.lp_wrap .japan .head li:nth-child(11) {
  top: 10.4%;
  left: 77.9%;
  width: 16.667%;
  transition: 0.6s 1s;
		border-top: none;
}
.lp_wrap .japan .head li.trigger.move,
.lp_wrap .japan .head li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
		border-top: none;
}
.lp_wrap .japan .deco li {
  position: absolute;
}
.lp_wrap .japan .deco li:nth-child(1) {
  top: 17.8%;
  left: 7.8%;
  width: 39.063%;
  animation: 1.2s japan_deco ease-in-out alternate infinite;
}
.lp_wrap .japan .deco li:nth-child(2) {
  top: 27.9%;
  left: 2.7%;
  width: 26.042%;
  animation: 1.2s japan_deco -0.6s ease-in-out alternate infinite;
}
.lp_wrap .japan .deco li:nth-child(3) {
  top: 23.45%;
  left: 59.6%;
  width: 46.875%;
  animation: 1.2s japan_deco -0.3s ease-in-out alternate infinite;
}
@keyframes japan_deco {
  0% {
    transform: translateY(-7%);
  }
  100% {
    transform: translateY(7%);
  }
}
.lp_wrap .japan .item {
  position: absolute;
  top: 12.6%;
  left: 25.7%;
  width: 53.906%;
}
.lp_wrap .japan .icon li {
  position: absolute;
  top: 37.7%;
  width: 41.666666%;
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .japan .icon li:nth-child(1) {
  left: 6.4%;
  transform: translateX(-112%);
}
.lp_wrap .japan .icon li:nth-child(2) {
  left: 52%;
  transform: translateX(112%);
}
.lp_wrap .japan .icon li.trigger.move,
.lp_wrap .japan .icon li.trigger.move ~ li {
  opacity: 1;
  transform: translate(0, 0);
}
.lp_wrap .japan .copy li {
  position: absolute;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .japan .copy li:nth-child(1) {
  top: 57.7%;
  left: 65.5%;
  width: 14.844%;
  transition: 0.6s;
}
.lp_wrap .japan .copy li:nth-child(2) {
  top: 63.12%;
  left: 69.9%;
  width: 4.427%;
  transition: 0.6s 0.15s;
}
.lp_wrap .japan .copy li:nth-child(3) {
  top: 68.3%;
  left: 65.5%;
  width: 14.844%;
  transition: 0.6s 0.3s;
}
.lp_wrap .japan .copy li:nth-child(4) {
  top: 73.7%;
  left: 69.9%;
  width: 4.427%;
  transition: 0.6s 0.45s;
}
.lp_wrap .japan .copy li:nth-child(5) {
  top: 78.85%;
  left: 65.6%;
  width: 13.932%;
  transition: 0.6s 0.6s;
}
.lp_wrap .japan .copy li:nth-child(6) {
  top: 84.3%;
  left: 69.9%;
  width: 4.427%;
  transition: 0.6s 0.75s;
}
.lp_wrap .japan .copy li.trigger.move,
.lp_wrap .japan .copy li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
}