@charset "UTF-8";
:root {
	--head-unit: 2.5em;
	--head-border-radius-unit: 2em;
	--head-padding-top: 3.125em;
	--head-lang-height: var(--head-unit);
	--head-lang-border-radius: 1.2em;
	--head-lang-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	--head-line-width: 3em;
	--head-line-height: 0.25em;
	--head-ham-width: calc(var(--head-line-width) + var(--share-padding) * 2);
	--head-ham-height: calc(var(--head-unit) * 3);
	--head-touchnavi-fix: calc(var(--head-padding-top) - var(--head-lang-height));
}
@media only screen and (max-width:640px) {
	:root {
		--head-padding-top: var(--head-unit);
	}
}

/**/
#sitehead {
	position: relative;
	z-index: 1;
	background-color: #fff;
	margin: 0 auto;
}
#sitehead.fixed {
	position: fixed;
	z-index: 20;
	top: 0px;
	left: 0px;
	width: 100%;
}
#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 (max-width:1050px) {
	[data-enableheaderfixlevel="1"] .header-blank-wide {
		height: var(--header-height-wide);
	}
	#sitehead.fixed-smp {
		position: fixed;
		z-index: 20;
		top: 0px;
		left: 50%;
		transform: translate(-50%, 0);
		width: 100%;
	}
	#sitemenu .head .close {
		background-size: auto 50%;
		background-position: center;
		width: 18%;
	}
}

/**/
#sitehead {
	color: var(--cl-main-blue);
	padding-left: var(--share-padding);
}
#sitehead a {
	color: inherit;
}
@media only screen and (min-width:1850px) {
	#sitehead {
		font-size: 0.91vw;
	}
}
@media only screen and (max-width:640px) {
	#sitehead {
		font-size: 2.5vw;
	}
}

/*logo*/
#sitehead .lgm-wrap {
	text-align: left;
	padding: var(--head-unit) 0;
}
	#sitehead .lgm {
		display: inline-block;
	}
		#sitehead .lgm > img {
			width: auto;
			height: var(--head-unit);
			transition: all 0.4s;
		}
@media only screen and (min-width:641px) {
	#sitehead .lgm > img {
		min-height: var(--head-unit);
	}
}
@media only screen and (max-width:1050px) {
	#sitehead .lgm-wrap {
		padding-top: var(--head-padding-top);
	}
}

/*menu*/
#sitehead .menus {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
}
	#sitehead .menus-wrap {
		padding-top: var(--head-padding-top);
		margin-right: var(--share-padding);
	}
@media only screen and (max-width:1050px) {
	#sitehead .menus-wrap {
		margin-right: var(--head-ham-width);
	}
	#sitehead .primary-menu {
		display: none;
	}
}
#sitehead .primary-menu > a {
	display: inline-block;
	font-size: 1.25em;
	margin: 0 1.15em;
	padding: 0.45em 0;
	vertical-align: top;
	/*transition: all 0.4s;*/
}
#sitehead .primary-menu > a:hover,
#sitehead .primary-menu > a:active {
	position: relative;
}
	#sitehead .primary-menu > a:hover::after,
	#sitehead .primary-menu > a:active::after {
		position: absolute;
		content: "";
		display: inline-block;
		width: 100%;
		height: var(--head-line-height);
		max-height: 5px;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0);
		background-color: var(--cl-main-blue);
		border-radius: var(--head-border-radius-unit);
	}
@media only screen and (max-width:1442px) {
	#sitehead .primary-menu > a {
		margin: 0 0.8vw;
	}
	[lang="vi"] #sitehead .primary-menu > a,
	[lang="en"] #sitehead .primary-menu > a {
		margin: 0 0.4vw;
		margin-top: -1em;
		line-height: 1.3;
		text-align: center;
		max-width: 7em;
		vertical-align: middle;
	}
	[lang="vi"] #sitehead .primary-menu .a-company,
	[lang="vi"] #sitehead .primary-menu .a-contact,
	[lang="en"] #sitehead .primary-menu .a-company,
	[lang="en"] #sitehead .primary-menu .a-contact {
		max-width: 5em;
	}
}
@media only screen and (max-width:1660px) {
	[lang="vi"] #sitehead .primary-menu > a,
	[lang="en"] #sitehead .primary-menu > a {
		font-size: 1.12em;
	}
	#sitehead.for-top .primary-menu > a {
		font-size:  1.25em;
	}
}


