@charset "utf-8";
	
	/* ディレイ */
	.delay0 {
		animation-delay: 0s !important;
	}
	.delay1 {
		animation-delay: .3s !important;
	}
	.delay2 {
		animation-delay: .6s !important;
	}
	.delay3 {
		animation-delay: .9s !important;
	}
	.delay4 {
		animation-delay: 1.2s !important;
	}
	.delay5 {
		animation-delay: 1.5s !important;
	}

	/* FV_ロゴ */
	.active .fv_txt {
		animation: fv-txt 1s cubic-bezier(.25, 1, .5, 1) .2s forwards;
	}
	@keyframes fv-txt {
		0% {
			translate: 0 100rem;
			opacity: 0;
		}
		100% {
			translate: 0 0;
		}
		40%, 100% {
			opacity: 1;
		}
	}

	/* FV_サマープラン */
	.fv_summer,
	.td_icon {
		animation: fv-summer 2s cubic-bezier(.2, .36, .83, .67) infinite;
	}
	@keyframes fv-summer {
		0%, 100% {
			translate: 0 0;
		}
		50% {
			translate: 0 -8rem;
		}
	}

	/* CTAボタン */
	.cta .btn {
		animation: cta-btn 2s ease-in-out infinite;
	}
	@keyframes cta-btn {
		0%, 30%, 50%, 70%, 100% {
			scale: 1 1;
		}
		40%, 60% {
			scale: 1.05 1.05;
		}
	}


	/* お悩みちゃんたち登場 */
	.nayami_bg.active::after {
		animation: nayami-bg .6s ease forwards;
	}
	@keyframes nayami-bg {
		0% {
			height: 100%;
		}
		100% {
			height: 0;
		}
	}

	/* POINT_くるくる */
	.nayami_in .number img {
		animation: number-img 10s linear infinite;
	}
	@keyframes number-img {
		0% { rotate: 0deg; }
		100% { rotate: 360deg; }
	}

	/* 三浦さん登場 */
	.case_in_ttl.active img {
		animation: case-girl .3s ease forwards;
	}
	@keyframes case-girl {
		0% {
			translate: 0 100%;
		}
		100% {
			translate: 0 0;
		}
	}

	/* フキダシ_ぽこん */
	.case_in_ttl.active .fukidashi {
		animation: case-fukidashi .6s ease forwards;
	}
	@keyframes case-fukidashi {
		0% {
			scale: 0 0;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		70% {
			scale: 1.2 1.2;
			opacity: 1;
		}
		100% {
			scale: 1 1;
			opacity: 1;
		}
	}

	/* メッセージ表示 */
	.active .msg_ani {
		animation: msg-ani .8s ease forwards;
	}
	@keyframes msg-ani {
		0% {
			height: 100%;
		}
		100% {
			height: 0;
		}
	}

	/* 料金表_ふわっと */
	.price_list.active li {
		animation: price-list .6s ease forwards;
	}
	@keyframes price-list {
		0% {
			translate: 0 80rem;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			translate: 0 0;
			opacity: 1;
		}
	}

	/* クリニック_ループ */
	.loop1 {
		animation: scroll-anime-loop1 60s -30s linear infinite;
	}
	.loop2 {
		animation: scroll-anime-loop2 60s linear infinite;
	}
	@keyframes scroll-anime-loop1 {
		from { translate: 100% 0; }
		to { translate: -100% 0; }
	}
	@keyframes scroll-anime-loop2 {
		from { translate: 0 0; }
		to { translate: -200% 0; }
	}