*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
 

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

	
 
}

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

 
.bxheader{  height:66px; }  
.bxheader > .tb > .c1{ width:auto;  }
.bxheader > .tb > .c2{ display:none; } 
.bxheader > .tb > .cm{ display:table-cell; position: relative; vertical-align: middle; text-align: right; }

.bxlogo{ max-width:174px;   } 
 

.bxnavmb{ display:block; position:relative; padding:0; }
#navmb{ 
  display:inline-block; width:25px; height:18px; position: relative; margin:0; cursor: pointer; vertical-align:middle; 
  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); margin-top:5px; 
  -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;  }
#navmb span {
  display:block; position:absolute; height:2px; width:100%; background:#029e9e; opacity:1; left:0; vertical-align:middle; 
  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;  }
#navmb span:nth-child(1) {
  top: 2px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
#navmb span:nth-child(2) {
  top: 8px;-webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
#navmb span:nth-child(3) {
  top:14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

#navmb.open span:nth-child(1) {
  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:0px; left:1px; }
#navmb.open span:nth-child(2){ width:0%; opacity:0; }
#navmb.open span:nth-child(3){
  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:18px; left: 1px; width:100%; }
	
 
	
#bxnavmobile{ display:none; position:fixed; top:0; left:0; right:0px; z-index:699; overflow-y:auto; background:#fff; }  
.bxnavmobile{ display:block; position: relative; padding:118px 0 52px; text-align: center;  }	
 

.bxnav{ display:block; position:relative; } 
.bxnav > ul > li{ display:block; margin:0 0 26px;  } 
 
.bxlang{ display:block; position:relative; margin:0 0 26px; }
.langbx{ width:30px; height:30px; margin:0 6px;  }  

a.langbx.langth{  background-size:100%;  } 
a.langbx.langth > span{ background-size:100%;  } 
span.langbx.langth{ background-size:100%;  }

a.langbx.langen{  background-size:100%; } 
a.langbx.langen > span{ background-size:100%;  } 
span.langbx.langen{ background-size:100%; }

a.langbx.langjp{  background-size:100%;  } 
a.langbx.langjp > span{ background-size:100%;  } 
span.langbx.langjp{ background-size:100%;  }
 
.bxline{ display:block;  width:54px; height:1px; margin:0 auto 26px;  }
.bxcall{ display:block; vertical-align: middle; margin:0;  } 
.bxcall > div > img{ max-width:42px;   } 

.bxservices{   max-width:100%; }
.servbx{ width:50%;  }

#pageinner{ padding:66px 0 0;  }	
.innerlead{  height:150px; }
	
	
.bxabout{ width:90%;  }
 
	
.bxcontacttop{ width:100%;  } 
.bxcontacttop > .bx > .tb > .c1{ width:32%;  }
.bxcontacttop > .bx > .tb > .c2{ width:38%;  }
.bxcontacttop > .bx > .tb > .c3{ width:30%;  }
.bxcontacttop > .bx > .tb > .c1 > .bx,
.bxcontacttop > .bx > .tb > .c2 > .bx,
.bxcontacttop > .bx > .tb > .c3 > .bx{ width:98%;  }	
 
.tbc > .c1{ width:60px; }
.tbc > .c2{ width:6px; }
 
.tbcx > .c1{ width:90px; }
.tbcx > .c2{ width:6px; }

	
}


@media screen and (max-width: 768px){ 
 
	
.bxhometxt > .bxhomebx{  width:660px;  } 
.bxhometxt > .bxhomebx > .tb > .tc{  width:220px;   }  
.bxhometxt > .bxhomebx > .tb > .tc > .bx > .bxtxt > h4{  width:220px; }	

.bxabout > .bximg > span{ margin:0 6px; }	
	
}


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

body{  font-size:14px;   } 	
h1, .h1{ font-size:42px; }
h2, .h2{ font-size:26px; }
h3, .h3{ font-size:18px;  }
h4, .h4{ font-size:16px; }
h5, .h5{ font-size:12px; } 
		
	
.content{ width:90.625%;  max-width:100%;  }
.contentx{ width:90.625%; max-width:100%;  }	
 
