@charset "utf-8";

.anime-scroll--hidden-x{
    overflow-x:hidden;
}
.anime-scroll--hidden-y{
    overflow-y:hidden;
}

/* 基本設定 */
.si{
	opacity: 0;
	display: inline-block;
	transition:
	opacity .6s var(--easeInOutSine),
	transform .6s var(--easeInOutSine);
}
#feature.content__wrapper.si{
	display: block;
}
.content__target-inner.si{
	display: flex;
}
.home-grid__inner.si{
	display: grid;
}
/* 解除 */
.si.show{
	will-change: transform, opacity;
	opacity: 1;
	transform: translateX(0) !important;
}
.si.si--scale.show{
	transform: scale(1) !important;
}
.si.si--up.show,
.si.si--down.show{
	transform: translateY(0) !important;
}
.si.si--left.show,
.si.si--right.show,
.si.si-catch--left.show{
	transform: translateX(0) !important;
}
/* --------------------- */
/* アニメーション */
/* 手前からフワッ */
.si--scale{
	transform: scale(1.3);
}
/* 下からスライドイン */
.si--up{
	transform: translateY(15px);
}
/* 上からスライドイン */
.si--down{
	transform: translateY(-15px);
}
/* 左からスライドイン */
.si--left{
	transform: translateX(-15px);
}
/* 右からスライドイン */
.si--right{
	transform: translateX(15px);
}
/* キャッチコピー用 */
.si-catch--up{
	opacity: 0;
	transform: translateY(15px);
}
/* フワッと表示 */
.si--fade{
	opacity: 0;
}
/* ボーダー */
.si--border{
	opacity: 1;
	transform: scaleX(0);
	transform-origin: left top;
	transition-delay: .2s;
}
.si--border-vertical{
	opacity: 1;
	transform: scaleY(0);
	transform-origin: left top;
}
.si.si--border.show{
	transform: scaleX(1);
}
.si.si--border-vertical.show{
	transform: scaleY(1);
}

/* 見出しのsi--border：文字を固定し、既存の疑似要素の線だけを伸ばす */
.headline-en.si.si--border,
.fee-switcher__eyebrow.si.si--border{
	opacity: 1;
	transform: none !important;
	transition: none;
	will-change: auto;
}
.headline-en.si{
	display: flex;
}
.fee-switcher__eyebrow.si{
	display: block;
}
.headline-en.si--border::after,
.fee-switcher__eyebrow.si--border::after{
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .4s var(--easeInOutSine);
}
.headline-en.si--border.show::after,
.fee-switcher__eyebrow.si--border.show::after{
	transform: scaleX(1);
}
@media(prefers-reduced-motion: reduce){
	.headline-en.si--border::after,
	.fee-switcher__eyebrow.si--border::after{
		transform: none;
		transition: none;
	}
}



/* --------------------- */
/* ディレイ--.si基準 */
.si--delay_short{
	transition-delay: .2s;
}

.si--delay_mid{
	transition-delay: .4s;
}

.si--delay_mid-long{
	transition-delay: .6s;
}

.si--delay_long{
	transition-delay: .8s;
}

.si--delay_very-long{
	transition-delay: 1s;
}
.si--delay_longest{
	transition-delay: 1.2s;
}
.si--delay_ex-longest{
	transition-delay: 1.4s;
}

/* --------------------- */
/* クイック--.si基準 */
.si--quick_short{
	transition-delay: -.2s;
}
.si--quick_mid{
	transition-delay: -.4s;
}

/* タブレット・スマートフォンでは、delayクラスの待ち時間だけ解除 */
@media(max-width: 959px){
	.si[class*="si--delay_"]{
		transition-delay: 0s;
	}
}