@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 12px 24px rgba(150, 15, 95, 0.34),
		0 30px 55px rgba(190, 25, 120, 0.24),
		0 60px 90px rgba(230, 70, 160, 0.14);
}

.video::after {
		content: "";
		width: 100%;
		height: 100%;
		background:
				linear-gradient(
						to bottom,
						rgba(255, 255, 255, 0.04) 0%,
						rgba(255, 255, 255, 0.02) 45%,
						rgba(255, 120, 190, 0.025) 100%
				);
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		pointer-events: none;
}

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

		background:
				linear-gradient(
						to bottom,
						rgba(190, 20, 120, 0.38) 0%,
						rgba(210, 35, 135, 0.24) 38%,
						rgba(230, 70, 160, 0.10) 68%,
						rgba(230, 70, 160, 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;
		}
}