@charset "utf-8";
/*===========================================
original.css INDEX
===========================================*/

/*--------------------------------------------------
header logo adjust
--------------------------------------------------*/
header #logo .siteLogo img,
body.popup header .siteLogo a img{width:444px;}

#funcBtns li#contactLink{margin-top: -3px;}
#funcBtns li#contactLink a{font-size:1.4rem; display: inline-block; color: #fff; font-weight: bold; background-color: #014099; padding: 5px 35px 1px; }
#funcBtns li#contactLink a:hover{ background-color: #c2d5f0; color: #014099; opacity: 1;}

@media screen and (max-width:767px){
  header #logo .siteLogo img,
  body.popup header .siteLogo a img{width:180px;}
  
  #funcBtns li#contactLink{
      padding: 0;
      margin:20px 0;
    }
    #funcBtns li#contactLink a{
      display:block;
      padding:10px;
      color:#000;
      background-color:#fff;
    }
    #funcBtns li#contactLink a:hover{color:#000!important;}
}

.noBr{/*white-space: nowrap;*/ display: inline-block;}
.longURL{word-break: break-all;}
.fontN{font-weight: normal !important;}

.h2Type02{
  margin:47px 0 27px;
  /*font-size:2.4rem;*/
  font-size:1.8rem;
  font-weight:600;
  line-height:1.5;
  color: #014099;
}
h1 + .h2Type02 {margin-top:0;}
.h3Type01{ font-size: 1.8rem;}
.h3Type02{
  margin:27px 0 17px;
  font-size:1.8rem;
  font-weight:600;
  color: #014099;
  border-left: 8px solid #96B2C9;
  padding: 3px 12px;
}
.container {margin-top: 40px;}
.inner .discList{margin: 0;}
.lumpMix .lumpR + h1 {padding-top: 0;}
#main > .lumpMix{margin-top: 43px;}
section.lineBottomdot{padding-bottom: 20px;}

