.p-facility-section {
  position: relative;
  padding-bottom: var(--section-gap-lg);
  margin-top: var(--section-gap-md);
  overflow-x: clip;
}
@media (min-width: 1025px) {
  .p-facility-section {
    padding-bottom: 20rem;
  }
}
.p-facility-section__header {
  margin-inline: auto;
}
.p-facility-section__list {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: var(--section-gap-sm);
}
@media (min-width: 1025px) {
  .p-facility-section__list {
    row-gap: 14.5rem;
  }
}
@media (max-width: 1024px) {
  .p-facility-section__list {
    row-gap: 10rem;
  }
}
@media (max-width: 525px) {
  .p-facility-section__list {
    row-gap: 8.5rem;
  }
}

.p-facility {
  --overlap-size: 23rem;
  position: relative;
  display: grid;
}
@media (min-width: 1025px) {
  .p-facility {
    --overflow-size: 8rem;
    --card-width: 50rem;
    grid-template-rows: auto;
    align-items: flex-end;
  }
  .p-facility:nth-child(odd of .p-facility) {
    grid-template-areas: "image card";
    grid-template-columns: 1fr var(--card-width);
  }
  .p-facility:nth-child(even of .p-facility) {
    grid-template-areas: "card image";
    grid-template-columns: var(--card-width) 1fr;
  }
}
@media (max-width: 1024px) {
  .p-facility {
    --overlap-size: 3.5rem;
    grid-template-areas: "image" "card";
    grid-template-columns: 1fr;
  }
}
@media (max-width: 525px) {
  .p-facility {
    --overlap-size: 2rem;
  }
}
.p-facility__image {
  position: relative;
  z-index: 0;
  grid-area: image;
}
@media (min-width: 1025px) {
  .p-facility__image {
    aspect-ratio: 1.67;
  }
  .p-facility__image:is(.p-facility:nth-child(odd of .p-facility) > *) {
    margin-inline: calc(var(--overflow-size) * -1) calc(var(--overlap-size) * -1);
  }
  .p-facility__image:is(.p-facility:nth-child(even of .p-facility) > *) {
    margin-inline: calc(var(--overlap-size) * -1) calc(var(--overflow-size) * -1);
  }
}
@media (max-width: 1024px) {
  .p-facility__image {
    margin-inline: calc(var(--container-padding-md) * -1);
  }
}
@media (max-width: 525px) {
  .p-facility__image {
    aspect-ratio: 1.45;
    margin-inline: calc(var(--current-container-padding) * -1);
  }
}
.p-facility__card {
  z-index: 1;
  grid-area: card;
  height: fit-content;
}
@media (min-width: 1025px) {
  .p-facility__card {
    padding-inline: 3.9rem;
    margin-bottom: 4rem;
  }
}
@media (max-width: 1024px) {
  .p-facility__card {
    --c-paragraph-line-height: 1.75;
    margin-top: calc(var(--overlap-size) * -1);
  }
}
.p-facility__deco {
  position: absolute;
}
@media (max-width: 1024px) {
  .p-facility__deco[data-deco="1"] {
    display: none;
  }
}
.p-facility__deco[data-deco="1"]:is(.p-facility:nth-child(4n+1 of .p-facility) > *) {
  --c-polygon-color: var(--color-palette-4);
  --c-polygon-color-percentage: 90%;
  --c-polygon-clip-path: polygon(62.11% 100%, 100% 77.68%, 91.05% 29.59%, 64.74% 0%, 20.53% 7.1%, 0% 28.4%, 8.42% 81.66%, 62.11% 100%);
  top: 6rem;
  right: -18rem;
  width: 9.1rem;
  aspect-ratio: 1.131;
}
.p-facility__deco[data-deco="1"]:is(.p-facility:nth-child(4n+2 of .p-facility) > *) {
  --c-polygon-color: var(--color-palette-5);
  --c-polygon-clip-path: polygon(0% 73.37%, 73.28% 100%, 100% 41.08%, 48.5% 0%, 8.52% 22.29%, 0% 73.37%);
  top: 10rem;
  left: 5rem;
  width: 8rem;
  aspect-ratio: 0.933;
}
.p-facility__deco[data-deco="1"]:is(.p-facility:nth-child(4n+2 of .p-facility) > *):where(body[data-theme-color=spring] *) {
  --c-polygon-color-percentage: 70%;
}
.p-facility__deco[data-deco="1"]:is(.p-facility:nth-child(4n+3 of .p-facility) > *) {
  --c-polygon-color: var(--color-palette-2);
  --c-polygon-color-percentage: 100%;
  --c-polygon-clip-path: polygon(100% 18.82%, 100% 79.66%, 74.05% 100%, 0% 73.87%, 33.76% 0%, 100% 18.82%);
  top: -2rem;
  right: 4rem;
  width: 8.4rem;
  aspect-ratio: 1.163;
}
.p-facility__deco[data-deco="1"]:is(.p-facility:nth-child(4n+4 of .p-facility) > *) {
  --c-polygon-color: var(--color-palette-1);
  --c-polygon-color-percentage: 100%;
  --c-polygon-clip-path: polygon(5.38% 11.37%, 68.19% 0%, 100% 54.56%, 48.41% 100%, 0% 59.72%, 5.38% 11.37%);
  top: 15rem;
  left: -3rem;
  width: 9.6rem;
  aspect-ratio: 1.03;
}
.p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+1 of .p-facility) > *) {
  --c-polygon-color: var(--color-palette-1);
  --c-polygon-clip-path: polygon(51.41% 100%, 0% 75.03%, 7.08% 13.84%, 58.85% 0%, 92.92% 29.5%, 100% 74.08%, 51.41% 100%);
  aspect-ratio: 1.076;
}
.p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+1 of .p-facility) > *):where(body[data-theme-color=spring] *) {
  --c-polygon-color-percentage: 50%;
}
.p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+1 of .p-facility) > *):where(body[data-theme-color=rose] *) {
  --c-polygon-color-percentage: 50%;
}
@media (min-width: 1025px) {
  .p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+1 of .p-facility) > *) {
    top: 3rem;
    right: -15rem;
    width: 26rem;
  }
}
@media (max-width: 1024px) {
  .p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+1 of .p-facility) > *) {
    right: 2rem;
    bottom: 2rem;
    width: 19rem;
    translate: 50% 50%;
  }
}
@media (max-width: 525px) {
  .p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+1 of .p-facility) > *) {
    width: 14.8rem;
  }
}
.p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+2 of .p-facility) > *) {
  --c-polygon-color: var(--color-palette-2);
  --c-polygon-color-percentage: 70%;
  --c-polygon-clip-path: polygon(100% 52.1%, 73.54% 100%, 12.64% 82.81%, 0% 28.04%, 61.91% 0%, 100% 52.1%);
  aspect-ratio: 0.993;
}
.p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+2 of .p-facility) > *):where(body[data-theme-color=rose] *) {
  --c-polygon-color-percentage: 50%;
}
@media (min-width: 1025px) {
  .p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+2 of .p-facility) > *) {
    top: 4rem;
    left: -18.5rem;
    width: 29.3rem;
  }
}
@media (max-width: 1024px) {
  .p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+2 of .p-facility) > *) {
    bottom: 1.5rem;
    left: 8.5rem;
    width: 17rem;
    translate: -50% 50%;
  }
}
@media (max-width: 525px) {
  .p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+2 of .p-facility) > *) {
    width: 12rem;
  }
}
.p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+3 of .p-facility) > *) {
  --c-polygon-color: var(--color-palette-3);
  --c-polygon-clip-path: polygon(50.92% 100%, 100% 51.25%, 57.8% 0%, 0% 10.34%, 0.95% 45.97%, 9.28% 87.44%, 50.92% 100%);
  aspect-ratio: 1.16;
}
.p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+3 of .p-facility) > *):where(body[data-theme-color=spring] *) {
  --c-polygon-color-percentage: 45%;
}
.p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+3 of .p-facility) > *):where(body[data-theme-color=sky] *) {
  --c-polygon-color-percentage: 85%;
}
.p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+3 of .p-facility) > *):where(body[data-theme-color=rose] *) {
  --c-polygon-color-percentage: 50%;
}
.p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+3 of .p-facility) > *):where(body[data-theme-color=lagoon] *) {
  --c-polygon-color-percentage: 65%;
}
@media (min-width: 1025px) {
  .p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+3 of .p-facility) > *) {
    top: 2rem;
    right: -8.5rem;
    width: 23.6rem;
  }
}
@media (max-width: 1024px) {
  .p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+3 of .p-facility) > *) {
    right: -2rem;
    bottom: 11rem;
    width: 16.5rem;
    translate: 50% 50%;
  }
}
@media (max-width: 525px) {
  .p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+3 of .p-facility) > *) {
    width: 11.6rem;
  }
}
.p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+4 of .p-facility) > *) {
  --c-polygon-color: var(--color-palette-4);
  --c-polygon-clip-path: polygon(16.87% 85.88%, 0% 34.9%, 36.35% 0%, 85% 17.77%, 100% 67.86%, 42.14% 100%, 16.87% 85.88%);
  aspect-ratio: 1.195;
}
.p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+4 of .p-facility) > *):where(body[data-theme-color=spring] *) {
  --c-polygon-color-percentage: 55%;
}
.p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+4 of .p-facility) > *):where(body[data-theme-color=rose] *) {
  --c-polygon-color-percentage: 50%;
}
@media (min-width: 1025px) {
  .p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+4 of .p-facility) > *) {
    top: 0.5rem;
    left: -1.5rem;
    width: 32.6rem;
  }
}
@media (max-width: 1024px) {
  .p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+4 of .p-facility) > *) {
    bottom: 8.5rem;
    left: -1rem;
    width: 16rem;
    translate: -50% 50%;
  }
}
@media (max-width: 525px) {
  .p-facility__deco[data-deco="2"]:is(.p-facility:nth-child(4n+4 of .p-facility) > *) {
    width: 12.3rem;
  }
}
.p-facility__deco[data-deco="3"]:is(.p-facility:nth-child(4n+1 of .p-facility) > *) {
  --c-polygon-color: var(--color-palette-4);
  --c-polygon-opacity: 45%;
  --c-polygon-clip-path: polygon(65.97% 88.97%, 17.78% 100%, 0% 48.26%, 10.97% 12.36%, 49.46% 0%, 100% 44.65%, 65.97% 88.97%);
  aspect-ratio: 1.128;
}
@media (min-width: 1025px) {
  .p-facility__deco[data-deco="3"]:is(.p-facility:nth-child(4n+1 of .p-facility) > *) {
    top: -19rem;
    left: -30%;
    width: 80.7rem;
  }
}
@media (max-width: 1024px) {
  .p-facility__deco[data-deco="3"]:is(.p-facility:nth-child(4n+1 of .p-facility) > *) {
    bottom: 16rem;
    left: -5rem;
    width: 46rem;
    translate: -50% 50%;
  }
}
.p-facility__deco[data-deco="3"]:is(.p-facility:nth-child(4n+2 of .p-facility) > *) {
  --c-polygon-color: var(--color-palette-5);
  --c-polygon-opacity: 40%;
  --c-polygon-clip-path: polygon(0% 60.25%, 18.09% 22.71%, 74.87% 0%, 100% 44.48%, 89.25% 91.64%, 28.98% 100%, 0% 60.25%);
  aspect-ratio: 0.877;
}
@media (min-width: 1025px) {
  .p-facility__deco[data-deco="3"]:is(.p-facility:nth-child(4n+2 of .p-facility) > *) {
    top: -20rem;
    right: -49rem;
    width: 73.2rem;
  }
}
@media (max-width: 1024px) {
  .p-facility__deco[data-deco="3"]:is(.p-facility:nth-child(4n+2 of .p-facility) > *) {
    right: -10rem;
    bottom: 22rem;
    width: 46rem;
    translate: 50% 50%;
  }
}
.p-facility__deco[data-deco="3"]:is(.p-facility:nth-child(4n+3 of .p-facility) > *) {
  --c-polygon-color: var(--color-palette-1);
  --c-polygon-opacity: 45%;
  --c-polygon-clip-path: polygon(33.19% 96.24%, 73.66% 100%, 100% 58.49%, 86.47% 9.29%, 48.57% 0%, 0% 39.37%, 33.19% 96.24%);
  aspect-ratio: 1.182;
}
@media (min-width: 1025px) {
  .p-facility__deco[data-deco="3"]:is(.p-facility:nth-child(4n+3 of .p-facility) > *) {
    top: -15rem;
    left: -51rem;
    width: 77rem;
  }
}
@media (max-width: 1024px) {
  .p-facility__deco[data-deco="3"]:is(.p-facility:nth-child(4n+3 of .p-facility) > *) {
    bottom: 8rem;
    left: -8rem;
    width: 34rem;
    translate: -50% 50%;
  }
}
.p-facility__deco[data-deco="3"]:is(.p-facility:nth-child(4n+4 of .p-facility) > *) {
  --c-polygon-color: var(--color-palette-3);
  --c-polygon-opacity: 40%;
  --c-polygon-clip-path: polygon(47.62% 0%, 8.66% 16.51%, 0% 64.69%, 31.24% 100%, 69.92% 89.45%, 100% 32.26%, 47.62% 0%);
  aspect-ratio: 1.085;
}
@media (min-width: 1025px) {
  .p-facility__deco[data-deco="3"]:is(.p-facility:nth-child(4n+4 of .p-facility) > *) {
    top: -11rem;
    right: -45rem;
    width: 74.8rem;
  }
}
@media (max-width: 1024px) {
  .p-facility__deco[data-deco="3"]:is(.p-facility:nth-child(4n+4 of .p-facility) > *) {
    right: -1rem;
    bottom: 12.5rem;
    width: 34.8rem;
    translate: 50% 50%;
  }
}