@charset "UTF-8";

.facilities-reservation .bg-img,
.support .bg-img,
.online-application .bg-img,
.inquiries .bg-img,
.manual .bg-img,
.event-service .bg-img,
.notification .bg-img,
.repair .bg-img { height: auto;}

.in-cap{ color: var(--Color-White); font-size: var(--Caption); position: absolute;  right: 0.5rem; bottom: 0.5rem;}

.intro{ color: var(--Color-White); font-size: var(--Heading-L); margin-bottom: 0 !important; line-height: 2;}
.intro-txt{ display: inline-block; margin-top:2rem; color: var(--Color-White); font-size: var(--Body-M); text-align: center; word-break: auto-phrase;}
@media (min-width: 768px) {
    .intro {
        margin-bottom: var(--Space-XL); padding: 5rem 0 3rem;
    }
}
@media (max-width: 768px) {
    .intro {
        margin-bottom: 3rem !important;
        padding-top: var(--Space-XL);
        word-break: auto-phrase;
    }
}
.contents{ margin: 6rem 0;}
@media (max-width: 768px) {.contents { margin: 3rem 0;}}

.content-tit{ margin-bottom: 3rem; color: var(--Color-Brand); font-size: var(--Body-L); }
@media (max-width: 768px) {.content-tit {margin-bottom: var(--Space-L);}}

.figcaption{ margin-top: 2rem; font-size: var(--Body-S);}