@charset "UTF-8";


@media (min-width: 1024px) {

}

@media (min-width: 769px) and (max-width: 1023px){

}

@media ( min-width: 769px ) {
	.l-header {
		display: none;
	}

	h1.main-logo {
		width: 220px;
		text-align: center;
	}

	h1.main-logo a {
		display: block;
		margin-bottom: 12px;
	}

	h1.main-logo span.main-logo_copy {
		font-size: 1rem;
		font-weight: normal;
		display: inline-block;
		line-height: 1.5;
		font-feature-settings: "palt";
	}

	.social_links {
		display: flex;
		gap: 2em;
		align-items: center;
		margin-bottom: 2em;
	}

	.main_nav {
		margin-bottom: 2em;
	}

	.main_nav .main_nav-list {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.main_nav .main_nav-list li a {
		text-decoration: none;
		color: inherit;
		font-size: 20px;
		padding: .5em 0;
	}

	.main_nav .main_nav-list li + li {
		margin-top: .5em;
	}


}

@media (max-width: 768px) {

	body:not(.home) .l-contents {
		padding-top: 3em;
	}

	.c-site-branding__title {
		width: 100px;
	}

	button.c-hamburger-btn {
		width: 48px;
		height: 48px;
		border-radius: 50%;
		background: #000;
	}

	.c-hamburger-btn__bar {
		height: 2px;
	}

	.l-header .c-row > .c-row__col {
		padding-right: 0;
	}

	.l-header .c-hamburger-btn__bar {
		background-color: #fff;
	}

	.c-drawer {
		background-color: #fff;
	}
	
	.c-drawer[aria-hidden="false"] {
		filter: drop-shadow(0 0 8px rgba(0, 0, 0, .3));
	}

	.c-drawer a {
		color: #2a2724;
		font-size: 1.125rem;
		font-feature-settings: "palt";
	}

	[data-scrolled=true] .l-header--sticky-overlay-colored-sm {
		background-color: rgba(255, 255, 255, 0.3);
		-webkit-backdrop-filter: blur(3px);
		        backdrop-filter: blur(3px);
	}

	#drawer-nav[aria-hidden="false"] .c-drawer__inner .logo_nav {
		width: 110px;
		margin-top: 22px;
		animation: fadein .6s ease-out .2s forwards;
		opacity: 0;
	}

	#drawer-nav[aria-hidden="true"] .c-drawer__inner .logo_nav {
		opacity: 0;
	}

	@keyframes fadein {
		0% {
				opacity: 0;
				transform: translateY(.5em);
		}
		100% {
				opacity: 1;
				transform: translateY(0);
		}
	}

	.logo_nav + ul#menu-sp_nav {
		padding-top: 2em;
	}

}




@media (any-hover: hover) {


	
}