@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,400,700|Tangerine:400);
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
html {
  height: 100%;
  font-size: 14px;
}
body {
  min-height: 100%;
  font: normal normal normal 14px "Roboto Condensed", "Droid Sans Japanese", sans-serif;
  line-height: 21px;
  padding: 52px 0 0 0;
  color: #d3dbd5;
  background-color: #214a2c;
}
[class^=col-xs-] img,
img.mw {
  width: 100%;
  max-width: 100%;
  height: auto;
}
img.mw {
  vertical-align: bottom;
  margin-bottom: 10px;
}
#container {
  position: relative;
  min-height: 100%;
}
#header {
  position: fixed;
  height: 52px;
  left: 0;
  top: 0;
  right: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100;
}
#header #header-name {
  display: inline-block;
  font-size: inherit;
  font-family: 'Hoefler Text', 'Droid Serif', serif;
  margin-right: -52px;
  padding: 16px 0 0 0;
}
#header #header-name img {
  width: 200px;
  height: auto;
  max-width: 100%;
}
#menu-open {
  display: block;
  position: relative;
  width: 52px;
  height: 52px;
  font-size: 24px;
  line-height: 1em;
  color: #d3dbd5;
  background-color: transparent;
  border: none;
  float: right;
}
#sidebar {
  height: 100%;
  color: #d3dbd5;
  background-color: #214a2c;
}
#sidebar ul {
  margin: 0;
  padding: 0;
}
#sidebar ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#sidebar ul li a {
  display: block;
  color: #d3dbd5;
  padding: 8px 12px;
  border-bottom: solid 1px #d3dbd5;
}
#sidebar ul li a:hover {
  text-decoration: none;
  background-color: #316d41;
}
#sidebar ul li a.waves-button {
  text-align: left;
}
#img-header {
  position: relative;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-bottom: 20px;
  padding-top: 1px;
  color: #fff;
}
#img-header #page-title {
  display: block;
  text-align: center;
  margin: 60px auto 80px auto;
  padding: 10px 0;
}
#img-header #page-title span {
  display: block;
}
#img-header #page-title .en {
  font: normal normal normal 72px/1em Tangerine;
}
#img-header #page-title .ja {
  font-size: 12px;
  font-weight: normal;
}
#img-header #tagline {
  font-size: 18px;
  line-height: 1.4em;
  text-align: center;
  margin: 0;
}
#footer {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 30px 0;
}
#footer #phone .btn {
  display: inline-block;
  margin: 0 auto;
  font-size: 21px;
  padding: 8px 12px 8px 48px;
  background: #214a2c url("../../img/icon-freedial.png") 12px 12px no-repeat;
  background-size: 32px 18px;
}
#footer #company {
  display: inline-block;
  text-align: left;
  margin-bottom: 21px;
  padding: 0 0 0 44px;
  background: url("../../img/logo-lq.png") no-repeat;
  background-size: 36px 30px;
}
#body {
  padding: 0 15px;
}
