.facilities-contents figure {
    display: block;
    margin: 0;
    padding: 0;
}

.facilities-contents img {
    vertical-align: top;
}

.facilities-contents .mtop-0 {
    margin-top: 0 !important;
}

.facilities-contents .mbtm-auto {
    margin-bottom: auto !important;
}

.facilities-contents .mbtm-0 {
    margin-bottom: 0 !important;
}

.facilities-contents .mbtm-1 {
    margin-bottom: 1em !important;
}

.facilities-contents .mbtm-2 {
    margin-bottom: 2em !important;
}

.facilities-contents .mbtm-3 {
    margin-bottom: 3em !important;
}

.facilities-contents-title-wrp {
    margin: 0 auto 3em;
}

.facilities-contents-title-wrp .hd-title {
    font-size: min(1.6em, 4.5vw);
    font-weight: 400;
    color: #333;
    margin-bottom: 1em;
}

.facilities-contents-title-wrp .lead {
    display: block;
    width: 100%;
    font-size: min(.95em, 3.3vw);
    line-height: 1.8;
    text-align: left;
    margin: .5em 0;
    font-feature-settings: "palt";
    letter-spacing: 0.015em;
}

.facilities-contents .frame-wrapper {
    border: 1px solid #ccc;
    padding: min(1em, 3vw) min(2em, 4vw);
}

.facilities-contents .sml {
    display: inline-block;
    font-size: .7em;
    letter-spacing: .002em;
}

.facilities-contents .sml9 {
    display: inline-block;
    font-size: .9em;
    letter-spacing: .002em;
}

.facilities-contents .flex-between,
.facilities-contents .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.facilities-contents .grid {
    display: grid;
    gap: 2.5%;
}

.facilities-contents .grid3 {
    grid-template-columns: repeat(3, 1fr);
}

.facilities-contents .grid4 {
    grid-template-columns: repeat(4, 1fr);
}

.facilities-contents .grid5 {
    grid-template-columns: repeat(5, 1fr);
}

.facilities-contents .flex>.box {
    margin-bottom: 1em;
    margin-top: 0;
    padding: 0;
}

.facilities-contents .flex-between.columns-2>li,
.facilities-contents .flex-between.columns-2>.box,
.facilities-contents .flex.columns-2>.box {
    width: 47%;
}

.facilities-contents .flex.columns-3>.box {
    width: 31%;
}

