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

/*ローディング*/
.loading_splash{   position: fixed;  width: 100%;  height: 100%;  z-index: 99999;   }

.loading_splash_logo {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
/* Loading アイコンの大きさ設定　*/
.loading_splash_logo img {  width:280px;}

.loading_splash_fadeUp{animation-name: loading_splash_fadeUp;animation-duration:0.5s;animation-fill-mode:forwards;opacity: 0;}
@keyframes loading_splash_fadeUp{
  from {    opacity: 0;  transform: translateY(50px);  }
  to {    opacity: 1;  transform: translateY(0);  }
}

.loading{  position: fixed;  top: 0;  left: 0;  margin: 0 auto;  width: 100%;  height: 100vh;}
.loading2{  position: fixed;  top: 0;  left: 0;  margin: 0 auto;  width: 100%;  height: 100vh;}
.loading{  z-index: 99997;  background:#0047D0;  animation-duration: 1.2s;  animation-delay:2.4s;  animation-fill-mode: forwards;  animation-name: top-op;}
.loading2{  z-index: 99998;  background:white ;  animation-duration: 0.7s;  animation-delay: 1.6s;  animation-fill-mode: forwards;  animation-name: top-op2;}
.loading_logo img{width: 280px}
@keyframes top-op{
	0% {  width: 100%;  left:0;}
	50% {  width: 100%;}
	100% {  width: 0%;  left: 100%;}
}
@keyframes top-op2{
	0% {  width: 100%;  left:0;}
	50% {  width: 100%;}
	100% {  width: 0%;  left: 100%;}
}
/*ここまでローディング*/



/*
.blur{  animation-name:blurAnime;  animation-duration:1.2s;  animation-fill-mode:forwards;}
@keyframes blurAnime{  
	from {  filter: blur(10px);  transform: scale(1.1);  }
	to {  filter: blur(0);  transform: scale(1);  }
}
*/

.logo_animation {
    -webkit-animation-fill-mode:both; 
    -ms-animation-fill-mode:both; 
    animation-fill-mode:both; 
    -webkit-animation-duration:1.2s; 
    -ms-animation-duration:1.2s; 
    animation-duration:1.2s; 	
	-webkit-animation-delay: 0.4s; /* アニメーション開始時間 */
	-ms-animation-delay: 0.4s;
	animation-delay:0.4s;	
    -webkit-animation-name:logo_animation; 
    animation-name:logo_animation; 
    visibility: visible !important;
}
@keyframes logo_animation{ 
    0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
    30% { opacity: 0; } 
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


.title_logo_animation {
    -webkit-animation-fill-mode:both; 
    -ms-animation-fill-mode:both; 
    animation-fill-mode:both; 
    -webkit-animation-duration:1s; 
    -ms-animation-duration:1s; 
    animation-duration:1s; 	
	-webkit-animation-delay:1.6s; /* アニメーション開始時間 */
	-ms-animation-delay:1.6s;
	animation-delay:1.6s;	
    -webkit-animation-name:title_logo_animation; 
    animation-name:title_logo_animation; 
	visibility: visible !important;
}
@keyframes title_logo_animation {
  0% {  opacity: 0;  -webkit-transform: rotate(340deg);-ms-transform: rotate(340deg);transform: rotate(340deg);  }
  100% { opacity: 1; -webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);  }
}

.title_text_animation {
    -webkit-animation-fill-mode:both; 
    -ms-animation-fill-mode:both; 
    animation-fill-mode:both; 
    -webkit-animation-duration:1.4s; 
    -ms-animation-duration:1.4s; 
    animation-duration:1.4s; 	
	-webkit-animation-delay: 0.8s; /* アニメーション開始時間 */
	-ms-animation-delay:0.8s;
	animation-delay:0.8s;	
    -webkit-animation-name:title_text_animation; 
    animation-name:title_text_animation; 
    visibility: visible !important;
}
@keyframes title_text_animation{ 
    0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
    30% { opacity: 0; } 
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.schedule_animation {
    -webkit-animation-fill-mode:both; 
    -ms-animation-fill-mode:both; 
    animation-fill-mode:both; 
    -webkit-animation-duration:1.6s; 
    -ms-animation-duration:1.6s; 
    animation-duration:1.6s; 	
	-webkit-animation-delay: 1.2s; /* アニメーション開始時間 */
	-ms-animation-delay:1.2s;
	animation-delay:1.2s;	
    -webkit-animation-name:schedule_animation; 
    animation-name:schedule_animation; 
    visibility: visible !important;
}
@keyframes schedule_animation{ 
    0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
    30% { opacity: 0; } 
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


/*アニメーション　スクロール時*/
.fadeup01{opacity: 0; transition: all .5s linear 0.8s/*←開始時間*/; transform: translateY(50px);  }
.fadeup02{opacity: 0; transition: all .5s linear 1.2s/*←開始時間*/; transform: translateY(50px);}
.fadeup03{opacity: 0; transition: all .5s linear 1.6s/*←開始時間*/; transform: translateY(50px);  }
.fadeup04{opacity: 0; transition: all .5s linear 2.0s/*←開始時間*/; transform: translateY(50px);  }
.fadeup05{opacity: 0; transition: all .5s linear 2.4s/*←開始時間*/; transform: translateY(50px);  }
.fadeup01.active,.fadeup02.active,.fadeup03.active,.fadeup04.active,.fadeup05.active{	opacity: 1;		transform: translateY(0);     }