/*#sp-header {
  height: 80px;
  line-height: 70px;
}*/
img.idea_area_01 {
  bottom:20px;
  left:32%;
  position:absolute;
  animation:zoomIn 5s linear infinite;
  opacity:0.3
}
img.idea_area_02 {
  position:absolute;
  bottom:40px;
  right:44%;
  opacity:0.3;
  animation:animationFramesOne 40s infinite
}
img.idea_area_03 {
  position:absolute;
  right:20px;
  top:52%;
  animation:zoomInDown 6s infinite;
  opacity:0.3
}
img.idea_area_04 {
  position:absolute;
  top:20px;
  left:29%;
  opacity:0.3;
  animation:animationFramesTwo 12s linear infinite
}
img.idea_area_05 {
  position:absolute;
  top:-5px;
  left:0px;
  opacity:0.2;
  animation:rotated 2s linear infinite
}
@-webkit-keyframes zoomIn {
  0% {
    opacity:0;
    -webkit-transform:scale3d(0.3,0.3,0.3);
    transform:scale3d(0.3,0.3,0.3)
  }
  50% {
    opacity:1
  }
}
@keyframes zoomIn {
  0% {
    opacity:0;
    -webkit-transform:scale3d(0.3,0.3,0.3);
    transform:scale3d(0.3,0.3,0.3)
  }
  50% {
    opacity:1
  }
}
.animate__zoomIn {
  -webkit-animation-name:zoomIn;
  animation-name:zoomIn
}
@keyframes animationFramesOne {
  0% {
    transform:translate(0px,0px) rotate(0deg)
  }
  20% {
    transform:translate(73px,-1px) rotate(36deg)
  }
  40% {
    transform:translate(141px,72px) rotate(72deg)
  }
  60% {
    transform:translate(83px,122px) rotate(108deg)
  }
  80% {
    transform:translate(-40px,72px) rotate(144deg)
  }
  100% {
    transform:translate(0px,0px) rotate(0deg)
  }
}
@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform:translate(0px,0px) rotate(0deg)
  }
  20% {
    -webkit-transform:translate(73px,-1px) rotate(36deg)
  }
  40% {
    -webkit-transform:translate(141px,72px) rotate(72deg)
  }
  60% {
    -webkit-transform:translate(83px,122px) rotate(108deg)
  }
  80% {
    -webkit-transform:translate(-40px,72px) rotate(144deg)
  }
  100% {
    -webkit-transform:translate(0px,0px) rotate(0deg)
  }
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity:0;
    -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
    transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
    -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
    animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
  }
  60% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
    animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
  }
}
@keyframes zoomInDown {
  0% {
    opacity:0;
    -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
    transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
    -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
    animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
  }
  60% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
    animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
  }
}
.animate__zoomInDown {
  -webkit-animation-name:zoomInDown;
  animation-name:zoomInDown
}
@keyframes animationFramesTwo {
  0% {
    transform:translate(0px,0px) rotate(0deg) scale(1)
  }
  20% {
    transform:translate(73px,-1px) rotate(36deg) scale(0.9)
  }
  40% {
    transform:translate(141px,72px) rotate(72deg) scale(1)
  }
  60% {
    transform:translate(83px,122px) rotate(108deg) scale(1.2)
  }
  80% {
    transform:translate(-40px,72px) rotate(144deg) scale(1.1)
  }
  100% {
    transform:translate(0px,0px) rotate(0deg) scale(1)
  }
}
@-webkit-keyframes animationFramesTwo {
  0% {
    -webkit-transform:translate(0px,0px) rotate(0deg) scale(1)
  }
  20% {
    -webkit-transform:translate(73px,-1px) rotate(36deg) scale(0.9)
  }
  40% {
    -webkit-transform:translate(141px,72px) rotate(72deg) scale(1)
  }
  60% {
    -webkit-transform:translate(83px,122px) rotate(108deg) scale(1.2)
  }
  80% {
    -webkit-transform:translate(-40px,72px) rotate(144deg) scale(1.1)
  }
  100% {
    -webkit-transform:translate(0px,0px) rotate(0deg) scale(1)
  }
}
@-webkit-keyframes rotated {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes rotated {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}