@charset "UTF-8";
#sitehead {
	position: absolute;
	display: flex;
	z-index: 100;
	width: 100%;
	color: #fff;
}
#sitehead.fixed {
	position: fixed;
	z-index: 20;
	top: 0px;
	left: 0px;
	width: 100%;
}
.header-blank-wide {
	display: block;
	height: var(--header-height-wide);
}
[data-enableheaderfixlevel="1"] .header-blank-wide {
	height: 0;
}
@media only screen and (max-width:1070px) {
	[data-enableheaderfixlevel="1"] .header-blank-wide {
		height: var(--header-height-wide);
	}
}
/**/
#sitehead a {
	color: inherit;
}
	#sitehead a:hover {
		color: var(--cl-hover);
		transition: all 0.4s;
	}
/**/
#sitehead .lgm-wrap {
}
	#sitehead .lgm {
		position: relative;
		z-index: 100;
		display: inline;
		padding: 0.6em 0;
	}
		#sitehead .lgm > img {
			width: 15%;
			min-width: 16.25em;
			height: auto;
		}
#sitehead .menus {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
}
#sitehead .primary-menu {
	padding-right: 2.75em;
}
	#sitehead .primary-menu > a {
		font-size: 1rem;
		line-height: 1em;
		font-weight: 500;
		display: inline-block;
		padding: 0 1.5em;
		letter-spacing: 0.1em;
		transition: all 0.4s;
	}
		#sitehead .primary-menu > a:first-child {
			margin-left: 0;
			font-size: calc(1rem + 1px);
		}
		#sitehead .primary-menu > a:last-child {
			padding-right: 0;
		}
#sitehead .touchnavi {
}
	#sitehead .touchnavi a {
		font-size: 1rem;
		width: 7.5em;
		height: 7em;
		display: inline-block;
		position: relative;
		z-index: 0;
	}
		.touchnavi span {
	}
@media only screen and (min-width:641px) {
	#sitehead .touchnavi {
		margin-top: 1em;
		margin-left: 3em;
	}
}
@media only screen and (max-width:1279px) {
	#sitehead.wide-bind {
		padding: 0 var(--pad-comp);
	}
		#sitehead .primary-menu {
			padding-right: calc(var(--pad-comp) + 2.75em);
		}
}
@media only screen and (min-width:1070px) {
	#sitehead {
		top: 3.375em;
		left: 50%;
		transform: translate(-50%, 0);
		justify-content: space-between;
	}
	#sitehead .menus {
		top: 50%;
		transform: translate(0, -90%);
		justify-content: flex-end;
	}
	#sitehead .touchnavi {
		display: none;
	}
}
@media only screen and (max-width:1070px) {
	#sitehead .lgm-wrap,
	#sitehead .primary-menu {
		display: none;
	}	
}
@media only screen and (max-width:640px) {
	#sitehead.fixed-smp {
		position: fixed;
		z-index: 20;
		top: 0px;
		left: 0px;
		width: 100%;
	}
	#sitehead .touchnavi {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
		#sitehead .touchnavi a {
			font-size: 0.875em;
			background-size: 2em;
		}
	#sitehead .activation-menu {
		display: none;
	}
	#sitehead .primary-menu {
		display: none;
	}
		#sitehead .primary-menu a {
			display: none;
		}
	#sitemenu .head .close {
		background-size: auto 50%;
		background-position: center;
		width: 18%;
	}
}

/**/
#sitehead span.line:nth-of-type(1) {
	transform: translate(-50%, -650%);
}
#sitehead span.line:nth-of-type(2) {
	transform: translate(-50%, 550%);
}
#sitehead span.line:nth-of-type(3) {
	transform: translate(-50%, -50%);
}
    #sitehead .touchnavi:hover span.line:nth-of-type(1) {
        transform: translate(-50%, -350%);
    }
    #sitehead .touchnavi:hover span.line:nth-of-type(2) {
        transform: translate(-50%, 250%);
    }
    #sitehead .touchnavi:hover span.line:nth-of-type(3) {
        opacity: 0;
    }