@charset "utf-8";

/*  HEADER
--------------------------------------------------------------------------------------------- */
#header {
	box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
	/* z-index: 99; */
	z-index: 999999999999;
	width: 100%;
	position: fixed;
	/*メニューの固定を外す場合はここをコメントアウト*/
	top: 0;
	left: 0;
	background: #fff;
}

#gNav a:hover {
	color: #999;
}

nav li a {
	font-size: 14px;
	letter-spacing: 0.2em;
	/*font-family: 'Noto Sans JP', sans-serif;*/
}

.mean-container .mean-nav ul ul {
	background: #fff;
	/*  background-image: linear-gradient(to top, #efefef 0%, #dadada 100%);*/
}

#h_top {
	max-width: 1300px;
	padding: 0 1.7em;
	margin: 0 auto;
}

@media only screen and (max-width : 834px) {
	#header {
		padding: 10px 0;
		height: 60px;
	}

	.h_top h1 {
		width: 200px;
		position: absolute;
		top: 18px;
		left: 10px;
		z-index: 100;
	}

	#gNav .nav {
		overflow-y: auto;
		height: 100vh;
	}

	.mean-nav .container {
		padding: 0;
	}

	nav li .fa {
		display: none;
	}
}

@media print,
screen and (min-width : 835px) {
	#header {
		height: 80px;
	}

	.btn-sp {
		display: none;
	}

	#h_top {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	#gNav>ul {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	#gNav>ul>li {
		position: relative;
		margin-right: 0em;
		padding: 0 0.5em;
	}

	#gNav>ul>li:last-child {
		margin-right: 0;
	}

	#gNav>ul>li i {
		font-size: 16px;
		margin-left: 5px;
	}

	#gNav>ul>li>a {
		position: relative;
		display: block;
		text-align: center;
		line-height: 80px;
	}

	#catalog #gNav>ul>li>a.current_catalog,
	#company #gNav>ul>li>a.current_company,
	#product #gNav>ul>li>a.current_product,
	#network #gNav>ul>li>a.current_guide,
	#recruit #gNav>ul>li>a.current_recruit,
	#csr #gNav>ul>li>a.current_csr,
	#contact #gNav>ul>li>a.current_contact {
		color: #00aba8;
	}
	#gNav>ul>li:hover a.current_contact span,
	#contact #gNav>ul>li>a.current_contact span{
		padding-left: 1.5em;
    background: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill="%2300aba8" fill-rule="evenodd" d="M18.3333333,2.5 C19.2538079,2.5 20,3.24619208 20,4.16666667 L20,15.8333333 C20,16.7538079 19.2538079,17.5 18.3333333,17.5 L1.66666667,17.5 C0.746192084,17.5 2.33317167e-15,16.7538079 1.77635684e-15,15.8333333 L1.77635684e-15,4.16666667 C1.66363121e-15,3.24619208 0.746192084,2.5 1.66666667,2.5 L18.3333333,2.5 Z M7.16778842,11.3283763 L2.25878629,16.1802269 L17.5826888,16.1802269 L12.7258856,11.3778956 L10,13.2651744 L7.16778842,11.3283763 Z M18.641191,7.29207207 L13.8450345,10.6082871 L18.641191,15.3441081 L18.641191,7.29207207 Z M1.36233243,7.35321045 L1.36233243,15.1889532 L6.04751587,10.5577581 L1.36233243,7.35321045 Z M18.3176115,3.82130698 L1.69800793,3.82130698 C1.59345552,3.82130698 1.50986643,3.84987713 1.44724066,3.90701743 C1.38461489,3.96415772 1.35642774,4.03810002 1.36267922,4.12884432 L1.36267922,5.7485199 L10,11.6557985 L18.6440397,5.69051298 L18.6440397,4.19917622 C18.6454952,4.06518753 18.6147031,3.96780126 18.5516635,3.90701743 C18.4886239,3.84623359 18.4106065,3.81766344 18.3176115,3.82130698 Z"/></svg>') no-repeat right;
    background-size: 1.35em;
    background-position: center left;
	} 

	#gNav>ul>li:hover {
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	#gNav>ul>li:hover a,
	#gNav .current-menu-item a,
	#gNav .current-menu-parent a {
		color: #00aba8;
	}

	/*
  #gNav li:hover div {
  	visibility: visible;
	}
*/
	.slider a {
		position: relative;
		display: inline-block;
		text-decoration: none;
		vertical-align: bottom;
	}

	#gNav>ul>li::after {
		position: absolute;
		bottom: -1px;
		left: 0;
		content: '';
		width: 100%;
		height: 4px;
		background: #00aba8;
		transform: scale(0, 1);
		transform-origin: center top;
		transition: transform .4s;
	}

	#gNav>ul>li:hover::after,
	#gNav>ul>li.active::after {
		transform: scale(1, 1);
	}
}

