@charset "utf-8";
/* CSS Document */

.loopSlide{
display: flex;
width: 100%;
height: 30px;
overflow: hidden;
}

.loopSlide img{
width: auto;
height: 100%;
margin-right: 6px;
}

.loopSlide img:first-child{
animation: slide1 60s -30s linear infinite;
}

.loopSlide img:last-child{
animation: slide2 60s linear infinite;
}


@keyframes slide1{
0%{
transform: translateX(100%);
}
to{
transform: translateX(-100%);
}
}

@keyframes slide2{
0%{
transform: translateX(0);
}
to{
transform: translateX(-200%);
}
}

.loopSlide_pc, .loopSlide_pc02{
display: none;
}

@media(min-width: 768px){
.loopSlide_pc{
 display: flex;
position: fixed;
top: 5px;
z-index: -1;
}
}

@media(min-width: 768px){
.loopSlide_pc02{
display: flex;
position: fixed;
bottom: 5px;
z-index: -1;
}
}