#bxhomeimg{ height:auto;  }
#bxhomeimg > .tb{ display:table; position: relative; width:100%; height:100%;   }
#bxhomeimg > .tb > .tc{ display:table-cell; position: relative; text-align: center; vertical-align:bottom; }

.bxhometxt{  padding:126px 0 39px; } 
.bxhometxt > h1{ padding:0 0 26px; }
.bxhometxt > .bxhomebx{ width:250px; height:auto;   }
	
.bxhometxt > .bxhomebx > .tb{  display:block;   }
.bxhometxt > .bxhomebx > .tb > .tc{  display:block; width:100%; }  
.bxhometxt > .bxhomebx > .tb > .tc > .bx{ padding:0; }	
.bxhometxt > .bxhomebx > .tb > .tc > .bx > .bxtxt > h4{ display:block; height:auto; width:100%; padding:26px 10px; }	
	
	
#bxhomewelc{ padding:15px 0 39px;   }
.bxheadwel{ height:140px; }
 
.bxweltxt{ width:100%;  padding:26px 0 0; }
.bxweltxt > .bxlink{ padding:36px 0 0;  }

#bxlogofooter{ padding:20px 0 0;  } 
.logofooterbx > .bxc{  width:49%; padding:0 0 20px;  }	
	

a.bxbtn{  width:170px;  border-radius:26px; padding:10px 6px;  }
 

#bxfooter{ padding:39px 0;  } 
.bxfooter{ padding:0 0 26px;  }
.bxfooter > .c1{ width:100%; padding:0 0 36px;  }
.bxfooter > .c2{ width:100%; padding:0 0 36px;  }
.bxfooter > .c3{ width:100%; }
 
.footerbx > .bxh{ padding:0 0 20px;  }
.footerbx > .bxh > h3{ display:inline-block; position: relative; border-bottom:rgba(214,214,214,0.3) solid 1px; padding:0 0 8px; font-weight:500;    }
.footerbx ul{ margin:0; padding:0 0 0 15px; line-height:2;  }
.footerbx a{ color:#fff; transition: ease 0.5s; }
.footerbx a:hover{ color:#e94615; }
.footerbx a.txtline{ text-decoration:underline; }

.bxcopy{ display:block; position: relative; border-top:rgba(214,214,214,0.3) solid 1px; padding:20px 0 0; text-align: center; } 

.bxservices{  width:100%; padding:39px 0; }
.servbx{ width:100%; }  
.servbx > .bx > .bxtxt{ padding:20px 20px 36px; }   
	
	
.bxabout{  width:100%;  padding:39px 0;  }
.bxabout > .bximg{  padding:39px 0 0; }
.bxabout > .bximg > span{ margin:6px; }	
	
	
.bxcontacttop{ padding:39px 0; width:100%; } 
.bxcontacttop > .bx > .tb{ display:block; }
.bxcontacttop > .bx > .tb > .c1{ display:block; width:100%; padding:0 0 26px;  }
.bxcontacttop > .bx > .tb > .c2{ display:block; width:100%; padding:0 0 26px;  }
.bxcontacttop > .bx > .tb > .c3{ display:block; width:100%;  }
.bxcontacttop h2{ padding:0 0 16px;  }
 
 

.bxcontact{ width:100%;  padding:39px 0; }
 

.contactbx{ margin:0 0 20px;  }
.contactbx.bxlast{ padding:16px 0 0; }
.contactbx > .bxl{ width:100%; margin:0 0 20px; }
.contactbx > .bxr{ width:100%; } 

.contactbx > .bxl > .bx,
.contactbx > .bxr > .bx,
.contactbx > .bxf > .bx{ display:block; position: relative; padding:20px 0 0;  }
 

#contactform input[type=submit]{  width:160px; padding:10px 6px; height:40px;  }
#contactform label.error{ font-size:12px;   }

.bxcontactgg{  height:320px; }	
	
}

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

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

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

	
}