/* CSS Document */
@font-face {
    font-family: 'kit55f-webfont';
    src: url('fonts/kit55f-webfont.eot');
    src: url('fonts/kit55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kit55f-webfont.woff') format('woff'),
         url('fonts/kit55f-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kit65f-webfont';
    src: url('fonts/kit65f-webfont.eot');
    src: url('fonts/kit65f-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kit65f-webfont.woff') format('woff'),
         url('fonts/kit65f-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kit75f';
    src: url('fonts/kit75f.eot');
    src: url('fonts/kit75f.eot?#iefix') format('embedded-opentype'),
         url('fonts/kit75f.woff') format('woff'),
         url('fonts/kit75f.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
img{ border:0; margin:auto;}
*{ margin:0; padding:0;}
a,a:hover{ text-decoration: none; color:inherit; }

body {
	background:#FFF ;
    font-family: 'kit55f-webfont';
	font-size:18px;
	color:#000;
}
body .h2, h2 {
	font-size:30px;
}
/*//////////JP/////////////*/
body:lang(JP) .title-service h1,
body:lang(JP) .title-service {
    font-size: 22px;
	line-height: 1;
}
body:lang(JP) {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
}
body:lang(JP) .title-1 {
	font-size:24px;
}
body:lang(JP) .detail-2-inbox, 
body:lang(JP) .detail-service, 
body:lang(JP) .detail-3-inbox
{
	font-size:14px;
	line-height:inherit;
}

body:lang(JP) .detail-1 {
	font-size:12px;
	letter-spacing: 1px;
	/*padding: 0 10%;*/
}
body:lang(JP) .page-title {
	font-size:18px;
	margin-top: 15px;
}
body:lang(JP) .tel-head,
body:lang(JP) .h2, h2 {
    font-size: 14px;
}
body:lang(JP) .font24, 
body:lang(JP) .contact-form, body:lang(JP) .contact-list {
	font-size:12px;
}
body:lang(JP) .xx-large {
	font-size: x-large;
}
body:lang(JP) .title-1 span{
	font-family:Tahoma, Geneva, sans-serif;
}

:lang(JP) body .nav>li>a {  font-size:18px; }
span.JP{
	/*font-size: 75%;*/
}
/*//////////JP/////////////*/

.tel-head{
	float:right; 
	position: absolute; 
	top: 25%; 
	right: 2%;
	font-size: 20px;
	color: #FFF;
}
.large{	font-size: larger;}
.x-large{	font-size: x-large;}
.carousel-inner>.item>img {
    margin: auto;
	width:100%;
}

.cleaner {clear:both; width:100%; height:0px;}
.h30{clear:both; width:100%; height:30px;}
.h20{clear:both; width:100%; height:20px;}
.h10{clear:both; width:100%; height:10px;}
.pull-left{
	margin-left:5%;
}
#back-to-top{
	width:40px;
	height:40px;
    position: fixed;
    z-index: 9999;
    bottom: 2%;
    right: 5%;
    line-height: 0.7;
    border-radius: 30px;
	text-align:center;
	display:none;
	background:rgba(0,0,0,0.7);
}
#back-to-top a{
	color:#FFF;
	font-size: 18px;
	line-height:0;
    text-transform: uppercase;
}
.arrow-color{
	color: #FFF;
	font-size:30px;
	line-height: 1;
	margin-top: -5px;
}
#back-to-top a:hover{
	color: #FFF;
}
.top-text{
	color:#FFF;
}
/*///////////////////////////////////////////////////////////////////////////head///////////////////////////////////////////////////////////////////////////*/
#silde-banner{
	background:#333334;
}
.carousel-control.left{
	background-image:none;
}
.carousel-control.right{
	background-image:none;
}
/*///////////////////////////////////////////////////////////////////////////head///////////////////////////////////////////////////////////////////////////*/
.height-box{
	height:80px;
}
.navbar-brand{
	position: relative;
	padding:6% 0;
	height:80px;
	width:70%;
}
.navbar-brand>img {
	width:3em;
}
.navbar{
	border:0;
	border-radius:0;
	margin-bottom:0;
}
.navbar-default {
	transition: all 0.8s;
    border-color: transparent;
    background-color:#FFF;
	box-shadow:0 3px 7px rgba(0,0,0,0.8);
	background:url(../images/bg-head.png) top left 5% no-repeat;
	/*background: url(../images/bg-head-test.png) top left no-repeat;*/
}
.navbar-default .navbar-nav>li>a {
    color: #000;
}
.navbar-default .navbar-nav>li:hover {
    background: #000;
}
.navbar-toggle .icon-bar {
    width: 30px;
    height: 4px;
}
.navbar-toggle {
    padding: 9px 7px;
    margin-top: 7%;
    margin-right: 0;
    margin-bottom: 0;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:#FFF;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	color:#FFF;
    background-color:  transparent;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color:#FFF;
    background-color:  transparent;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color:transparent;
}
.navbar-default .navbar-toggle{
	border:0;
}
.navbar-default .navbar-brand {
    color: #fff;
	font-size:50px;
}
.nav>li>a {
    font-size: 20px;
}
.logo-phone{
	text-align:center;
	padding:10% 0;
}
.social-head{
	text-align:center;
}
.language {
    position: absolute;
    top: 30%;
    right: 2%;
}
.language img{
	width:2.5em;
}
.language .btn {
    padding: 2px 4px;
}
.language .btn-default{
	border:0;
	background:none;
}
.language .dropdown-menu {
    min-width: 60px;
    left: -5px;
}
.language .dropdown-menu>li>a {
    text-align: center;
	padding:3px 0;
}
.language  .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: #000;
    background-color: transparent;
    border-color:  transparent;
}
/*///////////////////////////////////////////////////////////////////////////head///////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////////////content///////////////////////////////////////////////////////////////////////////*/

