@charset "UTF-8";
/* CSS Document */

/* -----------------------
背景動画　start
----------------------- */

	/* start_既存部分調整 */

	#Header,
	#Gnav,
	#BreadCrumb,
	.end,
	#PageName,
	.Footer_note {
		background-color: #fff;
	}

	.end {
		margin: 0;
		padding: 1% 0;
	}

	#PageName {
		width: 100%;
		margin: 0;
		padding: 10px calc((100% - 1024px) / 2);
	}

	.containner {
		/* background-color: rgba(7, 43, 70, .7); */
		/* background-color: rgba(11, 34, 62 , .7); */
		background-color: rgba(23, 25, 36 , .7);
	}

	body .contents {
		background-color: transparent;
	}

	#ill_spot {
		position: relative;
	}

	.Footer_note {
		width: 100%;
		margin: 0;
		padding: 5px calc((100% - 1024px) / 2);
	}

	/* end_既存部分調整 */

	/* start_背景動画 */

	.blur_mask {
		display: grid;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 120%;
		mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 100%);
		backdrop-filter: blur(30px);
	}

	#testVideo {
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -2;
	}

	#testVideo video {
		object-fit: cover;
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
	}

	/* end_背景動画 */

	/* -----------------------
背景動画　end
----------------------- */