body {
	/*font-family: Arial, sans-serif;*/
	font-family: 'Noto Sans', 'Noto Serif', sans-serif;
	font-weight: 200; /* とても太い文字 */
	background-color: #f2f2f2;
	margin: 0;
	padding: 0;
}
/*body {
	background-image: url('IMG_5228.JPG'); /* ← 画像のパスを指定 */
/*background-size: cover; /* 画面にフィットするように拡大縮小 */
/*background-position: center; /* 中央に配置 */
/*background-repeat: no-repeat; /* 繰り返しなし */
/*}*/


body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: sans-serif;
}

.video-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
}

	.video-background video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

body, section {
	position: relative;
	z-index: 1;
	color: white;
	font-size: 11px;
	font-family: 'Noto Sans', 'Noto Serif', sans-serif;
	text-align: center;
	padding: 0;
	/*padding: 0;*/
	border-radius: 8px;
	/*background-color: white;*/
	min-height: 200px; /* 任意の高さに設定 */
	margin-bottom: 2px; /* 下に余白を追加 */
}

	body, section p {
		position: relative;
		z-index: 1;
		color: white;
		font-size: 10px;
	}

body, a {
	text-decoration: none;
	color: inherit;
}





header {
	display: flex;
	justify-content: space-between; /* 左右に分ける */
	align-items: center; /* 垂直中央揃え（必要に応じて） */
	text-align: center; /*垂直方向の中央揃え */
	margin-bottom: 85px; /* ヘッダーとの距離を確保 */
	/*gap: 70px; /* 要素間に余白を追加 */
	/*justify-content: center; /* 横並びの中央配置（必要に応じて） */

	font-family: 'Noto Sans', 'Noto Serif', sans-serif;
	/*font-weight: 50; /* とても太い文字 */
	/*background-color: #f2f2f2;*/
	color: white;
	text-align: center;
	padding: 90px;
	/*padding: 0;*/
	font-size: 7px;
	letter-spacing: 3px; /* 文字のすき間を少し広めに */
	word-spacing: 4px; /* 単語間を少しゆったり */
	line-height: 1; /* 行間をちょっと読みやすく */
}

	header h1 {
		position: relative;
		left: 10px;
		margin: 0;
	}

#datetime {
	font-size: 12px;
	/*position: absolute;
	right: 10px;
	margin: 0;
	/*display: block;
	width: 300px; /* もしくは具体的な幅：100pxなど */
	/*margin: 0 auto;
	
	*/
}
/*section {
	/*background-color: white;*/
/*margin: 20px;
padding: 20px;
border-radius: 8px;*/
footer {
	text-align: center;
	font-size: 12px;
	color: #666;
	padding: 0;
}