@charset "utf-8";
/**
* style 
* (c) FOURDIGIT Inc.
*
* 1. import
* 2. html, body
* 3. HTMLtag, siteCommonClass
* 4. Layout
* 5. EachPageStyle
*
*/
/**
* 1. import
*/
@import "import/reset.css";
@import "import/util.css";
@import "../fonts/fonts.css";

/* google web font */
.gglfont {
  font-family: 'Cantata One', serif;
}

/**
* 2. html, body
*/
body {
  background-color: #fff;
  background-image: url(../imgs/space.gif);
  background-repeat: repeat-x;
  background-position: center top;
  position: relative;
}

.page {
  color: #333333;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-family: "Meiryo", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  background-color: #0b152f;
}

body .smpLogo {
		display: none;
	}

body #smpNav #top {
  display: none;
}
	
/**
* 3. HTMLtag, siteCommonClass
*/
/* anchor */
a {
  display: inline-block;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  color: #0000ff;
}

a:visited {
}

a:hover {
  color: #ff0000;
}

a:active {
}

/* heading */
.siteTitle {
/*dont use <h1> selector*/
}

.contentTitle {
  font-size: 25px;
  line-height: 30px;
  color: #fff;
  font-family: Georgia, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;
}

.ttl {
  font-size: 23px;
  line-height: 42px;
  font-family: Georgia, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;
  color: #333;
  margin-bottom: 30px;
}

.ttl span {
  display: none;
}

.ttl span strong {
  color: #940026;
  font-size: 34px;
  line-height: 30px;
}

/* cap */
.cap,
.caption {
  background: none;
  color: #666666;
  font-size: 10px;
  line-height: 15px;
}

.cap {
  padding-top: 5px;
}

/* section */
body .section {
  clear: both;
}

body .section,
body .section * {
/*
  position: relative;
  box-sizing: border-box;
*/
}

/* nav */
body .nav li img {
  vertical-align: top;
}

/* sNavArea */
body .sNavArea {
  text-align: center;
  font-size: 0;
  line-height: 0;
  letter-spacing: -.40em;
}

body .sNavArea ul li {
  display: inline-block;
  margin-left: 1%;
  margin-right: 1%;
}

/* wrapper */
body .wrapper {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

/* btRequest Reserve  */
body .btReq a {
  display: block;
  text-align: center;
  padding: 6px 6px;
  border: solid 2px #fff;
  background-color: #000;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  /*transition*/
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

body .btRes a {
  display: block;
  text-align: center;
  padding: 6px 6px;
  border: solid 2px #fff;
  background-color: #333;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  /* transition */
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

body .btReq a:hover {
  background-color: #e3e3e3;
}

body .btRes a:hover {
  background-color: #e3e3e3;
}

body .btReq a span,
body .btRes a span {
  width: 100%;
  display: block;
  padding-left: 14px;
  background-color: transparent;
  background-image: url(../imgs/icon-link01.png);
  background-repeat: no-repeat;
  background-position: left 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

/* tel */
body .tel {
  color: #fff;
  font-family: 'Cantata One', serif;
  letter-spacing: 0;
}

body .tel span[class^="icon"] {
  display: inline-block;
  font-size: 32px;
  vertical-align: middle;
  width: 45px;
}

body .tel {
  display: inline-block;
  color: #fff;
  font-size: 28px;
  text-decoration: none;
  vertical-align: 6px;
}

@media only screen and (max-width: 960px) {

body .tel {
  position: relative;
}

body .tel a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
}

/**
* 4. Layout
*/

/*----------------------------------------------------------------------
Bulk renovation　start
----------------------------------------------------------------------*/
/* gHeader */
body #gHeader {
  position: relative;
  z-index: 1000;
  width: 100%;
  padding: 0 0 1px 0;
/*
  border-bottom: 3px double #957935;
*/
}
/*
body #gHeader::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #957935;
}
*/
body #gHeader .wrapper {
  zoom: 1;
  width: 100%;
  max-width: 1080px;
}

body #gHeader .wrapper:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

@media only screen and (max-width:960px) {
}

/** headLine **/
body #gHeader #headLine {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 77px;
  background: #141f40;

  /*background-color: #150a07;*/
  padding: 0;
  color: #fff;
  /*border-bottom: 1px solid #606060;*/
}

body #gHeader #headLine .wrapper {
  position: relative;
  height: 100%;
}

