@charset "utf-8";

@-webkit-keyframes move_up{
	0%{
		opacity: 0;
		margin-top: 30px;
	}
	100%{
		opacity: 1;
		margin-top: 0;
	}
}
@keyframes move_up{
	0%{
		opacity: 0;
		margin-top: 30px;
	}
	100%{
		opacity: 1;
		margin-top: 0;
	}
}
@-webkit-keyframes move_right{
	0%{
		opacity: 0;
		margin-left: -30px;
	}
	100%{
		opacity: 1;
		margin-left: 0;
	}
}
@keyframes move_right{
	0%{
		opacity: 0;
		margin-left: -30px;
	}
	100%{
		opacity: 1;
		margin-left: 0;
	}
}
@-webkit-keyframes move_left{
	0%{
		opacity: 0;
		margin-right: -30px;
	}
	100%{
		opacity: 1;
		margin-right: 0;
	}
}
@keyframes move_left{
	0%{
		opacity: 0;
		margin-right: -30px;
	}
	100%{
		opacity: 1;
		margin-right: 0;
	}
}
@-webkit-keyframes move_down{
	0%{
		opacity: 0;
		margin-top: -30px;
	}
	100%{
		opacity: 1;
		margin-top: 0;
	}
}
@keyframes move_down{
	0%{
		opacity: 0;
		margin-top: -30px;
	}
	100%{
		opacity: 1;
		margin-top: 0;
	}
}
@-webkit-keyframes move_logo{
	0%{
		opacity: 0;
		margin-top: 100px;
		/*-webkit-transform: rotateY();*/
	}
	100%{
		opacity: 1;
		margin-top: 0;
		/*-webkit-transform: rotateY(720deg);*/
	}
}
@keyframes move_logo{
	0%{
		opacity: 0;
		margin-top: 40px;
		/*transform: rotateY();*/
	}
	100%{
		opacity: 1;
		margin-top: 0;
		/*transform: rotateY(720deg);*/
	}
}
@-webkit-keyframes rinen_bar{
	0%{
		opacity: 0;
		bottom: 0;
		height: 0;
	}
	100%{
		opacity: 1;
		bottom: -145px;
		height: 130px;
	}
}
@keyframes rinen_bar{
	0%{
		opacity: 0;
		bottom: 0;
		height: 0;
	}
	100%{
		opacity: 1;
		bottom: -145px;
		height: 130px;
	}
}
@-webkit-keyframes rinen_bar_sp{
	0%{
		opacity: 0;
		bottom: 0;
		height: 0;
	}
	100%{
		opacity: 1;
		bottom: -95px;
		height: 80px;
	}
}
@keyframes rinen_bar_sp{
	0%{
		opacity: 0;
		bottom: 0;
		height: 0;
	}
	100%{
		opacity: 1;
		bottom: -95px;
		height: 80px;
	}
}


.wrap_summary .scrollevent > *,
.wrap_shinryo .scrollevent li,
.wrap_rinen > .scrollevent > *,
.wrap_rinen > .scrollevent::after{
	display: none;
	opacity: 0;
}
.wrap_summary .scrollevent.on > *,
.wrap_shinryo .scrollevent.on li,
.wrap_rinen > .scrollevent.on > *,
.wrap_rinen > .scrollevent.on::after{
	display: inherit;
}

.wrap_summary .scrollevent.on > h2{
	-webkit-animation: move_up .8s ease-in forwards;
	animation: move_up .8s ease-in forwards;
}

.wrap_shinryo .scrollevent{
	min-height: 900px;
}
.wrap_shinryo .scrollevent.on{
	min-height: inherit;
}
.wrap_shinryo .scrollevent.on li{
	-webkit-animation: move_right .8s ease-in forwards;
	animation: move_right .8s ease-in forwards;
}
.wrap_shinryo .scrollevent.on li:nth-child(2){
	-webkit-animation: move_left .8s ease-in .5s forwards;
	animation: move_left .8s ease-in .5s forwards;
}
.wrap_shinryo .scrollevent.on li:nth-child(3){
	-webkit-animation: move_right .8s ease-in 1s forwards;
	animation: move_right .8s ease-in 1s forwards;
}

.wrap_rinen .scrollevent.on > *{
	-webkit-animation: move_down .8s ease-in forwards;
	animation: move_down .8s ease-in forwards;
}
.wrap_rinen > .scrollevent li{
	opacity: 0;
}
.wrap_rinen > .scrollevent.on li{
	-webkit-animation: move_down .8s ease-in forwards;
	animation: move_down .8s ease-in forwards;
}
.wrap_rinen > .scrollevent.on li:nth-child(1){
	animation-delay: .4s;
}
.wrap_rinen > .scrollevent.on li:nth-child(2){
	animation-delay: .8s;
}
.wrap_rinen > .scrollevent.on li:nth-child(3){
	animation-delay: 1.2s;
}

@media only screen and (min-width: 768px){
	.wrap_summary .scrollevent.on > .img01{
		-webkit-animation: move_down .8s ease-in .2s forwards;
		animation: move_down .8s ease-in .2s forwards;
	}
	.wrap_summary .scrollevent.on > .img02{
		-webkit-animation: move_up .8s ease-in .4s forwards;
		animation: move_up .8s ease-in .4s forwards;
	}
	.wrap_summary .scrollevent.on > .logo{
		-webkit-animation: move_logo .8s ease-in 1s forwards;
		animation: move_logo .8s ease-in 1s forwards;
	}
	
	.wrap_rinen .scrollevent{
		min-height: 200px;
	}
	.wrap_rinen > .scrollevent.on::after{
		-webkit-animation: rinen_bar .8s ease-in .6s forwards;
		animation: rinen_bar .8s ease-in .6s forwards;
	}
	.wrap_rinen > .scrollevent.on > ol{
		display: -webkit-flex;
		display: flex;
	}
}


@media only screen and (max-width: 767px){
	.scrollevent{
		min-height: 50vh;
	}
	.scrollevent.on{
		min-height: inherit;
	}
	
	.wrap_summary .scrollevent.on > .img01{
		-webkit-animation: move_right .4s ease-in 1s forwards;
		animation: move_right .4s ease-in 1s forwards;
	}
	.wrap_summary .scrollevent.on > .img02{
		-webkit-animation: move_left .4s ease-in 1.2s forwards;
		animation: move_left .4s ease-in 1.2s forwards;
	}
	
	.wrap_rinen > .scrollevent.on::after{
		-webkit-animation: rinen_bar_sp .8s ease-in .6s forwards;
		animation: rinen_bar_sp .8s ease-in .6s forwards;
	}
}