@charset "UTF-8";
/*---------- 画像の比率 ----------*/
.u-aspect img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .u-aspect.--4x3 img {
    aspect-ratio: 4 / 3;
  }
  .u-aspect.--3x2 img {
    aspect-ratio: 3 / 2;
  }
  .u-aspect.--16x9 img {
    aspect-ratio: 16 / 9;
  }
  .u-aspect.--21x9 img {
    aspect-ratio: 21 / 9;
  }
  .u-aspect.--1x1 img {
    aspect-ratio: 1 / 1;
  }
  .u-aspect.--2x1 img {
    aspect-ratio: 2 / 1;
  }
  .u-aspect.--3x1 img {
    aspect-ratio: 3 / 1;
  }
  .u-aspect.--4x1 img {
    aspect-ratio: 4 / 1;
  }
  .u-aspect.--7x8 img {
    aspect-ratio: 7 / 8;
  }
  .u-aspect.--9x16 img {
    aspect-ratio: 9 / 16;
  }
  .u-aspect.--2x3 img {
    aspect-ratio: 2 / 3;
  }
  .u-aspect.--3x4 img {
    aspect-ratio: 3 / 4;
  }
  
  /* 画像全体を枠内に入れたいとき */
  .u-aspect.--contain img {
    object-fit: contain;
  }