.as-info {
  margin: 20px 0;
}

.asMediaBannerWrap {
  margin: 20px 0;
}

.image-link {
  position: relative;
  display: inline-block;
}

.image-link img {
  display: block;
  transition: opacity 0.3s ease;
}

/* オレンジのオーバーレイ用 */
.image-link::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(230, 137, 28, 0); /* 初期は透明 */
  transition: background-color 0.3s ease;
  pointer-events: none;
}

/* マウスオーバー時 */
.image-link:hover img {
  opacity: .75; /* 透明度を下げる（画像が少し薄くなる） */
}
/* 薄いオレンジを重ねる
.image-link:hover::after {
  background-color: rgba(230, 137, 28, 0.1); 
}
 */

@media screen and (min-width: 768px) {
  .asMediaBannerWrap {
    margin: 40px 0;
  }
}