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

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

@media screen and (max-width:767px){
  header #logo .siteLogo img,
  body.popup header .siteLogo a img{width:153px;}
}

#funcBtns > li{height:32px;}
#funcBtns > li > a{
  color:#fff;
  padding:10px 25px;
  background-color:#014099;
  font-size:1.4rem;
  vertical-align: middle;
  transition: opacity .3s cubic-bezier(0.170, 0.935, 0.305, 1.000);
}
#funcBtns > li > a:hover{
  color:#fff;
  opacity:.7;
}
#funcBtns li#contactLink{
  margin:0 0 0 15px;
}

@media screen and (max-width:767px){
  #funcBtns{display:flex!important; justify-content: space-between; margin-top:20px;}
  #funcBtns li{margin:0!important; width:48%;}
  #funcBtns li a{display:block; text-align:center;}
  #funcBtns li a:hover{color:#fff!important;}
}


/*--------------------------------------------------
globalNav
--------------------------------------------------*/
@media screen and (min-width: 768px) {
  #globalNav ul li .subGnav .category{display:none;}
  #globalNav ul li .subGnav .menus{padding:20px 30px;}
  #globalNav ul li .subGnav .menus ul{
    display:flex;
    width:100%;
    padding:0;
  }
  #globalNav ul li .subGnav .menus ul::after{display:none;}
  #globalNav ul li .subGnav .menus ul li + li{margin-left:24px;}
  #globalNav ul li .subGnav .menus ul li a{
    padding:0;
    /* font-size: 1.2rem; */
    transition:opacity .3s cubic-bezier(0.170, 0.935, 0.305, 1.000);
  }
  #globalNav ul li .subGnav .menus ul li a:hover{
    color:#333;
    opacity:.7;
  }
  #globalNav ul li .subGnav .menus a span{display:inline-block; height:46px;}
  #globalNav ul li .subGnav .menus a .gnavAdjust1 i{display:none;}
  #globalNav ul li .subGnav .menus a img{display:block; margin-top:10px;}

  #footerNav .subGnav .menus a img{display:none;}
  #footerNav .subGnav .menus a .gnavAdjust1 br{display:none;}
}

@media screen and (max-width: 767px) {
  #gNavSP ul li .subGnav .menus ul li a img{display:none;}
  #gNavSP ul li .subGnav .menus a .gnavAdjust1 i{display:inline;}
  #gNavSP ul li .subGnav .menus a .gnavAdjust1 br{display:none;}
  #gNavSP ul .noIndex > a:nth-of-type(1){pointer-events: none;}
}

/*--------------------------------------------------
contents width
--------------------------------------------------*/
@media screen and (min-width: 768px) {
  .maxWidth#wrapper {
    width: 100% !important;
  }
  .maxWidth #headerWrap {
    width: 1080px;
    margin: 0;
    left: -webkit-calc(50% - 540px);
    left: -moz-calc(50% - 540px);
    left: calc(50% - 540px);
  }
  .maxWidth #breadCrumb {
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
  .maxWidth header #logo {
    left: 0;
  }
  .maxWidth #globalNav {
    width: 100%;
    margin: 0;
  }
  .maxWidth #globalNav ul.parentNav {
    /* width: 1080px; */
    padding-left: -webkit-calc(50% - 540px);
    padding-left: -moz-calc(50% - 540px);
    padding-left: calc(50% - 540px);
  }
  .maxWidth #globalNav ul.parentNav .subGnav{
    width: 1080px;
    left: -webkit-calc(50% - 540px);
    left: -moz-calc(50% - 540px);
    left: calc(50% - 540px);
  }
  .maxWidth #contents,
  .maxWidth footer {
    width: 1080px;
    margin: 0 auto;
  }
}
.headerBg {
  width: 100%;
  height: 110px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .headerBg {
    display: none;
  }
}


/*--------------------------------------------------
footerMenu
--------------------------------------------------*/
.footerMenu{
  background:#014099;
  color:#fff;
  margin:150px 0 0;
}
.footerMenu .inner{
  width:1080px;
  margin:auto;
  padding:70px 0 70px;
}
.footerMenu .lead{
  text-align:center;
  text-align: center;
  font-size: 2rem;
  margin: 0 0 50px;
}
.footerMenu .menus{
  display: flex;
  justify-content: space-between;
}
.footerMenu .menuItem{
  position: relative;
  width:31%;
  border:#fff 1px solid;
  padding:30px 30px 80px;
  color:#fff;
  will-change: transform;
  transition:all .5s cubic-bezier(0.170, 0.935, 0.305, 1.000);
}
.footerMenu .menuItem:hover{
  text-decoration: none;
  transform:scale(1.03);
}
.footerMenu .menuItem .heading{
  font-size:2rem;
  font-weight: 600;
  text-align: center;
  margin: 0 0 15px;
  min-height:110px;
}
.footerMenu .menuItem .heading img{
  display: block;
  margin:15px auto 0;
}
.footerMenu .menuItem .heading .mail{margin-top:20px;}
.footerMenu .menuItem .heading .download{margin-top:20px;}
.footerMenu .menuItem .outline{}
.footerMenu .menuItem .act{
  position: absolute;
  width:100%;
  left:0;
  bottom:0;
  padding:15px;
  text-align: center;
  background: #fff;
  color: #014099;
}
.footerMenu .telArea .tel{
  display:flex;
  justify-content: center;
  align-items: center;
  margin:50px 0 15px;
}
.footerMenu .telArea .tel em{
  font-size: 2.3rem;
  font-weight: 600;
}
.footerMenu .telArea .tel a{
  display:inline-block;
  margin:0 36px 0 45px;
  font-size:4.8rem;
  font-weight: 600;
  color:#fff;
  line-height: 1.2;
}
.footerMenu .telArea .note{text-align: center;}

@media screen and (max-width:767px){
  .footerMenu .inner{width:100%; padding:30px 15px 20px;}
  .footerMenu .lead{font-size:1.4rem; margin:0 0 20px; text-align: left;}
  .footerMenu .menus{flex-direction: column;}
  .footerMenu .menuItem{
    position:relative;
    width:100%;
    padding:15px 35px 15px 15px;
    font-size:1.3rem;
  }
  .footerMenu .menuItem::after{
    content:'';
    display:inline-block;
    position:absolute;
    right:5%;
    bottom:0;
    top:0;
    margin:auto;
    width:12px;
    height:12px;
    border-top:#fff 3px solid;
    border-right: #fff 3px solid;
    transform: rotate(45deg);
  }
  .footerMenu .menuItem + .menuItem{border-top:none;}
  .footerMenu .menuItem:hover{transform:scale(1);}
  .footerMenu .menuItem .heading{
    padding-left:30px;
    font-size:1.6rem;
    min-height: 0;
    display:flex;
    justify-content: center;
    align-items: center;
  }
  .footerMenu .menuItem .heading img{width:10%; margin:0 0 0 10px;}
  .footerMenu .menuItem .heading .mail{margin-top:0;}
  .footerMenu .menuItem .heading .download{margin-top:0;}
  .footerMenu .menuItem .act{display:none;}
  .footerMenu .telArea .tel{flex-direction: column; margin:30px 0 10px;}
  .footerMenu .telArea .tel em{font-size: 1.6rem;}
  .footerMenu .telArea .tel a{margin:5px 0; font-size: 2.4rem;}
  .footerMenu .telArea .tel span{font-size: 1.4rem;}
  .footerMenu .telArea .note{font-size: 1.4rem;}
}


/*--------------------------------------------------
footer
--------------------------------------------------*/
#footerNav{padding:0;}
#footerNav ul:after{display:none;}
#footerNav > ul.parentNav{ min-height: 250px;}
#footerNav > ul.parentNav > li{padding:0;}
#footerNav > ul.parentNav > li .menu{display: flex;}
#footerNav > ul.parentNav{overflow: hidden; display: block; position: relative;}
#footerNav > ul.parentNav > li:nth-of-type(1){float: left; width:19%;}
#footerNav > ul.parentNav > li:nth-of-type(n+2){width: 17%; margin-left: 19%;}
#footerNav > ul.parentNav > li:nth-of-type(3){margin-top:20px;}
#footerNav > ul.parentNav > li:nth-of-type(4){margin-top:20px;}
#footerNav > ul.parentNav > li:nth-of-type(5){margin-top:20px;}
#footerNav > ul.parentNav > li:nth-of-type(n+6){position:absolute; left:38%; top:0; width:26%; margin-left: 0; padding:0;}
#footerNav > ul.parentNav > li:nth-of-type(7){top:140px;}
#footerNav > ul.parentNav > li:nth-of-type(n+8){position:absolute; left:64%; top:0; width:37%; margin-left: 0; padding:0;}
#footerNav > ul.parentNav > li:nth-of-type(8){top:0;}
#footerNav > ul.parentNav > li:nth-of-type(9){top:40px;}
#footerNav > ul.parentNav > li:nth-of-type(10){top:80px;}

/*--------------------------------------------------
loading
--------------------------------------------------*/
#overlay{
	position: fixed;
  top: 0;
  left:0;
	z-index: 101;
	width: 100%;
	height:100%;
	display: none;
  background: rgba(255,255,255,.7);
}
#overlay .cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#overlay .spinner {
  width: 60px;
  height: 60px;
  border: 4px #ddd solid;
  border-top: 4px #014099 solid;
  border-radius: 50%;
  animation: spinnerAnime 0.8s infinite linear;
}

