@charset "UTF-8";

/* =======================================================================================
	アニメーション
======================================================================================= */

/* フェード
======================================================================================= */

.fadeUp { opacity: 0; }
.fadeIn { opacity: 0; }
.play.fadeUp { animation: fadeUp 1s forwards; }
.play.fadeIn { animation: fadeIn 1s forwards; }

/* ページ読み込み時のフェードイン */
.pagefadeIn { animation: fadeIn 1s forwards; }

/* 遅延 */
.play.delay-1 { animation-delay: 0.2s; }
.play.delay-2 { animation-delay: 0.4s; }
.play.delay-3 { animation-delay: 0.6s; }
.play.delay-4 { animation-delay: 0.8s; }

/* ビジネスパートナー募集 - 星 */
.play.cbStar01 { animation: fadeIn 1s forwards; }
.play.cbStar02 { animation: fadeIn 1s forwards; animation-delay: 0.5s; }
.play.cbStar03 { animation: fadeIn 1s forwards; animation-delay: 1.0s; }
.play.cbStar04 { animation: fadeIn 1s forwards; animation-delay: 1.5s; }
.play.cbStar05 { animation: fadeIn 1s forwards; animation-delay: 2.0s; }
.play.cbStar06 { animation: fadeIn 1s forwards; animation-delay: 2.5s; }
.play.cbStar07 { animation: fadeIn 1s forwards; animation-delay: 3.2s; }

/* keyframes */
@keyframes fadeIn {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeUp {
	0% {
		opacity: 0;
		transform: translate(0px, 10px);
	}
	100% {
		opacity:1;
		transform: translate(0px, 0px);
	}
}

/* ハンバーガーボタン
======================================================================================= */


/* ハンバーガーボタンライン 展開 */
.HamburgerActive .line1 { animation: .6s forwards line1-anime-click; }
.HamburgerActive .line2 { animation: .6s forwards line2-anime-click; }
.HamburgerActive .line3 { animation: .6s forwards line3-anime-click; }

/* ハンバーガーボタンライン 閉 */
.line1 { animation: .6s forwards line1-anime-close; }
.line2 { animation: .6s forwards line2-anime-close; }
.line3 { animation: .6s forwards line3-anime-close; }

/* 展開ボタンアニメーション */
@keyframes line1-anime-click {
	0%{}
	50%{ transform: translateY(10px); }
	100%{ transform: translateY(10px) rotate(-45deg); }
}
@keyframes line2-anime-click {
	0%{}
	50%{}
	100%{ opacity: 0; }
}
@keyframes line3-anime-click {
	0% {}
	50% { transform: translateY(-8px); }
	100% { transform: translateY(-8px) rotate(45deg); }
}

/* 閉ボタンアニメーション */
@keyframes line1-anime-close {
	0%{ transform: translateY(10px) rotate(-45deg); }
	50%{ transform: translateY(10px); }
	100%{ transform: translateY(0) rotate(0deg); }
}
@keyframes line2-anime-close {
	0%{ opacity: 0; }
	50%{}
	100%{ opacity: 1; }
}
@keyframes line3-anime-close {
	0% { transform: translateY(-8px) rotate(45deg); }
	50% { transform: translateY(-8px); }
	100% {transform: translateY(0px) rotate(0deg); }
}

/* FV
======================================================================================= */
.slick-slide .slide-media { animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1); }
.slick-slide.slick-active .slide-media { animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1); }

@keyframes slideOut { from  { filter: blur(0); } to { filter: blur(15px); } }