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

.slider {
  margin-top: 0;
}

.bx-wrapper {
  margin-bottom: 0;
  box-shadow: none;
  border: none;
  background: transparent;
}

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

/* ★ここから下で画像が削れるのを防いでいます★ */
.bx-viewport {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0 !important;
  padding-top: 50% !important; /* ←画像の下が余る/切れる場合はこのパーセント数字を調整します */
}

.bx-viewport #slider,
.bx-viewport #slider > li {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.bx-viewport img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain; /* 画像全体の比率を崩さず枠内に納めます */
  display: block;
}
/* ▲▲ ここまで ▲▲ */

.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 {
  margin-top: 2px;
}

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

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

.news__date {
  margin-right: 1em;
}