.scrolldown {
	position: absolute;
	bottom: 1%;
	right: 50%;
	animation: arrowmove 1s ease-in-out infinite;
}

@keyframes arrowmove {
	
	0% {
		bottom: 1%;
	}
	
	50% {
		bottom: 3%;
	}
	
	100% {
		bottom: 1%;
	}
}

.scrolldown span {
	position: absolute;
	left: 20px;
	bottom: -40px;
	color: #3e3e3e;
	font-size: 0.7rem;
	letter-spacing: 0.2em;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

.scrolldown::before {
	content: "";
	position: absolute;
	top: 110px;
	bottom: 0;
	right: -6px;
	/* 	 矢印の形状 */
	width: 1px;
	height: 20px;
	background: #3e3e3e;
	transform: skewX(-31deg);
}

.scrolldown::after {
	content: "";
	position: absolute;
	top: -50px;
	bottom: 0;
	right: 0;
	/* 	 矢印の形状 */
	width: 1px;
	height: 180px;
	background:#3e3e3e;
}