@charset "utf-8";


html {
	width: 100%;
	font-size: 62.5%;/*pxだと10px;*/
}

.container {
	width: 500px;
	height: 36rem;
	margin: 0 auto;
}

/* :::::: slideContents :::::: */
.slider-area {
	position: relative;
	text-align: center;
    width: 100%;
}

.slider-item {
    position: absolute;
    inset: 0;
    opacity: 0;
    z-index: 0;
    animation: slideShow 20s linear infinite 0s;
}

.slider-item:nth-child(2) {
    animation-delay: 5s;
}

.slider-item:nth-child(3) {
    animation-delay: 10s;
}

.slider-item:nth-child(4) {
    animation-delay: 15s;
}

.slider-item img {
	max-width: 100%;
	height: auto;
    object-fit: cover;
}

@media screen and (max-width : 1100px ){
}

@media screen and (max-width: 520px) {
	.container {
		max-width: 96%;
		height: 27.5rem;
	}

.slider-item img {
    object-fit: contain;
}
}

@media screen and (max-width: 400px) {
	.container {
		height: 25.5rem;
	}
}

@keyframes slideShow {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        animation-timing-function: ease-out;
    }

    25% {
        opacity: 1;
    }

    40%,
    100% {
        opacity: 0;
    }
}