/*
  説明用の画像は要点が先に見えるようにトリミング表示する。
  元画像は変更せず、キャプションのリンクから全体を確認できる。
*/
.image-window {
  height: 360px;
  overflow: hidden;
  background: #edf0ec;
}

.image-window img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  transition: transform .25s ease;
}

.image-window:hover img {
  transform: scale(1.015);
}

/* トップページ構成図だけは全体を縦に確認できる。 */
.page-map .image-window {
  height: auto;
  max-height: 660px;
  overflow: auto;
  overscroll-behavior: contain;
}

.page-map .image-window img {
  height: auto;
  object-fit: initial;
}

@media (max-width: 760px) {
  .image-window { height: 320px; }
  .page-map .image-window { height: auto; max-height: 420px; }
}

@media print {
  .image-window { height: 270px; overflow: hidden; }
}