body #gHeader #headLine .logo {
  padding-top: 6px;
  float: left;
}

body #gHeader #headLine .shldrTxt {
  float: left;
  font-size: 10px;
  line-height: 15px;
  padding: 10px 0 0 15px;
}

body #gHeader #headLine .shldrTxt img {
  display: inline-block;
  vertical-align: bottom;
  padding: 5px 10px 0 0;
}

body #gHeader #headLine #pNav {
  height: 100%;
  float: right;
  position: relative;
}

body #gHeader #headLine #pNav ul {
  height: 100%;
}

body #gHeader #headLine #pNav ul li {
  float: left;
  letter-spacing: 0;
  height: 100%;
  /*background: #fff;*/
  margin: 0 0 0 2px;
}

body #gHeader #headLine #pNav ul li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  text-decoration: none;
  display: block;
  width: 100px;
  height: 100%;
  text-align: center;
  line-height: 75px;
  /* transition */
  -webkit-transition-property: background;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

body #gHeader #headLine #pNav ul li.top {
  display: none;
}

body #gHeader #headLine #pNav ul li.top a {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

body #gHeader #headLine #pNav ul li a:hover {
  opacity: 0.7;
  -moz-opacity: 0.7;
}

body #gHeader #headLine #pNav ul li .icon {
  font-size: 14px;
}

body #gHeader #headLine #pNav ul li .icon-rightarrow:before {
  vertical-align: middle;
  padding-right: 5px;
}

body #gHeader #headLine #pNav ul li.map a {
  /*background-color: #9e9e9e;*/
}

body #gHeader #headLine #pNav ul li.request a {
  /*background-color: #c7901b;*/
}

body #gHeader #headLine #pNav ul li.reserve a {
  /*background-color: #c73a1b;*/
}

@media only screen and (max-width:1056px) {

body #headLine .wrapper {
  padding-right: 0;
}

body #gHeader #headLine .shldrTxt {
  display: none;
}

body #gHeader #headLine #pNav ul li a {
  width: 100px;
}
}

@media only screen and (max-width:709px) {
body #gHeader #headLine #pNav ul li a {
  width: 72px;
}
}

@media only screen and (max-width:599px) {

body #gHeader #headLine {
  display: none;
}
}

/** headMain **/
body #gHeader #headMain {
  clear: both;
  padding: 30px 0;
}

body #gHeader #headMain .logo {
  float: left;
}

body #gHeader #headMain #hNav {
  float: right;
}

body #gHeader #headMain #hNav ul li {
  float: left;
  margin-left: 10px;
}

body #gHeader #headMain #hNav ul li.hContact {
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  text-align: right;
  margin-right: 10px;
}

body #gHeader #headMain #hNav ul li.hContact .tel {
  font-size: 34px;
  padding: 8px 0 0 0;
  /*margin-bottom: 5px;*/
}

body #gHeader #headMain #hNav ul li.hContact .telCap {
  margin-bottom: 5px;
}

body #gHeader #headMain #hNav ul li.hContact .tel a {
  color: #fff;
}

body #gHeader #headMain #hNav ul li.btReq,
body #gHeader #headMain #hNav ul li.btRes {
  min-width: 170px;
}

body #gHeader #headMain #hNav ul li.btReq a,
body #gHeader #headMain #hNav ul li.btRes a {
  padding: 10px;
}

body #gHeader #headMain #hNav ul li.btReq img,
body #gHeader #headMain #hNav ul li.btRes img {
  width: 128px;
  height: 27px;
}

body #gHeader #headMain #hNav ul li.btReq a span,
body #gHeader #headMain #hNav ul li.btRes a span {
  background-size: 6px 7px;
}

