@charset "UTF-8";

.hero {
    background: url('assets/img/hero-bg.jpg') bottom center / cover no-repeat;
    color: white;
    padding: 60px 0;
    min-height: 450px;
    text-align: center;
  }

#features img.feature-items{
  width: 150px;
}

/* スマホ（〜576px）だけ img-fluid を適用 */
@media (max-width: 767px) {
  .img-fluid-sm {
    max-width: 100%;
    height: auto;
  }
}

/* それ以上のサイズではデフォルトサイズに戻す */
@media (min-width: 768px) {
  .img-fluid-sm {
    max-width: none;
    width: auto;
    height: 250px;
  }
}