.bg-content{
	background-size:cover  !important;
	background-attachment:fixed !important;
	background: url(../images/bgcontent-1.png) top center no-repeat;
}
.title-1{
	color:#5cb12f;
	text-align:center;
	/*text-transform:uppercase;*/
}
.title-1 span{
	text-transform:none;
    font-family: 'kit65f-webfont';
}
.detail-1{
	text-align:center;
	color:#FFF;
	margin-top:2%;
	/*letter-spacing: 0.5px;*/
}
.readmore-about{
	width:60%;
	color:#FFF;
	padding:10px;
	margin:10px auto;
	text-align: center;
	border:1px solid #FFF;
	background:#454546;
    font-family: 'kit65f-webfont';
}
.readmore-about .fa-chevron-circle-right {
    vertical-align: sub;
    margin-left: 5px;
}
.bg-content-2{
	width:100%;
	margin:auto;
}
.img-box{
	/*width:100%;*/
	float:left;
}
.detail-box-2{
	/*width:100%;*/
	float:left;
	/*padding: 0 5%;*/
}
.detail-box-3{
	/*width:100%;*/
	float:left;
	/*padding: 0 5%;*/
}
.title-service{
	color:#333333;
	font-size:40px;
	line-height:0.5;
    font-family: 'kit75f';
	margin-top:7%;
	text-transform: uppercase;
}
.title-service h1{
	color:#5cb12f;
	margin:0 auto;
	font-size:40px;
}
.line-color {
    width: 40%;
    margin: 10px 0 5px;
    border-bottom: 0;
    border-top: 5px solid #5cb12f;
}
.detail-service{
	color:#333333;
	margin:5% auto;
	text-indent:10%;
	text-indent:20px;
}
.detail-service h1{
	color:#000;
	margin:0 auto;
	font-size:20px;
	text-transform:uppercase;
}
.bg-content-3{
	/*width:100%;*/
	margin:auto;
	display: table;
}
.content-1 ,.content-2 ,.content-3 {
	 display: table-cell;
}
.content-1{
	float:left;
	/*width:100%;
	padding: 10% 0 3%;*/
	background-size:100%  !important;
	background:url(../images/img-right-1.png)top center repeat-y;
}
.content-2{
	float:left;
	/*width:100%;
	padding: 5% 0 3%;*/
	background-size:100%  !important;
	background:url(../images/img-right-2.png)top center repeat-y;
}
.content-3{
	/*width:100%;*/
	float:left;
}
.detail-2 h1{
	color:#000;
	margin:0 auto;
	font-size:22px;
	padding:10px;
	background:#66c434;
}
.detail-2-inbox{
	color:#333;
	padding:10px;
    font-size: 21px;
	text-indent:10%;
	text-indent:20px;
}
.detail-3-inbox{
	color:#FFF;
	padding:10px;
    font-size: 21px;
	text-indent:10%;
	text-indent:20px;
}
.detail-3 h1{	
	color:#FFF;
	margin:0 auto 10px;
	font-size:22px;
	padding:10px;
	background:#8d8d8d;
}
/*///////////////////////////////////////////////////////////////////////////content///////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////////////footer///////////////////////////////////////////////////////////////////////////*/

