/* page-hero  ================================= */
.page-hero--sanitary {
  background-image: url(../../../images/company/sanitary/hero_sp.jpg);
  background-position: 0 50%;
}

@media (min-width: 768px) {
  .page-hero--sanitary {
    background-image: url(../../../images/company/sanitary/hero_pc.jpg);
  }
}
.sanitary__intro-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.sanitary__intro-text {
  color: var(--color-e60012);
  font-size: clamp(1.125rem, -1.319rem + 5.09vw, 2.5rem);
  font-weight: 600;
}

.sanitary__workplace-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}

.sanitary__workplace-item--wide {
  grid-column: auto;
}

.sanitary__workplace-content {
  background-color: #f5f4f4;
  border-radius: 10px;
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sanitary__workplace-text {
  font-size: var(--fontsize-14);
  font-weight: 500;
  line-height: 1.7;
  -ms-flex-item-align: center;
      align-self: center;
}

.sanitary__workplace-content--stack {
  grid-template-columns: 1fr;
}

.sanitary__workplace-media {
  text-align: center;
}

.sanitary__workplace-image--tall {
  height: 324px;
  -o-object-fit: cover;
     object-fit: cover;
  text-align: center;
}

@media (min-width: 768px) {
  .sanitary__intro-inner {
    grid-template-columns: 1fr 1fr;
    gap: 50px;
  }
  .sanitary__workplace-list {
    grid-template-columns: 1fr 1fr;
  }
  .sanitary__workplace-item--wide {
    grid-column: 1/3;
  }
  .sanitary__workplace-content {
    grid-template-columns: 1.8fr 1fr;
  }
  .sanitary__workplace-content--stack {
    min-height: 500px;
    grid-template-columns: 1fr;
  }
  .sanitary__workplace-text {
    font-size: var(--fontsize-22);
  }
}/*# sourceMappingURL=sanitary.css.map */