@charset "utf-8";
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.bg-lightgreen {
  background-color: #e6ede9;
}

.heading {
  border-left: 6px solid #aaa;
  padding: 0 0 0 10px;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: '>';
}
.footer-copyright {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #f5f5f5;
}
.map iframe {
  width: 100%;
  height: 450px;
}

/* 大デバイス（デスクトップ, 992px 未満）
============================================== */
@media screen and (max-width: 991.98px) {
  .footer-logo {
    width: 100%;
  }
} /* END */

/* 中デバイス（タブレット, 768px 未満）
============================================== */
@media screen and (max-width: 767.98px) {
  .gnav-item {
    display: block;
    width: 100%;
    border: none;
  }
  .gnav-item + .gnav-item {
    border: none;
  }
  table th,
  table td {
    padding: 0.25rem !important;
  }
  table th:first-child {
    width: 25%;
  }
  /* スマホ表示で #sec2 の上下パディングを調整 */
  #sec2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  /* スマホ表示で .container.py-5 の上下パディングを調整（Bootstrap の .py-5 を上書き） */
  .container.py-5 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  /* スマホ表示で #sec3 と .bg-light.py-5 の上下パディングを調整 */
  #sec3,
  .bg-light.py-5 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  /* スマホ表示で #sec6 と .row.py-5 の上下パディングを調整 */
  #sec6,
  .row.py-5 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  /* スマホ表示で .py-5.bg-lightgreen の上下パディングを調整 */
  .py-5.bg-lightgreen {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  /* スマホ表示で .bg-white.p-5 の上下パディングを調整（クラス順を問わない） */
  .bg-white.p-5,
  .p-5.bg-white {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  /* スマホ表示で h3 の一部（.text-secondary.font-weight-bold.my-4）を少し小さくする */
  h3.text-secondary.font-weight-bold.my-4 {
    font-size: 1.2rem !important; /* 調整: 指定されたサイズ */
    line-height: 1.3;
  }
} /* END */

/* 小デバイス（縦向きモバイル, 576px 以上 デスクトップ, 992px 未満）
============================================== */
@media screen and (min-width: 576px) and (max-width: 991.98px) {
  #sec7 {
    height: 500px;
  }
} /* END */

/* 小デバイス（縦向きモバイル, 576px 以上）
============================================== */
@media screen and (min-width: 576px) {
  #sec7 .message {
    position: absolute;
    left: 0;
  }
} /* END */