/*
 * 汎用スライダー
 */
.slider_section {
	padding: 0 !important;
}
.slider_wrapper {
	position: relative;
}

.slider_wrapper .item-slider {
	width: 480px;	/* img幅+padding */
/*	height: 400px; */
	margin-right: auto;
	margin-left: auto;
}
.slider_wrapper .item-slider:not(.slick-slider) {
}
.slider_wrapper .item-slider.slick-slider,
.slider_wrapper .item-slider > .slick-list {
	overflow: visible;
}
.slider_wrapper .item-slider .slick-track {
}
.slider_wrapper .item-slider .slick-slide {
}
.slider_wrapper .item-slider .slick-slide > div,
.slider_wrapper .item-slider .slide {
}
.slider_wrapper .item-slider .slide {
	overflow: hidden;
	padding: 0 20px;
}
.slider_wrapper .item-slider .slide .inner {
	position: relative;
	height: 400px;
	background-color: white;
	border-radius: 7px;
	padding: 27px 20px 0;
}
.slider_wrapper .item-slider:not(.slick-slider) .slide {
}
#top_works .photo {
	overflow: hidden;
	width: 400px;
	height: 225px;
	background-color: var(--mtl-text-light-blue);
	border-radius: 7px;
	overflow: hidden;
	margin-bottom: 20px;
}
#top_works .photo a {
	display: block;
}
#top_works .date {
	float: left;
	font-size: 0.75rem;	/* 12px */
	font-weight: 600;
	margin: 5px 10px 0 0;
}
#top_works .term {
	display: inline-block;
	font-size: 0.75rem;
	background-color: white;
	border: solid 1px var(--mtl-dark-blue);
	border-radius: 5px;
	padding: 0 5px 1px;
/*	margin-top: 24px; Aki c/o */
}
#top_works .title {
	clear: both;
	font-weight: 600;
	margin-top: 8px;
}
#top_works .title a {
	display: block;
	padding-right: 40px;
}
.slider_wrapper .item-slider .slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slider_wrapper .item-slider .slide .inner::after {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url(/images/arrow_default.svg)no-repeat center var(--mtl-dark-blue);
	border-radius: 50%;
	position: absolute;
	right: 20px;
	bottom: 20px;
}


.slider_header {
	display: flex;
	gap: 0 24px;
}
.slider_header .slick-arrow {
}
.slider_header .slick-prev {
}
.slider_header .slick-next {
}
.slider_header .slick-arrow.slick-disabled {	/* 2024.8 KAZ */
	opacity: 0.4;
}
.slider_header .slick-arrow img {
	vertical-align: middle;
}
@media (any-hover: hover) {
	.slider_header .slick-arrow:not(.slick-disabled):hover {	/* 2024.8 KAZ: :not(.slick-diabled); 2024.6 KAZ */
	}
	#top_works a:hover .photo img {
		opacity: 1;
	}
	.slider_wrapper .item-slider .slide .inner:hover::after {
		background: url(/images/arrow_blue.svg)no-repeat center var(--mtl-yellow);
	}
}


/* PC専用のスタイル
----------------------------------------------- */
@media print, screen and (min-width: 768px) {
	.slider_section {
		margin-bottom: 20px;
	}
	.slider_wrapper {
	}
	.slider_header {
		margin-top: 40px;
		margin-left: 40px;
	}
	.slider_header .slick-arrow {
	}

}


/* Smartphone専用のスタイル
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.slider_header {
	}
	slider_header .slick-arrow {
	}
	.slider_wrapper .slider_inner_wrapper {
	}
	.slider_wrapper .item-slider {
		width: 294px;
	}
	#top_works .title {	/* Aki:矢印アイコンと被らないようにするため */
		padding-right: 30px;
	}
	.slider_wrapper .item-slider .slide {
		padding: 0 7px;
	}
	.slider_wrapper .item-slider .slide .inner {
		border-radius: 5px;
		padding: 10px;
	}
	#top_works .photo {
		width: 260px;
		height: auto;
		max-height: 260px;
	}
	.slider_wrapper .item-slider .slide .inner::after {
		right: 10px;
		bottom: 10px;
	}
}