@media only screen and (max-width:960px) {

body #gHeader #headMain .logo {
  margin-left: 10px;
}

body #gHeader #headMain #hNav ul li.btReq,
body #gHeader #headMain #hNav ul li.btRes {
  display: none;
}
}

@media only screen and (max-width:599px) {

body #gHeader #headMain {
  display: none;
}
}

/** gNav **/
/*
body #gNav {
  clear: both;
  text-align: center;
  background-color: #31445f;
	border-bottom: solid 1px #506279;
}
*/
body #gNav {
  clear: both;
  text-align: center;
  background: url(../imgs/bg-nav.png) repeat top center;
}

body #gNav ul {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  font-size: 0;
  line-height: 0;
  letter-spacing: -.40em;
  margin-left: 90px;
 /* margin-right: -4px;*/
}

body #gNav ul li {
  display: inline-block;
  margin-left: 30px;
  margin-right: 30px;
  text-align: center;
}

body #gNav ul li a {
	position: relative;
  display: block;
	padding: 15px 0 16px;
  /* transition */
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
body #gNav ul li.new a span.iconNew {
    content: "";
    display: inline-block;
    font-size: 10px;
    width: 42px;
    height: 7px;
    padding-top: 7px;
    color: #fff;
    position: absolute;
    top: 0;
    background: #7a0a17;
    background: -moz-linear-gradient(left, #7a0a17 0%, #990d1b 50%, #7a0a17 100%);
    background: -webkit-linear-gradient(left, #7a0a17 0%,#990d1b 50%,#7a0a17 100%);
    background: linear-gradient(to right, #7a0a17 0%,#990d1b 50%,#7a0a17 100%);
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

  /* IE9対応 */
:root body #gNav ul li.new a span.iconNew {
  letter-spacing: 0.01em;
}

body #gNav ul li.new.plan a span.iconNew {
    left: -3px;
}
body #gNav ul li.new.concept a span.iconNew {
    left: 22px;
}
body #gNav ul li.new.structure a span.iconNew {
    left: -4px;
}
body #gNav ul li.new.equipment a span.iconNew {
    left: 7px;
}

@media only screen and (max-width:960px) {
  body #gNav ul li.new a {
      position: relative;
  }
  body #gNav ul li.new a span.iconNew {
    content: "";
    display: inline-block;
    font-size: 10px;
    width: 42px;
    height: 14px;
    padding-top: 0;
    top: -4px;
    left: auto!important;
    right: 28%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
}

@media only screen and (max-width:599px) {
  body #gNav ul li.new a span.iconNew {
    top: 0;
    right: 0;
  }
}

body #gNav ul li a img {
	min-height: 15px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
}

body #gNav ul li a:before {
  /* transition */
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
body #gNav ul li a:hover:before,
body #gNav ul li.on a:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: url(../imgs/bg-nav_ov.png) no-repeat bottom right;
}

body #gNav ul li.off a:before {
	display: none;
}

body #gNav ul li.top a { background: url(../imgs/nav-top.png) no-repeat center center;}
body #gNav ul li.top.on a, 
body #gNav ul li.top a:hover { background: url(../imgs/nav-top_ov.png) no-repeat center center;}

body #gNav ul li.plan a { background: url(../imgs/nav-plan.png) no-repeat center center;}

body #gNav ul li.concept a { background: url(../imgs/nav-concept.png) no-repeat center center;}
body #gNav ul li.concept.on a, 
body #gNav ul li.concept a:hover { background: url(../imgs/nav-concept_ov.png) no-repeat center center;}

body #gNav ul li.redevelopment a { background: url(../imgs/nav-redevelopment.png) no-repeat center center;}
body #gNav ul li.redevelopment.on a, 
body #gNav ul li.redevelopment a:hover { background: url(../imgs/nav-redevelopment_ov.png) no-repeat center center;}

body #gNav ul li.equipment a { background: url(../imgs/nav-equipment.png) no-repeat center center;}

