@charset "UTF-8";
body.home #head {
  background: rgba(255, 255, 255, 0.8);
}
body.home .scene {
  margin-bottom: 20px;
}
body.home .scene .keyimg {
  margin: 0 10px 10px 10px;
}
body.home .scene .keyimg img {
  width: 100%;
}
body.home .scene .note {
  margin: 0 10px;
}
body.home #scene1-copy {
  position: absolute;
  left: 0px;
  top: 10%;
  bottom: 20%;
}
body.home #scene1-mess {
  display: block;
  position: absolute;
  left: 0px;
  top: 120px;
  width: 320px;
  box-sizing: border-box;
}
body.home .note img {
  width: 100%;
  height: auto;
}
body.home .foot-menu {
  margin-bottom: 40px;
  padding: 0 5px;
}
body.home .foot-menu .list {
  *zoom: 1;
}
body.home .foot-menu .list:before, body.home .foot-menu .list:after {
  content: "";
  display: table;
}
body.home .foot-menu .list:after {
  clear: both;
}
body.home .foot-menu .list .list__item {
  float: left;
  width: 33.333%;
  padding: 5px;
  box-sizing: border-box;
}
body.home .foot-menu .list .list__item a {
  display: block;
  width: 100%;
  height: auto;
  padding: 5px;
  background: #1B7FBE;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
}
body.home .foot-menu .list .list__item a.bnr-zeh {
  background-color: #fff;
  border: 1px solid #ccc;
}
body.home .foot-menu .list .list__item a img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .hidden-xs {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 959px) {
  .hidden-sm {
    display: none;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1099px) {
  .hidden-md {
    display: none;
  }
}
@media only screen and (min-width: 1100px) {
  .hidden-lg {
    display: none;
  }
}
body.quality #eyecat img {
  width: 100%;
  height: auto;
}
body.quality #pagetit {
  padding: 10px 0;
  background: #1B7FBE;
}
body.quality #pagetit img {
  width: 100%;
  height: auto;
}
body.quality .intro {
  padding: 20px 0;
}
body.quality .intro img {
  width: 100%;
  height: auto;
}
body.quality .section {
  margin-bottom: 15px;
}
body.quality .subhead {
  margin-bottom: .5em;
  font-size: 15px;
  font-size: 1.5rem;
  color: #1B7FBE;
  font-weight: bold;
}
body.quality .subhead sup {
  font-size: 11px;
  font-size: 1.1rem;
}
body.quality .area-slider {
  margin-bottom: 10px;
}
body.quality .figure {
  margin: 10px auto;
}
body.quality .figure img {
  width: 100%;
  height: auto;
}
body.quality .keyimg {
  margin: 10px auto;
}
body.quality .keyimg img {
  width: 100%;
  height: auto;
}
body.quality .ac-menu .ac-btn {
  position: relative;
  padding: 5px;
  color: #fff;
  text-align: center;
  font-family: "YuMincho", "Yu Mincho", "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: bold;
  background: #6A3906;
}
body.quality .ac-menu .ac-btn.close .isopen {
  display: none;
}
body.quality .ac-menu .ac-btn.open .isclose {
  display: none;
}
body.quality .ac-menu .ac-btn i {
  position: absolute;
  right: 0;
  top: 50%;
}
body.quality .ac-menu .ac-btn i img {
  width: 50%;
  height: auto;
  margin-top: -7px;
}
body.quality .ac-menu .ac-body {
  padding-top: 15px;
}
body.quality #sec-1 .tit-voice {
  width: 100px;
}
body.quality #sec-1 .tit-voice img {
  width: 100%;
  height: auto;
}
body.quality #sec-1 .block-voice .note {
  line-height: 1.75;
}
body.quality #sec-1 .subimg {
  display: block;
  width: 50%;
  float: right;
  margin: 0 0 0 10px;
}
body.quality #sec-3 .block {
  margin-bottom: 20px;
}
body.quality #sec-3 .subhead i {
  display: inline-block;
  width: 20px;
  margin-right: .5em;
  font-style: normal;
  text-align: center;
  border: 1px solid #1B7FBE;
}
body.quality #sec-3 .sub {
  margin-top: 10px;
  font-size: 10px;
  font-size: 1rem;
}

