@charset "UTF-8";

.container {
	margin-right		: auto;
	margin-left			: auto;
	width				: 100%;/*1240px;*/
	background			: rgba(221,230,247,1.0);
}
.container:before, .container:after {
	content				: " ";
	display				: table;
}
.container:after {
	clear				: both;
}

.clearfix:before, .clearfix:after {
  content				: " ";
  display				: table;
}

.clearfix:after {
  clear					: both;
}

nav.nav-fixed {
  display				: none;
  position				: fixed;
  top					: 0px;
  left					: 0px;
  background			: rgba(255,255,255,1.0);
  width					: 100%;
  height				: 125px;	/*85px;*/
  z-index				: 99;
}

.pull-left {
/*	margin-top:-50px;*/
	float				: left !important;
	padding-left		: 20px;
}
.header_text{
	margin				: 0;
	background			: rgba(140,157,189,1.0);
	padding				: 5px;
	}

h1{
	width				: 1240px;/*100%;/*1100px;*/
	text-align			: center;
	box-sizing			: border-box;
	color				: rgba(255,255,255,1.0);
	line-height			: 1.0;
	}


@media only screen and (min-width: 0px) {
  nav.nav-fixed {
    display				: block;
  }
}

.top_title{
  display				: -webkit-flex;
  display				: -ms-flexbox;
  display				: flex;
  position				: relative;
  overflow-x			: auto;
  overflow-y			: hidden;
  top					: 0px;
  height				: 95px;
  background-color		: #000;
  width					: 1090px;
  white-space			: nowrap;
  float					: left;
}

/*------------------------------------------------------*/
/*	メニュー1行目										*/
/*------------------------------------------------------*/
.tabs {
	display				: -webkit-flex;
	display				: -ms-flexbox;
	display				: flex;
	/*position			: relative;*/
	margin				: 0 auto;
	overflow-x			: auto;
	overflow-y			: hidden;
	top					: 0px;
	height				: 40px;
	background-color	: rgba(80,80,80,1.0);
	width				: 800px;
	padding-left		: 220px;
	padding-right		: 220px;
	white-space			: nowrap;
	right				: 180px;
	/*float				: right;*/
}

.tabs .tab {
	-webkit-box-flex	: 1;
	-webkit-flex-grow	: 1;
	-ms-flex-positive	: 1;
	flex-grow			: 1;
	display				: block;
	float				: left;
	text-align			: center;
	line-height			: 48px;
	height				: 35px;
	padding				: 0 20px;
	margin				: 0;
	/*text-transform		: uppercase;*/
	letter-spacing		: .8px;
	width				: 15%;
}

.tabs .tab a {
	color				: #fff;
	display				: block;
	width				: 100%;
	height				: 100%;
	line-height			: 40px;
	-webkit-transition	: color 0.28s ease;
	-o-transition		: color 0.28s ease;
	transition			: color 0.28s ease;
	cursor				:pointer;
	}

.tabs .tab a:hover {
	color				: #ed981b;
	text-decoration		: none;
}

.tabs .tab a.active {
	color				: color("pink", "base");
	font-weight			: bold;
}

.tabs .tab {
	padding				: 0;
}


/*------------------------------------------------------*/
/*	メニュー2行目										*/
/*------------------------------------------------------*/
.tabs2 {
	display				: -webkit-flex;
	display				: -ms-flexbox;
	display				: flex;
	margin				: 0 auto;
	overflow-x			: auto;
	overflow-y			: hidden;
	top					: 0px;
	height				: 80px;
	background-color	: rgba(255,255,255,1.0);
	width				: 1240px;/*100%;/*1100px;*/
	box-sizing			: border-box;
/*
	padding-left		: 70px;
	padding-right		: 70px;
*/
	white-space			: nowrap;
	/*float				: right;*/
}

.tabs2 .tab {
	-webkit-box-flex	: 1;
	-webkit-flex-grow	: 1;
	-ms-flex-positive	: 1;
	flex-grow			: 1;
	display				: block;
	float				: left;
	text-align			: center;
	/*line-height			: 48px;*/
	height				: 70px;
	padding				: 0 20px;
	margin				: 0;
	width				: 15%;
}

.tabs2 .tab a {
	color				: rgba(0,0,0,1.0);
	display				: block;
	width				: 100%;
	height				: 100%;
	line-height			: 40px;
	-webkit-transition	: color 0.28s ease;
	-o-transition		: color 0.28s ease;
	transition			: color 0.28s ease;
	cursor				:pointer;
	}

