section .page-title-container h1.page-title@-webkit-viewport { width: device-width; }section .page-title-container h1.page-title
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
@charset "UTF-8";
/**
CSS Reset
*/
 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
        del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,
        figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
            font-family: 'Lato',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section 
{
    display: block;
}
ol, ul {
    list-style: none;
}
a:hover{
	text-decoration:none;
}
a{
	outline:none;
}
dfn, em {
  font-style: italic!important;
}
strong{
    font-weight: 700!important;
}
.no-gap [class*="-1"],
.no-gap [class*="-2"],
.no-gap [class*="-3"],
.no-gap [class*="-4"],
.no-gap [class*="-5"],
.no-gap [class*="-6"],
.no-gap [class*="-7"],
.no-gap [class*="-8"],
.no-gap [class*="-9"],
.no-gap [class*="-10"],
.no-gap [class*="-11"],
.no-gap [class*="-12"]{
	padding-left:0;
    padding-right:0;
}
div, p, li{
    font-size: 18px;

}
p{margin-bottom: 20px;
}
p:last-child{
  margin-bottom: 0;
}
h1, h2, h3, h4{
  font-weight: bold;
  margin-bottom: 15px;
}
h2{
  color: #085cab;
  font-size: 30px;
  font-weight: normal;
}
h3{
  font-size: 24px;
  font-weight: normal;
}
.hidden-title{
  border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
img.pright{
  float:right;
  margin:0 0 30px 30px;
}
.img-full{
  width: 100%;
}
.mainmenu-container{
  overflow: hidden;
  margin-bottom: 10px;
}
.lang-switch{
  margin-top: 10px;
}
.lang-switch>a{
  background: #fff;
  border:2px solid #333;
  border-radius: 17px;
  font-size: 13px;
  padding:6px 6px;
  display: inline-block;
  margin-left:5px; 
  width: 35px;
  color: #333;
  text-align: center;
}
.lang-switch>a.active{
  background: #333;
  color: #fff;
}
.navbar{
  border: 0;
}
.navbar-collapse{
  text-align: center;
}
.nav-wdi.nav-justified {
  text-align: center;
  float: none;
  display: inline-block;

/*  border-left:1px solid #09669b;
  border-right:1px solid #40abe8;*/
  margin-bottom: -6px;
}
.nav > li > a:hover, .nav > li > a:focus{
  background: transparent;
  outline: none;
}
.navbar{
  min-height: 0;
}
 
.nav-wdi.nav-justified li a{
  color: #333;
  padding:10px 20px;
  font-size: 14px;
  border-top: 3px solid #ccc;
}
.nav-wdi.nav-justified li a:hover, .nav-wdi.nav-justified li.active a{
  border-top: 3px solid #085cab;
  border-radius: 0;
  background: transparent;
  color:#333;
}
.content-container{
  position: relative;
}
.shadowmenu{
  height: 10px;
  background: url(../images/menu-shadow.png) repeat-x top ;
  display: block;
  width: 100%;
  z-index: 999;
}
.about-part{
  padding:50px;
  line-height: 30px;
  background: url(../images/white_wall.png);

}
.about-part h2{
  padding:0;
  margin:0;
  font-weight: normal;
}
.about-part a{
  display: inline-block;
  margin-top: 20px;

}
.slider-container.slick-initialized .slick-slide{
  padding:0;
}
.companygroup-part{
  padding:40px 0;
  background:#f2f2f2;
}
.companygroup-part .slick-prev, .companygroup-part .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top:0;
    display: block;
    margin-top: 0px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.companygroup-part .slick-prev:before, .companygroup-part .slick-next:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 60px;
    line-height: 1;
    opacity: .35;
    color: #666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.companygroup-part .slick-next {
      right: -20px;
}
.companygroup-part .slick-prev  {
     left: -20px;
}
.companygroup-part .slick-next:before {
    content: '\f0da';
}
.companygroup-part .slick-prev:before {
    content: '\f0d9';
}
.companygroup-part .slick-slide{
  text-align:center;
}
.slick-slide img{
  display: inline-block;
}
.companygroup-part h2{
  margin:0 0 20px 0;
  padding:0;
}
.service-text{
  background: url(../images/bg-service.png) no-repeat bottom right;
  height: 510px;
}
.service-text p{
    margin-top:30%;
  }
