@charset "UTF-8";
.fade_in_ph1 {
  opacity: 0;
    display: inline-block;
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
}
.shown .fade_in_ph1 {
  opacity: 1;
    -webkit-transform: translateY(0%);
       transform: translateY(0%);
    -webkit-transition-delay: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
    animation-timing-function: ease-in;
    transition-delay: 0.4s;
}
.fade_in_ph2 {
  opacity: 0;
    display: inline-block;
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
}
.shown .fade_in_ph2 {
  opacity: 1;
    -webkit-transform: translateY(0%);
       transform: translateY(0%);
    -webkit-transition-delay: 0.6s;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	-ms-transition: 0.6s;
    animation-timing-function: ease-in;
    transition-delay: 0.1s;
}
.fade_in_ph0 {
  opacity: 0;
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
}
.shown .fade_in_ph0 {
  opacity: 1;
    -webkit-transform: translateY(0%);
       transform: translateY(0%);
    -webkit-transition-delay: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
    animation-timing-function: ease-in;
    transition-delay: 0.0s;
}
.fade_in_ph3 {
  opacity: 0;
    display: inline-block;
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
}
.shown .fade_in_ph3 {
  opacity: 1;
    -webkit-transform: translateY(0%);
       transform: translateY(0%);
    -webkit-transition-delay: 0.4s;
	-webkit-transition: 1.2s;
	-moz-transition: 1.2s;
	-o-transition: 1.2s;
	-ms-transition: 1.2s;
    animation-timing-function: ease-in;
    transition-delay: 0.4s;
}
.fade_in_ph4 {
  opacity: 0;
    display: inline-block;
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
}
.shown .fade_in_ph4 {
  opacity: 1;
    -webkit-transform: translateY(0%);
       transform: translateY(0%);
    -webkit-transition-delay: 0.8s;
	-webkit-transition: 1.2s;
	-moz-transition: 1.2s;
	-o-transition: 1.2s;
	-ms-transition: 1.2s;
    animation-timing-function: ease-in;
    transition-delay: 0.8s;
}
/*- - - - - - - - - - -*/
.fade-in-up01 {
  opacity: 0;
    display: inline-block;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
}
.shown .fade-in-up01 {
  opacity: 1;
    -webkit-transform: translateY(0%);
       transform: translateY(0%);
    -webkit-transition-delay: 0.2s;
	-webkit-transition: 1.6s;
	-moz-transition: 1.6s;
	-o-transition: 1.6s;
	-ms-transition: 1.6s;
    animation-timing-function: ease-in;
}
.fade-in-up02 {
  opacity: 0;
    display: inline-block;
}
.shown .fade-in-up02 {
  opacity: 1;
    -webkit-transition-delay: 0.2s;
	-webkit-transition: 1.6s;
	-moz-transition: 1.6s;
	-o-transition: 1.6s;
	-ms-transition: 1.6s;
    animation-timing-function: ease-in;
    transition-delay: 0.0s;
}
/*- - - - - - - - - - -*/
.fadein_r01 {
  opacity: 0;
    display: inline-block;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
}
.shown .fadein_r01 {
  opacity: 1;
    -webkit-transform: translateY(0%);
       transform: translateY(0%);
    -webkit-transition-delay: 0.2s;
	-webkit-transition: 1.6s;
	-moz-transition: 1.6s;
	-o-transition: 1.6s;
	-ms-transition: 1.6s;
}
.fadein_r02 {
  opacity: 0;
    display: inline-block;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
}
.shown .fadein_r02 {
  opacity: 1;
    -webkit-transform: translateY(0%);
       transform: translateY(0%);
    -webkit-transition-delay: 0.2s;
	-webkit-transition: 1.6s;
	-moz-transition: 1.6s;
	-o-transition: 1.6s;
	-ms-transition: 1.6s;
    transition-delay: 0.3s;
}

/*- - - - - - - - - - -*/

.obislide1 {
  opacity: 0;
}
.shown .obislide1 {
  opacity: 1;
    animation-name: slideef1;
    animation-duration:0.4s;
    animation-timing-function: ease-in-out
}
@keyframes slideef1 {
  from {
  opacity: 0;
    transform: translateX(-150%) scaleY(1);
  }
  to {
    transform: translateX(0%) scaleY(1);
  }
}


.fadein_e01 {
  opacity: 0;
    display: inline-block;
}
.shown .fadein_e01 {
  opacity: 1;
    -webkit-transition-delay: 0.2s;
	-webkit-transition: 1.6s;
	-moz-transition: 1.6s;
	-o-transition: 1.6s;
	-ms-transition: 1.6s;
    transition-delay: 0.4s;
}
/*- - - - - - - - - - -*/
.fadeinup_02 {
  opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
}
.shown .fadeinup_02 {
  opacity: 1;
    -webkit-transform: translateY(0%);
       transform: translateY(0%);
	-webkit-transition: 1.6s;
	-moz-transition: 1.6s;
	-o-transition: 1.6s;
	-ms-transition: 1.6s;
}
/*- - - - - - - - - - -*/
.fadeinup_03 {
  opacity: 0;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    -webkit-animation-delay: 2.3s;
}
.shown .fadeinup_03 {
  opacity: 1;
    -webkit-transform: translateY(0%);
       transform: translateY(0%);
	-webkit-transition: 1.6s;
	-moz-transition: 1.6s;
	-o-transition: 1.6s;
	-ms-transition: 1.6s;
}
/*- - - - - - - - - - -*/
.border {
    opacity: 0;
}
.shown .border:before{
	content: '';
	position: absolute;
	left: 50%;
    bottom: -26px;
	width: 0;
	border-bottom: solid 4px #dcdcdc;
	transform: translateX(-50%);
	animation: border_anim 0.8s linear forwards;
    animation-delay: 0.4s;
}
@keyframes border_anim {
	0%{
		width: 0%;
	}
	100%{
		width: 280px;
	}
}
/*- - - - - - - - - - -*/
.fadeinup_04 {
  opacity: 0;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    transition-delay: 2.3s;
}
.shown .fadeinup_04 {
  opacity: 1;
    -webkit-transform: translateY(0%);
       transform: translateY(0%);
	-webkit-transition: 1.6s;
	-moz-transition: 1.6s;
	-o-transition: 1.6s;
	-ms-transition: 1.6s;
    transition-delay: 0.25s;
}
.fadeinup_05 {
  opacity: 0;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    transition-delay: 2.3s;
}
.shown .fadeinup_05 {
  opacity: 1;
    -webkit-transform: translateY(0%);
       transform: translateY(0%);
	-webkit-transition: 1.6s;
	-moz-transition: 1.6s;
	-o-transition: 1.6s;
	-ms-transition: 1.6s;
    transition-delay: 0.5s;
}
/*- - - - - - - - - - -*/
.img-wrap {
  opacity: 0;
}
.slideanim {
  animation: imgopac 2s cubic-bezier(.4, 0, .2, 1);
  overflow: hidden;
  position: relative;
}
.slideanim:before {
  animation: slideanim 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
@keyframes imgopac {
  100% {
    opacity: 1;
  }
}

@keyframes slideanim {
  100% {
    transform: translateX(100%);
  }
}