@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 pc style
==================================================================================*/
article.contents .sections:not(:last-of-type) {
  padding-bottom: clamp(50px, 6.94444vw, 100px);
}
article.contents section.kitchen .items li:nth-child(11) .images figure:last-child {
  padding-top: 1%;
}
@media (min-width: 768px) {
  article.contents section.sanitary .items01 li:nth-child(5) {
    margin-top: max(-140px, -11.66666vw);
  }
}
@media (min-width: 768px) {
  article.contents section.sanitary .items02 li:nth-child(4) .image {
    flex: 0 0 60%;
  }
}
@media (min-width: 768px) {
  article.contents section.sanitary .items02 li:nth-child(5) {
    margin-top: max(-90px, -7.5vw);
  }
}
@media (min-width: 768px) {
  article.contents section.sanitary .items02 li:nth-child(9) {
    position: absolute;
    right: 0;
    top: 86%;
    width: 47%;
  }
}
@media (min-width: 768px) {
  article.contents section.health .items01 li:nth-child(1) .image {
    flex: 0 0 86%;
  }
}
@media (min-width: 768px) {
  article.contents section.health .items01 li:nth-child(2) .image {
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) {
  article.contents section.health .items01 li:nth-child(3) .image {
    flex: 0 0 80%;
  }
}
@media (min-width: 768px) {
  article.contents section.health .items01 li:nth-child(4) {
    margin-top: max(-360px, -30vw);
  }
}
@media (min-width: 768px) {
  article.contents section.health .items02 {
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  article.contents section.health .items02 li:nth-child(1) .image {
    flex: 0 0 38%;
  }
}
@media (min-width: 768px) {
  article.contents section.health .items02 li:nth-child(3) .image {
    flex: 0 0 34%;
  }
}
@media (min-width: 768px) {
  article.contents section.health .items02 li:nth-child(4) .image {
    flex: 0 0 40%;
  }
}
@media (min-width: 768px) {
  article.contents section.health .items03 {
    margin-top: max(-160px, -13vw);
    padding-top: 0;
  }
}
article.contents section.health .items03 li:nth-child(1) {
  margin-right: 50%;
}
article.contents section.comfort .items .conditions {
  margin-top: clamp(10px, 1.38888vw, 20px);
  padding: clamp(8px, 1.11111vw, 16px) clamp(10px, 1.38888vw, 20px);
  width: 100%;
  border: 1px solid #000;
}
article.contents section.comfort .items .conditions dt {
  padding-bottom: .3em;
  line-height: 1;
  font-size: clamp(8px, 1.11111vw, 14px);
}
article.contents section.comfort .items .conditions dd {
  line-height: 1.5;
  font-size: clamp(7px, .97222vw, 12px);
}
@media (min-width: 768px) {
  article.contents section.comfort .flexItems03 .items {
    gap: clamp(30px, 2.08333vw, 30px) 0;
  }
}
@media (min-width: 768px) {
  article.contents section.multimedia .items li:nth-child(1) .image {
    flex: 0 0 52%;
  }
}

/*==================================================================================
 tablet style
==================================================================================*/
/*==================================================================================
 sp style
==================================================================================*/
@media (max-width: 767px) {
  article.contents .sections:not(:last-of-type) {
    padding-bottom: 8vw;
  }
  article.contents section.health .items01 li:nth-child(1) .image {
    width: 100%;
  }
  article.contents section.comfort .items .conditions {
    margin-top: 2vw;
    padding: 2vw 2.5vw;
  }
  article.contents section.comfort .items .conditions dt {
    font-size: 3vw;
  }
  article.contents section.comfort .items .conditions dd {
    font-size: 2.4vw;
  }
}

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