.service-part{
  padding:20px 0; 
}
.service-part h2{
  margin-bottom: 30px;
}
.news-part>.container{
  border-top: 1px solid #085cab;
  margin-bottom: 50px;
}
.news-item h2>span{
  font-size: 18px;
  display: block;
  color: #444;
}
.news-item .datenews-info{
  background: #085cab;
  font-size: 12px;
  color: #fff;
  padding: 3px 5px;
  display: inline-block;
  font-weight: bold;
}

.slider-container .slick-prev, .slider-container .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block; 
    padding: 0;
    cursor: pointer;
    color: red;
    border: none;
    outline: none;
    z-index: 999;
    background: transparent;
	outline:none;
	transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);
}
.slider-container .slick-prev:before, .slider-container .slick-next:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 60px;
    line-height: 1;
    opacity: .9;
    color: #085cab;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.slider-container .slick-next {
      right: 20px;
}
.slider-container .slick-prev  {
     left: 20px;
}
.slider-container .slick-next:before {
    content: "\f054";
}
.slider-container .slick-prev:before {
    content: "\f053";
}
footer{
  background: url(../images/bg-footer.jpg) no-repeat;
  background-size: cover;
  padding-top:40px;
}
.companyinfo-footer h3{
  margin:0 0 20px;
}
.companyinfo-footer>div{
  margin-bottom: 20px;
  line-height: normal;
  vertical-align: middle;

}
.companyinfo-footer span{
  border:2px solid #222;
  padding: 3px 5px 5px;
  display: inline-block;
  width: 35px;
  text-align: center;
  margin-right: 10px;
  float: left
}
.companyinfo-footer>div>div{
  min-height: 35px;
  padding-top: 7px;
}
.companyinfo-footer>div.footer-address>div{
  padding-top: 0px;
}
.copyright-container{
  border-top: 1px solid #fff;
  padding:20px 0;

}
.copyright-container .container{
  font-size: 14px;
}
.footermenu-container ul li{
  text-align: left;
  margin-bottom:20px;
}
.footermenu-container ul li a{
  color: #333;
}
.footermenu-container ul li a:hover{
  color: #085cab;
}
.footer-btn{
  margin-top: 110px;
}
.contact-footer{
  background: #085cab;
  color: #fff;
}
.social-btn{margin-top:10px;}
.social-btn li{
  display: inline-block;
  color: #fff;
  background: #999;
  text-align: center;
  
  border-radius:5px;
}
.social-btn li a{
  color: #fff;
  width: 30px;
  display: block;
  padding: 3px 0;
}

header{
  position: relative;  
  width: 100%;
}
.top-container{
  position: absolute;
  top:10px;
  width: 100%;
}
.breadcrumb-cont{
  background-color: rgba(255,255,255,0.6);
  display: inline-block;
}
.breadcrumb-cont ul{
  margin:0;
padding: 0 5px; 
}
.breadcrumb-cont ul li {
  display: inline-block; 
  font-size: 14px;

} 
.static-page .topheader-container{
  background: #fff;
  padding: 10px 0 5px;
}
.frontpage header{
  position: relative;
}
.frontpage .shadowmenu{
  position: absolute;
  top: 0;
}
.frontpage  .topheader-container{
  /*background: url(../images/shadow-top.png) repeat-x top #fff;*/ 
  padding:15px 0 5px;
  margin-top: 3px;
}
.frontpage  header{

  top: 0px;
  width: 100%;
}
.director-message {
  margin-top: 50px;
}
.message-content{
  margin-top: 20px;
  margin-bottom: 50px;
}
.company-profile{
  background: url(../images/company-profile-bg.jpg) no-repeat top;
  background-size: cover;
}
.company-profile .container{
  background: url(../images/shadow-2.png) no-repeat top center;
  padding: 30px  15px;
}
.shadow-cont{
  background: url(../images/shadow-2.png) no-repeat top center;
  height: 50px;
  width: 100%;
}
.company-profile .row .row{
  margin-bottom: 20px;
}
.company-profile .row .row>div{
  font-size: 16px;
}
.map-frame{
  border:10px solid #fff;
}
.company-vision{
   
  padding:30px 0 50px;
  background: #ececec;
}
.company-vision ul li{
 
  font-size: 22px;
  padding:0 10px;
}
.visi-cont{
  display: inline-block;
  text-align: left;
}
.visi-cont ul{
  margin:0;
  padding:0;
  }
