@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: 800px;
  margin: 0 auto;
  overflow: hidden;
}
.item-btn {
  position: absolute;
}

.half-box {
  width: 100%;
  height: auto;
  display: flex;
}

.half-box div {
  width: 50%;
  height: auto;
  display: block;
}

.btnBox,
.btnBox-01 {
  position: relative;
}

.btnBox .item-btn{
  margin: auto;
  width: 100%;
  display: block;
  animation: btn01 2.3s linear infinite;
}

.btnBox-01 .item-btn{
  bottom:10%;
  right:10.5%;
  margin: auto;
  width: 83%;
  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);}
}

@keyframes btn02 {
  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);}
}


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;
  }


}