html{
	margin:0px;
	padding:0px;
	font-size:1.0px;
	line-height:1.005;
	height:100%;
}
body{
	letter-spacing: -0.001em;
	text-size-adjust: none;
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
	margin:0px;
	padding:0px;
	text-decoration:none;
	text-align:center;
	font-size:14rem;
	line-height:1.005;
	color:#333;
	background-color:#fff;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-break: break-all;
	height:100%;
}

img{
	border:none;
	vertical-align:top;}

/*-----Reset-----*/
*{
	margin:0;
	padding:0;
}

a{
	text-decoration:none;
	overflow:hidden;
	outline:none;
}

ul,ol{
	list-style:none;
}

/*-----clear-----*/
.clearfix {zoom:1;}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.floatClear{
	clear:both;
	height:1px;
	font-size:1px;
	color:#fff;
	overflow:hidden;
	padding:0;
	margin:0;
}

/*-----webフォント-----*/
@font-face {
	font-family: "NotoSerifJP-Medium";
	src: url("../font/NotoSerifJP-Medium-Castam.woff2") format('woff2'),url("../font/NotoSerifJP-Medium-Castam.woff") format('woff');
}
.myFont_nsj_m{
  font-family: "NotoSerifJP-Medium";
}

/*-----BR・BLOCK 表示設定-----*/
.mbr{display:none;}
.mbr2{display:none;}
.mdisp{display:none;}
.mdisp2{display:none;}
.mdispblock{display:none;}
.mdispblock2{display:none;}

/*-----1200以下-----*/
@media screen and (max-width: 1100px) {
	.mnobr{display:none;}
	.mbr{display:inline;}
	.mnodisp{display:none;}
	.mdisp{display:inline;}
	.mnodispblock{display:none;}
	.mdispblock{display:block;}
}

/*-----834以下-----*/
@media (max-width: 834px) {
	.mnobr2{display:none;}
	.mbr2{display:inline;}
	.mnodisp2{display:none;}
	.mdisp2{display:inline;}
	.mnodispblock2{display:none;}
	.mdispblock2{display:block;}
}

/*-----767以下-----*/
@media screen and (max-width: 767px) {
	.mnobr3{display:none;}
	.mbr3{display:inline;}
	.mnodisp3{display:none;}
	.mdisp3{display:inline;}
	.mnodispblock3{display:none;}
	.mdispblock3{display:block;}
}

/*------------------------------------------------------------
明兆・ゴシック
------------------------------------------------------------*/
.mincho{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
}
.gothic{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}

/*------------------------------------------------------------
GLOBAL
------------------------------------------------------------*/
.commJust,
.commJust p,
.commJust li{
	text-align: justify!important;
	text-justify: inter-ideograph!important;
	hanging-punctuation: allow-end!important;
}


/*------------------------------------------------------------
print
------------------------------------------------------------*/
@media print{
	body{
		zoom: 0.58;
		-webkit-print-color-adjust: exact;
	}
	header {
		position: relative!important;
	}
	main{
		padding-top: 0!important;
	}
}


/*------------------------------------------------------------
head
------------------------------------------------------------*/

header {
	position: fixed;
	width: 100%;
	z-index: 100000;
	background-color: #fff;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom: solid 1px #999;
	min-width: 1180px;
	box-sizing: border-box;
}

.head_wrap{
	display: flex;
	max-width: 1180px;
	margin: 0 auto;
	align-items: flex-end;
}
.head_title{
	margin-bottom: 5px;
}
.head_navi{
	flex-grow: 1;
}
.head_navi > ul{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;

}
.head_navi > ul > li{
	position: relative;
	margin-left: 4%;
}
.head_navi > ul > li > a{
	display: inline-block;
	font-size: 18rem;
	color:#333;
	letter-spacing: 0.2em;
	padding:5px;
	transition: 0.2s;
}
.head_navi > ul > li > a:hover{
	color:#c06;
}

.head_navi ul li ul{
	display:none;
	position:absolute;
	left:0;
	width:180%;
	left:-40%;
}


