.case1case2-image-map-container {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 1270px;
}

/*
#case1case2-responsive-image {
  width: 100%;
  height: auto;
  display: block;
}
*/

/* ロールオーバー時に表示する画像のスタイル */
.case1case2-rollover-image {
  position: absolute;
  /* 枠線などが必要な場合はここで指定 */
  /* border: 2px solid red; */
  box-sizing: border-box;

  /* マウスイベントを邪魔しないようにする */
  pointer-events: none;

  /* 表示・非表示を滑らかにするアニメーション */
  transition: opacity 0.2s ease-in-out;
  /* 初期状態では非表示 */
  opacity: 0;
}