html { height: 100%; }

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* コンテンツタイトル */

.soon{
	font-family: aclonica, serif;
	font-style: normal;
	font-weight: 400;
	}
	
	
.soon img{
	margin:auto;
	padding-left:-15px;
	}

.headline,
.headline_ex {
	display: block;
	margin: 10px 0 10px 0;
	border-bottom: 1px dotted #e4e9f0;
}
h2.heading-sm,
h3.heading-md {
	font-size: 18px;
	line-height: 24px;
	vertical-align:bottom;
}
.headline h2,
.headline h3,
.headline h4,
.headline_ex h4  {
	margin: 0 0 -2px 0;
	padding-bottom: 5px;
	display: inline-block;
	border-bottom: 2px solid #00a0e9;
}
hr{
	border: transparent 1px solid;
	}

.tui{
	line-height:1.8em;
	}



/* navbar ナビゲーションの色 */


#ta li a{
	font-size:1.1em;
	color:#7C8184;
		}	
#ta li a:hover,
#ta li a:focus,
#ta li a:active{
	color:#00A0E9;
		}
		


@media (max-width: 991px) {
#ta ul{
	padding-left:50px;
	padding-right:50px;}	
#ta li{
	border-bottom:#CBE2ED 1px dashed;}
}
@media only screen and (max-width: 375px){
	#ta ul{
	padding-left:25px;
	padding-right:25px;}	
}
	
/* navbar ハンバーガー四角枠 */
.navbar-default .navbar-toggle {
border-color: #0FB2FD;
background-color: #0FB2FD;
}
/* navbar ハンバーガー三本線 */
.navbar-default .navbar-toggle .icon-bar {
background-color: #ffffff;
}
/* navbar ハンバーガーボタン,タップとホバーした時の背景色 */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #00A0E9;
}
/* navbar ハンバーガーボタン,タップとホバーした時の四角枠 */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
border-color:  #00A0E9;
}
/* navbar ハンバーガーボタン,タップとホバーした時の三本線 */
.navbar-default .navbar-toggle:focus > .icon-bar,
.navbar-default .navbar-toggle:hover > .icon-bar {
background-color:  #ffffff;}

/*header
------------------------------------*/
#topFixedNavbar1{
	border-color: transparent;
	}
.logo_sm{
	background-color:#069DE4;
	border-color:#069DE4;
	}
	
.navbar-brand img {
	margin-top: -20px;
}
@media only screen and (max-width: 375px){
 .navbar-brand img {
 	margin-top: -20px;
	margin-left:-10px;
}
 }
 


.header_nav{
	background:#FFF;
	box-shadow:0px 0px 3px 3px rgba(0, 0, 0, 0.1);
    border-bottom:1px solid #CFD3D5 rgba(0, 0, 0, 0.1);
	padding-top:10px;
	padding-bottom:7px;
	}


.switch {
	visibility: hidden;
}

/* =======================================
	ClearFixElements
======================================= */
.clearfix:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	overflow: hidden;
}



/*スムーススクロール高さ調整
------------------------------------*/
#service,#company,#sitemap,#news,#access,#link,#staffs{
	margin-top:-100px;
	padding-top:100px;
	}
#about,#mind{
	margin-top:-120px;
	padding-top:120px;
	}
#policy{
	margin-top:-200px;
	padding-top:200px;
	}
	