@keyframes spinnerAnime {
	100% {
		transform: rotate(360deg);
	}
}


/*--------------------------------------------------
general adjust
--------------------------------------------------*/
#globalNav ul li.hideList{display: none!important;}
.textUnderLine{text-decoration: underline;}
.heading1{font-size: 2.3rem; font-weight: 600; margin-bottom:10px;}
.heading2{
  font-size: 3rem;
  font-weight: 600;
  color:#014099;
  margin:100px 0 40px;
  text-align: center;
}
.heading3{
  padding:145px 0 20px;
  font-size: 2.8rem;
  font-weight: 600;
}
.indexBlock + .heading3{padding-top:60px;}
.heading4{
  padding:60px 0 20px;
  font-size: 2.1rem;
  font-weight: 600;
}

.bPattern03{border:#d8d8d8 1px solid; padding:20px;}
.tPattern03 th{text-align:left;}

.tPattern03.-type1{border-color:#231815; width:100%;}
.tPattern03.-type1 th,
.tPattern03.-type1 td{
  border-color:#231815;
  padding:20px;
}
.tPattern03.-type1 th{background-color:#d3d3d4;}

.tPattern04{border-collapse:collapse;}
.tPattern04{
  border-top:#ccc 1px solid;
  border-left:#ccc 1px solid;
  line-height:1.5;
}
.tPattern04 caption{
  margin:0;
  padding:10px 0;
  border:1px solid #ccc;
  border-bottom: none;
  background:#eaeaea;
  text-align:center;
}
.tPattern04 th,
.tPattern04 td{
  padding:25px;
  border-right:#ccc 1px solid;
  border-bottom:#ccc 1px solid;
  font-weight:normal;
}
.tPattern04 th{
  background:#f6f6f6;
  text-align:left;
  font-weight: bold;
}

.sectionline{
  margin:150px 0 100px;
  height:1px;
  background-color:#000;
  border:none;
}

.figureWrap{margin:50px 0;}
.heading4 + .figureWrap{margin-top:0;}

.noteL li {
  list-style: none !important;
  position: relative;
  padding-left: 2rem;
  font-size: 1.4rem;
}
.noteL li::before {
  content: '※';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (max-width:767px){
  .heading3{padding:60px 0 10px; font-size: 2.2rem;}
  .indexBlock + .heading3{padding-top:40px;}
  .heading4{padding:40px 0 10px; font-size: 1.8rem;}
  .tPattern03.-type1 th,
  .tPattern03.-type1 td{padding:10px; font-size:1.4rem;}
  .tPattern04 th,
  .tPattern04 td{padding:10px;}
  .h2Type02{font-size: 1.8rem;}
  .heading1{font-size: 1.8rem;}
  .heading2{font-size: 2.4rem; margin:50px 0 20px;}
  .sectionline{margin:70px 0 50px;}
  .figureWrap{margin:30px 0;}
}

@media screen and (min-width:768px){
  a[href^="tel:"] { cursor: default; color:#333; pointer-events: none;}
  a[href^="tel:"]:hover{text-decoration: none;}
}

.btnLink{margin-top: 35px;
margin-bottom: 30px;}
.btnLink a{padding:8px 80px; font-size: 2rem; font-weight: normal;}
.btnType1 {
  display: inline-block;
  padding: 2px 20px 0;
  /*margin-left:20px;*/
  background-color: #014099;
  color:#fff;
  font-size: 1.4rem;
  transition: all .5s;
}
.btnType1:hover{opacity:.7; text-decoration: none;}
.btnType1:visited{color:#fff;}

.btnType2 {
  display: inline-block;
  padding: 5px 20px;
  background-color: #014099;
  color: #fff;
  font-size: 1.4rem;
  transition: all .5s;
  text-align: center;
  margin:12px auto 0 auto;
  width: -moz-available;
  width: -webkit-fill-available;
}

.brochureDL{
  margin-top:15px;
  border:#eaeaea 1px solid;
  background:url(../../images/bg_side.jpg) 0 0 no-repeat;
  background-size: cover!important;
  text-align: center;
}
.brochureDL a{
  display: block;
  padding:40px 10px;
  font-size: 1.4rem;
  color:#333;
}
.brochureDL a:hover{text-decoration:none; background-color:rgba(0,0,0,.1);}
.brochureDL a:visited{color:#333;}
#sidebar .contact a{padding:40px 10px;}

  @media screen and (max-width:767px){
    #gNavSP ul li.hideList{display: none!important;}
    .btnLink{margin-top: 30px;}
    .btnLink a{padding:15px 0; font-size:1.6rem;}
    .btnType1{margin-left: 0;}
    .brochureDL a{padding:15px 10px;}
    #sidebar .contact a{padding:10px;}
  }

/* anchorLinks
----------------------------*/
.anchorLinks {
  overflow: hidden;
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.anchorLinks li{margin-left:20px;}
.anchorLinks.col3 li{width:30%;}
.anchorLinks.col4 li{width:23%;}
.anchorLinks li:nth-of-type(4n+1){margin:0;}
.anchorLinks li a {
  position: relative;
  display: block;
  text-align: center;
  padding: 20px;
  border:#004098 1px solid;
}
.anchorLinks li a:hover{text-decoration: none;}
.anchorLinks li a:visited{color:#004098;}
.anchorLinks li a::after{
  content: "";
  display:inline-block;
  width:12px;
  height:12px;
  border-top:#004098 1px solid;
  border-right: #004098 1px solid;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  bottom:45%;
  right:20px;
  transition: all, .3s;
}
.anchorLinks li a:hover::after{bottom:40%;}

/*--------------------------------------------------
chapterKV
--------------------------------------------------*/
.chapterKV{padding:150px 0 0 45px; margin-bottom: 30px;}
.chapterKV h2{margin-bottom:15px; padding:0; border:none; font-size:3.6rem; font-weight:bold; line-height:1.4; color:#333; text-shadow: none;}
#kvMessage{background:url(../../aboutus/images/kv_message.jpg) 0 0 no-repeat; position:relative;}
#kv_cha_01{background:url(../../challenge/images/kv_cha_01.jpg) 0 0 no-repeat; position: relative;}
#kvCareer{background:url(../../recruit/career/images/kv_career.jpg) 0 0 no-repeat; position:relative;}
#kvCareer p{color:#333; text-shadow: none; font-size: 1.8rem;}
[id^="kv"]{background-size: cover!important;}

@media screen and (min-width:768px){
  #kvCareer .chapterKV{padding-top: 80px;}
}

@media screen and (max-width:767px){
  #kvMessage{background:url(../../aboutus/images/sp_kv_message.jpg) 0 0 no-repeat;}
  #kv_cha_01{background:url(../../challenge/images/sp_kv_cha_01.jpg) 0 0 no-repeat;}
  #kvCareer{background:url(../../recruit/career/images/sp_kv_career.jpg) 0 0 no-repeat;}

  #kvMessage,
  #kvCareer{
    margin:0 -10px 20px;
    padding:0 10px;
    background-size:100% auto;
    -moz-background-size:100% auto;
    -webkit-background-size:100% auto;
  }
  .chapterKV{text-align:center; padding:0; margin:25px 0 0;}
  .chapterKV h2{padding:40% 0 10px; margin-bottom:0; font-size:200%; color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0.5);}
  h1 + [id^="kv"] > .chapterKV{margin-top:0;}
  #kvCareer .chapterKV p{display: block; padding-top:30%; text-shadow:1px 1px 0px rgba(255,255,255,0.8); font-size: 1.4rem;}
}


/*--------------------------------------------------
top
--------------------------------------------------*/
@media screen and (min-width:768px){
  #kvSlider.indexKV{width:1280px; margin:0 -100px;}
  #kvSlider.indexKV .bxslider .elemInner{height:480px;}
}
#kvSlider.indexKV .bxslider .elemInner{
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:opacity .3s ease-out;
}
#kvSlider.indexKV .bxslider .elemInner:hover{
  opacity: .9;
}
#kvSlider.indexKV .bxslider .elemInner .contact{margin-top:10px;}
#kvSlider.indexKV .bxslider .elemInner .contact a{
  color:#fff;
  text-decoration: none;
}
#kvSlider.indexKV .bxslider .elemInner .contact a:hover{text-decoration: underline;}

#kvSlider.indexKV .bxslider div.elem1{background:url(../../images/kv_01.jpg) 0 0 no-repeat;}
#kvSlider.indexKV .bxslider div.elem2{background:url(../../images/kv_02.jpg) 0 0 no-repeat;}
#kvSlider.indexKV .bxslider div.elem3{background:url(../../images/kv_03.jpg) 0 0 no-repeat;}
#kvSlider.indexKV .bxslider div.elem4{background:url(../../images/kv_04.jpg) 0 0 no-repeat;}
#kvSlider.indexKV .bxslider div.elem5{background:url(../../images/kv_05.jpg) 0 0 no-repeat;}
#kvSlider.indexKV .bxslider div.elem6{background:url(../../images/kv_07.jpg) 0 0 no-repeat;}
#kvSlider.indexKV .bxslider .spHide{display:block;}
#kvSlider.indexKV .bxslider .spShow{display:none;}

#kvSlider.indexKV h1{display: none;}

  @media screen and (max-width:767px){
    #kvSlider.indexKV{width:100%; margin:0;}
    #kvSlider.indexKV .bxslider div.elem1{background:url(../../images/sp_kv_01.jpg) 0 0 no-repeat;}
    #kvSlider.indexKV .bxslider div.elem2{background:url(../../images/sp_kv_02.jpg) 0 0 no-repeat;}
    #kvSlider.indexKV .bxslider div.elem3{background:url(../../images/sp_kv_03.jpg) 0 0 no-repeat;}
    #kvSlider.indexKV .bxslider div.elem4{background:url(../../images/sp_kv_04.jpg) 0 0 no-repeat;}
    #kvSlider.indexKV .bxslider div.elem5{background:url(../../images/sp_kv_05.jpg) 0 0 no-repeat;}
	#kvSlider.indexKV .bxslider div.elem6{background:url(../../images/sp_kv_07.jpg) 0 0 no-repeat;}
    #kvSlider.indexKV .bxslider div{
      -moz-background-size:100% auto;
      -webkit-background-size:100% auto;
      background-size:100% auto!important;
      height: 110%;
    }
    #kvSlider.indexKV .bxslider .spHide{display:none;}
    #kvSlider.indexKV .bxslider .spShow{display:block;}
    #indexAdjust{padding-top:110%; margin-top:0;}
  }

  @media screen and (max-width:374px){
    #indexAdjust{padding-top:126%; margin-top:0;}
  }

/* topCols
----------------------------*/
#topCols .col{display:flex; align-items: center;}
#topCols .img-col{position: absolute; top:0; overflow: hidden;}
#topCols .img-col img{transition:all .3s ease-out;}
#topCols .elem-col{
  position: relative;
  padding:0 70px;
  font-size: 1.8rem;
}
#topCols .elem-col .heading{font-size: 3.2rem; text-align: center;}
#topCols .col:link,
#topCols .col:visited{color:#fff!important;}
#topCols .col:hover .img-col img{transform:scale(1.1);}

@media screen and (max-width:767px){
  #topCols .col{
    height:60vw;
    padding:0!important;
    border-top:#fff 1px solid;
    overflow: hidden;
  }
  #topCols .elem-col{
    position: relative;
    padding:0 30px;
    font-size: 1.4rem;
  }
  #topCols .elem-col .heading{font-size: 2rem; }
}

@media screen and (min-width:768px){
  #topCols .col{min-height:370px;}
  #topCols .row {
    margin-right: -10px;
    margin-left: -10px;
  }
  #topCols .row > [class*="col"] {
    padding-left: 10px;
    padding-right: 10px;
  }
  #topCols .row + .row{
    margin-top:20px;
  }
}

