.carousel {
	background: url(images/back-nnmu.jpg) no-repeat;
    background-size: cover;
    width: 100%;
	position: relative;
}

.carousel-list-item {
    display: flex;
    flex-direction: row;
    column-gap: calc(358px*20/760);
    padding: calc(358px*20/760);
    width: 100%;
    flex-wrap: nowrap;
    overflow: scroll hidden;
    scroll-behavior: smooth;
}

.carousel-list-item::-webkit-scrollbar {
	display: none;
}

.carousel-item {
    width: calc(358px*680/760/3);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    padding-bottom: calc(358px*5/760);
    flex-shrink: 0;
}

.carousel-title {
    font-size: calc(358px*10/760);
    padding: calc(358px*5/760);
}

.carousel-link {
    font-size: calc(358px*10/760);
    margin-left: auto;
    margin-right: auto;
    padding: calc(358px*5/760) calc(358px*8/760);
    border: 1px solid #cecdcd;
}

.carousel-link a {
    color: #cf2a0e;
    text-decoration: none;
}

.carousel-button {
	position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    top: 40%;
	padding: 0 calc(100vw*5/1920);
}

.carousel-next, .carousel-prev {
	display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    width: calc(358px*40/760);
    aspect-ratio: 1;
    padding: calc(358px*10/760);
    background-color: #00000090;
    border-radius: 50%;
	cursor: pointer;
}

@media (max-width: 580px) {
	.carousel-list-item {
		column-gap: calc(100vw*20/760);
		padding: calc(100vw*20/760);
	}
	.carousel-item {
		padding-bottom: calc(100vw*5/760);
		width: calc(100vw*680/760/3);
	}
	.carousel-title {
		font-size: calc(100vw*10/760);
		padding: calc(100vw*5/760);
	}
	.carousel-link {
		font-size: calc(100vw*10/760);
		padding: calc(100vw*5/760) calc(100vw*8/760);
	}
	.carousel-next, .carousel-prev {
		width: calc(100vw*40/760);
		padding: calc(100vw*10/760);
	}
}