.visi-cont ul li{
  margin-bottom: 10px;
}
.page-title{
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(11,89,169,0.7);
}
.page-title h1{
    font-weight: normal;
    color: #fff;
  }
.page-title h1 span{
    font-size: 20px;
    font-weight: 300; 
    margin-left:10px;
    padding-left: 10px;
    border-left: 1px solid #fff;
}
.servicepage .top-container, .grouppage .top-container, .aboutpage .top-container, .contactpage .top-container{
  position: relative;
}
.servicepage header, /*.grouppage header, */.aboutpage header, .contactpage header{
  min-height: 257px;
}
.service-cont{
  padding:40px 15px;
}
.service-product  {
  background: #f2f2f2;
  margin-bottom: 50px;
}
.service-product .row>.col-sm-7{
  padding:10px 40px;
}
.product-address{
  margin-top: 100px;
}
.product-address h3{
  padding:0;
  margin: 0 0 0 ;
}
 .info-container{
   min-height: 100px;
  padding-left: 70px;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
  border:1px solid #ececec;
  padding:20px 10px 20px 80px;
}
.company-phone .info-container{
  background: url(../images/icon-phone.png) no-repeat 7px center;
}
.company-address .info-container{
  background: url(../images/icon-address.png) no-repeat 7px center;
}
.company-email .info-container{
  background: url(../images/icon-email.png) no-repeat 7px center;
}
.info-container span{
  font-size: 14px;
  color: #999;
  line-height: normal;
  display: inline-block;
}
.info-container>div{
  font-size: 20px;
  font-weight: bold;
}
.company-address .info-container>div{
  font-size: 16px;
}
.companyinfo{
  padding:30px 0 50px 0;
}
.companyinfo h3{
  color: #085cab;
}
.contact-form{
  margin-bottom: 30px;
} 
.wdi-form {
	margin-top:15px
}
.wdi-form .row{
  margin-bottom: 20px;
 }
.wdi-form label{
  display: block;
  font-weight: normal;
}
.wdi-form input, .wdi-form textarea{
  width: 100%;
  border:1px solid #ddd;
  padding: 7px;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
}
.wdi-form textarea{
  height: 150px;
  resize:none;
}
.btn.btn-submit{
  background: #0d793d;
  padding: 10px 40px ;
  width: 190px;
  font-size: 18px;
  color: #fff;
}
.contactpage .companygroup-part{
  border-bottom: 1px solid #085cab;
}
.group-text{
  padding: 40px 0;
}
.group-text p{
  line-height: normal;
  font-size: 20px;
  line-height: 40px
}
.group-text p:last-child{
  font-size: 14px;
  line-height: normal;
  }