@media only screen and (max-width: 768px) {
  .hidden-xs {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 959px) {
  .hidden-sm {
    display: none;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1099px) {
  .hidden-md {
    display: none;
  }
}
@media only screen and (min-width: 1100px) {
  .hidden-lg {
    display: none;
  }
}
body.ticsy #eyecat img,
body.exterior #eyecat img,
body.case #eyecat img {
  width: 100%;
  height: auto;
}
body.ticsy #pagetit,
body.exterior #pagetit,
body.case #pagetit {
  padding: 10px 0;
  background: #1B7FBE;
}
body.ticsy #pagetit img,
body.exterior #pagetit img,
body.case #pagetit img {
  width: 100%;
  height: auto;
}
body.ticsy .intro,
body.exterior .intro,
body.case .intro {
  padding: 20px 0;
}
body.ticsy .intro img,
body.exterior .intro img,
body.case .intro img {
  width: 100%;
  height: auto;
}
body.ticsy .subhead,
body.exterior .subhead,
body.case .subhead {
  margin-bottom: .5em;
  font-size: 15px;
  font-size: 1.5rem;
  color: #1B7FBE;
  font-weight: bold;
}
body.ticsy .keyimg img,
body.exterior .keyimg img,
body.case .keyimg img {
  width: 100%;
  height: auto;
}
body.ticsy .local-nav,
body.exterior .local-nav,
body.case .local-nav {
  margin: 20px;
}
body.ticsy .local-nav li,
body.exterior .local-nav li,
body.case .local-nav li {
  margin-bottom: 10px;
}
body.ticsy .local-nav li a,
body.exterior .local-nav li a,
body.case .local-nav li a {
  display: block;
  padding: .6em;
  color: #1B7FBE;
  font-family: "YuMincho", "Yu Mincho", "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: center;
  border: 2px solid #1B7FBE;
}
body.ticsy .local-nav li a.current,
body.exterior .local-nav li a.current,
body.case .local-nav li a.current {
  color: #fff;
  background-color: #1B7FBE;
}

body.ticsy #sec-1 .logo {
  display: block;
  width: 100px;
  height: auto;
  margin: 20px auto;
}
body.ticsy .list {
  width: 100%;
}
body.ticsy .list {
  *zoom: 1;
}
body.ticsy .list:before, body.ticsy .list:after {
  content: "";
  display: table;
}
body.ticsy .list:after {
  clear: both;
}
body.ticsy .list .list__item {
  margin: 0 20px;
}
body.ticsy .list .list__item .card {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
body.ticsy .list .list__item .card .subhead {
  text-align: center;
}
body.ticsy .list .list__item .card .subhead img {
  width: 50%;
}
body.ticsy .list .list__item .card .thumb img {
  width: 100%;
  height: auto;
}
body.ticsy .list .list__item .card:after {
  content: url(../img/ticsy/ico_zoom.png);
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
}

body.exterior .subline {
  padding: 5px 10px;
  background: #6A3906;
}
body.exterior .subline .type .inr {
  display: inline-block;
  margin-bottom: 5px;
  padding: 4px 10px;
  color: #6A3906;
  font-weight: bold;
  background: #fff;
}
body.exterior .subline .subhead {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}
body.exterior .block {
  margin-bottom: 10px;
}

body.case #eyecat img {
  width: 100%;
  height: auto;
}
body.case #pagetit {
  padding: 10px 0;
  background: #1B7FBE;
}
body.case #pagetit img {
  width: 100%;
  height: auto;
}
body.case .intro {
  padding: 20px 0;
}
body.case .intro img {
  width: 100%;
  height: auto;
}
body.case .section {
  margin-bottom: 15px;
}
body.case .ac-menu .ac-btn {
  position: relative;
}
body.case .ac-menu .ac-btn.close .isopen {
  display: none;
}
body.case .ac-menu .ac-btn.open .isclose {
  display: none;
}
body.case .ac-menu .ac-btn .photo {
  width: 100%;
  height: auto;
}
body.case .ac-menu .ac-btn i {
  position: absolute;
  left: 50%;
  bottom: 10px;
}
body.case .ac-menu .ac-btn i img {
  width: 50%;
  margin-left: -12px;
}
body.case .ac-menu .ac-body {
  padding: 15px 0;
}
body.case .subhead {
  margin-bottom: .5em;
  font-size: 15px;
  font-size: 1.5rem;
  color: #1B7FBE;
  font-weight: bold;
}
body.case .subhead sup {
  font-size: 11px;
  font-size: 1.1rem;
}
body.case .area-slider {
  margin-bottom: 10px;
}
body.case .figure {
  margin: 10px auto;
  border: 1px solid #ccc;
}
body.case .figure img {
  width: 100%;
  height: auto;
}
body.case .keyimg {
  margin: 10px auto;
}
body.case .keyimg img {
  width: 100%;
  height: auto;
}

