@charset "UTF-8";
/* 共通 */
.pre-inc .content{font-size: 20px;color: #333;}
.pre-inc .content .wow{animation-name: fadeInUp;}
.pre-inc .content section{padding-top: 3.5em;}
.pre-inc .content section:last-of-type{padding-bottom: 3.5em;}
.pre-inc .content .wrap1024{max-width: none;width: 51.2em;}
.pre-inc .content .e_tit{font-size: 1.2em;text-align: center;letter-spacing: 0.1em;margin-bottom: 1.8em;}
.pre-inc .content .e_tit span{font-size: 1.17em;text-align: center;letter-spacing: 0.1em;color: #bb8a12;display: block;}
.pre-inc .content .note{font-size: 0.6em;line-height: 1.15;}
.pre-inc .content * + .note{margin-top: 0.5em;}
.pre-inc .content .lead{font-size: 0.7em;line-height: 1.25;}
.pre-inc .content .goth{font-family: YakuHanJP, "Public Sans", "Noto Sans JP", sans-serif;}
.pre-inc .tabs .tab.building01{pointer-events: none;}

@media screen and (min-width: 769px) and (max-width: 1100px) {
.pre-inc .content{font-size: 1.8vw;}
.pre-inc .content .wrap1024{padding: 0;}
}

@media screen and (max-width: 768px) {
.pre-inc .content{font-size: 4vw;}
.pre-inc .content section{padding-top: 2.5em;}
.pre-inc .content section:last-of-type{padding-bottom: 2.5em;}
.pre-inc .content .wrap1024{width: 100%;}
.pre-inc .content .e_tit{font-size: 1.2em;margin-bottom: 1.1em;}
.pre-inc .content .lead{font-size: 0.8em;line-height: 1.4;}
.pre-inc .content .note{font-size: 0.68em;line-height: 1.2;}
}

/* メイン */
.pre-inc main.pagehead{background: url("../img/equipment/main_image.webp") no-repeat;background-size: cover;height: 600px;width: 100%;}

/* 相互リンク */
.pre-inc .mutual_link{background: #224142;padding: 2.5em 0;display: flex;justify-content: center;gap: 0 1.5em;}
.pre-inc .mutual_link a{font-size: 0.9em;padding: 0.7em;color: #224142;background: #fff;width: 13.3em;text-align: center;letter-spacing: 0.05em;transition: 0.3s all;border: 1px solid #fff;}
.pre-inc#equipment .mutual_link a[href="/pl-kgy684/equipment"],
.pre-inc#eco .mutual_link a[href="/pl-kgy684/eco"]{color: #fff;background: #2e7f0a;pointer-events: none;border-color: #2e7f0a;}

@media screen and (min-width: 769px){
.pre-inc .mutual_link a:hover{color: #fff;background: #224142;}
}

@media screen and (max-width: 768px) {
.pre-inc .mutual_link{padding: 2.5em 0;gap: 0 1em;}
.pre-inc .mutual_link a{width: 12em;}
}


/* 設備・仕様 */
.pre-inc .eq_tit{font-size: 0.9em;color: #004e8b;}
.pre-inc figure + .eq_tit{margin-top: 0.3em;}
.pre-inc .eq_tit + .lead{margin-top: 0.4em;}

/* Kitchen */
@media screen and (min-width: 769px){
.pre-inc .kitchen_list{display: flex;flex-wrap: wrap;gap: 1.5em 1.6em;}
.pre-inc .kitchen_list > dt{width: 33.6em;}
.pre-inc .kitchen_list > dd{width: 16em;}
.pre-inc .kitchen_list > dd:nth-of-type(1){animation-delay: 0.2s;}
.pre-inc .kitchen_list > dd:nth-of-type(3n){animation-delay: 0.2s;}
.pre-inc .kitchen_list > dd:nth-of-type(3n+1){animation-delay: 0.4s;}
.pre-inc .kitchen_list > dd:nth-of-type(n+2) figure{text-align: center;}
.pre-inc .kitchen_list > dd:nth-of-type(n+2) figure img{height: 11.7em;}
}

@media screen and (max-width: 768px) {
.pre-inc .kitchen_list{display: grid;gap: 1em 2%;grid-template-columns: 49% 49%;}
.pre-inc .kitchen_list > dt{grid-column: 1/3;}
.pre-inc .kitchen_list > dd:nth-of-type(odd){animation-delay: 0.2s;}
.pre-inc .kitchen_list > dd:nth-of-type(2){animation-delay: 0.2s;}
.pre-inc .kitchen_list > dd:nth-of-type(1){grid-row: 2/4;animation-delay: 0s;}
}

/* Entrance */
.pre-inc .entrance_list > dd figure{text-align: center;}

@media screen and (min-width: 769px){
.pre-inc .entrance_list{display: grid;gap: 1em 1.6em;grid-template-columns: 16em 16em 16em;}
.pre-inc .entrance_list > dt{grid-column: 1/3;grid-row: 1/3;}
.pre-inc .entrance_list > dd:nth-of-type(1){animation-delay: 0.2s;}
.pre-inc .entrance_list > dd:nth-of-type(1) figure img{height: 17em;}
.pre-inc .entrance_list > dd:nth-of-type(2) figure img{height: 17em;}
.pre-inc .entrance_list > dd:nth-of-type(4){animation-delay: 0.2s;}
}

@media screen and (max-width: 768px) {
.pre-inc .entrance_list{display: flex;flex-wrap: wrap;gap: 1em 2%;}
.pre-inc .entrance_list > dt{width: 100%;}
.pre-inc .entrance_list > dd{width: 49%;}
.pre-inc .entrance_list > dd:nth-of-type(2) figure img{height: 19.2em;}
.pre-inc .entrance_list > dd:nth-of-type(even){animation-delay: 0.2s;}
}


/* Balcony */
.pre-inc .balcony_list{display: flex;flex-wrap: wrap;gap: 1.5em 1.6em;}
.pre-inc .balcony_list > dt{width: 100%;}

@media screen and (min-width: 769px){
.pre-inc .balcony_list > dd{width: 16em;}
.pre-inc .balcony_list > dd:nth-of-type(2){animation-delay: 0.2s;}
.pre-inc .balcony_list > dd:nth-of-type(3){animation-delay: 0.4s;}
}

@media screen and (max-width: 768px) {
.pre-inc .balcony_list{gap: 1em 2%;}
.pre-inc .balcony_list > dd{width: 49%;}
.pre-inc .balcony_list > dd:nth-of-type(even){animation-delay: 0.2s;}
}

/* Bathroom */
.pre-inc .bathroom_list > dd figure{text-align: center;}
.pre-inc .ultra {margin:2em auto;}
.pre-inc .ultra h4{color:#004e8b;}
.pre-inc .ultra01{margin:1em auto;border:1px solid #004e8b;background:#fef7fa;padding:1em;position: relative;}
.pre-inc .ultra01 i{position: absolute;top:-1em;right:1em;text-align: center;background:#b95061;color:#fff;border-radius: 50%;width:90px;height:90px;}
.pre-inc .ultra01 i span{font-size:0.8em;display: inline-block;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width :80px;text-align:center;}
.pre-inc .ultra01 .tit{font-size:1em;color:#004e8b;}
.pre-inc .ultra01 figure img{width:70%;}
.pre-inc .ultra01 ul{display:flex;justify-content: space-between;}
.pre-inc .ultra01 li:nth-child(1){width:38%;}
.pre-inc .ultra01 li:nth-child(2){width:58%;}
.pre-inc .ultra01 .subtit{font-size:0.8em;color:#004e8b;}
.pre-inc .ultra01 .read{font-size:0.7em;}
.pre-inc .ultra01 li figure{margin:1em;}
.pre-inc .ultra02{margin:1em auto;border:1px solid #004e8b;background:#f5fbfe;padding:1em;position: relative;}
.pre-inc .ultra02 i{position: absolute;top:-1em;right:1em;text-align: center;background:#3271ae;color:#fff;border-radius: 50%;width:90px;height:90px;}
.pre-inc .ultra02 i span{font-size:0.8em;display: inline-block;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width :80px;text-align:center;}
.pre-inc .ultra02 .tit{font-size:0.8em;color:#004e8b;}
.pre-inc .ultra02 figure img{width:90%;}
.pre-inc .ultra02 ul{display:flex;justify-content: space-between;}
.pre-inc .ultra02 li:nth-child(1){width:38%;}
.pre-inc .ultra02 li:nth-child(2){width:58%;}
.pre-inc .ultra02 .subtit{font-size:0.8em;color:#004e8b;}
.pre-inc .ultra02 .read{font-size:0.7em;}
.pre-inc .ultra02 li figure{margin:1em;}
.pre-inc .mistkawakku{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 0.25em 0;width: 100%;}
.pre-inc .mistkawakku > *:nth-of-type(1){width: 23.25em;}
.pre-inc .mistkawakku > *:nth-of-type(2){width: 23.5em;}
.pre-inc .mistkawakku > * .eq_copy p{font-size: 0.7em;line-height: 1.3;letter-spacing: 0;}
.pre-inc .six_point_tit{display: flex;align-items: center;}
.pre-inc .six_point_tit{font-size: 0.8em;line-height: 1;}
.pre-inc .six_point_tit::after{content: "";width: 100%;height: 1px;display: block;flex: 1;margin-left: 1em;background: #000;}
.pre-inc .six_point{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 0.5em 0;margin-top: 0.8em;}
.pre-inc .six_point > *{width: 7.25em;}
.pre-inc .six_point > * div{padding: 0.3em;text-align: center;background: #004e8b;font-size: 0.8em;color: #fff;}
.pre-inc .six_point > * .note{font-size: 0.55em!important;white-space: nowrap;}
.pre-inc .mistkawakku > *:nth-of-type(3){width: 27.7em;display: flex;justify-content: space-between;align-items: flex-end;}
.pre-inc .mistkawakku > *:nth-of-type(3)::after{content: "＋";font-size: 1.2em;font-weight: 700;font-family: 'Noto Sans JP', sans-serif;color: #004e8b;position: absolute;right: -1.32em;bottom: 2.5em;line-height: 1;}
.pre-inc .mistkawakku > *:nth-of-type(3) > figure{width: 10em;}
.pre-inc .mistkawakku > *:nth-of-type(3) > div{width: 14em;}
.pre-inc .mistkawakku > *:nth-of-type(3) > div *{letter-spacing: 0;}
.pre-inc .spec_tit{font-size: 0.8em;color: #004e8b;}
.pre-inc .spec_item{border: 1px solid #004e8b;background: #fff;padding: 0.3em 0.4em 0.4em;margin-top: 0.2em;}
.pre-inc .spec_tit_s{font-size: 0.7em;color: #004e8b;}
.pre-inc .spec_tit_s:nth-of-type(n+2){margin-top: 0.5em;}
.pre-inc .spec_tit_s + p{font-size: 0.6em;margin-top: 0.1em;line-height: 1.3;}
.pre-inc .spec_tit_s + p + .note{font-size: 0.55em!important;margin-top: 0.2em;line-height: 1.3;}
.pre-inc .mistkawakku > *:nth-of-type(4){width: 21.5em;align-self: flex-end;border: 1px solid #004e8b;background: #fff;padding: 0.3em 0.4em 0.4em;display: flex;justify-content: space-between;flex-wrap: wrap;gap: 0.3em 0;}
.pre-inc .mistkawakku > *:nth-of-type(4) > div{width: 49%;}
.pre-inc .mistkawakku > *:nth-of-type(4) > div:last-of-type{width: 100%;}
.pre-inc .mistkawakku > *:nth-of-type(4) > div *{letter-spacing: 0;}
.pre-inc dl.hoonyokuso{display:flex;justify-content: space-between;}
.pre-inc dl.hoonyokuso dt ul li {text-align: center;padding: 0.2em;margin-top: 0.5em;font-size: 0.8em;background: #dfe9ef;color: #004e8b;}
.pre-inc dl.hoonyokuso dt{width:68%;}
.pre-inc dl.hoonyokuso dd{width:28%;}

@media screen and (min-width: 769px){
.pre-inc .bathroom_list{display: grid;gap: 1em 1.6em;grid-template-columns: 31.25% 31.25% 31.25%;}
.pre-inc .bathroom_list > dt{grid-column: 1/3;grid-row: 1/3;}
.pre-inc .bathroom_list > dd:nth-of-type(1) figure img{height: 17em;}
.pre-inc .bathroom_list > dd:nth-of-type(4){animation-delay: 0.2s;}
.pre-inc .batutub {grid-column: 2/1;grid-row: 3/3;padding: 0 0.5em 0.5em;}
.pre-inc .batutub {color: #004e8b;text-align: center;padding: 0.5em 0;background: #dfe9ef;font-size: 0.9em;width: calc(100% + 1em);margin-left: -0.5em;height: fit-content;}
.pre-inc .batutub .note {color: #000;}
.pre-inc .batutub .eq_tit {text-align: center;}
.pre-inc .batutub figure {width: 15em;margin: 0.8em auto 0;}
}

@media screen and (max-width: 768px) {
.pre-inc .bathroom_list{display: flex;flex-wrap: wrap;gap: 1em 2%;}
.pre-inc .bathroom_list > dt{width: 100%;}
.pre-inc .bathroom_list > dd{width: 49%;}
.pre-inc .bathroom_list > dd:nth-of-type(even){animation-delay: 0.2s;}
.pre-inc dd.batutub{width:100%;}
.pre-inc .batutub {grid-column: 1/3;grid-row: 4/5;padding: 0;display: flex;flex-wrap: wrap;justify-content: space-around;}
.pre-inc .batutub {color: #004e8b;text-align: center;padding: 0.5em 0;background: #dfe9ef;font-size: 0.9em;width: calc(100% + 1em);margin-left: -0.5em;height: fit-content;}
.pre-inc .batutub_tit {width: 100%;margin-left: 0;}
.pre-inc .batutub .note {color: #000;}
.pre-inc .batutub .eq_tit {text-align: center;}
.pre-inc .batutub > div {width: 47%;}
.pre-inc .batutub > div figure {width: 100%;margin: 0.8em auto 0;}
.pre-inc .ultra01 i{right:0.5em;}
.pre-inc .ultra01 i span{font-size:1em;}
.pre-inc .ultra01 figure img{width:100%;}
.pre-inc .ultra01 ul{display:flex;justify-content: space-between;flex-direction: column;}
.pre-inc .ultra01 li figure{margin:1em auto;}
.pre-inc .ultra01 li:nth-child(1){width:100%;}
.pre-inc .ultra01 li:nth-child(2){width:100%;}
.pre-inc .ultra02 i{right:0.5em;}
.pre-inc .ultra02 i span{font-size:1em;}
.pre-inc .ultra02 ul{display:flex;justify-content: space-between;flex-direction: column;}
.pre-inc .ultra02 li figure{margin:1em auto;}
.pre-inc .ultra02 li:nth-child(1){width:100%;}
.pre-inc .ultra02 li:nth-child(2){width:100%;}
.pre-inc .ultra02 figure img{width:100%;}
.pre-inc .mistkawakku{padding: 4vw;margin-top: 5vw;display: flex;justify-content: space-between;flex-wrap: wrap;gap: 3vw 0;width: 100%;}
.pre-inc .mistkawakku::before{width: calc(100% - 3vw);height: calc(100% - 3vw);}
.pre-inc .mistkawakku > *:nth-of-type(1){width: 100%;}
.pre-inc .mistkawakku > *:nth-of-type(2){width: 100%;}
.pre-inc .mistkawakku > * .eq_copy p{font-size: 0.75em;}
.pre-inc .six_point{gap: 1.5vw 0;margin-top: 2vw;}
.pre-inc .six_point > *{width: 32%;}
.pre-inc .six_point > * div{padding: 0.2em;}
.pre-inc .six_point > * .note{font-size: 0.6em!important;}
.pre-inc .mistkawakku > *:nth-of-type(3){width: 100%;flex-wrap: wrap;}
.pre-inc .mistkawakku > *:nth-of-type(3)::after{right: auto;left: 0;bottom: -1.2em;width: 100%;text-align: center;}
.pre-inc .mistkawakku > *:nth-of-type(3) > figure{width: 100%;}
.pre-inc .mistkawakku > *:nth-of-type(3) > div{width: 100%;}
.pre-inc dl.hoonyokuso{flex-direction: column;}
.pre-inc dl.hoonyokuso dt ul li {text-align: center;padding: 0.2em;margin-top: 0.5em;font-size: 0.8em;background: #dfe9ef;color: #004e8b;}
.pre-inc dl.hoonyokuso dt{width:100%;}
.pre-inc dl.hoonyokuso dd{margin:1em auto;width:100%;}
.pre-inc dl.hoonyokuso dd figure{width:60%;margin:0 auto;}

.pre-inc .spec_tit{font-size: 0.9em;color: #004e8b;}
.pre-inc .mistkawakku > *:nth-of-type(4){width: 100%;margin-top: 5vw;}
.pre-inc .mistkawakku > *:nth-of-type(4) > div{width: 100%;}
.pre-inc .mistkawakku > figure{width: 60vw!important;margin-inline: auto;}
.pre-inc .spec_tit_s{font-size: 0.8em;margin-top: 0.1em;line-height: 1.3;}
.pre-inc .spec_tit_s + p{font-size: 0.75em;}
.pre-inc .spec_tit_s + p + .note{font-size: 0.6em!important;}
}

/* Powder Room */
.pre-inc .powderroom_list > dd figure{text-align: center;}

@media screen and (min-width: 769px){
.pre-inc .powderroom_list{display: grid;gap: 1em 1.6em;grid-template-columns: 16em 16em 16em;}
.pre-inc .powderroom_list > dt{grid-column: 1/3;grid-row: 1/3;}
.pre-inc .powderroom_list > dd:nth-of-type(1){animation-delay: 0.2s;}
.pre-inc .powderroom_list > dd:nth-of-type(1) figure img{height: 27em;}
.pre-inc .powderroom_list > dd:nth-of-type(5){animation-delay: 0.2s;}
}

@media screen and (max-width: 768px) {
.pre-inc .powderroom_list{display: flex;flex-wrap: wrap;gap: 1em 2%;}
.pre-inc .powderroom_list > dt{width: 100%;}
.pre-inc .powderroom_list > dd{width: 49%;}
.pre-inc .powderroom_list > dd:nth-of-type(even){animation-delay: 0.2s;}
}

/* キレイスト */

.pre-inc .kireist {
  margin-top: 1.5em;
  padding: 1em;
  background: #e4f4fd;
}
.pre-inc .kireist .note {
  color: #000;
}
.pre-inc .kireist_tit {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  color: #036eb8;
}
.pre-inc .kireist_tit span {
  font-size: 1.2em;
  width: 100%;
  margin-bottom: 0.5em;
}
.pre-inc .kireist_tit small {
  font-size: 0.65em;
  display: block;
}
.pre-inc .kireist_tit big {
  font-size: 2.5em;
  letter-spacing: 0.2em;
  line-height: 1.1;
  font-weight: 300;
}
.pre-inc .kireist_tit strong {
  font-size: 4em;
  line-height: 1;
  font-weight: 400;
  margin-left: 0.1em;
}
.pre-inc .kireist_tit sup {
  vertical-align: 0;
}
.pre-inc .takagi_logo {
  width: 8em;
}
.pre-inc .kireist_tit .kireist_logo {
  width: 9em;
  align-self: center;
  margin-left: 5.5em;
}
.pre-inc .kireist_tit + p {
  font-size: 0.7em;
  margin-top: 0.7em;
}
.pre-inc .kireist_item01 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 1em;
}
.pre-inc .kireist_item01 > dt {
  width: 49%;
  z-index: 1;
}
.pre-inc .kireist_tit01 {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.pre-inc .kireist_tit01 span {
  background: #fff;
  border-radius: 0.5em;
  color: #036eb8;
  font-size: 1em;
  padding: 0.2em 0.5em;
  border: 2px solid #036eb8;
}
.pre-inc .kireist_tit01 small {
  font-size: 0.6em;
  margin-left: 1em;
}
.pre-inc .kireist_tit02 {
  color: #fff;
  text-align: center;
  border-radius: 0.5em;
  font-size: 1em;
  padding: 0.2em 0.5em;
  background: #036eb8;
  margin: 0 1.5em;
}
.pre-inc .kireist_tit02:nth-of-type(2)::after {
  content: "";
  height: 2px;
  width: 13em;
  background: #036eb8;
  display: block;
  position: absolute;
  left: 100%;
  top: 1em;
  transform-origin: left;
  transform: rotate(15deg);
}
.pre-inc .kireist_tit02:nth-of-type(3) {
  margin-top: 1em;
}
.pre-inc .kireist_tit02:nth-of-type(3)::after {
  content: "";
  height: 2px;
  width: 11.3em;
  background: #036eb8;
  display: block;
  position: absolute;
  left: 100%;
  top: 1em;
  transform-origin: left;
  transform: rotate(10deg);
}
.pre-inc .kireist_tit02 + p {
  margin: 0.6em 3em 0;
  font-size: 0.7em;
}
.pre-inc .kireist_tit02 + p + .note {
  margin-left: 3.5em;
  margin-right: 3.5em;
}
.pre-inc .kireist_item01 > dd {
  width: 37%;
}
.pre-inc .kireist_item02 {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5em;
}
.pre-inc .kireist_item02 > dt {
  width: 50%;
}
.pre-inc .kireist_tit03 {
  color: #036eb8;
  font-size: 0.8em;
  line-height: 1.5;
}
.pre-inc .kireist_tit03 + p {
  font-size: 0.7em;
  margin-top: 0.4em;
}
.pre-inc .kireist_item03 {
  display: flex;
  justify-content: space-around;
  margin: 1em auto 0;
}
.pre-inc .kireist_img01 {
  width: 80%;
}
.pre-inc .kireist_img01 figcaption {
  font-size: 0.7em !important;
  text-align: center;
  margin-bottom: 0.5em;
}
.pre-inc .kireist_img02 {
  width: 19.45em;
}
.pre-inc .kireist_img02 figcaption {
  font-size: 0.8em !important;
  text-align: center;
  margin-bottom: 1em;
}
.pre-inc .kireist_note {
  margin-top: 0.5em;
  font-size: 0.6em;
  padding: 0 4em;
  line-height: 1.15;
}
.pre-inc .kireist_item02 > dd {
  width: 50%;
}
.pre-inc .kireist_item02 > dd figure {
  margin-top: 1em;
}
.pre-inc .kireist > .note.tr {
  text-align: right;
}

@media screen and (max-width: 768px) {
  .pre-inc .kireist {
    padding: 1em 0.5em;
  }
  .pre-inc .kireist_tit {
    font-size: 0.75em;
  }
  .pre-inc .kireist_tit span {
    font-size: 1.2em;
  }
  .pre-inc .kireist_tit small {
    font-size: 0.65em;
  }
  .pre-inc .kireist_tit big {
    font-size: 2.5em;
  }
  .pre-inc .kireist_tit strong {
    font-size: 3.5em;
  }
  .pre-inc .takagi_logo {
  }
  .pre-inc .kireist_tit .kireist_logo {
    width: 13em;
    align-self: center;
    margin-left: unset;
    margin:1em auto;
  }
  .pre-inc .kireist_item01 > dt {
    width: 100%;
    z-index: 1;
  }
  .pre-inc .kireist_tit01 {
    display: flex;
    align-items: center;
  }
  .pre-inc .kireist_tit01 span {
    font-size: 0.8em;
    padding: 0.2em 0.3em;
  }
  .pre-inc .kireist_tit01 small {
    font-size: 0.65em;
    margin-left: 0.5em;
  }
  .pre-inc .kireist_tit02 {
    font-size: 0.8em;
    margin: 0 1.5em;
    z-index: 1;
  }
  .pre-inc .kireist_tit02:nth-of-type(2)::after {
    width: 20em;
    left: 0.5em;
    top: 99%;
    transform: rotate(90deg);
  }
  .pre-inc .kireist_tit02:nth-of-type(2)::before {
    content: "";
    height: 2px;
    width: 7.5em;
    background: #036eb8;
    display: block;
    position: absolute;
    left: 0.5em;
    top: calc(99% + 20em);
    transform-origin: left;
  }
  .pre-inc .kireist_tit02:nth-of-type(3)::after {
    width: 2px;
    height: 5em;
    left: 0.5em;
    top: auto;
    bottom: 99%;
    transform: rotate(0);
    transform-origin: center;
  }
  .pre-inc .kireist_tit02:nth-of-type(3)::before {
    content: "";
    height: 2px;
    width: 6em;
    background: #036eb8;
    display: block;
    position: absolute;
    left: 0.5em;
    bottom: calc(99% + 5em);
    transform-origin: left;
  }
  .pre-inc .kireist_main {
    width: 80%;
    margin: 1em auto;
  }
  .pre-inc .kireist_item02 {
    flex-wrap: wrap;
    margin-top: 1.5em;
  }
  .pre-inc .kireist_item02 > dt {
    width: 100%;
  }
  .pre-inc .kireist_item03 {
    flex-wrap: wrap;
    margin-top: 1em;
  }
  .pre-inc .kireist_img01 {
    width: 80%;
    margin: 0 auto;
  }
  .pre-inc .kireist_img02 {
    width: 18em;
    margin: 1em auto 0;
  }
  .pre-inc .kireist_item02 > dd {
    width: 100%;
    margin-top: 1.5em;
  }
}

/* Toilet */
.pre-inc .toilet_list > dd figure{text-align: center;}

@media screen and (min-width: 769px){
.pre-inc .toilet_list{display: grid;gap: 1em 1.6em;grid-template-columns: 31.25% 31.25% 31.25%;}
.pre-inc .toilet_list > dt{grid-column: 1/3;grid-row: 1/4;}
.pre-inc .toilet_list > dd:nth-of-type(4){animation-delay: 0.2s;}
}

@media screen and (max-width: 768px) {
.pre-inc .toilet_list{display: flex;flex-wrap: wrap;gap: 1em 2%;}
.pre-inc .toilet_list > dt{width: 100%;}
.pre-inc .toilet_list > dd{width: 49%;}
.pre-inc .toilet_list > dd:nth-of-type(even){animation-delay: 0.2s;}
}

/* 快適エコ */
.pre-inc .eco_tit{font-size: 0.85em;color: #fff;padding: 0.4em 0;background: #008e8b;text-align: center;width: 100%;}
.pre-inc .eco_tit small{font-size: 0.8em;display: block;}
.pre-inc .eco_tit + .lead{margin-top: 1em;}
.pre-inc sub{font-size: 0.7em;}
.pre-inc#eco .cap_o{font-size: 0.55em;color: #333;}

/* ガスだからこそできる毎月のランニングコストの経済性と快適性。 */
.pre-inc .economical_list{display: grid;grid-template-columns: 11.9em 11.9em 25em;grid-template-rows: max-content max-content max-content 1fr;gap: 1.2em 1.2em;}
.pre-inc .economical_list > #ecojozu_plan{grid-column: 1/3;}
.pre-inc .economical_list > #ecojozu_plan .eco_tit{letter-spacing: -0.05em;}
.pre-inc .economical_list > #ecojozu_plan .gastoku_logo{width: 9.7em;margin: -0.8em 0 0 auto;}
.pre-inc .economical_list > #ecojozu_plan .ecojozu_fig{margin-top: 1em;}
.pre-inc .economical_list > #ecojozu_plan .note{text-align: right;}
.pre-inc .economical_list > #prior_ecojozu{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
.pre-inc .economical_list > #prior_ecojozu .prior_ecojozu_logo{width: 10.2em;margin-top: 0.5em;}
.pre-inc .economical_list > #prior_ecojozu .prior_ecojozu_logo figure{width: 6.9em;}
.pre-inc .economical_list > #prior_ecojozu .prior_ecojozu_logo .lead{margin-top: 0.5em;}
.pre-inc .economical_list > #prior_ecojozu .prior_ecojozu_img01{width: 9em;padding-bottom: 0.5em;}
.pre-inc .economical_list > #prior_ecojozu .prior_ecojozu_img02{width: 5.3em;text-align: right;}
.pre-inc .economical_list > #prior_ecojozu .prior_ecojozu_img02 img{width: 5em;}
.pre-inc .economical_list > #prior_ecojozu .prior_ecojozu_img02 .cap_o{white-space: nowrap;}
.pre-inc .economical_list > #nukku figure{width: 8em;margin: 1em auto 0;}
.pre-inc .economical_list > #gas_consent figure{width: 8em;margin: 1em auto 0;}
.pre-inc .economical_list > #enelook_rimocon{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pre-inc .economical_list > #enelook_rimocon .enelook_rimocon_item{width: 16.5em;margin-top: 0.5em;}
.pre-inc .economical_list > #enelook_rimocon .enelook_rimocon_item dt{background: #82a9c5;color: #fff;text-align: center;padding: 0.4em;font-size: 0.75em;}
.pre-inc .economical_list > #enelook_rimocon .enelook_rimocon_item dd{padding: 0.7em;background: #dfe9ef;font-size: 0.6em;line-height: 1.8;}
.pre-inc .economical_list > #enelook_rimocon .enelook_rimocon_item dd span{display: inline-block;margin-right: 1em;}
.pre-inc .economical_list > #enelook_rimocon figure{text-align: center;width: 7.5em;margin-top: 0.5em;}
.pre-inc .economical_list > #enelook_rimocon figure img{width: 6.6em;}
.pre-inc .economical_list > #enelook_rimocon figure .cap_o{text-align: center;}
.pre-inc .economical_list > #heating_dryer{grid-column: 1/3;}
.pre-inc .economical_list > #heating_dryer figure{margin-top: 0.5em;}
.pre-inc .economical_list > #guarantee{grid-column: 1/3;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pre-inc .economical_list > #guarantee .eco_tit + .lead{width: 21.8em;}
.pre-inc .economical_list > #guarantee .guarantee_logo{width: 9em;margin-top: 0.5em;}
.pre-inc .economical_list > #guarantee .guarantee_fig{width: 100%;margin-top: 0.8em;}
.pre-inc .economical_list > #guarantee h5{font-size: 0.75em;margin-top: 0.2em;font-weight: 500;}
.pre-inc .economical_list > #guarantee h5 + .lead{margin-top: 0.5em;}
.pre-inc .economical_list > #guarantee .guarantee_item{display: flex;gap: 0 0.5em;width: 100%;margin-top: 0.3em;}
.pre-inc .economical_list > #guarantee .guarantee_item > li{background: #dfe9ef;display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;font-size: 0.8em;padding: 0.5em;flex-grow: 2;}
.pre-inc .economical_list > #guarantee .guarantee_item > li small{font-size: 0.75em;}
.pre-inc .economical_list > #sp_service{border: 1px solid #857f68;grid-column: 3/4;grid-row: 3/5;}
.pre-inc .economical_list > #sp_service .eco_tit{background: #857f68;}
.pre-inc .economical_list > #sp_service .sp_service_wrap{padding: 1em;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pre-inc .economical_list > #sp_service h5{color: #857f68;font-size: 0.9em;width: 100%;}
.pre-inc .economical_list > #sp_service .copy{margin-top: 1em;width: 14em;}
.pre-inc .economical_list > #sp_service h5 + .lead{margin-top: 0.2em;}
.pre-inc .economical_list > #sp_service .sp_service_img01{margin-top: 0.5em;}
.pre-inc .economical_list > #sp_service .sp_service_img02{width: 8.65em;align-self: flex-end;}
.pre-inc .economical_list > #sp_service .sp_service_img03{width: 8.65em;align-self: flex-end;}

@media screen and (min-width: 769px){
.pre-inc .economical_list > *:nth-child(2){animation-delay: 0.2s;}
.pre-inc .economical_list > *:nth-child(4){animation-delay: 0.2s;}
.pre-inc .economical_list > *:nth-child(5){animation-delay: 0.4s;}
.pre-inc .economical_list > *:nth-child(7){animation-delay: 0.2s;}
}

@media screen and (max-width: 768px) {
.pre-inc .economical_list{display: flex;flex-wrap: wrap; gap: 1.2em 2%;}
.pre-inc .economical_list > dt{width: 100%;}
.pre-inc .economical_list > dd{width: 49%;}
.pre-inc .economical_list > #ecojozu_plan .eco_tit{letter-spacing: -0.1em;}
.pre-inc .economical_list > #ecojozu_plan .gastoku_logo{margin: -0.5em 0 0 auto;}
.pre-inc .economical_list > #prior_ecojozu{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
.pre-inc .economical_list > #prior_ecojozu .prior_ecojozu_logo{width: 9.8em;}
.pre-inc .economical_list > #prior_ecojozu .prior_ecojozu_img01{width: 8em;}
.pre-inc .economical_list > #prior_ecojozu .prior_ecojozu_img02{width: 4.8em;}
.pre-inc .economical_list > #enelook_rimocon .enelook_rimocon_item{width: 16.5em;margin-top: 0.5em;}
.pre-inc .economical_list > #enelook_rimocon .enelook_rimocon_item dt{font-size: 0.85em;}
.pre-inc .economical_list > #enelook_rimocon .enelook_rimocon_item dd{font-size: 0.65em;line-height: 1.8;padding: 0.5em 0 0.5em 0.5em}
.pre-inc .economical_list > #enelook_rimocon .enelook_rimocon_item dd span{margin-right: 0.5em;}
.pre-inc .economical_list > #enelook_rimocon figure{width: 6em;}
.pre-inc .economical_list > #enelook_rimocon figure img{width: 100%;}
.pre-inc .economical_list > #guarantee{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pre-inc .economical_list > #guarantee .eco_tit + .lead{width: 20em;}
.pre-inc .economical_list > #guarantee .guarantee_logo{width: 7em;}
.pre-inc .economical_list > #guarantee h5{font-size: 0.85em;}
.pre-inc .economical_list > #sp_service .copy{margin-top: 1em;width: 100%;}
.pre-inc .economical_list > #sp_service .sp_service_img02{width: 12em;margin-inline: auto;}
.pre-inc .economical_list > #sp_service .sp_service_img03{width: 12em;margin-inline: auto;}
}

/* 省エネや環境へのやさしさを、さまざまな視点で追求。 */
.pre-inc .kindness_list{display: grid;grid-template-columns: 25em 25em;gap: 1.2em 1.2em;}
.pre-inc .kindness_list > #sick_house{grid-row: 1/3;}
.pre-inc .kindness_list > #sick_house figure{margin-top: 0.5em;}
.pre-inc .kindness_list > #water_saving{display: grid;grid-template-columns: 16.75em 7.7em;justify-content: space-between;}
.pre-inc .kindness_list > #water_saving .eco_tit{grid-column: 1/3;}
.pre-inc .kindness_list > #water_saving figure{grid-column: 2/3;grid-row: 2/4;margin-top: 0.7em;}
.pre-inc .kindness_list > #led{display: grid;grid-template-columns: 16.75em 7.7em;justify-content: space-between;}
.pre-inc .kindness_list > #led .eco_tit{grid-column: 1/3;}
.pre-inc .kindness_list > #led figure{grid-column: 2/3;grid-row: 2/4;margin-top: 0.7em;}
.pre-inc .kindness_list > #sick_house_taisaku{grid-column: 1/3;grid-row: 3/4;background: #dfe9ef;padding: 1em;display: flex;justify-content: space-between;}
.pre-inc .kindness_list > #sick_house_taisaku .copy{width: 34em;}
.pre-inc .kindness_list > #sick_house_taisaku h5{color: #008e8b;font-size: 0.9em;}
.pre-inc .kindness_list > #sick_house_taisaku h5 + .lead{margin-top: 0.5em;}
.pre-inc .kindness_list > #sick_house_taisaku figure{width: 13.75em;}

@media screen and (min-width: 769px){
.pre-inc .kindness_list > *:nth-child(3){animation-delay: 0.2s;}
}

@media screen and (max-width: 768px) {
.pre-inc .kindness_list{display: flex;flex-wrap: wrap;gap: 1.2em 0;}
.pre-inc .kindness_list > dt{width: 100%;}
.pre-inc .kindness_list > #water_saving{grid-template-columns: 14em 7.7em;}
.pre-inc .kindness_list > #led{grid-template-columns: 14em 7.7em;}
.pre-inc .kindness_list > #sick_house_taisaku{flex-wrap: wrap;padding: 0.6em;}
.pre-inc .kindness_list > #sick_house_taisaku .copy{width: 100%;}
.pre-inc .kindness_list > #sick_house_taisaku figure{width: 15em;margin: 0.5em auto 0;}
}