/*༻✿𝐂𝐒𝐒-header-contents
࿐༶⊰⟡⊱༶⊰⟡⊱༶⊰⟡⊱༶❀༶⊰⟡⊱༶⊰⟡⊱༶⊰⟡⊱༶༄ */
.header-contents {
	position: fixed;
	z-index: 500;
	top: 0;
	width: 100%;
}

.header_interior {
	/* Flex */
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* a */
.header_interior a,
.header_interior a:hover {
	color: #FFF;
}

/* :hover */
@media (any-hover: hover) {
	.header_interior a:hover {
		opacity: 0.5;
	}
}

.header-contents .wrap_1 {
	background: var(--c-primary, #0E224B);
	padding: calc(var(--¼fem) * 3);
}

.header_interior .logo {
	width: 8.2rem;
}

.header_middle {
	width: 100%;
	height: auto;
}

.header_bottom {
	width: 100%;
	height: auto;
}




/* @media (PC) */
@media screen and (min-width: 1152px) {
	.header-contents {
		position: relative;
		float: right;
		width: 22%;
		height: 100vh;
	}

	.header_interior {
		position: fixed;
		right: 0%;
		width: 22%;
		height: 100vh;
		padding: 0.5rem;
	}
}