.topMv {
height: 100vh;
overflow: hidden;
position: relative;
z-index:-10;
}
.main_logo {
z-index:11;
position:fixed;
top:40%;
left:50%;
transform:translate(-50%,-50%);
width:25%;
height:auto;
}
.main_img {
z-index:10;
opacity: 0;
width: 100%;
height: 100vh;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 0;
top: 0;
-webkit-animation: anime 36s 0s infinite;
animation: anime 36s 0s infinite;
position:fixed; }
@media screen and (max-width: 768px){
.topMv {
height: 68vh;
overflow: hidden;
position: relative;
z-index:-10;
overflow:hidden;
}
.main_logo {
z-index:11;
position: relative;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:50%;
height:auto;
padding:80px 0 0 0;
}
.main_img {
z-index:10;
opacity: 0;
width: 100%;
height: 68vh;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 0;
top: 0;
-webkit-animation: anime 36s 0s infinite;
animation: anime 36s 0s infinite;
}
}
.main_img:nth-of-type(2) {
-webkit-animation-delay: 6s;
animation-delay: 6s; }

.main_img:nth-of-type(3) {
-webkit-animation-delay: 12s;
animation-delay: 12s; }

.main_img:nth-of-type(4) {
-webkit-animation-delay: 18s;
animation-delay: 18s; }

.main_img:nth-of-type(5) {
-webkit-animation-delay: 24s;
animation-delay: 24s; }

.main_img:nth-of-type(6) {
-webkit-animation-delay: 30s;
animation-delay: 30s; }

.main_imgM {
opacity: 0;
width:100%;
height:100%;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
-webkit-animation: anime 36s 0s infinite;
animation: anime 36s 0s infinite; }

.main_imgM:nth-of-type(2) {
-webkit-animation-delay: 6s;
animation-delay: 6s; }

.main_imgM:nth-of-type(3) {
-webkit-animation-delay: 12s;
animation-delay: 12s; }

.main_imgM:nth-of-type(4) {
-webkit-animation-delay: 18s;
animation-delay: 18s; }

.main_imgM:nth-of-type(5) {
-webkit-animation-delay: 24s;
animation-delay: 24s; }

.main_imgM:nth-of-type(6) {
-webkit-animation-delay: 30s;
animation-delay: 30s; }

@keyframes anime {
0% {
opacity: 0;
}
8% {
opacity: 1;
}
17% {
opacity: 1;
}
25% {
opacity: 0;

z-index:9;
}
100% { opacity: 0 }
}

@-webkit-keyframes anime {
0% {
opacity: 0;
}
8% {
opacity: 1;
}
17% {
opacity: 1;
}
25% {
opacity: 0;

z-index:9;
}
100% { opacity: 0 }
}