@charset "utf-8";
.slideshow {
    position: relative;
    top: 110px;
    overflow: hidden;
}
/* :::::: slideContents :::::: */
.slideContents {
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
}
.slideContents section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.slideContents section img {
    max-width: 100%;
    box-sizing: border-box;
    vertical-align: middle;
}
.slideContents h2 {
    position: absolute;/*絶対配置*/
    color: white;/*文字は白に*/
    top: 35%;
    width: 100%;
}
.slideContents .slide-info {
    position: absolute;/*絶対配置*/
    color: white;/*文字は白に*/
    top: 50%;
    width: 100%;
    padding: 20px;
}

@media (min-width: 1440px) {
.slideContents h2 {
    position: absolute;/*絶対配置*/
    color: white;/*文字は白に*/
    top: 35%;
    width: 100%;
    font-size: 55px;
    font-weight: 600;
}
.slideContents .slide-info {
    position: absolute;/*絶対配置*/
    color: white;/*文字は白に*/
    top: 50%;
    width: 100%;
    font-size: 25px;
    margin: 20px;
}
}

@media (max-width: 425px) {
.slideContents h2 {
    position: absolute;/*絶対配置*/
    color: white;/*文字は白に*/
    top: 35%;
    width: 100%;
    font-size: 20px;
}
.slideContents .slide-info {
    position: absolute;/*絶対配置*/
    color: white;/*文字は白に*/
    top: 50%;
    width: 100%;
    font-size: 14px;
}
}
/* :::::: mechanism :::::: */
.slideContents #slide1 {
    position: relative;
}
.slideContents section {
    animation: autoplay 30s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
@keyframes autoplay {
 0%, 16%, 100% {
transform: none;
}
 20% {
transform: translateX(-100%);
}
 20.001%, 96% {
transform: translateX(100%);
}
}
.slideContents #slide1 {
    animation-delay: 0s;
}
.slideContents #slide2 {
    animation-delay: -24s;
}
.slideContents #slide3 {
    animation-delay: -18s;
}
.slideContents #slide4 {
    animation-delay: -12s;
}
.slideContents #slide5 {
    animation-delay: -6s;
}