@charset "UTF-8";
/***********************************************/
/* TOP */
/*=============================================*/






/***********************************************/
/* Company Directory */
/*=============================================*/



.companyTab {
	border-top:1px solid #EAEBEE;
	width:100%;
	margin-bottom:120px;

}

.companyTab tr th, .companyTab tr td {
	border: 1px solid #EAEBEE;
	padding         : 18px 22px;
	line-height:1.6;
	vertical-align:middle;
	text-align:left;
	
}

.companyTab tr th {
	background:#DDDFEA;
	font-weight:bold;
}


.tl-company {
		background: url(../../img/bg-company.png) no-repeat center bottom;
		margin-bottom:50px;
		color:#001032;
		font-size:2.2rem;
		padding-bottom:10px;
		text-align:center;
}

.map {
	width:100%;
	height:500px;
}


/***********************************************/
/* History */
/*=============================================*/

.historyTab {
	border-top:1px dotted #DADFE7;
	width:100%;
	margin-bottom:70px;
	background:none;
}

.historyTab tr td {
	border-bottom   : 1px dotted #DADFE7;
	padding         : 13px 20px;
	line-height:1.9;
	vertical-align:middle;
}

.historyTab tr th {
	line-height:1.6;
	border-bottom : 1px dotted #DADFE7;
	vertical-align:middle;
	padding: 15px 20px;
	text-align:left;
	padding-left:20px;
	font-weight:bold;
	width:18%;
	font-size:26px;
	font-size:2.6rem;
	color:#001032;
}

.historyTab tr th span {
	font-size:16px;
	font-size:1.6rem;
}


/***********************************************/
/* Branch */
/*=============================================*/

.branchTab {
	width:100%;
	margin-bottom:120px;
	background:none;
}

.branchTab tr td {
	border-bottom   : 1px solid #DADFE7;
	padding         : 13px 20px;
	line-height:1.9;
	vertical-align:middle;
}

.branchTab tr th {
	line-height:1.6;
	border-bottom : 1px dotted #DADFE7;
	vertical-align:middle;
	padding: 15px 20px;
	text-align:left;
	padding-left:20px;
	font-weight:bold;
	width:20%;
	font-size:1.6rem;
	color:#001032;
}




/***********************************************/
/* News */
/*=============================================*/

/*-- table.reTable02 --*/