.head_navi ul li ul li.munuClose{
	display:none;
}
.head_navi ul li ul li a{
	display: block;
	position: relative;
	font-size: 16rem;
	line-height: 1.5;
	color:#fff;
	text-align: left;
	background-color:rgba(51,51,51,0.9);
	padding:0.7em 0 0.7em 0.5em;
	transition: 0.2s;
}
.head_navi ul li ul li a::before{
	content: "";
	display: block;
	position: absolute;
	width:86%;
	border-top:solid 1px rgba(255,255,255,0.5);
	top:0;
	left:7%;
}
.head_navi ul li ul li:first-child a::before{
	content: none;
}
.head_navi ul li ul li a:hover{
	color:#fff;
	text-indent: 0.5em;
}

.naviButton{
	z-index: 20;
	right:0;
	top:0;
}
.naviButton a{
	width:100%;
	padding-bottom:100%;
	outline: none;
	border: none;
	display:block;
	background-color:#ce92a5;;
}
.naviButton a .menuIcon {
	display: block;
	position: absolute;
	width: 44%;
	padding-bottom:44%;
	margin: 34% 28%;
	transition: all 0.2s ease-in;
	left:0;
	top:0;
}
.naviButton a .menuIcon span {
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	background: #fff;
	margin-bottom: calc(38% - 1.5px);
	transition: all 0.4s ease-out;
}
.naviButton a .menuIcon .bar1{
	top:0;
}
.naviButton a .menuIcon .bar2{
	top: calc(38% - 1px);
}
.naviButton a .menuIcon .bar3{
	top: calc(76% - 1px);
}

.naviButton a.open .menuIcon .bar1 {
	transform: rotate(135deg);
	top:38%;
}
.naviButton a.open .menuIcon .bar2 {
	opacity: 0;
}
.naviButton a.open .menuIcon .bar3 {
	transform: rotate(-135deg);
	top:38%;
}

/*-----767以下-----*/
@media screen and (max-width: 767px) {

	header {
		position: fixed;
		padding-top:5px;
		padding-bottom:5px;
		min-width: 0;
	}

	.head_wrap{
		display: flex;
		max-width: 1180px;
		margin: 0 auto;
		align-items: center;
		flex-direction: column;
	}
	.head_title{
		margin-bottom: 0;
	}
	.head_title img{
		width:auto;
		height:30px;
	}
	.head_navi{
		display:none;
	}


	.head_navi ul li ul li.munuClose{
		display:none;
	}
	.head_navi ul li ul li a{
		display: block;
		position: relative;
		font-size: 16rem;
		line-height: 1.5;
		color:#fff;
		text-align: left;
		background-color:rgba(51,51,51,0.9);
		padding:0.7em 0 0.7em 0.5em;
		transition: 0.2s;
	}
	.head_navi ul li ul li a::before{
		content: "";
		display: block;
		position: absolute;
		width:86%;
		border-top:solid 1px rgba(255,255,255,0.5);
		top:0;
		left:7%;
	}
	.head_navi ul li ul li:first-child a::before{
		content: none;
	}
	.head_navi ul li ul li a:hover{
		color:#fff;
		text-indent: 0.5em;
	}

	.naviButton{
		z-index: 20;
		right:0;
		top:0;
	}
	.naviButton a{
		width:100%;
		padding-bottom:100%;
		outline: none;
		border: none;
		display:block;
		background-color:#ce92a5;;
	}
	.naviButton a .menuIcon {
		display: block;
		position: absolute;
		width: 44%;
		padding-bottom:44%;
		margin: 34% 28%;
		transition: all 0.2s ease-in;
		left:0;
		top:0;
	}
	.naviButton a .menuIcon span {
		position: absolute;
		display: block;
		width: 100%;
		height: 1px;
		background: #fff;
		margin-bottom: calc(38% - 1.5px);
		transition: all 0.4s ease-out;
	}
	.naviButton a .menuIcon .bar1{
		top:0;
	}
	.naviButton a .menuIcon .bar2{
		top: calc(38% - 1px);
	}
	.naviButton a .menuIcon .bar3{
		top: calc(76% - 1px);
	}

	.naviButton a.open .menuIcon .bar1 {
		transform: rotate(135deg);
		top:38%;
	}
	.naviButton a.open .menuIcon .bar2 {
		opacity: 0;
	}
	.naviButton a.open .menuIcon .bar3 {
		transform: rotate(-135deg);
		top:38%;
	}

}


