.intanimas {
  width:100%;
  height: 100%;
  display: block;
  aspect-ratio: 3 / 2;
  position: relative;
}

/* intmbg01 */
.intmbg01 img {
width:20%;
height: auto;
display: block;
position: absolute;
top:8%;
left:3%;
z-index:120;
opacity: 0;
}
.intmbg01 img {
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
  animation-duration: 20s;
  -webkit-animation-duration: 20s;
  animation-name: intimg01;
  -webkit-animation-name: intimg01;
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}
@keyframes intimg01 {
  0% {
    opacity: 0;
    top:8%;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    top:2%;
  }
}
@-webkit-keyframes intimg01 {
  0% {
    opacity: 0;
    top:8%;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    top:2%;
  }
}


/* intmbg02 */
.intmbg02 img {
  width:15%;
  height: auto;
  display: block;
  position: absolute;
  bottom:2%;
  right:3%;
  z-index:110;
  opacity: 0;
  }
  .intmbg02 img {
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
    animation-duration: 20s;
    -webkit-animation-duration: 20s;
    animation-name: intimg02;
    -webkit-animation-name: intimg02;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
  }
  @keyframes intimg02 {
    0% {
      opacity: 0;
      bottom:2%;
    }
    10% {
      opacity: 1;
    }
    50% {
      opacity: 1;
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      bottom:8%;
    }
  }
  @-webkit-keyframes intimg02 {
    0% {
      opacity: 0;
      bottom:2%;
    }
    10% {
      opacity: 1;
    }
    50% {
      opacity: 1;
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      bottom:8%;
    }
  }


  /* intmbg03 */
.intmbg03 img {
  width:10%;
  height: auto;
  display: block;
  position: absolute;
  top:55%;
  left:20%;
  z-index:100;
  opacity: 0;
  }
  .intmbg03 img {
    animation-delay: 10s;
    -webkit-animation-delay: 10s;
    animation-duration: 20s;
    -webkit-animation-duration: 20s;
    animation-name: intimg03;
    -webkit-animation-name: intimg03;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
  }
  @keyframes intimg03 {
    0% {
      opacity: 0;
      top:55%;
    }
    10% {
      opacity: 0.6;
    }
    50% {
      opacity: 0.6;
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      top:49%;
    }
  }
  @-webkit-keyframes intimg03 {
    0% {
      opacity: 0;
      top:55%;
    }
    10% {
      opacity: 0.6;
    }
    50% {
      opacity: 0.6;
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      top:49%;
    }
  }


  /* intmbg04 */
.intmbg04 img {
  width:25%;
  height: auto;
  display: block;
  position: absolute;
  bottom:45%;
  right:20%;
  z-index:90;
  opacity: 0;
  }
  .intmbg04 img {
    animation-delay: 12s;
    -webkit-animation-delay: 12s;
    animation-duration: 20s;
    -webkit-animation-duration: 20s;
    animation-name: intimg04;
    -webkit-animation-name: intimg04;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
  }
  @keyframes intimg04 {
    0% {
      opacity: 0;
      bottom:45%;
    }
    10% {
      opacity: 0.7;
    }
    50% {
      opacity: 0.7;
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      bottom:51%;
    }
  }
  @-webkit-keyframes intimg04 {
    0% {
      opacity: 0;
      bottom:45%;
    }
    10% {
      opacity: 0.7;
    }
    50% {
      opacity: 0.7;
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      bottom:51%;
    }
  }


/* intmbg05 */
.intmbg05 img {
  width:15%;
  height: auto;
  display: block;
  position: absolute;
  top:85%;
  left:25%;
  z-index:80;
  opacity: 0;
  }
  .intmbg05 img {
    animation-delay: 15s;
    -webkit-animation-delay: 15s;
    animation-duration: 20s;
    -webkit-animation-duration: 20s;
    animation-name: intimg05;
    -webkit-animation-name: intimg05;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
  }
  @keyframes intimg05 {
    0% {
      opacity: 0;
      top:85%;
    }
    10% {
      opacity: 1;
    }
    50% {
      opacity: 1;
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      top:79%;
    }
  }
  @-webkit-keyframes intimg05 {
    0% {
      opacity: 0;
      top:85%;
    }
    10% {
      opacity: 1;
    }
    50% {
      opacity: 1;
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      top:79%;
    }
  }

  /* intmbg06 */
