@charset "utf-8";
/* CSS Document */


/*@page { size: 210mm 297mm }*/
/* A4縦サイズ */

/* ---------------------------------------
common
--------------------------------------- */
body{ -ms-zoom: 90%; }
/*._firefox body{
-moz-transform: scale(0.50,0.50);
  transform-origin: 0 0;
}*/

#wrapper{
	font-size: 0.85em;
	width: 172mm; 
}
.maintop,
#mainimg,
#mainimg .photo,
.slick-slider{
	width: 172mm!important;
	display: block;
	position: relative;
}

.maintop .catch_welfare,
.maintop .catch_agv,
.maintop .catch_ele,
.maintop .catch_ozon,
.maintop .catch_linear{
	width: 172mm!important;
}

.sp-only {
	display: none;
}

header{
	position:absolute;
}

h1{
	width:35%;
	float:left;
}
nav {
	width:65%;
	float: right;
}

nav > ul  {	
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	display:-webkit-flex;
	-ms-flex-pack:center;/*--- IE10 ---*/
	-webkit-justify-content:center;
	justify-content:center;
	-ms-flex-align:center;/*--- IE10 ---*/
	-webkit-align-items:center;
	align-items: center;
}

nav > ul > li {
	position:relative;
    display: block;
	width: 20%;
}

nav > ul > li > a{
	height: 50px;
	padding: 0 2px;
	color:#2a5584;
	font-size:1.5em;
	font-weight: 600;
	display:-webkit-flex;
	display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	-ms-flex-pack:center;/*--- IE10 ---*/
	-webkit-justify-content:center;
	justify-content:center;
	-ms-flex-align:center;/*--- IE10 ---*/
	-webkit-align-items:center;
	align-items: center;
}
	
nav > ul > li > a:hover,
nav > ul > li > a.select{
	color:#2a5584;
}
nav > ul > li > a:hover{
	background: rgba(42,85,132,0.1);
}
	
nav > ul > li > ul{
	display: relative;
	width:140%;
	display: none;
	background: #fff;
	}
	
nav > ul > li > ul > li {
	float:none !important;
	padding:1px;
	text-align: left;
}
	
nav > ul > li > ul {
	padding:1px;
	position: absolute;
	visibility: hidden;
	text-align: left;
}
nav > ul > li > ul > li > a{
	color:#fff;
	background: rgba(42,85,132,0.8);
	padding: 10px;
	font-size:1.3em;
	text-align: left;
}
nav > ul > li > ul > li > a:hover{
	color:#fff;
	background: rgba(76,171,231,0.8);
}
nav {
	right: 0px !important;
}


footer .footnav {
	width: 100%;
	margin-left: 0%;
}
footer .footnav > ul > li {
	width: 50%;
}


.sp {
        display:none !important; /* PC用画像を非表示にする */
    }

section{
	padding-bottom: 20px;
}
section.glay{
	padding-bottom: 20px;
}
section p{
	font-size:1.5em;
	line-height:2em;
	text-align:left;
	margin:10px auto;
	padding:10px 20px;
}
section ol li{
	font-size:1.5em;
	line-height:2em;
}
section ul li{
	font-size:1.5em;
	line-height:2em;
}

