@charset "UTF-8";
/* CSS Document */

body {
	line-height:1.6em;
  font-size: 16px;
}

p {
	margin:1.5em 0;
}

a {
	color:#0080cc
}

a:hover {
	color:#08486e;
	text-decoration:underline;
}

img a:hover {
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


.clear {
clear: both;  
}

h1 {
	padding:50px 0 50px 40px;
    margin-top: 0;
	text-align:left;
	color:#000000;
	width:100%;
	font-size:34px;
	font-weight:300;
	background:#E4E4E4 url(../../../images/bg.gif) no-repeat right;
}

@media (max-width:414px) {
h1 {
padding-left: 20px;
}

}

h2 {
	margin:0;
	padding:0;
	font-weight:600;
}



/*  Preset  */

#sp-footer {
  background: #000000;
}

.custom-footer a:hover {
	text-decoration:none;
}

.sp-copyright {
	font-size:70%
}

/*  Top Bar   */

#sp-top-bar div#sp-top1.col-sm-6.col-md-6 .sp-column .sp-module .custom {
	padding: 7px 0 10px 0px;
}

#sp-top-bar div#sp-top2.col-sm-6.col-md-6 .sp-column .sp-module {
float:right;
letter-spacing: 1px;
}

#sp-top-bar div#sp-top1 {
	letter-spacing: 1px;
	font-size:80%;
}

div#sp-logo a.logo img.sp-default-logo {
	padding:20px 0;
}

.sp-module-content .mod-languages ul.lang-inline li {
	margin-left: 15px;
	font-size:80%;
	letter-spacing:1px;
}

/*  Header   */

#sp-header {
box-shadow: none;
height: 150px;
}

div#sp-header-sticky-wrapper.sticky-wrapper {
height: 150px;
}

div#sp-header-sticky-wrapper.sticky-wrapper.is-sticky {
height: 150px;
}


/*  Global Navi CK Menu   */

#sp-menu div.sp-module {
margin-top: 50px;
}

@media (min-width:768px) and (max-width:1200px) {
#sp-menu div.sp-module {
margin-top: 10px;
}
}

@media (max-width:768px){
#sp-menu div.sp-module {
margin-top: 20px;
}
}

div.sp-column.global-navi .sp-module ul li {
font-weight: 600;
color:#999999;
border-bottom: none;
padding-left:20px;
font-size:16px;
text-transform: uppercase;
letter-spacing: 1px;
}

div.sp-column.global-navi {
float: right; 
}

div#maximenuck97.maximenuckh ul.maximenuck li.level1.parent > a,
div#maximenuck98.maximenuckh ul.maximenuck li.level1.parent > a,
div#maximenuck99.maximenuckh ul.maximenuck li.level1.parent > a {
padding-right: 0;  
}

div#maximenuck97.maximenuckh ul.maximenuck li.headingck.level1.parent div.maxidrop-top,
div#maximenuck98.maximenuckh ul.maximenuck li.headingck.level1.parent div.maxidrop-top,
div#maximenuck99.maximenuckh ul.maximenuck li.headingck.level1.parent div.maxidrop-top {
padding-top: 6px;  
} 

div.sp-column.global-navi .sp-module ul >li >a {
line-height: 28px;
color: #999999;
}

div.sp-column.global-navi .sp-module ul >li.current >a {
  color: #0080cc;
 }

div.sp-column.global-navi .sp-module ul >li >a:hover {
  color: #0080cc;
}

div.sp-column.global-navi .sp-module ul >li >a:before {
	display: none;
}

li.maximenuck.level2 {
background-color: #efefef;
width: 260px;
}

li.maximenuck.level2 a {
	padding-left: 12px;
}

li.maximenuck.level2 > a {
font-size: 14px;  
}

@media (min-width: 700px){
#sp-menu .global-navi .sp-megamenu-wrapper a#offcanvas-toggler {
display: none !important;
}
}

@media (min-width:1024px) {
div#sp-logo.col-xs-8.col-sm-3.col-md-3 {
width:24%
}

div#sp-menu.col-xs-4.col-sm-9.col-md-9 {
width:76%
}
}

@media (min-width:640px) and (max-width:1024px) {
div#sp-logo.col-xs-8.col-sm-3.col-md-3 {
width:25%
}

div#sp-menu.col-xs-4.col-sm-9.col-md-9 {
width:75%
}
}

@media (max-width:640px) {
div#sp-logo.col-xs-8.col-sm-3.col-md-3 {
width:65%
}

div#sp-menu.col-xs-4.col-sm-9.col-md-9 {
width:35%
}
}

