.visual-wrapper {
  position: relative;
  width: 100%;
}

.bg-img {
  width: 100%;
  height: auto;
  display: block;
}

.overlay-container {
  display: flex;
  justify-content: center;      /* バナーは中央寄せ */
  gap: 30px;                    /* バナー間の距離だけを制御 */
  flex-wrap: wrap;
  align-items: flex-end;
  position: absolute;
  bottom: 9%;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 0 5%;
  box-sizing: border-box;
}
.overlay-container2 {
  display: flex;
  justify-content: center;      /* バナーは中央寄せ */
  gap: 30px;                    /* バナー間の距離だけを制御 */
  flex-wrap: wrap;
  align-items: flex-end;
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 0 5%;
  box-sizing: border-box;
}

.banner img {
  width: 100%;
  max-width: 300px;
  height: auto;
  display: block;
}

.banner2 img {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
}

.oc2 {
  display: flex;
  justify-content: center;      /* バナーは中央寄せ */
  gap: 30px;                    /* バナー間の距離だけを制御 */
  flex-wrap: wrap;
  align-items: flex-end;
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 0 5%;
  box-sizing: border-box;
}

.scout img {
  width: 100%;
  max-width: 560px;
  height: auto;
  display: block;
}