@charset "UTF-8";
/* ページタイトルー */
.pageTitle {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #FFF), color-stop(0, #f5f5f1));
  background: -webkit-linear-gradient(#f5f5f1, #FFF);
  background: -moz-linear-gradient(#f5f5f1, #FFF);
  background: -o-linear-gradient(#f5f5f1, #FFF);
  background: -ms-linear-gradient(#f5f5f1, #FFF);
  background: linear-gradient(#f5f5f1, #ffffff);
  padding: 40px 0 0;
}
.pageTitle .inner h2, .pageTitle .inner p {
  text-align: center;
}
.pageTitle .inner h2 {
  font-size: 116%;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.pageTitle .inner p {
  font-size: 77%;
  color: #999;
}

/* ページャー */
.wp-pagenavi {
  text-align: center;
  font-size: 85%;
  margin: 40px auto 0;
}
.wp-pagenavi span.current {
  background: #DDD;
  border-color: #F9F9F9;
  color: #333;
  padding: 10px 12px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin: 0 4px;
}
.wp-pagenavi a.page {
  font-size: 85%;
  background: #FFF;
  color: #333;
  padding: 10px 12px;
  border: 1px solid #DDD;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin: 0 4px;
}
.wp-pagenavi a.page:hover {
  border: 1px solid #333;
}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {
  font-size: 85%;
  color: #FFF;
  margin: 0 20px;
  padding: 8px;
  position: relative;
  border: none;
}
.wp-pagenavi a.previouspostslink:after, .wp-pagenavi a.nextpostslink:after {
  position: absolute;
  top: 5px;
  color: #333;
}
.wp-pagenavi a.previouspostslink:hover, .wp-pagenavi a.nextpostslink:hover {
  color: #FFF;
}
.wp-pagenavi a.previouspostslink:hover:after, .wp-pagenavi a.nextpostslink:hover:after {
  color: #CCC;
}
.wp-pagenavi a.previouspostslink:after {
  content: "";
  font-family: 'FontAwesome';
  right: 10px;
}
.wp-pagenavi a.nextpostslink:after {
  content: "";
  font-family: 'FontAwesome';
  right: 10px;
}

/* ページャー */
.entryBtnWrap {
  position: relative;
  height: 50px;
  width: 900px;
  margin: 0 auto;
}
.entryBtnWrap p {
  position: absolute;
  width: 150px;
}
.entryBtnWrap p a {
  color: #333;
  background: none;
  display: block;
  padding: 12px 0;
  text-align: center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}
.entryBtnWrap p a:after {
  position: absolute;
}
.entryBtnWrap p a:hover {
  color: #999;
}
.entryBtnWrap p.prevBtn {
  left: 0;
  top: 0;
}
.entryBtnWrap p.prevBtn a:after {
  content: "";
  font-family: 'FontAwesome';
  top: 11px;
  left: 10px;
}
.entryBtnWrap p.nextBtn {
  right: 0;
  top: 0;
}
.entryBtnWrap p.nextBtn a:after {
  content: "";
  font-family: 'FontAwesome';
  top: 11px;
  right: 10px;
}
.entryBtnWrap p.backIndexBtn {
  left: 50%;
  top: 0;
  margin: 0 0 0 -75px;
}
.entryBtnWrap p.backIndexBtn a {
  color: #333;
  background: #F0F0F0;
}
.entryBtnWrap p.backIndexBtn a:hover {
  background: #DDD;
}

.mainContent {
  padding: 40px 0 100px;
}
.mainContent ul.thumNailList {
  margin: 0 0 0 -67px;
}
.mainContent ul.thumNailList li {
  list-style: none;
  float: left;
  width: 322px;
  min-height: 260px;
  margin: 0 0 0 67px;
}
.mainContent ul.thumNailList li a {
  display: block;
}
.mainContent ul.thumNailList li a div {
  width: 100%;
  height: 215px;
  overflow: hidden;
  margin: 0 auto 5px;
}
.mainContent ul.thumNailList li a div img {
  -moz-transition: -moz-transform 0.15s linear;
  -o-transition: -o-transform 0.15s linear;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
}
.mainContent ul.thumNailList li a p.worksTitle {
  font-size: 93%;
}
.mainContent ul.thumNailList li a:hover div img {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.mainContent p.nowConstruction {
  text-align: center;
  font-size: 116%;
}
.mainContent.worksContent header {
  padding: 0;
  margin: 0 auto 50px;
}
.mainContent.worksContent header h3 {
  position: relative;
  text-align: center;
  font-size: 154%;
}
.mainContent.worksContent header h3:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 2px;
  background: #999;
  position: absolute;
  left: 50%;
  margin: 0 0 0 -15px;
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  transform-origin: 0 0 0;
  transition: all .4s ease;
  bottom: -18px;
  opacity: 1;
}
.mainContent.worksContent .worksSlider {
  width: 950px;
  margin: 0 auto 50px;
}
.mainContent.worksContent .worksSlider div {
  width: 100%;
  padding: 0;
  min-height: 600px;
  background: #f5f5f1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.mainContent.worksContent .worksSlider .slick-prev,
.mainContent.worksContent .worksSlider .slick-next {
  width: 45px;
  height: 45px;
  z-index: 1;
  background: none;
  opacity: 1;
  box-sizing: border-box;
}
.mainContent.worksContent .worksSlider .slick-prev:before,
.mainContent.worksContent .worksSlider .slick-next:before {
  font-family: 'FontAwesome';
  font-size: 30px;
  line-height: 1;
  opacity: 1;
  color: #CCC;
}
.mainContent.worksContent .worksSlider .slick-prev {
  left: -50px;
}
.mainContent.worksContent .worksSlider .slick-prev:before {
  content: '\f104';
}
.mainContent.worksContent .worksSlider .slick-prev:hover {
  opacity: .5;
}
.mainContent.worksContent .worksSlider .slick-next {
  right: -50px;
}
.mainContent.worksContent .worksSlider .slick-next:before {
  content: '\f105';
}
.mainContent.worksContent .worksSlider .slick-next:hover {
  opacity: .5;
}
.mainContent.worksContent .worksSlider .slick-prev.slick-disabled:before,
.mainContent.worksContent .worksSlider .slick-next.slick-disabled:before {
  opacity: .25;
}
.mainContent.worksContent .worksSlider ul.slick-dots {
  bottom: -25px;
}
.mainContent.worksContent .worksSlider ul.slick-dots li {
  width: 10px;
  height: 10px;
}
.mainContent.worksContent .worksSlider ul.slick-dots li button::before {
  color: #333;
}
.mainContent.worksContent #entry {
  width: 900px;
  margin: 0 auto 40px;
  padding: 0 0 20px;
  border-bottom: 1px dotted #DDD;
}
.mainContent.worksContent #entry p {
  padding: 8px 0;
  font-size: 108%;
  margin: 0 0 15px 0;
}
.mainContent.worksContent #entry h1, .mainContent.worksContent #entry h2, .mainContent.worksContent #entry h3, .mainContent.worksContent #entry h4, .mainContent.worksContent #entry h5, .mainContent.worksContent #entry h6 {
  margin: 0 0 15px 0;
  padding: 0;
  font-weight: bold;
}
.mainContent.worksContent #entry h1 {
  font-size: 185%;
}
.mainContent.worksContent #entry h2 {
  font-size: 170%;
}
.mainContent.worksContent #entry h3 {
  font-size: 154%;
}
.mainContent.worksContent #entry h4 {
  font-size: 132%;
  border: none;
}
.mainContent.worksContent #entry h5 {
  font-size: 124%;
}
.mainContent.worksContent #entry h6 {
  font-size: 116%;
}
.mainContent.worksContent #entry ul, .mainContent.worksContent #entry ol {
  padding: 0 0 0 1.6em;
  margin: 0 0 20px 0;
}
.mainContent.worksContent #entry ul li, .mainContent.worksContent #entry ol li {
  margin: 0 0 5px 0;
}
.mainContent.worksContent #entry iframe {
  max-width: 100%;
  margin: 0 0 15px 0;
}
.mainContent.worksContent #entry img {
  display: block;
  min-width: 50%;
  max-width: 70%;
  height: auto;
  margin: 0 auto 20px;
}
.mainContent#infoIndex ul {
  width: 950px;
  margin: 0 auto;
}
.mainContent#infoIndex ul li {
  list-style: none;
  border-bottom: 1px dotted #DDD;
}
.mainContent#infoIndex ul li:first-child {
  border-top: 1px dotted #DDD;
}
.mainContent#infoIndex ul li a {
  display: block;
  padding: 20px;
  position: relative;
}
.mainContent#infoIndex ul li a em {
  float: left;
  margin: 0 20px 0 0;
  color: #999;
  font-size: 93%;
}
.mainContent#infoIndex ul li a p {
  padding: 0 50px 0 120px;
}
.mainContent#infoIndex ul li a:before {
  content: "";
  font-family: 'FontAwesome';
  position: absolute;
  top: 50%;
  right: 20px;
  color: #CCC;
  margin: -11px 0 0;
}
.mainContent#infoIndex ul li a:hover {
  background: #F9F9F9;
  color: #333;
}
.mainContent#infoDetail header {
  width: 900px;
  margin: 0 auto 30px;
  border-bottom: 1px dotted #DDD;
  padding: 0 0 10px;
}
.mainContent#infoDetail header em {
  color: #999;
  font-size: 85%;
}
.mainContent#infoDetail header h3 {
  font-size: 124%;
  font-weight: 700;
}
.mainContent#infoDetail #entry {
  width: 900px;
  margin: 0 auto 40px;
  padding: 0 0 20px;
  border-bottom: 1px dotted #DDD;
}
.mainContent#infoDetail #entry p {
  padding: 8px 0;
  font-size: 108%;
}
.mainContent#infoDetail #entry p a {
  text-decoration: underline;
}
.mainContent#infoDetail #entry h1, .mainContent#infoDetail #entry h2, .mainContent#infoDetail #entry h3, .mainContent#infoDetail #entry h4, .mainContent#infoDetail #entry h5, .mainContent#infoDetail #entry h6 {
  margin: 0 0 15px 0;
  padding: 0;
  font-weight: bold;
}
.mainContent#infoDetail #entry h1 {
  font-size: 185%;
}
.mainContent#infoDetail #entry h2 {
  font-size: 170%;
}
.mainContent#infoDetail #entry h3 {
  font-size: 154%;
}
.mainContent#infoDetail #entry h4 {
  font-size: 132%;
  border: none;
}
.mainContent#infoDetail #entry h5 {
  font-size: 124%;
}
.mainContent#infoDetail #entry h6 {
  font-size: 116%;
}
.mainContent#infoDetail #entry p {
  margin: 0 0 15px 0;
}
.mainContent#infoDetail #entry ul, .mainContent#infoDetail #entry ol {
  padding: 0 0 0 1.6em;
  margin: 0 0 25px 0;
}
.mainContent#infoDetail #entry ul li, .mainContent#infoDetail #entry ol li {
  margin: 0 0 5px 0;
}
.mainContent#infoDetail #entry iframe {
  max-width: 100%;
  margin: 0 0 15px 0;
}
.mainContent#infoDetail #entry img {
  max-width: 100%;
  height: auto;
  margin: 0 0 15px 0;
}
.mainContent#concept .content {
  margin: 80px 0 0;
}
.mainContent#concept .content:first-of-type {
  margin: 20px 0 0;
}
.mainContent#concept .content h3 {
  float: left;
  height: 40px;
}
.mainContent#concept .content h3 img {
  height: 100%;
  width: inherit;
  opacity: .8;
}
.mainContent#concept .content h4 {
  font-size: 131%;
  margin: 0 0 10px;
}
.mainContent#concept .content p {
  line-height: 2.2;
  margin: 10px 0 0;
}
.mainContent#concept .content p:first-of-type {
  margin: 0;
}
.mainContent#concept .content div {
  position: relative;
  width: 100%;
  padding: 0 0 0 220px;
}
.mainContent#concept .content div div#illust {
  clear: both;
  width: 250px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -40px;
  right: 20px;
}
.mainContent#concept .content div div#illust02 {
  clear: both;
  width: 180px;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0px;
  left: -40px;
}
.mainContent#concept .content div article {
  margin: 40px 0 0;
}
.mainContent#concept .content div article:first-of-type {
  margin: 0;
  padding: 0 0 0 120px;
}
.mainContent#concept .content div article:last-of-type {
  margin: 40px 0 0;
  padding: 0 0 0 300px;
}
.mainContent#concept .content div article .number {
  float: left;
  height: 40px;
  width: auto;
  padding: 0;
}
.mainContent#concept .content div article .number img {
  height: 100%;
  width: inherit;
}
.mainContent#concept .content div article .txtWrap {
  position: static;
  padding: 0 0 0 70px;
}
.mainContent#plan .inner .planWrap {
  margin: 80px 0 0;
  padding: 60px 0 0;
  border-top: 1px solid #DDD;
}
.mainContent#plan .inner .planWrap:first-of-type {
  margin: 0;
  padding: 0;
  border-top: none;
}
.mainContent#plan .inner .planWrap h3 {
  text-align: center;
  font-size: 154%;
  color: #999;
  margin: 0 0 20px;
}
.mainContent#plan .inner .planWrap h3 span {
  display: inline-block;
  text-decoration: underline;
  margin: 0 30px 0 0;
  font-size: 15px;
}
.mainContent#plan .inner .planWrap p.planIntroTxt {
  text-align: center;
  font-size: 124%;
  margin: 0 0 20px;
}
.mainContent#plan .inner .planWrap ul {
  margin: 0 0 40px;
}
.mainContent#plan .inner .planWrap ul li {
  list-style: none;
  float: left;
  width: 530px;
  margin: 0 0 0 40px;
}
.mainContent#plan .inner .planWrap ul li:first-child {
  margin: 0;
}
.mainContent#plan .inner .planWrap .drawing {
  width: 950px;
  margin: 0 auto 15px;
}
.mainContent#plan .inner .planWrap .outroWrap .col-2 {
  float: right;
}
.mainContent#plan .inner .planWrap .outroWrap .col-2:first-of-type {
  float: left;
}
.mainContent#plan .inner .planWrap .outroWrap .col-2 p.price {
  font-size: 124%;
  color: #666;
  margin: 0 0 8px;
}
.mainContent#plan .inner .planWrap .outroWrap .col-2 p.price span {
  display: inline-block;
  margin: 0 0 0 10px;
  font-size: 170%;
}
.mainContent#plan .inner .planWrap .outroWrap .col-2 p.planOutroTxt {
  font-size: 116%;
}
.mainContent#plan .inner .planWrap .outroWrap .col-2 p.smallTxt {
  font-size: 85%;
  color: #666;
}
.mainContent#plan .inner .planWrap .outroWrap .col-2 p.contactTxt {
  margin: 0 0 10px;
}
.mainContent#plan .inner .planWrap .outroWrap .col-2 p.contactBtn {
  width: 100%;
}
.mainContent#plan .inner .planWrap .outroWrap .col-2 p.contactBtn a {
  display: block;
  background: #333;
  color: #FFF;
  padding: 14px 0;
  text-align: center;
  font-size: 108%;
  font-weight: bold;
  position: relative;
}
.mainContent#plan .inner .planWrap .outroWrap .col-2 p.contactBtn a:hover {
  background: #666;
}
.mainContent#plan .inner .planWrap .outroWrap .col-2 p.contactBtn a:before {
  content: "";
  font-family: 'FontAwesome';
  font-size: 85%;
  position: absolute;
  top: 14px;
  right: 15px;
}
.mainContent#spec .inner p#mainCopy {
  font-size: 139%;
  text-align: center;
  margin: 0 0 15px;
}
.mainContent#spec .inner p#readCopy {
  font-size: 116%;
  text-align: center;
  margin: 0 0 30px;
}
.mainContent#spec .inner .specWrap {
  margin: 60px 0 0;
}
.mainContent#spec .inner .specWrap:first-of-type {
  margin: 0;
}
.mainContent#spec .inner .specWrap h3 {
  background: #f5f5f1;
  padding: 12px;
  font-size: 139%;
  font-weight: bold;
  margin: 0 0 15px;
}
.mainContent#spec .inner .specWrap ul {
  padding: 0 0 0 1.8em;
  margin: 0 0 20px;
}
.mainContent#spec .inner .specWrap ul li {
  font-size: 116%;
  margin: 5px 0 0;
}
.mainContent#spec .inner .specWrap ul li:first-child {
  margin: 0;
}
.mainContent#spec .inner .specWrap p.caoutionTxt {
  color: #666;
  font-size: 85%;
  text-indent: -2.8em;
  padding-left: 2.8em;
  margin: 10px 0 0;
}
.mainContent#spec .inner .specWrap .col-2 {
  float: left;
  width: 40%;
}
.mainContent#spec .inner .specWrap .col-2:first-of-type {
  width: 60%;
}
.mainContent#spec .inner .specWrap article {
  margin: 30px 0 0;
}
.mainContent#spec .inner .specWrap article h4 {
  font-size: 124%;
  border-bottom: 1px solid #DDD;
  padding: 0 0 3px;
  margin: 0 0 15px;
}
.mainContent#spec .inner .specWrap article p {
  font-size: 116%;
}
.mainContent#spec .inner .specWrap article #yukaImg {
  margin: 15px 0 0;
  width: 800px;
}
.mainContent#spec .inner .specWrap#energySaving .col-2 {
  width: 38%;
}
.mainContent#spec .inner .specWrap#energySaving .col-2:first-of-type {
  width: 62%;
}
.mainContent#spec .inner .specWrap#energySaving .col-2 ul {
  padding: 50px 0 0 1.8em;
}
.mainContent#support .content#member h3, .mainContent#support .content#maintenance h3 {
  font-size: 139%;
  text-align: center;
  margin: 0 0 15px;
}
.mainContent#support .content#member p.introTxt, .mainContent#support .content#maintenance p.introTxt {
  font-size: 108%;
  text-align: center;
}
.mainContent#support .content#member {
  margin: 0 0 80px;
}
.mainContent#support .content#member #memberListWrap {
  margin: 40px 0 0;
  position: relative;
}
.mainContent#support .content#member #memberListWrap .null {
  position: absolute;
  background: #595649;
  width: 113px;
  height: 113px;
  opacity: 0;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  /* 縦方向中央揃え（Safari用） */
  align-items: center;
  /* 縦方向中央揃え */
  -webkit-justify-content: center;
  /* 横方向中央揃え（Safari用） */
  justify-content: center;
  /* 横方向中央揃え */
}
.mainContent#support .content#member #memberListWrap .null p {
  color: #FFF;
  text-align: center;
  font-size: 85%;
}
.mainContent#support .content#member #memberListWrap .null#org {
  top: 81px;
  left: 10px;
}
.mainContent#support .content#member #memberListWrap .null#pro {
  width: 170px;
  height: 170px;
  top: 335px;
  left: 15px;
}
.mainContent#support .content#member #memberListWrap .null#law {
  top: 375px;
  left: 360px;
}
.mainContent#support .content#member #memberListWrap .null#bank {
  top: 375px;
  left: 485px;
}
.mainContent#support .content#member #memberListWrap .null#fp {
  top: 375px;
  left: 610px;
}
.mainContent#support .content#member #memberListWrap .null#ins {
  top: 375px;
  left: 735px;
}
.mainContent#support .content#member #memberListWrap .null#rea {
  top: 375px;
  left: 860px;
}
.mainContent#support .content#member #memberListWrap .null#dir {
  top: 710px;
  left: 80px;
}
.mainContent#support .content#member #memberListWrap .null#bc {
  top: 710px;
  left: 208px;
}
.mainContent#support .content#member #memberListWrap .null#coo {
  top: 710px;
  left: 330px;
}
.mainContent#support .content#member #memberListWrap .null#fc {
  top: 710px;
  left: 455px;
}
.mainContent#support .content#member #memberListWrap .null#gc {
  top: 710px;
  left: 585px;
}
.mainContent#support .content#member #memberListWrap .null#other {
  top: 710px;
  left: 710px;
}
.mainContent#support .content#member #memberListWrapSp {
  display: none;
}
.mainContent#support .content#maintenance {
  position: relative;
}
.mainContent#support .content#maintenance #maintenanceIllust {
  position: absolute;
  top: 0px;
  right: 40px;
  width: 80px;
}
.mainContent#support .content#maintenance .contWrap {
  margin: 20px 0 0;
}
.mainContent#support .content#maintenance .contWrap .col-2 {
  float: left;
  width: 50%;
  padding: 10px 0 10px 30px;
}
.mainContent#support .content#maintenance .contWrap .col-2:first-of-type {
  border-right: 1px solid #DDD;
  padding: 10px 30px 10px 0;
}
.mainContent#support .content#maintenance .contWrap .col-2 h4 {
  text-align: center;
  background: #f5f5f1;
  padding: 10px 15px;
  font-size: 116%;
  font-weight: bold;
  margin: 0 0 10px;
}
.mainContent#support .content#maintenance .contWrap .col-2 h5, .mainContent#support .content#maintenance .contWrap .col-2 p {
  padding: 0;
}
.mainContent#support .content#maintenance .contWrap .col-2 h5 {
  font-size: 108%;
  font-weight: bold;
  margin: 10px 0 5px;
}
.mainContent#support .content#maintenance .contWrap .col-2 h5:first-of-type {
  margin: 0 0 5px;
}
.mainContent#support .content#agency {
  border-top: 1px solid #DDD;
  padding: 30px 0 0;
  margin: 60px 0 0;
}
.mainContent#support .content#agency .col-2 {
  float: left;
  width: 75%;
}
.mainContent#support .content#agency .col-2:first-of-type {
  width: 25%;
}
.mainContent#support .content#agency .col-2:first-of-type h3 {
  font-size: 139%;
}
.mainContent#support .content#agency .col-2 ul li {
  list-style: none;
  float: left;
  width: 50%;
}
.mainContent#support .content#agency .col-2 ul li p.area {
  font-weight: bold;
  color: #999;
  margin: 0 0 10px;
}
.mainContent#support .content#agency .col-2 ul li p.companyName {
  font-weight: bold;
}
.mainContent#support .content#agency .col-2 ul li p.companyAdd {
  font-size: 93%;
}
.mainContent#qa dl {
  padding: 50px 30px;
  border-top: 1px dotted #DDD;
}
.mainContent#qa dl:first-of-type {
  padding: 0 30px 50px;
  border-top: none;
}
.mainContent#qa dl dt p.qMark,
.mainContent#qa dl dt p.aMark,
.mainContent#qa dl dd p.qMark,
.mainContent#qa dl dd p.aMark {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  display: inline-block;
  padding: 3px 10px;
  margin: 0 0 10px;
  color: #FFF;
  font-size: 124%;
}
.mainContent#qa dl dt p.qTitle,
.mainContent#qa dl dt p.answerTxt,
.mainContent#qa dl dd p.qTitle,
.mainContent#qa dl dd p.answerTxt {
  line-height: 1.8;
  font-size: 108%;
}
.mainContent#qa dl dt {
  float: left;
  width: 30%;
}
.mainContent#qa dl dt p.qMark {
  background: #ea5514;
}
.mainContent#qa dl dt p.qTitle {
  color: #595649;
  font-weight: bold;
}
.mainContent#qa dl dd {
  float: right;
  width: 70%;
  padding: 0 0 0 20px;
}
.mainContent#qa dl dd p.aMark {
  background: #bab6a4;
}
.mainContent#qa dl dd p.answerTxt {
  padding: 0;
  margin: 0 0 10px;
}
.mainContent#qa dl dd p.answerTxt span {
  font-weight: bold;
}
.mainContent#flow #flowWrap {
  position: relative;
  width: 869px;
  margin: 0 auto;
}
.mainContent#flow #flowWrap .noBtn {
  position: absolute;
}
.mainContent#flow #flowWrap .noBtn a {
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  background: #595649;
  color: #FFF;
  padding: 9px 0 0;
  font-size: 116%;
  font-weight: bold;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
}
.mainContent#flow #flowWrap .noBtn a.largeBtn {
  font-size: 200%;
  padding: 10px 0 0;
  width: 60px;
  height: 60px;
  background: #ea5514;
}
.mainContent#flow #flowWrap .noBtn a:hover + div {
  visibility: visible;
  opacity: 1;
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.mainContent#flow #flowWrap .noBtn#no0 {
  top: 3px;
  left: 220px;
}
.mainContent#flow #flowWrap .noBtn#no1 {
  top: 70px;
  left: 555px;
}
.mainContent#flow #flowWrap .noBtn#no2 {
  top: 155px;
  left: 375px;
}
.mainContent#flow #flowWrap .noBtn#no3 {
  top: 268px;
  left: 375px;
}
.mainContent#flow #flowWrap .noBtn#no4 {
  top: 268px;
  left: 625px;
}
.mainContent#flow #flowWrap .noBtn#no5 {
  top: 420px;
  left: 625px;
}
.mainContent#flow #flowWrap .noBtn#no6 {
  top: 410px;
  left: 425px;
}
.mainContent#flow #flowWrap .noBtn#no7 {
  top: 420px;
  left: 238px;
}
.mainContent#flow #flowWrap .noBtn#no8 {
  top: 500px;
  left: 238px;
}
.mainContent#flow #flowWrap .noBtn#no9 {
  top: 580px;
  left: 238px;
}
.mainContent#flow #flowWrap .noBtn#no10 {
  top: 580px;
  left: 362px;
}
.mainContent#flow #flowWrap .noBtn#no11 {
  top: 715px;
  left: 352px;
}
.mainContent#flow #flowWrap .noBtn#no12 {
  top: 727px;
  left: 622px;
}
.mainContent#flow #flowWrap .noBtn#no13 {
  top: 727px;
  left: 793px;
}
.mainContent#flow #flowWrap .noBtn#no14 {
  top: 847px;
  left: 793px;
}
.mainContent#flow #flowWrap .noBtn#no15 {
  top: 847px;
  left: 493px;
}
.mainContent#flow #flowWrap .noBtn#no16 {
  top: 847px;
  left: 179px;
}
.mainContent#flow #flowWrap .noBtn#no17 {
  top: 995px;
  left: 169px;
}
.mainContent#flow #flowWrap .noBtn#no18 {
  top: 1005px;
  left: 450px;
}
.mainContent#flow #flowWrap .noBtn div {
  background: rgba(89, 86, 73, 0.95);
  color: #fff;
  padding: 30px;
  height: inherit;
  position: absolute;
  text-align: left;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.mainContent#flow #flowWrap .noBtn div.style01 {
  width: 600px;
  top: 0px;
  left: 90px;
}
.mainContent#flow #flowWrap .noBtn div.style02 {
  width: 600px;
  top: 0px;
  right: 90px;
}
.mainContent#flow #flowWrap .noBtn div.style03 {
  width: 700px;
  top: 60px;
  left: 50%;
  margin: 0 0 0 -350px;
}
.mainContent#flow #flowWrap .noBtn div p.flowTitle {
  font-size: 116%;
  font-weight: bold;
  margin: 0 0 5px;
}
.mainContent#flow #flowWrap .noBtn div p.flowTitle span {
  color: #ea5514;
}
.mainContent#flow #flowWrap .noBtn div p.flowTxt {
  line-height: 1.8;
  font-size: 108%;
  text-align: justify;
}
.mainContent#flow #flowWrap .noBtn div p.capTxt {
  font-size: 85%;
  margin: 10px 0 0;
}
.mainContent#flow #flowWrap .noBtn div p.couTxt {
  font-size: 85%;
  color: #ea5514;
  margin: 10px 0 0;
}
.mainContent#flow #flowSp {
  display: none;
}
.mainContent#works ul.thumNailList li {
  margin: 0 0 30px 67px;
}
.mainContent#other .content {
  margin: 60px 0 0;
}
.mainContent#other .content:first-of-type {
  margin: 0;
}
.mainContent#other .content .contTitleWrap {
  margin: 0 0 15px;
  padding: 0 0 5px;
  border-bottom: 1px dotted #DDD;
}
.mainContent#other .content .contTitleWrap h3 {
  float: left;
  font-size: 131%;
}
.mainContent#other .content .contTitleWrap p {
  float: right;
}
.mainContent#other .content .contTitleWrap p a {
  display: block;
  text-align: right;
}
.mainContent#other .content .contTitleWrap p a i {
  margin: 0 5px 0 0;
  color: #999;
}
.mainContent#renovation ul.thumNailList li, .mainContent#sale ul.thumNailList li, .mainContent#furniture ul.thumNailList li {
  margin: 0 0 30px 67px;
}
.mainContent#contact article {
  width: 980px;
  margin: 40px auto 0;
}
.mainContent#contact article:first-of-type {
  margin: 0;
  width: 100%;
}
.mainContent#contact article p.introTxt {
  padding: 10px 0 0;
  font-size: 108%;
  text-align: center;
}
.mainContent#contact article p.introTxt:first-of-type {
  padding: 0;
}
.mainContent#contact article h3 {
  background: #f5f5f1;
  padding: 12px;
  font-size: 139%;
  font-weight: bold;
  margin: 0 0 15px;
}
.mainContent#contact article table {
  width: 100%;
  margin: 0 0 20px;
}
.mainContent#contact article table tr {
  border-top: 1px solid #DDD;
}
.mainContent#contact article table tr:first-of-type {
  border-top: none;
}
.mainContent#contact article table tr th, .mainContent#contact article table tr td {
  padding: 12px 20px;
}
.mainContent#contact article table tr th {
  text-align: left;
  width: 26%;
}
.mainContent#contact article table tr th span {
  display: inline-block;
  color: #FFF;
  font-size: 77%;
  padding: 1px 10px;
  margin-left: 10px;
  background: #c13c3c;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.mainContent#contact article table tr td {
  width: 74%;
}
.mainContent#contact article table tr td input[type="text"],
.mainContent#contact article table tr td input[type="tel"],
.mainContent#contact article table tr td input[type="email"] {
  padding: 8px;
  font-size: 124%;
  color: #333;
  background: #F5F5F5;
  border: none;
}
.mainContent#contact article table tr td input.sizeXs {
  width: 10%;
}
.mainContent#contact article table tr td input.sizeS {
  width: 30%;
}
.mainContent#contact article table tr td input.sizeM {
  width: 50%;
}
.mainContent#contact article table tr td input.sizeL {
  width: 80%;
}
.mainContent#contact article table tr td input.sizeXl {
  width: 100%;
}
.mainContent#contact article table tr td textarea {
  width: 100%;
  height: 200px;
  padding: 8px;
  font-size: 124%;
  background: #F5F5F5;
  border: none;
  color: #333;
}
.mainContent#contact article table tr td input::selection,
.mainContent#contact article table tr td textarea::selection {
  background: #666;
  color: #FFF;
}
.mainContent#contact article table tr td label {
  font-size: 108%;
  display: inline-block;
  margin: 0 14px 0 0;
}
.mainContent#contact article table tr td label input[type="checkbox"] {
  margin: 0 4px 0 0;
}
.mainContent#contact article table tr td p.area {
  margin: 8px 0 0;
  font-weight: bold;
}
.mainContent#contact article table tr td p.area:first-of-type {
  margin: 0;
}
.mainContent#contact article table tr td span.error {
  color: #db3232;
  display: inline-block;
  margin: 0 0 0 5px;
}
.mainContent#contact article .inputBtnArea {
  text-align: center;
}
.mainContent#contact article .inputBtnArea input[type="submit"] {
  background: #000;
  color: #FFF;
  padding: 14px 0;
  text-align: center;
  font-size: 116%;
  cursor: pointer;
  width: 280px;
  font-weight: normal;
  border: none;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  margin: 0;
}
.mainContent#contact article .inputBtnArea input[type="submit"]:hover {
  background: #666;
}
.mainContent#contactConf {
  padding: 30px 0 100px;
}
.mainContent#contactConf .inner article {
  width: 980px;
  margin: 40px auto 0;
}
.mainContent#contactConf .inner article:first-of-type {
  margin: 0 auto;
  width: 980px;
}
.mainContent#contactConf .inner article p.introTxt {
  padding: 10px 0 0;
  font-size: 108%;
  text-align: center;
}
.mainContent#contactConf .inner article p.errorTitle {
  color: #b34542;
  font-size: 154%;
  text-align: center;
}
.mainContent#contactConf .inner article p.errorTxt {
  margin: 0 0 20px 0;
  text-align: center;
}
.mainContent#contactConf .inner article p.error_messe {
  padding: 3px 0;
  color: #b34542;
  text-align: center;
}
.mainContent#contactConf .inner article h3 {
  background: #f5f5f1;
  padding: 12px;
  font-size: 139%;
  font-weight: bold;
  margin: 0 0 15px;
}
.mainContent#contactConf .inner article table {
  width: 100%;
  margin: 0 auto 20px;
}
.mainContent#contactConf .inner article table tr {
  border-top: 1px solid #DDD;
}
.mainContent#contactConf .inner article table tr:first-of-type {
  border-top: none;
}
.mainContent#contactConf .inner article table tr th, .mainContent#contactConf .inner article table tr td {
  padding: 12px 20px;
  font-size: 116%;
}
.mainContent#contactConf .inner article table tr th {
  text-align: left;
  width: 28%;
}
.mainContent#contactConf .inner article table tr td {
  width: 72%;
}
.mainContent#contactConf .inner article .inputBtnArea {
  text-align: center;
  margin: 40px 0 0;
}
.mainContent#contactConf .inner article .inputBtnArea input[type="button"],
.mainContent#contactConf .inner article .inputBtnArea input[type="submit"] {
  padding: 14px 0;
  text-align: center;
  font-size: 116%;
  cursor: pointer;
  width: 25%;
  font-weight: normal;
  border: none;
}
.mainContent#contactConf .inner article .inputBtnArea input[type="button"] {
  background: #EEE;
  color: #333;
  margin: 0 10px 0 0;
}
.mainContent#contactConf .inner article .inputBtnArea input[type="button"]:hover {
  background: #CCC;
}
.mainContent#contactConf .inner article .inputBtnArea input[type="submit"] {
  background: #333;
  color: #FFF;
  margin: 0 0 0 10px;
}
.mainContent#contactConf .inner article .inputBtnArea input[type="submit"]:hover {
  background: #666;
}
.mainContent#contactThanks {
  padding: 30px 0 100px;
}
.mainContent#contactThanks .inner p {
  text-align: center;
}
.mainContent#contactThanks .inner p#thanksTitle {
  font-size: 154%;
  font-weight: bold;
  margin: 0 0 20px;
}
.mainContent#contactThanks .inner p.thanksTxt {
  margin: 15px 0 0;
  font-size: 116%;
}
.mainContent#contactThanks .inner p.thanksTxt:first-of-type {
  margin: 0;
}
.mainContent#contactThanks .inner p.thanksTxt2 {
  font-size: 85%;
  color: #666;
  margin: 20px 0 0;
}
.mainContent#contactThanks .inner p.homeBtn {
  width: 280px;
  margin: 30px auto 0;
}
.mainContent#contactThanks .inner p.homeBtn a {
  background: #333;
  color: #FFF;
  font-size: 116%;
  display: block;
  padding: 14px 0;
  text-align: center;
  position: relative;
}
.mainContent#contactThanks .inner p.homeBtn a i {
  margin: 0 5px 0 0;
  font-size: 116%;
}
.mainContent#contactThanks .inner p.homeBtn a:hover {
  background: #666;
}
.mainContent#contactThanks .inner p.homeBtn a:before {
  content: "";
  font-family: 'FontAwesome';
  color: #FFF;
  font-size: 85%;
  position: absolute;
  top: 14px;
  left: 20px;
}

