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

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

/* 各画像：元サイズの比率（aspect-ratio: 横 / 縦） */
.ac1{ aspect-ratio: 1920 / 744;  background-image: url("https://p-c.pw/alegria/img/access/ac1.png"); }
.ac2{ aspect-ratio: 1920 / 832;  background-image: url("https://p-c.pw/alegria/img/access/ac2.png"); }
.ac3{ aspect-ratio: 1920 / 659;  background-image: url("https://p-c.pw/alegria/img/access/ac3.png"); }
.ac4{ aspect-ratio: 1920 / 831;  background-image: url("https://p-c.pw/alegria/img/access/ac4.png"); }
.ac5{ aspect-ratio: 1920 / 1119; background-image: url("https://p-c.pw/alegria/img/access/ac5.png"); }
.ac6{ aspect-ratio: 1920 / 336;  background-image: url("https://p-c.pw/alegria/img/access/ac6.png"); }
.ac7{ aspect-ratio: 1920 / 771;  background-image: url("https://p-c.pw/alegria/img/access/ac7.png"); }
.ac8{ aspect-ratio: 1920 / 771;  background-image: url("https://p-c.pw/alegria/img/access/ac8.png"); }
.ac9{ aspect-ratio: 1920 / 879;  background-image: url("https://p-c.pw/alegria/img/access/ac9.png"); }

/* （任意）段落間の余白 */
/*div[class^="ac"] + div[class^="ac"]{
  margin-top: min(3vw, 24px);
}*/
    
}