/*===================================
 newフェードイン用のCSS type01
===================================*/

/* 左から */
.slide-left {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.5s 0s ease-out;
}
/* 遅らせて表示 */
.slide-left.delay01{
    transition: all 0.5s 0.2s ease-out;
}
.slide-left.delay02{
    transition: all 0.5s 0.4s ease-out;
}
.slide-left.delay03{
    transition: all 0.5s 1.0s ease-out;
}
.slide-left.delay04{
    transition: all 0.5s 1.1s ease-out;
}

/* 右から */
.slide-right {
    opacity: 0;
    transform: translateX(30px);
    transition: all 0.5s 0s ease-out;
}

/* 下から */
.slide-bottom {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.5s 0s ease-out;
}

/* 上から */
.slide-top {
    opacity: 0;
    transform: translateY(-30px);
    transition: all 0.5s 0s ease-out;
}

/* ページ読み込んだ瞬間 */
.load {
	opacity: 1;
	transform: translate(0, 0);
}