@charset "utf-8";
/*----------------------------
	main visual
-----------------------------*/
.mv {
	background-color: var(--base-color);
	margin-top: 5rem;
	padding-top: 3.9375rem;
	overflow: hidden;
}
.mv .inner {
	max-width: 87.5rem;
	margin: auto;
	position: relative;
}
.mv__title {
	font-size: var(--fs-44);
	font-weight: 700;
	max-width: 57.6875rem;
	width: 90%;
	margin: auto;
	text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, 0px 3px 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 0 0 #fff;
	letter-spacing: 0.04em;
}
.mv__title .fs--large {
	font-size: var(--fs-54);
}
.mv__img__outer {
	position: relative;
	padding-top: 9.6875rem;
	padding-right: 9.375rem;
	max-width: max-content;
	margin: auto;
	transform: translateX(12%);
}
.mv__img {
	max-width: 42.625rem;
}
.mv__img--word {
	position: absolute;
}
.mv__img--word1 {
	max-width: 9.875rem;
	top: 3.125rem;
	left: 10.25rem;
}
.mv__img--word2 {
	max-width: 9.875rem;
	top: 5.125rem;
	left: 20.875rem;
}
.mv__img--word3 {
	max-width: 12.0625rem;
	right: 0;
	bottom: 9.4375rem;
}
.mv__circle {
	width: 443px;
	height: 443px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	position: absolute;
	bottom: -13px;
	left: -76px;
	overflow: hidden;
}
.mv__circle .text__outer {
	display: flex;
	gap: .5em;
	font-size: 7.8125rem;
	color: var(--base-color);
	font-weight: 700;
	animation: scrollText 20s linear infinite;
	white-space: nowrap;
}
@keyframes scrollText {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}
/*----------------------------
	media query
-----------------------------*/
@media screen and (max-width: 768px){


}