/* 共通 */
.banner-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: .5%;           /* space-between補助（任意） */
}

.banner {
  flex: 1;           /* 3つを均等幅にする */
}

.banner img {
  width: 100%;       /* 親要素いっぱい */
  height: auto;      /* 高さは比率維持 */
  display: block;
}


/* --------------------
   PC（768px以上）
-------------------- */
@media screen and (min-width: 768px) {
  .banner:nth-child(1) img {
    content: url("../../common/img/btn_A01_pc.png");
  }
  .banner:nth-child(2) img {
    content: url("../../common/img/btn_A02_pc.png");
  }
  .banner:nth-child(3) img {
    content: url("../../common/img/btn_A03_pc.png");
  }
  figcaption {
    padding: 0 30%;
  }
}

/* --------------------
   SP（767px以下）
-------------------- */
@media screen and (max-width: 767px) {
  .banner:nth-child(1) img {
    content: url("../../common/img/btn_A01_sp.png");
  }
  .banner:nth-child(2) img {
    content: url("../../common/img/btn_A02_sp.png");
  }
  .banner:nth-child(3) img {
    content: url("../../common/img/btn_A03_sp.png");
  }
}