
@media screen and (min-width: 1370px) {

	section#sec-works .sec-works-list-slide *:focus {
		outline: 0;
	}


	section#sec-works .sec-works-list-slide .carousel {
		height: 1100px;
		perspective: 1100px;
		transform: translateY(-200px);
	}

	section#sec-works .sec-works-list-slide .carousel .carousel-item {
		cursor: -webkit-grab;
		cursor: grab;
		width: 500px;
	}

	section#sec-works .sec-works-list-slide .carousel .carousel-item:active {
		cursor: -webkit-grabbing;
		cursor: grabbing;
	}

	section#sec-works .sec-works-list-slide .carousel .carousel-item img {
		width: 100%;
		border-radius: 40px;
	}

}

@media screen and (min-width: 1280px) and (max-width: 1369px) {

	section#sec-works .sec-works-list-slide *:focus {
		outline: 0;
	}


	section#sec-works .sec-works-list-slide .carousel {
		height: 1000px;
		perspective: 1000px;
		transform: translateY(-140px);
	}

	section#sec-works .sec-works-list-slide .carousel .carousel-item {
		cursor: -webkit-grab;
		cursor: grab;
		width: 440px;
	}

	section#sec-works .sec-works-list-slide .carousel .carousel-item:active {
		cursor: -webkit-grabbing;
		cursor: grabbing;
	}

	section#sec-works .sec-works-list-slide .carousel .carousel-item img {
		width: 100%;
		border-radius: 40px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1279px) {

	section#sec-works .sec-works-list-slide *:focus {
		outline: 0;
	}


	section#sec-works .sec-works-list-slide .carousel {
		height: 900px;
		perspective: 900px;
		transform: translateY(-180px);
	}

	section#sec-works .sec-works-list-slide .carousel .carousel-item {
		cursor: -webkit-grab;
		cursor: grab;
		width: 440px;
	}

	section#sec-works .sec-works-list-slide .carousel .carousel-item:active {
		cursor: -webkit-grabbing;
		cursor: grabbing;
	}

	section#sec-works .sec-works-list-slide .carousel .carousel-item img {
		width: 100%;
		border-radius: 4vw;
	}

}

@media screen and (max-width: 767px) {

	section#sec-works .sec-works-list-slide *:focus {
		outline: 0;
	}


	section#sec-works .sec-works-list-slide .carousel {
		height: 140vw;
		perspective: 140vw;
		transform: translateY(-20vw);
	}

	section#sec-works .sec-works-list-slide .carousel .carousel-item {
		cursor: -webkit-grab;
		cursor: grab;
		width: 66vw;
	}

	section#sec-works .sec-works-list-slide .carousel .carousel-item:active {
		cursor: -webkit-grabbing;
		cursor: grabbing;
	}

	section#sec-works .sec-works-list-slide .carousel .carousel-item img {
		width: 100%;
		border-radius: 4vw;
	}

}