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

p.resizeimage img { width: 100%; }


/* 下フレックスボックスの基本設定 */
/* フレックスボックスの基本設定 等間隔（両端揃え）折返しあり */
[class^="flex-col"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* コンテンツ下のマージン */
.flex-child { margin-bottom: 0px; }

/* 各カラム毎のコンテンツと疑似要素の横幅 */
.flex-col1 .flex-child { width: 100%; }
.flex-col2 .flex-child { width: calc( (100% - 0px) / 2 ); }

.flex-col3::after,
.flex-col3 .flex-child { width: calc( (100% - 0px) / 3 ); }

.flex-col4::before,
.flex-col4::after,
.flex-col4 .flex-child { width: calc( (100% - 0px) / 4 ); }
	
/* 最終行は両端揃えにしない */
.flex-col3::after,
.flex-col4::before,
.flex-col4::after { content: ""; }

.flex-col4::before { order: 1; }

/* レスポンシブ対応 */

/* 991px以下で4列 → 3列 */
@media screen and (max-width: 120px) {
	.flex-col4::after,
	.flex-col4 .flex-child { width: calc( (100% - 0px) / 3 ); }
}

/* 767px以下で4列・3列 → 2列 */
@media screen and (max-width: 120px) {
	.flex-col3 .flex-child,	
	.flex-col4 .flex-child { width: calc( (100% - 0px) / 2 ); }
}

/* 575px以下で全て1列 */
@media screen and (max-width: 120px) {
	.flex-col2 .flex-child,
	.flex-col3 .flex-child,
	.flex-col4 .flex-child { width: 100%; }
}

/* 上フレックスボックスの基本設定 */

/*スポットバナー　フィックス設定


/*

.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: 0px;
}

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

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

.news__date {
  margin-right: 1em;
}

.container.banner div {
  margin-top:0%;
  margin-bottom:0%;
  text-align:center;
}
.container.banner div img {
  width:100%;
  height:auto;
}

#box {
  width: 10%;
}
#box img {
  width: 100%;
}