/* arrow image for parent item */
div#maximenuck97 ul.maximenuck li.level1.parent > a::after, 
div#maximenuck97 ul.maximenuck li.level1.parent > span.separator::after,
div#maximenuck98 ul.maximenuck li.level1.parent > a::after, 
div#maximenuck98 ul.maximenuck li.level1.parent > span.separator::after,
div#maximenuck99 ul.maximenuck li.level1.parent > a::after, 
div#maximenuck99 ul.maximenuck li.level1.parent > span.separator::after
 {
	display: none;
}

@media screen and (max-width: 700px) {
    div.maximenuckh {
        display: none;
    }
}

/*    Offcanvas Menu   */

.offcanvas-menu .offcanvas-inner ul.nav.menu li.deeper.parent {
padding-top: 10px;
padding-bottom: 10px;
}

.offcanvas-menu .offcanvas-inner ul.nav.menu li.deeper.parent span.nav-header {
margin-left: 20px;
}

.offcanvas-menu .offcanvas-inner ul.nav.menu li.deeper.parent ul.nav-child.unstyled.small {
    padding-top:7px;
}

/*    Breadcrumbs   */

.entry-header {
margin-bottom: 0;
}

ol.breadcrumb {
font-size: 12px;
background-color: #ffffff;
margin:10px auto 25px;
padding: 8px 0px;
}

@media (min-width:768px) {
    ol.breadcrumb {
        width: 750px
    }
}

@media (min-width:992px) {
    ol.breadcrumb {
        width: 970px
    }
}

@media (min-width:1200px) {
    ol.breadcrumb {
        width: 1170px
    }
}


/*    Front Page Banner + Map etc  */

.front {
width: 100%;
clear: both;
}

.front p {
	line-height:1.4em;
	font-size:15px;
}

.front a, .front a:visited, .front a:active {
color: #333333;
}

.front a:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
text-decoration: none;
}

.front ul {
list-style: none;
margin: 0 auto;
}

.front ul li h3 {
	font-size:16px;
	font-weight:600;
}

.front ul li {
	font-size:14px;
	line-height:1.4em;
}

@media (min-width:640px) {
.front ul li {
float: left;
text-align: left;
width: 33.333%;
padding: 0 3%;
}
}

@media (min-width:640px) and (max-width:1024px)   {
.front ul li .banner-block {
height: 125px;
display: block;
}
}
@media (min-width:1024px)   {
.front ul li .banner-block {
height: 95px;
display: block;
}
}

@media (max-width:640px) {
.front ul li {
text-align: left;
width: 94%;
padding: 0 3%;
clear: both;
margin-bottom: 30px;
}
.front ul li img {
margin: 0 auto;
}
}

@media (min-width:640px) {
.front ul li .banner-block-jp {
height: 70px;
display: block;
}
}

@media (min-width:624px) and (max-width:1024px) {
.front ul li h3.jp {
height: 30px;
}
}


.front ul li img {
margin-bottom: 0;
}

.front a.button {
display: inline-block;
width: 110px;
text-align: center;
text-decoration: none;
outline: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background-color: #0080cc;
font-size: 13px;
color:#ffffff;
padding:5px;
margin-top:15px;
}

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

a.button:hover {
	background-color: #6abfe2;
	border-color: #6abfe2;
	color: #ffffff;
}

img.front-map {
margin:50px 0;
}

img.summit {
margin: 40px 0 50px;
}

.front h2 {
text-align: center;
margin-top:30px;
margin-bottom:15px;	
}

@media (min-width:640px) {
.front p {
text-align: left;
width: 70%;
margin: 0 auto;
}
}

@media (max-width:640px) {
.front h2 {
text-align: left;    
margin-left: 5%;
}
.front p {
text-align: left;
width: 90%;
margin: 0 0 0 5%;
}
img.front-map {
margin: 10px 0;
}
img.summit {
margin: 10px 0 40px;
}
}

/*  Slick  */

#sp-title {
margin-bottom: 0px;
}

#sp-title .sp-module-content ul.single-item {
width: 100%;
margin: 0 auto;
text-align:center;
}

#sp-title .sp-module-content ul.single-item ul.slick-dots {
bottom: -25px;
}

#sp-title .sp-module-content ul.single-item ul.slick-dots li {
float: left;
border-bottom: none;
margin: 0;
}

#sp-slider ul.single-item {
margin: 0 auto 30px auto;
text-align:center;
}

ul.slick .slick-prev::before, 
ul.slick .slick-next::before {
color: #333333;
font-size: 20px;
}

ul.slick .slick-prev {
left: -15px;
width: 40px;
height: 40px;
}

ul.slick .slick-next {
right: -58px;
width: 40px;
height: 40px;
}

