/*-------------------------------------------------------------
top-common-ku
-------------------------------------------------------------*/
.top-common-ku {
	position: relative;
	overflow: hidden;
	padding-bottom: 120px;
}
@media screen and (min-width: 768px) {
	.top-common-ku {
		padding-bottom: 0;
	}
}

.top-common-img-ku {
	display: flex;
	flex-direction: column;
	gap: 33px;
}
@media screen and (min-width: 768px) {
	.top-common-img-ku {
		flex-direction: row;
	}
}

@media screen and (min-width: 768px) {
	.top-common-img-ku img {
		aspect-ratio: 543/365;
		-o-object-fit: cover;
		object-fit: cover;
	}
}

.top-common-animation-img-ku {
	width: 100%;
	max-width: 300px;
	position: absolute;
	bottom: -120px;
	right: 50%;
	transform: translateX(50%);
}
@media screen and (min-width: 768px) {
	.top-common-animation-img-ku {
		bottom: 0px;
		right: 100px;
		transform: translateX(0);
	}
}
@media screen and (min-width: 1080px) {
	.top-common-animation-img-ku {
		max-width: 500px;
		bottom: -200px;
		right: -150px;
	}
}

.top-common-animation-img-ku img {
	aspect-ratio: 1/1;
	-o-object-fit: cover;
	object-fit: cover;
}

.top-common-wrap-ku {
	display: flex;
	flex-direction: column-reverse;
	gap: 30px;
}
@media screen and (min-width: 768px) {
	.top-common-wrap-ku {
		flex-direction: row;
	}
}

.top-common-img02-ku {
	width: 100%;
}
@media screen and (min-width: 768px) {
	.top-common-img02-ku {
		max-width: 474px;
	}
}

@media screen and (min-width: 768px) {
	.top-common-img02-ku img {
		aspect-ratio: 474/316;
		-o-object-fit: cover;
		object-fit: cover;
	}
}