/*--------------------------------------------------
business
--------------------------------------------------*/
/* businessList
----------------------------*/
.businessList{margin: 50px 0 80px; min-height: 261px;}
.businessList,
.businessList ul{
  -ms-display: flex;
  -webkit-display: flex;
  display: flex;
  position: relative;
}
.businessList ul{padding-bottom:70px;}
.businessList p{
  display:inline-block;
  border:#004098 1px solid;
  padding:17px 0;
  box-sizing: border-box;
  color:#004098;
}
.businessList #labelJA{
  background: url(../../business/images/line_01.svg) 0 135px no-repeat;
  width:760px;
}
.businessList #labelJA p{
  width:700px;
  background: url(../../business/images/flag_ja.svg) 180px 14px no-repeat;
  padding-left:240px;
}
.businessList #labelTH{
  padding-right:2px;
  width:320px;
  background: url(../../business/images/line_02.svg) 0 135px no-repeat;
}
.businessList #labelTH p{
  width:316px;
  background: url(../../business/images/flag_th.svg) 13px 14px no-repeat;
  padding-left:70px;
}
.businessList ul li{padding-right:65px; position: relative;}
.businessList ul li::after{
  content: "";
  position: absolute;
  right:24px;
  top:55px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 13.0px;
  border-color: transparent transparent transparent #004098;
}
.businessList ul li a{
  display: block;
  position: relative;
  border:#004098 1px solid;
  border-radius: 125px;
  width:125px;
  height: 125px;
  text-align: center;
  padding-top:47px;
  cursor: pointer;
}
.businessList ul li a:hover{text-decoration: none;}
.businessList ul li a:visited{color:#004098;}
.businessList ul li a::after{
  content: "";
  display:inline-block;
  width:12px;
  height:12px;
  border-top:#004098 1px solid;
  border-right: #004098 1px solid;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  bottom:30px;
  left:57px;
  transition: all, .3s;
}
.businessList ul li a:hover::after{bottom:25px;}

.businessList #labelTH li:last-child{padding-right: 0;}
.businessList #labelTH li:last-child::after{display: none;}

  @media screen and (max-width:767px){
    .businessList{margin: 30px 0 40px; min-height:0;}
    .businessList{display: block;}
    .businessList ul {display: block; padding-bottom: 0;}
    .businessList ul li{padding:0; margin-top:-1px;}
    .businessList ul li::after{display: none;}
    .businessList ul li a {
      border-radius: 0;
      width: 100%;
      height: auto;
      padding: 10px 20px;
      text-align: left;
    }
    .businessList ul li a::after{bottom:50%; left:93%; width: 8px; height: 8px;}
    .businessList > div{background:none!important; display: flex; flex-direction: column; }
    .businessList #labelJA,
    .businessList #labelTH{width: 100%;}
    .businessList #labelJA{margin-bottom: 10px;}
    .businessList #labelJA p,
    .businessList #labelTH p {
      width: auto;
      padding: 10px 0 10px;
      background-position: 10px 50%;
      background-size: 30px auto;
      width: 100%;
      right: 0;
      border: none;
      position: relative;
      padding-left:50px;
      font-size: 1.4rem;
    }
    .businessList [id^="label"] ul{order: 2; width:100%;}
    .businessList [id^="label"] p{order: 1; width:100%;}
  }