/*Parallaxもどき
------------------------------------*/
.background{
	background-attachment: fixed;
	background-image:url(images/bg/ourmind_bg2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
 	-webkit-background-size:cover;
 	-o-background-size:cover;
	-ms-background-size:cover;
	
}
@media only screen and (max-width: 1148px){
 .background{
    height: 100%;
	background-size:cover;
    background: url(images/bg/w1148_2.jpg) top center no-repeat;
  }
 
  .key-visual img{ visibility: hidden}
  
}

@media only screen and (max-width: 768px){
 .background{
    height: 100%;
	background-size:cover;
    background: url(images/bg/w768_2.jpg) top center no-repeat;
  }
 
  .key-visual img{ visibility: hidden}
  
}





/*Ourmind
------------------------------------*/
.wood2{
	background-color: rgba(255, 255, 255, 0.6);
	
	margin-top:0px;
	padding-top:20px;
	padding-bottom:20px;
		}
.background_2{
	background-image:url(images/bg/bg_p.jpg);
	background-repeat:repeat;
	
	}

/*map
------------------------------------*/
/*旧*/
.map_base{
	margin:auto;
	}

/*新*/
.click{
	position: absolute;
	z-index: 2;
	right:1%;
	margin-top: -40px;
}
/*新*/
.click p{
	text-align: center;
	color:#fff;
	position: absolute;
	z-index: 3;
	right:5%;
	top:15%;
	
}

.map_pink{
	background-image: url(images/map_icon_pink.png);
	background-repeat: no-repeat;
	line-height: 24px;
	margin-right:7px;
}
.map_pink small{
	padding-left:23px;
	}
.map_blue{
	background-image: url(images/map_icon_blue.png);
	background-repeat: no-repeat;
	line-height: 24px;
	margin-right:7px;
}
.map_blue small{
	padding-left:23px;
	}

#map_canvas{
	position:relative;
	margin-bottom:30px;
    width:100%;
    height: 400px;
	border: #fff 10px solid;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.2)
}
.map_name{
	font-size:110%;
	font-weight: bold;
}
.map_info_pink a{
	font-size:120%;
	color:#E4007F;
	font-weight: bold;
}
.map_info_pink a:hover{
	color:#FF5DB7;
	text-decoration:none;
}
.map_info_blue a{
	font-size:120%;
	color:#00A0E9;
	font-weight: bold;
}
.map_info_blue a:hover{
	color:#40C3FF;
	text-decoration:none;
}
/*スタッフ紹介
------------------------------------*/
figure {
	position: relative;
	overflow: hidden;
	width: 270px;
	margin:auto;
	}
/*figcaption {
	position: absolute;
	bottom: -60px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 60px;
	color:#fff;
	background:#00A0E9;
	-webkit-transition: .3s;
	transition: .3s;
	}
figure:hover figcaption {
	bottom: 0;
	}*/

figcaption {
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-image:url(images/bg/bg_blue_a.png);
	background-repeat:repeat;
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
	}
figure:hover figcaption {
	top: 0;
	left: 0;
	}
figcaption a:hover{
	text-decoration:none;}	
	
figure h2{
	color:#fff;
	font-family:aclonica;
	margin:0;
	padding-top:60px;
	padding-bottom:7px;
	}
		
.staff01{
	margin:0px;
	padding-top:7px;
	padding-bottom:3px;
	
	}
.staff01 a{
	color:#222;
	}
.staff01 a:hover{
	text-decoration:none;}

.staff02{
	margin:0px;
	font-size:small;
	}
.staff02 span{
	color:#00A0E9;
	}

.transform01 {
			-webkit-transform: scale(1);
			transform: scale(1);
			-webkit-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}
		
figure:hover .transform01 {
			-webkit-transform: scale(1.2);
			transform: scale(1.2);
		}		
/*Link
------------------------------------*/
.badge2 {
  display: inline-block;
  min-width: 10px;
  margin-top:3px;
  margin-bottom:3px;
  padding-left:7px;
  padding-right:4px;
  padding-top:2px;
  padding-bottom:2px;
  font-size: 12px;
  line-height:14px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align:middle;
  background-color: #00A0E9;
  border-radius: 10px;
  }

.alpha img{
  margin-left:auto;
  margin-right:auto;
　}
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
　}
.ew h4{
	border-bottom:dotted #00A0E9 1px;
　}
.ew span a{
	text-decoration:none;
	color:#000;
	}
.ew span a:hover{
	text-decoration:none;
	color:#7C8184;
	}

/*header_contact
------------------------------------*/
.header_contact{
	width: 100%;
	height:230px;
	margin-top:-7px;
	background-image:url(images/contact_header3.png);
	/*background: #00a0e9;*/
	}

.hamon01{
	position: relative;
	padding-top: 255px;
	}
		
.box {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 300px;
	height: 100px;
	margin: auto;
	}
	
.box a {
	position: relative;
	display: block;
	width: 300px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	background: #344857;
	color: #fff;
	}
	
.box a:hover{
	text-decoration:none;
	}		
.box a:active{
	text-decoration:none;
	}	
.box a:visited{
	text-decoration:none;
	}	
.box a:focus{
	text-decoration:none;
	}	
.box.second a {
	border-radius: 50%;
	background:  transparent;
	}
.box a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	box-shadow: none;
	}
.box a:hover:after {
	-webkit-animation: ripple 1.5s ease;
	animation: ripple 1.5s ease;
	}
.box.second a:after {
	border-radius: 50%;
	box-shadow: none;
	}
.box.second a:hover:after {
	-webkit-animation: rippleSecond 1.5s ease;
	animation: rippleSecond 1.5s ease;
	}
.box.double a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	box-shadow: none;
	}
