@charset "UTF-8";
/* CSS Document */
/* ===============================

ABOUTスライダー

=============================== */
/* =================
コンテナ */
#about-slider .splide__list {
	visibility: visible;
}
.about__slide {
	width: 100%;
	width: 70%;
	overflow: hidden;
}
.about__slide img {
	width: 100%;
	height: auto;
	object-fit: cover;
	transform-origin: left bottom;
}
.about__slide:not([class*=-active]) img {
	transform: scale(0.9);
	opacity: 0.9;
	filter: blur(4px) saturate(110%) brightness(70%);

	transition: opacity 1.5s ease-in-out,
	transform .5s linear,
	filter .5s ease-in-out;
}
.about__slide[class*=-active] img{
	animation-name: about-filter;
	animation-timing-function: var(--liner);
	animation-duration: 1s;
}
@keyframes about-filter {
	0% {
		transform: scale(0.9);
		opacity: 0.9;
		filter: blur(4px) saturate(110%) brightness(70%);
	}
	50% {
		filter: blur(1px) saturate(100%) brightness(80%);
	}
	100% {
		opacity: 1;
		transform: scale(1);
		filter: none;
	}
}
@media (max-width: 959px) {
	.about__slide {
		width: 75%;
	}
}
/* =================
ページネイション */
#about-slider .splide__pagination {
	position: static;
	justify-content: flex-start;

	width: calc(100% - 70% + calc(calc(10px * 3) + 20px));
	margin-left: auto;
	margin-top: 20px;
}
@media (max-width: 959px) {
	#about-slider .splide__pagination {
		width: 100%;
	}
}