@charset "UTF-8";
/* webfont 変数　*/
/* blockeffects */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes overlayIn {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes overlayIn {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
/*伸びたブロックを横に追いやるアニメーション*/
@-webkit-keyframes overlayOutL {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(102%);
            transform: translateX(102%);
  }
}
@keyframes overlayOutL {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(102%);
            transform: translateX(102%);
  }
}
@-webkit-keyframes overlayOutR {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-102%);
            transform: translateX(-102%);
  }
}
@keyframes overlayOutR {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-102%);
            transform: translateX(-102%);
  }
}
/* upeffects */
@-webkit-keyframes margintop {
  0% {
    margin-top: 100px;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes margintop {
  0% {
    margin-top: 100px;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
/* common-title
-----------------------------------------------------*/
/* ofi */
/* CSS Document */
/*====================================================================

	scroll animation

=====================================================================*/
/* fade-in */
.fade-in.fade-in-trigger--off, .fade-in-trigger--off .fade-in {
  opacity: 0;
}
.fade-in.fade-in-trigger--on, .fade-in-trigger--on .fade-in {
  -webkit-transition: all 0.8s cubic-bezier(0.34, 0.09, 0.98, 0.83);
  opacity: 1;
  transition: all 0.8s cubic-bezier(0.34, 0.09, 0.98, 0.83);
}

/* fade-up */
.fade-up.fade-up-trigger--off, .fade-up-trigger--off .fade-up {
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  opacity: 0;
}
.fade-up.fade-up-trigger--on, .fade-up-trigger--on .fade-up {
  -webkit-transition: all 0.8s cubic-bezier(0.38, 0.1, 0.72, 0.96);
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  transition: all 0.8s cubic-bezier(0.38, 0.1, 0.72, 0.96);
}
@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: 1175px) {
  /*====================================================================/
  /*--タブレット iPadmini以上 XGAサイズ iPadPro未満--
  /====================================================================*/
}
@media (min-width: 1176px) {
  /*====================================================================/
  /*--XGAサイズ　iPadPro 以上--
  /====================================================================*/
}
@media (min-width: 1176px) and (max-width: 1535px) {
  /*====================================================================/
  /*--XGAサイズ iPadPro以上 PC未満--
  /====================================================================*/
}
@media (min-width: 1536px) {
  /*====================================================================/
  /*---PC 以上--
  /====================================================================*/
}
@media (min-width: 1536px) and (max-width: 1919px) {
  /*====================================================================/
  /*--px以上 Large PC未満--
  /====================================================================*/
}
@media (min-width: 1920px) {
  /*====================================================================/
  /*--Large PC 以上--
  /====================================================================*/
}
@media (max-width: 1919px) {
  /*====================================================================/
  /*--Large PC 未満--
  /====================================================================*/
}
@media (max-width: 1535px) {
  /*====================================================================/
  /*--PC 未満--
  /====================================================================*/
}
@media (max-width: 1175px) {
  /*====================================================================/
  /*--XGAサイズ iPadPro 未満--
  /====================================================================*/
}
@media (max-width: 767px) {
  /*====================================================================/
  /*--タブレット iPadmini 未満--
  /====================================================================*/
}
@media (max-width: 575px) {
  /*====================================================================/
  /*--iPhone 以下--
  /====================================================================*/
}