.tabs2 .tab a:hover {
	color				: rgba(190,211,169,1.0);
	text-decoration		: none;
}

.tabs2 .tab a.active {
	color				: color("pink", "base");
	font-weight			: bold;
}

.tabs2 .tab {
	padding				: 0;
}

.serif {
	font-family			: YuMincho, YuMinchoM, Yu Mincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.nav-expand {
	position			: fixed;
	top					: 80px;
	left				: 0;
	height				: 0;
	overflow			: hidden;
	transition			: height 0.3s;
	width				: 100%;
	line-height			: 34px;
	background-color	: #000;
	text-align			: center;
}

.nav-expand a.expanded {
	display				: inline;
	line-height			: 1;
}

.nav-expand.show {
	height				: 60px;
}

.row {
	margin-left			: -15px;
	margin-right		: -15px;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.about_col {
    width: 400px;
    margin-left: 450px;
  }

.service_col {
    width: 980px;
    margin-left: 300px;
  }

.col-sm-offset-4 {
    margin-left: 10%;
  }

/*
.tabs .indicator {
  position: absolute;
  top					: 30px;
  height				: 2px;
  background-color		: #fff;
  will-change			: left, right;
  transition			: all 0.3s;
}
*/
a{
	color				: #57533F;
	text-decoration		: none;
	}

a:hover, a:focus {
	color				: rgba(190,211,169,1.0);
	-webkit-transition	: color 0.28s ease;
	-o-transition		: color 0.28s ease;
	transition			: color 0.28s ease;
	/*text-decoration: underline;*/
	}

a:focus {
	outline				: thin dotted;
	outline				: 5px auto -webkit-focus-ring-color;
	outline-offset		: -2px;
	}

.nav_right{
	width				: 200px;
	margin-top			: 10px;
	padding-right		: 20px;
	float				: right;
	}

.logo{
	text-align			: center;
	padding				: 20px 0;
	}

.tel_logo{
	padding-top			: 9px;
	font-size			: 16px;
	float				: left;
	}

.tel_no{
	font-size			: 25px;
	}

navbox{
	transition: .3s;
	}

navbox{
	background			: rgba(221,230,247,1.0);
	}

.is-fixed{
	position			: fixed;
	top					: 0;
	left				: 0;
	z-index				: 2;
	width				: 100%;
	}

.is-hide {
	/*transform			: translateY(-100%);*/
	transform			: translateY(0%);
	}

  header {
    position: relative;
	background			: rgba(181,244,243,1.0);
  }

view_blank{
	background			: rgba(255,255,255,0.0);
	display				: block;
	}

.is_nav_blank{
	height				: 80px;
	}




/**----------------------------------------------------------------------------
 *	navGlobal
---------------------------------------------------------------------------- **/
.dropmenu {
	list-style-type		: none;
	width				: 1240px;
	margin				: 0 auto;
	padding				: 0;
	z-index				: 99999;
	padding				: 10px 0;
	}

.dropmenu li {
	position			: relative;
	width				: 14.2857%;
	float				: left;
	text-align			: center;
	z-index				: 99999;
	font-weight			: bold;
	}

.dropmenu li a {
	display				: table-cell;
	width				: 20%;
	margin				: 0;
	height				: 24px;
	vertical-align		: middle;
/*	background			: rgba(132,124,112,1.0);*/
	color				: rgba(255,255,255,1.0);
	line-height			: 1.0;
	text-decoration		: none;
	box-sizing			: border-box;
	}

.dropmenu li ul {
	list-style			: none;
	position			: absolute;
	z-index				: 100;
	top					: 100%;
	left				: 0;
	width				: 100%;
	}

.dropmenu li ul li {
	overflow			: hidden;
	width				: 100%;
	height				: 0;
	transition			: .2s;
	font-size			: 20px;
	}

.dropmenu li ul li a {
	width				: 310px;
	height				: 50px;
	background			: rgba(255,255,255,1.0);
/*	background			: rgba(132,124,112,1.0);*/
	text-align			: center;
	box-sizing			: border-box;
	}

.dropmenu > li:hover > a {
	color				: rgba(237,152,27,1.0);
	transition			: 0.6s;
	}

.dropmenu > li:hover li:hover > a {
	color				: rgba(218,215,212,1.0);
	text-align			: center;
	transition			: 0.6s;
	}

.dropmenu > li:hover > ul > li {
	overflow			: visible;
	height				: 50px;
	box-sizing			: border-box;
	}