body #gNav ul li.equipment.on a, 
body #gNav ul li.equipment a:hover { background: url(../imgs/nav-equipment_ov.png) no-repeat center center;}

body #gNav ul li.structure a { background: url(../imgs/nav-structure.png) no-repeat center center;}

body #gNav ul li.structure.on a, 
body #gNav ul li.structure a:hover { background: url(../imgs/nav-structure_ov.png) no-repeat center center;}

body #gNav ul li.modelroom a { background: url(../imgs/nav-modelroom.png) no-repeat center center;}

body #gNav ul li.modelroom.on a, 
body #gNav ul li.modelroom a:hover { background: url(../imgs/nav-modelroom_ov.png) no-repeat center center;}



body #gNav ul li a:hover,
body #gNav ul li a.active,
body #gNav ul li.on a {
}

body #gNav ul li.off a {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  zoom: 1;
}

body #gNav ul li.off a:hover,
body #gNav ul li.off a.active {
/*
  background-color: #666;
*/
}

body #gNav ul li.btReq,
body #gNav ul li.btRes,
body #gNav ul li.btMap,
body #gNav ul li.btOut {
  display: none;
}

@media only screen and (max-width:960px) {

body #gNav {
  margin-bottom: 0;
}

body #gNav .wrapper {
  padding-left: 0;
  padding-right: 0;
}

body #gNav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  background-position: center top;
	text-align: left;
}

body #gNav ul li {
	width: 25%;
  margin-left: 0;
  margin-right: 0;
  letter-spacing: 2.5px;
  padding: 4px 0;
	text-align: center;
}

body #gNav ul li a {
  text-decoration: none;
  display: block;
  padding: 10px 15px;
  background-image: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

body #gNav ul li a:hover,
body #gNav ul li a.active {
  background-color: #856940;
  background-image: none;
}

body #gNav ul li a span {
  display: block;
  color: #e3e3e3;
  font-size: 10px;
  line-height: 15px;
  font-family: Georgia, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;
}

body #gNav ul li a span strong {
  color: #fff;
  font-size: 12px;
  line-height: 20px;
}

body #gNav ul li img {
  display: none;
}

body #gNav ul li a:hover:before,
body #gNav ul li.on a:before {
	display: none;
	background: url(../imgs/bg-nav_ov.png) no-repeat bottom center;
}

body #gNav ul li.top a,
body #gNav ul li.top.on a, 
body #gNav ul li.top a:hover,
body #gNav ul li.plan a,
body #gNav ul li.plan.on a, 
body #gNav ul li.plan a:hover,
body #gNav ul li.concept a,
body #gNav ul li.concept.on a, 
body #gNav ul li.concept a:hover,
body #gNav ul li.redevelopment a,
body #gNav ul li.redevelopment.on a, 
body #gNav ul li.redevelopment a:hover,
body #gNav ul li.equipment a,
body #gNav ul li.equipment.on a, 
body #gNav ul li.equipment a:hover,
body #gNav ul li.structure a,
body #gNav ul li.structure.on a, 
body #gNav ul li.structure a:hover,
body #gNav ul li.modelroom a,
body #gNav ul li.modelroom.on a, 
body #gNav ul li.modelroom a:hover { background: none;}
}

@media only screen and (max-width:599px) {

body #gNav {
  display: none;
  position: fixed;
  z-index: 9998;
  top: 104px;
  right: 0;
  width: 100%;
  padding: 0;
  border: none;
  background: #666;
}

body #gNav ul {
  background: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

body #gNav ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  width: 50%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
  border-bottom: 1px solid #5c5554;
  border-right: 1px solid #5c5554;
  text-align: center;
}

body #gNav ul li:nth-child(even) {
  border-right: 0;
}

body #gNav ul li a {
  padding: 15px;
}


body #gNav ul li a span {
  color: #b3b3b3;
}

body #gNav ul li br {
  display: none;
}

body #gNav ul li.btReq,
body #gNav ul li.btRes,
body #gNav ul li.btMap,
body #gNav ul li.btOut {
  display: block;
}

