@charset "utf-8";

img{
  width: 100%;
  vertical-align: top;
}

.hover{
  transition: 0.6s;
}

.hover:hover{
  opacity: 0.7;
}

.box{
  width: 100%;
}

.box .inner{
  max-width: 1000px;
  margin: 0 auto;
}


.btnBox01,
.btnBox04 {
  position: relative;
}

.item-btn {
  position: absolute;
}

.btnBox01 .item-btn{
  bottom: 8%;
  right: 10%;
  margin: auto;
  width: 52.3%;
  animation: btn01 2.3s linear infinite;
}

@keyframes btn01 {
  0% {transform: skew(0deg, 0deg);}
  5% {transform: skew(5deg, 4.2deg);}
  10% {transform: skew(-4deg, -3deg);}
  15% {transform: skew(3deg, 2.2deg);}
  20% {transform: skew(-2deg, -1.5deg);}
  25% {transform: skew(0.9deg, 0.9deg);}
  30% {transform: skew(-0.6deg, -0.6deg);}
  35% {transform: skew(0.3deg, 0.3deg);}
  40% {transform: skew(-0.2deg, -0.2deg);}
  45% {transform: skew(0.1deg, 0.1deg);}
  50% {transform: skew(0deg, 0deg);}
}

.btnBox04 .item-btn{
  bottom: 7%;
  left: 0;
  right: 0;
  width: 87.3%;
  margin: auto;
  animation: btn04 2.3s linear infinite;
}

footer{
  background: #000;
  text-align: center;
  padding: 2% 0;
}

footer small{
  color: #fff;
  font-size: 12px;
}


@media screen and (max-width: 979px) {

}

@media screen and (max-width: 767px) {

  footer small{
    font-size: 10px;
  }


}