.box.double a:hover:before {
	-webkit-animation: ripple 1.5s ease .3s;
	animation: ripple 1.5s ease .3s;
	}	
.box.double.second a:before {
	border-radius: 50%;
	box-shadow: none;
	}
.box.double.second a:hover:before {
	-webkit-animation: rippleSecond 1.5s ease .3s;
	animation: rippleSecond 1.5s ease .3s;
	}

@-webkit-keyframes ripple {
	0%{opacity: 1;-webkit-transform:scale(1);transform:scale(1);box-shadow: 0 0 0 1px rgba(52,72,87,0);}
	100%{opacity: 0;-webkit-transform: scale(2);transform: scale(2);box-shadow: 0 0 0 2px #fff;}
			}
			
@keyframes ripple {
	0%{opacity: 1;-webkit-transform:scale(1);transform:scale(1);box-shadow: 0 0 0 1px rgba(52,72,87,0);}
	100%{opacity: 0;-webkit-transform: scale(2);transform: scale(2);box-shadow: 0 0 0 2px #fff;}
			}
			
@-webkit-keyframes rippleSecond {
	0%{opacity: 1;-webkit-transform:scale(1);transform:scale(1);box-shadow: 0 0 0 1px rgba(233,88,91,0);}
	100%{opacity: 0;-webkit-transform: scale(2);transform: scale(2);box-shadow: 0 0 0 2px #fff;}
			}

@keyframes rippleSecond {
	0%{opacity: 1;-webkit-transform:scale(1);transform:scale(1);box-shadow: 0 0 0 1px rgba(233,88,91,0);}
	100%{opacity: 0;-webkit-transform: scale(2);transform: scale(2);box-shadow: 0 0 0 2px #fff;}
			}



/*Footer
------------------------------------*/
#footer {
	width: 100%;
	}
#footer .footer-v2 {
	padding: 10px 0;
	background:#005A86;
	border-top: 3px solid #fff;
	}
#footer .footer-v2 p {
	color: #EAF1F3;
	}
#footer .headline h2 {
	color: #EAF1F3;
	}

/*.footer-v2 .link-list li {
	border-bottom: dotted 0.5px #98D5F1;
}*/

#footer .link-list, #footer .link-list a {
	font-size:100%;
	color: #EAF1F3;
	}
#footer .link-list a:hover{
	text-decoration:none;
	color:#CFD3D5;
	}	
#footer address {
	color: #EAF1F3;
	line-height: 23px;
	}
#footer address a{
	color: #00A0E9;
	line-height: 23px;
	}
#footer address a:hover{
	text-decoration: none;
	color: #40C3FF;
	text-align: left;
	}
#footer address ul{
	padding-top:5px;}


#footer address ul li{
	font-size: 90%;
	
	list-style:none;
	line-height: 16px;
	}
/*Copyright*/
#footer .copyright {
	border-top: none;
	background: #00293C;
	padding: 20px 0 15px;
	}
#footer .copyright p {
	color: #EAF1F3;
	margin-bottom: 0;
	}
.list li{
		line-height:20px;}




/*Rounded and Circle Classes
------------------------------------*/
.no-rounded { border-radius: 0 !important;}
.rounded { border-radius: 4px !important;}
.rounded-x { border-radius: 50% !important;}
.under{
	border-bottom:4px solid #00A0E9;
	width:50px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
		}
.service li{
	list-style-type: none;
	margin-left:0px;
			}

/*Otherのページ
------------------------------------*/
.breadcrumb_others {
  padding-right: 45px;
  margin-bottom: 0px;
  list-style: none;
  background-image:url(images/bg/bg_y.jpg);
  height:80px;
  line-height:80px;
  color: #7C8184;
	}
.breadcrumb_others ol{
　color:#7C8184;
 	}
.breadcrumb_others ol a:hover {
　color:#222;
 	}

.breadcrumb_others > li {
  display: inline-block;
	}

.breadcrumb_others > li a:hovers{
　color:#7C8184;
 	}
 .breadcrumb_others > li + li:before {
  padding: 0 5px;
  color: #000;
  content: "/\00a0";
	}
.breadcrumb_others > .active {
  color: #777;
}
.list-ewm li{

	padding-top:10px;
	padding-bottom:10px;
	list-style:none;
	border-bottom:1px dotted #00A0E9;
	}
.list-ewm-item a{
  color:#000;
	}
.list-ewm-item a:hover{
  color:#7C8184;
  text-decoration:none;
	}

.list-ewm-item person{
	color:#00A0E9;
}