body #gNav ul li.btReq a span strong,
body #gNav ul li.btRes a span strong {
  color: #fff;
}

body #gNav ul li.btReq a span,
body #gNav ul li.btRes a span {
  background-image: none;
  padding-left: 0;
}

body #gNav ul li.btReq a,
body #gNav ul li.btRes a {
  border: none;
}

/* #overlay */
#overlay {
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 100;
  background-image: -webkit-linear-gradient(rgba(51,51,51,0.6), rgba(51,51,51,0.6));
  background-image: -moz-linear-gradient(rgba(51,51,51,0.6), rgba(0,0,0,0.7));
  background-image: -o-linear-gradient(rgba(51,51,51,0.6), rgba(0,0,0,0.7));
  background-image: -ms-linear-gradient(rgba(51,51,51,0.6), rgba(0,0,0,0.7));
  background-image: linear-gradient(rgba(51,51,51,0.6), rgba(0,0,0,0.7));
}
}

/** #smpNav **/
body #smpNav {
  display: none;
}

@media only screen and (max-width:599px) {

body #smpNav {
  display: block;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

/*#container {
  padding-top: 93px;
}*/

body #smpNav ul {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 62px;
  border-bottom: 1px solid #606060;
  font-size: 0;
  letter-spacing: -0.4em;
}

body #smpNav li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  height: 100%;
  display: inline-block;
  letter-spacing: normal;
}

body #smpNav li#map {
  background-color: #9e9e9e;
}

body #smpNav li#request {
  background-color: #c7901b;
}

body #smpNav li#reserve {
  background-color: #c73a1b;
}

body #smpNav li#tell {
  background-color: #020202;
  border-right: 1px solid #4f4f4f;
}

body #smpNav li#pull {
  background-color: #000;
}

body #smpNav li > a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  letter-spacing: 0.1em;
  text-decoration: none;
  position: relative;
}

body #smpNav li#pull > a.close {
  display: none;
}

body #smpNav li#pull.active > a.close {
  display: block;
}

body #smpNav li#pull.active > a.open {
  display: none;
}

body #smpNav li > a > p {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

body #smpNav li .icon {
  display: block;
  font-size: 25px;
  text-align: center;
  margin-bottom: 5px;
}

body #smpNav li .txt {
  display: block;
  font-size: 9px;
  text-align: center;
  margin-bottom: 0;
}

body #smpNav #top {
  background-color: #000;
  border-bottom: 1px solid #606060;
  display: block;
}

body #smpNav #top a {
  display: block;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
}

body #smpNav #top a .icon-icon01 {
  font-size: 12px;
}
}

/*----------------------------------------------------------------------
Bulk renovation　end
----------------------------------------------------------------------*/


/* container */
body #container {
  text-align: left;
}

/* mainContent */
body #mainContent {
  position: relative;
}

	.section.info {
		padding: 60px 0;
		background: url(../imgs/bg-cv.jpg) no-repeat center center;
		background-size: cover;
		font-size: 13px;
		line-height: 22px;
		color: #cecece;
		text-align: center;
	}
	.section.info .boxA {
		max-width: 610px;
		margin-left: auto;
		margin-right: auto;
		padding: 25px 20px;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1Affffff,endColorstr=#1Affffff); 
    background: rgba(255, 255, 255, 0.1);

		border: solid 1px #5c5859;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
@media only screen and (max-width: 599px) {
	.acTxt {
		text-align: left;
	}
}


/* contentsBox */
body .contentsBox {
  padding: 30px;
}

body .contentsBox .ttl {
  padding-bottom: 13px;
  background-color: transparent;
  background-image: url(../imgs/bg-ttl.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}

/** contentFooter **/
body #contentFooter {
  clear: both;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  background-color: #0b152f;
  padding: 20px 0;
}

body #contentFooter #contNav {
  text-align: center;
  font-size: 0;
  line-height: 0;
  letter-spacing: -.40em;
  padding-bottom: 30px;
}

