/* css/custom.css */

@media (min-width: 1200px) {
  .container {
    max-width: 1200px !important;
  }
}

:root {
  --bs-primary: #1b365d !important;
  --bs-primary-rgb: 27, 54, 93 !important;
  --bs-secondary: #596269 !important;
  --bs-secondary-rgb: 89, 98, 105 !important;
}
.text-primary {
  color: #1b365d !important;
}
.bg-primary {
  background-color: #1b365d !important;
}
.btn-primary {
  background-color: #1b365d !important;
  border-color: #1b365d !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #132744 !important;
  border-color: #132744 !important;
}
.list-group-item.active {
  background-color: #1b365d !important;
  border-color: #1b365d !important;
  color: #ffffff !important;
}
.nav-active {
  background-color: #1b365d !important;
  color: #ffffff !important;
}
.text-secondary {
  color: #434d53 !important;
}
.bg-secondary {
  background-color: #434d53 !important;
}
.btn-secondary {
  background-color: #434d53 !important;
  border-color: #434d53 !important;
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #3a4349 !important;
  border-color: #3a4349 !important;
}

html {
  scroll-behavior: smooth;
}

/* 固定ヘッダー（sticky-top）とスクロール位置の被り防止オフセット */
.content-section {
  scroll-margin-top: 90px;
}
.sticky-top-sidebar {
  top: 140px !important;
}
/* ヘッダーエリアとその中のナビゲーションを最前面に固定 */
#header-area,
#header-area .sticky-top,
#header-area nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 1090 !important; 
}
.list-group,
.sidebar,
aside {
  z-index: 1 !important;
}

header{
  background:#000620;
}
#head-title {
  background: url(../image/top_img2.png);
}
#head-title span {
  color:#fff;
}

/* 研修会バナー */
.seminar-banner {
  text-align: center;
  box-shadow:2px 2px 2px #ddd;
  border-radius:5px;
  text-decoration:none;
}
.seminar-banner-blue {
  background-color: #cad4e7;
  color:#356199;
}
.seminar-banner-green {
  background-color: #d1e6e1;
  color:#1d745a;
}
.seminar-banner-info {
  padding:15px;
}
.seminar-banner-btn {
  background-color: #666;
  color: #fff;
  border-radius: 0 0 5px 5px;
  padding:5px;
}