@charset "utf-8";

/* 3-1-2 */
/*動きのきっかけの起点となるクラス名 はじめは非表示に*/
.fadeInTrigger,
.fadeInRightTriggerOnce,
.fadeInLeftTriggerOnce,
.fadeInDownTriggerOnce,
.fadeInTriggerOnce{
animation-fill-mode:forwards;
    opacity:0;
width: 100%;
}


/*========= アニメーションの指定 ===============*/


/* アニメーションの回数を決めるCSS*/

.count2{  
	animation-iteration-count: 2;/*この数字を必要回数分に変更*/
}

/* アニメーションスタートの遅延時間を決めるCSS*/

.delay-time01{  
	animation-delay:0.1s;
}

.delay-time03{  
	animation-delay:0.3s;
}

.delay-time05{  
	animation-delay:0.5s;
}

.delay-time15{  
	animation-delay:1.5s;
}

.delay-time20{  
	animation-delay:2s;
}

* アニメーション自体が変化する時間を決めるCSS*/

.change-time{  
	animation-duration: 4.5s;/*この数字を変化させたい時間に変更*/
}

/*========= レイアウトのためのCSS ===============*/

.over{
	overflow: hidden;
}


.flex{
	display:flex;
	flex-wrap: wrap;
}