.bg-footer{
	color:#FFF;
	padding:5% 0;
	text-align:center;
	background: #181818;
}
.copyright{
	color:#FFF;
	text-align:center;
	margin-top:10px;
	border-top:1px solid #848484;
}
.copyright a{
	color:#FFF;
}
.addess-footer{
	line-height:1;
}
.addess-footer h1{
	margin:0 auto;
	font-size:24px;
    font-family: 'kit65f-webfont';
	/*text-transform:uppercase;*/
}
.menu-footer h1{
	margin:0 auto;
	font-size:24px;
    font-family: 'kit65f-webfont';
	/*text-transform:uppercase;*/
}
.menu-footer ul{
	list-style:none;
	margin-bottom:0;
}
.menu-footer ul li a{
	color:#FFF;
	/*text-transform:uppercase;*/
}
.menu-footer ul li a:hover{
	color:#5cb12f;
}
.contact-footer h1{
	margin:0 auto;
	font-size:24px;
	padding-top:10px;
    font-family: 'kit65f-webfont';
}
.contact-footer  ul{
	width:100%;
	float: left;
	line-height:1;
	list-style:none;
	display:inline-block;
}
.contact-footer  ul li a{
	color:#FFF;
}
.contact-footer  ul li a.email-footer-spacing{
	padding-left:21%;
}
.contact-footer .fa-phone{
	transform: rotateY(180deg);
}
.follow-us{
	text-align:center;
}
.readmore-detail{
	text-align:right;
	color:#282828;
	margin-top:-1%;
}
.readmore-detail:hover{
	color:#5cb12f;
}
/*///////////////////////////////////////////////////////////////////////////footer///////////////////////////////////////////////////////////////////////////*/
:lang(JP) .detail-boxservice{
	font-size: 12px;
}
.detail-boxservice span.JP {
	/*font-size: 60%;*/
}
.text-indent{
	text-indent:30px;
}
/*///////////////////////////////////////////////////////////////////////////about///////////////////////////////////////////////////////////////////////////*/
.xx-large{
	font-size:xx-large;
}
.fontgreen{ color:#5cb32a; }
.img-shadows{
	box-shadow: 1px 1px 2px #c4c4c4;
	border-radius: 1px;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.topic-green{
	border:2px solid #5cb32a;
	padding:10px;
	font-weight:bold;
	font-size:xx-large;
}
.text-about{
	/*border:3px solid #666;*/
	color:#666;
	padding:10px 0;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/
	margin-bottom:10px;
	text-align:center;
	line-height: 1.2;
	letter-spacing: 0.2px;
}
/*.text-about:hover{
	border:3px solid #5cb12f;
	background: #faf9f9;
	transition: all 0.6s;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}*/
.about-topic{
	/*background: #5cb12f;*/
	color:#5cb12f;
	/*padding:0 10px;*/
	font-size: larger;
	text-align: center;
}
/*///////////////////////////////////////////////////////////////////////////contact///////////////////////////////////////////////////////////////////////////*/
.bg-title{
}
.page-title{
	padding: 5px 10px;
	/*text-align:center;*/
	color: #5cb12f;
	font-size:xx-large;
	/*text-indent: 30px;*/
	border-bottom:3px solid #000; 
}
.font24{ font-size:24px; }
@media (max-width: 414px) {

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #FFF;
    background-color: #000;
}

	.font24 {	font-size:18px;}
	.form-horizontal,
	.contact-list li,
	.bg-white{ font-size:20px;}
}
.right { float:right; }
.contact-form ,
.contact-list{
	list-style: none;
	font-size: 24px;
	float:left;
    /*margin-left: 30px;*/
}
.contact-list a{
}
.contact-list a h1 .fa-youtube-square{
	color:#d72a26;
	transition: all 0.6s;
}
.contact-list a h1 .fa-facebook-square{
	color:#314987;
	transition: all 0.6s;
}
.contact-list a h1 .fa-twitter{
	color:#4b9cda;
	transition: all 0.6s;
}
.contact-list a h1 .fa-instagram{
	color:#9c27b0;
	transition: all 0.6s;
}
.contact-list a h1 .fa-map-marker{
	color:#ee7600;
	transition: all 0.6s;
}
.contact-list a h1 .fa-qrcode{
	color:#00b900;
	transition: all 0.6s;
}


/*///////////////////////////////////////////////////////////////////////////media///////////////////////////////////////////////////////////////////////////*/

@media (max-width: 767px ) {
	body{
		max-width: 100% !important;
	}
	.navbar-collapse{
		position: fixed;
		width: 250px;
		background: #fff;
		height: 100vh !important;
		max-height: none !important;
		top: 0;
		display: block;
		left: -250px;
		margin: 0 !important;
		z-index: 9999;
	}
	.navbar-collapse.in{
		left: 0 !important;
	}
	.all-container{
		width: 100%;
	}
	.all-container.-collapse{
		margin-left: 250px;
	}
	.navbar-default, .navbar-collapse, .navbar-collapse.collapsing, .all-container.all-container.all-container {
		transition: all 0.5s !important;
	}
	.navbar-default.-collapse {
		margin-left: 250px;
		width:100%;
	}
}

/*///////////////////////////////////////////////////////////////////////////media///////////////////////////////////////////////////////////////////////////*/