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

/*ローディング*/
.mi_a01{ animation:mi_a01 2.8s ease-in-out 0.8s forwards;  opacity: 0; }
@keyframes mi_a01{  0% {    clip-path: inset(0 100% 0 0);   opacity: 1;  }  100% {    clip-path: inset(0 0 0 0);    opacity: 1;   }}

.mi_a02 {  animation: mi_a02 1.0s ease-in-out 0.8s forwards;  opacity: 0;}
@keyframes mi_a02 {  0% {    clip-path: inset(0 0 100% 0); /* 上から全体を隠す */    opacity: 1;  }  100% {    clip-path: inset(0 0 0 0);    /* 全体表示 */    opacity: 1;  }}


.mi_a03 {  animation: mi_a03 1.0s ease-in-out 0.3s forwards;  opacity: 0;}
@keyframes mi_a03 {  0% {    clip-path: inset(100% 0 0 0); /* 上から全体を隠す */    opacity: 1;  }  100% {    clip-path: inset(0 0 0 0);    /* 全体表示 */    opacity: 1;  }}


/*スクロール時*/
.slidein01{opacity: 0; transition: all .5s linear .8s/*←開始時間*/;  transform: translateY(30px); }
.slidein01.active{opacity: 1;transform: translateY(0);	}

.fadeup01{opacity: 0; transition: all .5s ease-in-out 0.5s/*←開始時間*/; transform: translateY(30px);  }
.fadeup02{opacity: 0; transition: all .5s ease-in-out 0.7s/*←開始時間*/; transform: translateY(30px);  }
.fadeup03{opacity: 0; transition: all .5s ease-in-out 0.9s/*←開始時間*/; transform: translateY(30px);  }
.fadeup04{opacity: 0; transition: all .5s ease-in-out 1.1s/*←開始時間*/; transform: translateY(30px);  }
.fadeup05{opacity: 0; transition: all .5s ease-in-out 1.3s/*←開始時間*/; transform: translateY(30px);  }
.fadeup06{opacity: 0; transition: all .5s ease-in-out 1.5s/*←開始時間*/; transform: translateY(30px);  }
.fadeup07{opacity: 0; transition: all .5s ease-in-out 1.7s/*←開始時間*/; transform: translateY(30px);  }
.fadeup08{opacity: 0; transition: all .5s ease-in-out 1.9s/*←開始時間*/; transform: translateY(30px);  }
.fadeup09{opacity: 0; transition: all .5s ease-in-out 2.1s/*←開始時間*/; transform: translateY(30px);  }
.fadeup10{opacity: 0; transition: all .5s ease-in-out 2.3s/*←開始時間*/; transform: translateY(30px);  }
.fadeup01.active,.fadeup02.active,.fadeup03.active,.fadeup04.active,.fadeup05.active,.fadeup06.active,.fadeup07.active,.fadeup08.active,.fadeup09.active,.fadeup10.active{	opacity: 1;		transform: translateY(0);     }


/*テキスト出現 ローディング時*/
.animetext-load {    overflow: hidden;}	
.animetext-scroll {    overflow: hidden;}	
.animetext-load span {     display: inline-block;    transform: translateY(150%);	transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); }
.animetext-scroll span {     display: inline-block;    transform: translateY(150%);	transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); }
.animetext-load.show span {    transform: translateY(0);    opacity: 1;}
.animetext-scroll.show span {    transform: translateY(0);    opacity: 1;}

/*テキスト出現 スクロール時*/
.animetext-scroll2 {  opacity: 0;  clip-path: inset(100% 0 0 0);  transition: clip-path 1s ease-in-out, opacity 1s ease-in-out;}
.animetext-scroll2.active {  opacity: 1;  clip-path: inset(0 0 0 0);}