.ul-img-block li {
  animation: 0.8s linear;
}
.ul-img-block li.animate-pro01:nth-child(1),
.ul-img-block li.animate-pro01:nth-child(4),
.ul-img-block li.animate-pro01:nth-child(12),
.ul-img-block li.animate-pro01:nth-child(15) {
  animation-name: animate-pro01-01;}
.ul-img-block li.animate-pro01:nth-child(7),
.ul-img-block li.animate-pro01:nth-child(10),
.ul-img-block li.animate-pro01:nth-child(11) {
  animation-name: animate-pro01-02;}
.ul-img-block li.animate-pro01:nth-child(2),
.ul-img-block li.animate-pro01:nth-child(5),
.ul-img-block li.animate-pro01:nth-child(8),
.ul-img-block li.animate-pro01:nth-child(14) {
  animation-name: animate-pro01-03;}
.ul-img-block li.animate-pro01:nth-child(3),
.ul-img-block li.animate-pro01:nth-child(6),
.ul-img-block li.animate-pro01:nth-child(9),
.ul-img-block li.animate-pro01:nth-child(13) {
  animation-name: animate-pro01-04;}
@keyframes animate-pro01-01 {
  0% {background-color: #e7edf0;}
  20% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro01-02 {
  0% {background-color: #e7edf0;}
  40% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro01-03 {
  0% {background-color: #e7edf0;}
  60% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro01-04 {
  0% {background-color: #e7edf0;}
  80% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}


.ul-img-block li.animate-pro02:nth-child(11) {
  animation-name: animate-pro02-01;}
.ul-img-block li.animate-pro02:nth-child(12) {
  animation-name: animate-pro02-02;}
.ul-img-block li.animate-pro02:nth-child(13) {
  animation-name: animate-pro02-03;}
.ul-img-block li.animate-pro02:nth-child(14) {
  animation-name: animate-pro02-04;}
.ul-img-block li.animate-pro02:nth-child(15) {
  animation-name: animate-pro02-05;}
.ul-img-block li.animate-pro02:nth-child(10) {
  animation-name: animate-pro02-06;}
.ul-img-block li.animate-pro02:nth-child(5) {
  animation-name: animate-pro02-07;}
.ul-img-block li.animate-pro02:nth-child(4) {
  animation-name: animate-pro02-08;}
.ul-img-block li.animate-pro02:nth-child(3) {
  animation-name: animate-pro02-09;}
.ul-img-block li.animate-pro02:nth-child(2) {
  animation-name: animate-pro02-10;}
.ul-img-block li.animate-pro02:nth-child(1) {
  animation-name: animate-pro02-11;}
.ul-img-block li.animate-pro02:nth-child(6) {
  animation-name: animate-pro02-12;}
.ul-img-block li.animate-pro02:nth-child(7) {
  animation-name: animate-pro02-13;}
.ul-img-block li.animate-pro02:nth-child(8) {
  animation-name: animate-pro02-14;}
.ul-img-block li.animate-pro02:nth-child(9) {
  animation-name: animate-pro02-15;}
@keyframes animate-pro02-01 {
  0% {background-color: #e7edf0;}
  6.25% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro02-02 {
  0% {background-color: #e7edf0;}
  12.5% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro02-03 {
  0% {background-color: #e7edf0;}
  18.75% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro02-04 {
  0% {background-color: #e7edf0;}
  25% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro02-05 {
  0% {background-color: #e7edf0;}
  31.25% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro02-06 {
  0% {background-color: #e7edf0;}
  37.5% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro02-07 {
  0% {background-color: #e7edf0;}
  43.75% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro02-08 {
  0% {background-color: #e7edf0;}
  50% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro02-09 {
  0% {background-color: #e7edf0;}
  56.25% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro02-10 {
  0% {background-color: #e7edf0;}
  62.5% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro02-11 {
  0% {background-color: #e7edf0;}
  68.75% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro02-12 {
  0% {background-color: #e7edf0;}
  75% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro02-13 {
  0% {background-color: #e7edf0;}
  81.25% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro02-14 {
  0% {background-color: #e7edf0;}
  87.5% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro02-15 {
  0% {background-color: #e7edf0;}
  93.75% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}


.ul-img-block li.animate-pro03:nth-child(2),
.ul-img-block li.animate-pro03:nth-child(8),
.ul-img-block li.animate-pro03:nth-child(14) {
  animation-name: animate-pro03-01;}
.ul-img-block li.animate-pro03:nth-child(1),
.ul-img-block li.animate-pro03:nth-child(3),
.ul-img-block li.animate-pro03:nth-child(7),
.ul-img-block li.animate-pro03:nth-child(9),
.ul-img-block li.animate-pro03:nth-child(13),
.ul-img-block li.animate-pro03:nth-child(15) {
  animation-name: animate-pro03-02;}
.ul-img-block li.animate-pro03:nth-child(4),
.ul-img-block li.animate-pro03:nth-child(6),
.ul-img-block li.animate-pro03:nth-child(10),
.ul-img-block li.animate-pro03:nth-child(12) {
  animation-name: animate-pro03-03;}
.ul-img-block li.animate-pro03:nth-child(5),
.ul-img-block li.animate-pro03:nth-child(11) {
  animation-name: animate-pro03-04;}

@keyframes animate-pro03-01 {
  0% {background-color: #e7edf0;}
  20% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro03-02 {
  0% {background-color: #e7edf0;}
  40% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro03-03 {
  0% {background-color: #e7edf0;}
  60% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro03-04 {
  0% {background-color: #e7edf0;}
  80% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}


.ul-img-block li.animate-pro04:nth-child(11),
.ul-img-block li.animate-pro04:nth-child(15) {
  animation-name: animate-pro04-01;}
.ul-img-block li.animate-pro04:nth-child(6),
.ul-img-block li.animate-pro04:nth-child(10),
.ul-img-block li.animate-pro04:nth-child(12),
.ul-img-block li.animate-pro04:nth-child(14) {
  animation-name: animate-pro04-02;}
.ul-img-block li.animate-pro04:nth-child(1),
.ul-img-block li.animate-pro04:nth-child(5),
.ul-img-block li.animate-pro04:nth-child(7),
.ul-img-block li.animate-pro04:nth-child(9),
.ul-img-block li.animate-pro04:nth-child(13) {
  animation-name: animate-pro04-03;}
.ul-img-block li.animate-pro04:nth-child(2),
.ul-img-block li.animate-pro04:nth-child(4),
.ul-img-block li.animate-pro04:nth-child(8) {
  animation-name: animate-pro04-04;}
  .ul-img-block li.animate-pro04:nth-child(3) {
    animation-name: animate-pro04-05;}
@keyframes animate-pro04-01 {
  0% {background-color: #e7edf0;}
  16.6% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro04-02 {
  0% {background-color: #e7edf0;}
  33.2% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro04-03 {
  0% {background-color: #e7edf0;}
  49.8% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro04-04 {
  0% {background-color: #e7edf0;}
  66.4% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro04-05 {
  0% {background-color: #e7edf0;}
  83% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}


.ul-img-block li.animate-pro05:nth-child(1) {
  animation-name: animate-pro05-01;}
.ul-img-block li.animate-pro05:nth-child(2) {
  animation-name: animate-pro05-02;}
.ul-img-block li.animate-pro05:nth-child(3) {
  animation-name: animate-pro05-03;}
.ul-img-block li.animate-pro05:nth-child(4) {
  animation-name: animate-pro05-04;}
.ul-img-block li.animate-pro05:nth-child(5) {
  animation-name: animate-pro05-05;}
.ul-img-block li.animate-pro05:nth-child(10) {
  animation-name: animate-pro05-06;}
.ul-img-block li.animate-pro05:nth-child(9) {
  animation-name: animate-pro05-07;}
.ul-img-block li.animate-pro05:nth-child(8) {
  animation-name: animate-pro05-08;}
.ul-img-block li.animate-pro05:nth-child(7) {
  animation-name: animate-pro05-09;}
.ul-img-block li.animate-pro05:nth-child(6) {
  animation-name: animate-pro05-10;}
.ul-img-block li.animate-pro05:nth-child(11) {
  animation-name: animate-pro05-11;}
.ul-img-block li.animate-pro05:nth-child(12) {
  animation-name: animate-pro05-12;}
.ul-img-block li.animate-pro05:nth-child(13) {
  animation-name: animate-pro05-13;}
.ul-img-block li.animate-pro05:nth-child(14) {
  animation-name: animate-pro05-14;}
.ul-img-block li.animate-pro05:nth-child(15) {
  animation-name: animate-pro05-15;}
@keyframes animate-pro05-01 {
  0% {background-color: #e7edf0;}
  6.25% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro05-02 {
  0% {background-color: #e7edf0;}
  12.5% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro05-03 {
  0% {background-color: #e7edf0;}
  18.75% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro05-04 {
  0% {background-color: #e7edf0;}
  25% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro05-05 {
  0% {background-color: #e7edf0;}
  31.25% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro05-06 {
  0% {background-color: #e7edf0;}
  37.5% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro05-07 {
  0% {background-color: #e7edf0;}
  43.75% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro05-08 {
  0% {background-color: #e7edf0;}
  50% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro05-09 {
  0% {background-color: #e7edf0;}
  56.25% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro05-10 {
  0% {background-color: #e7edf0;}
  62.5% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro05-11 {
  0% {background-color: #e7edf0;}
  68.75% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro05-12 {
  0% {background-color: #e7edf0;}
  75% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro05-13 {
  0% {background-color: #e7edf0;}
  81.25% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro05-14 {
  0% {background-color: #e7edf0;}
  87.5% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro05-15 {
  0% {background-color: #e7edf0;}
  93.75% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}


.ul-img-block li.animate-pro06:nth-child(1) {
  animation-name: animate-pro06-01;}
.ul-img-block li.animate-pro06:nth-child(2),
.ul-img-block li.animate-pro06:nth-child(6) {
  animation-name: animate-pro06-02;}
.ul-img-block li.animate-pro06:nth-child(3),
.ul-img-block li.animate-pro06:nth-child(7),
.ul-img-block li.animate-pro06:nth-child(11) {
  animation-name: animate-pro06-03;}
.ul-img-block li.animate-pro06:nth-child(4),
.ul-img-block li.animate-pro06:nth-child(8),
.ul-img-block li.animate-pro06:nth-child(12) {
  animation-name: animate-pro06-04;}
.ul-img-block li.animate-pro06:nth-child(5),
.ul-img-block li.animate-pro06:nth-child(9),
.ul-img-block li.animate-pro06:nth-child(13) {
  animation-name: animate-pro06-05;}
.ul-img-block li.animate-pro06:nth-child(10),
.ul-img-block li.animate-pro06:nth-child(14) {
  animation-name: animate-pro06-06;}
.ul-img-block li.animate-pro06:nth-child(15) {
  animation-name: animate-pro06-07;}
@keyframes animate-pro06-01 {
  0% {background-color: #e7edf0;}
  12.5% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro06-02 {
  0% {background-color: #e7edf0;}
  25% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro06-03 {
  0% {background-color: #e7edf0;}
  37.5% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro06-04 {
  0% {background-color: #e7edf0;}
  50% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro06-05 {
  0% {background-color: #e7edf0;}
  62.5% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro06-06 {
  0% {background-color: #e7edf0;}
  75% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}
@keyframes animate-pro06-07 {
  0% {background-color: #e7edf0;}
  87.5% {background-color: #e7edf0;}
  100% {background-color: transparent;}
}