/*animations*/

/******************
* Bounce in right *
*******************/

.fast { 
    -webkit-animation-duration: .5s; 
    animation-duration: .5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 
.slow{
     -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slower{
     -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slowest{
     -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}

/* Added by Andy Meetan */
.delay-250 {
    -webkit-animation-delay:0.25s;
    -moz-animation-delay:0.25s;
    -o-animation-delay:0.25s;
    animation-delay:0.25s;
}
.delay-500 {
    -webkit-animation-delay:0.5s;
    -moz-animation-delay:0.5s;
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
}
.delay-750 {
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
    -o-animation-delay:0.75s;
    animation-delay:0.75s;
}
.delay-1000 {
    -webkit-animation-delay:1.0s;
    -moz-animation-delay:1.0s;
    -o-animation-delay:1.0s;
    animation-delay:1.0s;
}
.delay-1250 {
    -webkit-animation-delay:1.25s;
    -moz-animation-delay:1.25s;
    -o-animation-delay:1.25s;
    animation-delay:1.25s;
}
.delay-1500 {
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}
.delay-1750 {
    -webkit-animation-delay:1.75s;
    -moz-animation-delay:1.75s;
    -o-animation-delay:1.75s;
    animation-delay:1.75s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-3000 {
    -webkit-animation-delay:3.0s;
    -moz-animation-delay:3.0s;
    -o-animation-delay:3.0s;
    animation-delay:3.0s;
}
.delay-3500 {
    -webkit-animation-delay:3.5s;
    -moz-animation-delay:3.5s;
    -o-animation-delay:3.5s;
    animation-delay:3.5s;
}
.bounceInTopLeft{
    opacity:0;
    -webkit-transform: translate(400px,-250px); 
    transform: translate(400px,-250px); 
}
.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}
.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}

.flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn{
    opacity:0;
}

.lightSpeedInRight, .lightSpeedInLeft{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}

/***********
* bounceIn *
************/
@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
    } 

    70% { 
        -webkit-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
    } 
} 

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

.bounceIn.go { 
    -webkit-animation-name: bounceIn; 
    animation-name: bounceIn; 
}

/****************
* bounceInRight *
****************/

@-webkit-keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(400px); 
    } 
    60% { 
        
        -webkit-transform: translateX(-30px); 
    } 
    80% { 
        -webkit-transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        transform: translateX(400px); 
    } 
    60% { 
        
        transform: translateX(-30px); 
    } 
    80% { 
        transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        transform: translateX(0); 
    } 
} 


.bounceInRight.go { 
    -webkit-animation-name: bounceInRight; 
    animation-name: bounceInRight; 
}


/******************
* Bounce in bounceInTopLeft *
*******************/

@-webkit-keyframes bounceInTopLeft { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(-400px,250px); 
    } 
    60% { 
       
        -webkit-transform: translate(30px,-30px); 
    } 
    80% { 
        -webkit-transform: translate(-10px,10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translate(0,0); 
    } 
} 

@keyframes bounceInTopLeft { 
    0% { 
        opacity: 0; 
        
        transform: translate(-400px,250px); 
    } 
    60% { 
       
        transform: translate(30px,-30px); 
    } 
    80% { 
        transform: translate(-10px,10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translate(0,0); 
    } 
} 

.bounceInTopLeft.go { 
    -webkit-animation-name: bounceInTopLeft; 
    animation-name: bounceInTopLeft; 
}

/******************
* Bounce in left *
*******************/

@-webkit-keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(-400px); 
    } 
    60% { 
       
        -webkit-transform: translateX(30px); 
    } 
    80% { 
        -webkit-transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        
        transform: translateX(-400px); 
    } 
    60% { 
       
        transform: translateX(30px); 
    } 
    80% { 
        transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateX(0); 
    } 
} 

.bounceInLeft.go { 
    -webkit-animation-name: bounceInLeft; 
    animation-name: bounceInLeft; 
}

/******************
* Bounce in up *
*******************/

@-webkit-keyframes bounceInUp { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateY(400px); 
    } 
    60% { 
       
        -webkit-transform: translateY(-30px); 
    } 
    80% { 
        -webkit-transform: translateY(10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInUp { 
    0% { 
        opacity: 0; 
        
        transform: translateY(400px); 
    } 
    60% { 
       
        transform: translateY(-30px); 
    } 
    80% { 
        transform: translateY(10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateY(0); 
    } 
} 

.bounceInUp.go { 
    -webkit-animation-name: bounceInUp; 
    animation-name: bounceInUp; 
}


/******************
* Bounce in down *
*******************/

@-webkit-keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateY(-400px); 
    } 
    60% { 
       
        -webkit-transform: translateY(30px); 
    } 
    80% { 
        -webkit-transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        
        transform: translateY(-400px); 
    } 
    60% { 
       
        transform: translateY(30px); 
    } 
    80% { 
        transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateY(0); 
    } 
} 

.bounceInDown.go { 
    -webkit-animation-name: bounceInDown; 
    animation-name: bounceInDown; 
}


/**********
* Fade In *
**********/ 
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
}
.fadeIn{
    opacity:0;
}
.fadeIn.go { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}

/**********
* Grow in *
***********/

@-webkit-keyframes growIn { 
    0% { 
        -webkit-transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        -webkit-transform: scale(1.2); 
        
    } 
    100% { 
        -webkit-transform: scale(1); 
        opacity:1;
    } 
} 
@keyframes growIn { 
    0% { 
        transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        transform: scale(1.2); 
        
    } 
    100% { 
        transform: scale(1); 
        opacity:1;
    } 
} 
.growIn { 

    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity:0;
}
.growIn.go{
    -webkit-animation-name: growIn; 
    animation-name: growIn; 
}

