@charset "UTF-8";
@media screen and (max-width: 767px) {

.l-main {
    min-width: 100vw;
}


/* -------------------------
    施設タイトル
------------------------- */

.facility-head {
    padding: 30vw 0 0;
}

.facility-head:last-child {
    padding-bottom: 10vw;
}

.facility-head__deco {
    right: 3vw;
    top: 19vw;
    width: 35vw;
}

.facility-head__inner {
    max-width: none;
    padding: 0 10vw;
}

.facility-head__heading {
    display: flex;
    flex-wrap: wrap;
    gap: 1vw;
    flex-direction: column;
    align-items: flex-start;
}

.facility-head__tag {
    padding: 1vw 3vw;
    font-size: 2.8vw;
    margin-bottom: 1vw;
}

.facility-head__title {
    font-size: 6vw;
    line-height: 1.12;
    letter-spacing: 4.3px;
}

.facility-head__sub {
    flex-wrap: wrap;
    gap: 2vw;
    margin-top: 4vw;
    font-size: 3.2vw;
    line-height: 1.6;
    letter-spacing: -0.05vw;
}

.facility-head__sub-tag {
    height: 5vw;
    padding: 1vw 4vw;
    font-size: 2.8vw;
}


/* -------------------------
    写真ギャラリー
------------------------- */

.facility-gallery {
    padding: 10vw 0 0;
}

.facility-gallery__inner {
    max-width: none;
    padding: 0 6vw;
}

.facility-gallery__frame {
    position: relative;
    width: 100%;
    aspect-ratio: 1130 / 1044;
    overflow: hidden;
    border-radius: 4vw;
}

.facility-gallery__nav {
    width: 7.9531vw;
    height: 7.9531vw;
}

.facility-gallery__nav--prev {
    left: -4vw;
}

.facility-gallery__nav--next {
    right: -4vw;
}

.facility-gallery__thumbs {
    display: none;
    width: 100%;
    gap: 1.9557vw;
    margin-top: 2.6076vw;
}

.facility-gallery__thumb-btn img {
    height: 10.9518vw;
}


/* -------------------------
    ひだまり感染警戒クラス
------------------------- */

.facility-notice {
    padding: 15vw 0 15vw;
}

.facility-notice__inner {
    max-width: none;
    padding: 7.8227vw 5vw;
}

.facility-notice__deco-dots {
    left: -3vw;
    top: -3vw;
    width: 12vw;
}

.facility-notice__deco-wave {
    left: auto;
    right: -3vw;
    top: auto;
    bottom: -3vw;
    width: 20vw;
}

.facility-notice__label {
    font-size: 3.2vw;
}

.facility-notice__status {
    margin-top: 1vw;
    padding-bottom: 2vw;
    font-size: 5.5vw;
}

.facility-notice__note {
    margin-top: 2vw;
    font-size: 3.2vw;
}


/* -------------------------
    ブログを見る
------------------------- */

.facility-blog {
    overflow: clip;
    min-width: 0;
        padding: 15vw 0 20vw;
}

.facility-blog__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    max-width: 120%;
    width: 120%;
    height: 100%;
    left: -16vw;
    object-fit: fill;
    pointer-events: none;
}

.facility-blog__inner {
    max-width: none;
    padding: 0;
}

.facility-blog__viewport {
    padding: 1.3038vw 21.875vw;
    margin: 0 0 7.8226vw;
}

.facility-blog__list {
    gap: 5vw;
}

.facility-blog__item a {
    padding: 1.5vw 1.5vw 3vw;
    border-radius: 4vw;
}

