@charset "UTF-8";

/* アニメーション */

/* 横に流れるテキスト */
#loop-txt-block .content {
	max-width: 960px;
	margin: 0 auto;
}

#loop-txt-block .anime__unit {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	overflow: hidden;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

#loop-txt-block .anime__item {
	display: flex;
	animation: loop-text 60s linear infinite;
	-webkit-animation: loop-text 60s linear infinite;
}
@keyframes loop-text {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-50%);
	}
}

#loop-txt-block .anime__loop-txt {
	display: inline-block;
	font-size: clamp(40px, 11vw, 160px);
	white-space: nowrap;
	color: var(--color_gray04);
	line-height: 1.2;
	font-weight: var(--fw_en_bold);
	margin-right: 0.3em;
}


/* ゆらゆら動く */
#moving-block .content {
	max-width: 960px;
	margin: 0 auto;
}

#moving-block .moving-illust {
	max-width: 480px;
	margin: 0 auto;
}

#moving-block .moving-illust img {
	transform-origin: center bottom;
	animation: moving 2s linear infinite;
	-webkit-animation: moving 2s linear infinite;
}
@keyframes moving {
	0% , 100%{
		transform: rotate(25deg);
		-webkit-transform: rotate(25deg);
		-moz-transform: rotate(25deg);
		-ms-transform: rotate(25deg);
		-o-transform: rotate(25deg);
	}
	50%{
		transform: rotate(-25deg);
		-webkit-transform: rotate(-25deg);
		-moz-transform: rotate(-25deg);
		-ms-transform: rotate(-25deg);
		-o-transform: rotate(-25deg);
	}
}


/* スマートフォン用 */
@media screen and (max-width: 768px) {


}