/*====================================================================
*====================================================================

  メディアクエリ

====================================================================*
====================================================================*/
@media screen and (max-width: 480px) {
  /* ページタイトルー */
  .pageTitle {
    padding: 25px 0 0;
  }
  .pageTitle .inner h2 {
    font-size: 108%;
  }

  /* ページャー */
  .entryBtnWrap {
    height: 41px;
    width: 100%;
    margin: 0;
  }
  .entryBtnWrap p {
    font-size: 85%;
    position: absolute;
    width: 30%;
  }
  .entryBtnWrap p.prevBtn a:after {
    top: 13px;
  }
  .entryBtnWrap p.nextBtn a:after {
    top: 13px;
  }
  .entryBtnWrap p.backIndexBtn {
    left: 50%;
    top: 0;
    margin: 0 0 0 -15%;
  }

  .mainContent {
    padding: 40px 0 60px;
  }
  .mainContent ul.thumNailList {
    margin: 0;
  }
  .mainContent ul.thumNailList li {
    float: none;
    width: 80%;
    margin: 20px auto 0;
  }
  .mainContent ul.thumNailList li:first-child {
    margin: 0 auto;
  }
  .mainContent ul.thumNailList li a div {
    width: 100%;
    height: 200px;
    margin: 0 auto 5px;
  }
  .mainContent ul.thumNailList li a div img {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
  }
  .mainContent ul.thumNailList li a p.worksTitle {
    font-size: 100%;
  }
  .mainContent ul.thumNailList li a:hover div img {
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
  .mainContent p.nowConstruction {
    text-align: center;
    font-size: 116%;
  }
  .mainContent.worksContent header {
    position: static;
    padding: 0 4%;
    border-bottom: none;
    margin: 0 auto 40px;
  }
  .mainContent.worksContent header h3 {
    text-align: center;
    font-size: 139%;
  }
  .mainContent.worksContent .worksSlider {
    width: 100%;
    margin: 0 auto 30px;
  }
  .mainContent.worksContent .worksSlider div {
    width: 100%;
    padding: 0;
    min-height: 250px;
  }
  .mainContent.worksContent .worksSlider .slick-prev {
    left: 2%;
  }
  .mainContent.worksContent .worksSlider .slick-next {
    right: 2%;
  }
  .mainContent.worksContent .worksSlider ul.slick-dots {
    bottom: -20px;
  }
  .mainContent.worksContent .worksSlider ul.slick-dots li {
    width: 8px;
    height: 8px;
  }
  .mainContent.worksContent #entry {
    width: 100%;
    margin: 0 auto 20px;
    padding: 0 4%;
  }
  .mainContent.worksContent #entry ul, .mainContent.worksContent #entry ol {
    padding: 0 0 0 1.8em;
  }
  .mainContent#infoIndex ul {
    width: 100%;
    margin: 0;
  }
  .mainContent#infoIndex ul li a {
    padding: 14px 4%;
  }
  .mainContent#infoIndex ul li a em {
    float: none;
    margin: 0 0 8px;
  }
  .mainContent#infoIndex ul li a p {
    padding: 0 20px 0 0;
  }
  .mainContent#infoDetail {
    padding: 20px 0 60px;
  }
  .mainContent#infoDetail header {
    width: 100%;
    position: static;
    padding: 0 4%;
    border-bottom: none;
    margin: 0 auto 20px;
  }
  .mainContent#infoDetail header h3 {
    text-align: left;
    font-size: 139%;
  }
  .mainContent#infoDetail #entry {
    width: 100%;
    margin: 0 auto 20px;
    padding: 0 4%;
  }
  .mainContent#infoDetail #entry ul, .mainContent#infoDetail #entry ol {
    padding: 0 0 0 1.8em;
  }
  .mainContent#infoDetail #entry img {
    margin: 0 0 10px 0;
  }
  .mainContent#concept .content {
    margin: 60px 0 0;
    padding: 0 4%;
  }
  .mainContent#concept .content:first-of-type {
    margin: 0;
  }
  .mainContent#concept .content h3 {
    float: none;
    height: 30px;
    text-align: center;
  }
  .mainContent#concept .content h4 {
    font-size: 131%;
    margin: 0 0 10px;
  }
  .mainContent#concept .content p {
    line-height: 1.8;
    font-size: 108%;
    text-align: justify;
    margin: 10px 0 0;
  }
  .mainContent#concept .content p:first-of-type {
    margin: 0;
  }
  .mainContent#concept .content p br {
    display: none;
  }
  .mainContent#concept .content div {
    position: static;
    width: 100%;
    padding: 0;
  }
  .mainContent#concept .content div div#illust {
    width: 150px;
    margin: 20px auto;
    position: static;
  }
  .mainContent#concept .content div div#illust02 {
    width: 100px;
    margin: 20px auto;
    padding: 0;
    position: static;
  }
  .mainContent#concept .content div article {
    margin: 30px 0 0;
  }
  .mainContent#concept .content div article:first-of-type {
    margin: 0;
    padding: 0;
  }
  .mainContent#concept .content div article:last-of-type {
    margin: 30px 0 0;
    padding: 0;
  }
  .mainContent#concept .content div article .number {
    height: 30px;
  }
  .mainContent#concept .content div article .txtWrap {
    position: static;
    padding: 0 0 0 50px;
  }
  .mainContent#plan {
    padding: 30px 0 60px;
  }
  .mainContent#plan .inner .planWrap {
    margin: 40px 0 0;
    padding: 30px 0 0;
  }
  .mainContent#plan .inner .planWrap h3 {
    padding: 0 4%;
    font-size: 139%;
  }
  .mainContent#plan .inner .planWrap h3 span {
    margin: 0 20px 0 0;
    font-size: 14px;
  }
  .mainContent#plan .inner .planWrap p.planIntroTxt {
    padding: 0 5%;
    font-size: 108%;
  }
  .mainContent#plan .inner .planWrap ul {
    margin: 0 0 20px;
  }
  .mainContent#plan .inner .planWrap ul li {
    float: none;
    width: 100%;
    margin: 1px 0 0;
  }
  .mainContent#plan .inner .planWrap ul li:first-child {
    margin: 0;
  }
  .mainContent#plan .inner .planWrap .drawing {
    width: 100%;
    padding: 0 4%;
    margin: 0 0 15px;
  }
  .mainContent#plan .inner .planWrap .outroWrap .col-2 {
    float: none;
    padding: 0 4%;
  }
  .mainContent#plan .inner .planWrap .outroWrap .col-2:first-of-type {
    float: none;
  }
  .mainContent#plan .inner .planWrap .outroWrap .col-2 p.price {
    text-align: center;
    font-size: 108%;
    margin: 0 0 8px;
  }
  .mainContent#plan .inner .planWrap .outroWrap .col-2 p.price span {
    font-size: 154%;
  }
  .mainContent#plan .inner .planWrap .outroWrap .col-2 p.planOutroTxt {
    font-size: 108%;
    margin: 0 0 5px;
  }
  .mainContent#plan .inner .planWrap .outroWrap .col-2 p.smallTxt {
    margin: 0 0 20px;
  }
  .mainContent#plan .inner .planWrap .outroWrap .col-2 p.contactTxt {
    margin: 0 0 10px;
    font-size: 93%;
  }
  .mainContent#spec {
    padding: 30px 0 60px;
  }
  .mainContent#spec .inner p#mainCopy {
    padding: 0 4%;
    font-size: 131%;
    text-align: left;
  }
  .mainContent#spec .inner p#readCopy {
    padding: 0 4%;
    font-size: 108%;
    text-align: left;
  }
  .mainContent#spec .inner .specWrap {
    margin: 40px 0 0;
  }
  .mainContent#spec .inner .specWrap:first-of-type {
    margin: 0;
  }
  .mainContent#spec .inner .specWrap h3 {
    padding: 10px 4%;
    font-size: 131%;
  }
  .mainContent#spec .inner .specWrap ul {
    padding: 0 4% 0 2.8em;
  }
  .mainContent#spec .inner .specWrap ul li {
    font-size: 108%;
    margin: 5px 0 0;
  }
  .mainContent#spec .inner .specWrap p.caoutionTxt {
    padding: 0 4%;
    text-indent: -2.8em;
    padding-left: 4.4em;
  }
  .mainContent#spec .inner .specWrap .col-2 {
    float: none;
    width: 100%;
    margin: 15px 0 0;
  }
  .mainContent#spec .inner .specWrap .col-2:first-of-type {
    width: 100%;
    margin: 0;
  }
  .mainContent#spec .inner .specWrap article {
    padding: 0 4%;
    margin: 20px 0 0;
  }
  .mainContent#spec .inner .specWrap article p {
    font-size: 116%;
  }
  .mainContent#spec .inner .specWrap article #yukaImg {
    margin: 15px 0 0;
    width: 100%;
  }
  .mainContent#spec .inner .specWrap article p.caoutionTxt {
    text-indent: -2.8em;
    padding-left: 2.8em;
  }
  .mainContent#spec .inner .specWrap#energySaving .col-2 {
    width: 100%;
    padding: 0 4%;
  }
  .mainContent#spec .inner .specWrap#energySaving .col-2:first-of-type {
    width: 100%;
  }
  .mainContent#spec .inner .specWrap#energySaving .col-2 ul {
    padding: 0 0 0 1.8em;
  }
  .mainContent#spec .inner .specWrap#energySaving .col-2 p.caoutionTxt {
    text-indent: -2.8em;
    padding-left: 2.8em;
  }
  .mainContent#support .content#member h3, .mainContent#support .content#maintenance h3 {
    padding: 0 4%;
    font-size: 131%;
    text-align: left;
    margin: 0 0 15px;
  }
  .mainContent#support .content#member p.introTxt, .mainContent#support .content#maintenance p.introTxt {
    padding: 0 4%;
    text-align: left;
  }
  .mainContent#support .content#member {
    margin: 0 0 40px;
  }
  .mainContent#support .content#member #memberListWrap {
    display: none;
  }
  .mainContent#support .content#member #memberListWrapSp {
    display: block;
    margin: 20px 0 0;
    padding: 0 4%;
  }
  .mainContent#support .content#member #memberListWrapSp ul li {
    list-style: none;
    margin: 10px 0 0;
  }
  .mainContent#support .content#member #memberListWrapSp ul li:first-of-type {
    margin: 0;
  }
  .mainContent#support .content#member #memberListWrapSp ul li .mImg {
    width: 25%;
    float: left;
  }
  .mainContent#support .content#member #memberListWrapSp ul li .mTxtWrap {
    width: 75%;
    float: left;
    padding: 6px 0 0 10px;
  }
  .mainContent#support .content#member #memberListWrapSp ul li .mTxtWrap p.mName {
    font-size: 108%;
    font-weight: bold;
    margin: 0 0 5px;
  }
  .mainContent#support .content#maintenance {
    position: static;
  }
  .mainContent#support .content#maintenance #maintenanceIllust {
    display: none;
  }
  .mainContent#support .content#maintenance .contWrap {
    margin: 15px 0 0;
  }
  .mainContent#support .content#maintenance .contWrap .col-2 {
    float: none;
    width: 100%;
    padding: 0;
    margin: 15px 0 0;
  }
  .mainContent#support .content#maintenance .contWrap .col-2:first-of-type {
    border-right: none;
    padding: 0;
    margin: 0;
  }
  .mainContent#support .content#maintenance .contWrap .col-2 h4 {
    text-align: left;
    padding: 10px 4%;
    font-size: 108%;
  }
  .mainContent#support .content#maintenance .contWrap .col-2 h5, .mainContent#support .content#maintenance .contWrap .col-2 p {
    padding: 0 4%;
  }
  .mainContent#support .content#maintenance .contWrap .col-2 h5 {
    font-size: 108%;
    font-weight: bold;
    margin: 10px 0 5px;
  }
  .mainContent#support .content#maintenance .contWrap .col-2 h5:first-of-type {
    margin: 0 0 5px;
  }
  .mainContent#support .content#agency {
    border-top: 1px solid #DDD;
    padding: 20px 0 0;
    margin: 40px 0 0;
  }
  .mainContent#support .content#agency .col-2 {
    float: none;
    width: 100%;
  }
  .mainContent#support .content#agency .col-2:first-of-type {
    width: 100%;
  }
  .mainContent#support .content#agency .col-2:first-of-type h3 {
    font-size: 131%;
    margin: 0 0 15px;
    padding: 0 4%;
  }
  .mainContent#support .content#agency .col-2 ul li {
    float: none;
    width: 100%;
    padding: 0 4%;
    margin: 14px 0 0;
  }
  .mainContent#support .content#agency .col-2 ul li:first-child {
    margin: 0;
  }
  .mainContent#support .content#agency .col-2 ul li p.area {
    margin: 0 0 5px;
  }
  .mainContent#qa dl {
    padding: 25px 4%;
  }
  .mainContent#qa dl:first-of-type {
    padding: 0 4% 25px;
  }
  .mainContent#qa dl dt {
    float: none;
    width: 100%;
    overflow: hidden;
  }
  .mainContent#qa dl dt p.qMark {
    background: #ea5514;
    float: left;
    margin: 0 10px 0 0;
  }
  .mainContent#qa dl dt p.qTitle {
    padding: 0 0 0 50px;
  }
  .mainContent#qa dl dd {
    float: none;
    width: 100%;
    padding: 15px 0 0;
    overflow: hidden;
  }
  .mainContent#qa dl dd p.aMark {
    background: #bab6a4;
    float: left;
    margin: 0 10px 0 0;
  }
  .mainContent#qa dl dd p.answerTxt {
    padding: 0 0 0 50px;
    margin: 0;
    text-align: justify;
  }
  .mainContent#flow #flowWrap {
    display: none;
  }
  .mainContent#flow #flowSp {
    display: block;
  }
  .mainContent#flow #flowSp article {
    position: relative;
    padding: 90px 4% 45px;
    border-top: 1px dotted #DDD;
  }
  .mainContent#flow #flowSp article:first-of-type {
    padding: 30px 4% 50px;
    border-top: none;
  }
  .mainContent#flow #flowSp article:first-of-type p.flowNumber {
    top: -20px;
  }
  .mainContent#flow #flowSp article:first-of-type:after {
    display: none;
  }
  .mainContent#flow #flowSp article p.flowNumber {
    position: absolute;
    top: 30px;
    left: 4%;
    display: inline-block;
    font-size: 124%;
    color: #999;
    width: 40px;
    height: 40px;
    padding: 6px 0 0;
    border: 1px dotted #333;
    text-align: center;
    font-weight: bold;
    margin: 0;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
  }
  .mainContent#flow #flowSp article h3 {
    font-size: 131%;
    margin: 0 0 8px;
  }
  .mainContent#flow #flowSp article p.caption {
    color: #666;
    font-size: 93%;
    margin: 10px 0 0;
  }
  .mainContent#flow #flowSp article p.point {
    margin: 10px 0 0;
    color: #ad3b3b;
    border: 1px solid #ad3b3b;
    padding: 15px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
  }
  .mainContent#flow #flowSp article dl#projectTeam dt {
    padding: 15px 0;
    cursor: pointer;
    text-decoration: underline;
  }
  .mainContent#flow #flowSp article dl#projectTeam dd {
    display: none;
    width: 100%;
    height: auto;
  }
  .mainContent#flow #flowSp article:after {
    content: "";
    font-family: 'FontAwesome';
    position: absolute;
    width: 40px;
    height: 40px;
    top: -20px;
    left: 50%;
    background: #DDD;
    color: #FFF;
    font-size: 200%;
    text-align: center;
    margin: 0 0 0 -20px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
  }
  .mainContent#works {
    padding: 30px 0 60px;
  }
  .mainContent#works ul.thumNailList li {
    margin: 20px auto 0;
  }
  .mainContent#works ul.thumNailList li:first-child {
    margin: 0 auto;
  }
  .mainContent#other {
    padding: 20px 0 60px;
  }
  .mainContent#other .content {
    margin: 40px 0 0;
  }
  .mainContent#other .content:first-of-type {
    margin: 0;
  }
  .mainContent#other .content .contTitleWrap {
    padding: 12px 4% 10px;
    background: #f5f5f1;
  }
  .mainContent#other .content .contTitleWrap h3 {
    font-size: 116%;
    font-weight: bold;
  }
  .mainContent#renovation, .mainContent#sale, .mainContent#furniture {
    padding: 30px 0 60px;
  }
  .mainContent#renovation ul.thumNailList li, .mainContent#sale ul.thumNailList li, .mainContent#furniture ul.thumNailList li {
    margin: 20px auto 0;
    min-height: auto;
  }
  .mainContent#renovation ul.thumNailList li:first-child, .mainContent#sale ul.thumNailList li:first-child, .mainContent#furniture ul.thumNailList li:first-child {
    margin: 0 auto;
  }
  .mainContent#contact {
    padding: 20px 0 60px;
  }
  .mainContent#contact article {
    width: 100%;
    margin: 20px auto 0;
  }
  .mainContent#contact article:first-of-type {
    margin: 0;
    width: 100%;
  }
  .mainContent#contact article p.introTxt {
    padding: 10px 4% 0;
    font-size: 108%;
    text-align: left;
  }
  .mainContent#contact article p.introTxt:first-of-type {
    padding: 0 4%;
  }
  .mainContent#contact article h3 {
    padding: 12px 4%;
    font-size: 124%;
    margin: 0;
  }
  .mainContent#contact article table {
    width: 100%;
    margin: 0 0 10px;
  }
  .mainContent#contact article table tr th, .mainContent#contact article table tr td {
    padding: 12px 4%;
    display: block;
  }
  .mainContent#contact article table tr th {
    padding: 12px 4% 3px;
    width: 100%;
    font-size: 108%;
  }
  .mainContent#contact article table tr td {
    padding: 3px 4% 12px;
    width: 100%;
  }
  .mainContent#contact article table tr td input[type="text"],
  .mainContent#contact article table tr td input[type="tel"],
  .mainContent#contact article table tr td input[type="email"] {
    padding: 8px;
    font-size: 124%;
  }
  .mainContent#contact article table tr td input.sizeXs {
    width: 100%;
  }
  .mainContent#contact article table tr td input.sizeS {
    width: 100%;
  }
  .mainContent#contact article table tr td input.sizeM {
    width: 100%;
  }
  .mainContent#contact article table tr td input.sizeL {
    width: 100%;
  }
  .mainContent#contact article table tr td input.sizeXl {
    width: 100%;
  }
  .mainContent#contact article table tr td textarea {
    height: 150px;
  }
  .mainContent#contact article table tr td label {
    font-size: 108%;
    display: block;
    margin: 0 0 2px;
  }
  .mainContent#contact article table tr td p.area {
    margin: 0 0 5px;
    color: #999;
  }
  .mainContent#contact article table tr td p.area:first-of-type {
    margin: 0 0 5px;
  }
  .mainContent#contact article table tr td span.error {
    display: block;
    margin: 3px 0;
  }
  .mainContent#contact article .inputBtnArea {
    padding: 0 4%;
  }
  .mainContent#contact article .inputBtnArea input[type="submit"] {
    width: 100%;
  }
  .mainContent#contactConf {
    padding: 20px 0 60px;
  }
  .mainContent#contactConf .inner article {
    width: 100%;
    margin: 20px auto 0;
  }
  .mainContent#contactConf .inner article:first-of-type {
    margin: 0 auto;
    width: 100%;
  }
  .mainContent#contactConf .inner article p.errorTitle {
    font-size: 139%;
    text-align: left;
    padding: 0 4%;
  }
  .mainContent#contactConf .inner article p.errorTxt {
    margin: 0 0 10px 0;
    text-align: left;
    padding: 0 4%;
  }
  .mainContent#contactConf .inner article p.error_messe {
    padding: 3px 4%;
    text-align: left;
  }
  .mainContent#contactConf .inner article h3 {
    text-align: left;
    padding: 0 4%;
    font-size: 116%;
    margin: 0 0 15px;
  }
  .mainContent#contactConf .inner article table {
    width: 100%;
    margin: 0 auto 10px;
  }
  .mainContent#contactConf .inner article table tr th, .mainContent#contactConf .inner article table tr td {
    display: block;
    padding: 0 4%;
    font-size: 108%;
  }
  .mainContent#contactConf .inner article table tr th {
    padding: 12px 4% 2px;
    text-align: left;
    width: 100%;
  }
  .mainContent#contactConf .inner article table tr td {
    padding: 2px 4% 12px;
    width: 100%;
  }
  .mainContent#contactConf .inner article .formBtnCont {
    text-align: center;
    margin: 20px 0 0;
    padding: 0 4%;
  }
  .mainContent#contactConf .inner article .formBtnCont input[type="button"],
  .mainContent#contactConf .inner article .formBtnCont input[type="submit"] {
    width: 100%;
  }
  .mainContent#contactConf .inner article .formBtnCont input[type="button"] {
    margin: 0 0 10px;
  }
  .mainContent#contactConf .inner article .formBtnCont input[type="submit"] {
    margin: 0;
  }
  .mainContent#contactThanks {
    padding: 30px 0 60px;
  }
  .mainContent#contactThanks .inner p {
    padding: 0 4%;
    text-align: left;
  }
  .mainContent#contactThanks .inner p#thanksTitle {
    font-size: 139%;
    margin: 0 0 20px;
    text-align: center;
  }
  .mainContent#contactThanks .inner p.thanksTxt {
    font-size: 108%;
    text-align: justify;
  }
  .mainContent#contactThanks .inner p.thanksTxt br {
    display: none;
  }
  .mainContent#contactThanks .inner p.thanksTxt2 {
    margin: 20px 0 0;
  }
  .mainContent#contactThanks .inner p.thanksTxt2 br {
    display: none;
  }
  .mainContent#contactThanks .inner p.homeBtn {
    width: 100%;
    margin: 30px auto 0;
  }
}
/*
Font-size list (base: 13px)
62% =  8px
70% =  9px
77% = 10px
85% = 11px  162% = 21px  239% = 31px
93% = 12px  170% = 22px  247% = 32px
100% = 13px  177% = 23px  254% = 33px
108% = 14px  185% = 24px  262% = 34px
116% = 15px  193% = 25px  270% = 35px
124% = 16px  200% = 26px  277% = 36px
131% = 17px  208% = 27px  285% = 37px
139% = 18px  216% = 28px  293% = 38px
147% = 19px  224% = 29px  300% = 39px
154% = 20px  231% = 30px  308% = 40px
*/