@charset "UTF-8";

@charset "UTF-8";
/*---------------------------アニメーション----------------------------------*/
/*----------------------------ZoomIn-----------------------------------*/
#mv{
    opacity: 0;
}
#mv.ani-ZoomIn {
  animation: zoomInAnime 1s forwards;
}
@keyframes zoomInAnime{
    from {
        opacity: 0;
        transform: scale(0.6);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
/*----------------------------fadeInUp-----------------------------------*/
.mv_pt1 > ul > li::before{
    opacity: 0;
}
.mv_pt1 > ul > li::before{
    -webkit-animation: ani-fadeInUp 1.5s ease 0s both 1 normal;
	animation: ani-fadeInUp 1.5s ease 0s both 1 normal;
}
.mv_pt1 > ul > li:first-child::before{
	animation-delay: 1.7s;
}
.mv_pt1 > ul > li:nth-child(2)::before{
	animation-delay: 1.4s;
}
.mv_pt1 > ul > li:nth-child(3)::before{
	animation-delay: 1.1s;
}
.mv_pt1 > ul > li:nth-child(4)::before{
	animation-delay: 0.8s;
}
.mv_pt1 > ul > li:nth-child(5)::before{
	animation-delay: 0.5s;
}

.mv_pt2 > ul > li::before{
    opacity: 0;
}
.mv_pt2 > ul > li::before{
    -webkit-animation: ani-fadeInUp 1.5s ease 0s both 1 normal;
	animation: ani-fadeInUp 1.5s ease 0s both 1 normal;
}
.mv_pt2 > ul > li:first-child::before{
	animation-delay: 0.5s;
}
.mv_pt2 > ul > li:nth-child(2)::before{
	animation-delay: 0.8s;
}
.mv_pt2 > ul > li:nth-child(3)::before{
	animation-delay: 1.1s;
}
.mv_pt2 > ul > li:nth-child(4)::before{
	animation-delay: 1.4s;
}
#mv::before {
    opacity: 0;
}
#mv.ani::before {
	animation: ani-fadeInUp 1.5s ease 1s both 1 normal;
}
/*
#mv::before {
	animation: ani-fadeInUp 1.5s ease 1s both 1 normal;
	animation-delay: 1.1s;
}
*/
@-webkit-keyframes ani-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes ani-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } 
}
@media screen and (max-width: 900px){
	.mv_pt1 > ul > li:first-child::before{
		animation-delay: 0.5s;
	}
	.mv_pt1 > ul > li:nth-child(2)::before{
		animation-delay: 0.8s;
	}
	.mv_pt1 > ul > li:nth-child(3)::before{
		animation-delay: 1.1s;
	}
	.mv_pt1 > ul > li:nth-child(4)::before{
		animation-delay: 1.4s;
	}
	.mv_pt1 > ul > li:nth-child(5)::before{
		animation-delay: 1.7s;
	}
}
/*----------------------------rotate-----------------------------------*/
#mv_outer::after{
	-webkit-animation: rotate 20s linear infinite;
  	animation: rotate 20s linear infinite;
}
@-webkit-keyframes rotate {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes rotate {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}