body.smarthouse #eyecat img {
  width: 100%;
  height: auto;
}
body.smarthouse #pagetit {
  padding: 10px 0;
  background: #1B7FBE;
}
body.smarthouse #pagetit img {
  width: 100%;
  height: auto;
}
body.smarthouse .intro {
  padding: 20px 0;
}
body.smarthouse .intro img {
  width: 100%;
  height: auto;
}
body.smarthouse .section {
  margin-bottom: 15px;
}
body.smarthouse .subhead {
  margin-bottom: .5em;
  font-size: 15px;
  font-size: 1.5rem;
  color: #1B7FBE;
  font-weight: bold;
}
body.smarthouse .subhead sup {
  font-size: 11px;
  font-size: 1.1rem;
}
body.smarthouse .area-slider {
  margin-bottom: 10px;
}
body.smarthouse .figure {
  margin: 10px auto;
}
body.smarthouse .figure img {
  width: 100%;
  height: auto;
}
body.smarthouse .keyimg {
  margin: 10px auto;
}
body.smarthouse .keyimg img {
  width: 100%;
  height: auto;
}
body.smarthouse .flow img {
  width: 100%;
  height: auto;
}
body.smarthouse .sub {
  font-size: 11px;
  font-size: 1.1rem;
  margin: 10px;
}
body.smarthouse .ac-menu .ac-btn {
  position: relative;
  padding: 5px;
  color: #fff;
  text-align: center;
  font-family: "YuMincho", "Yu Mincho", "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: bold;
  background: #6A3906;
}
body.smarthouse .ac-menu .ac-btn.close .isopen {
  display: none;
}
body.smarthouse .ac-menu .ac-btn.open .isclose {
  display: none;
}
body.smarthouse .ac-menu .ac-btn i {
  position: absolute;
  right: 0;
  top: 50%;
}
body.smarthouse .ac-menu .ac-btn i img {
  width: 50%;
  height: auto;
  margin-top: -7px;
}
body.smarthouse .ac-menu .ac-body {
  padding-top: 15px;
}
body.smarthouse .notice {
  display: inline-block;
  margin: 5px 10px;
  padding: 4px 10px;
  color: #fff;
  background: #000;
}
body.smarthouse .inline {
  height: 100px;
  margin: 0 10px;
  padding: 10px;
  overflow: auto;
  border: 1px solid #ccc;
}
body.smarthouse .inline .sub {
  text-align: justify;
}

