@keyframes ttl_view {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes item01 {
  0% {
    left: 8%;
    top: -15%;
    transform: rotate(330deg) scale(1.5);
    opacity: 0;
  }
  100% {
    left: 7.4%;
    top: -4%;
    transform: rotate(344.9deg) scale(0.9);
    opacity: 1;
  }
}
@keyframes item02 {
  0% {
    left: 25%;
    top: -7%;
    transform: rotate(0deg) scale(1.2);
    opacity: 0;
  }
  100% {
    left: 23.5%;
    top: -10%;
    transform: rotate(30deg) scale(0.85);
    opacity: 1;
  }
}
@keyframes item03 {
  0% {
    left: 33%;
    top: -14%;
    transform: rotate(330deg) scale(1);
    opacity: 0;
  }
  100% {
    left: 33.5%;
    top: -8%;
    transform: rotate(316deg) scale(0.87);
    opacity: 1;
  }
}
@keyframes item04 {
  0% {
    left: 40%;
    top: -30%;
    transform: rotate(10deg) scale(1);
    opacity: 0;
  }
  100% {
    left: 48%;
    top: -3.3%;
    transform: rotate(28.7deg) scale(0.84);
    opacity: 1;
  }
}
@keyframes item05 {
  0% {
    left: 64%;
    top: -5%;
    transform: rotate(370deg) scale(1);
    opacity: 0;
  }
  100% {
    left: 64%;
    top: -2%;
    transform: rotate(345deg) scale(0.88);
    opacity: 1;
  }
}
@keyframes item06 {
  0% {
    left: 88%;
    top: -20%;
    transform: rotate(25deg) scale(1);
    opacity: 0;
  }
  100% {
    left: 75.2%;
    top: -8%;
    transform: rotate(20.5deg) scale(0.81);
    opacity: 1;
  }
}
@keyframes item07 {
  0% {
    left: 3%;
    bottom: -10%;
    transform: rotate(15deg) scale(1);
    opacity: 0;
  }
  100% {
    left: 3.8%;
    bottom: -4%;
    transform: rotate(9.4deg) scale(0.84);
    opacity: 1;
  }
}
@keyframes item08 {
  0% {
    left: 18%;
    bottom: -5%;
    transform: rotate(-10deg) scale(1);
    opacity: 0;
  }
  100% {
    left: 18%;
    bottom: 8%;
    transform: rotate(-8deg) scale(0.84);
    opacity: 1;
  }
}
@keyframes item09 {
  0% {
    left: 38%;
    bottom: -15%;
    transform: rotate(45deg) scale(1);
    opacity: 0;
  }
  100% {
    left: 29.5%;
    bottom: -8.5%;
    transform: rotate(52deg) scale(0.84);
    opacity: 1;
  }
}
@keyframes item10 {
  0% {
    left: 47%;
    bottom: -15%;
    transform: rotate(-10deg) scale(1);
    opacity: 0;
  }
  100% {
    left: 48%;
    bottom: -4%;
    transform: rotate(-13.5deg) scale(0.84);
    opacity: 1;
  }
}
@keyframes item11 {
  0% {
    left: 60%;
    bottom: -10%;
    transform: rotate(35deg) scale(1);
    opacity: 0;
  }
  100% {
    left: 60%;
    bottom: -4%;
    transform: rotate(35.3deg) scale(0.8);
    opacity: 1;
  }
}
@keyframes item12 {
  0% {
    left: 88%;
    bottom: -30%;
    transform: rotate(-40deg) scale(1);
    opacity: 0;
  }
  100% {
    left: 78%;
    bottom: 18%;
    transform: rotate(52deg) scale(0.83);
    opacity: 1;
  }
}
/*@keyframes item13{
  0%{ left: 88%; bottom: -30%; transform: rotate(5deg) scale(1); opacity:0; }
  100%{ left: 82.6%; bottom: -13%; transform: rotate(10deg) scale(0.8); opacity:1; }
}*/
@media screen and (min-width: 641px) {
  .cont_hero {
    opacity: 0;
  }
  .cont_hero.view {
    animation: ttl_view 2s cubic-bezier(0.09, 0.67, 0.3, 0.96) forwards;
  }
  .cont_hero .cont_photos img {
    opacity: 0;
  }
  .cont_hero.view .cont_photos .item01 {
    animation: item01 0.3s cubic-bezier(0.09, 0.67, 0.3, 0.96) 0.2s forwards;
  }
  .cont_hero.view .cont_photos .item02 {
    animation: item02 0.3s cubic-bezier(0.09, 0.67, 0.3, 0.96) 0.1s forwards;
  }
  .cont_hero.view .cont_photos .item03 {
    animation: item03 0.3s cubic-bezier(0.09, 0.67, 0.3, 0.96) 0.1s forwards;
  }
  .cont_hero.view .cont_photos .item04 {
    animation: item04 1s cubic-bezier(0.09, 0.67, 0.3, 0.96) 0.5s forwards;
  }
  .cont_hero.view .cont_photos .item05 {
    animation: item05 0.6s cubic-bezier(0.09, 0.67, 0.3, 0.96) 0.2s forwards;
  }
  .cont_hero.view .cont_photos .item06 {
    animation: item06 0.5s cubic-bezier(0.09, 0.67, 0.3, 0.96) 0.3s forwards;
  }
  .cont_hero.view .cont_photos .item07 {
    animation: item07 0.7s cubic-bezier(0.09, 0.67, 0.3, 0.96) 0.1s forwards;
  }
  .cont_hero.view .cont_photos .item08 {
    animation: item08 0.6s cubic-bezier(0.09, 0.67, 0.3, 0.96) 0.3s forwards;
  }
  .cont_hero.view .cont_photos .item09 {
    animation: item09 0.8s cubic-bezier(0.09, 0.67, 0.3, 0.96) 0.1s forwards;
  }
  .cont_hero.view .cont_photos .item10 {
    animation: item10 0.5s cubic-bezier(0.09, 0.67, 0.3, 0.96) 0.1s forwards;
  }
  .cont_hero.view .cont_photos .item11 {
    animation: item11 1s cubic-bezier(0.09, 0.67, 0.3, 0.96) 0.2s forwards;
  }
  .cont_hero.view .cont_photos .item12 {
    animation: item12 1.2s cubic-bezier(0.09, 0.67, 0.3, 0.96) 0.5s forwards;
  }
  .cont_hero.view .cont_photos .item13 {
    animation: item13 0.5s cubic-bezier(0.09, 0.67, 0.3, 0.96) 0.2s forwards;
  }
}
@media screen and (max-width: 640px) {
  .cont_hero .cont_photos .item01 {
    left: 7.4%;
    top: -6%;
    transform: rotate(344.9deg) scale(0.95);
  }
  .cont_hero .cont_photos .item02 {
    left: 23.5%;
    top: -10%;
    transform: rotate(30deg) scale(0.88);
  }
  .cont_hero .cont_photos .item03 {
    left: 33.5%;
    top: -12%;
    transform: rotate(316deg) scale(0.88);
  }
  .cont_hero .cont_photos .item04 {
    left: 48%;
    top: -3.3%;
    transform: rotate(28.7deg) scale(0.88);
  }
  .cont_hero .cont_photos .item05 {
    left: 64%;
    top: 1%;
    transform: rotate(345deg) scale(0.91);
  }
  .cont_hero .cont_photos .item06 {
    left: 75.2%;
    top: -8%;
    transform: rotate(20.5deg) scale(0.91);
  }
  .cont_hero .cont_photos .item07 {
    left: 3.8%;
    bottom: -4%;
    transform: rotate(9.4deg) scale(0.94);
  }
  .cont_hero .cont_photos .item08 {
    left: 18%;
    bottom: 8%;
    transform: rotate(-8deg) scale(0.94);
  }
  .cont_hero .cont_photos .item09 {
    left: 29.5%;
    bottom: -8.5%;
    transform: rotate(52deg) scale(0.94);
  }
  .cont_hero .cont_photos .item10 {
    left: 48%;
    bottom: -4%;
    transform: rotate(-13.5deg) scale(0.94);
  }
  .cont_hero .cont_photos .item11 {
    left: 60%;
    bottom: -1%;
    transform: rotate(35.3deg) scale(0.9);
  }
  .cont_hero .cont_photos .item12 {
    left: 78%;
    bottom: 15.5%;
    transform: rotate(-52deg) scale(0.93);
  }
  .cont_hero.view .cont_photos .item13 {
    left: 82.6%;
    bottom: -13%;
    transform: rotate(10deg) scale(0.93);
  }
}/*# sourceMappingURL=animation.css.map */