@media screen and (max-width:767px) {
	body {
		font-size: 100vw;
	}
}

@media (max-width: 768px) {
	.static-page-container {
		width: 100vw;
	}
}

@media (max-width: 480px) {
    .facilities-intro-title {
        font-size: 1.8em;
    }

    .facilities-intro-title-svg {
        width: 120px;
    }

    .facilities-area-image img {
        width: 200px;
        height: 200px;
        /* 小さい画面でも有機的な形状を維持 */
        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
    }

    .facilities-area-title {
        font-size: 1.8em;
    }

}

@media (max-width: 1024px){
  .information-section__buttons{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .information-section__button{ grid-column: span 2; }
}

@media (max-width: 640px){
  .information-section__buttons{
    --gap: 16px;
    gap: var(--gap);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .information-section__button{ grid-column: auto; }

  #information{ overflow-x: hidden; }
}

@media (max-width: 640px){
  #information .information-section__button-japanese{
    font-size: 20px !important;
    line-height: 1.2;
    letter-spacing: .04em;
    margin-bottom: 18px;
  }
}

@media (max-width: 640px){
	.information-section__buttons img{
		max-height: 45%;
	}
	
.information-section__button:last-child{
  grid-column: 1 / -1;
  justify-self: start;
  align-self: center;
  width: calc((100% - var(--gap)) / 2);
}
.facilities-gallery-link{display:block;}
}