@media screen and (max-width: 767px) {
    .facilities-contents .flex.columns-3>.box {
        width: 100%;
    }

    .facilities-contents .flex.columns-3>.box.box-flex-sp {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .facilities-contents .flex.columns-3>.box.box-flex-sp>figure {
        width: 35%;
    }

    .facilities-contents .flex.columns-3>.box.box-flex-sp>.meta {
        width: 55%;
    }

    .facilities-contents .flex.columns-3>.box.box-flex-sp>.meta .subtitle {
        margin-top: 0;
    }
}

.facilities-contents .flex.columns-4>.box {
    width: 23%;
}

@media screen and (max-width: 767px) {
    .facilities-contents .flex.columns-4>.box {
        width: 47%;
    }
}

.facilities-contents .flex.columns-5>.box {
    width: 18%;
}

.facilities-contents .flex.columns-6>.box {
    width: 15%;
}

@media screen and (max-width: 767px) {
    .facilities-contents .flex.columns-6>.box {
        width: 30%;
    }
}

.facilities-contents .flex.columns-7>.box {
    width: 15%;
}

.facilities-contents .title {
    display: block;
    width: 100%;
    font-size: min(1.15em, 3.5vw);
    color: #333;
    text-align: left;
    font-weight: 400;
    margin: 1em 0;
    padding-bottom: .5em;
    font-feature-settings: "palt";
    letter-spacing: .002em;
    border-bottom: 1px solid #ccc;
}

.facilities-contents .subtitle {
    display: block;
    width: 100%;
    font-size: min(.95em, 3.3vw);
    line-height: 1.4;
    color: #333;
    text-align: left;
    font-weight: 600;
    margin: 1em 0;
    font-feature-settings: "palt";
    letter-spacing: .001em;
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
}

.facilities-contents .subtitle-sml {
    display: block;
    width: 100%;
    font-size: min(.85em, 3.2vw);
    color: #333;
    text-align: left;
    font-weight: 600;
    margin: 1em 0 .25em;
    font-feature-settings: "palt";
    letter-spacing: .001em;
}

.facilities-contents .box .lead {
    display: block;
    width: 100%;
    font-size: min(.8em, 3vw);
    line-height: 1.5;
    text-align: justify;
    margin: .5em 0;
    font-feature-settings: "palt";
    letter-spacing: 0;
}

.facilities-contents .box .lead.sml {
    font-size: min(.69em, 2.5vw);
}

.facilities-contents .box .lead.sml.m-top2 {
    margin-top: 2em;
}

/* kitchen */

.facilities-contents .kitchen-main {
    margin: 0 auto 4em;
    width: 100%;
    max-width: 700px;
}

.facilities-contents .kitchen.grid5 {
    grid-template-rows: repeat(3, 1fr);
    gap: 3%;
}

@media screen and (max-width: 767px) {
    .facilities-contents .kitchen.grid5 {
        /* grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr); */
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 1em;
    }
}

.facilities-contents .kitchen.grid5 .kitchen-main {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    margin: 0;
}

.facilities-contents .kitchen.grid5 .kitchen-main img {
    aspect-ratio: 1 / 1;
    margin-bottom: 1em;
}

@media screen and (max-width: 767px) {

    .facilities-contents .kitchen.grid5 .box {
        width: 47%;
    }

    .facilities-contents .kitchen.grid5 .kitchen-main {
        /* grid-column: span 2 / span 2;
        grid-row: span 1 / span 1; */
        width: 100%;
        margin: 0 0 1em;
        padding: 0 2em;
    }

    .facilities-contents .kitchen.grid5 .box.kitchen-main img {
        aspect-ratio: 16/9;
    }
}

/* wash */
.facilities-contents .wash.flex {
    margin: 3em 0;
}

.facilities-contents .wash.flex .wash-main {
    width: 40%;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 767px) {
    .facilities-contents .wash.flex .wash-main {
        width: 100%;
        margin: 0 0 1em;
        padding: 0 3em;
    }
}

.facilities-contents .wash.flex .wash-box-wrp {
    width: 55%;
}

.facilities-contents .wash-color-box {
    width: 35%;
}

.facilities-contents .wash-features-box {
    width: 55%;
}

@media screen and (max-width: 767px) {

    .facilities-contents .wash-color-box,
    .facilities-contents .wash-features-box,
    .facilities-contents .wash.flex .wash-box-wrp {
        width: 100%;
    }

    .facilities-contents figure.wash-wt1 {
        padding: 0 25%;
    }
}

/* toilet */
.facilities-contents .toilet.flex {
    margin: 3em 0;
}

.facilities-contents .toilet.flex .toilet-main {
    width: 40%;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 767px) {
    .facilities-contents .toilet.flex .toilet-main {
        width: 100%;
        margin: 0 0 1em;
        padding: 0 3em;
    }
}

.facilities-contents .toilet.flex .toilet-box-wrp {
    width: 55%;
}

@media screen and (max-width: 767px) {

    .facilities-contents .toilet.flex .toilet-box-wrp {
        width: 100%;
    }
}

.facilities-contents .aqua {
    display: block;
    width: 60%;
    margin: .5em auto;
}

.facilities-contents .btn-aqua {
    border: 1px solid #ccc;
    padding: .5em 1em;
    letter-spacing: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
}

/*bath*/
@media screen and (max-width: 767px) {

    .facilities-contents .bath.flex.columns-2>.box {
        width: 100%;
    }

    .facilities-contents .bathroom-color-v .flex.columns-2>.box {
        width: 100%;
    }

    .facilities-contents .bathroom-color-v .flex.columns-3>.box {
        width: 31%;
    }

}

/* interior */
.facilities-contents .style-img {
    width: 75%;
}

@media screen and (max-width:767px) {
    .facilities-contents .style-img {
        width: 100%;
    }
}

.facilities-contents figure.style-color {
    width: 20%;
    text-align: center;
    font-feature-settings: "palt";
    letter-spacing: 0;
}

@media screen and (max-width:767px) {
    .facilities-contents figure.style-color {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

.facilities-contents .style-color .style-type {
    display: block;
    width: 100%;
    font-size: min(.75em, 2.5vw);
    font-weight: 600;
    border-bottom: 1px solid #ccc;
}

.facilities-contents .style-color .style-name {
    font-size: min(.7em, 2.5vw);
    line-height: 1.4;
    padding: .5em 0;
}

@media screen and (max-width:767px) {

    .facilities-contents .floor,
    .facilities-contents .door {
        width: 48%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .facilities-contents .floor img,
    .facilities-contents .door img {
        order: 1;
    }

    .facilities-contents .floor .style-name,
    .facilities-contents .door .style-name {
        order: 2;
    }
}

/* 3-5-3 */
.facilities-contents .feature3-5-3 {
    --color-bg: #f5f5f5;
    --color-bg2: #f5f5f5;
}

.facilities-contents .feature3-5-3 .flooring-lineup {
    display: grid;
    grid-template-columns: 35% 65%;
    /* grid-template-rows: repeat(2, 1fr); */
    gap: 2em;
    margin: 2em auto;
}

@media screen and (max-width:767px) {
    .facilities-contents .feature3-5-3 .flooring-lineup {
        display: block;
        margin: 2em auto;
    }
}

.facilities-contents .feature3-5-3 .lineup-name {
    background-color: var(--color-bg);
    /* font-size: min(1.1em, 3.3vw); */
    font-size: min(.8em, 2.7vw);
    font-family: var(--en);
    padding: .5em;
    margin-bottom: 1em;
}

.facilities-contents .feature3-5-3 .lineup-list li {
    margin-bottom: 1em;
}

@media screen and (max-width:767px) {
    .facilities-contents .feature3-5-3 .lineup-list li {
        width: 48%;
    }
}

.facilities-contents .feature3-5-3 .lineup-list li p {
    /* font-size: min(.9em, 3vw); */
    font-size: min(.7em, 2.5vw);
    font-feature-settings: "palt";
    line-height: 1.4;
    padding: .5em 0;
}

.facilities-contents .feature3-5-3 .linup2 {
    grid-column-start: 1;
    grid-row-start: 2;
}

.facilities-contents .feature3-5-3 .linup3 {
    grid-row: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 1;
}

.facilities-contents .feature3-5-3 .linup3 .spec {
    margin-top: 1em;
}

.facilities-contents .feature3-5-3 .linup3 .spec li {
    /* font-size: min(.9em, 3vw); */
    font-size: min(.7em, 2.5vw);
    width: 49%;
    background-color: var(--color-bg2);
    padding: .5em;
    margin-bottom: 1%;
    text-align: center;
}

.facilities-contents .flooring-features {
    margin: 2em auto;
}

.facilities-contents .flooring-feature {
    width: 26%;
}

@media screen and (max-width:767px) {
    .facilities-contents .flooring-feature {
        width: 48%;
        margin-bottom: 1em;
    }

    .facilities-contents .flooring-feature .box {
        width: 49%;
    }
}

.facilities-contents .flooring-feature.flooring-standard {
    width: 40%;
}

@media screen and (max-width:767px) {
    .facilities-contents .flooring-feature.flooring-standard {
        width: 100%;
    }

}

.facilities-contents .flooring-feature-title {
    /* font-size: min(1em, 3.5vw); */
    font-size: min(.9em, 3vw);
    margin-bottom: min(1em, 2vw);
}

.facilities-contents p.flooring-caption {
    /* font-size: min(.9em, 3vw); */
    font-size: min(.75em, 3vw);
    line-height: 1.5;
    margin-bottom: min(1em, 2vw);
    padding-top: .5em;
}

/* exterior */

.facilities-contents .exterior>.box figure.scale img {
    scale: 1.2;
}

.facilities-contents .exterior .coating1-box1 {
    width: 60%;
}

.facilities-contents .exterior .coating1-box2 {
    width: 35%;
}

@media screen and (max-width:767px) {

    .facilities-contents .exterior .coating1-box1,
    .facilities-contents .exterior .coating1-box2 {
        width: 100%;
    }
}


.facilities-contents .exterior .coating2 {
    width: 25%;
}

@media screen and (max-width:767px) {
    .facilities-contents .exterior .coating2 {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .facilities-contents .exterior .coating2 figure {
        width: 50%;
    }

    .facilities-contents .exterior .coating2 .meta {
        width: 45%;
    }
}

.facilities-contents .exterior .box.coating3 {
    width: 68%;
    border: 1px solid #ccc;
    padding: 0 1em 1em;
}

@media screen and (max-width:767px) {
    .facilities-contents .exterior .box.coating3 {
        width: 100%;
    }
}

.facilities-contents .exterior .coating3 figure {
    padding: 0 min(3em, 0);
}