@charset "utf-8";

/*========= スクロールダウンのためのCSS ===============*/

.scrolldown1{
	position:absolute;
	left:50%;
	bottom:10px;
	height:50px;
}

.scrolldown1 span{
	position: absolute;
	left:-15px;
	top: -15px;
	color: #eee;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
}

.scrolldown1::after{
	content: "";
	position: absolute;
	top: 0;
	width: 1px;
	height: 30px;
	background: #eee;
	animation: pathmove 1.4s ease-in-out infinite;
	opacity:0;
}

@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:30px;
		opacity: 1;
	}
	100%{
		height:0;
		top:50px;
		opacity: 0;
	}
}

@media (max-width: 767px) {
    .scrolldown1{
		height:125px;
	}
	
}