.facility-blog__photo-wrap {
    display: block;
    overflow: hidden;
    border-radius: 4vw 4vw 0 0;
    margin: 0 0 3vw;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.facility-blog__photo {
    aspect-ratio: 302 / 220;
}

.facility-blog__title {
    padding: 0 2vw;
    margin: 0 0 3vw;
    font-size: 3.2vw;
}

.facility-blog__meta {
    gap: 2vw;
    padding: 0 5vw 0 2vw;
}

.facility-blog__arrow {
    right: 2.6076vw;
    bottom: 2.6076vw;
    width: 3.9113vw;
    height: 3.9113vw;
}

.facility-blog__tag {
    min-height: 4vw;
    padding: 0.5vw 2vw;
    font-size: 2.8vw;
    line-height: 1.2;
}

.facility-blog__date {
    font-size: 2.8vw;
}

.facility-blog__staff {
    display: none;
}

.facility-blog__back {
    display: flex;
    width: fit-content;
    margin: 8vw auto 0;
}


/* -------------------------
    施設について
------------------------- */

.facility-about {
    padding: 25vw 0 10vw;
}

.facility-about__inner {
    max-width: none;
    padding: 0 7.5vw;
}

.facility-about__lead {
    max-width: none;
    font-size: 3.8vw;
    line-height: 1.7;
}

.facility-about__deco-coil {
    left: -3vw;
    top: 5vw;
    width: 15vw;
}

.facility-about__deco-chevron {
    left: auto;
    right: -3vw;
    top: 10vw;
    width: 20vw;
}


/* -------------------------
    ご案内
------------------------- */

.facility-info {
    padding: 4vw 0 15vw;
}

.facility-info__inner {
    max-width: none;
    padding: 0 7.5vw;
}

.facility-info__row {
    gap: 1vw;
    padding: 3vw 0;
    flex-direction: column;
}

.facility-info__row dt {
    width: auto;
    font-size: 3.2vw;
    line-height: 1.5;
    font-weight: 700;
}

.facility-info__row dd {
    font-size: 3.8vw;
    line-height: 1.6;
}

.facility-greeting {
    flex-direction: row-reverse;
    gap: 3.9113vw;
    margin-top: 5.2151vw;
    padding: 7.8227vw 5vw;
    border-radius: 2.6076vw;
}

.facility-greeting__deco-bird {
    right: -3vw;
    bottom: -10vw;
    width: 22vw;
}

.facility-greeting__photo {
    width: 25vw;
    height: 25vw;
}

.facility-greeting__label {
    font-size: 4.2vw;
    letter-spacing: 1.5px;
}

.facility-greeting__name {
    margin-top: 1vw;
    font-size: 3.2vw;
}

.facility-greeting__text {
    margin-top: 1.3038vw;
    font-size: 3.2vw;
    line-height: 1.7;
}


/* -------------------------
    設備紹介
------------------------- */

.facility-rooms {
    overflow: clip;
        padding: 3.9113vw 0 9.1265vw;
}

.facility-rooms__inner {
    max-width: none;
    padding: 0 7.5vw;
}

.facility-rooms__list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 5vw;
    grid-auto-flow: row;
}

.facility-rooms__deco {
    right: 6vw;
    bottom: -13vw;
    width: 25vw;
}

.facility-rooms__deco-wave {
    left: -3vw;
    top: -3vw;
    width: 20vw;
}

.facility-rooms__deco-dots {
    left: auto;
    right: -3vw;
    top: 40%;
    width: 19vw;
}

.facility-room-card {
    width: 70%;
    border-radius: 4vw;
    margin: 0 auto;
}

.facility-room-card__title {
    margin: 3vw 3vw 0;
    font-size: 3.8vw;
}

.facility-room-card__text {
    padding: 3vw 5vw 5vw;
    font-size: 2.8vw;
    line-height: 1.42;
    letter-spacing: 0;
}


/* -------------------------
    現在の空き状況
------------------------- */

.facility-vacancy {
    padding: 3.9113vw 0 9.1265vw;
}

.facility-vacancy__inner {
    max-width: none;
    padding: 0;
}

.facility-vacancy__calendar {
    border-radius: 1.3038vw;
}


/* -------------------------
    アクセス
------------------------- */

.facility-access {
    overflow: clip;
        padding: 4vw 0 15vw;
}

.facility-access__inner {
    max-width: none;
    padding: 0 7.5vw;
}

.facility-access__deco-coil {
    left: -3vw;
    top: -3vw;
    width: 15vw;
}

.facility-access__deco-wave {
    left: auto;
    right: -3vw;
    top: 20vw;
    width: 20vw;
}

.facility-access__card {
    flex-direction: column-reverse;
    gap: 4vw;
    padding: 7vw;
    border-radius: 4vw;
}

.facility-access__map {
    width: 100%;
    max-width: none;
    height: auto;
    aspect-ratio: 532 / 435;
}

.facility-access__row {
    gap: 3.9113vw;
    padding: 1.8253vw 0;
}

.facility-access__row dt {
    width: 20vw;
    font-size: 3.2vw;
}

.facility-access__row dd {
    font-size: 3.2vw;
}


/* -------------------------
    見学・お問い合わせCTA
------------------------- */

.facility-cta {
    overflow: clip;
        padding: 0 0 39.1134vw;
}

.facility-cta__inner {
    max-width: none;
    padding: 0 5vw;
}

.facility-cta__deco {
    left: -3vw;
    bottom: 7vw;
    width: 25vw;
    z-index: 1;
}

.facility-cta__box {
    padding: 10vw 5vw;
    border-radius: 4vw;
}

.facility-cta__lead {
    font-size: 4.5vw;
    line-height: 1.5;
}

.facility-cta__buttons {
    flex-direction: column;
    align-items: center;
    gap: 5vw;
    margin-top: 8vw;
}

.facility-cta__back {
    margin: 10.4302vw auto 0;
    font-size: 2.8vw;
}

.facility-embed-comingsoon {
    font-size: 2.8vw;
}

}