nav li a.contact span {
	padding-left: 1.5em;
	background: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" fill-rule="evenodd" d="M18.3333333,2.5 C19.2538079,2.5 20,3.24619208 20,4.16666667 L20,15.8333333 C20,16.7538079 19.2538079,17.5 18.3333333,17.5 L1.66666667,17.5 C0.746192084,17.5 2.33317167e-15,16.7538079 1.77635684e-15,15.8333333 L1.77635684e-15,4.16666667 C1.66363121e-15,3.24619208 0.746192084,2.5 1.66666667,2.5 L18.3333333,2.5 Z M7.16778842,11.3283763 L2.25878629,16.1802269 L17.5826888,16.1802269 L12.7258856,11.3778956 L10,13.2651744 L7.16778842,11.3283763 Z M18.641191,7.29207207 L13.8450345,10.6082871 L18.641191,15.3441081 L18.641191,7.29207207 Z M1.36233243,7.35321045 L1.36233243,15.1889532 L6.04751587,10.5577581 L1.36233243,7.35321045 Z M18.3176115,3.82130698 L1.69800793,3.82130698 C1.59345552,3.82130698 1.50986643,3.84987713 1.44724066,3.90701743 C1.38461489,3.96415772 1.35642774,4.03810002 1.36267922,4.12884432 L1.36267922,5.7485199 L10,11.6557985 L18.6440397,5.69051298 L18.6440397,4.19917622 C18.6454952,4.06518753 18.6147031,3.96780126 18.5516635,3.90701743 C18.4886239,3.84623359 18.4106065,3.81766344 18.3176115,3.82130698 Z"/></svg>')no-repeat right;
	background-size: 1.35em;
	background-position: center left;
	line-height: 80px;
}

nav li a.contact:hover span {
	padding-left: 1.5em;
	background: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill="%2300aba8" fill-rule="evenodd" d="M18.3333333,2.5 C19.2538079,2.5 20,3.24619208 20,4.16666667 L20,15.8333333 C20,16.7538079 19.2538079,17.5 18.3333333,17.5 L1.66666667,17.5 C0.746192084,17.5 2.33317167e-15,16.7538079 1.77635684e-15,15.8333333 L1.77635684e-15,4.16666667 C1.66363121e-15,3.24619208 0.746192084,2.5 1.66666667,2.5 L18.3333333,2.5 Z M7.16778842,11.3283763 L2.25878629,16.1802269 L17.5826888,16.1802269 L12.7258856,11.3778956 L10,13.2651744 L7.16778842,11.3283763 Z M18.641191,7.29207207 L13.8450345,10.6082871 L18.641191,15.3441081 L18.641191,7.29207207 Z M1.36233243,7.35321045 L1.36233243,15.1889532 L6.04751587,10.5577581 L1.36233243,7.35321045 Z M18.3176115,3.82130698 L1.69800793,3.82130698 C1.59345552,3.82130698 1.50986643,3.84987713 1.44724066,3.90701743 C1.38461489,3.96415772 1.35642774,4.03810002 1.36267922,4.12884432 L1.36267922,5.7485199 L10,11.6557985 L18.6440397,5.69051298 L18.6440397,4.19917622 C18.6454952,4.06518753 18.6147031,3.96780126 18.5516635,3.90701743 C18.4886239,3.84623359 18.4106065,3.81766344 18.3176115,3.82130698 Z"/></svg>')no-repeat right;
	background-size: 1.35em;
	background-position: center left;
}

nav>.nav>li>a.outside span {
	padding-right: 1.2em;
	background: url('data:image/svg+xml;charset=UTF-8,<svg fill="%23000000" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M486.4 332.8V384H332.8v307.2H640V537.6h51.2v204.8H281.6V332.8h204.8zm76.8-51.2h179.2v179.2h-51.2v-128h-128z"/><path d="M440.32 542.72l256-256 40.96 40.96-256 256z"/></svg>')no-repeat right;
	background-size: 1.35em;
	background-position: center right;
	/* line-height: 80px; */
}
nav>.nav>li>a.outside:hover span {
	padding-right: 1.2em;
	background: url('data:image/svg+xml;charset=UTF-8,<svg fill="%2300aba8" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M486.4 332.8V384H332.8v307.2H640V537.6h51.2v204.8H281.6V332.8h204.8zm76.8-51.2h179.2v179.2h-51.2v-128h-128z"/><path d="M440.32 542.72l256-256 40.96 40.96-256 256z"/></svg>')no-repeat right;
	background-size: 1.35em;
	background-position: center right;
	/* line-height: 80px; */
}

