<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* デスクトップ＆スマホ共通項目 */

#gnav {
	width: 94.6666666667%;
	margin: 0 auto;
	margin-bottom: 1%;
	background-color: #fff;
	}
@media (min-width: 1366px) {
#gnav {
	width: 1366px;
	margin: 0 auto;
	margin-bottom: 1%;
	background-color: #fff;
	}
#gnavpr{
	width: 1180px;
	margin: 10px auto;
	text-align: center;
	}	
}
#gnav ul {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1rem;
	line-height: 175%;
	font-weight: 400;
	border-left:#246055 2px dotted;
	}
#gnav a {
	display: block;
	width: calc(1 / 3 * 100%);
	margin: 0;
	padding: 1rem 0;
	border-right: #246055 2px dotted;
	text-align: center;
	color: #246055;
	text-decoration: none;
	}
#gnav a:hover {
	background-color: #4E889C;
	color:#fff;
	}

#gnavpr img{
	max-width: 100%;
}
#gnavpr:hover{
	opacity: 0.85;
}

@media (min-width: 768px) and (max-width: 1365px) {
	#gnavpr{
		width: 90%;
		margin: 10px auto;
		text-align: center;
		}	
	}



@media (max-width: 767px) {
	#gnav ul {font-size: 0.8rem;}
	#gnav a {padding: 0.4rem 0;}
	#gnavpr{
		width: 94%;
		margin: 10px auto;
		text-align: center;
		}	
	#gnavpr img{
		max-width: 100%;
	}
}




</pre></body></html>