.m_banner {
  margin-top: 20px; 
  display: flex;
  flex-wrap: wrap;   /* 複数行に折り返し */
  gap: 10px;         /* 画像同士の隙間を10pxに設定 */
 justify-content: flex-start; /* 左詰め */
}


.m_banner img {
  max-width: 100%;   /* 画像がはみ出さないように */
 height: auto;
  display: block;
}


.m_banner::after {
    content: "";
    display: block;
    clear: both;
}

.topic-banner-area {
    display: flex;       /* 横並びにする */
    flex-wrap: wrap;     /* 画面幅に応じて折り返す */
    gap: 10px;           /* バナー間の隙間 */
    justify-content: flex-start; /* 左寄せ、中央寄せにしたい場合は center */
}

.topic-banner-area a img {
    display: block;      /* 余白調整のためにブロック化 */
    max-width: 200px;    /* バナーサイズ調整、必要に応じて */
    height: auto;
}