/*

*/
h4, h5, h6,
h1, h2, h3 {margin: 0;}
ul, ol, li{margin: 0;padding:0;}
p {margin: 0;}
body{
	margin:0;
	padding:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../images/common/bg.jpg) repeat;
	color: #666;
}

/*--fonts--*/
@font-face{
   font-family: Overlock-Regular;
    src: url(../fonts/Overlock-Regular.ttf) format('truetype');
}
@font-face{
   font-family: OpenSans-Regular;
    src: url(../fonts/OpenSans-Regular.ttf) format('truetype');
}
.header {
	background: #4C231B;
    padding: 2em 0em;
}
.header-top{
	background:#38c2c5;
	padding: 1em 0em;
}
.header-top p{
	font-family: Ubuntu-Regular;
	font-size:16px;
	font-weight:400;
	color:#fff;
}
.head-mid {
    float: left;
    width: 33.33%;
	text-align:center;
}
.navbar-header a.navbar-brand.logo-st,.navbar-header a.navbar-brand.logo-st:hover{
	font-family: Ubuntu-Regular;
	font-weight:700;
	font-size: 35px;
	text-decoration:none;
	color:#309BBE;
	margin-top: 2px;
}
nav.navbar.navbar-default.chn-gd {
	background: none;
    padding: 0em 0em;
    margin: 0;
}

.header_nav{
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

li.las a {
    border-right: none ! important;
}
.icn_pos {
	font-size: 16px;
	padding-left:20px;
}
.icn_pos.hm{
	padding-left:12px;
}
.icn_pos.hm2 {
	padding-left: 40px;
}
.navbar-default .navbar-nav>li {
  padding: 0px;
  text-align:center;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a {
    padding: 14px 30px;
    font-weight: 500;
    font-size: 12px;
    border-right: 1px solid #CCC;
}
.carousel-indicators .active {
	background-color: #020202 !important;
}
.carousel-indicators li {
	
}
.image-wid img {
	width: 100%;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
	background: #D3CEC7 !important;
	border-radius: 2px;
	transition:0.6s all;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  
   background: #020202 !important;
}
.glyphicon {
  color: #fff;
  font-size: 0.75em;
  margin-right:5px;
}
.navbar-right {
  float: none!important;
  margin-right: 0px;
}
.navbar-default {
  background-color: #fff;
  border:none;
}
.navbar {
  position: relative;
  min-height: 36px;
}
.navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
}
.logo {
  float: left;
    width: 33.33%;
	
}
.ad-ph {
    float: right;
    width: 42%;
    padding: 0 0 0 4em;
	text-align: right;
}
.ad-ph p {
    color: #B2B2B2;
    font-size: 0.9em;
    line-height: 1.8em;
    display: inline-block;
}

.ad-ph .tel {
    font-size: 1.6em ;
}

.ad-ph .mail-btn {
    background: #FFF;
	border: solid 1px #7A6A56 !important;
    color: #7A6A56;
    border: none;
    outline: none;
    padding: 0.2em 1em;
    font-size: 1.2em;
    display: inline-block;
    
}

.ad-ph p.mail-btn span {
	color: #7A6A56;
	font-size: 1.2em;
	top: 3px;
}

.ad-ph .mail-btn:hover {
    background: #F4E7D7;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
/*
.ad-ph .mail-btn :hover {
    background: #1CD5B5;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}*/

span.glyphicon.glyphicon-earphone {
    color: #1CD5B5;
    font-size: 1.5em;
    display: inline-block;
    margin-right: 20px;
}
.logo h1 a {
  color:#020202;
  font-size: 1.3em;
  text-decoration: none;
    font-family: Overlock-Regular;
}
.head-mid p {
    font-size: 1.3em;
    line-height: 1.8em;
    color: #1CD5B5;
    font-style: italic;
}
.head-mid p a{
    color:#020202 ;
	text-decoration:none;
}
.head-mid p a:hover{
    color:#1CD5B5;
	text-decoration:none;
}
.banner {
    width: 100%;
    position: relative;
	border-bottom: 10px solid #E0E0E0;
}
/*--- slider-css --*/

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 0px;
	width: 0px;
	display: inline-block;
	border:none;
	background:none;
	border-radius:50px;
}
.callbacks_here a:after{
	background:#fff;
}
.callbacks_tabs a{
	visibility:hidden;
}
.callbacks_tabs li{
	display:inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
	position: absolute;
	bottom: 14%;
	z-index: 999;
	left: 46%;
}
.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 38%;
  left: 25px;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
height: 35px;
  width: 35px;
  background: url("../images/img-sprite.png") no-repeat -13px -98px ;
 }