.reTable02 {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DADFE7;
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 60px;
	background:none;
}
.reTable02 th, .reTable02 td {
	border-bottom: 1px solid #DADFE7;
	line-height: 1.7;
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.reTable02 th {
	width: 17%;
	color: #99A7BE;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding: 10px 20px;
	position: relative;
}
.reTable02 th:after {
	position: absolute;
	content: "";
	width: 1px;
	height: calc(100% - 20px);
	top: 10px;
	right: 0;
	background-color: #DADFE7;
}
.reTable02 td {
	padding: 20px 20px;
	font-size: 16px;
}

.reTable02 tr td a{
	display:block;
	text-decoration:none;
	color:#0085B2;
	}
.reTable02 td a:hover{
	text-decoration:underline;
	}
	
	
	/*-- pagerBox--*/

.pagerBox {
	width: 100%;
	margin-top: 90px;
}
.pagerBox ul {
	text-align: center;
}
.pagerBox ul li {
	display: inline-block;
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 5px;
}
.pagerBox ul li.preLi, .pagerBox ul li.nextLi {
	width: 30%;
	max-width: 133px;
	margin: 0 0px;
}
.pagerBox ul li.preLi a, .pagerBox ul li.nextLi a {
	border: 2px solid #0085B2;
	padding: 9px 0;
	font-weight:bold;
	background-color:#FFFFFF;
}
.pagerBox ul li.backA {
	margin: 0 10px;
}
.pagerBox ul li.backA a {
	border: 2px solid #0085B2;
	background-color: #0085B2;
	color: #FFFFFF;
	padding: 9px 15px;
	font-weight: bold;
}
.pagerBox ul a {
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	font-size: 16px;
	height: 100%;
	line-height: 0 !important;
	padding: 17px 14px;
	text-align: center;
	text-decoration: none;
	width: 100%;
	border: 2px solid #E8EBF0;
	background-color:#E8EBF0;
}
.pagerBox ul a.current {
	border: 2px solid #0085B2;
	background-color: #0085B2;
	color: #FFFFFF;
}
.pagerBox ul a:hover {
	border: 2px solid #0085B2;
	background-color: #0085B2;
	color: #FFFFFF;
}
.pagerBox ul li.preLi a:hover, .pagerBox ul li.nextLi a:hover {
		border: 2px solid #0085B2;
	background-color: #0085B2;
	color: #FFFFFF;
	}
.pagerBox ul li.backA a i, .pagerBox ul li.preLi a i {
	padding-right: 5px;
}
.pagerBox ul li.nextLi a i {
	padding-left: 5px;
}
	
h1.tlNews {
	margin-bottom:15px;
	border-bottom: #001032 solid 1px;
}

h1.tlNews span {
	font-size:3.0rem;
	color:#001032;
	font-weight: normal;
	padding-bottom:10px;
}

p.newsDay {
	text-align:right;
	color:#99A7BE;
	font-style:italic;
	font-weight:600;
	margin-bottom:50px;
}
	
	
/***********************************************/
/* Contact */
/*=============================================*/	
	
	
.contactTab tr th {
	width:200px;
}


input.wM {
    width: 400px;
}

	
input.wL {
    width: 600px;
}


.txtarea {
	height:200px;
	width:100%;
}

p.subscribeBtn input {
    background-color: #0085B2;
    border: 1px solid #0085B2;
    color: #FFF;
    display: inline-block;
    font-weight: bold;
    padding: 15px 100px 13px;
    line-height: 140%;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-top: 20px;
		cursor:pointer;
}	
	
p.subscribeBtn input:hover{
	background-color:#FFF;
	color:#0085B2;
}

p.subscribeBtn input.gray{
	background-color: #666;
	border:1px solid #666;
	color:#FFF;
}

p.subscribeBtn input.gray:hover{
	background-color:#ddd;
	color:#000;
}


/***********************************************/
/* Sitemap */
/*=============================================*/

.sitemapList ul li{
	border-bottom: 1px solid #E8EBF0;
	font-weight: bold;
	margin-bottom: 40px;
	padding-bottom: 20px;
}

.sitemapList ul li ul{
	margin-bottom: 20px;
	margin-top: 20px;
}

.sitemapList ul li ul li{
	border-bottom: none;
	font-weight: normal;
	margin-bottom: 20px;
	padding-bottom: 0;
	padding-left: 1em;
}

.sitemapList ul li ul li ul li{
	margin-bottom: 10px;
	padding-left: 2em;
}

.sitemapList ul li i{
	color: #99A5BE;
	font-weight: bold;
	margin-right: 10px;
}

.sitemapList ul li a {
	color:#0085B2;
}




/***********************************************/
/* Recruit */
/*=============================================*/

.bgWhite {
	background:#FFF;
	  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:40px;
	margin-bottom:70px;
}


dl.tlMember dt {
	font-size:9.0rem;
	color:#001032;
	font-family: 'Open Sans Condensed', sans-serif;
	line-height:1.4;
}

dl.tlMember dd {
	color:#001032;
	font-weight:bold;
}

#process { max-width: 760px; margin: 0 auto ; }
#process section { background: url(../../img/line.gif) repeat-y 39px 0; }
#process .flow { padding-bottom: 40px; }
#process .flowC { width: 80px; margin: 0; padding: 8px 0; text-align:center;}
#process .flowC h3 { margin-top: -8px; font-size: 18px; line-height: 80px; background: #fff; border: 1px solid #001032; -moz-border-radius: 160px; -webkit-border-radius: 160px; border-radius: 160px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; }
#process .flowR { float: right; width: 83%; }

.arrowBox01 { font-size: 1.6rem; padding: 10px 13px; background: none;  box-sizing: content-box; color:#001032; line-height:1.6;}
.arrowBox01:after, .arrowBox01:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowBox01:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 8px; margin-top: -8px; }
.arrowBox01:before { border-color: rgba(118, 158, 175, 0); border-right-color: #769EAF; border-width: 9px; margin-top: -9px; }


.processTt {
	font-size: 1.8rem ;
	margin-bottom:5px;
	font-weight:bold;
}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.whiteBg {
	width:100%;
	background:#FFF;
	margin:0 auto;
	padding:90px 0;
}


.normalSec {
	width:100%;
	margin:0 auto;
	padding:90px 0;
}








/***********************************************/
/* ys write */
/*=============================================*/


.recruitmentMv {
    background: url(../../img/bg-recruitment.png) no-repeat center top;
}

 .tlDetail02h2 span
 {
    background: linear-gradient(transparent 60%, #E4E8ED 30%);
    color: #001032;
    font-size: 1.8rem;
   
}

.tlDetail02h2 {
	margin-bottom: 21px;
}


/*........start recuruit04..... */
.hresourcesMv {
	background: url(../../img/bg-human.png) no-repeat center top;
}

.boxout {
	position: relative;
}

.boxin {
   width: 559px;
    height: 420px;
    position: absolute;
    top: 50%;
    margin-top: -209px;
    	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    padding: 135px 108px 125px 75px;
    background-color: #001032;
    left: 50%;
    
}

.textin {
	color: #DFC073;
	 font-weight: bold;
	 font-size: 30px;
	 line-height: 1.7;
	 text-align: left;
}
 
 br.clear {
 	clear:both;
 }

 .textbo {
 	font-weight: bold;

 }

 /*........end recuruit04..... */

 /*............start recuruit01......... */

 .recruitment01Mv {
	background: url(../../img/bg-recruitment01.png) no-repeat center top;
}

ul.listblock li.oddlisttext {
	border-left:1px solid #E8EBF0;
	border-top: 1px solid #E8EBF0; 
	float:left;
	height:350px;
	width:541px;
	
}
ul.listblock li.evenlistpic {
	
    float:right;
    height:350px;
	width:544px;
	
}

ul.listblock li.oddlistpic {
	 float:left;
    height:350px;
	width:544px;

}

ul.listblock li.evenlisttext {

	border-right:1px solid #E8EBF0;
	border-bottom:1px solid #E8EBF0; 
	float:right;
	height:350px;
	width:541px;
}



ul.listblock  li.botton1:before {
	    position: absolute;
    top: -1px;
    right: 0;
    content: ">";
    width: 1em;
    height: 1em;
}

.title01 {
	color:#001A59; 
	font-size:50px;
	font-weight: bold;
	text-align: center;
	line-height: 92%;
    margin-top: 67px;
    margin-bottom: 35px;
}

span.subtitle {
	color:#001B5A;
	font-size: 16px;
	font-weight: bold;
}
span.textbox {
	color: #333333;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 120%;
}

.button1 a {
    border: 1px solid #000000;
    color: #000000;
    font-weight: bold;
    height: 48px;
    line-height: 3.0;
    text-align: center;
    width: 300px;
    text-decoration: none !important;
    display: block;
    margin: 0 auto;
}

.button1 a:hover {
	background-color: #001032;
	color:#FFFFFF;
	transition: all 0.2s ease 0s;
}
 /*....end recuruit01... */

  /*........start 600............... */

.importantMv {
	background: url(../../img/bg-important.png) no-repeat center top;
}

.text600 {
	width:400px;
	line-height: 190%;
	float:left;
}

.textr600 {
	width:381px;
	line-height: 190%;
	float:left;
}
.picr {
	float:right;
}

.borders {
	border-bottom: 1px solid #DADFE7;
	padding-bottom: 30px;
}

.tlDetail02new {
    font-size: 2.2rem;
    color: #001032;
    line-height: 1.5;
    margin: 75px 0 45px;
}
   /*....end 600... */

   /*........................start 500...................... */

   .UsageMv {
	background: url(../../img/bg-usage.png) no-repeat center top;
}


.firsttd {
	background: #DDDFEA;
	width:250px;
	padding:6px 20px;
}

.secondtd {
	width:836px;
	padding:6px 20px;
	font-weight: bold;
}
  
.listobj {
	margin: 0 auto;
}

.aligncenter {
	text-align: center;
	font-size: 20px;
}

.linkcolor {
	color: #0085B2 ! important;
	font-weight: bold;
	padding-right: 20px;
}

.linkcolorlast {
	color: #0085B2 ! important;
	font-weight: bold;
	padding-right: 20px;
}


.inner {
	margin: 0px auto 103px;
}

.innerlast {
	margin: 0px auto;
}
   /*....end 500... */

   /*.........................start chain........................... */

   .chainMv {
	background: url(../../img/bg-chain.png) no-repeat center top;
}

  .outerchain {
  	margin: 0 auto;
  }
 .innerchain {
 	margin: 0 auto 108px;
 }

.listchain a {
	background: url("../../img/img-icon.png") no-repeat  right 14px center;
	border-top: 1px solid #D5DAE3;
	border-bottom: 1px solid #D5DAE3;
	color: #0085B2 !important;
    display: block;
    font-weight: bold;
	height: 84px;
	line-height: 84px;
	width:345px;
	margin: 0 auto;
}
   

.listchainarrow a {
background: url("../../img/img-icon.png") no-repeat  right 14px center;
border-top: 1px solid #D5DAE3;
border-bottom: 1px solid #D5DAE3;
color: #0085B2 !important;
display: block;
font-weight: bold;
float:left;
height: 84px;
line-height: 84px;
margin-right: 20px;
width:340px;
}

.listchainarrowbo a {
background: url("../../img/img-icon.png") no-repeat  right 14px center;
border-bottom: 1px solid #D5DAE3;
border-top: none !important; 
color: #0085B2 !important;
display: block;
font-weight: bold;
float:left;
height: 84px;
line-height: 84px;
margin-right: 20px;
width:340px;
}

.listchainarrowlast a {
background: url("../../img/img-icon.png") no-repeat  right 14px center;
border-top: 1px solid #D5DAE3;
border-bottom: 1px solid #D5DAE3;
color: #0085B2 !important;
display:block;
font-weight: bold;
float:left;
height: 84px;
line-height: 84px;
margin-right: 0px ! important;
width:340px;
}

.listchainarrow a.twoLine,
.listchainarrowbo a.twoLine {
height: 64px;
line-height:1.5;
padding-top:20px;
}

.bullettext
{
	margin: 0 auto;
	text-align: center;
}

.textchan {
	font-weight: bold;
}


.listchain a:hover,
.listchainarrow a:hover,
.listchainarrowbo a:hover,
.listchainarrowlast a:hover {
	background-color:#E4E8ED;
	text-decoration:none;
}


/*....end chain... */

 .chain-gMv {
	background: url(../../img/bg-chain-g.png) no-repeat center top;
}



 .conveyorMv {
	background: url(../../img/bg-conveyor.png) no-repeat center top;
}

 .highMv {
	background: url(../../img/bg-high.png) no-repeat center top;
}

 .soilMv {
	background: url(../../img/bg-soil.png) no-repeat center top;
}

 .waterMv {
	background: url(../../img/bg-water.png) no-repeat center top;
}

 .catalogMv {
	background: url(../../img/bg-catalog.png) no-repeat center top;
}
 .examMv {
	background: url(../../img/bg-exam.png) no-repeat center top;
}



/*....Add 20190912... */




.flexHalf {
	width: 100%;
	padding: 0;
	margin: 0 auto 40px;
	-js-display: flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
 justify-content: space-between;
}

.flexHalf div {
 width: 48%;;
}

.flexHalf div iframe {
 width: 100%;
 height: 206px;
}

.flexHalf div p {
 font-weight: bold;
}

a.underLineLink {
 text-decoration: underline;
}

a.underLineLink:hover {
 text-decoration: none;
 color: #0085B2;
}