@charset "UTF-8";
.pre-inc.layer .main_wrap .main_img::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 51, 102, 0.6);
}
.pre-inc {
  /*section figure img {width: 100%;}*/
}
.pre-inc section {
  animation-name: contents_anime;
}
.pre-inc .eqwarp p, .pre-inc .eqwarp li {
  font-size: 15px;
}
.pre-inc .eq_linkArea {
  background: #F6F2E8;
  padding: 50px 0;
}
.pre-inc .eq_link {
  max-width: 500px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  animation-name: fadeInUp;
}
.pre-inc .eq_link a {
  width: 48%;
  height: 60px;
  background: #BBBBBB;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  transition: 0.5s;
}
.pre-inc .eq_link a.on, .pre-inc .eq_link a:hover {
  background: #A48046;
}
.pre-inc .eq_link a span {
  border: 1px solid #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 10px);
  height: 100%;
  margin: 5px;
}
.pre-inc .eqwarp {
  background: #E6E6E7;
  padding: 80px 0 30px;
}
.pre-inc .page_pagehead {
  margin-bottom: 50px;
}
.pre-inc .eqwarp .page_pagehead p {
  font-size: 28px;
}
.pre-inc .page_pagelabel {
  font-family: YakuHanMP, "Noto Serif JP", serif;
  font-size: 28px;
  text-align: center;
  letter-spacing: 0.15em;
}
.pre-inc .page_conteiner .c_ttl {
  background: #A48046;
  color: #FFF;
  font-family: YakuHanMP, "Noto Serif JP", serif;
  font-size: 24px;
  margin-bottom: 30px;
  padding: 5px 10px;
  letter-spacing: 0.1em;
}
.pre-inc .page_conteiner .c_ttl_serif {
  background: #A48046;
  color: #FFF;
  font-family: YakuHanMP, "Noto Serif JP", serif;
  font-size: 20px;
  margin-bottom: 30px;
  padding: 5px 10px;
}
.pre-inc .page_conteiner {
  color: #211713;
  padding-bottom: 50px;
}
.pre-inc .page_conteiner .fimg {
  margin-bottom: 4px;
}
.pre-inc .page_conteiner .centerimg {
  text-align: center;
}
.pre-inc .page_conteiner .centerimg figure {
  display: inline-block;
}
.pre-inc .page_conteiner .centerimg figure img {
  width: auto !important;
}
.pre-inc .page_conteiner h4 {
  color: #9E720C;
  font-size: 18px;
  margin-bottom: 4px;
}
.pre-inc .page_conteiner p {
  font-size: 15px;
  margin-bottom: 4px;
}
.pre-inc .page_conteiner p.note {
  font-size: 13px;
}
.pre-inc .page_conteiner .inbox {
  margin-bottom: 10px;
}
.pre-inc .caption_s {
  font-size: 12px;
  text-align: right;
  margin-top: 5px;
}
.pre-inc .caption_center_s {
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
}
.pre-inc .txr {
  text-align: right !important;
}
.pre-inc {
  /* bathroom */
}
.pre-inc .oiltitle {
  background: url("../img/equipment/oil_tit_img.png") no-repeat right top #FFF;
  height: 150px;
  padding: 30px;
  position: relative;
  margin-bottom: 30px;
}
.pre-inc .oiltitle h4, .pre-inc .oiltitle p {
  color: #F0872B;
  font-size: 18px;
}
.pre-inc .oiltitle .oillabel {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.1em;
  padding: 8px 15px;
  background: linear-gradient(to right, #89251c, #ad2b1f, #89251c);
  display: inline-block;
}
.pre-inc .oiltitle .oilcaption {
  color: #fff;
  font-size: 12px;
  text-shadow: 0px 0px 0.15em rgba(0, 0, 0, 0.7), 0px 0px 0.15em rgba(0, 0, 0, 0.7), 0px 0px 0.15em rgba(0, 0, 0, 0.7), 0px 0px 0.15em rgba(0, 0, 0, 0.7), 0px 0px 0.15em rgba(0, 0, 0, 0.7), 0px 0px 0.15em rgba(0, 0, 0, 0.7), 0px 0px 0.15em rgba(0, 0, 0, 0.7);
  text-align: right;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.pre-inc {
  /*flex*/
}
.pre-inc .flexwarp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pre-inc .fw01 {
  margin-bottom: 30px;
}
.pre-inc .fw01 > .fleft {
  width: 65.625%;
  align-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
.pre-inc .fw01 > .fright {
  width: 31.25%;
}
.pre-inc .fw02 {
  display: flex;
  justify-content: space-between;
}
.pre-inc .fw02 > .fleft, .pre-inc .fw02 > .fright {
  width: 47.619047619%;
}
.pre-inc .fw03 > .flexcontents {
  width: 31.25%;
  margin-bottom: 30px;
}
.pre-inc .fw03::after {
  content: "";
  display: block;
  width: 31.25%;
  margin-bottom: 30px;
}
.pre-inc {
  /* bathroom */
}
.pre-inc #bathroom .fright .flexcontents {
  margin-bottom: 30px;
}
.pre-inc #bathroom .fw01 {
  margin-bottom: 0px;
}
.pre-inc .bath_cbw {
  border: 1px solid #A48046;
  padding: 20px;
}
.pre-inc .bath_cbbw {
  border: 1px solid #7A6A56;
}
.pre-inc .bath_cbw h4 {
  color: #9E720C !important;
  letter-spacing: 0.1em;
}
.pre-inc .yokusoulabel {
  background: #A48045;
  color: #FFF;
  font-size: 18px;
  padding: 5px 10px;
  text-align: center;
  margin-top: 10px;
}
.pre-inc .fw08 {
  margin-top: 20px;
}
.pre-inc .fw08 .fleft {
  flex: 1;
  margin-right: 20px;
  align-content: flex-end;
}
.pre-inc .fw08 .fright {
  width: 40%;
}
.pre-inc .fw04 .bath_cbbw h4 {
  background: #7A6A56;
  color: #FFF;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
}
.pre-inc .bath_cbbw .flexcontents {
  margin: 0 20px 20px;
}
.pre-inc .bath_cbbw h5 {
  color: #9E720C;
  font-size: 18px;
}
.pre-inc .bordertop_dot {
  border-top: 1px dotted #000;
  padding-top: 30px;
}
.pre-inc .mistkawakku_function h5 {
  margin-bottom: 5px;
}
.pre-inc .mkflex {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.pre-inc .mkflex .mkfuncleft {
  border: 1px solid #A48046;
  padding: 20px 20px 10px;
  width: calc(42.5% - 20px);
}
.pre-inc .mkflex .mkplus {
  position: absolute;
  left: calc(42.5% - 25px);
  width: 50px;
  height: 50px;
  top: calc(50% - 25px);
}
.pre-inc .mkflex .mkfuncright {
  border: 1px solid #A48046;
  padding: 20px 20px 10px;
  width: calc(57.5% - 20px);
}
.pre-inc .mkcontents {
  margin-bottom: 10px;
}
.pre-inc .mkcontents h6 {
  color: #9E720C;
  margin-bottom: 5px;
}
.pre-inc .mkcontents p {
  font-size: 14px;
}
.pre-inc .kawakku_functions {
  width: 100%;
  max-width: 660px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px auto;
}
.pre-inc .kawakku_functions .function_title {
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.pre-inc .kawakku_functions .function_labels {
  flex: 1;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
.pre-inc .kawakku_functions .function_labels li {
  background: #B8A17D;
  color: #FFF;
  padding: 10px;
  text-align: center;
  width: 32%;
  margin: 5px 0;
  line-height: 100%;
}
.pre-inc .kawakku_functions .function_labels .labelnote {
  position: absolute;
  bottom: -20px;
  text-align: center;
  width: 100%;
  font-size: 13px;
}
.pre-inc .kireist {
  border: 1px solid #88ABDA;
  background: #F3FAFE;
  padding: 20px;
}
.pre-inc .kireistflex {
  display: flex;
  justify-content: space-between;
}
.pre-inc .kireistflex:nth-child(1) {
  margin-bottom: 30px;
}
.pre-inc .kireistflex .fleft {
  width: 58.5365%;
}
.pre-inc .kireistflex .fright {
  width: 38.6178%;
}
.pre-inc .tcb {
  color: #026DB8;
}
.pre-inc .kireistflex h4 {
  font-family: YakuHanMP, "Noto Serif JP", serif;
  color: #026DB8;
  font-size: 60px;
  letter-spacing: 0.1em;
  line-height: 100%;
  margin-top: 20px;
}
.pre-inc .kireistflex h4 span {
  font-family: YakuHanMP, "Noto Serif JP", serif;
  font-size: 14px;
  display: block;
  letter-spacing: -1px;
  line-height: 0;
  margin-bottom: 5px;
}
.pre-inc .kireistflex h4 strong {
  font-size: 80px;
  letter-spacing: 0;
}
.pre-inc .kireistflex h4 sub {
  font-size: 12px;
}
.pre-inc .kireistflex .readtext {
  font-size: 18px;
  margin-bottom: 10px;
}
.pre-inc .kireistflex .kimg {
  margin-bottom: 10px;
}
.pre-inc .patent {
  margin: 30px 0 20px;
  display: flex;
  align-items: center;
  line-height: 120%;
}
.pre-inc .patent p {
  font-size: 13px;
}
.pre-inc .patentlabel {
  border: 1px solid #016CB8;
  border-radius: 30px;
  color: #016CB8;
  padding: 7px 12px;
  font-size: 18px;
  margin-right: 15px;
}
.pre-inc .kireistlogo {
  margin-bottom: 15px;
}
.pre-inc .captionflex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.pre-inc .captionflex p {
  width: 48%;
}
.pre-inc #balcony .page_conteiner {
  padding-bottom: 0;
}
.pre-inc {
  /* eco */
  /* gas */
}
.pre-inc .gasttl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pre-inc .gasttl h3 {
  flex: 1;
}
.pre-inc .gaslogo {
  width: 200px;
  margin-left: 20px;
  margin-bottom: 30px;
}
.pre-inc .fw11 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 100%;
  max-width: 840px;
  margin: 20px auto 30px;
}
.pre-inc .fw11 figure:nth-child(1) {
  width: 71.5%;
}
.pre-inc .gastokulogo {
  width: 23.81%;
}
.pre-inc .yukadan {
  justify-content: flex-start;
  margin: 10px 0;
}
.pre-inc .yukadan .fleft, .pre-inc .yukadan .fright {
  background: #D6D7D7;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.pre-inc .yukadan .fleft div, .pre-inc .yukadan .fright div {
  text-align: center;
  font-size: 18px;
}
.pre-inc .yukadan .fleft {
  width: 34%;
  max-width: 240px;
  margin-right: 1%;
}
.pre-inc .yukadan .fright {
  width: 65%;
  max-width: 460px;
}
.pre-inc .yukadan .fright span {
  display: block;
  font-size: 14px;
}
.pre-inc .enelook {
  background: #D2D2D3;
  display: flex;
}
.pre-inc .enelook .enelabel {
  background: #6F6F6F;
  color: #FFF;
  padding: 15px;
  width: 24%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.pre-inc .enelook .enetext {
  font-size: 14px;
  padding: 10px;
  display: flex;
  align-items: center;
}
.pre-inc .net {
  margin-top: 30px;
  background: #FFF;
  border: 1px solid #5A5858;
}
.pre-inc .page_conteiner h4.nettitle {
  font-family: YakuHanMP, "Noto Serif JP", serif;
  color: #FFF;
  padding: 15px 10px;
  background: #6E1419;
}
.pre-inc .page_conteiner h4.nettitle span {
  font-size: 14px;
}
.pre-inc .netcontainer {
  padding: 20px;
}
.pre-inc .netflex h5 {
  color: #0C3387;
  font-family: YakuHanMP, "Noto Serif JP", serif;
  font-size: 18px;
  margin-bottom: 5px;
}
.pre-inc .netflex {
  display: flex;
  justify-content: space-between;
}
.pre-inc .netcontents {
  margin-bottom: 20px;
}
.pre-inc .netcontents:nth-child(3) {
  margin-bottom: 0;
}
.pre-inc .netcontents .nleft {
  flex: 1;
}
.pre-inc .netcontents:nth-child(1) .nright {
  width: 51%;
  max-width: 500px;
  margin-left: 3%;
}
.pre-inc .netcontents:nth-child(2) .nright {
  width: 30.5%;
  max-width: 300px;
  margin-left: 3%;
}
.pre-inc .netcontents:nth-child(3) .nright {
  width: 25.5%;
  max-width: 250px;
  margin-left: 3%;
}
.pre-inc .netcontents:nth-child(2) .nright, .pre-inc .netcontents:nth-child(3) .nright {
  margin-top: 30px;
}
.pre-inc .skperflex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}
.pre-inc .skperflex .fleft, .pre-inc .skperflex .fright {
  width: 48.828125%;
}
.pre-inc .skperflex .fright {
  background: #FFF;
  padding: 20px;
}
.pre-inc .skperflex .fright h4 {
  color: #0C1B59;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.pre-inc {
  /*||||||||| 快適エコ |||||||||*/
  /*||| マルチメディア |||*/
}
.pre-inc #multi_media {
  padding-bottom: 0;
}
.pre-inc .zenko {
  background: #FFF;
  padding: 60px 20px 20px;
  margin-top: 25px;
}
.pre-inc .zenko h5 {
  background: #A48045;
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px;
  text-align: center;
  width: 180px;
  color: #fff;
  font-size: 18px;
}
.pre-inc .zenko > dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pre-inc .zenko > dl > dt {
  width: 57.317%;
}
.pre-inc .zenko > dl > dt:nth-child(2) {
  width: 40.65%;
}
.pre-inc .zenko .ukom_tit {
  color: #816e20;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
}
.pre-inc .zenko .ukom_tit div:nth-child(1) {
  flex: 1;
}
.pre-inc .zenko .ukom_tit div:nth-child(2) {
  width: 200px;
}
.pre-inc .zenko .ukom_tit img {
  margin-top: 0px;
}
.pre-inc .zenko .ukom_tit + p {
  margin-top: 7px;
}
.pre-inc .zenko .ukom_item {
  display: flex;
  justify-content: space-between;
  width: 96%;
}
.pre-inc .zenko .ukom_item li {
  background: #A48045;
  width: 49%;
  color: #fff;
  font-size: 18px;
  padding: 10px;
  text-align: center;
  margin: 10px 0;
}
.pre-inc .zenko .multi_media_item01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.pre-inc .zenko .multi_media_item01 > dt {
  width: 78px;
}
.pre-inc .zenko .multi_media_item01 > dd {
  width: calc(100% - 98px);
}
.pre-inc .zenko .multi_media_item01 > dd h6 {
  color: #000;
}
.pre-inc .zenko .multi_media_item01 > dd h6 + p {
  font-size: 14px;
  margin-top: 2px;
}
.pre-inc .zenko .multi_media_item01 > *:nth-of-type(n+2) {
  margin-top: 17px;
}
.pre-inc .zenko > dl > dd {
  margin-top: 25px;
  width: 100%;
}
.pre-inc .zenko > dl > dd h6 {
  text-align: center;
  padding: 20px 10px 10px;
  color: #A47F45;
  font-size: 20px;
  border-top: 1px solid #A47F45;
}
.pre-inc .zenko > dl > dd h6 + p {
  text-align: center;
  margin-top: 7px;
}
.pre-inc .zenko > dl > dd .cluboff_item {
  display: flex;
  justify-content: space-between;
  margin: 30px 0 20px;
}
.pre-inc .zenko > dl > dd .cluboff_item > li {
  width: 18.535%;
}
.pre-inc .zenko > dl > dd .cluboff_item > li figure {
  border: 1px solid #A48045;
}
.pre-inc .zenko > dl > dd .cluboff_item > li figure figcaption {
  position: relative;
  background: #A48045;
  padding: 3px;
  text-align: center;
  width: 100%;
  color: #fff;
}
.pre-inc .zenko > dl > dd .cluboff_item > li figure + p {
  text-align: center;
  margin-top: 7px;
  font-size: 13px;
}
.pre-inc .zenko > dl > dd .cluboff_item > li figure + p strong {
  color: #7D0000;
  font-size: 1.85em;
  line-height: 1.2;
}
.pre-inc .zenko > dl > dd .cluboff_item + .note {
  margin-top: 15px;
}
.pre-inc .multi_media_item02 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 25px;
}
.pre-inc .multi_media_item02 > * {
  width: 48.83%;
}
.pre-inc .multi_media_item02 > dt {
  border: 1px solid #258dc5;
  background: #ebf6f5;
  padding: 20px;
}
.pre-inc .multi_media_item02 > dt h5 {
  font-size: 18px;
  color: #248dc5;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.pre-inc .multi_media_item02 > dt h5 figure {
  padding-bottom: 7px;
}
.pre-inc .multi_media_item02 > dt h5 + p {
  margin-top: 5px;
}
.pre-inc .multi_media_item02 > dt .note {
  margin-top: 5px;
}
.pre-inc .multi_media_item02 > dd {
  background: #fcfbf7;
  border: 1px solid #183258;
}
.pre-inc .multi_media_item02 > dd > div {
  padding: 60px 10px 20px 20px;
}
.pre-inc .multi_media_item02 > dd h5 {
  background: #183258;
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px;
  text-align: center;
  width: 180px;
  color: #fff;
}
.pre-inc .multi_media_item02 > dd h6 {
  font-size: 18px;
  color: #816e20;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.pre-inc .multi_media_item02 > dd h6 figure {
  width: 44%;
  padding-bottom: 7px;
}
.pre-inc .multi_media_item02 > dd h6 + p {
  margin-top: 5px;
}
.pre-inc .multi_media_item02 > dd h6 ~ p {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 14px;
}
.pre-inc .multi_media_item02 > dd .note {
  margin-top: 5px;
}
.pre-inc .multi_media_item02 > dd > div:nth-of-type(2) {
  padding: 20px;
  border-top: 1px solid #183258;
}
.pre-inc .eletomo {
  background: #FFF;
  border: 1px solid #7A6A56;
  margin-top: 30px;
}
.pre-inc .eletomo h5 {
  background: #7A6A56;
  padding: 8px 10px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.pre-inc .eletomo dl {
  padding: 20px;
  display: flex;
  justify-content: space-between;
}
.pre-inc .eletomo dl > dt {
  width: 46%;
}
.pre-inc .eletomo dl > dt h6 {
  font-size: 18px;
}
.pre-inc .eletomo dl > dt h6 + p {
  margin-top: 5px;
}
.pre-inc .eletomo dl > dt .note {
  margin-top: 5px;
}
.pre-inc .eletomo dl > dd:nth-of-type(1) {
  width: 25%;
}
.pre-inc .eletomo dl > dd:nth-of-type(2) {
  width: 24.8%;
}
.pre-inc .eletomo dl > dd:nth-of-type(2) .cap_o {
  margin-top: -7px;
}
@media screen and (max-width: 768px) {
  .pre-inc .zenko {
    padding: 50px 10px 10px;
    margin-top: 25px;
  }
  .pre-inc .zenko h5 {
    padding: 7px;
    width: 150px;
    font-size: 16px;
  }
  .pre-inc .zenko > dl > dt {
    width: 100%;
  }
  .pre-inc .zenko .ukom_tit {
    font-size: 16px;
  }
  .pre-inc .zenko .ukom_tit img {
    margin-top: 5px;
    width: 120px;
  }
  .pre-inc .zenko .ukom_tit + p {
    margin-top: 5px;
  }
  .pre-inc .zenko .ukom_item li {
    width: 49%;
    font-size: 15px;
    padding: 7px 0;
    text-align: center;
    margin: 10px 0 7px;
  }
  .pre-inc .zenko .ukom_tit div:nth-child(1) {
    flex: 1;
  }
  .pre-inc .zenko .ukom_tit div:nth-child(2) {
    width: 100px;
  }
  .pre-inc .zenko .multi_media_item01 {
    margin-top: 15px;
  }
  .pre-inc .zenko .multi_media_item01 > dt {
    width: 50px;
  }
  .pre-inc .zenko .multi_media_item01 > dd {
    width: calc(100% - 60px);
  }
  .pre-inc .zenko .multi_media_item01 > dd h6 {
    color: #a9976d;
  }
  .pre-inc .zenko .multi_media_item01 > dd h6 + p {
    font-size: 12px;
    margin-top: 0;
  }
  .pre-inc .zenko .multi_media_item01 > *:nth-of-type(n+2) {
    margin-top: 12px;
  }
  .pre-inc .zenko > dl > dd h6 {
    padding: 5px;
    font-size: 16px;
  }
  .pre-inc .zenko > dl > dd h6 + p {
    text-align: left;
    margin-top: 7px;
  }
  .pre-inc .zenko > dl > dd .cluboff_item {
    flex-wrap: wrap;
    margin-top: 0;
  }
  .pre-inc .zenko > dl > dd .cluboff_item > li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .pre-inc .zenko > dl > dd .cluboff_item > li figure {
    width: 47%;
    margin-top: 5px;
  }
  .pre-inc .zenko > dl > dd .cluboff_item > li figure + p {
    text-align: left;
    margin-top: 0;
    font-size: 12px;
    width: 50%;
  }
  .pre-inc .zenko > dl > dd .cluboff_item > li figure + p strong {
    font-size: 1.7em;
  }
  .pre-inc .zenko > dl > dd .cluboff_item + .note {
    margin-top: 12px;
  }
  .pre-inc .multi_media_item02 {
    flex-wrap: wrap;
  }
  .pre-inc .multi_media_item02 > * {
    width: 100%;
  }
  .pre-inc .multi_media_item02 > dt {
    padding: 10px;
  }
  .pre-inc .multi_media_item02 > dt h5 {
    font-size: 16px;
  }
  .pre-inc .multi_media_item02 > dt h5 figure {
    padding-bottom: 7px;
    width: 40%;
  }
  .pre-inc .multi_media_item02 > dd {
    margin-top: 25px;
  }
  .pre-inc .multi_media_item02 > dd > div {
    padding: 50px 10px 10px 10px;
  }
  .pre-inc .multi_media_item02 > dd h5 {
    padding: 7px;
    width: 150px;
  }
  .pre-inc .multi_media_item02 > dd h6 {
    font-size: 16px;
  }
  .pre-inc .multi_media_item02 > dd h6 figure {
    width: 35%;
    padding-bottom: 7px;
  }
  .pre-inc .multi_media_item02 > dd h6 ~ p {
    font-size: 13px;
  }
  .pre-inc .multi_media_item02 > dd .note {
    margin-top: 5px;
  }
  .pre-inc .multi_media_item02 > dd > div:nth-of-type(2) {
    padding: 10px;
  }
  .pre-inc .eletomo h5 {
    padding: 7px;
    font-size: 16px;
    line-height: 1.2;
  }
  .pre-inc .eletomo dl {
    padding: 10px;
    flex-wrap: wrap;
  }
  .pre-inc .eletomo dl > dt {
    width: 100%;
  }
  .pre-inc .eletomo dl > dt h6 {
    font-size: 16px;
  }
  .pre-inc .eletomo dl > dd:nth-of-type(1) {
    width: 45%;
    margin-top: 15px;
  }
  .pre-inc .eletomo dl > dd:nth-of-type(2) {
    width: 49%;
    margin-top: 15px;
  }
  .pre-inc .eletomo dl > dd:nth-of-type(2) .cap_o {
    margin-top: 2px;
  }
}
.pre-inc {
  /* layout */
}
.pre-inc .fw04, .pre-inc .fw12 {
  justify-content: space-between;
}
.pre-inc .fw04 > .flexcontents {
  width: 48.828125%;
  margin-bottom: 30px;
}
.pre-inc .fw04 li {
  list-style: none;
}
.pre-inc .fw05, .pre-inc .fw06, .pre-inc .fw07 {
  display: flex;
  justify-content: space-between;
}
.pre-inc .fw04 h4, .pre-inc .fw05 h4 {
  color: #F0872B;
}
.pre-inc .fw05 dl, .pre-inc .fw06 dl, .pre-inc .fw07 dl {
  display: flex;
}
.pre-inc .fw05 dl dt, .pre-inc .fw06 dl dt, .pre-inc .fw07 dl dt {
  color: #F0872B;
  font-size: 32px;
  line-height: 1;
  margin-right: 10px;
}
.pre-inc .fw07 dl dd {
  margin-left: calc(2em + 10px);
}
.pre-inc .fw05 .fleft {
  width: 52%;
}
.pre-inc .fw05 .fright {
  width: 48%;
}
.pre-inc .fw06 .fleft {
  width: 40%;
}
.pre-inc .fw06 .fright {
  width: 56%;
}
.pre-inc .fw07 .fleft {
  width: 52%;
}
.pre-inc .fw07 .fright {
  width: 44%;
}
.pre-inc .fw09 .fleft {
  width: 69.6%;
  margin-right: 20px;
}
.pre-inc .fw09 .fright {
  flex: 1;
  align-content: flex-end;
}
.pre-inc .fw12 .fleft {
  width: 48.828125%;
}
.pre-inc .fw12 .fright {
  width: 48.828125%;
}
.pre-inc .tar {
  text-align: right !important;
}
.pre-inc .tal {
  text-align: left !important;
}
.pre-inc .mgimg img {
  margin: 10px 0;
}
.pre-inc section .center {
  text-align: center;
}
.pre-inc section .mt10 {
  margin-top: 10px !important;
}
.pre-inc section .mt20 {
  margin-top: 20px !important;
}
.pre-inc section .mt30 {
  margin-top: 30px !important;
}
.pre-inc section .mb10 {
  margin-bottom: 10px !important;
}
.pre-inc section .mb30 {
  margin-bottom: 30px !important;
}
.pre-inc section .mr30 {
  margin-right: 30px !important;
}
.pre-inc section .ml10 {
  margin-left: 10px !important;
}
.pre-inc section .fc16 {
  font-size: 16px !important;
}
.pre-inc {
  /* 固定＋可変 */
}
.pre-inc .fwf {
  flex-wrap: wrap;
}
.pre-inc .fwf .flex {
  flex: 1;
}
.pre-inc .fwf .flexfix01 {
  width: 20.325203252%;
}
.pre-inc .fwf .flexfix02 {
  width: 40%;
  margin-left: 20px;
}
.pre-inc .fwf .flexfix03 {
  width: 19.53125%;
  margin-left: 40px;
}
.pre-inc .fwf .flexfix04 {
  width: 30%;
  margin-left: 20px;
}
.pre-inc .fwf .flexfix05 {
  width: 24%;
  margin-right: 20px;
}
.pre-inc .fwf .flexfix06 {
  width: 36%;
  margin-left: 20px;
}
.pre-inc .fwf .flexfix07 {
  width: 58.59375%;
  margin-left: 20px;
}
.pre-inc .fwf .fwfwide {
  width: 100%;
}
.pre-inc .alitem-end {
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .pre-inc .sp_mt30 {
    margin-top: 30px !important;
  }
  .pre-inc .eq_linkArea {
    padding: 30px 0;
  }
  .pre-inc .eq_link {
    margin: 0 auto;
    padding: 0 10px;
  }
  .pre-inc .eq_link a {
    width: 32%;
    height: 50px;
    letter-spacing: 0;
  }
  .pre-inc .eq_link a::before {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
  }
  .pre-inc .eqwarp {
    padding: 40px 0 20px;
  }
  .pre-inc .page_conteiner {
    padding-bottom: 30px;
  }
  .pre-inc .eqwarp .page_pagehead p {
    font-size: 20px;
  }
  .pre-inc .fw01 > .fleft {
    width: 100%;
  }
  .pre-inc .fw01 > .fright {
    width: 100%;
  }
  .pre-inc #kitchen .fw01 .fleft {
    margin-bottom: 20px;
  }
  .pre-inc #kitchen .fw02 {
    margin-top: 20px;
  }
  .pre-inc .fw02 > .fleft, .pre-inc .fw02 > .fright {
    width: 48%;
  }
  .pre-inc .fw03 > .flexcontents {
    width: 48%;
    margin-bottom: 20px;
  }
  .pre-inc .fw04 > .flexcontents {
    width: 100%;
    margin-bottom: 20px;
  }
  .pre-inc .fw05 .fleft {
    width: 48%;
  }
  .pre-inc .fw03::after {
    display: none;
  }
  .pre-inc .mkflex {
    flex-wrap: wrap;
  }
  .pre-inc .mkflex .mkfuncleft, .pre-inc .mkflex .mkfuncright {
    width: 100%;
  }
  .pre-inc .mkflex .mkplus {
    position: relative;
    left: auto;
    top: auto;
    width: 50px;
    height: 50px;
    margin: -5px auto;
  }
  .pre-inc .kawakku_functions .function_title {
    width: 100%;
  }
  .pre-inc .kawakku_functions .function_labels li {
    width: 48%;
  }
  .pre-inc .kawakku_functions {
    margin-bottom: 35px;
  }
  .pre-inc .kireistflex {
    flex-wrap: wrap;
  }
  .pre-inc .kireistflex h4 {
    font-size: 32px;
  }
  .pre-inc .kireistflex h4 span {
    line-height: 120%;
    padding-bottom: 5px;
  }
  .pre-inc .kireistflex h4 strong {
    font-size: 46px;
    letter-spacing: 0;
  }
  .pre-inc .kireistflex .fleft {
    width: 100%;
    margin-bottom: 20px;
  }
  .pre-inc .kireistflex .fright {
    width: 100%;
  }
  .pre-inc .kireistflex .readtext {
    font-size: 16px;
  }
  .pre-inc {
    /* eco */
  }
  .pre-inc .gasttl {
    display: block;
  }
  .pre-inc .gaslogo {
    width: 100%;
    margin: 10px 0;
    text-align: center;
  }
  .pre-inc .fw11 {
    display: block;
  }
  .pre-inc .fw11 figure:nth-child(1) {
    width: 100%;
  }
  .pre-inc .fw11 figure:nth-child(2) {
    width: 60%;
    margin: 10px auto;
  }
  .pre-inc .fw12 .fleft, .pre-inc .fw12 .fright {
    width: 100%;
    margin-top: 10px;
  }
  .pre-inc .fwf .flexfix03 {
    width: 25%;
    margin-left: 20px;
  }
  .pre-inc .fwf .flexfix07 {
    width: 100%;
    margin-left: 0px;
    margin-top: 20px;
  }
  .pre-inc .spsimg {
    width: 60%;
    margin: 10px auto;
  }
  .pre-inc .enelook .enelabel {
    padding: 10px;
    width: 30%;
    font-size: 14px;
  }
  .pre-inc .enelook .enetext {
    width: 66%;
  }
  .pre-inc .netflex {
    display: block;
  }
  .pre-inc .netcontents:nth-child(1) .nright, .pre-inc .netcontents:nth-child(2) .nright, .pre-inc .netcontents:nth-child(3) .nright {
    width: 90%;
    max-width: 100%;
    margin: 10px;
    text-align: center;
  }
  .pre-inc .page_conteiner h4.nettitle span {
    font-size: 14px;
    display: block;
  }
  .pre-inc .zenko > dl > dt:nth-child(2) {
    width: 100%;
  }
  .pre-inc .skperflex {
    display: block;
  }
  .pre-inc .skperflex .fleft, .pre-inc .skperflex .fright {
    width: 100%;
  }
  .pre-inc .skperflex .fright figure {
    width: 30%;
  }
}

/*# sourceMappingURL=equipment.css.map */