@charset "UTF-8";

/* 背景画像を固定する */
#fix-bg-block .inner {
	margin: 0 calc(50% - 50vw);
}

#fix-bg-block .item {
	padding: 240px 0;
	position: relative;
	clip-path: inset(0);
}

#fix-bg-block .item::after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100vh;
	height: 100lvh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#fix-bg-block .item:nth-of-type(1):after {
	background-image: url("../img/parts_parallax/parallax01.webp");
}
#fix-bg-block .item:nth-of-type(2):after {
	background-image: url("../img/parts_parallax/parallax02.webp");
}
#fix-bg-block .item:nth-of-type(3):after {
	background-image: url("../img/parts_parallax/parallax03.webp");
}

#fix-bg-block .item .text {
	width: 90%;
	max-width: 480px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	background-color: rgb(from var(--color_black) r g b / 0.8);
	padding: 80px;
	color: var(--color_white);
}

/* スマートフォン用 */
@media screen and (max-width: 768px) {


}