/*--------------------------------------------------------------------
  common
--------------------------------------------------------------------*/

.scrollAnime {
	position: relative;
	opacity: 0;
}

@keyframes bottom50 {
	from {
        bottom: -50px;
		opacity: 0;
	}
	to {
        bottom: 0;
		opacity: 1;
	}
}
@keyframes opacity100 {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/*--------------------------------------------------------------------
  common
--------------------------------------------------------------------*/
.sp-large-btn.isShow {
	animation-name: bottom50;
	animation-duration: 0.6s;
	animation-delay: 0.45s;
	animation-timing-function: cubic-bezier(0.4, 0.15, 0.2, 1);
	animation-fill-mode: forwards;
}


/*--------------------------------------------------------------------
  block01
--------------------------------------------------------------------*/
#sec-block01 h1.isShow {
	animation-name: opacity100;
	animation-duration: 0.6s;
	animation-delay: 0.45s;
	animation-timing-function: cubic-bezier(0.4, 0.15, 0.2, 1);
	animation-fill-mode: forwards;
}
#sec-block01 h2.isShow,#sec-block01 .text-style.isShow,#sec-block01 .image-style.isShow {
	animation-name: bottom50;
	animation-duration: 0.6s;
	animation-delay: 0.45s;
	animation-timing-function: cubic-bezier(0.4, 0.15, 0.2, 1);
	animation-fill-mode: forwards;
}


/*--------------------------------------------------------------------
  block02
--------------------------------------------------------------------*/
#sec-block02 h2.isShow,#sec-block02 .text-style01.isShow,#sec-block02 .text-style02.isShow {
	animation-name: bottom50;
	animation-duration: 0.6s;
	animation-delay: 0.45s;
	animation-timing-function: cubic-bezier(0.4, 0.15, 0.2, 1);
	animation-fill-mode: forwards;
}
#sec-block02 .footer-img.isShow {
	animation-name: opacity100;
	animation-duration: 0.6s;
	animation-delay: 0.45s;
	animation-timing-function: cubic-bezier(0.4, 0.15, 0.2, 1);
	animation-fill-mode: forwards;
}


/*--------------------------------------------------------------------
  block03
--------------------------------------------------------------------*/
#sec-block03 .img-style.isShow {
	animation-name: bottom50;
	animation-duration: 0.6s;
	animation-delay: 0.45s;
	animation-timing-function: cubic-bezier(0.4, 0.15, 0.2, 1);
	animation-fill-mode: forwards;
}


/*--------------------------------------------------------------------
  block04
--------------------------------------------------------------------*/
#sec-block04 h2.isShow,#sec-block04 .text-style01.isShow,#sec-block04 .text-style02.isShow,#sec-block04 .img-style.isShow {
	animation-name: bottom50;
	animation-duration: 0.6s;
	animation-delay: 0.45s;
	animation-timing-function: cubic-bezier(0.4, 0.15, 0.2, 1);
	animation-fill-mode: forwards;
}


/*--------------------------------------------------------------------
  block05
--------------------------------------------------------------------*/
#sec-block05 h2.isShow,#sec-block05 .text-style01.isShow,#sec-block05 .text-style02.isShow,#sec-block05 .img-style.isShow,#sec-block05 .box-section.isShow {
	animation-name: bottom50;
	animation-duration: 0.6s;
	animation-delay: 0.45s;
	animation-timing-function: cubic-bezier(0.4, 0.15, 0.2, 1);
	animation-fill-mode: forwards;
}


/*--------------------------------------------------------------------
  block06
--------------------------------------------------------------------*/
#sec-block06 h2.isShow,#sec-block06 .box-style.isShow,#sec-block06 h3.isShow,#sec-block06 .img-style01.isShow,#sec-block06 .img-style02.isShow {
	animation-name: bottom50;
	animation-duration: 0.6s;
	animation-delay: 0.45s;
	animation-timing-function: cubic-bezier(0.4, 0.15, 0.2, 1);
	animation-fill-mode: forwards;
}
#sec-block06 .footer-img.isShow {
	animation-name: opacity100;
	animation-duration: 0.6s;
	animation-delay: 0.45s;
	animation-timing-function: cubic-bezier(0.4, 0.15, 0.2, 1);
	animation-fill-mode: forwards;
}