@charset "UTF-8";

/*----------------------------------------
	イントロ
----------------------------------------*/
#introduction > p {
	margin-bottom: 1rem;
}
#introduction > p:last-of-type {
	margin-bottom: 0;
}
#introduction > video {
	margin-bottom: 1rem;
	width: 100%;
}

/*----------------------------------------
	施設概要
----------------------------------------*/
.facilities-container {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
	margin-bottom: var(--preset-size-inner-section);
}
@media screen and (min-width: 768px), print {
    .facilities-container {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (min-width: 1024px) {
    #facilities {
        text-align: center;
    }
}
.info-list > div > dt {
	width: 6rem;
}