.site-header {
	width: 100%;
	height: 4.25em;
	background: var(--commonColorE);
	padding: 0 1.125em;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 3.75em;
}

.brand {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: .625em;
}

.brand__logo {
	max-width: 1.75em;
	width: 100%;
	border-radius: .25em;
	box-sizing: border-box;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.brand__logo img {
	width: 100%;
	height: auto;
}

.brand__title {
	font-size: .875em;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	text-align: left;
	color: var(--commonColorA);
}

.menu {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 2.1875em;
}

.menu-list {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 2.1875em;
}

.menu-list li {
	list-style: none;
}

.menu-list li a {
	font-size: .875em;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	text-align: left;
	text-decoration: none;
	color: var(--commonColorA);
	transition: all .4s ease-in-out;
}

.menu-list li a:hover {
	color: var(--commonColorF);
}

.menu-list li.show a {
	text-decoration: underline;
	text-underline-offset: 1em;
	text-decoration-thickness: .2em;
	color: var(--commonColorG);
}

@media only screen and (max-width: 767px) {
	.menu { display: none; }
}