.callbacks_nav.next {
  left: auto;
  background-position:-91px -98px;
  right: 25px;
 } 
.banner-text{
 padding:19em 0 1em;
 color:#fff;
   width: 42%;
}
.banner-text h3 {
  font-size: 2em;
  text-transform: uppercase;
  letter-spacing: 6px;
  line-height: 1.2em;
  font-family: Overlock-Regular;
  color:#020202;
}
.banner-text p{
	font-size:1.1em;
	margin: 1.3em 0 1em;
}
.banner-text a{
	text-decoration: none;
	color:#fff;
	font-size:1.2em;
	background: #8ce78a;
	padding: 0.4em 1em;
	border-radius:5px;
}
.banner-text a:hover{
	color: #8ce78a;
	background: #fff;
}
.sha {
   
    position: relative;
    padding-bottom: 3em;
}
.sha {
    background: url(../images/shape.png)no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    width: 28%;
    top: -5px;
    left: 569px;
}
/*-- welcome --*/
.welcome p {
    font-size: 1em;
    line-height: 1.8em;
}
.welcome {
    padding: 5em 0;
	background: #FFF;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 10px;
}
.welcome h2 {
    font-size: 1.6em;
	color: #999;
    line-height: 1.2em;
	text-align:center;
	margin-bottom: 1em;
}
.welcome-btm h3 {
    color: #1CD5B5;
    font-size: 4.5em;
	font-family: Overlock-Regular;
    margin: 0;
}
.welcome-btm li {
    display: inline-block;
    margin: 0 0.2em;
}
.welcome-btm li a {
    width: 12px;
    height: 12px;
    background-color:#1CD5B5;
    display: block;
    border-radius: 50%;
}
.welcome-left {
    text-align: center;
}
ul.wel {
    margin: 1em 0;
}
.welcome-btm h5 {
    color:#020202;
    font-size: 1.7em;
    margin: 0;
	font-family: Overlock-Regular;
}
.wel-top {
    margin: 6em 0 0;
}
.welcome-left1 {
    text-align: center;
}
span {
    font-size: 0.65em;
}
.welcome-btm {
    padding: 5em 0;
}
a.wht {
    background-color: #fff ! important;
    border: 1px solid #000;
    border-radius: 50%;
}
/*-- welcome --*/
/*-- why --*/
.why{
	padding:5em 0;
	background:#eee;
}
.why h4 {
    color: #020202;
    font-size: 2.2em;
    margin: 0;
    font-family: Overlock-Regular;
    display: inline-block;
	 vertical-align: middle;
}
span.glyphicon.glyphicon-globe {
    color: #fff;
    font-size: 2em;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    background-color: #1CD5B5;
    padding: 0.5em;
}
.why p {
    color: #999;
    font-size: 1em;
    line-height: 1.8em;
    margin: 2em 0 0;
}
/*-- why --*/
/*-- team-effects --*/
.ch-item {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 0 rgba(200,95,66, 0.4),
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ch-img-1 { 
	background:url(../images/14.png) -9px -15px;
	border-radius:50%;
}

.ch-img-2 { 
	background:url(../images/15.png) -9px -15px;
	border-radius:50%;
}

.ch-img-3 { 
	background:url(../images/16.png) -9px -15px;
	border-radius:50%;
}

.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden; /*for a smooth font */

}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 18px;
	margin: 0 30px;
	padding: 65px 0 0 0;
	height: 110px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 0 0 1px #fff, 0 1px 2px rgba(105, 190, 191, 0.78)
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 110px rgba(105, 190, 191, 0.78),
		inset 0 0 0 16px rgba(105, 190, 191, 0.78),
		0 1px 2px rgba(105, 190, 191, 0.78);
}

.ch-item:hover .ch-info {
	opacity: 1;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}
