@charset "utf-8";
/*** 
Common	
***/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
font-family:"Work Sans", sans-serif;
}
p{ font-size:18px; color:#fff;}
a{ text-decoration:none;}
a:focus, *:focus { outline:none; }
html, body {
	position: relative;
	height: 100%;
}
.container-full{ width:100%; padding-left:15px; padding-right:15px;}
.container-full .container{ padding:0;}
body {
	background: #eee;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#000;
	margin: 0;
	padding: 0;
	height:100vh;
}
/** 
Link Page Menu Common
**/
/* @col-sm�ȉ� �� */@media (max-width:767px) {
a.navbar-brand{ margin-left:0!important;}
.navbar-header .container{ padding-left:0; padding-right:0;}
}
.navbar-collapse.collapse{ display:none!important; background:#04151d;}
.navbar-collapse.collapsing{ background:#04151d; z-index:3; display:block;}
.navbar-nav > li a{ line-height:1; color:#333333!important;}
.navbar-collapse.collapse .navbar-nav{ width:100%;}

.navbar-collapse.collapse.in .navbar-nav > li a.green{color:#006666!important;}
.navbar-collapse.collapse.in .navbar-nav > li a.red{color:#990000!important;}
.navbar-collapse.collapse.in .navbar-nav > li a.blue{color:#0090f1!important;}
.navbar-collapse.collapse.in .navbar-nav > li a.orange{color:#FF6600!important;}
.navbar-collapse.collapse.in .navbar-nav > li{ width:100%; text-align:center; font-size:4em;}
/* @col-sm�ȉ� �� */@media (max-width:767px) {
.navbar-collapse.collapse.in .navbar-nav > li{font-size:2.5em;}
p#gobtn{ text-align: center;}

}
.navbar-collapse.collapse.in .navbar-nav > li a{ color:#333333!important;}
.navbar-collapse.collapse.in{ display:block!important; position:fixed; max-height:100%; top:0; width:100%; z-index:3; padding-top:100px; padding-bottom:50px;}
.navbar-header{ width:100%; position: absolute;
top: 0;}
.navbar-toggle{ display:block; float:right; z-index:4}
.navbar-fixed-top{ position:fixed; top:0; z-index:2; width:100%; border:none;}
.navbar-default{background-color:none!important;}

/*SecondaryMenu*/
.navbar-lower{ min-height:50px; position:fixed; z-index:1; top:50px; background:#001831; border:none; width:100%;}
.navbar-lower .navbar-collapse.collapse{ display:block!important; background:#333333;}
.navbar-lower .navbar-nav li{ float:left;}
.navbar-lower .navbar-nav li a{ color:#ddd!important; font-size:16px; transition:all 0.2s linear;}
.navbar-lower .navbar-nav li a:hover{ color:#fff!important;}

.navbar-brand img{ max-height:100%;}
.navbar-brand{padding:5px;}
.img-fit{width:170px; height:170px; margin:0 auto; display:block;}
@media (max-width:500px) {
.img-fit{width:auto; height:auto;}
}

.icon-list li{ list-style:none;}
ul.icon-list li a{ padding:20px; font-size:40px; display:block; color:#999999;}
/* @col-sm�ȉ� �� */@media (max-width:767px) {
.img-fit.imglink{ width:170px; height:170px;}
ul.icon-list li a{ padding:20px; font-size:28px;}
}
.tri-box{ position:relative;}
.tri{
position:absolute; top:30%;
right:-50px;;
width: 0;
height: 0;
border-style: solid;
border-width: 40px 0 40px 50px;
border-color: transparent transparent transparent #fff;}
.tri-left{
position:absolute; top:30%;
right:0;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 60px 50px 0;
border-color: transparent #fff transparent transparent;}
.tri-row1{ height:400px;}
.tri-row1 h4{ color:#fff;}
.tri-row1 p{ color:#fff;}

.tri-row2{ height:250px;}

.tri-row1{ position:relative;}
.box
{
left:0px;
width:100%;
z-index:1;
position:absolute;
height:100%;
background:#fff;
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}

.box:hover
{
width:110%;
}	
.right-box{
right:0px;
width:0%;
z-index:1;
position:absolute;
height:100%;
background:blue;
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}

.navbar-header p{
font-family: 'Fira Sans', sans-serif;
}


.tri-box:hover div .right-box{ width:10%;}


/* subsidialy */
#goBtn{ text-align:center;}
#goBtn a{font-size: 20px;}
.subs-ttl{color:#fff; font-size:1.8em; margin-top:0; }
/* @col-md�ȉ� �� */@media (max-width:1025px) {
.subs-ttl{font-size:1.4em;}
}
/* @col-sm�ȉ� �� */@media (max-width:767px) {
.subs-ttl{font-size:1.2em;}
}
.btn-info{ border-radius: 4px!important;          

    -webkit-border-radius: 4px!important;    /* Safari,Google Chrome用 */  

    -moz-border-radius: 4px!important;   /* Firefox用 */  }
	
/* About us */
.manage-ttl{ margin-top:100px;}
.manage-ttl h2{}
.our-m{background-color:#FFFFFF;  opacity: 0.7; padding:25px; margin-bottom:50px;}
.our-m h3{text-decoration:underline; margin-bottom:20px;}
.mgn-about{margin-top:140px;}

.about-map p{font-size:20px;  margin-top:15px; text-align:center; padding:4px 2px; opacity: 0.75; background:#ffffff; width:680px;}
/* @col-sm�ȉ� �� */@media (max-width:767px) {
.manage-ttl{ margin-top:0px;}
.about-map iframe{ width:100%;}
.about-map p{width:100%;}
}
@media (max-width:767px) {
.mgn-about{margin-top:30px;}
.bg-sp-about{ background:url('../img/sp01.jpg')!important; background-repeat: no-repeat!important; background-size: cover !important; background-attachment: fixed !important;}
}

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

	.row div{
		background-position: center!important;
	}


}


.l-block img{width:45px; margin-right:10px; margin-top:10px;}
.l-block p{color:#fff; font-size:31px; margin-top:10px;}