@charset "utf-8";

/*==================================================
    ■ fv_move start
==================================================*/
/* ファーストビューでの動き */
.fv_move {
    animation-name:fadeUpAnime;
    animation-duration:3s;
    animation-fill-mode:forwards;
    opacity: 0;
}
    @media (max-width: 640px) {
        .fv_move {
            animation-name:none;
            opacity: 1;
        }
    }
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*==================================================
    ■ obj start
==================================================*/

.fadeInDown {
	animation-name: fadeInDown;
	animation-duration: 0.5s;/* ふわっとする時間 */
	animation-fill-mode: forwards;
}

@keyframes fadeInDown {
    0% {opacity: 0;}
    100% {opacity: 1; transform: translate(0)}
}

/* アニメーションスタートの遅延時間を決める */
.delay01{animation-delay: 0.1s;}
.delay02{animation-delay: 0.2s;}
.delay03{animation-delay: 0.3s;}
.delay04{animation-delay: 0.4s;}
.delay05{animation-delay: 0.5s;}
.delay10{animation-delay: 1s;}
.delay15{animation-delay: 1.5s;}
.delay20{animation-delay: 2s;}

/* フェードイン */
.obj {	opacity: 0;}

/* 上から下 */
.obj_down01 { transform: translateY(-10px);}
.obj_down02 { transform: translateY(-20px);}
.obj_down03 { transform: translateY(-30px);}
.obj_down04 { transform: translateY(-40px);}
.obj_down05 { transform: translateY(-50px);}
.obj_down06 { transform: translateY(-60px);}
.obj_down07 { transform: translateY(-70px);}
.obj_down08 { transform: translateY(-80px);}
.obj_down09 { transform: translateY(-90px);}
.obj_down10 { transform: translateY(-100px);}

/* 下から上 */
.obj_up01 { transform: translateY(10px);}
.obj_up02 { transform: translateY(20px);}
.obj_up03 { transform: translateY(30px);}
.obj_up04 { transform: translateY(40px);}
.obj_up05 { transform: translateY(50px);}
.obj_up06 { transform: translateY(60px);}
.obj_up07 { transform: translateY(70px);}
.obj_up08 { transform: translateY(80px);}
.obj_up09 { transform: translateY(90px);}
.obj_up10 { transform: translateY(100px);}

/* 右から左 */
.obj_left01 { transform: translateX(-10px);}
.obj_left02 { transform: translateX(-20px);}
.obj_left03 { transform: translateX(-30px);}
.obj_left04 { transform: translateX(-40px);}
.obj_left05 { transform: translateX(-50px);}
.obj_left06 { transform: translateX(-60px);}
.obj_left07 { transform: translateX(-70px);}
.obj_left08 { transform: translateX(-80px);}
.obj_left09 { transform: translateX(-90px);}
.obj_left10 { transform: translateX(-100px);}

/* 左から右 */
.obj_right01 { transform: translateX(10px);}
.obj_right02 { transform: translateX(20px);}
.obj_right03 { transform: translateX(30px);}
.obj_right04 { transform: translateX(40px);}
.obj_right05 { transform: translateX(50px);}
.obj_right06 { transform: translateX(60px);}
.obj_right07 { transform: translateX(70px);}
.obj_right08 { transform: translateX(80px);}
.obj_right09 { transform: translateX(90px);}
.obj_right10 { transform: translateX(100px);}

/*==================================================
    ■ obj start
==================================================*/