.badge3 {
  display: inline-block;
  min-width: 10px;
  margin-right:4px;
  margin-top:3px;
  margin-bottom:5px;
  padding-left:4px;
  padding-right:4px;
  padding-top:2px;
  padding-bottom:2px;
  font-size: 10px;
  line-height:14px;
  color: #00A0E9;
  text-align: center;
  white-space: nowrap;
  vertical-align:middle;
  background-color: #fff;
  border-radius: 10px;
  float:right;
 
}
.site{
  padding-top:15px;
  padding-bottom:5px;
  background-image:url(images/bg/bg_y.jpg);
	}

.site2{
  padding-top:15px;
  padding-bottom:15px;
  padding-left: 30;
  margin-bottom: 10px;
  background-color:rgba(255, 255, 255, 0.7);
	}



/*グリッドのガターいろいろ調整用*/

/*margin*/
.row-ma0{
	margin:0px;
}

.row-ma{
	margin:auto;}
.row-arl{
	margin-right:auto;
	margin-left:auto;}
.row-5rl{
	margin-right:5px;
	margin-left:5px;}
		
.row-10-m-top{
	margin-top:-10px;}	
.row-0mtop{
	margin-top:0px;}
.row-20-mtop{
	margin-top:20px;}
.row-40mtop{
	margin-top:40px;}
.row-80mtop{
	margin-top:80px;}
.row-100mtop{
	margin-top:100px;}

.row-80-m-bottom{
	margin-bottom:-80px;}	
	
.row-15-m-bottom{
	margin-bottom:-15px;}
.row-0mbottom{
	margin-bottom:0px;}
.row-10mbottom{
	margin-bottom:10px;}
.row-15mbottom{
	margin-bottom:15px;}	
.row-20mbottom{
	margin-bottom:20px;}
.row-30mbottom{
	margin-bottom:30px;}	
.row-80mbottom{
	margin-bottom:80px;}	
.row-55-mr{
	margin-right:-55px;}	
.row-15-mr{
	margin-right:-15px;}		
.row-10mright{
	margin-right:10px;}		
.row-15mright{
	margin-right:15px;}

.row-15-ml{
	margin-left:-15px;}
.row-15ml{
	margin-left:15px;}
.row-50ml{
	margin-left:50px;}


	
/*padding*/	

.row-15-plr{
	padding-left:-15px;
	padding-right:-15px;}
.row-3plr{
	padding-left:3px;
	padding-right:3px;}	
.row-5plr{
	padding-left:5px;
	padding-right:5px;}	
.row-15plr{
	padding-left:15px;
	padding-right:15px;}	


.row-15-pl{
	padding-left:-15px;}
.row-5pl{
	padding-left:5px;}	
.row-10pl{
	padding-left:10px;}	
.row-25pl{
	padding-left:25px;}
.row-50pl{
	padding-left:50px;}
	
.row-15-pr{
	padding-right:-15px;}
.row-12pr{
	padding-right:12px;}
.row-25pr{
	padding-right:25px;}

.row-15-p-top{
	padding-top:-15px;}		
.row-5-ptop{
	padding-top:5px;}
.row-12-ptop{
	padding-top:12px;}
.row-15-ptop{
	padding-top:15px;}
.row-20-ptop{
	padding-top:20px;}
.row-30-ptop{
	padding-top:30px;}
.row-40-ptop{
	padding-top:40px;}	
.row-80ptop{
	padding-top:80px;}	
.row-100-ptop{
	padding-top:100px;}	
.row-120-ptop{
	padding-top:120px;}	
.row-150-ptop{
	padding-top:150px;}	

.row-5-p-bottom{
	padding-bottom:-5px;}	
.row-15-p-bottom{
	padding-bottom:-15px;}		
.row-5-pbottom{
	padding-bottom:5px;}	
.row-8-pbottom{
	padding-bottom:8px;}		
.row-15-pbottom{
	padding-bottom:15px;}
.row-20-pbottom{
	padding-bottom:20px;}			
.row-40-pbottom{
	padding-bottom:40px;}	
	
	
.dl-horizontal hr{
	border-bottom: 1px solid #CFD3D5;}



.info a{
	color:#00A0E9;}
	
.info a:hover{
	text-decoration:none;
	color:#40C3FF;}	

.fl_right{
	float:right;}

.fl_left{
	float:left;}
	
.motoni{
	clear:both;}


.base_white{
	color:#fff;}

.base_pink{
	color:#E4007F;}

.base_blue{
	color:#00A0E9;}

#map {
	width: 100%;
	height:500px;
}

/* ipad対応用 */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}