.er2-mq {
	position: relative;
	padding: 48px 0;
	overflow: hidden;
	background-color: transparent;
}

.er2-mq__main {
	padding: 12px 0;
	background-color: #181818;
	color: #f2f2f0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
@media (min-width: 768px) {
	.er2-mq__main {
		padding: 16px 0;
	}
}

.er2-mq__sub {
	padding: 8px 0;
	background-color: #e8e8e5;
	color: #404040;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.er2-mq__wrap {
	overflow: hidden;
	white-space: nowrap;
}

.er2-mq__move {
	display: flex;
	align-items: center;
	width: max-content;
	animation-name: er2-mq-scroll;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes er2-mq-scroll {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-50%, 0, 0);
	}
}

.er2-mq__main .er2-mq__item {
	font-family: 'Syne', sans-serif;
	font-weight: 800;
	font-size: 32px;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	margin-right: 24px;
}
@media (min-width: 768px) {
	.er2-mq__main .er2-mq__item {
		font-size: 48px;
	}
}

.er2-mq__sub .er2-mq__item {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	margin-right: 64px;
}
@media (min-width: 768px) {
	.er2-mq__sub .er2-mq__item {
		font-size: 11px;
	}
}

.er2-mq__dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 24px;
	background-color: #8fa08c;
}