/* ============================================ */
/* environment
/* ============================================ */
/* ===== top-area ===== */
#top-area .img::before {
  background-image: url(../img/environment/welfare/top-img.jpg);
}

/* ===== support ===== */
#support .support-box + .support-box {
  margin: 170px 0 0;
}
#support .support-title {
  max-width: 740px;
}
#support .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 45px 0;
}
#support .list::after {
  content: "";
  display: block;
  width: 31%;
}
#support .list .item {
  width: 31%;
  border: solid 1px var(--color-blue);
  padding: 15px 30px 30px;
}
#support .list .item .item-name {
  width: calc(100% + 30px);
  padding-right: 30px;
}
#support .list .item .img {
  display: block;
  width: 100%;
  max-width: 180px;
  margin: 0 auto 20px;
}
#support .list .item .text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
}
#support .list .item .text + .text {
  margin: 1em 0 0;
}
#support .list .item .text-title {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0 0 0.5em;
}
#support .list .item p + .text-title {
  margin: 1em 0 0.5em;
}

@media screen and (max-width: 1400px) {
  #support .list::after {
    content: "";
    display: none;
  }
  #support .list .item {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  #support {
    margin: 80px 0 0;
  }
  #support .support-box + .support-box {
    margin: 80px 0 0;
  }
  #support .list .item .text {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 600px) {
  #support .list {
    flex-direction: column;
    gap: 30px;
  }
  #support .list .item {
    width: 100%;
  }
}

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