@charset "utf-8";

.bg_stripe {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 920px;
	min-height: 920px; /* 高さは用途に応じて調整 */
	padding: 40px;

	background-color: #2c571f;
	background-image:
		repeating-linear-gradient(
			to right,
			rgba(207, 182, 102, 0.18) 0px,
			rgba(207, 182, 102, 0.18) 6px,
			rgba(0, 0, 0, 0) 6px,
			rgba(0, 0, 0, 0) 40px,
			rgba(0, 0, 0, 0.25) 40px,
			rgba(0, 0, 0, 0.25) 46px,
			rgba(0, 0, 0, 0) 46px,
			rgba(0, 0, 0, 0) 80px
		);
}
.bg_stripe::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
}

.top_logo {
	max-width: 320px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	transition: opacity 0.3s ease, transform 0.3s ease;
	z-index: 1; /* 背景より前 */
}
/* 中央以外のメニューにホバーしたらロゴを薄く */
.bg_stripe:has(.menu-grid a:not(:nth-child(5)):hover) .top_logo {
	opacity: 0.25;
	transform: scale(0.98);
}

/* 9分割メニュー */
.menu_grid {
	position: absolute;
	inset: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	z-index: 1;
}

.menu_grid a,
.menu_grid .link_none {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-weight: 600;
	text-decoration: none;
	letter-spacing: 0.08em;
	background: rgba(185,185,185,0);
	border: 1px solid rgb(228 209 178 / 15%);
	transition: background 0.3s ease;
	text-align: center;
	line-height:1.4;
	margin: 0px;
}
.menu_grid .link_none {
	font-weight: normal;
	font-size: 16px;
}
.menu_grid .link_none.sptxt {
	display: none;
}

.menu_grid a.link_none {
	pointer-events: none;
}

/* 文字 */
.menu_grid a span {
	position: relative;
	z-index: 1;
	padding: 0.6em 1.2em;
	border-radius: 999px;
	color: #dbdbdb;
	font-weight:600;
	font-size: clamp(14px, 1.2vw, 16px);
	/*text-shadow:
	0 1px 2px rgba(0,0,0,0.6),
	0 0 8px rgba(0,0,0,0.4); */
	transition: background 0.2s ease, transform 0.2s ease;
}
.menu_grid a span span {
	font-size: 12px;
}

.menu_grid a:hover span {
	transform: scale(1.04);
}

/* 上段 */
.menu_grid a:nth-child(1) { background: rgba(146, 146, 146, 0); }
.menu_grid a:nth-child(2) { background: rgba(146, 146, 146, 0); }
.menu_grid a:nth-child(3) { background: rgba(146, 146, 146, 0); }

/* 中段 */
.menu_grid a:nth-child(4) { background: rgba(146, 146, 146, 0); }
.menu_grid a:nth-child(5) { background: rgba(146, 146, 146, 0); }
.menu_grid a:nth-child(6) { background: rgba(146, 146, 146, 0); }

/* 下段 */
.menu_grid a:nth-child(7) { background: rgba(146, 146, 146, 0); }
.menu_grid a:nth-child(8) { background: rgba(146, 146, 146, 0); }
.menu_grid a:nth-child(9) { background: rgba(146, 146, 146, 0); }

/* hover時 */
.menu_grid a:hover {
	background-image: radial-gradient(rgba(0, 0, 0, 0.25), rgba(46, 46, 46, 0.15));
}

.menu_grid {
	--menu-opacity: 1;
	opacity: var(--menu-opacity);
	transition: opacity 0.3s ease;
}
.menu_grid a::before {
	background: rgba(0, 0, 0, 0.88); /* ほぼ不透明 */
	border: 1px solid rgba(255,255,255,0.15);
	box-shadow:
		0 6px 16px rgba(0,0,0,0.6);
}
.menu_grid a::before {
	color: #ffffff;
	font-weight: 700;

	text-shadow:
		0 1px 2px rgba(0,0,0,0.9),
		0 0 6px rgba(0,0,0,0.8);

	/* 縁取り（効く） */
	-webkit-text-stroke: 0.4px rgba(0,0,0,0.8);
}


#cont1col {
	margin: 120px 0 ;	
}

@media (max-width: 1420px) {
	.link_none.text {
		width: 95%;
		margin: 0 auto;
	}


}


@media (max-width: 768px) {
	.bg_stripe {
		height: 90%;
		min-height: 300px;
	}
	.menu_grid {
		opacity: 1 !important;
	}

	.hero_logo {
		opacity: 1 !important;
	}
	.menu_grid a::before {
		display: none;
	}
	.menu_grid {
		position: relative;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 12px;
		padding: 20px;
	}

	.menu_grid a {
		min-height: auto;
		line-height: 1.6;
		border: 1px solid rgb(256 256 256 / 15%);

	}
	.menu_grid a.link_none {
		border: 0px;
		background: none;
	}

	#cont1col {
		margin: 40px 0;
	}
	/* 上段 */
	.menu_grid a:nth-child(1) { background: rgba(146, 146, 146, 0.15); }
	.menu_grid a:nth-child(2) { background: rgba(146, 146, 146, 0.15); }
	.menu_grid a:nth-child(3) { background: rgba(146, 146, 146, 0.15); }

	/* 中段 */
	.menu_grid a:nth-child(4) { background: rgba(146, 146, 146, 0.15); }
	.menu_grid a:nth-child(5) { background: rgba(146, 146, 146, 0.15); }
	.menu_grid a:nth-child(6) { background: rgba(146, 146, 146, 0.15); }

	/* 下段 */
	.menu_grid a:nth-child(7) { background: rgba(146, 146, 146, 0.15); }
	.menu_grid a:nth-child(8) { background: rgba(146, 146, 146, 0.15); }
	.menu_grid a:nth-child(9) { background: rgba(146, 146, 146, 0.15); }
	.menu_grid a:nth-child(10) { background: rgba(146, 146, 146, 0.15); }


	.menu_grid .link_none {
		border: 0px;
		background: none;
	}
	.menu_grid .link_none.sptxt {
		display: flex;
		margin-bottom: 20px;

	}
	.menu_grid .link_none.pctxt {
		display: none;
	}
}







@media all and (min-width: 375px) {
}

@media all and (min-width: 1px) {
	.menu_grid .link_none {
		font-weight: normal;
		font-size: 3.3vw;
	}
	.link_none.text {
		width: 100%;
		margin: 0 auto;
	}
	@media all and (min-width: 330px) {
		.menu_grid .link_none {
			font-weight: normal;
			font-size: 13px;
		}
	}
	@media all and (min-width: 600px) {
	}
	@media all and (min-width: 700px) {
	}
	@media all and (min-width: 800px) {
	}
	@media all and (min-width: 900px) {
	}
	@media all and (min-width: 1000px) {

	}
	@media all and (min-width: 1200px) {

	}
	@media all and (min-width: 1300px) {

	}