body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.jumbotron {
    background-image: url('hero-image.jpg');
    background-size: cover;
    color: rgb(0, 0, 0);
    height: 100vh;
    margin-bottom: 0;
}

.card {
    margin-bottom: 30px;
}
/* 空間を縮めるためのCSS */
p.lead {
    margin-bottom: 0.5em; /* 既存のmarginを縮めます */
  }
  
/* 上記の文と次の説明の間を読みやすいように開ける */
.row.mt-4 {
margin-top: 2em !important; /* margin-topを増やします */
}
/* headerの下の空間を減らす */
.jumbotron-fluid {
    margin-bottom: 0.5em; /* 既存のmarginを縮めます */
  }
/* 既存のスタイルに追加または修正 */
.content-container {
    padding-bottom: 40px;  /* footerとの間隔を開ける */
  }


/* ビジネス風ヘッダー */
.business-header {
  background-color: #333; /* 背景色 */
  color: #fff; /* 文字色 */
  padding: 3rem 0; /* 上下のパディング */
}

.header-title {
  font-size: 2.5rem; /* タイトルのフォントサイズ */
  margin-bottom: 0.5rem; /* タイトル下のマージン */
}

.header-subtitle {
  font-size: 1.2rem; /* サブタイトルのフォントサイズ */
}