@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 10px 24px rgba(120, 90, 40, 0.18),
		0 28px 55px rgba(180, 140, 70, 0.14),
		0 55px 90px rgba(220, 185, 120, 0.10);
}

.video::after {
		content: "";
		width: 100%;
		height: 100%;
		background:
				linear-gradient(
						to bottom,
						rgba(255,255,255,0.03) 0%,
						rgba(255,255,255,0.01) 45%,
						rgba(255,240,215,0.03) 100%
				);

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

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

		background:
				linear-gradient(
						to bottom,
						rgba(255,245,220,0.35) 0%,
						rgba(255,245,220,0.12) 60%,
						rgba(255,245,220,0) 100%
				);

		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;
		}
}