.ch-grid {
	margin: 40px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 20px;
}
/*-- //team --*/
/*-- works --*/
.works h3 {
    font-size: 1.6em;
    color: #666;
    line-height: 1.2em;
    margin-bottom: 1.2em;
	text-align: center;
	padding: 10px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

.works p {
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 2em;
}

.works h4 {
    color: #40220F;
    font-size:1.2em;
	font-weight: 700;
    margin: 1em 0 0.8em 0;
}
.works li a {
    color: #999;
    font-size: 1.1em;
    text-decoration: none;
}
.works li a:hover{
    color: #1CD5B5;
}
.works li {
    padding: 0.5em 0;
    border-bottom: 1px solid #eee;
    display: block;
}
.works {
    padding: 4em 0;
}
/*-- works --*/

/*-- companyMenu --*/
.companyMenu { padding: 0em 0 3em; }

.companyMenu h3 {
    font-size: 1.6em;
    color: #999;
    line-height: 1.2em;
    margin-bottom: 1.2em;
	text-align: center;
	padding: 10px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

.hexagonA, .hexagonA-last {
    margin: 90px auto;
    width: 280px;
    height: 160px;
    display: block;
    position: relative;
    background: #ddd;
    transition: all 0.2s linear;
}

@media(max-width:768px){
	.hexagonA { margin: 140px auto 180px; }
	.hexagonA-last { margin: 140px auto 120px; }
}
 
.hexagonA span ,.hexagonA-last span {
    width: 100%;
    height: 145px;
    color: #000;
    text-align: center;
    display: block;
    position: relative;
    z-index: 1;
	font-size: 16px;
	padding: 0 30px;
}

.hexagonA:before, .hexagonA:after, .hexagonA-last:before, .hexagonA-last:after {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #ddd;
    transition: all 0.2s linear;
    z-index: 0;
}
 
.hexagonA:before, .hexagonA-last:before {
    transform: rotate(60deg);
}
 
.hexagonA:after, .hexagonA-last:after {
    transform: rotate(-60deg);
}
 
.hexagonA:hover, .hexagonA:hover:before, .hexagonA:hover:after, .hexagonA-last:hover, .hexagonA-last:hover:before, .hexagonA-last:hover:after, {
    background: #bbb;
}

/*-- footer --*/
.footer p {
    color: #FFF;
    font-size: 0.85em;
    line-height: 1.8em;
    margin: 0.3em 0;
}

.footerLogo { text-align: center; margin: 10px auto 20px auto; }

@media(max-width:768px){
	.footerLogo img { width: 100%; }
}

.footerLink { background: #999; text-align: center;	margin: 10px auto 20px auto; }

.footerLink ul { text-align: center; }

.footerLink ul li { display: inline-block; }
.footerLink ul li a {
	display: block;
	line-height: 1.8em;
	padding: 10px 7px;
	color: #000;
	font-size: .85em;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
	text-decoration: none;
}

.footerLink ul li a:hover { text-decoration: underline; }

.footer p a:hover {
    color: #7F8D98;
}
.footer p a {
    color: #FFF;
    text-decoration: none;
}
address {
    color: #7F8D98;
    line-height: 1.8em;
}
.footer {
    padding: 1em 0 1em 0;
    background-color: #4C231B;
}
.footer h4 {
    font-size: 1.2em;
    color: #fff;
    padding: 0 0 1em;
}
.copyright {
    text-align: center;
    padding: 1em 0 0;
	color: #9E9E9E !important;
}
.copyright p {
	color: #9E9E9E;
}
/*-- footer --*/
.banner-1{
    background: url(../images/67.jpg)center fixed;
    background-size: cover;
    min-height: 250px;
}

/*-- result --*/
.result {
	padding:5em 0;
}

.result-img{
	padding: 20px 10px 10px 10px;
}

.result-img p{
	font-size: 16px;
	margin-bottom: 5px;
}

/*-- About Us --*/

table.company { margin: 20px 0px 30px; border-collapse:collapse; width: 100%; background: #FFF; }

table.company th, td { border: 1px #BBBBBB solid; }

table.company td{ padding: 0.8em; font-size: 14px;}

.companyTableTitle{ background: #DDDDDD; font-weight: 500; width: 20%; }

.aboutWork { margin: 0 0 20px 0px; }
.aboutWork ul { padding-top: 0.8em; border-top: 1px solid #CFCFCF; }
.aboutWork ul li { margin-bottom: 0.8em; padding: 0 0 8px 20px; border-bottom: 1px solid #CFCFCF; list-style: none; }

.aboutHistory { margin: 0 0 20px 0px; }
.aboutHistory dl { clear: both; width: 100%; margin-bottom: 10px; border-top: 1px solid #CFCFCF; }
.aboutHistory dt { clear: both; float: left; width: 20%; padding: 0.8em; font-size: 14px; }
.aboutHistory dd { padding: 0.8em; padding-left: 20%; border-bottom: 1px solid #CFCFCF; }

.resultList dd:last-child {
    margin-bottom: 0;
}


.company p,.recruit p,.services p,.contact p,.result p{
    font-size: 1em;
    line-height: 1.8em;
    margin: 1em 0;
}
.company h3,.services h3,.recruit h3,.contact h3,.result h3{
    margin-bottom: 2em;
	text-align: center;
}
span.bec {
    font-size: 2.5em;
     color: #020202;
    font-weight: 700;
}
.company h5 {
    font-size: 1.5em;
    color: #020202;
    line-height: 1.4em;
    margin: 0.8em 0 0;
    font-family: Overlock-Regular;
    font-weight: 600;
}
.company li {
    display: inline-block;
    width: 46%;
    float: left;
    margin: 2%;
}
.testimonials {
    margin: 2em 0 0;
}
.company h6 a {
    font-size: 1.2em;
    color: #1CD5B5;
    line-height: 1.8em;
    text-decoration: none;
	font-weight:700;
}
.company h6 a:hover{
    color: #202020;
}
/*-- company --*/
/*-- services --*/
.services {
    padding: 5em 0;
}
.services h3,.recruit h4,.contact h4,.result h4 {
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
    font-size: 1.6em;
    margin: 0em 0 1em 0;
    color: #666;
	text-align: center;
	padding: 0.6em 0.2em;
}

.services h4 { position: relative; padding-left: 20px; margin: 1em 0; }
.services h4:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 40%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -10px;
  border-top: 10px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 11px solid #CCC;
}

.cf { display: block; }

.resultList dl {
    clear: both;
    width: 100%;
    margin-bottom: 10px;
	position: relative;
}

.resultList dt {
    float: left;
    width: 20%;
    padding: 10px;
    font-size: 14px;
    text-align: center;
    background: #DDDDDD;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
}

.resultList dd {
    padding: 10px;
    margin-left: 21%;
    background: #FFFFFF;
	margin-bottom: 10px;
}

.resultList dd:last-child {
    margin-bottom: 0;
}


.services p {
	text-align: center;
}

.services-box {
	border: solid 2px #4D3B30;
	background: #FFF;
}

.services-box img {
	margin-right: 20px;
	float: left;
	width: 26%;
}

.services-box-text {
	float: left;
	width: 68%;
	padding: 2%;
}

.services-box-text h5 {
	border-left: solid 3px #4D3B30;
	padding-left: 10px;
	font-size: 18px;
}

.camp {
    margin: 5em 0 0;
}
.camp img {
    width: 100%;
}
/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #202020;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-decoration: none;
    padding: 0.4em 1.5em;
    font-size: 1em;
    color: #fff;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #1CD5B5;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
  text-decoration: none;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.more:hover{
	background: #fff;
	color:#000;
}
/*-- services --*/

/*-- recruit --*/
img.example-image.img-responsive:hover {
    opacity: 0.5;
}
.recruit {
    padding: 3em 0;
}

.recruit table {
	margin: 20px 0px;
	border-collapse:collapse;
	width: 100%;
}

.recruit table tr{
	border: 1px #BBBBBB solid;
}

.recruit table tr td {
	padding: 10px;
	font-size: 14px;
}

.recruit-table-title{
	background: #DDDDDD;
	font-size: 14px !important;
}

/*-- recruit --*/
/*-- contact --*/
.map iframe {
    min-height: 300px;
    width: 100%;
    border: none;
    padding: 0 15px;
}
.contact-bottom input[type="text"] {
    width: 100%;
    padding: 1em;
	margin: 5px 0px;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    outline: none;
    transition: border-color 0.4s;
    -webkit-transition: border-color 0.4s;
    -moz-transition: border-color 0.4s;
    -o-transition: border-color 0.4s;
    -ms-transition: border-color 0.4s;
    background: none;
}
.contact-bottom textarea {
    width: 100%;
    padding: 1em;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    outline: none;
    min-height: 220px;
    resize: none;
    transition: border-color 0.4s;
    -webkit-transition: border-color 0.4s;
    -moz-transition: border-color 0.4s;
    -o-transition: border-color 0.4s;
    -ms-transition: border-color 0.4s;
    background: none;
}
.contact-bottom input[type="text"]:hover, .contact-bottom textarea:hover {
    color: #202020;
    border-color: #333;
}
.contact-bottom-top {
    margin: 1em 15px 0;
}
.contact-form input[type="submit"] {
    background: #202020;
    color: #fff;
    border: none;
    outline: none;
    margin: 1em 15px 0;
    padding: 0.3em 1em;
    font-size: 1.2em;
    display: inline-block;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.contact-form input[type="submit"]:hover {
    background: #999;
}
.address {
    padding: 3em 0 0;
}
.address-grid i {
    color: #1CD5B5;
    font-size: 4em;
    float: left;
    margin: 0 9% 0 0;
    display: inline-block;
}
.contact {
    padding: 5em 0;
}
.contact-grids {
    padding: 3em 0 0;
}
/*-- /contact--*/
/*--Typography--*/
.show-grid [class^=col-] {
    background: #fff;
  text-align: center;
  margin-bottom: 10px;
  line-height: 2em;
  border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
  background: #e0e0e0;
}
.grid_3{
	margin-bottom:2em;
}
.xs h3, h3.m_1{
	color:#000;
	font-size:1.7em;
	font-weight:300;
	margin-bottom: 1em;
}
.grid_3 p{
  color: #999;
  font-size: 0.85em;
  margin-bottom: 1em;
  font-weight: 300;
}
.grid_4{
	background:none;
	margin-top:50px;
}
.label {
  font-weight: 300 !important;
  border-radius:4px;
}  
.grid_5{
	background:none;
	padding:2em 0;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
	margin-bottom: 1em;
    color:#1CD5B5;
    font-family: Overlock-Regular;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: none !important;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 0;
}
.badge-primary {
  background-color: #03a9f4;
}
.badge-success {
  background-color: #8bc34a;
}
.badge-warning {
  background-color: #ffc107;
}
.badge-danger {
  background-color: #e51c23;
}
.grid_3 p{
  line-height: 2em;
  color: #888;
  font-size: 0.9em;
  margin-bottom: 1em;
  font-weight: 300;
}
.bs-docs-example {
  margin: 1em 0;
}
section#tables  p {
 margin-top: 1em;
}
.tab-container .tab-content {
  border-radius: 0 2px 2px 2px;
  border: 1px solid #e0e0e0;
  padding: 16px;
  background-color: #ffffff;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 15px!important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  font-size: 0.9em;
  color: #999;
  border-top: none !important;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.label {
  font-weight: 300 !important;
}
.label {
  padding: 4px 6px;
  border: none;
  text-shadow: none;
}
.nav-tabs {
  margin-bottom: 1em;
}
.alert {
  font-size: 0.85em;
}
h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button {
line-height:1.8em;
  margin-top:0.5em;
  margin-bottom: 0.5em;
}
li.list-group-item1 {
  line-height: 2.5em;
}
.input-group {
  margin-bottom: 20px;
  }
.in-gp-tl{
padding:0;
}
.in-gp-tb{
padding-right:0;
}
.list-group {
  margin-bottom: 48px;
}
 ol {
  margin-bottom: 44px;
}
h2.typoh2{
    margin: 0 0 10px;
}
h3.title {
    text-align: center;
	color:#1CD5B5;
	font-size:2em;
	margin:0;
	font-family: Overlock-Regular;
}
.typo {
    padding: 3em 0;
}
/*--//Typography --*/
 /*--responsive--*/
@media(max-width:1440px){
.sha {
    width: 29%;
    top: -5px;
    left: 490px;
}

.banner-text {
    padding: 15em 0 1em;
}
}
/*--responsive--*/
@media(max-width:1366px){
.sha {
    width: 32%;
    top: -5px;
    left: 460px;
}
}
/*--responsive--*/
@media(max-width:1280px){
.banner-text {
    padding: 12em 3em 1em;
    width: 44%;
}

.sha {
    width: 34%;
    top: -5px;
    left: 415px;
}
}
/*--responsive--*/
@media(max-width:1024px){
.ad-ph {
    padding: 0 0 0 0em;
}
.banner-1 {
    min-height: 200px;
}
.services {
    padding: 3em 0;
}
.services h4, .recruit h4, .contact h4,.result h4 {
    font-size: 1.7em;
}
.contact {
    padding: 3em 0;
}
.recruit {
    padding: 3em 0;
}
.company {
    padding: 3em 0;
}
.banner-text {
    padding: 10em 3em 1em;
    width: 53%;
}

.sha:after {
    left: 175px;
    top: 0px;
}
.welcome {
    padding: 3em 0;
}
.welcome-btm {
    padding: 3em 0;
}
.wel-top {
    margin: 3em 0 0;
}
.why {
    padding: 3em 0;
}
.works {
    padding: 3em 0;
}
.sha {
    width: 44%;
    top: -5px;
    left: 285px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a {
    padding: 16px 34px ! important;
}
}
/*--responsive--*/
@media(max-width:768px){
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a {
    padding: 16px 16px ! important;
}
.in-contact {
    margin: 1em 0;
}
.address-grid {
    float: left;
    width: 33.33%;
}
.contact-left {
    float: left;
    width: 33.33%;
}
.company p, .recruit p, .services p, .contact p,.result p {
    font-size: 0.9em;
}
.minist-left {
    float: left;
    width: 25%;
}
.services h4, .recruit h4, .contact h4,.result h4 {
    font-size: 1.4em;
}
.minist-right {
    float: left;
    width: 33.33%;
}
.company-left {
    margin:0 0 2em;
}
.company li img {
    width: 100%;
}
.testimonials-left {
    float: left;
    width: 33.33%;
}
address {
    font-size: 0.9em;
}
.footer p {
    font-size: 0.9em;
}

.banner-text {
    padding: 8em 4em 1em;
    width: 69%;
}
.sha {
    width: 55%;
    top: -5px;
    left: 175px;
}
.welcome-left {
    text-align: center;
    float: left;
    width: 33.33%;
}
.welcome-left1 {
    text-align: center;
    float: left;
    width: 50%;
}
.welcome-btm h5 {
    font-size: 1.5em;
}
.welcome h2 {
    font-size: 1.6em;
}
.why h4 {
    font-size: 2em;
}
.why p {
    font-size: 0.9em;
}
.ch-grid li {
    width: 200px;
    height: 200px;
    display: inline-block;
    margin: 16px;
}
.works h3 {
    font-size: 1.9em;
}
.works-left {
    float: left;
    width: 25%;
}
.welcome p {
    font-size: 0.9em;
}
.works li a {
    font-size: 0.9em;
}
.works h4 {
    font-size: 1.5em;
}
}
/*--responsive--*/
@media(max-width:767px){
.navbar-default .navbar-toggle .icon-bar {
    background-color:  #CCC !important;
}
.navbar-default .navbar-toggle {
    border-color: #CCC !important;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a {
    border-right: none ! important;
}
}
/*--responsive--*/
@media(max-width:736px){
.sha {
    width: 58%;
    top: -5px;
    left: 142px;
}
}
/*--responsive--*/
@media(max-width:667px){
.sha {
    width: 64%;
    top: -5px;
    left: 113px;
}
}
/*--responsive--*/
@media(max-width:640px){
.logo {
	float: none;
	text-align: center;
	width: 100%;
}

.ad-ph {
	float: none;
	width: 100%;
	text-align: center;
}
.ad-ph p {
    font-size: 1.2em;
}
.head-mid p {
    font-size: 1.2em;
}
.logo h1 a {
    font-size: 1.2em;
}
.header {
    padding: 1em 0em;
}
.address-grid {
    float: none;
    width: 100%;
    margin: 0 0 2em;
}
.contact p {
    display: inline-block;
}
.minist-left {
    float: left;
    width: 50%;
    margin: 0 0 2em;
}
.sha {
    width: 66%;
    top: -5px;
    left: 100px;
}
.banner-text {
    padding: 8em 4em 1em;
    width: 83%;
}
.ch-grid li {
    width: 180px;
    height: 180px;
    display: inline-block;
    margin: 7px;
}
.ch-info h3 {
    font-size: 13px;
    margin: 0 30px;
    padding: 46px 0 0 0;
	height:80px;
}
.works h4 {
    font-size: 1.4em;
    line-height: 1.3em;
}
.result h3 {
    font-size: 1.8em;
}
}
/*--responsive--*/
@media (max-width: 600px){
.sha {
    width: 71%;
    top: -5px;
    left: 74px;
}
.services-box img {
	margin: 0px 0px 10px 0px;
	width: 100%;
}
.services-box-text {
	width: 98%;
	padding: 2%;
}
}
/*--responsive--*/
@media (max-width: 568px){
.sha {
    width: 75%;
    top: -5px;
    left: 69px;
}

}
/*--responsive--*/
@media(max-width:480px){

.ad-ph p {
    font-size: 0.875em;
}
.head-mid {
    float: left;
    width: 40%;
    text-align: center;
}
.banner-1 {
    min-height: 150px;
}
.services {
    padding: 2em 0;
}
.company h3, .services h3, .recruit h3, .contact h3,.result h3 {
    font-size: 2em;
    text-align: center;
}
.minist-left {
    float: none;
    width: 100%;
    margin: 0 0 2em;
}
.camp {
    margin: 1em 0 0;
}
.minist-right {
    float: left;
    width: 100%;
    margin: 0 0 2em;
    
}
.minist-right img {
    width: 100%;
}
.footer h4 {
    font-size: 1.7em;
    padding: 0.5em 0;
}
.contact-left {
    float: none;
    width: 100%;
}
.company h5 {
    font-size: 1.4em;
}
.testimonials-left {
    float: none;
    width: 100%;
}

.recruits {
    padding: 2em 0;
}
.company {
    padding: 2em 0;
}
.contact {
    padding: 2em 0;
}
.sha {
    width: 89%;
    top: -5px;
    left: 25px;
}
.welcome h2 {
    font-size: 1.4em;
}
.banner-text {
    padding: 6em 4em 1em;
    width: 100%;
}

.banner-text h3 {
    font-size: 1.7em;
}
.welcome-btm h5 {
    font-size: 1.4em;
}
.why h4 {
    font-size: 1.7em;
}
span.glyphicon.glyphicon-globe {
    font-size: 1.5em;
    margin-right: 18px;
    padding: 0.5em;
}
.why h4 {
    font-size: 1.5em;
}
.works-left {
    float: left;
    width: 100%;
    margin: 0 0 2em;
}
.label {
    font-size: 63%;
}
.grid_4 {
    margin-top: 20px;
}
.grid_3 {
    margin-bottom: 0em;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 11px!important;
}
ol{
    margin: 0;
    padding: -1px ! important;
}
.typo {
    padding: 2em 0;
}
}
/*--responsive--*/
@media(max-width:414px){
.sha {
    width: 92%;
    top: -5px;
    left: 21px;
    background-size: 22em;
}
}
/*--responsive--*/
@media(max-width:320px){
.head-mid {
    float: left;
    width: 50%;
    text-align: center;
}
.head-mid p {
    font-size: 0.9em;
}
span.glyphicon.glyphicon-earphone {
    font-size: 1.1em;
    margin-right: 10px;
}
.ad-ph p {
    font-size: 0.9em;
}
.header {
    padding: 0.5em 0em;
}
.banner-text {
    padding: 5em 0em 1em;
    width: 100%;
}
.banner-text p {
    font-size: 0.9em;
    margin: 1.3em 0 1em;
}
.banner-text h3 {
    font-size: 1.2em;
}

.sha {
    width: 88%;
    top: -3px;
    left: 22px;
    background-size: 18em;
}

.sha {
    padding-bottom: 2em;
}
.callbacks_nav.next {
    left: auto;
    background-position: -91px -98px;
    right: 23px;
}
.callbacks_nav {
    top: 71%;
    left: 23px;
}

.welcome-left {
    text-align: center;
    float: left;
    width: 33.33%;
}
.welcome-btm h5 {
    font-size: 1.1em;
}
.welcome-btm li {
    display: inline-block;
    margin: 0 0em;
}
.welcome-btm li a {
    width: 9px;
    height: 9px;
}
.welcome-btm h3 {
    font-size: 4em;
}
.why {
    padding: 2em 0;
}
.why {
    padding: 2em 0;
    text-align: center;
}
.why h4 {
    font-size: 1.4em;
    margin: 1em 0 0;
    line-height: 1.4em;
}
.works h3 {
    font-size: 1.4em;
    line-height: 1.4em;
}
.works {
    padding: 2em 0;
}
.works-left {
    float: none;
    width: 100%;
    margin: 0 0 2em;
	padding:0;
}
.works h4 {
   margin: 0.8em 0 0.5em;
}
.footer {
    padding: 1em 0;
}
.contact-left {
    padding: 0;
}
.footer h4 {
    font-size: 1.5em;
    padding: 0.5em 0;
}
.minist-left {
    padding: 0;
}
.minist-right {
    padding: 0;
}
.company-left {
    padding: 0;
}
.company h5 {
    font-size: 1.3em;
}
.testimonials-left {
    padding: 0;
}
.projects li {
    width: 98%;
    margin: 2%;
}
.map iframe {
    min-height: 200px;
    padding: 0 0px;
}
.in-contact {
    margin: 1em 0;
    padding: 0;
}
.contact-bottom input[type="text"] {
    padding: 0.7em;
}
.contact-bottom-top {
    margin: 1em 0px 0;
}
.contact-bottom-top textarea {
    padding: 0.7em;
    min-height: 150px;
}
.address-grid i {
    font-size: 3.5em;
    margin: 0 13% 0 0;
}
.contact {
    padding: 2em 0 0;
}
.banner-1 {
    min-height: 110px;
}
.pagination-lg>li>a, .pagination-lg>li>span {
    padding: 5px 11px ! important;
    font-size: 18px ! important;
}
.copyright {
    padding: 1em 0 0;
}
}

.service-title {
	font-size: 20px;
	font-weight: 700;
	color: #2F2C2B;
	margin: 1.5em 0px 1em 0;
}

.banner-RealEstateLease { background: url(../images/realestatelease/main.jpg) center fixed; background-size: cover;  min-height: 200px; }
.banner-AdvertisingAgency { background: url(../images/advertisingagency/main.jpg) center fixed; background-size: cover; min-height: 200px; }
.banner-Consulting { background: url(../images/consulting/main.jpg) center fixed; background-size: cover; min-height: 200px; }
.banner-PropertyManagement { background: url(../images/propertymanagement/main.jpg) center fixed; background-size: cover; min-height: 200px; }
.banner-ShopDesign { background: url(../images/shopdesign/main.jpg) center fixed; background-size: cover; min-height: 200px; }
.banner-WorkForce { background: url(../images/workforce/main.jpg) center fixed; background-size: cover; min-height: 200px; }
.banner-RentalStudio { background: url(../images/rentalstudio/main.jpg) center fixed; background-size: cover; min-height: 200px; }
.banner-WebProduction { background: url(../images/webproduction/main.jpg) center fixed; background-size: cover; min-height: 200px; }
.banner-Works { background: url(../images/works/main.jpg) center fixed; background-size: cover; min-height: 200px; }
.banner-AboutUs { background: url(../images/aboutus/main.jpg) center fixed; background-size: cover; min-height: 200px; }
.banner-Recruit { background: url(../images/recruit/main.jpg) center fixed; background-size: cover; min-height: 200px; }
.banner-Contact { background: url(../images/contact/main.jpg) center fixed; background-size: cover; min-height: 200px; }
.banner-PrivacyPolicy { background: url(../images/privacypolicy/main.jpg) center fixed; background-size: cover; min-height: 200px; }
.banner-BrandCollection { background: url(../images/brandcollection/main.jpg) center fixed; background-size: cover; min-height: 200px; }
.banner-CarCollection { background: url(../images/carcollection/main.jpg) center fixed; background-size: cover; min-height: 200px; }
.banner-PropertyList { background: url(../images/propertylist/main.jpg) center fixed; background-size: cover;  min-height: 200px; }

.banner-RealEstateLease h2, .banner-AdvertisingAgency h2, .banner-Consulting h2, .banner-ShopDesign h2, .banner-WorkForce h2, .banner-RentalStudio h2, .banner-WebProduction h2, .banner-Works h2, .banner-AboutUs h2, .banner-Recruit h2, .banner-Contact h2, .banner-PrivacyPolicy h2, .banner-BrandCollection h2, .banner-CarCollection h2, .banner-PropertyList h2, .banner-PropertyManagement h2 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.8em;
	text-align:center;
	padding: 80px 10px;
	color: #FFF;
	letter-spacing: 1px;
}


/* index-banner */
.index-banner{
	padding: 20px 10px 10px 10px;
}

/* carcollection */
.carPriceLine { border:solid 1px #999; padding:10px; background: #FFF; }
.carPrice { font-size: 21px; color: red; }
.carListLine { border-bottom: dashed 1px #666666; margin: 10px 10px 20px 10px; }

.square_btn{
    display: inline-block;
    padding: 1em 2em;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(#999 0%, #aaa 100%);
    background-image: linear-gradient(#999 0%, #aaa 100%);
    transition: .4s;
}

.square_btn:hover{
    background-image: -webkit-linear-gradient(#aaa 0%, #999 70%);
    background-image: linear-gradient(#999 0%, #aaa 70%);
}

table.carInfo { margin: 0px 0px 0px; border-collapse:collapse; width: 100%; background: #FFF; }

table.carInfo th, td { border: 1px #BBBBBB solid; }

table.carInfo td{ padding: 0.8em; font-size: 14px;}

.carInfoTableTitle { background: #eee ; font-weight: 500; width: 20%; text-align: center; }