.lists--slider-3 {
	background-color: var(--bg);
	padding-inline: var(--pd);
	& .container {
		display: flex;
		gap: var(--pd);
		flex-wrap: wrap;
		& .item {
			flex: 0 0 calc(33.3334% - (var(--pd) * 2) / 3);
			row-gap: var(--pd);
			border: var(--px) solid var(--brd);
			background-color: var(--bg2);
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			transition: border .25s linear;
			border-radius: var(--r2);
			box-shadow: var(--shad);
			transition: all .25s ease-in-out;
			@media (max-width: 767px) {
				flex: 0 0 100%;
			}
			& a {
				display: flex;
				flex-direction: column;
				flex-grow: 1;
				text-decoration: none;
				width: 100%;
				& > .img {
					aspect-ratio: 1 / 1;
					& img {
						width: 100%;
						object-fit: cover;
						width: 100%;
						height: 100%;
						transition: opacity .25s linear;
						border-bottom-left-radius: var(--r2);
						border-bottom-right-radius: var(--r2);
					}
				}
				& > .ttl {
					flex-grow: 1;
					padding: 1.5rem;
					display:flex;
					width: 100%;
					align-items: flex-start;
					font-weight: 400;
					font-size: 1rem;
					color: var(--g5);
					transition: color .25s linear;
					border-top-left-radius: var(--r2);
					border-top-right-radius: var(--r2);
				}
			}
			&:hover {
				transform: translateY(-.25rem);
				& a > .img img {opacity: .5;}
				& a > .ttl {
					background-color: var(--main-cc);
				}
			}
		}
	}
}