/*----------画像３枚並べ-----------*/
@media screen and (min-width:481px){
.narabi3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* スペースを空ける代わりに中央に配置 */
  gap: 5px; /* 画像間に5pxのギャップを追加 */
}
.narabi3>a {
  display: block;
  width: calc(33.33% - 5px); /* 画像間のスペースを考慮して幅を調整 */
  flex-shrink: 0;
}
.narabi3>a>img {
  display: block;
  width: 100%;
  height: auto;
}
}

@media screen and (max-width:480px){
.narabi3 {
  display: block;
  text-align: center; /* コンテナのテキストを中央揃えにすることで、内部要素も中央に */
}
.narabi3>a {
  display: inline-block; /* inline-blockに変更して中央揃えを効かせる */
  max-width: calc(100% - 5px); /* 画像間のスペースを考慮して幅を調整 */
  margin: 2.5px auto; /* 上下に2.5pxのマージンを追加して合計5pxのスペースを確保 */
}
.narabi3>a>img {
  display: block;
  max-width: 100%;
  height: auto;
}
}