@charset "UTF-8";

.box_fadeintop {
	opacity: 0;
}
.fadeInTop {
  animation: fade_in_top 1.0s ease 0s both;
}
@keyframes fade_in_top {
from {
transform: translateY(30px);
opacity: 0;
}
to {
transform: translateY(0px);
opacity: 1;
}
}
.box_fadeintop_delay_01 {
	opacity: 0;
}
.fadeInTop_delay_01 {
  animation: fade_in_left 1.0s ease 0s both;
  animation-delay: 1.0s;
}
.box_fadeintop_delay_02 {
	opacity: 0;
}
.fadeInTop_delay_02 {
  animation: fade_in_top 1.0s ease 0s both;
  animation-delay: 2s;
}
.box_fadeintop_delay_03 {
	opacity: 0;
}
.fadeInTop_delay_03 {
  animation: fade_in_top 1.0s ease 0s both;
  animation-delay: 2.2s;
}

.box_fadeinleft {
	opacity: 0;
}
.fadeInleft {
  animation: fade_in_left 1.0s ease 0s both;
}
@keyframes fade_in_left {
from {
transform: translateX(30px);
opacity: 0;
}
to {
transform: translateX(0px);
opacity: 1;
}
}

.box_fade_delay_01 {
	opacity: 0;
}
.fade_delay_01 {
  animation: fade_delay 1.0s ease 0s both;
  /*animation-delay: 2s;*/
}
@keyframes fade_delay {
from {
opacity: 0;
}
to {
opacity: 1;
}
}


/* ************** */

.box_bg_fadeinleft_01 {
	opacity: 0;
}
.bg_fadeinleft_01 {
  animation: bg_fadeinleft_01 1.0s ease 0s both;
  animation-delay: 2.0s;
}
@keyframes bg_fadeinleft_01 {
from {
transform: translateX(30px);
opacity: 0;
}
to {
transform: translateX(0px);
opacity: 1;
}
}

.box_bg_fadeinbottom_01 {
	opacity: 0;
}
.bg_fadeinbottom_01 {
  animation: bg_fadeinbottom_01 1.0s ease 0s both;
  animation-delay: 2.0s;
}
@keyframes bg_fadeinbottom_01 {
from {
transform: translateY(100px);
opacity: 0;
}
to {
transform: translateY(0px);
opacity: 1;
}
}

.box_bg_fadeinleft_02 {
	opacity: 0;
}
.bg_fadeinleft_02 {
  animation: bg_fadeinleft_02 1.0s ease 0s both;
  animation-delay: 1.5s;
}
@keyframes bg_fadeinleft_02 {
from {
transform: translateX(30px);
opacity: 0;
}
to {
transform: translateX(0px);
opacity: 1;
}
}

.box_bg_fadeinbottom_02 {
	opacity: 0;
}
.bg_fadeinbottom_02 {
  animation: bg_fadeinbottom_02 1.0s ease 0s both;
  animation-delay: 2.0s;
}
@keyframes bg_fadeinbottom_02 {
from {
transform: translateY(100px);
opacity: 0;
}
to {
transform: translateY(0px);
opacity: 1;
}
}
.box_bg_fadeinleft_03 {
	opacity: 0;
}
.bg_fadeinleft_03 {
  animation: bg_fadeinleft_03 1.0s ease 0s both;
  animation-delay: 2.0s;
}
@keyframes bg_fadeinleft_03 {
from {
transform: translateX(-30px);
opacity: 0;
}
to {
transform: translateX(0px);
opacity: 1;
}
}
.box_bg_fadeinleft_04 {
	opacity: 0;
}
.bg_fadeinleft_04 {
  animation: bg_fadeinleft_04 1.0s ease 0s both;
  animation-delay: 3.0s;
}
@keyframes bg_fadeinleft_03 {
from {
transform: translateX(-30px);
opacity: 0;
}
to {
transform: translateX(0px);
opacity: 1;
}
}

.box_staff_txt_01 {
	opacity: 0;
}
.box_staff_txt_02 {
	opacity: 0;
}
.box_staff_txt_03 {
	opacity: 0;
}
.box_staff_txt_04 {
	opacity: 0;
}
.staff_txt_01 {
  animation: txt_in_top 1.0s ease 0s both;
  animation-delay: 0.0s;
}
.staff_txt_02 {
  animation: txt_in_top 1.0s ease 0s both;
  animation-delay: 0.4s;
}
.staff_txt_03 {
  animation: txt_in_top 1.0s ease 0s both;
  animation-delay: 0.8s;
}
.staff_txt_04 {
  animation: txt_in_top 1.0s ease 0s both;
  animation-delay: 1.2s;
}
@keyframes txt_in_top {
from {
transform: translateY(30px);
opacity: 0;
}
to {
transform: translateY(0px);
opacity: 1;
}
}

.box_bg_fadeinbottom_04 {
	opacity: 0;
}
.bg_fadeinbottom_04 {
  animation: bg_fadeinbottom_04 1.0s ease 0s both;
  animation-delay: 3.0s;
}
@keyframes bg_fadeinbottom_04 {
from {
transform: translateY(100px);
opacity: 0;
}
to {
transform: translateY(0px);
opacity: 1;
}
}