@keyframes talkA {
	0% {
		transform: translateY(0px) rotate(0deg);
	}
	15% {
		transform: translateY(-22px) rotate(5deg);
	}
	30% {
		transform: translateY(-6px) rotate(-3deg);
	}
	45% {
		transform: translateY(-16px) rotate(6deg);
	}
	60% {
		transform: translateY(-4px) rotate(-2deg);
	}
	75% {
		transform: translateY(-10px) rotate(3deg);
	}
	100% {
		transform: translateY(0px) rotate(0deg);
	}
}

@keyframes talkB {
	0% {
		transform: translateY(0) rotate(0deg);
	}
	15% {
		transform: translateY(-2px) rotate(-5deg);
	}
	30% {
		transform: translateY(-20px) rotate(4deg);
	}
	45% {
		transform: translateY(-5px) rotate(-6deg);
	}
	60% {
		transform: translateY(-18px) rotate(5deg);
	}
	75% {
		transform: translateY(-2px) rotate(-3deg);
	}
	100% {
		transform: translateY(0) rotate(0deg);
	}
}

.ball-a {
	animation: talkA 1.6s ease-in-out infinite;
}

.ball-b {
	animation: talkB 1.6s ease-in-out infinite;
}

.home-cover__inner {
	height: 172px;
	width: 325px;

	position: absolute;
	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.home-cover__inner.is-overflowed {
	overflow: hidden;
}
.home-opening01,
.home-opening02 {
	position: absolute;
	top: 0;
	left: 17px;
	display: grid;
	-webkit-transform: scale(0);
	transform: scale(0);

	-webkit-transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.61, 0.94);
	transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.61, 0.94);
}

.home-opening01 {
	-webkit-transform-origin: 250px bottom;
	transform-origin: 250px bottom;
	width: 100%;
	height: 100%;
}

.home-opening02 {
	-webkit-transform-origin: 53px bottom;
	transform-origin: 53px bottom;
	width: 100%;
	height: 100%;
}
.home-opening01-mark,
.home-opening02-mark {
	grid-area: 1 / 1;
	position: relative;
	z-index: 0;
}
.home-opening01-eye,
.home-opening02-eye {
	grid-area: 1 / 1;
	position: relative;
	z-index: 1;
}
.home-opening01-eye.is-hidden,
.home-opening02-eye.is-hidden {
	opacity: 0;
	-webkit-transition: opacity 0.6s ease-out;
	transition: opacity 0.6s ease-out;
}

.home-opening01.is-showed,
.home-opening02.is-showed {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.home-opening01.is-animated .home-opening01-image {
	animation: talkA 1.6s ease-in-out forwards;
}

.home-opening02.is-animated .home-opening02-image {
	animation: talkB 1.6s ease-in-out forwards;
}

.home-opening01.is-transformed {
	-webkit-transform-origin: left top;
	transform-origin: left top;
	transform: translate(-25px, 0px) scale(0.36);
	-webkit-transform: translate(-25px, 0px) scale(0.36);
	transition: transform 0.4s ease-out;
	-webkit-transition: transform 0.4s ease-out;
}
.home-opening02.is-transformed {
	-webkit-transform-origin: left top;
	transform-origin: left top;
	transition: transform 0.4s ease-out;
	transform: translate(-16px, 4px) scale(0.357);
	-webkit-transform: translate(-16px, 4px) scale(0.357);
	-webkit-transition: transform 0.4s ease-out;
}
.home-opening01.is-hidden,
.home-opening02.is-hidden {
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-out;

	transition: opacity 0.4s ease-out;
}

.home-opening03 {
	opacity: 0;
	transform: translateY(98px);
	-webkit-transform: translateY(98px);

	-webkit-transition:
		opacity 0.8s ease-out,
		-webkit-transform 0.8s ease-out;
	transition:
		opacity 0.8s ease-out,
		transform 0.8s ease-out;
}

.home-opening03.is-animated {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}