@charset "UTF-8";

/* CSS Document ---------------------------------------------------------------------------------------------------------------- */
/* HTML5/CSS3 2020 (C)tankdesign */
/* animation */
.animation {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fade {
	opacity: 0;
	transition: .8s;
}

.fadeIn {
	opacity: 1.0;
	transform: none;
	-webkit-transform: none;
}

.fade_left{
    opacity: 0;
	-webkit-transform: translate3d(-2%, 0, 0);
    transform: translate3d(-2%, 0, 0);
	transition: 1.2s;
}

.fadeInLeft{
	opacity: 1.0;
	transform: none;
	-webkit-transform: none;
}

.fade_right{
    opacity: 0;
	-webkit-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
	transition: 1.2s;
}

.fadeInRight{
	opacity: 1.0;
	transform: none;
	-webkit-transform: none;
}

.fade_up {
	opacity: 0;
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transition: .8s;
}
    
.fadeInUp {
	opacity: 1.0;
	transform: none;
	-webkit-transform: none;
}



/* delay */
.delay02{
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
}
.delay03{
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}
.delay04{
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
}
.delay05{
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
}
.delay06{
	transition-delay: 0.6s;
	-webkit-transition-delay: 0.6s;
}
.delay07{
	transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
}
.delay08{
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
}
.delay09{
	transition-delay: 0.9s;
	-webkit-transition-delay: 0.9s;
}
.delay10{
	transition-delay: 1.0s;
	-webkit-transition-delay: 1.0s;
}
.delay12{
	transition-delay: 1.2s;
	-webkit-transition-delay: 1.2s;
}
.delay14{
	transition-delay: 1.4s;
	-webkit-transition-delay: 1.4s;
}
.delay15{
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
}
.delay16{
	transition-delay: 1.6s;
	-webkit-transition-delay: 1.6s;
}
.delay18{
	transition-delay: 1.8s;
	-webkit-transition-delay: 1.8s;
}
.delay20{
	transition-delay: 2.0s;
	-webkit-transition-delay: 2.0s;
}
.delay22{
	transition-delay: 2.2s;
	-webkit-transition-delay: 2.2s;
}
.delay24{
	transition-delay: 2.4s;
	-webkit-transition-delay: 2.4s;
}

@media screen and (max-width: 414px) {
/* 414pxpx以下用（スマートフォン用）の記述 */

/* delay */
.delay03{
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}
.delay04{
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}
.delay05{
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}
.delay10{
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}
.delay14{
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}
.delay18{
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}
.delay22{
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}

}