@charset "UTF-8";
 
.sub #mv {
	background: url(/images/works/mv.jpg) no-repeat;
	background-position: left 50% top 40%;
	background-size: 100%;
	box-sizing: content-box;
}

.works_list {
	display: flex;
	justify-content: space-between;
	gap: 3em 1.5em;
	flex-wrap: wrap;
	margin-bottom: 5%;
}

.works_list li {
	width: 30%;
}

.works_list li > * {
	margin-bottom: 1.5em;
}

.works_list img, .works_detail img {
	display: inline-block;
	box-shadow: -8px 9px 29px -5px #ccc;
}

.works_list span.date {
	font-weight: 600;
}

.works_detail .sub_cont_txt h3 {
	font-size: 1.125rem;
}

.works_detail img {
	margin-bottom: 5%;
}

@media (max-width: 1000px) {
	.sub #mv {
		background-position: left 50% top 50.5%;
		background-size: cover;
	}
	.works_list {
		display: block;
	}
	
	.works_list li {
		width: 90%;
		margin: 0 auto 5% auto;
	}
}