@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.arrow {
	position: absolute;
	margin: 700px 0 0 -25px;
	color: #8F8F8F;
	left: 50%;
	overflow: hidden;
	z-index: 999;
	font-size: 42px;
}
.arrow_m {
	display: none;
	position: absolute;
	color: #8F8F8F;
	left: 47%;
	margin-top: 116%;
	font-size: 9vw;
	z-index: 2;
	position: absolute;
}
.arrow_m a {
	color: #51626b;
	font-size: 12vw;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}



@media screen and (max-width:880px) {
	.arrow {
		font-size: 7vw;
		margin: 93% 0 0 -2%;
	}
}
@media screen and (max-width:780px) {
	.arrow {
		font-size: 7vw;
		margin: 113% 0 0 -2%;
	}
}
@media screen and (max-width:480px) {
	.arrow {
		font-size: 10vw;
		margin: 128% 0 0 -4%;
	}
}