/* keyframe */
/* l-header */
@keyframes fade {
	0% {
		opacity: 0;
	}
	75% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes slidein {
	0% {
		line-height: 1;
		transition: 1.0s cubic-bezier(0.37, 0, 0.63, 1);
		transition-property: clip-path;
		clip-path: inset(0 100% 0 0);
	}
	100% {
		clip-path: inset(0);
	}
}
/* 円を描くアニメーション */
@keyframes draw {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(180deg);
	}
}
@keyframes fadeUpAnime {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* borderanime */
@keyframes border_anim {
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}


[data-module=FadeIn] {
	opacity: 0;
	transform: translateY(20px);
	transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

[data-module=FadeIn].is-FadeIn {
	opacity: 1;
	transform: translateY(0);
}

[data-module=FadeIn2] {
	opacity: 0;
	transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

[data-module=FadeIn2].is-FadeIn {
	opacity: 1;
}

[data-module=SlideIn] {
	line-height: 1;
	transition: 1.0s cubic-bezier(0.37, 0, 0.63, 1);
	transition-property: clip-path;
	clip-path: inset(0 100% 0 0);
}

[data-module=SlideIn].is-SlideIn {
	clip-path: inset(0);
}

[data-module=SlideInLeft] {
	opacity: 0;
	transform: translateX(-100px);
	transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}
.p-service__other__item:nth-last-of-type(2n) [data-module=SlideInLeft] {
	transform: translateX(100px);
}

[data-module=SlideInLeft].is-SlideInLeft {
	opacity: 1;
	transform: translateX(0)!important;
}