body #contentFooter #contNav ul li {
  display: inline-block;
  padding-top: 15px;
  margin-left: 14px;
  margin-right: 14px;
}

body #contentFooter #contNav ul li a {
  min-width: 220px;
  min-height: 60px;
  padding: 15px;
}

body #contentFooter #summaryArea {
  border-bottom: 1px solid #242d44;
  padding-bottom: 20px;
}

body #contentFooter #summaryArea h4 {
  text-align: center;
  color: #d0d0d0;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.5em;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-family: Georgia, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;
  border-bottom: 1px solid #242d44;
}

/* gFooter */
body #gFooter {
  clear: both;
  padding: 10px 0 30px 0;
  background-color: #0b152f;
}

body #gFooter #bnrArea {
  text-align: center;
  margin-bottom: 30px;
}

body #gFooter #bnrArea ul li {
  display: inline-block;
}

/** fNav **/
body #gFooter #fNav {
  display: none;
  margin-bottom: 30px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  line-height: 1.3;
  vertical-align: baseline;
  zoom: 1;
}

body #gFooter #fNav:after {
  content : '';
  display : block;
  clear : both;
}

body #gFooter #fNav li {
  display: inline-block;
  letter-spacing: 1px;
  margin-right: 0.9em;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: inherit;
  padding-right: 0.8em;
}

body #gFooter #fNav li.last {
  margin-right: 0;
  border-right: 0;
  padding-right: 0;
}

body #gFooter #fNav a {
  color: #fff;
  text-decoration: none;
  position: relative;
}

body #gFooter #fNav a:hover,
body #gFooter #fNav .on a {
  color: #b38749;
}

body #gFooter #fNav a:hover:before {
  visibility: visible;
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
}

body #gFooter #fNav a:before {
  background-color: #b38749;
  bottom: -5px;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  visibility: hidden;
  /* transition */
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transition: all .2s ease-in-out 0s;
  -webkit-transition: all .2s ease-in-out 0s;
}

body #gFooter #fNav li.off a,
body #gFooter #fNav li.off a:hover {
  color: #888;
  cursor: default;
}

body #gFooter #fNav li.off a:before {
  display: none;
}

body #gFooter #fNav strong {
  font-weight: bold;
}

body #gFooter #fNav span {
  color: #e0e0e0;
}

/** contactArea **/
body #gFooter #contactArea {
  clear: both;
  position: relative;
  background-color: #2f384e;
  border: 1px solid #555c6e;
  zoom: 1;
  color: #fff;
  font-size: 10px;
  line-height: 15px;
}

body #gFooter #contactArea:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

body #gFooter #contactArea .contactTtl {
  float: left;
  width: 25%;
  padding: 20px;
  color: #4f3a04;
  text-align: center;
  /*font-family: Georgia, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;*/
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  background: #fff5c5; /* Old browsers */
  background: -moz-linear-gradient(top, #fff5c5 0%, #eec555 40%, #9f7523 80%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fff5c5 0%,#eec555 40%,#9f7523 80%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fff5c5 0%,#eec555 40%,#9f7523 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5c5', endColorstr='#9f7523',GradientType=0 ); /* IE6-9 */
}

body #gFooter #contactArea .contactTtl strong {
  display: block;
  /*font-family: 'Cantata One', serif;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 2px;*/
  background-color: transparent;
  /*background-image: url(../imgs/icon-contact.png);
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 25px;*/
  padding-bottom: 5px;
}

body #gFooter #contactArea .inner {
  display: table;
  float: right;
  width: 75%;
  background-color: #2f384e;
  padding: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

body #gFooter #contactArea .addressTxt {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}

body #gFooter #contactArea .contactBox {
  float: right;
  text-align: right;
}

body #gFooter #contactArea .contactBox .tel {
  color: #fff
  font-size: 32px;
  /*margin-bottom: 10px;*/
}

body #gFooter #contactArea .contactBox .telCap {
  margin-bottom: 10px;
}