.popupNavi{
	z-index: 1500;
	position: fixed;
	background-color:rgba(0,0,0,0.8);
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	display: none;
	align-items: center;
}
.popupNavi .popupNavi_inner{
	display: flex;
	align-items: flex-end;
	width:100%;
	height:100%;
}
.popupNavi nav{
	padding:0 4%;
	width:100%;
	height:90%;
	overflow: auto;
	box-sizing: border-box;
}
.popupNavi nav::after{
	content: "";
	display:block;
	height:50%;
}
.popupNavi nav ul{
	width:100%;
	max-width:500px;
	margin:0 auto 20px auto;
}
.popupNavi nav ul li{
	border-left:none;
}
.popupNavi nav ul li a{
	text-align: left;
	display: block;
	font-size: 16rem;
	color:#fff;
	padding: 0.75em 0;
	border-bottom: solid 1px rgba(255,255,255,0.5);
}
.popupNavi nav ul li a.open_mark{
	position: relative;
}
.popupNavi nav ul li a.open_mark::before{
	content: "";
	position: absolute;
	border-left:solid 1px #fff;
	height:19px;
	right: 19px;
	top:29%;
	transition: 0.2s;
}
.popupNavi nav ul li a.open_mark::after{
	content: "";
	position: absolute;
	border-top:solid 1px #fff;
	width: 19px;
	right: 10px;
	top:50%;
}
.popupNavi nav ul li a.subOn::before{
	transform: rotate(90deg);
}


.popupNavi nav ul li ul li a{
	padding-left:1em;
}

.popupNavi nav::-webkit-scrollbar {
  background: #ccc;
  width: 5px;
  height: 5px;
}
.popupNavi nav::-webkit-scrollbar-thumb {
  background-color: #666;
}

/*-----767以下-----*/
@media screen and (max-width: 767px) {


}


/*------------------------------------------------------------
foot
------------------------------------------------------------*/
footer{
	background-color: #fff;
	position: relative;
	min-width: 1180px;
}
footer a{
	color:#333;
	transition:0.2s;
}
footer a:hover{
	color:#c06;
}

.foot_toiawase{
	padding:120px 0;
	border-bottom:solid 2px #c06;
	margin-bottom:70px;
}
.foot_toiawase p{
	max-width: 1180px;
	margin: 0 auto;
}
.foot_toiawase p a{
	position: relative;
	display: inline-block;
	font-size: 24rem;
	padding:0 2em 10px 0.25em;
	border-bottom: solid 1px #333;
}
.foot_toiawase p a::after{
	content: "";
	position: absolute;
	display: block;
	height:1.25em;
	border-left: solid 1px #333;
	bottom:-0.19em;
	right:0.44em;
	transform: rotate(-45deg);
	transition:0.2s;
}
.foot_toiawase a:hover{
	padding:0 1.5em 10px 0.75em;
}
.foot_toiawase p a:hover,
.foot_toiawase p a:hover::after{
	border-color: #c06;
}

.foot_main{
	display: flex;
	max-width: 1180px;
	margin: 0 auto;
}

.foot_main address{
	width:45%;
	text-align: left;
	font-style: normal;
}
.foot_main address .foot_mark{
	height:100%;
	float:left;
	padding:0 20px 0 30px;
}
.foot_main address p{
	margin-top:23px;
	font-size: 15rem;
	line-height:2;
	margin-bottom: 30px;
	letter-spacing: 0.2em;
}
.foot_main address p big{
	font-size: 24rem;
	line-height:1.25;
}
.foot_main .foot_iso{
	display: flex;
}
.foot_main .foot_iso div{
	margin-right: 10px;
}
.foot_main .foot_iso div:last-child{
	margin-right: 0;
}

.foot_main nav{
	width:55%;
	text-align: left;
	display: flex;
}
.foot_main nav > ul{
	flex-grow:1
}
.foot_main nav > ul > li{
	margin-top:8px;
}
.foot_main nav > ul > li > a{
	display: inline-block;
	font-size:16rem;
	margin-bottom:8px;
}
.foot_main nav > ul > li > ul > li a{
	font-size:16rem;
	line-height: 2;
	letter-spacing: 0.2em;
}

.foot_copy{
	padding: 50px 0;
	max-width: 1180px;
	font-size: 12rem;
	letter-spacing: 0.2em;
	margin: 0 auto;
}



.toTheTop{
	display:block;
	position:fixed;
	z-index:1000;
	bottom:-360px;
	right:10px;
	cursor:pointer;}
