/* banner.css */
.banner {
  display: block;
  width: 300px;
  height: 80px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 8px;
  transition: transform 0.3s, box-shadow 0.3s;
  text-indent: -9999px; 	/* ← 背景画像が確認できるまで一時的に外してもOK */
}

/* ホバー時の装飾 */
.banner:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);}

/* 背景画像のパス（仮に img フォルダにある場合） */
.banner-cs {background-image: url("../img/icons/icon1_png/banner_1Q_01_01.png");}
.banner-fd {background-image: url("../img/icons/icon1_png/banner_1Q_01_02.png");}
.banner-ms {background-image: url("../img/icons/icon1_png/banner_1Q_01_03.png");}


  body { background-color: brawn; }