.sub-menu li.outsideIcon .sub-menu-b {
	padding-right: 1em;
	background: url('data:image/svg+xml;charset=UTF-8,<svg fill="%23000000" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M486.4 332.8V384H332.8v307.2H640V537.6h51.2v204.8H281.6V332.8h204.8zm76.8-51.2h179.2v179.2h-51.2v-128h-128z"/><path d="M440.32 542.72l256-256 40.96 40.96-256 256z"/></svg>')no-repeat right;
	background-size: 1.5em;
}

.sub-menu li.outsideIcon:hover .sub-menu-b {
	background: url('data:image/svg+xml;charset=UTF-8,<svg fill="%2300aba8" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M486.4 332.8V384H332.8v307.2H640V537.6h51.2v204.8H281.6V332.8h204.8zm76.8-51.2h179.2v179.2h-51.2v-128h-128z"/><path d="M440.32 542.72l256-256 40.96 40.96-256 256z"/></svg>')no-repeat right;
	background-size: 1.5em;

}
.sub-menu li.outsideIcon a {
	padding-right: 1em;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg fill="%23000000" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M486.4 332.8V384H332.8v307.2H640V537.6h51.2v204.8H281.6V332.8h204.8zm76.8-51.2h179.2v179.2h-51.2v-128h-128z"/><path d="M440.32 542.72l256-256 40.96 40.96-256 256z"/></svg>');
	background-repeat: no-repeat;
background-position: right;
	background-size: 1.5em;
}

.sub-menu li.outsideIcon:hover a {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg fill="%2300aba8" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M486.4 332.8V384H332.8v307.2H640V537.6h51.2v204.8H281.6V332.8h204.8zm76.8-51.2h179.2v179.2h-51.2v-128h-128z"/><path d="M440.32 542.72l256-256 40.96 40.96-256 256z"/></svg>');
background-repeat: no-repeat;
background-position: right;
	background-size: 1.5em;

}

/*
  
  #gNav li ul li:after {
    content: none;
  }
*/
/*サブメニュー	\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*
.sub-menu > li::after {
				position: absolute;
				bottom: -1px;
				left: 0;
				content: '';
				width: 100%;
				height: 4px;
				background: #00aba8;
				transform: scale(0, 1);
				transform-origin: center top;
				transition: transform .4s;
		}
.sub-menu > li:hover::after {
				transform: scale(1, 1);
		}
*/
div.mask {
	position: fixed;
	z-index: 2;
	top: 80px;
	left: 0;
	width: 100vw;
	height: 0px;
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
	background: #fff;
	align-items: center;
	border-top: solid 1px #c3c3c3;
	transition: all .25s ease;
}

#gNav>ul>li>div {
	width: 100%;
	height: 70px;
	position: fixed;
	top: 80px;
	left: 0;
	align-items: center;
	display: none;
	z-index: 3;
}

#gNav>ul>li>div.active {
	display: flex;
}

#gNav ul.sub-menu {
	align-items: stretch;
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
	border: none;
	width: 100%;
	padding: 0 2.2em;
	/*			column-gap:25px;*/
	height: 70px;
	/*			position: absolute;*/
}

#gNav .sub-menu li {
	font-size: 16px;
	/* padding: 0 20px 0 0; */
	margin: 0;
	display: flex;
	align-items: center;
	 height: auto; 
	border: none;
	position: relative;
	cursor: pointer;
}

#gNav .sub-menu li:last-child {
	padding: 0;
}

#gNav .sub-menu li.line::before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 22px;
	background: #666;
	opacity: .8;
	/* margin-right: 20px; */
}

#gNav .sub-menu li:hover::after {
	color: #00aba8;
}

#gNav .sub-menu li:nth-child(4) a {
	line-height: 1.2em;
}

#gNav .sub-menu li:last-child {
	border-bottom: none;
}

#gNav li ul.sub-menu a {
	display: block;
	border-bottom: none;
	line-height: 1em;
	font-size: 14px;
	transition: all .25s ease;
	color: #000;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
}

#gNav .sub-menu li:hover a {
	transform: translateY(-3px);
	color: #00aba8;
}

#gNav .sub-menu li a:hover {
	/*				background: #fff;*/
}

#gNav .contact_btn a:hover {
	color: #fff;
}

#gNav li .sub-menu {
	visibility: visible;
	z-index: 98;
}

#sdgs_letter {
	letter-spacing: 0.08em;
}
@media screen and (max-width: 870px) and (min-width:835px){
	#gNav li ul.sub-menu a {font-size: 1.5vw;padding: 0 2vw;}
	#gNav ul.sub-menu {padding: 0 1.5vw;}
}
@media only screen and (max-width: 834px) {
	.h_logo {
		width: 200px;
		position: absolute;
		top: 18px;
		left: 20px;
		z-index: 100;
	}
}