.toTheTop a{
	display:block;
	width:60px;
	height:60px;
	padding:0;
	background:url(../image_gl/gl_foot_page_top.png) center center no-repeat;
	background-size:cover;}

.toTheHome{
	display:block;
	position:fixed;
	z-index:1000;
	bottom:-360px;
	right:90px;
	cursor:pointer;}
.toTheHome a{
	display:block;
	width:60px;
	height:60px;
	padding:0;
	background:url(../image_gl/gl_foot_home.png) center center no-repeat;
	background-size:cover;}

.openMenu{
	display: none;
	position:fixed;
	z-index:2000;
	bottom:-360px;
	left:10px;
	cursor:pointer;}
.naviButton_open{
	display:block;
	bottom:10px!important;}
.openMenu a{
	display:block;
	width:60px;
	height:60px;
	padding:0;
	background:url(../image_gl/gl_foot_menu.png) center center no-repeat;
	background-size:cover;}
.openMenu a.open{
	background-image:url(../image_gl/gl_foot_menu_close.png);
}


/*-----767以下-----*/
@media screen and (max-width: 767px) {

	footer{
		min-width: auto;
	}

	.foot_toiawase{
		padding:20% 0;
		border-bottom:solid 2px #c06;
		margin-bottom:10%;
	}
	.foot_toiawase p{
		margin: 0 auto;
	}
	.foot_toiawase p a{
		font-size: 4.5vw;
	}

	.foot_main{
		display: flex;
		flex-flow: column;
	}

	.foot_main address{
		width:auto;
		text-align: center;
		font-style: normal;
		margin-bottom: 4%;
		padding:0 4%;
	}
	.foot_main address .foot_mark{
		height:auto;
		float:none;
		padding:0;
	}
	.foot_main address p{
		margin-top:4%;
		font-size: 4.5vw;
		line-height:2;
		margin-bottom: 4%;
		letter-spacing: 0;
	}
	.foot_main address p big{
		font-size: 150%;
		line-height:1.25;
	}
	.foot_main .foot_iso{
		display: flex;
		justify-content: center;
	}
	.foot_main .foot_iso div{
		margin-right: 2%;
	}
	.foot_main .foot_iso div img{
		width:22vw;
		height:auto;
	}

	.foot_main nav{
		width:auto;
		text-align: left;
		display: flex;
		flex-flow: column;
		border-top: solid 1px #ccc;
	}
	.foot_main nav > ul > li{
		margin-top:0;
	}
	.foot_main nav > ul > li > a,
	.foot_main nav > ul > li > ul > li a{
		display: block;
		font-size:4.25vw;
		line-height: 1.005;
		letter-spacing: 0;
		background-color: #f5f5f5;
		margin: 0;
		padding:0.75em 4%;
		border-bottom: solid 1px #ccc;
		position: relative;
	}
	.foot_main nav > ul > li > a::after,
	.foot_main nav > ul > li > ul > li a::after{
		content: "＞";
		text-align: right;
		display: inline-block;
		position: absolute;
		right:2%;
	}

	.foot_copy{
		padding: 4% 0 20% 0;
		font-size: 3vw;
		letter-spacing: 0;
	}

	.toTheTop{
		right:2vw;
		bottom:3vw!important;}
	.toTheTop a{
		width:13vw;
		height:13vw;
		padding:0;}

	.toTheHome{
		right:17vw;
		bottom:3vw!important;}
	.toTheHome a{
		width:13vw;
		height:13vw;
		padding:0;}

	.openMenu{
		display:block;
		left:2vw;
		bottom:3vw!important;}
	.openMenu a{
		width:13vw;
		height:13vw;
		padding:0;}

}

/*------------------------------------------------------------
main
------------------------------------------------------------*/
main{
	position: relative;
	min-width: 1180px;
	min-height: 500px;
}


.pankuzu{
	text-align:left;
	margin-bottom: 60px;
}
.pankuzu ul{
	padding: 10px 0 10px 10px;
	background-color: #eee;
}
.pankuzu li{
	display:inline-block;
	font-size: 12rem;
}
.pankuzu li::before{
	content:"＞";
	padding:0 5px;
}
.pankuzu li:first-child::before{
	content:"";
	padding:0;
}
.pankuzu li a{
	color:#595757;
}
.pankuzu li a:hover{
	color:#099;
}