.tab-link{
  margin: 0;
  padding:0;
}
.tab-link li{
  display: inline-block;
} 
.tab-link li a{
  color: #fff;
  background: #7c7c7c;
  padding:10px 20px;
  margin-right: 10px;
}
.tab-link li a:active, .tab-link li a:hover, .tab-link li a:focus, .tab-link li.active a:focus{
  text-decoration: none;
}
.tab-link li.active a{
 background: #085cab;   
}
.group-service-title{
  background: #67a8e5;
  font-size: 36px;
  color:#fff;
}
.group-service-title h2{
  font-size: 36px;
  color:#fff;
}
.tab-content{
  margin: 20px 0;
}
.group-item{
  border-bottom: 1px solid #ececec;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
.group-item h3{
  font-weight: bold;
}
.group-item  .list-inline{
  display: inline-block;
}
.group-item  .list-inline li{
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.group-item  .list-inline li img{
  margin-bottom: 10px;
}
.group-item p{
  line-height: 28px;
}
.group-map{
  background: #f1f1f1;
  padding: 30px 0;
  margin-bottom: 50px;
}
.group-company-list li{
  display: inline-block;
  width: 30%;
  border-bottom: 1px dotted #666;
  font-size: 14px;
  margin-right: 10px;
  padding:10px 10px 10px 20px;
  position: relative;
  vertical-align: top;
}
.group-company-list li:before{
    display: inline-block;
    content: "\f0a9";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;;
    left: 0;
    top:13px;
  }
    .slick-initialized .slick-slide{
      padding:0 10px;
	  outline: none;
    }
      .slick-slide img{
      max-width: 100%;

     }
/*responsive*/
  @media only screen and (min-width:768px){
    .nav-wdi.nav-justified li.active a:after {
		content: '';
		height: 3px;
		width: 26px;transaparent; 
		position: absolute;
		bottom: 15px;
		left: 50%;
		right: 0;
		margin-left: -13px;
    }
	.navbar-collapse.collapse {
		padding: 0;
		margin-top:10px;
	}
  }
    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		.slider-container.landing-page .slick-list{
			margin:0;
		}
		.slick-list{
			margin:0 32px;
			padding-top:10px;
		}
		.companygroup-part .slick-prev {
			left: 0;
		}
		.companygroup-part .slick-next {
			right: 0;
		}
	}

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
     .container{
      padding:0 15px;
     }
     .footer-btn{
      margin-top: 20px;
     }
     .nav-wdi.nav-justified li a{
      padding: 30px 25px;
     }
	  .nav-wdi.nav-justified{
        border: 0;
        margin-bottom: 0;
        width: 100%;
      }
      .nav-wdi.nav-justified li.active a,
      .nav-wdi.nav-justified li a:hover,
      .nav-wdi.nav-justified li a:focus{
		background: #085cab;
		color: #fff;
	  }
      .nav-wdi.nav-justified li a{
        border-top: 3px solid transparent;
        padding:5px;
      }
	  .nav-wdi.nav-justified li{
        border:0;
      }
	  .page-title{
        position: relative;
        margin-top: 10px;
      }
	   .top-container{
        margin-bottom: 20px;
		top:0
      }
    }
	
	@media only screen and (max-width : 600px) {
		.slick-list{
			padding-top:0px;
		}
	}
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
      .shadow-cont {
        background-size: contain;
      }
      .servicepage .top-container, .grouppage .top-container{
        top: 0;
      }
      .logo-container a img{
        margin:0 auto;
      }
      .mainmenu-container{
        background: 0;
      }
      .navbar-toggle{
        float: left;
        margin-left:15px ;
      }
      header{
        position: relative;
      }
      .lang-header{
        position: absolute;
        top: 75px;
        right: 0px;
        z-index: 99;
      }
      .page-title h1 span{
        display: block;
        border:0;
        padding:0;
        margin:5px 0 0 0;
      }
      .top-container{
        position: relative;
        top: 0;
      }
      .page-title{
        background:#007ec6;
      }
      .static-page .topheader-container{
        padding:10px 0;
      }
      .frontpage  .topheader-container{
        background: none;
        margin-top: 0;
      }
      .mainmenu-container .container{
        padding:0;
      }
      .navbar-toggle{
        background: transparent;
        border:1px solid #999;
      }
      .navbar-toggle .icon-bar{
        background: #999;height: 1px;
      }
      .slick-next{
        right: 0
      }
      .slick-prev{
        left: 0px;
        z-index: 9999;
      }
      .service-text {
        background-size: contain;
        height: auto;
        margin-bottom: 30px;
      }
      .service-text p {
        margin-top: 20px;
      }
      .map-container{
        float: none !important;
      }
      .product-address{
        margin-top: 20px;
      }
      .contactpage h2{
        font-size: 24px;
      }
      .contactpage h3{
        font-size: 20px;
      }
      .tab-link li {
        display: block;
        margin-bottom:3px;
      }
      .tab-link li a{
        display: block;
      }
      .group-service-title h2{
        font-size: 30px;
      }
      .group-company-list{
        margin:0;
        padding:0;
      }
      .group-company-list li{
        display: block; 
        width: 100%;
      }
      .footer-menu ul {
        margin:0;
        padding:0;
      }
      .footer-btn{
        margin: 0;
      }
      .mobile-message{
        background: #f5f5f5; 
        padding: 15px;
      }
       .mobile-message h2{
        font-size: 20px;
        font-weight: bold;
        color: #333;
      }
    }
    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        .mobile-message h2{
        font-size: 18px;
      }
      .mobile-message p{
        font-size: 14px;
      }
    }
    /* Adding some custom */ 
    @media only screen and (max-width : 1080px) {
      .page-title{
		  bottom: -24px;
		  top:202px;
		}
      .servicepage header{
        margin-bottom: 40px;
      }
	  .page-title h1 span{
        font-size: 16px;
      }
	  div, p, li{
		  font-size:13px !important;
	  }
    }