/* セミナーサイト共通スタイル */
body { font-family: 'Noto Sans JP', sans-serif; }

/* ナビ */
.navbar { background-color: #ffffff !important; }
.navbar-brand img { height: 40px; margin-right: 8px; width: auto; }

/* トップページのヒーロー検索 */
.hero-search { background: #f9f9f9; padding: 60px 0; }
.search-box { max-width: 600px; margin: auto; }

/* 共通カード（リンク画像） */
.card-link-img {
  width: 100%;
  height: 260px;
  object-fit: contain;
  object-position: center;
  border-radius: 8px;
  transition: transform .3s;
}
.card-link-img:hover { transform: scale(1.05); }

/* Facebook グループ */
.facebook-grid img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 6px;
  transition: transform .3s;
}
.facebook-grid img:hover { transform: scale(1.05); }

/* セクションタイトル */
.section-title { font-size: 1.5rem; font-weight: 700; margin-top: 60px; margin-bottom: 20px; }

/* セクション一覧（科目カード） */
.card-img-wrapper { position: relative; overflow: hidden; }
.card-img-wrapper img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
  transition: transform .3s ease;
}
.card-img-wrapper:hover img { transform: scale(1.04); }

/* バナー */
.banner-wrapper { position: relative; }
.hero-img { height: 300px; object-fit: cover; object-position: center; }
.banner-wrapper.dim .hero-img { filter: brightness(60%); }
.banner-title {
  position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%);
  color: #fff; font-size: 4.5rem; font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, .7);
  margin: 0;
}
@media (max-width: 576px) {
  .banner-title { font-size: 2.5rem; }
}

/* テキスト 横断バナー（kentoukai 系） */
.text-banner {
  padding: 5rem 0; color: #fff; text-align: center;
  background-color: #555;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.text-banner::before { content: ''; }
.text-banner h1 { font-size: 3.5rem; font-weight: 700; }
@media (max-width: 576px) {
  .text-banner h1 { font-size: 2rem; }
}

/* 動画ブロックのテキスト */
.video-notes {
  white-space: pre-wrap;
  font-size: .9rem;
}

/* フッタ */
.site-footer { background: #f8f8f8; padding: 40px 0; margin-top: 60px; }