.content_title{
	padding:200px 0 230px 0;
	background: url(../image/top_company_image.jpg) center center no-repeat;
	background-size: cover;
}
.content_title_no_image{
	padding:50px 0;
	background:none;
}
.content_title h1{
	color:#fff;
}
.content_title h1 .title_a{
	display: inline-block;
	font-size: 24rem;
	padding:0.6em 1em 0.5em 1em;
	background-color: #06c;
	margin-bottom: 0.8em;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
}
.content_title h1 .title_b{
	display: block;
	font-size:50rem;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
	text-shadow: 0 0 10px rgba(0,0,0,0.5),
	0 0 10px rgba(0,0,0,0.5),
	0 0 10px rgba(0,0,0,0.5);
}

.content_title_black h1 .title_b{
	color:#333;
	text-shadow: 0 0 10px rgba(255,255,255,1),
	0 0 10px rgba(255,255,255,1);
}


.title_company_topmess{
	background-image: url(../image_head/company_topmess.jpg);
}
.title_company_rinen{
	background-image: url(../image_head/company_rinen.jpg);
}
.title_company_gaiyo{
	background-image: url(../image_head/company_gaiyo.jpg);
}
.title_company_access{
	background-image: url(../image_head/company_access.jpg);
}
.title_company_kanren_daisen{
	background-image: url(../image_head/company_kanren_daisen.jpg);
}

.title_manufacture_kojyo{
	background-image: url(../image_head/manufacture_kojyo.jpg);
}
.title_manufacture_setsubi{
	background-image: url(../image_head/manufacture_setsubi_2.jpg);
}

.title_product{
	background-image: url(../image_head/product.jpg);
}


.title_recruit_index{
	background-image: url(../image_head/recruit_index.jpg?2);
	padding:350px 0 380px 0;
}
.title_recruit_voice{
	background-image: url(../image_head/recruit_voice.jpg);
}
.title_recruit_yoko{
	background-image: url(../image_head/recruit_yoko.jpg);
}


.kuwashiku a{
	position: relative;
	display: inline-block;
	font-size: 17rem;
	padding:0 2em 7px 0.25em;
	border-bottom: solid 1px #333;
	color:#333;
	transition:0.2s;
}
.kuwashiku a::after{
	content: "";
	position: absolute;
	display: block;
	height:1.25em;
	border-left: solid 1px #333;
	bottom:-0.19em;
	right:0.44em;
	transform: rotate(-45deg);
	transition:0.2s;
}
.kuwashiku a:hover{
	padding:0 1.5em 7px 0.75em;
}
.kuwashiku a:hover,
.kuwashiku a:hover::after{
	border-color: #c06;
	color:#c06;
}


/*-----1200以下-----*/
@media screen and (max-width: 1100px) {

}

/*-----767以下-----*/
@media screen and (max-width: 767px) {

	main{
		min-width: 0;
		min-height: 100%;
	}


	.pankuzu{
		text-align:left;
		margin-bottom: 10%;
	}
	.pankuzu ul{
		padding: 10px 0 10px 10px;
		background-color: #eee;
	}
	.pankuzu li{
		display:inline-block;
		font-size: 12rem;
	}
	.pankuzu li::before{
		content:"＞";
		padding:0 5px;
	}
	.pankuzu li:first-child::before{
		content:"";
		padding:0;
	}
	.pankuzu li a{
		color:#595757;
	}
	.pankuzu li a:hover{
		color:#099;
	}


	.content_title{
		padding:23% 0 22% 0;
	}
	.content_title_no_image{
		padding:8% 0;
		background:none;
		background-color: #f6f6f3;
	}
	.content_title h1 .title_a{
		display: inline-block;
		font-size: 4.5vw;
	}
	.content_title h1 .title_b{
		font-size:8vw;
		letter-spacing: 0;
		text-indent: 0;
	}

	.content_title_black h1 .title_b{
		color:#333;
		text-shadow: 0 0 10px rgba(255,255,255,1),
		0 0 10px rgba(255,255,255,1);
	}

	.kuwashiku a{
		font-size: 4.5vw;
	}

}

/*-----*/

.dmy{
	position: relative;
}
.dmy::after{
	content: "ダミー";
	display: inline-block;
	position: absolute;
	font-size:50rem;
	font-weight: bold;
	width:100%;
	top:42%;
	left:0;
	opacity: 0.5;
}
.dmy_w::after{
	color:#fff;
	opacity: 0.9;
}