body #gFooter #contactArea .contactBox .tel a {
  color: #fff;
}

/* footerInfo */
body #footerInfo {
  display: block;
  padding: 10px 0;
  background-color: #dc4701;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}

/** pagetop **/
body .pagetop {
  text-align: right;
  position: fixed;
  right: 10px;
  bottom: 0;
  z-index: 200;
  width: 60px;
  height: 60px;
}

body .pagetop a {
  display: block;
  font-size: 60px;
  color: #666;
  text-decoration: none;
  /* transition */
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
}

body .pagetop a span {
  width: 60px;
  height: 60px;
  display: inline-block;
}

body .pagetop a:hover {
  color: #e3e3e3;
}

/* copyArea */
body #copyArea {
  position: relative;
  clear: both;
  background-color: #fff;
  padding: 20px 0 86px 0;
}

@media only screen and (max-width: 1332px) {

body #copyArea {
  padding: 20px 0 142px 0;
}
}

@media only screen and (max-width: 756px) {

body #copyArea {
  padding: 20px 0 188px 0;
}
}

/* bnr-Hoosumai */
body #copyArea .bnr-Hoosumai {
  zoom: 1;
  position: relative;
  padding: 13px 20px 10px 194px;
  margin-bottom: 5px;
  background-color: #000;
  background-image: url(../imgs/bg-hoosumaibnr.jpg);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 165px;
  color: #a6a6a6;
  font-size: 10px;
  line-height: 15px;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  cursor: pointer;
  /* transition */
  -webkit-transition: all .3s;
  transition: all .3s;
}

body #copyArea .bnr-Hoosumai:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

body #copyArea .bnr-Hoosumai:hover {
  background-color: #333;
  background-position: 0 10%;
  color: #fff;
}

body #copyArea .bnr-Hoosumai .txt {
  float: left;
}

body #copyArea .bnr-Hoosumai .txt a {
  color: #fff;
  text-decoration: none;
}

body #copyArea .bnr-Hoosumai .bnr {
  float: right;
}

body #copyArea .bnr-Hoosumai .bnr a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  text-align: right;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

body #copyArea .hoo-sumai-txtlink {
  text-align: right;
  margin-bottom: 20px;
  font-size: 10px;
  line-height: 15px;
}

body #copyArea .hoo-sumai-txtlink a {
  color: #000;
}

/** bnr-Hoocorp **/
body #copyArea .bnr-Hoocorp {
  clear: both;
  text-align: center;
}

body #copyArea .bnr-Hoocorp ul {
  margin-bottom: 30px;
}

body #copyArea .bnr-Hoocorp ul li {
  display: inline-block;
  text-align: left;
  font-size: 10px;
  line-height: 15px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

body #copyArea .bnr-Hoocorp .copyright {
  clear: both;
  text-align: center;
  font-size: 10px;
  line-height: 15px;
  color: #666;
}

/* printNav */
body .printNav {
  clear: both;
  text-align: center;
  font-size: 0;
  line-height: 0;
  letter-spacing: -.40em;
}

body .printNav ul li {
  display: inline-block;
  margin-left: 1%;
  margin-right: 1%;
}

body .printNav ul li a {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  vertical-align: top;
  letter-spacing: 2px;
  text-decoration: none;
  padding: 10px 25px 10px 10px;
  border: 2px solid #999;
  text-shadow: 1px 1px 3px #000;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(116,116,116, .6)), to(rgba(99,99,99, .6)));
  background: linear-gradient(to bottom, rgba(116,116,116, .6), rgba(99,99,99, .6));
  background-color: rgb(116,116,116);
  /* transition */
  -webkit-transition: background-color .4s;
  transition: background-color .4s;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

body .printNav ul li a span {
  font-size: 24px;
  line-height: 20px;
  width: 100%;
  vertical-align: middle;
}

body .printNav ul li a:hover {
  background-color: rgb(12,12,12);
}

body .printNav ul li.btGmap {
  display: none;
}


#contact {
  display: block;
  position: fixed;
  bottom: 0;
  z-index: 100;
  background-color: #0b152f;
  width: 100%;
  margin: 0 0 -300px 0;
  padding: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

#contact.scrolled {
  margin: 0;
}