.maintop .catch_welfare,
.maintop .catch_agv{
	position: absolute;
	text-align: center;
	margin: auto;
	left: 5%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
}
.maintop .catch_ele .box,
.maintop .catch_welfare .box,
.maintop .catch_ozon .box,
.maintop .catch_linear .box,
.maintop .catch_agv .box{
	color: #fff;
	display: inline-block;
	padding: 15px 30px;
  position: relative;
	
}
.maintop .catch_welfare .box h2,
.maintop .catch_ele .box h2,
.maintop .catch_ozon .box h2{
	font-size: 5.0em;
	line-height: 1.5em;
	padding-bottom: 30px;
	min-width: 350px;
}
.maintop .catch_linear .box h2,
.maintop .catch_agv .box h2{
	font-size: 3.5em;
	line-height: 1.4em;
	padding-bottom: 20px;
	min-width: 350px;
}
.maintop .catch_welfare .box .txt,
.maintop .catch_ele .box .txt,
.maintop .catch_ozon .box .txt,
.maintop .catch_linear .box .txt,
.maintop .catch_agv .box .txt{
	font-size: 1.8em;
	line-height: 1.5em;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.maintop .catch_ozon .mainbtn a,
.maintop .catch_linear .mainbtn a,
.maintop .catch_agv .mainbtn a{
	padding: 10px 10px;
	font-size: 1.4em;
	width: 260px;
}

.maintop .catch_welfare,
.maintop .catch_agv{
	position: absolute;
	text-align: center;
	margin: auto;
	left: 3%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
}
.maintop .catch_ele .box,
.maintop .catch_welfare .box,
.maintop .catch_ozon .box,
.maintop .catch_linear .box,
.maintop .catch_agv .box{
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
  position: relative;
	
}
.maintop .catch_welfare .box h2,
.maintop .catch_ele .box h2,
.maintop .catch_ozon .box h2{
	font-size: 4.0em;
	line-height: 1.4em;
	padding-bottom: 20px;
	min-width: 300px;
}
.maintop .catch_linear .box h2,
.maintop .catch_agv .box h2{
	font-size: 3.0em;
	line-height: 1.3em;
	padding-bottom: 10px;
	min-width: 300px;
}
.maintop .catch_welfare .box .txt,
.maintop .catch_ele .box .txt,
.maintop .catch_ozon .box .txt,
.maintop .catch_linear .box .txt,
.maintop .catch_agv .box .txt{
	font-size: 1.6em;
	line-height: 1.4em;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.maintop .catch_ozon .mainbtn a,
.maintop .catch_linear .mainbtn a,
.maintop .catch_agv .mainbtn a{
	padding: 10px 10px;
	font-size: 1.4em;
	width: 200px;
}
.maintop .catch_agv .mainbtn{
	margin: 10px 10px 0;
	text-align: center;
	width: auto;
}
	
.TopNews,
.TopCompany,
.TopProducts,
.TopRecruit{
	overflow: hidden;
	margin: 30px auto;
	padding: 0;
}

.TopNews .NewsTitle h3{
	font-family: "Sawarabi Mincho";
	color: #fff;
	line-height: 1.6em;
	font-size: 2.3em;
}
.TopNews .NewsTitle .en{
	font-family: 'Vollkorn', serif;
	color: #fff;
	line-height: 1.6em;
	font-size: 1.4em;
}


.TopCompany h3,
.TopProducts h3,
.TopRecruit h3{
	line-height: 1.6em;
	font-size: 2.8em;
	padding: 5px 20px;
}
.TopCompany .en,
.TopProducts .en,
.TopRecruit .en{
	line-height: 1.6em;
	font-size: 1.4em;
}



.main .txt h2{
	font-size: 3.2em;
}
.main .txt .en{
	font-size: 2.0em;
	padding: 10px;
}
	
section .inner h2{
	font-size: 3em;
	margin: 20px auto 0;
	min-width: 300px;
}
section .inner h3{
	font-size: 2.5em;
	margin: 30px auto 5px;
}
section .inner .en{
	font-size: 1.4em;
}

.Greeting .txt h4{
	font-size: 2.2em;
	line-height: 1.6em;
	margin: 20px;
}
.PrivacyPolicy h4{
	font-size: 2.0em;
	margin: 40px 20px 10px;
}


.Product .Product_ico{
	width: 60px;
	height: 60px;
}
.Product h4{
	font-size: 3.0em;
	margin: 40px auto 20px;
}
.Product h5{
	font-size: 1.6em;
	line-height: 1.6em;
	text-align: left;
	padding: 10px;
	font-weight: 700;
	border-bottom:1px solid #dfdfdf;
	margin: 10px;
	background: #f7fafc;	
}
.Product h6{
	font-size: 1.5em;
	font-weight: bold;
}

.Product .Point .one,
.Product .Point .two,
.Product .Point .three{
	width: 31.3333%;
	margin: 1%;
	padding: 15px 5px;
	background: #f7fafc;
	border: 3px solid #d6d6d6;
	overflow: hidden;
	z-index: -2;
}
.Product .Point .midashi{
	font-size: 1.8em;
	font-weight: 600;
	line-height: 1.5em;
	margin: 40px auto 10px;
	text-align: center;
}
.Product .dia {
	color: #fff;
	font-size: 4.0em;
	padding: 5px 10px 10px;
	font-weight: 400;
	position: relative;
	z-index: 2;
	width: 100%;
}
.Product .dia::before {
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	text-align: center;
	width: 80px;
	height: 80px;
	
}
.Product .linkbtn {
	margin: 10px auto 20px;
}
.Product .linkbtn .btn{
	width: 50%;
	padding: 20px 10px;
}
.Product .linkbtn .voice_btn{
	padding: 20px 10px;
	}
.Product .linkbtn .btn a,
.Product .Exe .btn a,
.Product .linkbtn .voice_btn a{
	display: block;
	color: #fff;
	font-size: 1.6em;
	padding: 10px;
}
.Product .w30{
	width: 48%;
	padding: 10px 3px;
	margin: 5px 1%;
}
.Product .w50,
.Recruit .w50{
	width: 94%;
	margin: 5px auto;
}
.Product .w50 h6{
	margin: 10px auto;
	max-width: 100%;
}
.Product .OzonPoint{
	width: 33.3333%;
	padding: 5px;
	border:1px solid #dfdfdf;
}
.Product .Linearphoto{
	width: 60%;
	padding: 5px;
}
.Product .Linearsuppliers{
	width: 40%;
    display: flex; /* 子要素をflexboxで揃える */
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
	
}
.Product .lineartitle,
.Product .ozontitle,
.Product .agvtitle{
	font-size: 2.0em;
	}
.Product .Exe{
	width: 33.3333%;
	padding: 20px;
}
.Product .Exe .photo img{
	object-fit: contain;
	width: 100%;
	height: 250px;
}.Message .catch{
	line-height: 1.8em;
	top: 20%;
	left: 5%;
	font-size: 2.8em;
}
.Mestitle{
	font-size: 2.0em;
	line-height: 1.5em;
	margin: 40px 20px 10px;
}
.JobTitle{
	font-size: 2.0em;
	line-height: 1.6em;
	margin: 40px 20px 10px;
}

.Recruit .main .catchL{
	font-size: 2.8em;
	line-height: 1.6em;
	left: 2%;
}
.Recruit .main .catchR{
	font-size: 2.8em;
	line-height: 1.6em;
	right: 2%;
}
.Recruit .main .catchZ{
	font-size: 2.6em;
	line-height: 1.6em;
	bottom:12%;
	width: 400px;
}
.Recruit .fukidashi{
	font-size: 2.0em;
}.Topics .Contents{
	width: 100%;
	padding: 10px;
}
.Topics .TopicNav{
	width: 100%;
	padding: 10px;
}
.Topics .TopicNav .TopicNavT{
	font-size: 1.6em;
}
.Topics .TopicNav ul {
	margin: 10px 20px;
	display: Flex;
	flex-wrap: wrap;
}
.Topics .TopicNav ul li{
	list-style: none;
	width: 50%;
	padding: 5px;
}
.VoiceGalley .thumb-item-nav img{
	height: 90px;
	width: 90px;
}