.intmbg06 img {
  width:10%;
  height: auto;
  display: block;
  position: absolute;
  bottom:15%;
  right:40%;
  z-index:70;
  opacity: 0;
  }
  .intmbg06 img {
    animation-delay: 8s;
    -webkit-animation-delay: 8s;
    animation-duration: 20s;
    -webkit-animation-duration: 20s;
    animation-name: intimg06;
    -webkit-animation-name: intimg06;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
  }
  @keyframes intimg06 {
    0% {
      opacity: 0;
      bottom:15%;
    }
    10% {
      opacity: 1;
    }
    50% {
      opacity: 1;
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      bottom:21%;
    }
  }
  @-webkit-keyframes intimg06 {
    0% {
      opacity: 0;
      bottom:15%;
    }
    10% {
      opacity: 1;
    }
    50% {
      opacity: 1;
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      bottom:21%;
    }
  }


/* intmbg07 */
.intmbg07 img {
  width:25%;
  height: auto;
  display: block;
  position: absolute;
  top:65%;
  left:-10%;
  z-index:60;
  opacity: 0;
  }
  .intmbg07 img {
    animation-delay: 18s;
    -webkit-animation-delay: 18s;
    animation-duration: 20s;
    -webkit-animation-duration: 20s;
    animation-name: intimg07;
    -webkit-animation-name: intimg07;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
  }
  @keyframes intimg07 {
    0% {
      opacity: 0;
      top:65%;
    }
    10% {
      opacity: 0.6;
    }
    50% {
      opacity: 0.6;
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      top:59%;
    }
  }
  @-webkit-keyframes intimg07 {
    0% {
      opacity: 0;
      top:65%;
    }
    10% {
      opacity: 0.6;
    }
    50% {
      opacity: 0.6;
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      top:59%;
    }
  }

  /* intmbg08 */
.intmbg08 img {
  width:10%;
  height: auto;
  display: block;
  position: absolute;
  bottom:75%;
  right:3%;
  z-index:70;
  opacity: 0;
  }
  .intmbg08 img {
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
    animation-duration: 20s;
    -webkit-animation-duration: 20s;
    animation-name: intimg08;
    -webkit-animation-name: intimg08;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
  }
  @keyframes intimg08 {
    0% {
      opacity: 0;
      bottom:75%;
    }
    10% {
      opacity: 0.8;
    }
    50% {
      opacity: 0.8;
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      bottom:81%;
    }
  }
  @-webkit-keyframes intimg08 {
    0% {
      opacity: 0;
      bottom:75%;
    }
    10% {
      opacity: 0.8;
    }
    50% {
      opacity: 0.8;
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      bottom:81%;
    }
  }


/* intmbg09 */
.intmbg09 img {
  width:15%;
  height: auto;
  display: block;
  position: absolute;
  top:25%;
  left:30%;
  z-index:50;
  opacity: 0;
  }
  .intmbg09 img {
    animation-delay: 7s;
    -webkit-animation-delay: 7s;
    animation-duration: 20s;
    -webkit-animation-duration: 20s;
    animation-name: intimg09;
    -webkit-animation-name: intimg09;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
  }
  @keyframes intimg09 {
    0% {
      opacity: 0;
      top:25%;
    }
    10% {
      opacity: 0.7;
    }
    50% {
      opacity: 0.7;
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      top:19%;
    }
  }
  @-webkit-keyframes intimg09 {
    0% {
      opacity: 0;
      top:25%;
    }
    10% {
      opacity: 0.7;
    }
    50% {
      opacity: 0.7;
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      top:19%;
    }
  }