h1 span.subHeading.titEng{
  font-size:1.6rem; 
  margin-top:5px;
	font-weight: normal;
	letter-spacing: 1px;
	color:#999;
}
.subTxt {
	font-size: 2.0rem;
	margin-bottom: 25px;
	color: #014099;
	font-weight: bold;
}
.color02{color:#adadad!important;}
.color03{color:#fff!important;}
.color04{color:#004097!important;}
.color05{color:#1495f8!important;}
.color06{color:#98c4ea!important;}
td > [class*="discList"].mgn00,
td > [class*="discList"].mgn00 li{margin: 0;}

@media screen and (max-width:767px){
    .h2Type02{margin:37px 0 17px;}
    .h3Type02{border-left-width: 5px; padding: 3px 0.5em;}
    h1 span.subHeading.titEng{font-size: 1.2rem;letter-spacing: 0;}
    .spFull{margin-left: -10px; margin-right: -10px;}
    
    .smpTableScroll > table.wid100{ min-width: 800px;}
}


#sidebar dl > dd > ul ul > li:nth-of-type(1){padding-top:5px;}
#sidebar dl dd li a{padding-left: 15px;}
#sidebar dl dd li li a{ padding-left: 30px; padding-right: 10px;}
#sidebar dl dd li li li a{padding-left: 45px; padding-right: 4px; letter-spacing: 0; }
#sidebar dl dd li a.newWindow{padding-right:0; }
#sidebar .contact.icon a{
  background: url("../images/email_b.svg") no-repeat 25% 48% #FFFFFF;
  background-size: 37px 18px;
  padding-left: 20%;
}
#sidebar .contact.icon a:hover{
  background: url("../images/email.svg") no-repeat 25% 48% #004097;
  background-size: 37px 18px;
  color:#fff;
}
@media screen and (max-width:767px){
  #sidebar .contact.icon a{padding-left: 0; background-position: 10% 48%;}
  #sidebar .contact.icon a:hover{background-position: 10% 48%;}
}

/*--------------------------------------------------
slider adjust
--------------------------------------------------*/
.kvWrap section{width:1080px; position: relative; margin: 0; padding:30px; background-color: #014099; color:#fff; text-align: left; box-sizing: border-box;}
.kvWrap section .slogan{font-size: 3.5rem; color:#fff; padding:0 0 10px 0;}
.kvWrap section p{font-size: 1.2em;}
.kvWrap section .slogan br{display: none;}
.kvWrap[data-opt="wide"]{width:1280px; margin:0 0 50px -100px;}
.kvWrap[data-opt="wide"] section{margin:-100px 0 0 100px;}

@media screen and (max-width:767px){
  .kvWrap{width:auto; min-height: 40%; margin: 0 -10px 40px;}
  .kvWrap figure{min-height: 100%;}
  .kvWrap section,
  .kvWrap[data-opt="wide"] section {width: auto; margin: -50px 10px 0; padding: 20px;}
  .kvWrap section .slogan{padding: 0; font-size:2.2rem;}
  .kvWrap section .slogan br{display: inline-block; line-height: 1.5;}
  .kvWrap[data-opt="wide"]{width:auto; margin:0 -10px 40px;}
  
  .kvWrap section p{margin-top: 12px; font-size: 0.85em;}
  /*.kvWrap section{z-index: 999;}*/
  .kvWrap .bx-wrapper .bx-pager{display: none;}
  .kvWrap + hr{padding-top:55%;}
  .kvWrap[data-change="toggleImg"] + hr{padding-top:80%;}
}

/*--------------------------------------------------
slider adjust
--------------------------------------------------*/
/*.kvWrap#kvXXX .elemslider div{height:500px;}
.kvWrap#kvXXX .elemslider div.elem1{background:url(../../../_Templates/images/kv_06.jpg) 0 0 no-repeat;}
.kvWrap#kvXXX .elemslider div.elem2{background:url(../../../_Templates/images/kv_03.jpg) 0 0 no-repeat;}
.kvWrap#kvXXX .elemslider div.elem3{background:url(../../../_Templates/images/kv_04.jpg) 0 0 no-repeat;}
.kvWrap#kvXXX .elemslider div.elemInner p{width:50%;}

@media screen and (max-width:767px){
  .kvWrap#kvXXX .bx-wrapper .bx-viewport{height:auto; min-height: 100vw;}
  .kvWrap#kvXXX .elemslider div{min-height: 100vw; height:auto;}
  .kvWrap#kvXXX .elemslider div.elem1{background:url(../../../_Templates/images/sp_kv_06.jpg) 0 0 no-repeat;}
  .kvWrap#kvXXX .elemslider div.elem2{background:url(../../../_Templates/images/sp_kv_03.jpg) 0 0 no-repeat;}
  .kvWrap#kvXXX .elemslider div.elem3{background:url(../../../_Templates/images/sp_kv_04.jpg) 0 0 no-repeat;}

  .kvWrap + hr{padding-top:42.5%;}
  .kvWrap[data-change="toggleImg"] + hr{padding-top:119%;}
  #kvXXX + hr{padding-top:100vw;}
}*/

/* kvRandom
----------------------------*/
.kvRandom section{padding:20px; text-align: center;}
.kvRandom section .slogan{font-size: 3.2rem; padding:0; line-height: 1.6;}
.kvRandom section .slogan br{display: block;}
.kvRandom section .slogan br.pcHide{display: none;}
@media screen and (max-width:767px){
  .kvRandom section .slogan{font-size:1.8rem;}
  .kvRandom section .slogan br{display: inline-block; line-height: 1.5;}
  .kvRandom section .slogan br.spHide{display: none;}
}

/*--------------------------------------------------
chapterKV
--------------------------------------------------*/
#kvSupOxygen{background-image:url(../../support/images/kv_oxygen.jpg);}
#kvSupWater{background-image:url(../../support/images/kv_water.jpg);}
#kvSupPrint{background-image:url(../../support/images/kv_printer.jpg);}
#kvSupFluid{background-image:url(../../support/images/kv_fluid.jpg);}
#kvProdTonops{background-image:url(../../product/tonops/images/kv_tonops.jpg);}
#kvProdMeasur{background-image:url(../../product/measuring/images/kv_measuring.jpg);}
#kvProdPrint{background-image:url(../../product/printer/images/kv_printer.jpg);}
#kvCsr{background-image:url(../../csr/images/kv_csr.jpg);}
#kvRecruit{background-image:url(../../recruit/images/kv_recruit.jpg);}

#kvSupOxygen p.read{background-color:rgba(23,141,141,0.7);}
#kvSupWater p.read{background-color:rgba(27,134,190,0.7);}
#kvProdMeasur p.read{background-color:rgba(23,87,141,0.7);}
#kvSupFluid p.read{background-color:rgba(139,109,68,0.7);}
#kvSupPrint p.read,
#kvProdPrint p.read{background-color:rgba(90,68,139,0.7);}
#kvProdTonops p.read{background-color:rgba(37,141,23,0.70);}


.chapterKV{
    padding-left: 0;
    justify-content:flex-start; 
    min-height: 450px;
    height: auto;
    background-size:100% auto;
    -moz-background-size:100% auto;
    -webkit-background-size:100% auto;
}
.chapterKV h1{padding: 110px 0 110px; font-size:  3rem;}
.chapterKV p.read{padding: 24px; color:#fff; position: absolute; bottom: 0;}
#kvCsr.chapterKV h1,
#kvRecruit.chapterKV h1{padding: 20px 65px 0; font-size: 4rem;}

@media screen and (max-width:767px){
  .chapterKV{
    text-align:left;
    padding:0 10px;
    min-height: 100vw !important;
    justify-content: flex-start;
  }
  .chapterKV p{display: block;}
  .chapterKV h1{text-align:left; height: 40vw;padding-top: 10%; font-size: 2.4rem;}
  .chapterKV p.read{ margin: 0 0 0 -10px; padding: 20px; /*font-size: 90%;*/}
  #kvCsr.chapterKV,
  #kvRecruit.chapterKV{ min-height: 50vw !important; height: 50vw !important; background-position: bottom;}
  #kvCsr.chapterKV h1,
  #kvRecruit.chapterKV h1{
      padding: 0; 
      font-size: 2rem;
      color:#000; 
      text-shadow:none;
  }
  
}


/*--------------------------------------------------
container (adjust col margin)
--------------------------------------------------*/
/*@media screen and (min-width:768px){
  .row {
    margin-right: -20px;
    margin-left: -20px;
  }
  .row > [class*="col"] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .row + .row{
    margin-top:0;
  }
}*/
@media screen and (max-width:767px){
  .no-guttersSP .row>.col,
  .no-guttersSP .col + .col,
  .no-guttersSP .row>[class*=col-]{
    padding-top:0 !important;
  }
  .no-guttersSP + .no-guttersSP{ margin-top: 0; }
}

/*--------------------------------------------------
TDS original
--------------------------------------------------*/
.row > [class*="col"] img.imgAuto{width:auto;}
.row .inner-col > .heading{
    text-align: center;
    background-color: #014099;
    color: #ffffff;
    padding: 10px;
}
[class*="inner-col"]>.elem-col{
    box-sizing:border-box;
    padding:15px 30px 30px;
}
.inner-col .btnLink,
.inner-col .btnNewwin{ margin-top: 20px;}
.btnLink a{
  display: inline-block;
  position: relative;
  padding:18px 26px 18px 6px;
  width: 100%;
  background-color: #ffffff !important;
  border: solid 1px #014099;
  box-sizing:border-box;
}
.btnLink a:hover{
  text-decoration: none;
  background-color: #014099 !important;
  color: #fff;
}
.btnLink a::after{
  content:'';
  display:inline-block;
  position:absolute;
  top: 40%;
  right: 20px;
  width:13px;
  height:13px;
  border-top:#014099 2px solid;
  border-right: #014099 2px solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  transition: all .4s;
}
.btnLink a:hover::after{border-color:#fff;}


/* LinkBotton [icon: newWindow, PDF, E-mail]
----------------------------------------------- */
@font-face {
  font-family: 'svgicon';
  src:
url('../../shared/fonts/svgicon.ttf?l8bala') format('truetype'),
url('../../shared/fonts/svgicon.woff?l8bala') format('woff'),
url('../../shared/fonts/svgicon.svg?l8bala#svgicon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.btnNewwin a::after,
#footerNav > ul.parentNav li.blank a::after{
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'svgicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btnNewwin{margin:0 auto; text-align: center;}
.btnNewwin a{
  display: inline-block;
  position: relative;
  padding:19px 26px 19px 6px;
  width: 100%;
  background-color: #014099;
  font-weight: bold;
  transition: all .4s;
  color: #fff;
  box-sizing:border-box;
}
.btnNewwin a:hover{
  text-decoration: none;
  background-color: #022b66;
}
.btnNewwin a::after{
  content: "\e907";
  position: absolute;
  top:40%;
  right:20px;
  color:#ffffff;
}
.btnNewwin a:visited{color: #fff; }
.btnPDF {margin:0 auto; text-align: center;}
.btnPDF a{
  display: inline-block;
  position: relative;
  padding:18px 26px 18px 6px;
  width: 100%;
  font-weight: bold;
  transition: all .4s;
  border: solid 1px #014099;
  box-sizing:border-box;
}
.btnPDF a:hover{
  text-decoration: none;
  background-color: #014099;
  color: #ffffff;
}
.btnPDF a::after{
  content:'PDF'; 
  background-color: #c90000;
  position: absolute;
  top:40%;
  right:20px;
  display:inline-block;
  padding:1px 8px;
  color:#fff;
  font-size:11px;
  line-height: 1.4;
  vertical-align: middle;
}

.btnEmail{margin:0 auto;}
.btnEmail a{
  background: url("../images/email_b.svg") 53px center no-repeat;
  background-size: 37px 18px;
  display: inline-block;
  position: relative;
  padding:10px 26px 10px 115px;
  width: 100%;
  font-weight: bold;
  transition: all .4s;
  border: solid 1px #014099;
  box-sizing:border-box;
}
.btnEmail a:hover{
  text-decoration: none;
  background-color: #eef4f9;
}

[class*="inner-col"]>.elem-tel{
    box-sizing:border-box;
    padding:0 30px 30px;
    text-align: center;
}
[class*="inner-col"]>.elem-tel p{
    font-weight: bold;
    text-align: center;
    padding: 3px;
    background-color: #c2d5f0;
    font-size: 0.9em;
    margin-bottom: 10px;
}
[class*="inner-col"]>.elem-tel dl{ display: inline-block; width: auto; text-align: center;}
[class*="inner-col"]>.elem-tel dt,
[class*="inner-col"]>.elem-tel dd{ font-weight: bold; font-size: 1.2em; color:#014099; text-align: left;}
[class*="inner-col"]>.elem-tel dt{text-align: center;}


.bPattern03,
.bPattern04,
.bPattern05 {margin-bottom:30px;}

/* bPattern03 [border]
----------------------------------------------- */
.bPattern03 .bPattern03{ 
  border: 1px solid #014099;
  padding: 15px;
  margin: 20px 0 0;
}

/* bPattern04 [Light blue/heading  inner/border]
----------------------------------------------- */
.bPattern04 .heading{
  padding:7px 0;
  background:#EFF4FA;
  text-align:center;
  font-weight: bold;
  font-size: 1em;
  margin: 0;
}
.bPattern04 .inner{
  border: solid 1px #E5E5E5;
  padding:20px;
  box-sizing:border-box;
}
[class*="col"] .bPattern04{
    box-sizing:border-box;
}
.row .bPattern04{margin-bottom:0;}
.row .bPattern04 .inner .discList{padding-left: 1em;}
.row .bPattern04 .inner .discList >li:first-child{margin-top: 0;}

/* bPattern05 [Light blue/heading]
----------------------------------------------- */
.bPattern05{margin-bottom:25px;}
.bPattern05 .heading{
  padding:10px 0 10px 20px;
  background:#EFF4FA;
  font-size:1.8rem;
  font-weight: bold;
}
.bPattern05 .inner{padding:20px;}
.bPattern05 .inner + .heading{ margin-top: 30px;}

.bPattern05 .heading + .lumpMix{padding-top: 20px;}
.bPattern05 .heading + .lumpMix >.lumpEnd >.inner,
.bPattern05 .heading + .lumpMix >.lumpEnd.inner{padding-top: 0;}
.bPattern05 .heading + .lumpMix >.lumpEnd >.inner > .discList li,
.bPattern05 .heading + .lumpMix >.lumpEnd.inner > .discList li{margin-left: -10px;}
.bPattern05 li [class*="col"]:last-child{ padding-right: 0 !important;}

@media screen and (max-width:767px){
  .bPattern05 .heading{ padding-left: 10px;}
  .bPattern05 .inner{padding:10px;}
  .bPattern05 .heading + .lumpMix{padding-top: 10px;}
}

/* downArrow [Light blue]
----------------------------------------------- */
.downArrow span {
  display:block;
  height:15px;
  width:50px;
  background-color:#C2D5F0;
  position:relative;
  left:0px;
  margin: 0 auto 35px;
}
.downArrow span::before {
  position:absolute;
  content:"";
  border:45px solid transparent;
  border-top:25px solid #C2D5F0;
  top:15px;
  left: -20px;
}

.colorGray{}
.colorGray.bPattern04 .heading,
.colorGray.downArrow span{background-color: #E5E5E5;}
.colorGray.downArrow span::before {border-top:25px solid #E5E5E5;}



/* dlNews */
.dlNews { display: block; padding:0 0 30px;}
.dlNews dt{margin-top: 0.8em; padding-top: 0.8em; border-top: dashed 1px #ddd;}
.dlNews dt:nth-child(1){margin-top: 0; padding-top: 0; border: none;}
.dlNews dt span[class*="label"]{display: inline-block; padding:2px 14px 0; margin-left:10px; font-size: 1.2rem; line-height: 1.4; vertical-align: middle;}
.dlNews dt span.labelSeg{padding:2px 30px 0;}
.dlNews dt span.labelSeg{background-color: #999; color:#fff;}
.dlNews dt span.labelNew{background-color: #ff6600; color:#fff;}
.dlNews dt span.labelCsr{padding:2px 30px 0;}
.dlNews dt span.labelCsr{background-color: #7dc639; color:#fff;}

.pressBlock dl dt .labelCsr{padding: 0 30px!important; background-color: #7dc639; color:#fff;}

.lumpMix.spImgUnder .lumpEnd{overflow:visible; overflow: hidden;}


@media screen and (max-width:767px){
  [class*="inner-col"]>.elem-col{padding: 10px 10px 30px;}
  [class*="inner-col"]>.elem-tel{padding: 0 10px 30px;}
  .btnLink a{padding:15px 0; display: block;}
  [class*="inner-col"]>.elem-tel dl{ display: block;}
  [class*="inner-col"]>.elem-tel dt,
  [class*="inner-col"]>.elem-tel dd{ display: block; width: 100%; text-align: center; padding: 0;}
	
  .pressBlock dl dt .labelCsr{padding: 2px 10px!important;}
  
  .lumpMix.spImgUnder{
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
  }
  .lumpMix.spImgUnder .lumpR,
  .lumpMix.spImgUnder .lumpL{ order:2; -webkit-order:2;}
  .lumpMix.spImgUnder .lumpEnd{order:1; -webkit-order:1; margin-bottom: 20px; width: 100%;}
}


/*--------------------------------------------------
FAQ
--------------------------------------------------*/

.faq{}
.faq dt{ font-size: 1.8rem; font-weight: bold; background-color: #EFF4FA; margin-top: 40px; }
.faq dt:first-child{margin-top: 0;}
.faq dd{margin-top: 10px;}
.faq dd .discList,
.faq dd .deciList01{margin-top: 0;}
.faq dd .discList li,
.faq dd .deciList01 li{line-height: 1.8; margin-bottom: 0.8em;}
.faq dt,.faq dd{ padding: 10px; display: table; width: 100%; }
.faq dt span:first-child,
.faq dd span:first-child{ font-size: 3rem; font-weight: bold; display: table-cell; width: 2.4em; vertical-align: top;line-height: 1em;}
.faq dt span:first-child{ color:#4D79B8; }
.faq dd span:first-child{ color: #A27CAE; }

@media screen and (max-width:767px){
    .faq dd span:first-child{display: block; margin-bottom: 15px;}

}

/*--------------------------------------------------
supportTop
--------------------------------------------------*/
.supportTop{margin-top: 40px; position: relative;}
.supportTop [class*="img"]{text-align: center; width: 740px; margin: auto;}
.supportTop .btnNewwin{ 
    position: absolute; 
    bottom: 110px; 
    left: 220px; 
    width: 210px; 
    box-sizing:border-box;
}
.supportTop .btnNewwin a{
    padding: 10px 20px 10px 0;
    line-height: 1.3;
    font-size: 90%;
}
.supportTop .imgSP{display: none;}
.supportTop .btnNewwin a::after{right: 0.8em;}
@media screen and (max-width:767px){
    .supportTop [class*="img"]{width: 100%;}
    .supportTop .imgPC{display: none;}
    .supportTop .imgSP{display: block;}
    .supportTop .btnNewwin{display: none;}
}


/*--------------------------------------------------
supportList
--------------------------------------------------*/
.supportList{margin-bottom: 10px;}
.supportList tr td:first-child{ text-align: center; width: 15%;}
.supportList thead th:first-child br{ display: none;}
.supportList tr.green td:nth-child(1),
.supportList tr.green td:nth-child(2){ color: #258D17;}
.supportList tr.blue td:nth-child(1),
.supportList tr.blue td:nth-child(2){ color:#1371F2;}

@media screen and (max-width:767px){
    .supportList thead th:first-child br{ display: block;}
    .supportList thead th:first-child { padding: 3px 10px; line-height: 1.2;}
    .supportList thead th,
    .supportList tbody td{white-space: nowrap !important;}
}


/*--------------------------------------------------
Product
--------------------------------------------------*/
.prod .lineBottomdot{ padding: 0 0 20px;}
.prod [class*="inner-col"]>.elem-col{padding:20px;}
.prod .elem-col + .elem-col{ padding-top: 0;}
.prod .elem-col .h2Type02 {margin: 0 0 10px; font-size: 2.2rem !important;}
.prod [class*="tPattern"] td{ background-color: #fff;}
.prod [class*="tPattern"] th{white-space: nowrap; width: 20%;}
.prod .h2BlockS{ overflow: hidden; }
.prod .h2BlockS h2{float: left; margin: 0; padding: 0;}
.prod .h2BlockS span{ display: inline-block; }
.prod .h2BlockS .btnLink{ margin: 0 0 0 30px;}
.prod .h2BlockS .btnLink a{ padding: 2px 30px 2px 1em; width: auto; font-weight: normal; font-size: 1.4rem;}
.prod .h2BlockS .btnLink a::after{width: 10px; height: 10px; top:35%; right: 10px; }

@media screen and (max-width:767px){
    
}

/*--------------------------------------------------
contact Area
--------------------------------------------------*/
#contactArea{
	background:#EFF4FA;
	margin: 40px 0 20px;
}
#contactArea .container{ margin-top: 0;}
#contactArea dt.heading{
	background-color:#014099;
	color:#fff;
	font-weight: bold;
	text-align: center;
    padding: 5px 20px;
}
#contactArea dd{
	padding: 15px 0;
	border-bottom: dashed 1px #ccc;
    margin: 0 20px 0;
    box-sizing:border-box;
}
#contactArea dd dd{ padding: 0; margin: 0; border: none;}
#contactArea .dept{ font-weight: bold; text-align: center;}
#contactArea .address{padding-top: 5px;}
#contactArea .tel{ font-size: 2.2rem; color: #004097; font-weight: bold; text-align: center; white-space: nowrap;}
#contactArea dd.time{ font-size: 1.4rem; text-align: center;}
#contactArea dd:last-child{ border: none;}
#contactArea .col-md-3.dept,
#contactArea .col-md-2.dept{text-align: left;}
#contactArea .col-md-9 .tel,
#contactArea .col-md-10 .tel{text-align: left;}


.contactBtn{margin:30px auto; width: 80%;}
.contactBtn a{display:block; padding:13px 60px; border:#e5e5e5 1px solid; color:#000; font-size:1.8rem; background-color: #fff;}
.contactBtn a:hover{background-color:#014099; color:#fff; text-decoration:none;}
@media screen and (max-width:767px){
    #contactArea{ margin-left: -10px; margin-right: -10px;}
    #contactArea dd.time{text-align: left;}
    .contactBtn{width: 100%;}
    #contactArea .tel{padding:0;}
    #contactArea .col-md-2.dept,
    #contactArea .col-md-3.dept{text-align: center;}
    #contactArea .col-md-9 .tel,
    #contactArea .col-md-10 .tel{text-align: center;}

}

/*--------------------------------------------------
contactBox
--------------------------------------------------*/

.contactBox {
	border: 1px #014099 solid;
	padding: 20px;
	width: 560px;
	margin: 60px auto 0;
}
.contactBox h2 {
	text-align: center;
	color: #014099;
	font-size: 108%;
	background: #f0f4f9;
	/*width: 414px;*/
	margin: 0 auto 10px;
	font-weight: bold;
	padding: 3px 0;
}
.contactBox ul {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	display: table;
}
.contactBox ul li.btn {
	display: table-cell;
  vertical-align: middle;
	width: 232px;
}
.contactBox ul li.btn a {
	font-size: 14px;
	background: url("../images/email.svg") no-repeat 20% 48% #014099;
  background-size: 37px 18px;
	color: #fff;
	display: block;
	padding: 8px 15px 8px 100px;
}
.contactBox ul li.btn a:hover {
	background-color: #00265b;
	text-decoration: none;
}
.contactBox ul li.tel {
	width: 260px;
	display: table-cell;
	vertical-align: middle;
  padding-left: 1.8em;
}
.contactBox ul li.tel p,
.contactBox ul.tonops li.tel dl{
	/*font-size: 10px;*/
	color: #014099;
}
.contactBox ul li.tel p span,
.contactBox ul.tonops li.tel dd span{
	letter-spacing: 2px;
}
.contactBox ul.tonops li.btn {
  width: 160px;
  vertical-align: top;
}
.contactBox ul.tonops li.btn a {
  background-position: 18% 48%;
  padding-left: 36%;
}
.contactBox ul.tonops li.tel{ padding-left: 1em;}
.contactBox ul.tonops li.tel dl{
  clear: both;
  overflow: hidden;
}
.contactBox ul.tonops li.tel dt,
.contactBox ul.tonops li.tel dd{float: left;}
.contactBox ul.tonops li.tel dt,
.contactBox ul.tonops li.tel dd:nth-of-type(1){ margin-bottom: 10px;}
.contactBox ul.tonops li.tel dt{  width: 35%; }
.contactBox ul.tonops li.tel dd{  }

@media screen and (max-width:767px) {
  .contactBox {
    padding: 10px 2%;
    width: 100%;
    margin: 20px auto 50px;
  }
  .contactBox h2 {
    width: 100%;
  }
  .contactBox ul {
    width: 100%;
    display: block;
  }
  .contactBox ul li.btn,
  .contactBox ul.tonops li.btn{
    display: block;
    width: 100%;
  }
  .contactBox ul li.btn a,
  .contactBox ul.tonops li.btn a{
    background: url("../images/email.svg") no-repeat 20px 48% #014099;
    background-size: 24px;
    padding: 12px 15px 12px 25px;
    text-align: center;
  }
  .contactBox ul li.tel {
    margin-top: 10px;
    width: 100%;
    /* font-size: 14px; */
    display: block;
    text-align: center;
    padding-left: 0;
  }
  .contactBox ul li.tel p span,
  .contactBox ul.tonops li.tel dd span{
    letter-spacing: 1px;
  }
  .contactBox ul.tonops li.tel dt,
  .contactBox ul.tonops li.tel dd{
    float:none; 
    width: 100%; 
    margin-bottom: 0;
  }
  .contactBox ul.tonops li.tel dt{font-weight: bold;}
  .contactBox ul.tonops li.tel dd br{ display: none;}
  .contactBox ul.tonops li.tel dd span:nth-of-type(1){ margin-right: 1em;}

	.fx01{
		padding: 10px 0 40px;
	}
}
/*--------------------------------------------------
TONOPS
--------------------------------------------------*/
.otherProcess{}
.otherProcess.bPattern05 .col .heading{ margin-bottom: 20px;}
.otherProcess.bPattern05 .col .heading + .lumpMix{ padding-top: 0; }
.otherProcess.bPattern05 .col:nth-of-type(2) .heading{
  background-color: #E4F8DC !important;
  margin-top: 30px;
}
.otherProcess.bPattern05 .col:nth-of-type(2) .heading:first-child{
  margin-top: 0;
}

ol.flowProcess > li{
  list-style:none; 
  margin-left:0; 
  list-style-position: inside;
  position:relative;
}
ol.flowProcess > li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
  top:35%;
  right:-.6em;
  border-style: solid;
  border-color: transparent transparent transparent #C2D5F0;
  border-width: 30px 0 30px 20px;
  z-index: 10;
}
ol.flowProcess > li.t120:after{top:120px;}
ol.flowProcess > li:last-child:after{
  display:none;
}

@media screen and (max-width:767px){
  .otherProcess .row{
    border-bottom: 1px dotted #666;
    padding: 20px 0 30px;
  }
  .otherProcess .row:last-child{border-bottom: none;}
  
  ol.flowProcess > li{padding-bottom: 10px !important; margin-bottom: 10px;}
  ol.flowProcess > li.t120{padding-bottom: 40px !important; margin-bottom: 40px;}
  ol.flowProcess > li.t120:after,
  ol.flowProcess > li:after{top:100%;}
  ol.flowProcess > li:after{
    margin: 0;
    right: 45%;
    border-width: 20px 30px 0 30px;
    border-color: #C2D5F0 transparent transparent transparent;
    /*padding-bottom: 50px;*/
    }
}





@media screen and (max-width:767px){
    .greeting.lumpMix .lumpL.sp100{ 
        width:auto;
        text-align: center;
    }
    .greeting .capW230{width: 230px; text-align: left; margin: 0 auto;}
}

/*--------------------------------------------------
contact
--------------------------------------------------*/
.conSelect .contactBtn{ margin: 0;}
.conSelect .contactBtn a{
  display:block;
  text-align:center;
  padding:18px 10px;
  background-color:#fff;
  border:#eaeaea 1px solid;
  color:#333;
  font-size:1.4rem;
  /*transition: all .4s;*/
  width: 360px;
}
.conSelect .contactBtn a:hover{
  color:#fff;
  background-color:#004097;
  text-decoration:none!important;
}
.conSales .fontB2{color: #014099; font-weight: bold;}
.conSales .row + .row{ margin-top: 0;}
.conSales a{color: #333333;}
.conSales a:visited{color: #333333;}
.conSales a:hover{color: #014099;}
.conSales .txtLink02 a{ font-size: 1.6rem;}
.conSales ul.iconLink a{font-weight: bold;}

@media screen and (max-width:767px){
  .conSelect .contactBtn a{width: 100%;}
}

/*--------------------------------------------------
notes iframe Height
--------------------------------------------------*/
.youtubeMovie{position: relative;padding-bottom: 56.25%; height: 0;overflow: hidden;}
.youtubeMovie iframe{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.iframePress{height:300px;}

@media screen and (max-width:767px){
  .iframePress{height:200px;}
}


/*--------------------------------------------------
footerNav
--------------------------------------------------*/
#footerNav{padding:0 0 0 30px;}
#footerNav > ul.parentNav > li{padding:0 14px;}
#footerNav > ul.parentNav > li:nth-of-type(1){width:23%!important; padding-left: 0;}
#footerNav > ul.parentNav > li:nth-of-type(2){width:15%!important;}
#footerNav > ul.parentNav > li:nth-of-type(3){width:28%!important;}
#footerNav > ul.parentNav > li:nth-of-type(4){width:12%!important;}
#footerNav > ul.parentNav > li:nth-of-type(5){width:22%!important; padding-right: 0;}
#footerNav > ul.parentNav li.blank a::after{content: "\e907"; padding-left:5px; color:#999; }


/*----------------------------------------
pdfList
----------------------------------------*/

.pdfList li {list-style: none;}
.pdfList li a {padding: 10px 15px; display: block; text-decoration: none; background-color: #eef4f9;}
.pdfList li:nth-child(odd) a {background-color: #e1eaf5;}
.pdfList li a:hover {opacity: 0.7;}


.h1Type01 {
	padding: 43px 0;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.2;
}

/*----------------------------------------
/tds/support/配下
----------------------------------------*/
._p a {
    padding: 4px 26px 3px 6px;
}
.btnLink02{
	color: #FF0000;
	background-color:#fbe5d6;
	text-align: center;
	padding: 10px 0;
}
.btnBox a{
	text-decoration: none;
}

/*----------------------------------------
/tds/csr/配下
----------------------------------------*/
.csrh2{
	margin: 47px 0 27px;
	background-color: #014099;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px;
}
/*----------------------------------------
/tds/products/measuring
----------------------------------------*/
.grid{
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}
@media screen and (max-width:767px){
	.grid{
		display: block;
	}
}
.item1{
	background-color: #eef4f9;
}
.item2{
	grid-row: 1/3;
	grid-column: 2/3;
	background-color: #eef4f9;
}
.item3{
	background-color: #eef4f9;
}
.grid .inner-col > .heading{
	text-align: center;
    background-color: #014099;
    color: #ffffff;
    padding: 10px;
	font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 5px 0;
    line-height: 1.4;
}