.js-fade-in,
.js-fade-in-up,
.js-fade-in-down,
.js-fade-in-left,
.js-fade-in-right {
	opacity: 0;
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.js-fade-in-up {
	transform: translateY(24px);
}

.js-fade-in-down {
	transform: translateY(-24px);
}

/* 画面左側の要素向け：左から右へフェードインさせる */
.js-fade-in-left {
	transform: translateX(-24px);
}

/* 画面右側の要素向け：右から左へフェードインさせる */
.js-fade-in-right {
	transform: translateX(24px);
}

.js-fade-in.is-inview,
.js-fade-in-up.is-inview,
.js-fade-in-down.is-inview,
.js-fade-in-left.is-inview,
.js-fade-in-right.is-inview {
	opacity: 1;
	transform: translate(0, 0);
}

.btn-hover-fill {
	transition: background-color 0.25s ease-out, border-color 0.25s ease-out, color 0.25s ease-out;
}

.rl-more-link.btn-hover-fill:hover,
.rl-more-link.btn-hover-fill:focus-visible,
.rl-flow-step__btn.btn-hover-fill:hover,
.rl-flow-step__btn.btn-hover-fill:focus-visible,
.rn-more__link.btn-hover-fill:hover,
.rn-more__link.btn-hover-fill:focus-visible,
.rc-more__link.btn-hover-fill:hover,
.rc-more__link.btn-hover-fill:focus-visible,
.ps-contact__btn.btn-hover-fill:hover,
.ps-contact__btn.btn-hover-fill:focus-visible {
	background: linear-gradient(90deg, rgba(0, 72, 157, 0.2), rgba(0, 157, 230, 0.2));
	border-color: transparent;
}

.btn-hover-fill:hover .rl-more-link__text,
.btn-hover-fill:focus-visible .rl-more-link__text,
.btn-hover-fill:hover .rl-more-link__icon,
.btn-hover-fill:focus-visible .rl-more-link__icon,
.btn-hover-fill:hover .rl-flow-step__btn-text,
.btn-hover-fill:focus-visible .rl-flow-step__btn-text,
.btn-hover-fill:hover .rl-flow-step__btn-icon,
.btn-hover-fill:focus-visible .rl-flow-step__btn-icon,
.btn-hover-fill:hover .rn-more__text,
.btn-hover-fill:focus-visible .rn-more__text,
.btn-hover-fill:hover .rn-more__arrow,
.btn-hover-fill:focus-visible .rn-more__arrow,
.btn-hover-fill:hover .rc-more__text,
.btn-hover-fill:focus-visible .rc-more__text,
.btn-hover-fill:hover .rc-more__arrow,
.btn-hover-fill:focus-visible .rc-more__arrow,
.btn-hover-fill:hover .ps-contact__btn-text,
.btn-hover-fill:focus-visible .ps-contact__btn-text,
.btn-hover-fill:hover .ps-contact__btn-icon,
.btn-hover-fill:focus-visible .ps-contact__btn-icon {
	background: none;
	color: #fff;
	-webkit-text-fill-color: #fff;
}