@charset "utf-8";

/* ---------------------------------------------------------
 * bokun-list
** --------------------------------------------------------- */

/* -------------------- container -------------------- */
.container {
	max-width: 1200px;
	margin-inline: auto;
	padding-top: 170px;
}

@media (max-width: 959px) {
}
@media (max-width: 519px) {
	.container {
		padding-top: calc(10000vw / 390);
	}
}



.kv {
	aspect-ratio: 1200 / 220;
	overflow: hidden;
	position: relative;
	background-color: #dcdcdc;
}

.kv .image {
	width: 100%;
	height: 100%;
}

.kv .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kv h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
}

.contents {
	padding: 40px 32px;
}

@media (max-width: 959px) {
	.kv {
		aspect-ratio: 960 / 220;
	}

	.contents {
		padding: 28px 20px;
	}
}
@media (max-width: 519px) {
	.kv {
		aspect-ratio: 390 / 140;
	}

	.kv h1 {
		font-size: calc(2400vw / 390);
	}

	.contents {
		padding: 16px 8px;
	}
}