ul.slick  {
	 width:90%;
	 margin:20px 20px 30px 38px;
	 font-size:11px;
	line-height:1.2em;
	}

@media (max-width:768px) {
ul.slick {
margin:20px 20px 30px 0px;
}
}

ul.slick li {
	font-size:13px;
	line-height:1.3em;
	margin:0 4px;
	width:160px;
}

ul.slick a, ul.slick a:hover {
	color:#333;	
   text-decoration: none;
}

ul.slick img {
	height:110px;
	width:160px;
	margin-bottom:5px;
}

/*   Front Page Slick Slider  */

header#sp-header {width: 100%;}
.front-slider-slick .single-item img {width: 100%;}
.front-slider-slick .single-item .slick-prev {left: 10px; z-index: 10;}


/*  Bottom   */

#sp-bottom .container .row .sp-column .sp-module h4 {
font-weight:bold;
}

#sp-bottom .container .row .sp-column .sp-module ul >li {
border-bottom: none;
}

#sp-bottom .container .row .sp-column .sp-module ul > li > a::before {
content: none;
}

#sp-bottom .container .row .sp-column .sp-module,
#sp-bottom .container .row .sp-column .sp-module a {
line-height: 22px;
font-weight: 400;
}

#sp-bottom #sp-bottom2 a {
font-size: 15px;
}

#sp-bottom .footer-sitemap .customfooter-sitemap ul {
float: left;
width: 33.33%;
padding-right:5%;
}

@media (max-width:340px) {
#sp-bottom .footer-sitemap .customfooter-sitemap ul {
float: none;
width: 100%;
}
}


/*    Main    */

#sp-main-body {
padding: 0 0 50px;
}

.imgright {
	float:right;
	margin:0 0 10px 15px;	
}


@media (max-width:600px) {
.imgright { 
float: none;
}
}

img.float-left { 
float: left; 
margin-right:20px;
}

@media (max-width:1024px) {
img.float-left { 
margin-bottom:20px;
}
}

.page-header {
	margin:0 0 5px 0;
    padding: 0 0 5px 0;
	border:none;
	width:100%;
}

.large {
font-size: 120%;
}

img.img_companyde {
margin-bottom:50px;
}

@media (min-width:1024px) {
img.img_company {
margin-bottom:320px;
}
}

/*  Google Map responsive  */

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media (min-width:1024px) {
.map {
height: 200px;
margin-bottom: 100px;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
height: 40%;
}
}

/* Global Network */
.network ul  {
	margin:0;
	padding:0;
}

.network ul li {
	margin:15px 0;
	line-height:1.4em;
	list-style:none;
	font-size:14px;
}

.network ul li strong {
		font-size:110%;
}

.network h4 {
	color:#194C95;
	border-bottom:#194C95 1px solid;
	margin:30px 0 15px 0;
	font-size:18px;
    font-weight: bold;
    padding: 0 0 3px 0;
}

.col1 {
	float:left;
	margin:0 30px 40px 0;
	width:30%;
}

.col2 {
	float:left;
	margin:0 30px 40px 0;
	width:30%;
}

.col3 {
	float:left;
	margin:0 30px 40px 0;
	width:30%;
}

@media (max-width:414px) {
.network .col1, 
.network .col2, 
.network .col3 {
float: none;
margin: 0 0 40px 0;
width: 100%;
}
}


@media (min-width:414px) and (max-width: 1024px) {
.network .col1, 
.network .col2, 
.network .col3 {
float: left;
margin: 0 5% 40px 0;
width: 45%;
}
}




/* right module */


ul.menu-menuright {
	width:270px;
	list-style:none;
	margin:0 0 40px 30px;
	padding:0;
	float: right;
}

ul.menu-menuright li {
	padding:2px 0;
	border-bottom:#E4E4E4 1px solid;
	list-style:none;
	margin:0;
	font-weight:bold;
	letter-spacing: 0.5px
}

ul.menu-menuright li .nav-header {
 	position: relative;
	display: block;
	padding: 10px 15px; 
	color: #0080cc;
}

ul.menu-menuright li a:hover {
text-decoration: none;
background-color: #ffffff;
filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}



ul.nav-child.unstyled.small {
    padding:0 0 5px 15px;
    margin-top:-5px;
	border-bottom:none;
    margin-bottom: 4px;
	font-size:90%
}

ul.nav-child li {
	border-bottom:none;
	padding:0;
	margin:0;
	font-weight:200;
}


ul.nav-child li a:hover {
	text-decoration: none;
    background-color: #ffffff;
}

@media (max-width:768px) {
ul.menu-menuright {
display: none;
}
}

ul.sp-megamenu-parent.menu-fade.hidden-xs {display: none;}