@charset "UTF-8";
/*
 *Landing page Template | Webly Maker 1.0
 *Copyright (C) 2008-2017 infosmile Inc. All Rights Reserved.
 */
/* CSS Document */
---------------------------------------------------------------------------*/
    /*----- フェードイン -----*/
    .ifadeIn, {
        opacity: 0;
        transition: .8s;
    }
    
    .fadeIn, {
        opacity: 1.0;
    }
    .izoomOutIn {
		opacity: 0;
        transform: scale(2.0, 2.0);
        -webkit-transform: scale(2.0, 2.0);
        transition: .3s;
		transition-delay:0.5s;
    }
    
    .zoomOutIn {
		opacity: 1.0;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
    .izoomOutIn1 {
		opacity: 0;
        transform: scale(2.0, 2.0);
        -webkit-transform: scale(2.0, 2.0);
        transition: .3s;
		transition-delay:3.5s;
    }
    
    .zoomOutIn1 {
		opacity: 1.0;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
    .izoomOutIn2 {
		opacity: 0;
        transform: scale(2.0, 2.0);
        -webkit-transform: scale(2.0, 2.0);
        transition: .3s;
		transition-delay:4.0s;
    }
    
    .zoomOutIn2 {
		opacity: 1.0;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
    .izoomOutIn3 {
		opacity: 0;
        transform: scale(2.0, 2.0);
        -webkit-transform: scale(2.0, 2.0);
        transition: .3s;
		transition-delay:4.5s;
    }
    
    .zoomOutIn3 {
		opacity: 1.0;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
    .izoomOutIn4 {
		opacity: 0;
        transform: scale(2.0, 2.0);
        -webkit-transform: scale(2.0, 2.0);
        transition: .3s;
		transition-delay:1.1s;
    }
    
    .zoomOutIn4 {
		opacity: 1.0;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
    .izoomOutIn5 {
		opacity: 0;
        transform: scale(2.0, 2.0);
        -webkit-transform: scale(2.0, 2.0);
        transition: .3s;
		transition-delay:1.2s;
    }
    
    .zoomOutIn5 {
		opacity: 1.0;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
    .izoomOutIn6 {
		opacity: 0;
        transform: scale(2.0, 2.0);
        -webkit-transform: scale(2.0, 2.0);
        transition: .3s;
		transition-delay:1.3s;
    }
    
    .zoomOutIn6 {
		opacity: 1.0;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
    .izoomOutIn7 {
		opacity: 0;
        transform: scale(2.0, 2.0);
        -webkit-transform: scale(2.0, 2.0);
        transition: .3s;
		transition-delay:1.4s;
    }
    
    .zoomOutIn7 {
		opacity: 1.0;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
    .izoomOutIn8 {
		opacity: 0;
        transform: scale(2.0, 2.0);
        -webkit-transform: scale(2.0, 2.0);
        transition: .3s;
		transition-delay:1.5s;
    }
    
    .zoomOutIn8 {
		opacity: 1.0;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
    /*----- 上へスライド -----*/
    .iUp {
        transform: translate(0, 40px);
        -webkit-transform: translate(0, 40px);
        transition: .8s;
    }
    
    .Up {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

    /*----- ズームイン -----*/
    .izoomIn {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transition: .8s;
    }
    
    .zoomIn {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    } 
    
    /*----- 上へスライド -----*/
    .ifadeInUp {
        opacity: 0;
        transform: translate(0, 60px);
        -webkit-transform: translate(0, 60px);
        transition: .8s;
    }
    
    .fadeInUp {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    /*----- 下へスライド -----*/
    .ifadeInDown {
        opacity: 0;
        transform: translate(0, -60px);
        -webkit-transform: translate(0, -60px);
        transition: .8s;
    }
    .fadeInDown {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    /*----- 右へスライド -----*/
    .ifadeInRight {
        opacity: 0;
        transform: translate(-60px, 0);
        -webkit-transform: translate(-60px, 0x);
        transition: .8s;
    }
    
    .fadeInRight {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    /*----- 左へスライド -----*/
    .ifadeInLeft {
        opacity: 0;
        transform: translate(60px, 0);
        -webkit-transform: translate(60px, 0x);
        transition: .8s;
    }
    
    .fadeInLeft {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }