@charset 'utf-8';
img {
    width: 100%;
  border-radius: 7px;
}
li {
    list-style: none;
}
ul {
    margin: 0;
    padding: 0;
}
.slide-animation {
    display: flex;
    gap: 5px;
    overflow: hidden;
}
.slide-animation li {
    width: 650px;
  padding: 10px;
}
.slide-contents {
    display: flex;
    gap: 10px;
    animation: loopAnimation 30s linear infinite;
}
@keyframes loopAnimation {
    0% {
    transform: translate(0%);
    }
    100% {
    transform: translate(-100%);
    }
}
	/*画面幅480px以下の追加指定*/
@media screen and (max-width:480px) {
  .slide-animation li {
    width: 380px;
}}