/********
* Shake *
********/
@-webkit-keyframes shake { 
    0%, 100% {-webkit-transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} 
} 
@keyframes shake { 
    0%, 100% {transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 
    20%, 40%, 60%, 80% {transform: translateX(10px);} 
} 
.shake.go { 
    -webkit-animation-name: shake; 
    animation-name: shake; 
}

/********
* ShakeUp *
********/
@-webkit-keyframes shakeUp { 
    0%, 100% {-webkit-transform: translateY(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-10px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateY(10px);} 
} 
@keyframes shakeUp { 
    0%, 100% {transform: translateY(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateY(-10px);} 
    20%, 40%, 60%, 80% {transform: translateY(10px);} 
} 
.shakeUp.go { 
    -webkit-animation-name: shakeUp; 
    animation-name: shakeUp; 
}

/*************
* FadeInLeft *
*************/

@-webkit-keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        transform: translateX(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeft{ 
    opacity: 0; 
    -webkit-transform: translateX(-400px); 
    transform: translateX(-400px);
}
.fadeInLeft.go { 
    -webkit-animation-name: fadeInLeft; 
    animation-name: fadeInLeft; 
}


/*************
* FadeInRight *
*************/

@-webkit-keyframes fadeInRight { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInRight { 
    0% { 
        opacity: 0; 
        transform: translateX(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInRight{ 
    opacity: 0; 
    -webkit-transform: translateX(400px); 
    transform: translateX(400px);
}
.fadeInRight.go { 
    -webkit-animation-name: fadeInRight; 
    animation-name: fadeInRight; 
}

/*************
* FadeInUp *
*************/

@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInUp{ 
    opacity: 0; 
    -webkit-transform: translateY(400px); 
    transform: translateY(400px);
}
.fadeInUp.go { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}

/*************
* FadeInDown *
*************/

@-webkit-keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInDown{ 
    opacity: 0; 
    -webkit-transform: translateY(-400px); 
    transform: translateY(-400px);
}
.fadeInDown.go { 
    -webkit-animation-name: fadeInDown; 
    animation-name: fadeInDown; 
}

/*****************
* rotateIn *
*****************/
@-webkit-keyframes rotateIn { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateIn { 
    0% { 
        transform-origin: center center; 
        transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateIn.go { 
    -webkit-animation-name: rotateIn; 
    animation-name: rotateIn; 
}

/*****************
* rotateInUpLeft *
*****************/

@-webkit-keyframes rotateInUpLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInUpLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInUpLeft.go { 
    -webkit-animation-name: rotateInUpLeft; 
    animation-name: rotateInUpLeft; 
}

/*******************
* rotateInDownLeft *
*******************/
@-webkit-keyframes rotateInDownLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInDownLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInDownLeft.go { 
    -webkit-animation-name: rotateInDownLeft; 
    animation-name: rotateInDownLeft; 
}

/******************
* rotateInUpRight *
*******************/

@-webkit-keyframes rotateInUpRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInUpRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInUpRight.go { 
    -webkit-animation-name: rotateInUpRight; 
    animation-name: rotateInUpRight; 
}

/********************
* rotateInDownRight *
********************/

@-webkit-keyframes rotateInDownRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInDownRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInDownRight.go { 
    -webkit-animation-name: rotateInDownRight; 
    animation-name: rotateInDownRight; 
}

/*********
* rollIn *
**********/

@-webkit-keyframes rollIn { 
    0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 
    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 
} 
@keyframes rollIn { 
    0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 
    100% { opacity: 1; transform: translateX(0px) rotate(0deg); } 
} 
.rollIn.go { 
    -webkit-animation-name: rollIn; 
    animation-name: rollIn; 
}

/*********
* wiggle *
**********/

@-webkit-keyframes wiggle { 
    0% { -webkit-transform: skewX(9deg); } 
    10% { -webkit-transform: skewX(-8deg); } 
    20% { -webkit-transform: skewX(7deg); } 
    30% { -webkit-transform: skewX(-6deg); } 
    40% { -webkit-transform: skewX(5deg); } 
    50% { -webkit-transform: skewX(-4deg); } 
    60% { -webkit-transform: skewX(3deg); } 
    70% { -webkit-transform: skewX(-2deg); } 
    80% { -webkit-transform: skewX(1deg); } 
    90% { -webkit-transform: skewX(0deg); } 
    100% { -webkit-transform: skewX(0deg); } 
} 
@keyframes wiggle { 
    0% { transform: skewX(9deg); } 
    10% { transform: skewX(-8deg); } 
    20% { transform: skewX(7deg); } 
    30% { transform: skewX(-6deg); } 
    40% { transform: skewX(5deg); } 
    50% { transform: skewX(-4deg); } 
    60% { transform: skewX(3deg); } 
    70% { transform: skewX(-2deg); } 
    80% { transform: skewX(1deg); } 
    90% { transform: skewX(0deg); } 
    100% { transform: skewX(0deg); } 
} 
.wiggle.go { 
    -webkit-animation-name: wiggle; 
    animation-name: wiggle; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
} 

/********
* swing *
*********/

@-webkit-keyframes swing { 
    20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 
    20% { -webkit-transform: rotate(15deg); } 
    40% { -webkit-transform: rotate(-10deg); } 
    60% { -webkit-transform: rotate(5deg); } 
    80% { -webkit-transform: rotate(-5deg); } 
    100% { -webkit-transform: rotate(0deg); } 
} 
@keyframes swing { 
    20% { transform: rotate(15deg); } 
    40% { transform: rotate(-10deg); } 
    60% { transform: rotate(5deg); } 
    80% { transform: rotate(-5deg); } 
    100% { transform: rotate(0deg); } 
} 
.swing.go { 
    -webkit-transform-origin: top center; 
    transform-origin: top center; 
    -webkit-animation-name: swing; 
    animation-name: swing; 
}

/*******
* tada *
********/

@-webkit-keyframes tada { 
    0% {-webkit-transform: scale(1);} 
    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 
    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 
    100% {-webkit-transform: scale(1) rotate(0);} 
} 
@keyframes tada { 
    0% {transform: scale(1);} 
    10%, 20% {transform: scale(0.9) rotate(-3deg);} 
    30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 
    40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 
    100% {transform: scale(1) rotate(0);} 
} 
.tada.go { 
    -webkit-animation-name: tada; 
    animation-name: tada; 
}

/*********
* wobble *
**********/

@-webkit-keyframes wobble { 
  0% { -webkit-transform: translateX(0%); } 
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 
  30% { -webkit-transform: translateX(20%) rotate(3deg); } 
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 
  60% { -webkit-transform: translateX(10%) rotate(2deg); } 
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 
  100% { -webkit-transform: translateX(0%); } 
} 
@keyframes wobble { 
  0% { transform: translateX(0%); } 
  15% { transform: translateX(-25%) rotate(-5deg); } 
  30% { transform: translateX(20%) rotate(3deg); } 
  45% { transform: translateX(-15%) rotate(-3deg); } 
  60% { transform: translateX(10%) rotate(2deg); } 
  75% { transform: translateX(-5%) rotate(-1deg); } 
  100% { transform: translateX(0%); } 
} 
.wobble.go { 
    -webkit-animation-name: wobble; 
    animation-name: wobble; 
}

/********
* pulse *
*********/

@-webkit-keyframes pulse { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.1); } 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.1); } 
    100% { transform: scale(1); } 
} 
.pulse.go { 
    -webkit-animation-name: pulse; 
    animation-name: pulse; 
}

/***************
* lightSpeedInRight *
****************/
@-webkit-keyframes lightSpeedInRight { 
   0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInRight { 
    0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInRight.go { 
    -webkit-animation-name: lightSpeedInRight; 
    animation-name: lightSpeedInRight; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 

/***************
* lightSpeedInLeft *
****************/
@-webkit-keyframes lightSpeedInLeft { 
   0% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
    60% { -webkit-transform: translateX(20%) skewX(-30deg); opacity: 1; } 
    80% { -webkit-transform: translateX(0%) skewX(15deg); opacity: 1; } 
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInLeft { 
    0% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
    60% { transform: translateX(20%) skewX(-30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInLeft.go { 
    -webkit-animation-name: lightSpeedInLeft; 
    animation-name: lightSpeedInLeft; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 


/*******
* Flip *
*******/
@-webkit-keyframes flip { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(0); 
        -webkit-animation-timing-function: ease-out; 
    } 
    40% { 
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); 
        -webkit-animation-timing-function: ease-out; 
    } 
    50% { 
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
        -webkit-animation-timing-function: ease-in; 
    } 
    80% { 
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); 
        -webkit-animation-timing-function: ease-in; 
    } 
    100% { 
        -webkit-transform: perspective(400px) scale(1); 
        -webkit-animation-timing-function: ease-in; 
    } 
}
@keyframes flip { 
    0% { 
        transform: perspective(400px) rotateY(0); 
        animation-timing-function: ease-out; 
    } 
    40% { 
        transform: perspective(400px) translateZ(150px) rotateY(170deg); 
        animation-timing-function: ease-out; 
    } 
    50% { 
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
        animation-timing-function: ease-in; 
    } 
    80% { 
        transform: perspective(400px) rotateY(360deg) scale(.95); 
        animation-timing-function: ease-in; 
    } 
    100% { 
        transform: perspective(400px) scale(1); 
        animation-timing-function: ease-in; 
    } 
} 
.flip.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flip; 
    backface-visibility: visible !important; 
    animation-name: flip; 
}

/**********
* flipInX *
**********/
@-webkit-keyframes flipInX { 
    0% { 
        -webkit-transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInX { 
    0% { 
        transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
.flipInX.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInX; 
    backface-visibility: visible !important; 
    animation-name: flipInX; 
}

/**********
* flipInY *
**********/

@-webkit-keyframes flipInY { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInY { 
    0% { 
        transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
.flipInY.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInY; 
    backface-visibility: visible !important; 
    animation-name: flipInY; 
}

/*****************
* Out animations *
*****************/


/************
* bounceOut *
*************/
@-webkit-keyframes bounceOut { 
    0% { 
        -webkit-transform: scale(1); 
    } 
    25% { 
        -webkit-transform: scale(.95); 
    } 
    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.1); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 
} 
@keyframes bounceOut { 
    0% { 
        transform: scale(1); 
    } 
    25% { 
        transform: scale(.95); 
    } 
    50% { 
        opacity: 1; 
        transform: scale(1.1); 
    } 
    100% { 
        opacity: 0; 
        transform: scale(.3); 
    } 
} 
.bounceOut.goAway { 
    -webkit-animation-name: bounceOut; 
    animation-name: bounceOut; 
}

/************
* bounceOutUp *
*************/
@-webkit-keyframes bounceOutUp { 
    0% { 
        -webkit-transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
} 
@keyframes bounceOutUp { 
    0% { 
        transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
} 
.bounceOutUp.goAway { 
    -webkit-animation-name: bounceOutUp; 
    animation-name: bounceOutUp; 
}

/************
* bounceOutDown *
*************/
@-webkit-keyframes bounceOutDown { 
    0% { 
        -webkit-transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateY(-20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(2000px); 
    } 
} 
@keyframes bounceOutDown { 
    0% { 
        transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateY(-20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(2000px); 
    } 
} 
.bounceOutDown.goAway { 
    -webkit-animation-name: bounceOutDown; 
    animation-name: bounceOutDown; 
}


/************
* bounceOutLeft *
*************/
@-webkit-keyframes bounceOutLeft { 
    0% { 
        -webkit-transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateX(20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
} 
@keyframes bounceOutLeft { 
    0% { 
        transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateX(20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
} 
.bounceOutLeft.goAway { 
    -webkit-animation-name: bounceOutLeft; 
    animation-name: bounceOutLeft; 
}

/************
* bounceOutRight *
*************/
@-webkit-keyframes bounceOutRight { 
    0% { 
        -webkit-transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateX(-20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(2000px); 
    } 
} 
@keyframes bounceOutRight { 
    0% { 
        transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateX(-20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(2000px); 
    } 
} 
.bounceOutRight.goAway { 
    -webkit-animation-name: bounceOutRight; 
    animation-name: bounceOutRight; 
}

/************
* fadeOut *
*************/
@-webkit-keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
@keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
.fadeOut.goAway { 
    -webkit-animation-name: fadeOut; 
    animation-name: fadeOut; 
}

/************
* fadeOutUp *
*************/
@-webkit-keyframes fadeOutUp { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
} 
@keyframes fadeOutUp { 
    0% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
} 
.fadeOutUp.goAway { 
    -webkit-animation-name: fadeOutUp; 
    animation-name: fadeOutUp; 
}

/************
* fadeOutDown *
*************/
@-webkit-keyframes fadeOutDown { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(2000px); 
    } 
} 
@keyframes fadeOutDown { 
    0% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(2000px); 
    } 
} 
.fadeOutDown.goAway { 
    -webkit-animation-name: fadeOutDown; 
    animation-name: fadeOutDown; 
}

/************
* fadeOutLeft *
*************/
@-webkit-keyframes fadeOutLeft { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
} 
@keyframes fadeOutLeft { 
    0% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
} 
.fadeOutLeft.goAway { 
    -webkit-animation-name: fadeOutLeft; 
    animation-name: fadeOutLeft; 
}

/************
* fadeOutRight *
*************/
@-webkit-keyframes fadeOutRight { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(2000px); 
    } 
} 
@keyframes fadeOutRight { 
    0% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(2000px); 
    } 
} 
.fadeOutRight.goAway { 
    -webkit-animation-name: fadeOutRight; 
    animation-name: fadeOutRight; 
}
/************
* flipOutX *
*************/
@-webkit-keyframes flipOutX { 
    0% { 
        -webkit-transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
} 
@keyframes flipOutX { 
    0% { 
        transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
    100% { 
        transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
} 
.flipOutX.goAway { 
    -webkit-animation-name: flipOutX; 
    -webkit-backface-visibility: visible !important; 
    animation-name: flipOutX; 
    backface-visibility: visible !important; 
}

/************
* flipOutY *
*************/
@-webkit-keyframes flipOutY { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
} 
@keyframes flipOutY { 
    0% { 
        transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
    100% { 
        transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
} 
.flipOutY { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipOutY; 
    backface-visibility: visible !important; 
    animation-name: flipOutY; 
}

/************
* lightSpeedOutRight *
*************/
@-webkit-keyframes lightSpeedOutRight { 
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutRight { 
    0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
.lightSpeedOutRight.goAway { 
    -webkit-animation-name: lightSpeedOutRight; 
    animation-name: lightSpeedOutRight; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
} 


/************
* lightSpeedOutLeft *
*************/
@-webkit-keyframes lightSpeedOutLeft { 
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutLeft { 
    0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
.lightSpeedOutLeft.goAway { 
    -webkit-animation-name: lightSpeedOutLeft; 
    animation-name: lightSpeedOutLeft; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 

} 

/************
* rotateOut *
*************/
@-webkit-keyframes rotateOut { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(200deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOut { 
    0% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(200deg); 
        opacity: 0; 
    } 
} 
.rotateOut.goAway { 
    -webkit-animation-name: rotateOut; 
    animation-name: rotateOut; 
}


/************
* rotateOutUpLeft *
*************/
@-webkit-keyframes rotateOutUpLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutUpLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -transform-origin: left bottom; 
        -transform: rotate(-90deg); 
        opacity: 0; 
    } 
} 
.rotateOutUpLeft.goAway { 
    -webkit-animation-name: rotateOutUpLeft; 
    animation-name: rotateOutUpLeft; 
}

/************
* rotateOutDownLeft *
*************/

@-webkit-keyframes rotateOutDownLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutDownLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
.rotateOutDownLeft.goAway { 
    -webkit-animation-name: rotateOutDownLeft; 
    animation-name: rotateOutDownLeft; 
}
/************
* rotateOutUpRight *
*************/

@-webkit-keyframes rotateOutUpRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutUpRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
.rotateOutUpRight.goAway { 
    -webkit-animation-name: rotateOutUpRight; 
    animation-name: rotateOutUpRight; 
}

/************
* rollOut *
*************/
@-webkit-keyframes rollOut { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0px) rotate(0deg); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(100%) rotate(120deg); 
    } 
} 
@keyframes rollOut { 
    0% { 
        opacity: 1; 
        transform: translateX(0px) rotate(0deg); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(100%) rotate(120deg); 
    } 
} 
.rollOut.goAway { 
    -webkit-animation-name: rollOut; 
    animation-name: rollOut; 
}
/*****************
* Short Animations
*******************/

/*********************
* fadeInUpShort
*********************/
@-webkit-keyframes fadeInUpShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInUpShort { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInUpShort{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
}
.fadeInUpShort.go { 
    -webkit-animation-name: fadeInUpShort; 
    animation-name: fadeInUpShort; 
}

/*********************
* fadeInDownShort
*********************/
@-webkit-keyframes fadeInDownShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInDownShort { 
    0% { 
        opacity: 0; 
        transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInDownShort{
    opacity: 0; 
    -webkit-transform: translateY(-20px); 
    transform: translateY(-20px); 
}
.fadeInDownShort.go { 
    -webkit-animation-name: fadeInDownShort; 
    animation-name: fadeInDownShort; 
}

/*********************
* fadeInRightShort 
*********************/
@-webkit-keyframes fadeInRightShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInRightShort { 
    0% { 
        opacity: 0; 
        transform: translateX(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInRightShort { 
    opacity: 0; 
    -webkit-transform: translateX(20px);  
    transform: translateX(20px); 
}
.fadeInRightShort.go { 
    -webkit-animation-name: fadeInRightShort; 
    animation-name: fadeInRightShort; 
}

/*********************
* fadeInLeftShort 
*********************/
@-webkit-keyframes fadeInLeftShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeftShort { 
    0% { 
        opacity: 0; 
        transform: translateX(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeftShort { 
    opacity: 0; 
    -webkit-transform: translateX(-20px);  
    transform: translateX(-20px); 
}
.fadeInLeftShort.go { 
    -webkit-animation-name: fadeInLeftShort; 
    animation-name: fadeInLeftShort; 
}
@font-face{font-family:"Lato";font-style:normal;font-weight:700;src:local(""),url("fonts/Lato/Lato-Bold.woff2") format("woff2"),url("fonts/Lato/Lato-Bold.woff") format("woff")}@font-face{font-family:"Lato";font-style:normal;font-weight:400;src:local(""),url("fonts/Lato/Lato-Regular.woff2") format("woff2"),url("fonts/Lato/Lato-Regular.woff") format("woff")}@media screen and (min-width: 1024px){.visible-md,.visible-sm{display:none}.visible-lg{display:inherit}}@media screen and (min-width: 750px)and (max-width: 1023px){.visible-lg,.visible-sm{display:none}.visible-md{display:inherit}}@media screen and (max-width: 749px){.visible-lg,.visible-md{display:none}.visible-sm{display:inherit}}.bg-gray{background:#f4f4f4}.bg-green{background:#edf4f2}.c-green{color:#468f74}.inline{display:inline-block}.pagefoot{text-align:center}@media screen and (min-width: 750px){.pagefoot{padding:8rem 0}}@media screen and (max-width: 749px){.pagefoot{padding:4rem 0}}.pagefoot.-p0{padding-top:0}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:rgba(0,0,0,0)}*{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.5}h1,h2,h3,h4,h5,h6{line-height:1.5}p{line-height:1.8}@media screen and (min-width: 750px){html{font-size:10px}}@media screen and (max-width: 749px){html{font-size:2.66666vw}}body{width:100%;overflow-x:hidden;background:#fff;font-family:YuGothic,"Yu Gothic","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;color:#111}@media screen and (min-width: 750px){body{font-size:1.5rem}}@media screen and (max-width: 749px){body{font-size:1.4rem}}main{display:block}li{list-style-type:none}a{display:inline-block;text-decoration:none;color:#111}@media screen and (min-width: 750px){a{-webkit-transition:all .3s;transition:all .3s}a::before,a::after{-webkit-transition:all .3s;transition:all .3s}}img{vertical-align:bottom;max-width:100%;height:auto}svg{width:100%;height:auto}sup{font-size:.5em;vertical-align:super}input,button,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}table{border-collapse:collapse;border-spacing:0;width:100%}address{font-style:normal}@media screen and (min-width: 1024px){.l-main{padding-top:14rem}}@media screen and (max-width: 1023px){.l-main{padding-top:5rem}}@media screen and (min-width: 750px){.l-inner-lg{width:90%;max-width:1400px;margin:0 auto}}@media screen and (max-width: 749px){.l-inner-lg{padding:0 1.5rem}}@media screen and (min-width: 750px){.l-inner-md{width:90%;max-width:1000px;margin:0 auto}}@media screen and (max-width: 749px){.l-inner-md{padding:0 1.5rem}}@media screen and (min-width: 1024px){.l-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 1024px){.l-content{width:67%}}@media screen and (min-width: 1024px){.l-side{width:27%}}@media screen and (max-width: 1023px){.l-side{border-top:1px solid #dedede;margin-top:4rem;padding-top:4rem}}.main{overflow:hidden}.sec{position:relative}@media screen and (min-width: 750px){.sec{padding:12rem 0}}@media screen and (max-width: 749px){.sec{padding:6.5rem 0}}@media screen and (min-width: 750px){.sec__title{margin-bottom:4.8rem}}.l-concept{max-width:1000px}@media screen and (min-width: 750px){.l-concept{width:72%;margin:0 auto 9rem}}@media screen and (min-width: 750px)and (max-width: 1023px){.l-concept{margin:0 auto 14rem}}@media screen and (max-width: 749px){.l-concept{padding:0 1.5rem;margin-bottom:1.8rem}}.l-movie{max-width:1100px}@media screen and (min-width: 750px){.l-movie{width:90%;margin:0 auto}}@media screen and (max-width: 749px){.l-movie{padding:0 1.5rem}}.l-profile,.l-comment,.l-study{max-width:1200px}@media screen and (min-width: 750px){.l-profile,.l-comment,.l-study{width:90%;margin:0 auto}}@media screen and (max-width: 749px){.l-profile,.l-comment,.l-study{padding:0 1.5rem}}.l-fsns{max-width:1000px}@media screen and (min-width: 750px){.l-fsns{width:90%;margin:0 auto}}@media screen and (max-width: 749px){.l-fsns{padding:0 1.5rem}}.header{position:absolute;z-index:1}@media screen and (min-width: 750px){.header{top:2rem;left:2rem}}@media screen and (max-width: 749px){.header{top:1rem;left:1rem}}@media screen and (max-width: 749px){.hlogo{width:10rem}}.footer{background-color:#fff100}@media screen and (min-width: 750px){.footer{padding:5rem 0}}@media screen and (max-width: 749px){.footer{padding:2.5rem 0 1.4rem}}.fnavList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fnavItem{font-weight:bold}@media screen and (min-width: 750px){.fnavItem{font-size:1.6rem}}@media screen and (max-width: 749px){.fnavItem{font-size:1.2rem}}.fnavItem+.fnavItem{margin-left:3rem}@media screen and (min-width: 750px){.fnavItem__anc:hover{opacity:.6}}@media screen and (min-width: 750px){.flogo{width:16.5rem;margin:8.5rem auto 2rem}}@media screen and (max-width: 749px){.flogo{width:11rem;margin:3.3rem auto 1rem}}.copyright{text-align:center;font-size:1.2rem}.hero{width:100vw;position:relative}.hero img{width:100%}.hero__title{position:absolute}@media screen and (min-width: 750px){.hero__title{max-width:70rem;width:50%;top:22%;right:5%}}@media screen and (max-width: 749px){.hero__title{width:25rem;top:32%;right:3%}}.concept{position:relative;background-color:#fff100}@media screen and (min-width: 750px){.concept__img{position:absolute;bottom:7rem;right:10%;max-width:298px;min-width:190px;width:21.3vw;z-index:1}}@media screen and (max-width: 749px){.concept__img{width:17.8rem;margin:0 auto -1rem;position:relative;z-index:1}}.concept__deco01,.concept__deco02,.concept__deco03{position:absolute;z-index:1}.concept__deco01{max-width:205px}@media screen and (min-width: 750px){.concept__deco01{top:2rem;left:0;width:14.6vw}}@media screen and (max-width: 749px){.concept__deco01{display:none}}.concept__deco02{max-width:234px}@media screen and (min-width: 750px){.concept__deco02{top:30%;right:-3rem;width:16.7vw}}@media screen and (max-width: 749px){.concept__deco02{top:30%;right:-3rem;width:13.5rem}}.concept__deco03{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:200px;width:14.3vw}@media screen and (min-width: 1024px){.concept__deco03{top:60%;left:60%}}@media screen and (min-width: 750px)and (max-width: 1023px){.concept__deco03{top:50%;left:50%}}@media screen and (max-width: 749px){.concept__deco03{top:40rem;left:-2rem;width:12.5rem}}@media screen and (min-width: 1024px){.concept__textbox{width:72.7%}}@media screen and (min-width: 750px){.concept__title{margin-bottom:4.5rem}}@media screen and (max-width: 749px){.concept__title{width:17.2rem;margin:0 auto 3rem}}.concept__text{font-weight:bold}@media screen and (min-width: 750px){.concept__text{font-size:1.8rem}}@media screen and (max-width: 749px){.concept__text{font-size:1.2rem}}.profile__inner{background-color:#fff}@media screen and (min-width: 750px){.profile__inner{border:6px solid #094;border-radius:2rem}}@media screen and (min-width: 1024px){.profile__inner{padding:6rem 10rem}}@media screen and (min-width: 750px)and (max-width: 1023px){.profile__inner{padding:6rem 5rem}}@media screen and (max-width: 749px){.profile__inner{border:3px solid #094;border-radius:1rem;padding:2rem 2.5rem}}@media screen and (min-width: 750px){.profile__textbox{width:68%}}@media screen and (min-width: 750px){.profile__title{margin-bottom:3rem}}@media screen and (max-width: 749px){.profile__title{width:8.2rem;margin:0 auto 1.2rem}}@media screen and (min-width: 750px){.profile__name{margin-bottom:2.5rem}}@media screen and (max-width: 749px){.profile__name{width:18.6rem;margin:0 auto 1.9rem}}.profile__text{font-weight:bold}@media screen and (min-width: 750px){.profile__text{font-size:1.6rem}}@media screen and (max-width: 749px){.profile__text{font-size:1.2rem}}.movie{position:relative}@media screen and (min-width: 750px){.movie{padding:12rem 0 0}}@media screen and (max-width: 749px){.movie{padding:5rem 0 0}}.movie__deco01,.movie__deco02{position:absolute}@media screen and (min-width: 750px){.movie__deco01{top:-10%;left:0;max-width:432px;width:30.9vw}}@media screen and (max-width: 749px){.movie__deco01{top:-5%;left:0;max-width:432px;width:15.2rem}}@media screen and (min-width: 750px){.movie__deco02{top:5%;right:4%;max-width:246px;width:17.6vw}}@media screen and (max-width: 749px){.movie__deco02{top:-1rem;right:-1rem;max-width:246px;width:9.1rem}}.movie__head{text-align:center}@media screen and (min-width: 750px){.movie__head{margin-bottom:8rem}}@media screen and (max-width: 749px){.movie__head{margin-bottom:4rem}}@media screen and (max-width: 749px){.movie__title{width:18rem;margin:0 auto 2.2rem}}@media screen and (min-width: 750px){.movieList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (max-width: 749px){.movieList{width:29rem;margin:0 auto}}@media screen and (min-width: 750px){.movieItem{width:31%}}@media screen and (max-width: 749px){.movieItem+.movieItem{margin-top:4rem}}.movieItem__movie{position:relative;width:100%;padding-top:56.25%}@media screen and (min-width: 750px){.movieItem__movie{border:6px solid #094;border-radius:2rem}}@media screen and (max-width: 749px){.movieItem__movie{border:3px solid #094;border-radius:1.4rem}}.movieItem__movie iframe{position:absolute;top:0;right:0;width:100%;height:100%;border-radius:1rem;z-index:-1}.movieItem__movie a{height:100%;left:0;position:absolute;top:0;width:100%}.movieItem__title{text-align:center;font-weight:bold}@media screen and (min-width: 750px){.movieItem__title{font-size:1.6rem;margin-top:2rem}}@media screen and (max-width: 749px){.movieItem__title{font-size:1.2rem;margin-top:1.8rem}}.study{position:relative;z-index:1;background-color:#fff100}@media screen and (min-width: 750px){.study{padding:24rem 0 0}}@media screen and (max-width: 749px){.study{padding:10rem 0 0}}.study::before{content:"";position:absolute;left:0;width:0;height:0;border-style:solid;top:0;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}@media screen and (min-width: 750px){.study::before{border-width:24rem 100vw 0 0}}@media screen and (max-width: 749px){.study::before{border-width:10rem 100vw 0 0}}.study__deco{position:absolute}@media screen and (min-width: 750px){.study__deco01{top:-2rem;left:0;max-width:421px;width:30.1vw}}@media screen and (max-width: 749px){.study__deco01{top:0;left:2rem;width:36.7rem}}@media screen and (min-width: 750px){.study__deco02{top:25%;right:-8rem;max-width:291px;width:20.8vw}}@media screen and (max-width: 749px){.study__deco02{top:110rem;left:-2rem;width:40.6rem}}@media screen and (min-width: 750px){.study__deco03{top:47%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-8%;max-width:347px;width:24.8vw}}@media screen and (max-width: 749px){.study__deco03{top:250rem;left:-8%;width:40.5rem}}@media screen and (min-width: 750px){.study__deco04{top:75%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-10rem;max-width:319px;width:22.8vw}}@media screen and (max-width: 749px){.study__deco04{top:75%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-2rem;width:44.1rem}}@media screen and (min-width: 750px){.study__deco05{bottom:-4%;left:-6rem;max-width:372px;width:26.6vw}}@media screen and (max-width: 749px){.study__deco05{top:85%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-1rem;width:41.2rem}}.study__head{text-align:center}@media screen and (min-width: 750px){.study__head{margin-bottom:7rem}}@media screen and (max-width: 749px){.study__head{margin-bottom:3.6rem}}@media screen and (max-width: 749px){.study__title{width:12.6rem;margin:0 auto 2.2rem}}@media screen and (max-width: 749px){.study__lead{width:27.3rem;margin:0 auto}}.study__inner{background-color:#fff}@media screen and (min-width: 750px){.study__inner{border:6px solid #094;border-radius:2rem}}@media screen and (max-width: 749px){.study__inner{border:3px solid #094;border-radius:1rem}}@media screen and (min-width: 1024px){.study__inner{padding:8rem 10rem}}@media screen and (min-width: 750px)and (max-width: 1023px){.study__inner{padding:8rem 5rem}}@media screen and (max-width: 749px){.study__inner{padding:2.5rem 1.5rem}}@media screen and (min-width: 750px){.study__imgbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin:-12rem 0 0 -8rem}}@media screen and (max-width: 749px){.study__img01{width:31.5rem;margin:-6rem auto 0}}@media screen and (max-width: 749px){.study__img02{margin:1rem auto 0;width:31.8rem}}.study__btnbox{text-align:center}@media screen and (min-width: 750px){.study__btnbox{margin-top:4rem}}@media screen and (max-width: 749px){.study__btnbox{width:34.5rem;margin-left:-1.5rem;margin-top:2.2rem}}@media screen and (min-width: 750px){.study__btn:hover{opacity:.7}}@media screen and (min-width: 1024px){.studyList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:12rem}}@media screen and (max-width: 749px){.studyList{margin-top:6rem}}@media screen and (min-width: 1024px){.studyItem{width:47%}}@media screen and (max-width: 1023px){.studyItem{margin-top:5rem}}@media screen and (min-width: 750px){.history__title{margin-bottom:5rem}}@media screen and (max-width: 749px){.history__title{width:16.3rem;margin:0 auto 2.5rem}}.historyItem__age{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 749px){.historyItem__age{width:11rem}}.historyItem__age::before{content:"●";color:#094}@media screen and (min-width: 750px){.historyItem__age::before{font-size:3rem;margin-right:2rem}}@media screen and (max-width: 749px){.historyItem__age::before{font-size:2rem;margin-right:.8rem}}@media screen and (min-width: 750px){.historyItem__inner{padding:2.4rem 0 2.4rem 3.5rem;margin-left:1.2rem;border-left:.7rem dotted #094}}@media screen and (max-width: 749px){.historyItem__inner{padding:1.5rem 0 2.4rem 1.5rem;margin-left:.8rem;border-left:.5rem dotted #094}}.historyItem__inner.-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 750px){.historyItem__text{font-size:1.8rem}.-flex .historyItem__text{width:69%}}@media screen and (min-width: 750px)and (max-width: 1023px){.historyItem__text{font-size:1.6rem}}@media screen and (max-width: 749px){.historyItem__text{font-size:1.2rem}.-flex .historyItem__text{width:69%}}@media screen and (min-width: 750px){.-flex .historyItem__img{width:27.4%}.historyItem__img.-top{margin-top:2.5rem}}@media screen and (max-width: 749px){.-flex .historyItem__img{width:27.4%}.historyItem__img.-top{margin-top:1.4rem}}@media screen and (min-width: 750px){.pointItem+.pointItem{margin-top:6rem}}@media screen and (max-width: 749px){.pointItem+.pointItem{margin-top:5rem}}@media screen and (min-width: 750px){.pointItem__title{margin-bottom:3rem}}@media screen and (max-width: 749px){.pointItem__title{width:90%;margin:0 auto;margin-bottom:3rem}}.pointItem__textbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 750px){.pointItem__textbox .pointItem__text,.pointItem__textbox .pointItem__img{width:48.9%}.pointItem__textbox+.pointItem__text{margin-top:4rem}}@media screen and (max-width: 749px){.pointItem__textbox .pointItem__text,.pointItem__textbox .pointItem__img{width:49%}.pointItem__textbox+.pointItem__text{margin-top:1.4rem}}@media screen and (min-width: 750px){.pointItem__textbox.-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media screen and (max-width: 749px){.pointItem__textbox.-reverse{display:block}}@media screen and (min-width: 750px){.pointItem__text{font-size:1.8rem}.pointItem__text+.pointItem__textbox,.pointItem__text+.pointItem__img{margin-top:2.2rem}}@media screen and (max-width: 749px){.pointItem__text{font-size:1.2rem}.pointItem__text+.pointItem__textbox,.pointItem__text+.pointItem__img{margin-top:1.4rem}.-reverse .pointItem__text{width:100%}}.pointItem__img{text-align:center}.-reverse .pointItem__img{width:100%}.pointItem__span{text-align:center}@media screen and (min-width: 750px){.pointItem__span{font-size:1.4rem;margin-top:1.5rem}}@media screen and (max-width: 749px){.pointItem__span{font-size:1.2rem;margin-top:1.5rem}}.pointItem__span.-green{font-weight:bold;color:#094}.arrival{background-color:#094}@media screen and (min-width: 750px){.arrival{padding:24rem 0}}@media screen and (max-width: 749px){.arrival{padding:10rem 0}}.arrival::before,.arrival::after{content:"";position:absolute;left:0;width:0;height:0;border-style:solid}@media screen and (min-width: 750px){.arrival::before,.arrival::after{border-width:24rem 100vw 0 0}}@media screen and (max-width: 749px){.arrival::before,.arrival::after{border-width:10rem 100vw 0 0}}.arrival::before{top:0;border-color:#fff100 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.arrival::after{bottom:0;border-color:rgba(0,0,0,0) #fff100 rgba(0,0,0,0) rgba(0,0,0,0)}.arrival__deco01,.arrival__deco02{position:absolute;z-index:1}@media screen and (min-width: 750px){.arrival__deco01{top:-2rem;right:0;max-width:448px;width:32vw}}@media screen and (max-width: 749px){.arrival__deco01{top:-2rem;right:0;width:16.2rem}}@media screen and (min-width: 750px){.arrival__deco02{top:-20rem;left:0;max-width:382px;width:27.3vw}}@media screen and (max-width: 749px){.arrival__deco02{top:-13rem;left:0;width:12.8rem}}.arrival__head{text-align:center}@media screen and (min-width: 750px){.arrival__head{margin-bottom:3rem}}@media screen and (max-width: 749px){.arrival__head{margin-bottom:3.2rem}}@media screen and (max-width: 749px){.arrival__title{width:23.5rem;margin:0 auto 2.2rem}}@media screen and (max-width: 749px){.arrival__lead{width:28.1rem;margin:0 auto}}.arrival__img{display:block;position:relative;max-width:90rem}.arrival__anc{margin:0 auto}@media screen and (min-width: 750px){.arrival__anc:hover{opacity:.7}}.arrival__btnbox{text-align:center}@media screen and (min-width: 750px){.arrival__btnbox{position:absolute;bottom:2rem;right:2rem}}@media screen and (max-width: 749px){.arrival__btnbox{margin-top:1.5rem}}.arrival__btn{position:relative;font-weight:bold;color:#094;background-color:#fff100;border-radius:5rem;text-align:center}@media screen and (min-width: 750px){.arrival__btn{border:3px solid #094;font-size:1.6rem;width:18rem;padding:.6rem 0}}@media screen and (max-width: 749px){.arrival__btn{display:inline-block;border:1px solid #094;font-size:1.2rem;padding:.9rem 3.4rem}}.arrival__btn::after{content:"";background-image:url(img/hyponex_lp202210/arrival_btn_deco.svg);background-size:100%;position:absolute;top:50%;right:1rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}@media screen and (min-width: 750px){.arrival__btn::after{width:1.8rem;height:1.8rem}}@media screen and (max-width: 749px){.arrival__btn::after{width:1.4rem;height:1.4rem}}.comment{position:relative;background-color:#fff100}@media screen and (min-width: 750px){.comment{padding:0 0 12rem}}@media screen and (max-width: 749px){.comment{padding:0 0 5rem}}@media screen and (max-width: 749px){.comment_deco{display:none}}@media screen and (min-width: 750px){.comment_deco01{display:none}}@media screen and (max-width: 749px){.comment_deco01{position:absolute;bottom:-3rem;left:0;width:38.4rem;z-index:2}}.comment__head{text-align:center}@media screen and (min-width: 750px){.comment__head{margin-bottom:6rem}}@media screen and (max-width: 749px){.comment__head{margin-bottom:1.9rem}}@media screen and (max-width: 749px){.comment__title{width:18.1rem;margin:0 auto 2.2rem}}@media screen and (max-width: 749px){.comment__lead{width:24.4rem;margin:0 auto}}.comment__inner{position:relative;z-index:1;background-color:#fff}@media screen and (min-width: 750px){.comment__inner{border:6px solid #094;border-radius:2rem}}@media screen and (min-width: 1024px){.comment__inner{padding:8rem 10rem}}@media screen and (min-width: 750px)and (max-width: 1023px){.comment__inner{padding:8rem 5rem}}@media screen and (max-width: 749px){.comment__inner{border-radius:1rem;border:3px solid #094;padding:2.5rem 1.5rem}}.fsns{position:relative}@media screen and (min-width: 750px){.fsns{padding:10rem 0}}@media screen and (max-width: 749px){.fsns{padding:4rem 0 3.2rem}}.fsns__img{position:absolute;left:-2%;bottom:0}@media screen and (min-width: 750px){.fsns__img{width:47.1vw}}@media screen and (max-width: 749px){.fsns__img{width:20rem}}.fsns__inner{max-width:520px;margin:0 auto}@media screen and (max-width: 749px){.fsns__inner{width:26rem}}.fsns__title{text-align:center}@media screen and (min-width: 750px){.fsns__title{margin-bottom:4rem}}@media screen and (max-width: 749px){.fsns__title{width:17.9rem;margin:0 auto 2.3rem}}.fsnsList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 750px){.fsnsItem{width:15.4%}.fsnsItem:hover{opacity:.6}}@media screen and (max-width: 749px){.fsnsItem{width:4rem}}