.section__block--top-page {
  max-width: 1100px;
}

.slider {
  margin-top: 0;
}
.slider .bx-wrapper {
  margin-bottom: 0;
}
.slider .bx-wrapper .bx-caption {
  text-align: center;
  top: 0;
  bottom: auto;
}

#slider img {
  display: block;
  margin: 0 auto;
}

.banner__section {
  margin-top: 2px;
}

.news__lists {
  list-style-type: none;
  margin: 0 0 2em;
}

.news__list {
  margin-bottom: .5em;
}

.news__date {
  margin-right: 1em;
}

/* ——— ミニスライダー直後の余白をなくす ——— */
.banner__section.carousel-slide {
  margin-bottom: 0;    /* 下余白をゼロに */
  padding-bottom: 0;   /* 念のためパディングもゼロに */
}

/* ——— お知らせセクションの上余白を小さくする ——— */
/* container直下の最初の.section__block--top-pageのみ適用 */
.container > .row.section__block.section__block--top-page {
  margin-top: 0.5rem;  /* お好みでさらに小さく、0や0.25remなどに */
  padding-top: 0;      /* 念のためパディングもチェック */
}

/* もし他にも.section__block--top-pageがあるなら、 
   より強制的に詰めたい場合は!importantを追加 */