/*==================================================
fadeIn
===================================*/
/* fadeIn */
.fadeIn::after {
  background-color: #004482;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  animation-name:fadeUpAnime_LR;
  animation-duration:1s;
  animation-fill-mode:forwards;
  z-index: -1;
}
.fadeIn.LR::after {
  animation-name:fadeUpAnime_LR;
}
.fadeIn.RL::after {
  animation-name:fadeUpAnime_RL;
}
#mainWrap .fadeIn.LR::after {
  border-radius: 0px 5px 5px 0px;
}
#mainWrap .fadeIn.LR.full::after {
  border-radius: 0px;
}
#mainWrap .fadeIn.RL::after {
  border-radius: 5px 0px 0px 5px;
}
#mainWrap .fadeIn.RL.full::after {
  border-radius: 0px;
}
/*左から右*/
@keyframes fadeUpAnime_LR {
  0% {
    transform-origin:left;
    transform:scaleX(0);
  }
  50% {
    transform-origin:left;
    transform:scaleX(1);
  }
  50.001% {
    transform-origin:right;
  }
  100% {
    transform-origin:right;
    transform:scaleX(1);
  }
}
/*右から左*/
@keyframes fadeUpAnime_RL {
  0% {
    transform-origin:right;
    transform:scaleX(0);
  }
  50% {
    transform-origin:right;
    transform:scaleX(1);
  }
  50.001% {
    transform-origin:left;
  }
  100% {
    transform-origin:left;
    transform:scaleX(1);
  }
}

/*==================================================
text_fadeIn
===================================*/
/* text_fadeIn */
/*
.text_fadeIn::before {
  background-color: #fff;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  animation-name:TextfadeIn_LR;
  animation-duration:1s;
  animation-fill-mode:forwards;
  z-index: 1;
}
.text_fadeIn.LR::after {
  animation-name:TextfadeIn_LR;
}
.text_fadeIn.RL::after {
  animation-name:TextfadeIn_RL;
}
*/
/*左から右*/
/*
@keyframes TextfadeIn_LR {
  0% {
    transform-origin:left;
    transform:scaleX(0);
  }
  50% {
    transform-origin:left;
    transform:scaleX(1);
  }
  50.001% {
    transform-origin:right;
  }
  100% {
    transform-origin:right;
    transform:scaleX(0);
  }
}
*/
/*右から左*/
/*
@keyframes TextfadeIn_RL {
  0% {
    transform-origin:right;
    transform:scaleX(0);
  }
  50% {
    transform-origin:right;
    transform:scaleX(1);
  }
  50.001% {
    transform-origin:left;
  }
  100% {
    transform-origin:left;
    transform:scaleX(0);
  }
}
*/

/*私たちについて*/
/*MISSION*/
/*
.hub_aboutus .fadeInTextTrigger {
  opacity: 0;
}
.hub_aboutus .fadeInTextTrigger.text_fadeIn {
  animation-duration:1.5s;
  animation-fill-mode:forwards;
  animation-name: TextOpacity_LR;
}
@keyframes TextOpacity_LR {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.hub_aboutus .fadeInTextTrigger.text_fadeIn::before {
  background-color: #FAFBFC;
}




*/