/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/
/* --- PC・タブレット用の設定（768px以上） --- */
@media screen and (min-width: 768px) {
  div.image-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 25px !important;
    width: 100% !important;
    max-width: 800px;
    margin: 0 auto !important;
    /* 上揃えにして、無理に高さを伸ばさないようにする */
    align-items: flex-start !important; 
  }

  div.image-container img {
    width: calc((100% - 25px) / 2) !important;
    
    /* ↓【重要】ここから下の3行でサイズを強制的に統一します */
    aspect-ratio: 3 / 2 !important; /* 横3：縦2の比率に固定（正方形なら 1 / 1） */
    object-fit: cover !important;    /* 枠に合わせて画像を中央で切り抜く（引き伸ばさない） */
    height: auto !important;         /* 古いブラウザ対策 */

    display: block !important;
  }
}

/* --- スマホ用の設定（767px以下） --- */
@media screen and (max-width: 767px) {
  div.image-container {
    display: block !important;
    width: 100% !important;
  }

  div.image-container img {
    width: 100% !important;
    height: auto !important; /* スマホでは本来の比率で全表示 */
    margin-bottom: 15px;
    display: block !important;
    /* スマホでは切り抜きを解除したい場合は以下 */
    aspect-ratio: auto !important;
    object-fit: contain !important;
  }
  
  div.image-container img:last-child {
    margin-bottom: 0;
  }
}


/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 767px) {
/*/////////////SP用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/

	
}