@charset "utf-8";

h3 {
	font-size: 24px; /* フォントサイズを24pxに設定 */
	text-align: center; /* テキストを中央揃えに設定 */
	margin-top: 30px; /* 上の余白を20pxに設定 */
	position: relative
}

h3:after { 
	content: ""; /* 空のコンテンツを追加 */ 
	display: block; /* ブロック要素として表示 */ 
	width: 60%; /* 横棒の長さを設定 */ 
	height: 2px; /* 横棒の高さを設定 */ 
	background-color: #000; /* 横棒の色を黒に設定 */ 
	position: absolute; /* 絶対位置に設定 */ 
	bottom: -10px; /* `h3`要素の下からの距離を調整 */ 
	left: 20%; /* 左からの位置を設定し、中央揃えに */ 
}

.main_contents nav {
    display: flex;
    justify-content: center;
}

.main_contents ul{
    font-size: 4em; /* 文字のサイズを調整 */
    list-style: none;
    padding: 0;
    text-align: center; /* テキストを中央揃え */
	position: relative
}

.main_contents ul li {
    margin: 20px 0; /* 各年の間にスペースを追加 */
    position: relative;
}

.main_contents ul:after{
	content: ""; /* 空のコンテンツを追加 */ 
	display: block; /* ブロック要素として表示 */ 
	width: 60%; /* 横棒の長さを設定 */ 
	height: 2px; /* 横棒の高さを設定 */ 
	background-color: #000; /* 横棒の色を黒に設定 */ 
	position: absolute; /* 絶対位置に設定 */ 
	bottom: -10px; /* `h3`要素の下からの距離を調整 */ 
	left: 20%; /* 左からの位置を設定し、中央揃えに */ 
}

.image {
	width: 60%; /* 画像の幅をリスト項目全体に設定 */
	height: 300px; /* 画像の高さを300pxに設定 */
	object-fit: cover; /* 画像の高さを自動調整 */
	display: inline-block; /* 画像をブロック要素に設定 */
}

.text-overlay {
	position: absolute; /* 絶対位置に設定 */
	bottom: 7%; /* 下から10pxの位置に設定 */
	left: 21%; /* 左から10pxの位置に設定 */
	color: white; /* テキストの色を白に設定 */
	font-size: 70px; /* フォントサイズを設定 */
	padding: 5px; /* テキスト周囲にパディングを追加 */
	text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); /* テキストに影を追加 */
	
}

.bg-image2024 {
	list-style: none; /* リストスタイルを削除 */
	padding: 0; /* パディングを削除 */
	margin: 0; /* マージンを削除 */
	text-align: center; /* コンテンツを中央揃えに */
}

.bg-image2023 {
	list-style: none; /* リストスタイルを削除 */
	padding: 0; /* パディングを削除 */
	margin: 0; /* マージンを削除 */
	text-align: center; /* コンテンツを中央揃えに */
}

.bg-image2022 {
	list-style: none; /* リストスタイルを削除 */
	padding: 0; /* パディングを削除 */
	margin: 0; /* マージンを削除 */
	text-align: center; /* コンテンツを中央揃えに */
}

.bg-image2021 {
	list-style: none; /* リストスタイルを削除 */
	padding: 0; /* パディングを削除 */
	margin: 0; /* マージンを削除 */
	text-align: center; /* コンテンツを中央揃えに */
}

.bg-image2020 {
	list-style: none; /* リストスタイルを削除 */
	padding: 0; /* パディングを削除 */
	margin: 0; /* マージンを削除 */
	text-align: center; /* コンテンツを中央揃えに */
}
  
.bg-image2019 {
	list-style: none; /* リストスタイルを削除 */
	padding: 0; /* パディングを削除 */
	margin: 0; /* マージンを削除 */
	text-align: center; /* コンテンツを中央揃えに */
}
  
.bg-image2018 {
	list-style: none; /* リストスタイルを削除 */
	padding: 0; /* パディングを削除 */
	margin: 0; /* マージンを削除 */
	text-align: center; /* コンテンツを中央揃えに */
}