@charset "UTF-8";
#sitehead {
	position: fixed;
	z-index: 20;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--cl-white);
	color: var(--cl-pageink);
}
#sitehead[data-renderd="false"] {
	min-height: auto;
}
.header-blank-wide {
	display: block;
	height: var(--header-height-wide);
}
[data-enableheaderfixlevel="1"] .header-blank-wide {
	height: 0;
}
@media only screen and (min-width:951px) {
	#sitehead {
        width: var(--width-left-menu-pc);
        height: 100vh;    
    }
}
@media only screen and (max-width:950px) {
	[data-enableheaderfixlevel="1"] .header-blank-wide {
		height: var(--header-height-wide);
	}
}

/**/
#sitehead .lgm {
	display: inline-block;
}
	#sitehead .lgm > img {
		width: 100%;		
		height: auto;
	}
@media only screen and (min-width:951px) {
	#sitehead .lgm-wrap {
        display: inline-flex;
        width: 100%;
        height: var(--height-logo-pc);    
    }
	#sitehead .lgm {
		width: 100%;
		margin-top: auto;
		margin-bottom: 0;
	}
		#sitehead .lgm > img {
			width: 50px; 
		}
}
@media only screen and (max-width:950px) {
	#sitehead .lgm > img.only-wide {
		display: none;
	}
	#sitehead .lgm > img.only-smp {
		display: block;
		margin-left: var(--u-padding);
		max-width: 15em;
	}
}
@media only screen and (max-width:640px) {
	#sitehead .lgm > img.only-smp {
		width: 39vw;
	}
}

/**/
#sitehead .touchnavi a.menu[data-enablelabel="true"]::after {
	content: "MENU";
}
#sitehead .primary-menu a {
    background-size: 1.8em 1.8em;
    background-repeat: no-repeat;
    background-position: top 1.2em center;
    padding: 3.2em 0 1.2em;
}
	#sitehead .primary-menu span {
		font-size: 0.73em;
		font-weight: 600;
		line-height: 1em;
		letter-spacing: 0.05em;
		color: var(--cl-white);
	}
#sitehead .ic-about {
	background-color: var(--cl-grey);
}
	#sitehead .ic-about span {
		color: var(--cl-page-ink);
	}
#sitehead .ic-business {
	background-color: var(--cl-main);
}
#sitehead .ic-contact {
	background-color: var(--cl-pageink);	
}
@media only screen and (min-width:951px) {
	#sitehead .menus {
		height: calc(100% - var(--height-logo-pc));
		align-items: flex-end;
		box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.02);
	}
		#sitehead .menus > * {
			width: 100%;
		}
	#sitehead .primary-menu > a {
		display: inline-block;
		width: 100%;
		font-weight: 500;
	}
}
@media only screen and (max-width:950px) {
	#sitehead.fixed-smp {
		width: 100%;
		justify-content: space-between;
		align-items: center;
		height: var(--height-header-smp);
	}
	#sitehead .menus {
		justify-content: flex-end;
		height: 100%;
	}	
	#sitehead .activation-menu {
		display: none;
	}
	#sitehead .touchnavi {
		order: 2;
	}
	#sitehead .primary-menu {
		order: 1;
		display: flex;
		align-items: center;
	}	
	#sitehead .primary-menu > a:not(.ic-contact) {
		display: none;
	}
	#sitehead .primary-menu a {
		background-size: 2.2em 2.2em;
		background-repeat: no-repeat;
		background-position: top 1.4em center;
		padding: 4em 0 1.2em;
	}
	#sitehead .primary-menu span {
		font-size: 0.73em;
	}	
}