/**/
#sitehead .touchnavi {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
}
@media only screen and (min-width:1051px) {
	#sitehead .touchnavi {
		display: none;
	}
}
#sitehead .menu {
	display: inline-block;
	position: relative;
	width: var(--head-ham-width);
	height: var(--head-ham-height);
}
	#sitehead .ham {
		width: var(--head-line-width);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
		#sitehead .c-line {
			display: inline-block;
			width: 100%;
			height: var(--head-line-height);
			max-height: 4px;
			background-color: var(--cl-main-blue);
			border-radius: var(--head-border-radius-unit);
			margin: 0.28em 0;
		}
@media only screen and (min-width:641px) {
	#sitehead .ham {
		top: calc(50% + var(--head-touchnavi-fix));
	}
}

/*Translate------------------------*/
#sitehead .lang-box {
	margin-left: 1.5625em;
}
	#sitehead .langSel {
		box-shadow: var(--head-lang-shadow);
		height: var(--head-lang-height);
		background-color: var(--cl-main-blue);
		border-radius: var(--head-lang-border-radius);
	}
#sitehead #langSelector {
	display: flex;
	align-items: center;
	padding: 0 1em;
}
	#sitehead #langSelector .lang-icon {
		background-image: url(/share/im_as/ui/flag_ja.svg);
		width: 1.5em;
		height: 1.25em;
		background-size: contain;
		background-position: center;
	}
	[lang="vi"] #sitehead #langSelector .lang-icon {
		background-image: url(/share/im_as/ui/flag_vi.svg);
	}
	[lang="en"] #sitehead #langSelector .lang-icon {
		background-image: url(/share/im/mrk_network-wh.svg);
	}
#sitehead .goog-te-gadget {	
}
	#sitehead .goog-te-gadget-simple {
		border-right: none;
		border-bottom: none;
		border-left: none;
		border-top: none;
		background-color: initial;
		padding-top: 0;
		padding-bottom: 0;
	}
	#sitehead .goog-te-gadget-simple > img,
	#sitehead .goog-te-gadget-simple span > a > img {
		display: none;
	}
	#sitehead .goog-te-gadget-simple > span {
	}
		#sitehead .goog-te-gadget-simple a.VIpgJd-ZVi9od-xl07Ob-lTBxed {
			font-weight: 500;
			color: #fff;
			margin-left: 0.5em;
			margin-right: 0;
		}
			#sitehead .goog-te-gadget-simple a.VIpgJd-ZVi9od-xl07Ob-lTBxed span {
				display: inline-block;
				font-family: var(--font-g1);
				border: none !important;
				width: auto;
				height: 100%;
				text-align: center;	
			}
			#sitehead .goog-te-gadget-simple a.VIpgJd-ZVi9od-xl07Ob-lTBxed span:not(:first-of-type) {
				display: none;
			}
			#sitehead .goog-te-gadget-simple a.VIpgJd-ZVi9od-xl07Ob-lTBxed > span img{
				display: inline-block;
				margin: 0;
				width: 100%;
			}
@media only screen and (min-width:1850px) {
	#sitehead .goog-te-gadget-simple a.VIpgJd-ZVi9od-xl07Ob-lTBxed span {
		font-size: 0.8vw;
	}
}

/*Only Top*/
#sitehead #langSelectorTop {
	display: none;
	width: calc(var(--head-lang-height) / 2 * 3);
}
	#sitehead #langSelectorTop a.flag {
		display: none;
		position: relative;
		width: 100%;
		height: 100%;
		vertical-align: middle;
	}
	#sitehead #langSelectorTop a.flag[data-selected="true"] {
		display: inline-block;
	}
		#sitehead #langSelectorTop a.flag img {
			position: absolute;
			display: inline-block;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 50%;
		}
		#sitehead #langSelectorTop a.flag[data-lang="en"] img {
			width: 40%;
		}
	#sitehead #langSelectorTop.dropdown {
		height: calc(var(--head-lang-height) * 3)
	}
		#sitehead #langSelectorTop.dropdown a.flag {
			display: inline-block;
			padding: calc(var(--head-lang-height) / 6);
			height: var(--head-lang-height);
			border-radius: var(--head-lang-border-radius);
		}
		#sitehead #langSelectorTop.dropdown a.flag:hover {
			background-color: var(--cl-grey-dark);
		}
			#sitehead #langSelectorTop.dropdown a.flag img {
				display: inline-block;
			}

/*
@media only screen and (min-width:1401px) {
	[lang="vi"] #sitehead .touchnavi,
	[lang="vi"] #sitehead .touchnavi {
		display: none;
	}
}
@media only screen and (max-width:1400px) {
	[lang="vi"] #sitehead .primary-menu,
	[lang="en"] #sitehead .primary-menu {
		display: none;
	}
}*/

@media only screen and (max-width:1201px) {
	#sitehead .primary-menu > a {
        font-size: 1.65vw;
    }
}