/* businessBlock
----------------------------*/
.businessBlock{
  position:relative;
  min-height: 447px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.businessBlock .inner{
  position:absolute;
  width:280px;
  /*color:#fff;*/
}
.businessBlock h2{font-size: 3rem; font-weight: bold; margin-bottom: 7px;}
.businessBlock .details{margin-top:20px;}
.businessBlock .details a{
  display: block;
  padding:10px;
  border:#fff 1px solid;
  text-align: center;
  font-size: 1.8rem;
  transition: all, .3s;
}
.businessBlock .details a:hover{
  text-decoration: none;
  background-color: #fff;
  color:#333;
}
.businessBlock#bus1{background-image:url(../../business/images/bg_01.jpg);}
.businessBlock#bus2{background-image:url(../../business/images/bg_02.jpg);}
.businessBlock#bus3{background-image:url(../../business/images/bg_03.jpg);}
.businessBlock#bus4{background-image:url(../../business/images/bg_04.jpg);}
.businessBlock#bus5{background-image:url(../../business/images/bg_05.jpg);}
.businessBlock#bus6{background-image:url(../../business/images/bg_06.jpg);}

.businessBlock#bus1 .inner{left:400px; top:100px; text-shadow: 1.5px 1.5px 0 rgba(255,255,255,.7);}
.businessBlock#bus2 .inner{left:75px; top:60px; color:#fff; text-shadow: 1.5px 1.5px 3px rgb(0, 0, 0);}
.businessBlock#bus3 .inner{left:720px; top:80px; color:#fff; text-shadow:1.5px 1.5px 3px rgb(0, 0, 0);}
.businessBlock#bus4 .inner{left:103px; top:100px; color:#fff; text-shadow: 1.5px 1.5px 3px rgb(0, 0, 0);}
.businessBlock#bus5 .inner{left:720px; top:80px; color:#fff; text-shadow:1.5px 1.5px 3px rgb(0, 0, 0);}
.businessBlock#bus6 .inner{left:75px; top:125px; text-shadow: 1.5px 1.5px 0 rgba(255,255,255,.7);}

.businessBlock#bus3 .details a,
.businessBlock#bus4 .details a,
.businessBlock#bus5 .details a{color:#fff;}
.businessBlock#bus3 .details a:hover,
.businessBlock#bus4 .details a:hover,
.businessBlock#bus5 .details a:hover{color:#333;}
.businessBlock#bus6 .details a{border-color:#333; color:#333;}
.businessBlock#bus6 .details a:hover{border-color: #fff;}

  @media screen and (max-width:767px){
    .businessBlock{margin:40px 0 0; min-height: 0; background-size:100% auto!important; padding-top:45%;}
    .businessBlock .inner{
      position:relative;
      width:100%;
      top:0!important; left: 0!important;
      color:#333!important;
      text-shadow: none!important;
    }
    .businessBlock h2{font-size: 2rem;}
    .businessBlock .details{margin-top:20px;}
    .businessBlock[id^="bus"] .details a{border-color:#333; color:#333!important; font-size:1.6rem;}
  }


/*--------------------------------------------------
aboutus
--------------------------------------------------*/
/* col biz
----------------------------*/
.row.biz{margin-right: -10px; margin-left: -10px;}
.row.biz .col{padding-left: 10px; padding-right: 10px;}
.row.biz .col .inner-col{
  background-color: #fff;
  border:#ccc 1px solid;
  color:#333;
  transition: all,.3s;
}
.row.biz .col:hover .inner-col{background-color: #e9e9e9;}
.row.biz .col .inner-col .elem-col{padding:20px 15px 15px;}
.row.biz .col .inner-col .elem-col .heading{font-size:1.6rem; color:#003399; text-align: center; margin-bottom: 10px;}
.row.biz .col .inner-col .elem-col p{font-size: 1.2rem;}

@media screen and (max-width:767px){
  .row.biz .col .inner-col .elem-col p{font-size: 1.4rem;}
}


/* innerTable
----------------------------*/
.innerTable th,
.innerTable td{border: none; vertical-align: middle;}
.innerTable .adjust1{padding-left:1.5em;}

@media screen and (max-width:767px){
  .innerTable th,
  .innerTable td{text-align: center;}
  .innerTable tr td:nth-of-type(2n+1) {padding-bottom:0;}
}

/* featureTable
----------------------------*/
.featureTable{
  width:100%;
  border-collapse: separate;
  border-top:#c9caca 1px solid;
  border-left:#c9caca 1px solid;
}
.featureTable th,
.featureTable td{border-right:#c9caca 1px solid; border-bottom:#c9caca 1px solid; text-align: left;}
.featureTable th{padding:20px 25px; font-size: 2rem; font-weight: bold; vertical-align: middle; line-height: 1.3;}
.featureTable td{background-color: #efefef; line-height: 1.5; position: relative;}
.featureTable .innerwrap{overflow: hidden; min-height: 187px;}
.featureTable .num{width:8%; font-size: 3rem;text-align:center; }
.featureTable .photo{float: right; width:300px; margin:0 0 0 20px;}
.featureTable .photo + p{padding:20px 25px 0;}
.featureTable .detail {
  position: absolute;
  bottom: 20px;
  left:25px;
  display: table;
  width:448px;
  border:#333 1px solid;
  font-size: 1.4rem;
}
.featureTable .detail span{
  display: table-cell;
  background-color: #333;
  color:#fff;
  padding:5px 28px;
  width:320px;
  text-align: center;
}
.featureTable .detail a{
  display: table-cell;
  background-color: #fff;
  padding:3px 24px;
  color:#333;
  text-align: center;
  transition: all .3s;
}
.featureTable .detail a:hover{background-color: #e9e9e9; text-decoration: none;}
.featureTable .detail.adjust1{bottom:10px;}

/* stripeTable
----------------------------*/
.stripeTable{width:100%;}
.stripeTable th,
.stripeTable td{padding:10px;}
.stripeTable tr:nth-of-type(odd){background-color: #efefef;}

/* others
----------------------------*/
.sign{margin-top:20px; text-align: right;}
.sign span{display: block; padding-top:10px;}
.slogan{padding:35px 70px; background-color: #d3e6f6; font-size: 3.6rem; font-weight: bold; line-height: 1.5;}
.mapBlock{margin-top:30px;}
.mapBlock p{font-size: 1.4rem; text-align: center;}
.featureBlock{display: block; text-decoration: none; transition: all,.3s}
.featureBlock:hover{background-color: #e9e9e9; text-decoration: none;}
.featureBlock dl{overflow: hidden; display: table; padding:20px 30px; border:#ccc 1px solid; width:100%;}
.featureBlock dt{display: table-cell; vertical-align: middle; width:30%; color:#003399; font-weight: bold;}
.featureBlock dd{display: table-cell; vertical-align: middle; font-size: 1.2rem; color:#333;}

@media screen and (max-width:767px){
  .featureTable th{padding:10px; font-size: 1.8rem;}
  .featureTable td{padding:20px;}
  .featureTable .innerwrap{min-height: 0;}
  .featureTable .num{width:30px; font-size: 1.4rem;}
  .featureTable .photo{width:30%; margin:0 0 0 10px;}
  .featureTable .photo + p{padding:0;}
  .featureTable .detail {
    position: relative;
    bottom: 0;
    right: 0;
    left:0;
    margin-top: 20px;
    width:100%;
    text-align:center;
  }
  .featureTable .detail.adjust1{bottom:0;}
  .featureTable .detail span{display: block; width:100%;}
  .featureTable .detail a{display: block; padding:5px 10px;}


  .stripeTable td{padding-top:0;}
  .sign img{width:90px;}
  .slogan{padding:20px; font-size: 1.8rem;}
  .slogan br{display: none;}
  .featureBlock,
  .featureBlock dt,
  .featureBlock dd{display: block;}
  .featureBlock{padding:0;}
  .featureBlock dt{width:100%; margin-bottom: 10px;}
  .featureBlock dd{font-size: 1.4rem;}
}


/*--------------------------------------------------
process_facility
--------------------------------------------------*/
/* stepList
----------------------------*/
.stepList{
  -ms-display: flex;
  -webkit-display: flex;
  display: flex;
  margin:30px 0 80px;
}
.stepList li {
  width: 130px;
  height: 111px;
  margin: 0 0 0 -10px;
  list-style-type: none;
  text-align: center;
  background:url(../../images/bg_steps.svg) 0 0 no-repeat;
}
.stepList li a{
  display: block;
  position: relative;
  padding-top:8px;
  color:#333;
  min-height: 111px;
}
.stepList li a:hover{text-decoration: none;}
.stepList li a::before {
  content:"STEP";
  font-size: 1.2rem;
  margin-left: -13px;
  font-family: Helvetica,Arial,sans-serif;
}
.stepList li a::after{
  content: "";
  display:inline-block;
  width:12px;
  height:12px;
  border-top:#333 1px solid;
  border-right: #333 1px solid;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transition: all, .3s;
  position: absolute;
  bottom:20px;
  left:40%;
}
.stepList li a:hover::after{bottom:12px;}
.stepList li span{padding-left:5px; font-size: 2.2rem; font-weight: bold; font-family: Helvetica,Arial,sans-serif;}
.stepList li em{display: block; font-size: 1.3rem; font-weight: bold; margin-left:-14px;}

.stepList li:nth-of-type(1){z-index: 9; margin-left:0;}
.stepList li:nth-of-type(2){z-index: 8;}
.stepList li:nth-of-type(3){z-index: 7;}
.stepList li:nth-of-type(4){z-index: 6;}
.stepList li:nth-of-type(5){z-index: 5;}
.stepList li:nth-of-type(6){z-index: 4;}
.stepList li:nth-of-type(7){z-index: 3;}
.stepList li:nth-of-type(8){z-index: 2;}
.stepList li:nth-of-type(9){z-index: 1;}

@media screen and (max-width:767px){
  .stepList{display: block;}
  .stepList li {
    width:100%;
    height: auto;
    margin:-1px 0 0;
    background-image:none;
    border:#333 1px solid;
    text-align:left;
  }
  .stepList li a{min-height: 0; padding:8px 20px;}
  .stepList li a::before{margin:0;}
  .stepList li span{font-size: 1.8rem;}
  .stepList li em{display: inline-block; font-size:1.6rem; margin:0 0 0 20px;}
  .stepList li a::after{
    width:8px;
    height:8px;
    bottom:40%;
    left:93%;
  }
  .stepList li a:hover::after{bottom:40%; left:93%;}
}

/* processBlock
----------------------------*/
.processBlock{margin:40px 0;}
.processBlock .heading{
  border:#333 1px solid;
  display: table;
  width:100%;
}
.processBlock .heading span{
  display: table-cell;
  padding:16px 0 0 8px;
  width:7%;
  background-color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
}
.processBlock .heading span::before{
  content:"STEP";
  font-size: 1.2rem;
  font-weight: normal;
  display: inline-block;
  padding:0 3px 0 0;
}
.processBlock .heading h2{
  display: table-cell;
  padding:15px 28px;
  color:#fff;
  font-size:2.4rem;
  font-weight: bold;
  background-color: #333;
  width:93%;
}
.processBlock .text{margin:10px 0 20px;}
.processBlock .works{background-color: #e6e6e6; padding:10px 25px;}
.processBlock .works li{display: inline-block; margin-right:48px;}
.processBlock .container{margin-top:20px;}
.processBlock .img-cap{font-size:1.4rem; text-align: left!important;}
.processBlock .container a .img-col{overflow: hidden;}
.processBlock .container a .img-col img{transition: all, .3s;}
.processBlock .container a:hover .img-col img{transform:scale(1.1);}
.processBlock .container .row{margin-top:20px;}
.processBlock .container .row:nth-of-type(1){margin-top:0;}

@media screen and (max-width:767px){
  .processBlock .heading span{
    padding:12px 0 0 8px;
    width:20%;
    font-size: 1.6rem;
  }
  .processBlock .heading h2{
    padding:10px 15px;
    font-size:1.8rem;
    font-weight: bold;
    width:80%;
  }
  .processBlock .works{
    -ms-display: flex;
    -webkit-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:         wrap;
    padding:0;
    background-color: #fff;
  }
  .processBlock .works li{
    width:50%;
    border-bottom:#fff 1px solid;
    padding:5px 10px;
    background-color: #e6e6e6;
    margin:0;
    font-size: 1.4rem;
  }
  .processBlock .text{margin:10px 0;}
  .processBlock .works li:nth-of-type(odd){border-right:#fff 1px solid;}
  .processBlock .works.spFull li{width:100%; border-right:none!important;}
  .processBlock .container.no-gutters{margin-top:10px; padding:0 10px;}
  .processBlock .container .col{margin-top: 10px;}
  .processBlock .container .img-cap{padding-top:5px;}
}


/*--------------------------------------------------
products
--------------------------------------------------*/
/* control
----------------------------*/
.control[data-filter]{
  background-color: #ccc;
  color:#fff;
  border:none;
  width:255px;
  font-size: 1.8rem;
  padding:10px;
  display: block;
  outline: none;
  transition: all,.3s;
}
.control[data-filter]:hover{opacity:.7;}
.control.mixitup-control-active{background-color: #014099;}
.control.mixitup-control-active:hover{opacity: 1;}
.control.all[data-filter]{margin-top:30px;}
.filterControls { overflow: hidden; margin-left: -20px; padding-bottom: 50px;}
.filterControls .control[data-filter] { float: left; margin: 0 0 20px 20px;}

@media screen and (max-width:767px){
  .control[data-filter]{width:100%;}
  .filterControls { margin-left: 0; padding-bottom: 20px; }
  .filterControls .control[data-filter] { float: none; margin:1px 0 0; }
}

/* prodModal
----------------------------*/
#prodModal{background-color: #333; text-align: center;}


/* Change Photos
--------------------------------*/
.changeProd{width:600px; margin:30px auto 0;}
.changeProd .photo{width:600px; height:341px!important; position:relative;}
.changeProd .photo img{max-width:600px; max-height: 341px;}
.changeProd .thumb{margin:30px 0 0;}
.changeProd .thumb ul{overflow: hidden; text-align: center;}
.changeProd .thumb li{
  width:80px;
  height: 80px;
  display: inline-block;
  margin-left:20px;
  box-sizing: border-box;
  overflow: hidden;
}
.changeProd .thumb li:first-child{margin-left:0;}
.changeProd .thumb li a{display:block; width:80px; height: 80px;}
.changeProd .thumb li a:hover   {opacity:0.8;}
.changeProd .thumb li a:active  {opacity:0.8;}
.changeProd .thumb li img{transform: scaleX(1.8); height: 80px;}
.changeProd .thumb:after{content:''; display:block; clear:both; height:0; overflow:hidden;}
.changeProd .thumb .over img{opacity:0.5;}

@media screen and (max-width:767px){
  .changeProd{width:100%; margin:30px auto 0;}
  .changeProd .photo{width:100%; height:auto!important;}
  .changeProd .photo img{max-width:100%; max-height:250px;}
  .changeProd .thumb{margin:2% 2% 3%;}
  .changeProd .thumb li{width:52px; height: 52px; margin-left:2%;}
  .changeProd .thumb li span{width:100%; height:0; padding-top:61%;}
  .changeProd .thumb li img{transform: scaleX(1.7); height: 52px; margin-top: -5px;}
  .changeProd .thumb li a{width:52px; height: 52px;}
}
@media screen and (max-width:320px){
  .changeProd .photo img{max-height:180px;}
}

/* proModal
--------------------------------*/
.iziModal{background:transparent!important; box-shadow:none!important; overflow: hidden;}
.iziModal-overlay{background-color: rgba(0, 0, 0, 0.8)!important;}
.proModal{text-align: center; background-color: transparent; color:#fff;}
.proModal h1{color:#fff; padding:30px 0;}
.proModal button{
  position: absolute;
  top:20px;
  right:0;
  display: block;
  width: 35px!important;
  height: 35px;
  border:none;
  background-color: transparent;
  outline: none;
  transition: all,.5s;
  opacity: .3;
  background:url(../components/iziModal/icon_close.svg) 50% 50% no-repeat!important;
}
.proModal button:hover{opacity: 1;}
.iziModal-navigate-next,
.iziModal-navigate-prev{background-position: 50% 54%;}

/*.iziModal .fadeIn, .iziModal-navigate.fadeIn, .iziModal-overlay.fadeIn, .iziModal.fadeIn{
  animation: none!important;
}
.iziModal .fadeOut, .iziModal-navigate.fadeOut, .iziModal-overlay.fadeOut, .iziModal.fadeOut{
  animation: none!important;
}*/

/* モーダルにタイトルがない場合 */
@media screen and (min-width:768px){
  body.adjust_iziModal .iziModal-navigate-next,
  body.adjust_iziModal .iziModal-navigate-prev{background-position: 50% 50%;}
}

@media screen and (max-width:767px){
  .iziModal-overlay{background-color: rgba(0, 0, 0, 1)!important;}
  /*.iziModal-navigate{display: none;}*/
  .proModal button{top:0; right:3px; transform:scale(0.6); opacity: 1;}
  .proModal h1{padding:20px 0; font-size: 1.8rem;}
  .proModal p{font-size: 1.4rem;}
  .iziModal-overlay{
    animation: none!important;
   /* display: block;
    background-color: rgba(0,0,0,1)*/
  }
  .iziModal-navigate-caption{display: none!important;}
  .iziModal-navigate>button{
    opacity:1!important;
    margin:0!important;
    z-index: 1000!important;
    background-position:50% 98.5%;
    background-size:70%!important;
  }

  .iziModal-navigate>button.iziModal-navigate-prev{
    left: 0!important;
    background-size:64%!important;
  }
  .iziModal-navigate>button.iziModal-navigate-next{
    left: auto!important;
    right:0!important;
    background-size:64%!important;
  }
}

/* productsList
----------------------------*/
.productsList {
  margin:0 0 -25px -2%;
  text-align: justify;
}
.productsList.-similar{
  display: flex;
  flex-wrap: wrap;
}
.productsList.-similar > a:nth-of-type(n+7){display:none;}

.productsList:after {
  content: '';
  display: inline-block;
  width: 100%;
}
.productsList .mix,
.productsList .gap{
  display: inline-block;
  vertical-align: top;
  position: relative;
  width:31.33%;
  margin:0 0 25px 2%;
  text-align: left;
}
.productsList > a{
  color:#333;
}
.productsList > a figure {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin:0 0 10px;
}
.productsList > a figure::before {
  content:'';
  position: absolute;
  top: 0; left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  transition: .3s;
  opacity: 0;
  color:#fff;
  text-align: center;
  padding:45% 10px 0;
  font-size: 1.4rem;
  line-height: 1.4;
}
.productsList > a figure figcaption{
  content:'詳しく見る';
  display: inline-block;
  position: absolute;
  top: 35%;
  left: 50%;
  z-index: 2;
  color: #fff;
  transform:translateX(-50%);
  font-size:1.2rem;
  opacity:0;
  transition:opacity .3s cubic-bezier(0.170, 0.935, 0.305, 1.000);
}
.productsList > a figure figcaption::before{
  content:'';
  display:block;
  width:50px;
  height:50px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/products/images/arrow.png);
  background-size:100%;
  margin:auto;
  padding:0;
}

.productsList > a figure img{
  position: relative;
  transition: transform, .3s;
  width:100%;
}
.productsList > a:hover figure::before,
.productsList > a:hover figure figcaption{opacity: 1;}
.productsList > a:hover img{transform:scale(1.1);}

.productsList > a .detail{font-size: 1.2rem;}
.productsList > a .detail::before{
  content:"＞";
  display:inline-block;
  margin-right:5px;
}

@media screen and (max-width:767px){
  .productsList{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left:-4%;
  }
  .productsList .mix,
  .productsList .gap{
    width: 46%;
    margin-left:4%;
  }
  .productsList .mix{font-size:12px;}
  .productsList > a .detail{font-size:1.1rem;}
  .productsList > a figure::before,
  .productsList > a figure figcaption{display:none}
}

/* Detail page
----------------------------*/
@keyframes fadein {
  0% {visibility: hidden; opacity: 0;}
  50% {visibility: visible; opacity: 0.5;}
  100% {visibility: visible; opacity: 1;}
}

.prodDetail{visibility: hidden; opacity:0;}
.prodDetail.is_act{animation: fadein 1s .5s forwards;}
.prodDetail .prodDetailTable{
  margin-top:40px;
  border-top:#000 1px solid;
  border-collapse: collapse;
  width:100%;
}
.prodDetail .prodDetailTable tr{border-bottom:#000 1px solid;}
.prodDetail .prodDetailTable th{padding:10px 0; font-weight: normal; width:17%;}
.prodDetail .prodDetailTable td{padding:10px;}
.prodDetail .prodImgs{
  display:flex;
  flex-wrap: wrap;
  margin:30px 0 0;
}
.prodDetail .prodImgs li{
  width:23%;
  margin:20px 10px 0;
}
.prodDetail .prodImgs li img{transition:all .3s ease-out;}
.prodDetail .prodImgs li a{display: block; overflow: hidden;}
.prodDetail .prodImgs li a:hover img{transform:scale(1.1);}

@media screen and (max-width:767px){
  .prodDetail .prodDetailTable{font-size:1.4rem;}
  .prodDetail .prodDetailTable th{padding:10px 0; width:25%;}
  .prodDetail .prodDetailTable a{word-break: break-all;}
  .prodDetail .prodImgs{justify-content: space-between;}
  .prodDetail .prodImgs li{width:48%;margin:4% 0 0;}
}


/*--------------------------------------------------
cmth
--------------------------------------------------*/
.cmthTable .logo{padding:0 20px; display: inline-block; vertical-align: middle;}
.cmthTable .adjust1{width:300px; display: inline-block; vertical-align: middle;}

body[id^="cmth"] [class*="inner-col"]{background-color: #efefef; color:#333;}
body[id^="cmth"] [class*="inner-col"] .elem-col{border-left:#c9caca 1px solid; border-bottom:#c9caca 1px solid;}
body[id^="cmth"] .col:last-child [class*="inner-col"] .elem-col{border-right:#c9caca 1px solid;}

#cmthMap{padding:0 105px;}

/* facilities
--------------------------------*/
#facilities{overflow: hidden; margin:50px 0 0;}
#facilities .layout{float:left; width:775px; position: relative;}
#facilities .layout > div{
  width:100%;
  height: 100%;
  position: absolute;
  top:0; left:0;
  background-position: 0 0;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity, .2s;
}
#facilities .layout > div.current{opacity: 1;}
#facilities .layout > div:nth-of-type(1){background-image: url(../../cmth/images/layout_01.png);}
#facilities .layout > div:nth-of-type(2){background-image: url(../../cmth/images/layout_02.png);}
#facilities .layout > div:nth-of-type(3){background-image: url(../../cmth/images/layout_03.png);}
#facilities .layout > div:nth-of-type(4){background-image: url(../../cmth/images/layout_04.png);}
#facilities .layout > div:nth-of-type(5){background-image: url(../../cmth/images/layout_05.png);}
#facilities .layout > div:nth-of-type(6){background-image: url(../../cmth/images/layout_06.png);}
#facilities .layout > div:nth-of-type(7){background-image: url(../../cmth/images/layout_07.png);}
#facilities .layout .imgSP{display: none;}
#facilities .steps{float:right; width:238px;}
#facilities .steps li{width:100%; margin:0 0 2px 0; list-style-type:none;}
#facilities .steps li a{display: block;  padding:15px 30px; background-color: #efefef; transition:all,.3s;}
#facilities .steps li a:hover{background-color: #014099; color:#fff; text-decoration:none;}

/* iziModal
--------------------------------*/
.iziModal .iziModal-button{
  border-radius: 0!important;
}
.iziModal .iziModal-button-close{
  width:36px!important;
  height: 36px!important;
  background:url(../components/iziModal/icon_close.svg) 50% 50% no-repeat!important;
}
.iziModal .iziModal-button-fullscreen{
  width:36px!important;
  height: 36px!important;
  background:url(../components/iziModal/icon_zoom.svg) 50% 50% no-repeat!important;
  background-size:99%!important;
  margin-right:20px!important;
}
.iziModal.isFullscreen .iziModal-button-fullscreen{
  width:36px!important;
  height: 36px!important;
  background:url(../components/iziModal/icon_reduction.svg) 50% 50% no-repeat!important;
  /*background-size: 67%!important;*/
}

@media screen and (min-width:768px){
  .iziModal .iziModal-button-close:hover{
    transform: rotate(0deg)!important;
  }
  .iziModal .iziModal-header{
    padding:10px 15px 50px!important;
  }
  .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title{
    font-size:2.4rem!important;
    text-align: center;
  }
  .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons{
    margin-top:-36px!important;
  }
}

@media screen and (max-width:767px){
  body[id^="cmth"] .bx-wrapper{}
  .anchorLinks{display: block; margin-top:30px;}
  .anchorLinks li{width: 100%!important; margin:-1px 0 0;}
  .anchorLinks li a{padding:10px 20px; text-align: left;}
  .anchorLinks li a::after{bottom:45%;}
  .cmthTable .logo{width:49%;}
  .cmthTable .adjust1{width:100%; display: block; margin-top:20px;}
  .cmthTable .adjust1 br{display: none;}
  body[id^="cmth"] [class*="inner-col"] .elem-col{border:none!important;}
  #cmthMap{padding:0;}
  #facilities{margin:30px 0 0;}
  #facilities .layout{width:100%; float: none; margin-bottom:20px;}
  #facilities .steps{width:100%; float: none;}
  #facilities .steps li a{padding:10px; position: relative;}
  #facilities .steps li a::after{
    content:'';
    display: inline-block;
    position: absolute;
    top:40%; left:90%;
    width:20px; height:7px;
    background-color: #000;
    opacity: .5;
  }
  #facilities .steps li:nth-of-type(1) a::after{background-color: #008ccf;}
  #facilities .steps li:nth-of-type(2) a::after{background-color: #F0EB39;}
  #facilities .steps li:nth-of-type(3) a::after{background-color: #2AA339;}
  #facilities .steps li:nth-of-type(4) a::after{background-color: #DF600E;}
  #facilities .steps li:nth-of-type(5) a::after{background-color: #1D96D4;}
  #facilities .steps li:nth-of-type(6) a::after{background-color: #782D86;}
  #facilities .steps li:nth-of-type(7) a::after{background-color: #C59B99;}
  #facilities .layout .imgPC{display: none;}
  #facilities .layout .imgSP{display: block;}

  .iziModal .iziModal-button-close{
    transform: scale(.7);
    opacity: 1;
    width:30px!important;
    height:30px!important;
    transform:;
  }
  .iziModal .iziModal-button-close:hover{
    transform: rotate(0deg)!important;
  }
  .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title{
    font-size:1.8rem!important;
    text-align: center!important;
  }
  .iziModal .iziModal-header.iziModal-noSubtitle{padding:10px 15px 12px!important;}
}


/*--------------------------------------------------
recruit
--------------------------------------------------*/
#recruit .container [class*="inner-col"]{background-color: #eff4fa; color:#333;}
#recruit .pressBlock .lists,
#recruit .pressBlock dl{background-color: #eff4fa;}

/* internLink
----------------------------*/
a.internLink{
  display: block;
  width:100%;
  overflow: hidden;
  height:148px;
  margin-top:50px;
  color:#fff;
  background-color: #004098;
  transition: all, .3s;
  margin-bottom:70px;
}
a.internLink:visited{color:#fff;}
a.internLink:hover{opacity: .7; text-decoration: none;}
.internLink img{float: right; width:610px; height: 148px;}
.internLink h2{
  font-family: "FuturaHvBT", Helvetica, Arial, sans-serif;
  font-size: 5rem;
  font-weight: bold;
  font-style: italic;
  line-height: 1.2;
  padding:15px 0 0 30px;
}
.internLink p{padding:0 0 0 30px;}

@media screen and (max-width:767px){
  a.internLink{height: auto; padding-bottom:10px;}
  .internLink img{width: 100%; height: auto; float:none;}
  .internLink h2{font-size: 3rem; padding:10px 10px 0; text-align: center;}
  .internLink p{padding:0 15px; text-align: center;}
}

/* careerLinks
----------------------------*/
#careerLinks [class*="inner-col"]{background-color: #eff4fa; color:#333;}
#careerLinks .img-col{position: relative;}
#careerLinks .img-col em{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width:270px;
  height: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.3;
  color:#fff;
}
#careerLinks .img-col em.parallel{height: 50px;}
#careerLinks .img-col em span{font-size: 1.6rem; font-weight: normal;}

/* internCols
----------------------------*/
#internCols{margin-bottom: 60px;}
#internCols .col {
  position: relative;
  min-height: 405px;
  width: 100%;
  background-size: cover !important;
  text-align: center;
  color:#fff;
}
#internCols .col:nth-of-type(1) {background: url(../../recruit/internship/images/index_01.jpg) 0 0 no-repeat;}
#internCols .col:nth-of-type(2){background:url(../../recruit/internship/images/index_02.jpg) 0 0 no-repeat;}
#internCols .col h2{padding:170px 0 20px; font-size: 4rem; font-weight: bold; line-height: 1.3;}
#internCols .col p{font-size: 2.5rem; font-weight: bold; line-height: 1.4;}
#internCols .col p span{font-family: "FuturaHvBT", Helvetica, Arial, sans-serif; font-style: italic;}

.internBlock{
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  /*align-items: center;*/
  width:100%;
  margin-top: 40px;
}
.internBlock .category {
  width: 30%;
  background-color: #004098;
  color: #fff;
  text-align: center;
  min-height: 240px;
}
.internBlock .category h2{font-size: 3.5rem; font-weight: bold; margin:65px auto 10px;}
.internBlock .category a {
  display: inline-block;
  border: #fff 1px solid;
  padding:3px 30px;
  color:#fff;
  transition: all, .3s;
}
.internBlock .category a:hover{
  text-decoration: none;
  background-color: #fff;
  color:#004098;
}
.internBlock .schedule{
  width: 70%;
  min-height: 240px;
  padding:40px 30px;
  background-color: #e6e6e7;
  overflow: hidden;
}
.internBlock .schedule h3{padding:5px 15px; background-color: #fff; line-height: 1.3; font-size: 1.8rem;}
.internBlock .schedule h3 span{font-family: "FuturaHvBT", Helvetica, Arial, sans-serif; font-style: italic;}
.internBlock .schedule table {font-family: "FuturaHvBT", Helvetica, Arial, sans-serif; font-style: italic;}
.internBlock .schedule table th{padding:10px 15px 0; font-weight: normal; text-align: left; font-size: 2rem;}
.internBlock .schedule table td{padding:0 10px; font-size: 5rem; line-height: 1.3;}
.internBlock .schedule table td span{font-size: 1.6rem; padding-left: 5px; font-family: inherit; font-style: normal; font-weight: bold;}
.internBlock .schedule p{padding:10px 15px 0}
.internBlock .schedule .inner{float: left; width:50%;}
.internBlock .schedule .inner:nth-of-type(1){padding-right:30px;}
.internBlock .schedule .inner p{font-size: 1.4rem;}
.internBlock .schedule .inner p br{display: none;}

@media screen and (max-width:767px){
  #internCols .col{min-height:auto; padding:0 0 30px; text-shadow: 1px 1px 0 rgba(0,0,0,.5);}
  #internCols .col h2{padding:30px 0 10px; font-size: 3rem;}
  #internCols .col p{font-size: 1.8rem;}
  .internBlock{display: block;}
  .internBlock .category {width:100%; min-height: 0; padding:10px 15px; text-align: left; position: relative;}
  .internBlock .category h2{font-size: 2rem; margin:0;}
  .internBlock .category p{position: absolute; top:10px; right:15px;}
  .internBlock .category a{padding:3px 15px; font-size:1.4rem;}
  .internBlock .schedule{width: 100%; min-height: 0; padding:10px;}
  .internBlock .schedule h3{padding:5px 10px; font-size: 1.4rem;}
  .internBlock .schedule table{padding:0 10px;}
  .internBlock .schedule table th{font-size: 1.4rem; padding:5px 0 0;}
  .internBlock .schedule table td{font-size: 2rem; padding:0 10px 0 0;}
  .internBlock .schedule table th:nth-of-type(1),
  .internBlock .schedule table td:nth-of-type(1){padding-left:10px;}
  .internBlock .schedule table td span{font-size: 1.2rem; padding-left:2px;}
  .internBlock .schedule p{padding:10px 10px 0; font-size: 1.4rem;}
  .internBlock .schedule .inner{width:49%;}
  .internBlock .schedule .inner:nth-of-type(1){padding-right: 0;}
  .internBlock .schedule .inner:nth-of-type(2){float:right;}
  .internBlock .schedule .inner p br{display: inline;}
}

/* internChapter
----------------------------*/
.internChapter{
  position: relative;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size:cover;
  color:#fff;
  margin:100px 0 50px;
  min-height: 270px;
}
.internChapter h1,
.internChapter h2{
  font-size: 6.5rem;
  font-family: "FuturaHvBT", Helvetica, Arial, sans-serif;
  font-style: italic;
  text-align: center;
  line-height: 1.2;
  margin:0;
}
.internChapter h1{font-weight: 300;}
.internChapter h2{padding:90px 0 20px;}
.internChapter p{text-align: center; font-size: 2rem;}
[id^="int"].internChapter{text-align: left; margin:0;  min-height: 447px;}
[id^="int"].internChapter .chapterKV{position: absolute; padding:0; height: auto;}
[id^="int"].internChapter .chapterKV h1{text-align: left;}
[id^="int"].internChapter p{font-size: 2.5rem; text-align: left; line-height: 1.5; font-weight: bold;}

.internChapter#int1{background-image:url(../../recruit/internship/images/int_01_01.jpg);}
.internChapter#tec1{background-image:url(../../recruit/internship/images/int_01_02.jpg); }
.internChapter#tec2{background-image:url(../../recruit/internship/images/int_01_03.jpg);}
.internChapter#int2{background-image:url(../../recruit/internship/images/int_02_01.jpg);}
.internChapter#sales1{background-image:url(../../recruit/internship/images/int_02_02.jpg);}
.internChapter#sales2{background-image:url(../../recruit/internship/images/int_02_03.jpg);}
.internChapter#tec3,
.internChapter#sales3{border:#004098 1px solid; color: #004098;}
.internChapter#int1 .chapterKV{top:160px; right:120px;}
.internChapter#int2 .chapterKV{top:160px; left:70px;}

.internChapter + h2{font-size: 3rem; margin:40px 0 30px; text-align: center; font-weight: bold;}
.internChapter + h2 span{font-size: 1.6rem;}

@media screen and (max-width:767px){
  .internChapter{
    margin:40px -10px 20px;
    padding:0 10px 20px;
    background-position: 50% 0;
    background-size:150% auto;
    -moz-background-size:150% auto;
    -webkit-background-size:150% auto;
    min-height: 0;
  }
  [id^="int"].internChapter{
    margin:0 -10px 20px;
    padding:0 10px;
    background-size:100% auto;
    -moz-background-size:100% auto;
    -webkit-background-size:100% auto;
    min-height: 0;
  }
  [id^="int"].internChapter .chapterKV{position: relative;}
  .internChapter#int1 .chapterKV,
  .internChapter#int2 .chapterKV{top:0; right:0; left:0;}
  .internChapter#int1{background-image:url(../../recruit/internship/images/sp_int_01_01.jpg);}
  .internChapter#int2{background-image:url(../../recruit/internship/images/sp_int_02_01.jpg);}
  [id^="int"].internChapter .chapterKV h1{text-align: center;}
  .internChapter h1,
  .internChapter h2{font-size: 4rem;}
  .internChapter h2{padding:20px 0 0;}
  .internChapter p{font-size: 1.6rem;}
  [id^="int"].internChapter p{display: block; font-size: 1.6rem; text-align: center;}
  .internChapter + h2{font-size:2rem; margin:30px 0 20px;}
  .internChapter + h2 span{font-size: 1.4rem;}
}

/* intern anchorLinks
----------------------------*/
.anchorLinks.intern a{padding:30px 10px 10px;}
.anchorLinks.intern em{
  display: block;
  font-size: 3.6rem;
  font-family: "FuturaHvBT", Helvetica, Arial, sans-serif;
  font-style: italic;
  line-height: 1.1;
}

/* intern table
----------------------------*/
.tableWrap{padding:0 45px;}
.tPattern5{width:100%; border-collapse: collapse; border-top:#333 1px solid;}
.tPattern5 tr{border-bottom:#333 1px solid;}
.tPattern5 th{padding:20px 10px 10px 5px; font-weight: bold; font-size: 1.8rem;}
.tPattern5 td{padding:20px;}
.tPattern5.formTable th,
.tPattern5.formTable td{border:none; background-color: #fff; font-size: 1.6rem;}
.indentList li{padding-left:2rem; text-indent: -1.7rem; margin-top:1em;}
.indentList li:nth-of-type(1){margin-top:0;}

.tPattern6{width:100%; border-collapse: collapse;}
.tPattern6 th{padding:30px 45px 30px 0;}
.tPattern6 td{padding:30px 10px 30px 45px;}
.tPattern6 th {
  font-family: "FuturaHvBT", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: normal;
  font-size: 2.4rem;
}
.tPattern6 th em {
  font-size: 10rem;
  vertical-align: top;
  line-height: 0.8;
  padding-left:10px;
  font-style: italic;
}
.tPattern6 h3{font-size: 3.6rem; margin-bottom:25px; line-height: 1.3; font-weight: bold;}
.tPattern6 h3 span{font-size: 1.6rem;}
.tPattern6 h4{font-size: 2.2rem;}

@media screen and (max-width:767px){
  .tableWrap{padding:0;}
  .anchorLinks.intern a{padding-top:10px; font-size: 1.2rem;}
  .anchorLinks.intern em{font-size: 2rem; display: inline-block; margin:0 20px 0 0;}
  .tPattern5 th{padding:10px 0 5px 10px; font-size: 1.6rem;}
  .tPattern5 td{padding:0 10px 10px;}
  .tPattern5.formTable tr{border:none;}
  .tPattern5.formTable th:nth-of-type(1){border-top: #333 1px solid; font-weight: bold;}
  .tPattern5.formTable td{border-bottom: #333 1px solid; padding:0 10px 20px;}
  .tPattern6 th{font-size: 100%; padding:10px 0 5px 0; border:none;}
  .tPattern6 th em{font-size: 2rem; padding-left:3px; line-height: 1;}
  .tPattern6 td{padding:0 10px 10px 0;}
  .tPattern6 h3{font-size: 2rem; margin-bottom: 5px;}
  .tPattern6 h4{font-size: 1.8rem;}
}


/*--------------------------------------------------
news
--------------------------------------------------*/
#news{margin-top:25px;}
.newsdate{margin-bottom:20px;text-align:right;}
.newstitle{
  margin-bottom:30px;
  font-weight: bold;
  text-align:center;
  font-size: 135%;
  line-height:1.4;
}
.newstext{margin-bottom:25px;text-align:justify;}
.newstext2{margin-top:25px;margin-bottom:25px;text-align:left;}
.newsimg{text-align:center;margin-top:45px;}
.tnews1{
  float:left;
  color: #014099;
  font-size: 142%;
  font-weight: bold;
  height:28px;
  padding-top:10px;
}
.tnews2{
  float:right;
  font-size:x-small;
  height:28px;
  padding-top:8px;
}

.newsTable{
  text-align: left;
}

@media screen and (max-width:767px){
  #news img{width:auto; height: auto;}
}


/*--------------------------------------------------
challenge
--------------------------------------------------*/
/* challengePoint
----------------------------*/
.challengePoint{
  background-color: #f6f6f6;
  margin-bottom:30px;
  padding-bottom:5px;
}
.challengePoint .heading{
  padding: 10px 25px;
  color: #fff;
  background-color: #333;
  font-size: 100%;
  font-weight: bold;
}
.challengePoint p{
  padding: 20px 30px;
  line-height: 1.75;
}
.challengePoint ul{
  padding:12px 25px;
  line-height:1.7;
}
.challengePoint ul li{
  text-indent: -2rem;
  padding-left:2rem;
}
.challengePoint ul li + li{
  margin-top:8px;
}

@media screen and (max-width:767px){
  .challengePoint ul{
    padding:12px;
  }
}

/* challengeimg1
----------------------------*/
.challengeimg1{
  margin-bottom: 15px;
  text-align: center;
}
.challengeimg1 .caption{
  text-align:center;
  margin-top:13px;
}


/*--------------------------------------------------
CFRP
--------------------------------------------------*/
.indexBlock{
  margin:70px 0 0;
  padding:0 0 50px;
  border-top:#000 1px solid;
  border-bottom:#000 1px solid;
}
.indexBlock a,
.indexBlock a:visited{color:#333;}
.indexBlock a:hover{color:#014099; text-decoration: underline;}
.indexBlock h2{transform:translateY(-50%);}
.indexBlock h2 span{
  display: inline-block;
  font-size: 2.8rem;
  font-weight: 600;
  padding-right:30px;
  background:#fff;
  line-height: 1.4;
}
.indexBlock ol{margin-bottom:0;}
.indexBlock ol li{font-size: 2.1rem; padding-left:2em; text-indent: -1em;}

  @media screen and (max-width:767px){
    .indexBlock{
      margin:50px 0 0;
      padding:0 0 30px;
    }
    .indexBlock h2 span{font-size: 2.2rem;}
    .indexBlock ol li{font-size:1.6rem;}
    .indexBlock ol li + li{margin-top:8px;}
  }

.pointElem{
  text-align: center;
  display:flex;
  justify-content: center;
  align-items: center;
  margin-top:50px;
  font-size: 2.8rem;
  font-weight: 600;
  color:#014099;
  text-decoration: underline;
}
.pointElem::before{
  content:'POINT';
  display: flex;
  align-items: center;
  color:#fff;
  font-size: 1.4rem;
  padding:3px 30px;
  margin-right: 30px;
  background:#014099;
  text-decoration: none;
}

  @media screen and (max-width:767px){
    .pointElem{
      flex-direction: column;
      align-items: flex-start;
      text-align:left;
      margin-top:30px;
      font-size: 1.8rem;
    }
    .pointElem::before{margin:0 0 10px;}
    .pointElem br{display:none;}
  }


/*--------------------------------------------------
brochure
--------------------------------------------------*/
.-download .heading{}
.-download .btnLink{margin-top:30px;}
.-download .btnLink a{width:100%;}

@media screen and (max-width:767px){
  .-download .btnLink{margin-top:20px;}
}


/*--------------------------------------------------
contact
--------------------------------------------------*/
/* formTable
----------------------------*/
.formTable{width:100%;}
.formTable label{font-size: 100%; vertical-align: middle;}
.formTable select{
  height: 40px;
  border:#c9caca 1px solid;
  vertical-align: middle;
}
.formTable input[type="text"],
.formTable input[type="email"],
.formTable input[type="tel"]{
  padding:1px 0;
  text-indent: 0.5em;
  min-height: 40px;
  vertical-align: middle;
  border:#c9caca 1px solid;
  border-radius: none;
}
.formTable textarea{
  border:#c9caca 1px solid;
  width:100%;
  padding:1px 0;
  text-indent: 0.5em;
}
.formTable th,
.formTable td{
  padding:20px 18px;
  border:#c9caca 1px solid;
  text-align: left;
  font-weight: normal;
}
.formTable th{background-color: #efefef;}
.formTable td input[type="radio"]{margin-top:-7px; padding-right:5px; display: inline-block;}
.formTable dl.address{overflow: hidden;}
.formTable dl.address dt{float: left; width: 150px; margin-top: 22px;}
.formTable dl.address dd{overflow: hidden; margin-top:17px;}

.formTable .adjust1{padding:0 10px 0 0;}
.formTable .adjust2{padding:0 10px 0 20px;}
.formTable .adjust3{padding:0 10px;}
.formTable input[data-size="sizeA"]{width:100%;}
.formTable input[data-size="sizeB"]{width:300px;}
.formTable input[data-size="sizeC"]{width:212px;}

@media screen and (max-width:767px){
  .formTable th,
  .formTable td{padding:10px 10px;}
  .formTable th{margin-top:-1px;}
  .formTable td{border-top:none;}
  .formTable dl.address dt{float: none; width: auto;}
  .formTable dl.address dd{overflow: hidden; margin-top:5px;}
  .formTable input[data-size="sizeA"]{width:100%;}
  .formTable input[data-size="sizeB"]{width:100%;}
  .formTable input[data-size="sizeC"]{width:90%;}
  .formTable input[name="factoryname"],
  .formTable input[name="pref3"]{width: 100%;}
  .formTable input[name="name3"],
  .formTable input[name="name4"]{width: 85%;}
  .formTable .adjust2{padding:0 10px 0 0;}
  .formTable .nameCell label:nth-of-type(2){display:block; margin-top:10px;}
  .formTable #zipcode{width:50%;}
}

/* formSubmit
----------------------------*/
.formSubmit{margin-top:90px; text-align: center;}
.formSubmit input,
.formSubmit a{
  display: inline-block;
  border:none;
  color:#fff;
  font-size: 2rem;
  text-align: center;
  padding:10px 54px;
  min-height: 60px;
  cursor: pointer;
  transition: all, .3s;
}
.formSubmit input:hover{opacity: .7;}
.formSubmit input:nth-of-type(2){margin-left:40px;}
.formSubmit input[type="reset"]{background-color: #9fa0a0;}
.formSubmit input[type="submit"]{background-color: #004098;}
.formSubmit a{background-color: #004098;}

/* formSteps
----------------------------*/
.formSteps {
  display: flex;
  position: relative;
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
}
.formSteps li {
  position: relative;
  display: inline-block;
  list-style-type:none;
  line-height: ;
  padding: 10px 20px 10px 60px;
  background-color: #eee;
  width:345px;
  height: 80px;
  margin:0;
}
.formSteps li:after, .formSteps li:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.formSteps li:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #eee;
  border-width: 45px;
  margin-top: -45px;
}
.formSteps li:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #fff;
  border-width: 61px;
  margin-top: -61px;
}
.formSteps li:nth-of-type(1){z-index: 9;}
.formSteps li:nth-of-type(2){z-index: 8;}
.formSteps li:nth-of-type(3){z-index: 7;}
.formSteps li:nth-of-type(4){z-index: 6;}
.formSteps li:nth-of-type(5){z-index: 5;}
.formSteps li:nth-of-type(6){z-index: 4;}
.formSteps li:nth-of-type(7){z-index: 3;}
.formSteps li:nth-of-type(8){z-index: 2;}
.formSteps li:nth-of-type(9){z-index: 1;}
.formSteps li em{display: block; font-size: 2.4rem; line-height: 1.3;}
.formSteps li.current{background-color: #004098; color:#fff;}
.formSteps li.current:after{border-left-color: #004098;}

.submitNote{margin:50px 0; text-align: center;}

.getAdobe{
  overflow: hidden;
  padding:10px;
  background-color: #efefef;
  font-size: 1.4rem;
}
.getAdobe .icon{float: right; margin: 6px 10px 0 20px;}


@media screen and (max-width:767px){
  input[type="submit"],
  input[type="reset"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
  }
  input[type="submit"]::-webkit-search-decoration,
  input[type="reset"]::-webkit-search-decoration {
    display: none;
  }
  input[type="submit"]::focus,
  input[type="reset"]::focus {
    outline-offset: -2px;
  }
  .formSubmit{margin:30px 0;}
  .formSubmit input,
  .formSubmit a{font-size: 1.8rem; padding:10px 20px; width:40%; min-height: 40px;}
  .formSubmit input:nth-of-type(2){margin-left:10px;}
  .formSubmit input[type="reset"]{border-radius:0; background:#9fa0a0!important; }
  .formSubmit.single input{width:auto;}
  .submitNote{margin:30px 0;}
  .formSteps{display: block;}
  .formSteps li{
    display: block;
    padding:10px 20px;
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 1.4rem;
    margin-top: 1px;
  }
  .formSteps li:after, .formSteps li:before{display: none;}
  .formSteps li em{display: inline-block; font-size:1.8rem; margin-left:30px;}
}

/* forminformation
----------------------------*/
.forminformation{
	margin-top:50px;}

.forminformation ul
{border: 1px solid #e7e7e7;
padding: 20px 25px;}

.forminformation li



/* validation
----------------------------*/
.formError .formErrorContent{
  border-radius: 0!important;
  border:none!important;
  box-shadow: none!important;
}
.formError .formErrorArrow{display: none!important;}


/*--------------------------------------------------
sitemap
--------------------------------------------------*/
#sitemap .row > .col{
  flex-basis:auto!important;
  width:auto!important;
}
#sitemap h2{margin:20px 0 10px;}


/*--------------------------------------------------
notes iframe Height
--------------------------------------------------*/
.iframePress{height:300px;}


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



/*--------------------------------------------------
custom scrollbar
--------------------------------------------------*/
.item3{height: 19rem; overflow-y: scroll;}

.scrollArea{
  /*height: 200px;*/
  overflow: auto;
  padding-right: 20px;
}

@media screen and (min-width:768px){
  .pressList::-webkit-scrollbar {
    width: 15px;
  }
  .pressList::-webkit-scrollbar-track {
    border-radius: 0;
    background: #d3d3d5;
  }
  .pressList::-webkit-scrollbar-thumb {
    border-radius: 0;
    background:#9fa1a0;
  }
}

@media screen and (max-width:767px){
  .item3{height: 22rem;}
}



/*--------------------------------------------------
fonts
--------------------------------------------------*/
@font-face {
  font-family: 'HelveticaLTStd';
  src:
    url('../fonts/HelveticaLTStd-BlkCondObl.woff') format('woff'),
    url('../fonts/HelveticaLTStd-BlkCondObl.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FuturaHvBT';
  src:
    url('../fonts/futuraHvBT.woff') format('woff'),
    url('../fonts/futuraHvBT.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}