body.smartairs #eyecat img {
  width: 100%;
  height: auto;
}
body.smartairs #pagetit {
  padding: 10px 0;
  background: #1B7FBE;
}
body.smartairs #pagetit img {
  width: 100%;
  height: auto;
}
body.smartairs .intro {
  padding: 20px 0;
}
body.smartairs .intro img {
  width: 100%;
  height: auto;
}
body.smartairs .section {
  margin-bottom: 15px;
}
body.smartairs .subhead {
  margin-bottom: .5em;
  font-size: 15px;
  font-size: 1.5rem;
  color: #1B7FBE;
  font-weight: bold;
}
body.smartairs .subhead sup {
  font-size: 11px;
  font-size: 1.1rem;
}
body.smartairs .area-slider {
  margin-bottom: 10px;
}
body.smartairs .figure {
  margin: 10px auto;
}
body.smartairs .figure img {
  width: 100%;
  height: auto;
}
body.smartairs .keyimg {
  margin: 10px auto;
}
body.smartairs .keyimg img {
  width: 100%;
  height: auto;
}
body.smartairs .flow img {
  width: 100%;
  height: auto;
}
body.smartairs .sub {
  font-size: 11px;
  font-size: 1.1rem;
  margin: 10px 0;
}
body.smartairs .ac-menu .ac-btn {
  position: relative;
  padding: 5px;
  color: #fff;
  text-align: center;
  font-family: "YuMincho", "Yu Mincho", "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: bold;
  background: #6A3906;
}
body.smartairs .ac-menu .ac-btn.close .isopen {
  display: none;
}
body.smartairs .ac-menu .ac-btn.open .isclose {
  display: none;
}
body.smartairs .ac-menu .ac-btn i {
  position: absolute;
  right: 0;
  top: 50%;
}
body.smartairs .ac-menu .ac-btn i img {
  width: 50%;
  height: auto;
  margin-top: -7px;
}
body.smartairs .ac-menu .ac-body {
  padding-top: 15px;
}
body.smartairs .mb-10 {
  margin-bottom: 10px;
}
body.smartairs #sec-1 {
  margin-bottom: 40px;
}
body.smartairs #sec-1 .fade {
  position: relative;
}
body.smartairs #sec-1 .fade .keyimg {
  max-width: 1500px;
  margin: 0 auto 30px auto;
}
body.smartairs #sec-1 .fade .keyimg img {
  width: 100%;
  max-width: 1500px;
  height: auto;
}
body.smartairs #sec-1 .fade #before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body.smartairs #sec-2 {
  margin-bottom: 40px;
}
body.smartairs #sec-3 {
  margin-bottom: 40px;
}

body.floorplan #eyecat img {
  width: 100%;
  height: auto;
}
body.floorplan #pagetit {
  padding: 10px 0;
  background: #1B7FBE;
}
body.floorplan #pagetit img {
  width: 100%;
  height: auto;
}
body.floorplan .intro {
  padding: 20px 0;
}
body.floorplan .intro img {
  width: 100%;
  height: auto;
}
body.floorplan .subhead {
  margin-bottom: .5em;
  font-size: 15px;
  font-size: 1.5rem;
  color: #1B7FBE;
  font-weight: bold;
}
body.floorplan .keyimg img {
  width: 100%;
  height: auto;
}
body.floorplan .flow dd img {
  width: 100%;
  height: auto;
}
body.floorplan .sub {
  font-size: 11px;
  font-size: 1.1rem;
  margin: 10px;
}
body.floorplan #sec-1 .fade {
  position: relative;
}
body.floorplan #sec-1 .fade .keyimg {
  max-width: 1500px;
  margin: 0 auto 30px auto;
}
body.floorplan #sec-1 .fade .keyimg img {
  width: 100%;
  max-width: 1500px;
  height: auto;
}
body.floorplan #sec-1 .fade #before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body.floorplan .ac-menu .ac-btn {
  position: relative;
  padding: 5px;
}
body.floorplan .ac-menu .ac-btn.close .isopen {
  display: none;
}
body.floorplan .ac-menu .ac-btn.open .isclose {
  display: none;
}
body.floorplan .ac-menu .ac-btn img {
  width: 100%;
  height: auto;
}
body.floorplan .ac-menu .ac-btn i {
  position: absolute;
  right: 0;
  top: 50%;
}
body.floorplan .ac-menu .ac-btn i img {
  width: 50%;
  height: auto;
  margin-top: -7px;
}
body.floorplan .ac-menu .ac-body {
  padding-top: 15px;
}
body.floorplan .ac-menu .ac-body .figure img {
  width: 100%;
  height: auto;
}
body.floorplan .mb-10 {
  margin-bottom: 10px;
}