@charset "UTF-8";

.container {
	margin-right		: auto;
	margin-left			: auto;
	width				: 1240px;
	background			: url(../images/navigation_bk.png)repeat;
}
.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				: 140px;	/*85px;*/
  z-index				: 99;
}

.pull-left {
/*	margin-top:-50px;*/
	float				: left !important;
	padding				: 10px 20px;
	}
.header_text_l{
	float				: left;
	margin				: 10px;
	}

.header_text_r{
	float				: right;
	margin				: 20px;
	}

@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				: 40px;
	background-color	: rgba(106,94,84,1.0);
	color				: rgba(255,255,255,1.0);
	width				: 1100px;
	padding-left		: 70px;
	padding-right		: 70px;
	white-space			: nowrap;
	/*float				: right;*/
}

.tabs2 a:-webkit-any-link {
    color			: -webkit-link;
    text-decoration	: none;
	color				: rgba(255,255,255,1.0);
	cursor			: pointer;
	}

.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				: 35px;
	padding				: 0 20px;
	margin				: 0;
	width				: 15%;
}

.tabs2 .tab a {
	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);*/
	color				: rgba(233,210,214,1.0);
	text-decoration		: none;
}

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

.tabs2 .tab {
	padding				: 0;
}

.serif {
	font-family		: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	/*font-family			: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif"*/
	/*font-family			:"Times New Roman", Times, serif,"ヒラギノ角ゴ Pro W3",Lucida Grande,Hiragino Kaku Gothic Pro,"メイリオ",Verdana,"ＭＳ Ｐゴシック",sans-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				: rgba(255,255,255,1.0);
	text-decoration		: none;
	}

a:hover, a:focus {
/*	color				: rgba(190,211,169,1.0);*/
	color				: rgba(233,210,214,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			: left;
	float				: left;
	}

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

.tel_no{
	font-size			: 25px;
	}

navbox{
	transition: .3s;
	}

navbox{
	}

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

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

  header {
    position: relative;
  }