@charset "utf-8";
/* CSS Document */

.alegria-box{
/* 共通設定 */
div[class^="fa"] {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; /* 必要に応じて contain に変更 */
  max-width: 1920px;
  margin: 0 auto;
}

/* 各画像：元の縦横比（aspect-ratio: 横 / 縦） */
.fa1 { aspect-ratio: 1920 / 735; background-image: url("https://p-c.pw/alegria/img/facilities/fa1.png?2"); }
.fa2 { aspect-ratio: 1920 / 550; background-image: url("https://p-c.pw/alegria/img/facilities/fa2.png?2"); }
.fa3 { aspect-ratio: 1920 / 550; background-image: url("https://p-c.pw/alegria/img/facilities/fa3.png"); }
.fa4 { aspect-ratio: 1920 / 550; background-image: url("https://p-c.pw/alegria/img/facilities/fa4.png"); }
.fa5 { aspect-ratio: 1920 / 550; background-image: url("https://p-c.pw/alegria/img/facilities/fa5.png"); }
.fa6 { aspect-ratio: 1920 / 632; background-image: url("https://p-c.pw/alegria/img/facilities/fa6.png"); }
.fa7 { aspect-ratio: 1920 / 696; background-image: url("https://p-c.pw/alegria/img/facilities/fa7.png"); }

/* 間隔（任意） */
/*.fa1 + .fa2,
.fa2 + .fa3,
.fa3 + .fa4,
.fa4 + .fa5,
.fa5 + .fa6,
.fa6 + .fa7 {
  margin-top: min(3vw, 24px);
}*/
}