@charset "UTF-8";
.responsive-image {
  width: 100%;
  /* 表示エリアの100%の横幅 */
  aspect-ratio: 4 / 3;
  -o-object-fit: cover;
     object-fit: cover;
  /* 画像がアスペクト比を保ちながらエリアに収まる */
  max-width: 450px;
  /*画像ロード時に拡大して表示されるのを防ぐ*/
  max-height: 300px;
  /**/
  border-radius: 10px;
  border: #ddd thin solid; }