@charset "UTF-8";
/*==========================================
動画埋め込み
===========================================*/
/* kv */
.kv {
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		overflow: hidden;
}
.kv .main-copy {
		background: linear-gradient(45deg, #fcc200 0%, #DAAF08 45%, #ffff00 70%, #DAAF08 85%, #fcc200 90% 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size: 75px;
		font-weight: bold;
		text-align: center;
		line-height: 1;
		font-family: "Lora-VariableFont_wght", serif;
		font-optical-sizing: auto;
		font-style: normal;
		letter-spacing: -0.5px;
		position: relative;
		z-index: 2;
}
.kv .sub-copy {
		background: linear-gradient(45deg, #fcc200 0%, #DAAF08 45%, #ffff00 70%, #DAAF08 85%, #fcc200 90% 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size: 30px;
		text-align: center;
		font-family: "HinaMincho-Regular", serif;
		font-optical-sizing: auto;
		font-style: normal;
		position: relative;
		z-index: 2;
}
.sub-copy img {
		width: 100%;
		max-width: 229px;
}
.video {
		width: 100%;
		height: 100vh;
		background: url("../img/kv-alternative-sp.webp") no-repeat center / cover;
		position: absolute;
		top: 0;
		left: 0;
		overflow: visible;
		z-index: 0;

		box-shadow:
				0 8px 18px rgba(0, 0, 0, 0.70),
				0 24px 46px rgba(0, 0, 0, 0.56),
				0 42px 78px rgba(56, 7, 48, 0.30);
}

.video::after {
		content: "";
		width: 100%;
		height: 100%;
		background:
				linear-gradient(
						to bottom,
						rgba(255,255,255,0.01) 0%,
						rgba(10,4,12,0.02) 55%,
						rgba(0,0,0,0.22) 100%
				);

		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		pointer-events: none;
}

.video::before {
		content: "";
		position: absolute;
		bottom: -26px;
		left: 0;
		width: 100%;
		height: 62px;

		background:
				linear-gradient(
						to bottom,
						rgba(0,0,0,0.65) 0%,
						rgba(9,2,10,0.42) 42%,
						rgba(35,5,31,0.18) 70%,
						rgba(35,5,31,0) 100%
				);

		filter: blur(7px);
		z-index: 0;
		pointer-events: none;
}
.video video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
}
.mobile-video {
		display: block;
}
.large-screen-video {
		display: none;
}
@media screen and (min-width: 768px) {
		.kv {
				min-width: 768px;
		}
		.kv .main-copy {
				font-size: 80px;
		}
		.kv .sub-copy {
				font-size: 40px;
		}
		.video {
				min-width: 768px;
		}
		.large-screen-video {
				display: block;
		}
		.mobile-video {
				display: none;
		}
}
/* タブレット用：768px〜1199px */
@media screen and (min-width: 768px) and (max-width: 1199px) {
		.video {
				background: url("../img/kv-alternative-tab.webp") no-repeat center / cover;
		}
}
/* パソコン用：1200px以上 */
@media screen and (min-width: 1200px) {
		.video {
				background: url("../img/kv-alternative-pc.webp") no-repeat center / cover;
		}
}