@charset "UTF-8";

/* =====================================================
   事業内容
   ===================================================== */

/* ===== 本文ブロック ===== */
.service-block .page-block__text + .page-block__text {
  margin-top: 1em;
}

/* ===== 対応工事のタグ ===== */
.tags {
  margin-top: 1.5rem;
}

.tags__title {
  color: var(--color-main);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
}

.tags__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.tags__item {
  padding: 0.5rem 1rem;
  border-radius: 100vmax;
  background-color: var(--color-pale);
  font-size: 0.875rem;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .tags__item {
    padding: 0.375rem 0.875rem;
    font-size: 0.8125rem;
  }
}

/* ===== ⑧ 施工へのこだわり（淡い面の全幅帯） ===== */
.approach {
  margin-top: 6.25rem;
  background-color: var(--color-pale);
}

@media screen and (max-width: 767px) {
  .approach {
    margin-top: 2.5rem;
  }
}