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

body	{
	font-family:"メイリオ", meiryo,"Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",Arial, Helvetica, Verdana, sans-serif;
	width:100%;
background-color: #f4f4f2;
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #fff), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #fff), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #fff)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #fff));
-webkit-background-size: 2px 2px;
	}
	
.container{background-color:#fff;}
.container.footerlinks{background-color:#14278b;}

a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}


.clear	{clear:both;}
.fltr{float:right;}
.fltl{float:left;}
.mt15	{margin-top:15px;}
.mb40	{margin-bottom:40px;}
/**/


h1.logo	{
	margin:0;
	padding:0;
	}	
h1.logo span	{
	display:none;
	}
h2.contact01	{
	margin:0; padding:0;
	}
h2.contact01 img	{
	float:right;
	}
h2.contact01 span	{
	display:none;
	}
@media (max-width: 767px) {
	h2.contact01	{display:none;}
}

h3.copy	{
	font-size:0.9em;
	margin:1.0em 0 0.5em; padding:0;
	}

h2.motto	{
	font-size:1.2em;
	line-height:1.4em;
	margin:5px 0 10px;
	color:#41362A;
	font-weight:700;
	}



/*ナビゲーションバーが幅いっぱいに表示されるように*/

.navbar-collapse {
  padding:0 auto;
}
.container-fluid {
  padding:0;
}

.navbar-header	{
	padding: 0 10px;
}


/*スマホ用ヘッダ部*/

.navbar-toggle {
  position: relative;
  float: right;
  padding: 5px 10px 0 10px;
  margin-top: 8px;
  margin-right: 5px;
  margin-bottom: 8px;
/*  background-color: transparent;*/
  background-color:#a0a0a0;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle .icon-bar {
  display: block;
/*  width: 22px;*/
  width:38px;
  height: 2px;
  border-radius: 1px;
}
.navbar-brand {/*スマホ用ロゴ表示*/
	background: url(../img/logo02.png) no-repeat left center;
	background-size: contain;
	width: 180px;
	}
.navbar-inverse	{
	background-color:#a0a0a0; 
	/*border-radius:10px; */
	border:none;
	}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #919cae;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #fff;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}



@media (min-width: 768px) {
.navbar-brand {
	display:none;
}
}
@media (max-width: 767px) {
.navbar	{padding:0 20px;}
.logo	{display:none;}
.slick-dots li button, .slick-prev:before, .slick-next:before {display: none;}/*スライダーの矢印やドットを表示させない*/
.slick-slider {margin-bottom:20px;}

}

/*
.breadcrumb {
  padding: 0 10px;
  margin-bottom: 10px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 8px;
  color: #cccccc;
}
.breadcrumb > .active {
  color: #777777;
}
@media (max-width: 767px) {
.breadcrumb {
  padding: 0;
}
}
*/
/**/

.card01	{
	border-radius:5px;
	padding:10px;
	margin:0 5px 20px;
background-color: #D3C7C7;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #dedbdb), to(#dedbdb)),
-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #dedbdb), to(#dedbdb));
-webkit-background-size: 3px 3px;

	}


h2.service	{
	font-size:1.2em;
	line-height:1.4em;
	color:#fff;
	font-weight:800;
	text-indent:1.0em;
	margin:0;
	padding:5px;
	background:#333;
	filter:alpha(opacity=60);
	opacity:0.6;
	}
.card02	{
	margin:0 5px 20px;
	}
.service01	{
	background:url(../img/service01_bg.jpg) top no-repeat; background-size: cover;
	}
.service02	{
	background:url(../img/service02_bg.jpg) top no-repeat; background-size: cover;
	}
.service03	{
	background:url(../img/service03_bg.jpg) top no-repeat; background-size: cover;
	}
.card02 p	{
	color:#000;
	margin:60px 10px 10px;
	padding:10px;
	}

.subtitle	{
	font-size:1.4em;
	color:#fff;
	font-weight:900;
	padding:1.0em;
	border-radius:5px;
background-color: #14278b;
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #586297), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #586297), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #586297)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #586297));
-webkit-background-size: 3px 3px;
	}

.minititle01	{
	border-left:#333 20px solid;
	font-weight:800;
	margin:1.0em 0;
	padding:0.3em 0 0.3em 0.6em;
	}
.minititle02	{
	font-size:1.2em;
	font-weight:800;
	padding:0.7em;
	border-radius:10px;
	margin:1.0em 0;
background-color: #ccc;
/*background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #586297), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #afb3c7), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #afb3c7)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #afb3c7));
-webkit-background-size: 2px 2px;*/
	}
/*h3.subtitle{
    position: relative;
    color: #fff;
    background: #B92A2C;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 -1.8em 1.5em -1.8em;
    padding: 0.8em;
    box-shadow: 0 1px 3px #777;
    -moz-box-shadow: 0 1px 3px #777;
    -webkit-box-shadow: 0 1px 3px #777;
    -o-box-shadow: 0 1px 3px #777;
    -ms-box-shadow: 0 1px 3px #777;
}
 
h3.subtitle:after,
h3.subtitle:before{
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
 
h3.subtitle:before{
    right: 0;
    border-left: 5px solid #333;
}
 
h3.subtitle:after{
    left: 0;
    border-right: 5px solid #333;
}*/

/*Googlemap大きさ用*/
#map-responsive{
	position: relative;
	padding: 0 0 80%;
	height: 0;
	overflow: hidden;
}
#map-responsive iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*-- footer --*/
.footer {
	clear:both;
	width:100%;
	margin:0;
	padding:20px 0 0 0;
	background-color:#a0a0a0;
  border-top: 1px solid #eee;
	color:#fff;
}
@media (max-width: 767px) {
.footer {margin-top:40px;}/*bgの模様を見せるため*/
}
div#footer_outer01	{
	width:100%;
	margin:0;
	}
