@charset "utf-8";

/*
	** MAIN
*/


.main-visual {
	margin-bottom: 100px;
}


.marquee-box {
	width: 100%;
	white-space: nowrap;
	position: absolute;
}
.marquee-track {
	display: inline-block;
	white-space: nowrap;
}
.marquee-text {
	display: inline-block;
	padding: 0 50px;
	font-size: 150px;
	color: #fff;
	opacity: 0.08;
}

.marquee-box.left {
	top: 120px;
	animation: marquee-left 15s linear infinite;
}
@keyframes marquee-left {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

.marquee-box.right {
	bottom: 120px;
	animation: marquee-right 20s linear infinite;
}
@keyframes marquee-right {
	0% { transform: translateX(-50%); }
	100% { transform: translateX(0); }
}