/* =========================================================
   画像の一部を切り出して表示する共通ボックス（Figma のクロップを再現）
   使い方：<div class="crop 〇〇"><img></div> とし、
   〇〇 側で aspect-ratio と img の width / height / left / top（%）を指定する
   ========================================================= */
.crop { position: relative; overflow: hidden; }
.crop > img {
  position: absolute;
  max-width: none;
  pointer-events: none;
}