ul.footer_navi	{
	margin:0;
	padding:0;
	list-style:none;
	}
ul.footer_navi li {
	float:left;
    border-right: 1px solid #ccc;
	padding-right:20px;
	margin:10px;
	}
ul.footer_navi li:last-child {
    border-right:none;
	}
ul.footer_navi li a {
    padding:0;
	margin:0;
	color:#fff;
    display: block;
	}
ul.footer_navi li a:hover {
	color:#ccc;
	text-decoration:none;
	}
div#contact	{
	color:#fff;
	margin:60px auto 0;
	}
div#contact div.cname	{font-size:1.2em; font-weight:900;}

div#copyright	{
	color:#fff;
	float:right;
	margin:10px 0;
	}
@media (max-width: 991px) {
	ul.footer_navi li, ul.footer_navi li a	{float:none; border:none; text-indent:0; margin:0 0 1.0em; padding:0;}
	div#contact	{margin:20px auto;}
}


/*back to the top*/
#page-top {
position:fixed;
bottom:5px;
right:5px;
font-size:50px;
z-index:10;
}
#page-top a {
background: none repeat scroll 0 0 #fff;
border-radius: 5px;
color: #333;
display: block;
font-family: FontAwesome;
opacity: 0.45;
text-align: center;
text-decoration: none;
width: 50px;
}
#page-top a:hover {
text-decoration:none;
background:#999;
}



/*subpage*/
@media (max-width: 767px) {
	div.sidebar {display:none;}
}
.pagename {
  padding: 5px 15px;
  margin-bottom: 20px;
  border-bottom:10px solid #ccc;
}
.pagename h2	{border-left:15px solid #e6480a; font-size:1.4em; font-weight:600; text-indent:1.2em;}

/*links*/
.links ul li	{font-size:1.2em; font-weight:500; margin-top:20px; line-height:1.6em; list-style:none;}
.links ul li p	{margin:0 0 1.0em 1.0em;}
.links ul li:first-child	{margin-top:0;}




/* 06.リボン型の見出し */
#heading06{
	position:relative;
	padding:10px;
	background:#88ccef;
	box-shadow:
		10px 0 0 0 #88ccef,
		-10px 0 0 0 #88ccef,
		0 3px 3px 0 rgba(0,0,0,0.1);
}
#heading06:before{
	content:" ";
	position:absolute;
	top:100%;
	left:-10px;
	width:0;
	height:0;
	border-width:0 10px 10px 0;
	border-style:solid;
	border-color:transparent;
	border-right-color:#7bb8d8;
}