@media only screen and (max-width: 599px) {

#contact {
  display: block;
  position: relative;
  bottom: auto;
  margin: 0;
}
}

#contact::before,
#contact::after {
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
  content: "";
  width: 7px;
  height: 100%;
  background: url(../imgs/ftr-line.png) center center repeat-y;
}

#contact::before {
  left: 3px;
}

#contact::after {
  right: 3px;
}

#contact ul {
  text-align: center;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 5px 0;
}

@media only screen and (min-width: 600px) and (max-width: 960px) {

#contact ul {
  padding: 5px 20px;
}

#gNav .top {
	margin-left: 25%;
}
}

#contact ul li {
  display: inline-block;
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px;
}

#contact ul li:nth-of-type(1) {
  padding-right: 2.77777778%;
}

#contact ul li:nth-of-type(2) {
  padding-right: 0.90277778%;
}

#contact ul li:nth-of-type(3) {
  padding-right: 0.90277778%;
}

#contact ul li:nth-of-type(4) {
  padding-right: 0.90277778%;
}

#contact ul li .txt {
  text-align: left;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}

.hdr-name {
    border-right: 1px solid #464e62;
	margin-left: 152px;
	padding: 13px 10px 0 0;
}

.hdr-logo {
	position: absolute;
	left: 20px;
    top: 7px;
}

.hdr-name img {
	margin-top: 8px;
}

@media only screen and (max-width: 960px) {
.hdr-name {
	border-right: none;
}
}

/*----------------------------------------------------------------------
concept 4btn　start
----------------------------------------------------------------------*/
.bt-wrap {
  padding: 0 10px 100px;
}
.bt-wrap ul {
  overflow: hidden;
  max-width: 1400px;
  margin: 0 auto;
}
.bt-wrap ul li {
  float: left;
  width: 25%;
  text-align: center;
  box-sizing: border-box;
}
.bt-wrap ul li a {
  padding: 0 3%;
  display: block;
  opacity: .9;
}
.bt-wrap ul li.active {
}
.bt-wrap ul li.active span {
    padding: 0 3%;
    display: block;
}
@media only screen and (max-width: 768px) {
  .bt-wrap ul li.active span {
      padding: 0 2%;
  }
}
@media only screen and (max-width: 599px) {
  .bt-wrap ul li.active span {
      padding: 0;
      display: block;
  }
}
.bt-wrap ul li.active img {
  width: 100%;
}
.bt-wrap ul li a:hover {
  opacity: 1;
}
.bt-wrap ul li a img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .bt-wrap {
    padding: 0 10px 80px;
  }
  .bt-wrap ul {
    overflow: hidden;
    max-width: none;
    margin: 0 auto;
    width: 100%;
  }
  .bt-wrap ul li {
    float: left;
    width: 50%;
    text-align: center;
  }
  .bt-wrap ul li:nth-child(1), .bt-wrap ul li:nth-child(2) {
    padding-bottom: 2%;
  }
  .bt-wrap ul li a {
    padding: 0 2%;
  }
  .bt-wrap ul li a img {
    width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .bt-wrap {
    padding: 0 10px 60px;
  }
  .bt-wrap ul {
    overflow: hidden;
    max-width: 1400px;
    margin: 0 auto;
  }
  .bt-wrap ul li:first-child {
    margin-top: 0;
  }
  .bt-wrap ul li {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  .bt-wrap ul li:nth-child(1), .bt-wrap ul li:nth-child(2) {
    padding-bottom: 0;
  }
  .bt-wrap ul li a {
    padding: 0;
    display: block;
  }
  .bt-wrap ul li a img {
    width: 100%;
  }
}

@media only screen and (max-width:450px) {
	#contact ul li:nth-of-type(2) {
    display: block;
}

	#contact ul li:nth-of-type(3) {
    display: inline-block;
}
}