.hero-slide {
  background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), center/cover no-repeat;
  color: white;
  padding: 100px 0;
  text-align: center;
  height: 600px;
  background-size: cover;
  background-position: center;
}

.carousel-item {
  height: 100%;
}

.carousel-item .container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.service-card {
  transition: transform 0.3s;
}

.service-card:hover {
  transform: translateY(-10px);
}

.news-card {
  transition: transform 0.3s;
}

.news-card:hover {
  transform: translateY(-10px);
}

footer {
  background-color: #f8f9fa;
  padding: 20px 0;
}
.card-text {
	font-size:12px;
	text-align:left;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .hero-slide {
    height: 400px;
  }
}

/* ===============================
   全ページを news_detail.php トーンに統一
   =============================== */

/* 見出しやカードタイトルをやや軽く */
h1, h2, h3, h4, h5, h6,
.card-title, .lead, .nav-link {
  font-weight: 400 !important; /* Bootstrap標準500〜700→400へ */
}

/* 本文系をdetailの読みやすさに揃える */
body, p, td, th, li {
  font-weight: 400;
  line-height: 1.9;
}

/* ニュース本文など */
.fs-6, .card-text {
  font-weight: 400;
  line-height: 1.9;
}

/* ナビゲーションも軽く */
.navbar-brand, .navbar-nav .nav-link {
  font-weight: 400 !important;
}

/* 特に目立たせたい部分だけ別クラスで再強調可能 */
.fw-strong {
  font-weight: 500 !important;
}

#about .card {
  border-radius: 10px;
  padding: 2rem;
  background-color: #fff;
}

#about h4 {
  border-left: 4px solid #007bff;
  padding-left: 8px;
}

#about table th {
  background: #f8f9fa;
  white-space: nowrap;
}