@charset "UTF-8";
/* webfont 変数　*/
/* ofi */
/* CSS Document */
/*====================================================================

	scroll animation

=====================================================================*/
/* fade-in */
.fade-in.trigger--off, .trigger--off .fade-in {
  opacity: 1;
}
.fade-in.trigger--on, .trigger--on .fade-in {
  -webkit-transition: all 0.8s cubic-bezier(0.2, 0.24, 0.7, 0.69);
  opacity: 1;
  transition: all 0.8s cubic-bezier(0.2, 0.24, 0.7, 0.69);
}

.fade-up.trigger--off, .trigger--off .fade-up {
  -webkit-transform: translateY(70px);
          transform: translateY(70px);
  opacity: 0;
}
.fade-up.trigger--on, .trigger--on .fade-up {
  -webkit-transition: all 0.6s cubic-bezier(0.43, 0.03, 0.7, 0.97);
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  transition: all 0.6s cubic-bezier(0.43, 0.03, 0.7, 0.97);
}

.fade-left.trigger--off, .trigger--off .fade-left {
  -webkit-transform: translatex(-100px);
          transform: translatex(-100px);
  opacity: 0;
}
.fade-left.trigger--on, .trigger--on .fade-left {
  -webkit-transition: all 0.7s cubic-bezier(0.16, 0.25, 0.7, 0.97);
  -webkit-transform: translatex(0);
          transform: translatex(0);
  opacity: 1;
  transition: all 0.7s cubic-bezier(0.16, 0.25, 0.7, 0.97);
}

.fade-right.trigger--off, .trigger--off .fade-right {
  -webkit-transform: translatex(100px);
          transform: translatex(100px);
  opacity: 0;
}
.fade-right.trigger--on, .trigger--on .fade-right {
  -webkit-transition: all 0.7s cubic-bezier(0.16, 0.25, 0.7, 0.97);
  -webkit-transform: translatex(0);
          transform: translatex(0);
  opacity: 1;
  transition: all 0.7s cubic-bezier(0.16, 0.25, 0.7, 0.97);
}
@media (min-width: 376px) {
  /*====================================================================/
  /*--iPhone 以上--
  /====================================================================*/
}
@media (min-width: 576px) {
  /*====================================================================/
  /*--スマホ 以上--
  /====================================================================*/
}
@media (min-width: 576px) and (max-width: 767px) {
  /*====================================================================/
  /*--スマホ以上 タブレット iPadmini未満--
  /====================================================================*/
}
@media (min-width: 768px) {
  /*====================================================================/
  /*--タブレット　iPadmini 以上--
  /====================================================================*/
}
@media (min-width: 768px) and (max-width: 1056px) {
  /*====================================================================/
  /*--タブレット iPadmini以上 XGAサイズ iPadPro未満--
  /====================================================================*/
}
@media (min-width: 1057px) {
  /*====================================================================/
  /*--XGAサイズ　iPadPro 以上--
  /====================================================================*/
}
@media (min-width: 1057px) and (max-width: 1556px) {
  /*====================================================================/
  /*--XGAサイズ iPadPro以上 PC未満--
  /====================================================================*/
}
@media (min-width: 1557px) {
  /*====================================================================/
  /*---PC 以上--
  /====================================================================*/
}
@media (min-width: 1557px) and (max-width: 1919px) {
  /*====================================================================/
  /*--px以上 Large PC未満--
  /====================================================================*/
}
@media (min-width: 1920px) {
  /*====================================================================/
  /*--Large PC 以上--
  /====================================================================*/
}
@media (max-width: 1919px) {
  /*====================================================================/
  /*--Large PC 未満--
  /====================================================================*/
}
@media (max-width: 1556px) {
  /*====================================================================/
  /*--PC 未満--
  /====================================================================*/
}
@media (max-width: 1056px) {
  /*====================================================================/
  /*--XGAサイズ iPadPro 未満--
  /====================================================================*/
}
@media (max-width: 767px) {
  /*====================================================================/
  /*--タブレット iPadmini 未満--
  /====================================================================*/
}
@media (max-width: 575px) {
  /*====================================================================/
  /*--iPhone 以下--
  /====================================================================*/
}
/*# sourceMappingURL=map/scrollanimations.css.map */