@charset "UTF-8";
/*
ヒラギノの代替（基本フォントはこれ）
https://fonts.google.com/noto/specimen/Noto+Sans+JP?subset=japanese&query=noto+sans
Regular 400
Medium 500
Bold 700
 */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;900&family=Noto+Sans+JP:wght@400;500;700&family=Oswald:wght@400;600;700&display=swap");
.ttl_02 span {
  display: inline-block;
  padding-left: 2.5em;
  position: relative;
}
.ttl_02 span:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 42px;
  height: 42px;
}
.ttl_02.high span:before {
  background: url(../../assets/images/icon_high_pressure.png) no-repeat center center;
  background-size: contain;
}
.ttl_02.low span:before {
  background: url(../../assets/images/icon_low_pressure.png) no-repeat center center;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  .ttl_02 {
    font-size: 1.6rem;
  }
  .ttl_02 span:before {
    width: 30px;
    height: 30px;
    top: 5px;
  }
}

.list-link_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list-link_area .area {
  width: 8em;
  margin-bottom: 15px;
}
.list-link_area .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 8em);
}
.list-link_area .details span {
  border-left: solid 1px #3B4043;
  padding: 0 1.3em;
  margin-bottom: 15px;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .list-link_area {
    flex-direction: column;
  }
  .list-link_area .area {
    margin-bottom: 15px;
  }
  .list-link_area .area,
  .list-link_area .details {
    width: 100%;
  }
}