@charset "utf-8";
.kv-circle, .kvBtn {
		transform: scale(1.8);
		opacity: 0;
		transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s;
}
.kv_inner_right {
		transform: scale(1.6);
		opacity: 0;
		transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s;
}
.kv_inner_right::before, .kv-circle::before {
		opacity: 0;
		transition: opacity 1.5s;
}
.kv-circle.kvCircle3 {
		transition-delay: 0.15s;
}
.kv_inner_right {
		transition-delay: 0.3s;
}
.kv-circle.kvCircle4 {
		transition-delay: 0.5s;
}
.kv-circle.kvCircle2::before {
		transition-delay: 0.35s;
}
.kv-circle.kvCircle3::before {
		transition-delay: 0.5s;
}
.kv_inner_right::before {
		transition-delay: 0.65s;
}
.kv-circle.kvCircle4::before {
		transition-delay: 0.8s;
}
.isStart .kv-circle, .isStart .kv_inner_right, .isStart .kvBtn {
		transform: scale(1);
		opacity: 1
}
.isStart .kv_inner_right::before, .isStart .kv-circle::before {
		opacity: 1;
}
.kv_catch span {
		position: relative;
		top: 50px;
		opacity: 0;
		transition: top 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s;
}
.kv_lead {
		opacity: 0;
		transform: translateY(10px);
		transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s;
		transition-delay: 0.7s;
}
.isStart .kv_catch span {
		top: 0;
		opacity: 1;
}
.isStart .kv_lead {
		transform: translateY(0px);
		opacity: 1;
}
.kv_catch span:nth-child(1) {
		transition-delay: 0.04s;
}
.kv_catch span:nth-child(2) {
		transition-delay: 0.08s;
}
.kv_catch span:nth-child(3) {
		transition-delay: 0.12s;
}
.kv_catch span:nth-child(4) {
		transition-delay: 0.16s;
}
.kv_catch span:nth-child(5) {
		transition-delay: 0.20s;
}
.kv_catch span:nth-child(6) {
		transition-delay: 0.24s;
}
.kv_catch span:nth-child(7) {
		transition-delay: 0.28s;
}
.kv_catch span:nth-child(8) {
		transition-delay: 0.32s;
}
.kv_catch span:nth-child(9) {
		transition-delay: 0.36s;
}
.kv_catch span:nth-child(10) {
		transition-delay: 0.40s;
}
.kv_catch span:nth-child(11) {
		transition-delay: 0.44s;
}
.kv_catch span:nth-child(12) {
		transition-delay: 0.48s;
}
.kv_catch span:nth-child(13) {
		transition-delay: 0.52s;
}
.kv_catch span:nth-child(14) {
		transition-delay: 0.56s;
}
.kv_catch span:nth-child(15) {
		transition-delay: 0.60s;
}
.kv_catch span:nth-child(16) {
		transition-delay: 0.64s;
}
.kv_catch span:nth-child(17) {
		transition-delay: 0.68s;
}
.kvBtn {
		transition-delay: 0.9s;
}
.kv::before {
		opacity: 0;
		transition: opacity 2s;
		transition-delay: 0.4s;
}
.kv.isStart::before {
		opacity: 1
}
/* ========== */
.kvBtn a::after {
		content: '';
		position: absolute;
		top: -10%;
		left: -20%;
		width: 40px;
		height: 100%;
		transform: scale(2) rotate(20deg);
		background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
		animation-name: shiny;
		animation-duration: 6s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		pointer-events: none;
}
@keyframes shiny {
		0% {
				left: -20%;
		}
		5% {
				left: 120%;
		}
		100% {
				left: 120%;
		}
}
.isDone .kv-circle.kvCircle2 {
		animation: cloud3 2.5s ease-in-out infinite alternate;
}
.isDone .kv-circle.kvCircle3 {
		animation: cloud4 2.5s ease-in-out infinite alternate;
}
.isDone .kv_inner_right {
		animation: cloud3 2.5s ease-in-out infinite alternate;
}
.isDone .kv-circle.kvCircle4 {
		animation: cloud4 2.5s ease-in-out infinite alternate;
}
@media(max-width: 767px) {
		.isDone .kv-circle.kvCircle2 {
				animation: cloud3SP 2.5s ease-in-out infinite alternate;
		}
		.isDone .kv-circle.kvCircle3 {
				animation: cloud4SP 2.5s ease-in-out infinite alternate;
		}
		.isDone .kv_inner_right {
				animation: cloud3SP 2.5s ease-in-out infinite alternate;
		}
		.isDone .kv-circle.kvCircle4 {
				animation: cloud4SP 2.5s ease-in-out infinite alternate;
		}
}
.isDone .kvBtn {
		animation: cloud4 2.5s ease-in-out infinite alternate;
}
@keyframes cloud3 {
		0% {
				transform: translateY(0) scale(1);
		}
		100% {
				transform: translateY(-30px) scale(1);
		}
}
@keyframes cloud4 {
		0% {
				transform: translateY(0) scale(1);
		}
		100% {
				transform: translateY(35px) scale(1);
		}
}
@keyframes cloud3SP {
		0% {
				transform: translateY(0) scale(1);
		}
		100% {
				transform: translateY(-15px) scale(1);
		}
}
@keyframes cloud4SP {
		0% {
				transform: translateY(0) scale(1);
		}
		100% {
				transform: translateY(15px) scale(1);
		}
}
/* ========== */