@charset "utf-8";
/* CSS Document */

/* 基本アニメーション設定 */
/*-------------------------------------------*/

 /*----- フェードイン -----*/
    .inviewfadeIn {opacity: 0;transition: .8s; }
    
    .fadeIn {opacity: 1.0;}
	
	
	
    /*----- 上へスライド -----*/
    .inviewUp {
        transform: translate(0, 40px);
        -webkit-transform: translate(0, 40px);
        transition: .8s;
    }
    
    .Up {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
	/*----- 左からスライドフェードイン -----*/
    .inviewLeft,.slideLR .wrap {
		opacity: 0;
        transform: translate(-1000px, 0);
        -webkit-transform: translate(-1000px, 0);
        transition: .8s;
    }
    
    .LeftIn,.slideLR .LRIn01 {
		opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
	/*----- 右からスライドフェードイン -----*/
    .inviewRight,.home #banners .wrap {
		opacity: 0;
        transform: translate(1000px, 0);
        -webkit-transform: translate(1000px, 0);
        transition: .8s;
    }
    
    .RightIn {
		opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
	.home #banners .LRIn02 {
		transition-delay:0.5s;
		opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
	/*----- 上からスライドフェードイン -----*/
	.trigger {position:absolute;top:50%;width: 100%;height:50%;z-index:-1;}
	
	
    .inviewDown {
		opacity: 0;
        transform: translate(0, -500px);
        -webkit-transform: translate(0, -500px);
        transition: .8s;
    }
    
    .inviewDown.DownIn{
		opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
	
	/*----- 下からスライドフェードイン -----*/
	
	
    .inviewsUp,.inviewsUp02 {
		opacity: 0;
        transform: translate(0, 30px);
        -webkit-transform: translate(0, 30px);
        transition: .8s;
    }
    
    .UpIn {
		opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
	
	/*----- ねじれてフェードイン -----*/
	.spiral .wrap{
		opacity: 0;
		transform: rotateY(90deg);
		transform-origin: 50% 0;
		transition: .8s;}
		
	.spiral .spiralIn{
		opacity: 1.0;
		transform: rotateY(0);}
	
	
    /*----- ズームイン -----*/
    .inviewzoomIn {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transition: .8s;
    }
    
    .zoomIn {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    } 
    
    /*----- フェードインしながら上へスライド -----*/
    .inviewfadeInUp {
        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);
    }


/*カスタムアニメーション*/
	
	/*セクション01*/
	
	.rate img{opacity:0;transform:scale(0);-webkit-transform:scale(0);}
	.rate img.rateIn{animation: rate02 .3s linear 0s 1 normal forwards;
	-moz-animation: rate02 .3s linear 0s 1 normal forwards;
	-webkit-animation: rate02 .3s linear 0s 1 normal forwards;
	-o-animation: rate02 .3s linear 0s 1 normal forwards;
	-ms-animation: rate02 .3s linear 0s 1 normal forwards;
	}
	@-moz-keyframes rate02 {
	0% {opacity:0;transform:scale(0);}
	100% {opacity:1;transform:scale(1);}
	}

	@-webkit-keyframes rate02 {
	0% {opacity:0;transform:scale(0);}
	100% {opacity:1;transform:scale(1);}
	}

	@-o-keyframes rate02 {
	0% {opacity:0;transform:scale(0);}
	100% {opacity:1;transform:scale(1);}
	}

	@-ms-keyframes rate02 {
	0% {opacity:0;transform:scale(0);}
	100% {opacity:1;transform:scale(1);}
	}
	
	
	
	
	/*セクション02*/
	
	
	
	.reason01{opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	.reasonIn .reason01{animation: reason02 .3s linear 0s 1 normal forwards;
	-moz-animation:reason02 .3s linear 0s 1 normal forwards;
	-webkit-animation: reason02 .3s linear 0s 1 normal forwards;
	-o-animation: reason02 .3s linear 0s 1 normal forwards;
	-ms-animation: reason02 .3s linear 0s 1 normal forwards;
	}
	
	@-moz-keyframes reason02 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}

	@-webkit-keyframes reason02 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}

	@-o-keyframes reason02 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}

	@-ms-keyframes reason02 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}
	
	.reason02{opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	.reasonIn .reason02{animation: reason03 .3s linear .3s 1 normal forwards;
	-moz-animation:reason03 .3s linear .3s 1 normal forwards;
	-webkit-animation: reason03 .3s linear .3s 1 normal forwards;
	-o-animation: reason03 .3s linear .3s 1 normal forwards;
	-ms-animation: reason03 .3s linear .3s 1 normal forwards;
	}
	
	@-moz-keyframes reason03 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}

	@-webkit-keyframes reason03 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}

	@-o-keyframes reason03 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}

	@-ms-keyframes reason03 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}
	
	.reason03{opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	.reasonIn .reason03{animation: reason04 .3s linear .6s 1 normal forwards;
	-moz-animation:reason04 .3s linear .6s 1 normal forwards;
	-webkit-animation: reason04 .3s linear .6s 1 normal forwards;
	-o-animation: reason04 .3s linear .6s 1 normal forwards;
	-ms-animation: reason04 .3s linear .6s 1 normal forwards;
	}
	
	@-moz-keyframes reason04 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}

	@-webkit-keyframes reason04 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}

	@-o-keyframes reason04 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}

	@-ms-keyframes reason04 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}
	
	.reason04{opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	.reasonIn .reason04{animation: reason05 .3s linear .9s 1 normal forwards;
	-moz-animation:reason05 .3s linear .9s 1 normal forwards;
	-webkit-animation: reason05 .3s linear .9s 1 normal forwards;
	-o-animation: reason05 .3s linear .9s 1 normal forwards;
	-ms-animation: reason05 .3s linear .9s 1 normal forwards;
	}
	
	@-moz-keyframes reason05 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}

	@-webkit-keyframes reason05 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}

	@-o-keyframes reason05 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}

	@-ms-keyframes reason05 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}
	
	.reason05{opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	.reasonIn .reason05{animation: reason06 .3s linear 1.2s 1 normal forwards;
	-moz-animation:reason06 .3s linear 1.2s 1 normal forwards;
	-webkit-animation: reason06 .3s linear 1.2s 1 normal forwards;
	-o-animation: reason06 .3s linear 1.2s 1 normal forwards;
	-ms-animation: reason06 .3s linear 1.2s 1 normal forwards;
	}
	
	@-moz-keyframes reason06 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}

	@-webkit-keyframes reason06 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}

	@-o-keyframes reason06 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}

	@-ms-keyframes reason06 {
	0% {opacity:0;transform:translate(0, 30px); -webkit-transform:translate(0, 30px);}
	100% {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
	}


	
	.pre01{opacity:0;transform:scale(0); -webkit-transform:scale(0);}
	.sec06In .pre01{animation: sec06-02 .3s linear .3s 1 normal forwards;
	-moz-animation:sec06-02 .3s linear .3s 1 normal forwards;
	-webkit-animation: sec06-02 .3s linear .3s 1 normal forwards;
	-o-animation: sec06-02 .3s linear .3s 1 normal forwards;
	-ms-animation: sec06-02 .3s linear .3s 1 normal forwards;
	}
	
	@-moz-keyframes sec06-02 {
	0% {opacity:0;transform:scale(0); -webkit-transform:scale(0);}
	50%{opacity:1;transform:scale(1.2); -webkit-transform:scale(1.2);}
	100% {opacity:1;transform:scale(1); -webkit-transform:scale(1);}
	}

	@-webkit-keyframes sec06-02 {
	0% {opacity:0;transform:scale(0); -webkit-transform:scale(0);}
	50%{opacity:1;transform:scale(1.2); -webkit-transform:scale(1.2);}
	100% {opacity:1;transform:scale(1); -webkit-transform:scale(1);}
	}

	@-o-keyframes sec06-02 {
	0% {opacity:0;transform:scale(0); -webkit-transform:scale(0);}
	50%{opacity:1;transform:scale(1.2); -webkit-transform:scale(1.2);}
	100% {opacity:1;transform:scale(1); -webkit-transform:scale(1);}
	}

	@-ms-keyframes sec06-02 {
	0% {opacity:0;transform:scale(0); -webkit-transform:scale(0);}
	50%{opacity:1;transform:scale(1.2); -webkit-transform:scale(1.2);}
	100% {opacity:1;transform:scale(1); -webkit-transform:scale(1);}
	}
	
	.plus{opacity:0;transform:scale(0); -webkit-transform:scale(0);}
	.sec06In .plus{animation: sec06-03 .3s linear .6s 1 normal forwards;
	-moz-animation:sec06-03 .3s linear .6s 1 normal forwards;
	-webkit-animation: sec06-03 .3s linear .6s 1 normal forwards;
	-o-animation: sec06-03 .3s linear .6s 1 normal forwards;
	-ms-animation: sec06-03 .3s linear .6s 1 normal forwards;
	}
	
	@-moz-keyframes sec06-03 {
	0% {opacity:0;transform:scale(0); -webkit-transform:scale(0);}
	50%{opacity:1;transform:scale(1.2); -webkit-transform:scale(1.2);}
	100% {opacity:1;transform:scale(1); -webkit-transform:scale(1);}
	}

	@-webkit-keyframes sec06-03 {
	0% {opacity:0;transform:scale(0); -webkit-transform:scale(0);}
	50%{opacity:1;transform:scale(1.2); -webkit-transform:scale(1.2);}
	100% {opacity:1;transform:scale(1); -webkit-transform:scale(1);}
	}

	@-o-keyframes sec06-03 {
	0% {opacity:0;transform:scale(0); -webkit-transform:scale(0);}
	50%{opacity:1;transform:scale(1.2); -webkit-transform:scale(1.2);}
	100% {opacity:1;transform:scale(1); -webkit-transform:scale(1);}
	}

	@-ms-keyframes sec06-03 {
	0% {opacity:0;transform:scale(0); -webkit-transform:scale(0);}
	50%{opacity:1;transform:scale(1.2); -webkit-transform:scale(1.2);}
	100% {opacity:1;transform:scale(1); -webkit-transform:scale(1);}
	}
	
	.pre02{opacity:0;transform:scale(0); -webkit-transform:scale(0);}
	.sec06In .pre02{animation: sec06-04 .3s linear .9s 1 normal forwards;
	-moz-animation:sec06-04 .3s linear .9s 1 normal forwards;
	-webkit-animation: sec06-04 .3s linear .9s 1 normal forwards;
	-o-animation: sec06-04 .3s linear .9s 1 normal forwards;
	-ms-animation: sec06-04 .3s linear .9s 1 normal forwards;
	}
	
	@-moz-keyframes sec06-04 {
	0% {opacity:0;transform:scale(0); -webkit-transform:scale(0);}
	50%{opacity:1;transform:scale(1.2); -webkit-transform:scale(1.2);}
	100% {opacity:1;transform:scale(1); -webkit-transform:scale(1);}
	}

	@-webkit-keyframes sec06-04 {
	0% {opacity:0;transform:scale(0); -webkit-transform:scale(0);}
	50%{opacity:1;transform:scale(1.2); -webkit-transform:scale(1.2);}
	100% {opacity:1;transform:scale(1); -webkit-transform:scale(1);}
	}

	@-o-keyframes sec06-04 {
	0% {opacity:0;transform:scale(0); -webkit-transform:scale(0);}
	50%{opacity:1;transform:scale(1.2); -webkit-transform:scale(1.2);}
	100% {opacity:1;transform:scale(1); -webkit-transform:scale(1);}
	}

	@-ms-keyframes sec06-04 {
	0% {opacity:0;transform:scale(0); -webkit-transform:scale(0);}
	50%{opacity:1;transform:scale(1.2); -webkit-transform:scale(1.2);}
	100% {opacity:1;transform:scale(1); -webkit-transform:scale(1);}
	}