/* .l-header
----------------------------------------*/
.l-header {
}
@media screen and (max-width: 768px) {
    .l-header {
        background: linear-gradient( to bottom, rgba( 255, 255, 255, 0.7 ), transparent 80%, transparent );
    }
}



/* .l-inner.-v2
----------------------------------------*/
.l-inner.-v2 {
    max-width: min(103.746vw, 1728px); /* テンプレート default */
    padding-left: min(2.882vw, 48px); /* テンプレート default */
    padding-right: min(2.882vw, 48px); /* テンプレート default */
    max-width: none; /* 内側の要素に付替 */
    padding-left: 0; /* 内側の要素に付替 */
    padding-right: 0; /* 内側の要素に付替 */
}
@media screen and (max-width: 768px) {
}



/* .l-inner.-v2 .l-inner-wrap
----------------------------------------*/
.l-inner.-v2 .l-inner-wrap {
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 768px) {
}



/* .l-inner-wrap .l-inner-wrap-mount
----------------------------------------*/
.l-inner-wrap .l-inner-wrap-mount {
    max-width: min(103.746vw, 1728px); /* .l-inner から付替 */
    max-width: min(85.591vw, 1388px); /* .デザインにより変更 */
    margin: 0 auto;
    padding-left: min(2.882vw, 48px); /* .l-inner から付替 */
    padding-right: min(2.882vw, 48px); /* .l-inner から付替 */
}
@media screen and (max-width: 768px) {
}



/* .l-inner-wrap .c-title--page
----------------------------------------*/
.l-inner-wrap .c-title--page {
    margin-bottom: min(3.89vw, 64.8px); /* テンプレートのh1デフォルト */
    margin-bottom: calc( 50 * 100vw / 1388 );
    text-align: center;
}
@media screen and (max-width: 768px) {
}



/* .l-inner-wrap p
----------------------------------------*/
.l-inner-wrap p {
    margin-bottom: calc( 40 * 100vw / 1388 );
    font-size: calc( 25 * 100vw / 1388 );
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.06em;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .l-inner-wrap p {
        margin-bottom: calc( 20 * 100vw / 375 );
        font-size: calc( 20 * 100vw / 375 );
        font-size: var( --font_size-lead );
        text-align: left;
    }
}



/* .l-inner.-v2 .c-tab__wrap
----------------------------------------*/
.l-inner.-v2 .c-tab__wrap {
}
@media screen and (max-width: 768px) {
    .l-inner.-v2 .c-tab__wrap.-v1 {
        margin-bottom: 0;
    }
}



/* .l-inner.-v2 .c-tab__wrap.-v1
----------------------------------------*/
.l-inner.-v2 .c-tab__wrap.-v1 {
    padding-bottom: min(2.882vw, 48px);
}
@media screen and (max-width: 768px) {
    .l-inner.-v2 .c-tab__wrap.-v1 {
        padding-bottom: 0;
    }
}



/* .l-inner.-v2 .c-tab__wrap.-v2
----------------------------------------*/
.l-inner.-v2 .c-tab__wrap.-v2 {
    max-width: min(103.746vw, 1728px); /* .l-inner から付替 */
    max-width: min(85.591vw, 1388px); /* .デザインにより変更 */
    margin: 0 auto;
    padding-left: min(2.882vw, 48px); /* .l-inner から付替 */
    padding-right: min(2.882vw, 48px); /* .l-inner から付替 */
}
@media screen and (max-width: 768px) {
}



/* .l-inner.-v2 .c-tab__wrap.-v2
----------------------------------------*/
.l-inner.-v2 .c-tab__wrap.-v2 .c-tab__list::before {
    top: 0;
    bottom: auto;
}


/* .c-tab__item
----------------------------------------*/
.c-tab__item {
    min-width: min(9.798vw, 105px);
    mix-blend-mode: multiply;
    background: rgba( 238, 238, 238, 0.7 );
    background: rgba( 100, 100, 100, 0.15 );
}
@media screen and (max-width: 768px) {
    .c-tab__item {
        min-width: min(9.798vw, 163.2px);
        min-height: min(4.611vw, 76.8px);
    }
}



/* .c-tab__item.is-current::before
----------------------------------------*/
.c-tab__item.is-current::before {
    opacity: 0;
}
@media screen and (max-width: 768px) {
}



/* .c-tab__item span
----------------------------------------*/
.c-tab__item span {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
@media screen and (max-width: 768px) {
}



/* .l-inner.-v2 .c-tab__panel-outer
----------------------------------------*/
.l-inner.-v2 .c-tab__panel-outer {
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 768px) {
    .l-inner.-v2 .c-tab__panel-outer {
        padding-top: calc( 20 * 100vw / 375 );
    }
}



/* .l-inner.-v2 .c-tab__panel
----------------------------------------*/
.l-inner.-v2 .c-tab__panel {
    max-width: min(103.746vw, 1728px); /* .l-inner から付替 */
    max-width: min(85.591vw, 1388px); /* .デザインにより変更 */
    margin: 0 auto;
    padding-left: min(2.882vw, 48px); /* .l-inner から付替 */
    padding-right: min(2.882vw, 48px); /* .l-inner から付替 */
}
@media screen and (max-width: 768px) {
    .l-inner.-v2 .c-tab__panel {
        padding-left: 0;
        padding-right: 0;
    }
}




/* .c-accordion--tra__contents figure
----------------------------------------*/
.c-accordion--tra__contents figure {
    position: relative;
}
.c-accordion--tra__contents figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0.3em;
    font-size: var( --font_size-caption );
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
}
.c-accordion--tra__contents figcaption.bg_white {
    background-color: rgba( 255, 255, 255, 0.5 );
}
.c-accordion--tra__contents .security-key figcaption {
    left: 0;
    right: auto;
}
.c-accordion--tra__contents .others-floor_heating figcaption {
    color: #fff;
}
@media screen and (max-width: 768px) {
    .c-accordion--tra__contents figure {
    }
    .c-accordion--tra__contents figcaption {
    }
    .c-accordion--tra__contents .others-floor_heating figcaption {
        color: #fff;
    }
}



/* .c-accordion--tra__contents img
----------------------------------------*/
.c-accordion--tra__contents img {
    width: 100%;
}
@media screen and (max-width: 768px) {
}



/* .c-title--contents
----------------------------------------*/
.c-title--contents {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
@media screen and (max-width: 768px) {
}



/* .u-text--normal
----------------------------------------*/
.u-text--normal {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
@media screen and (max-width: 768px) {
}



/* .u-text--size--*
----------------------------------------*/
.u-text--size--l {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.u-text--size--m {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.u-text--size--s {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
@media screen and (max-width: 768px) {
}



/* .l-content .c-row
----------------------------------------*/
.l-content .c-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 min(2.45vw, 40.8px);
}
@media screen and (max-width: 768px) {
    .l-content .c-row {
        grid-template-columns: 1fr;
    }
}



/* .l-content .c-row *[class*=c-col]
----------------------------------------*/
.l-content .c-row *[class*=c-col] {
    max-width: unset;
    --row-gutters-width: 100%;
}
@media screen and (max-width: 768px) {
}



/* .c-breadcrumbs__inner
----------------------------------------*/
.c-breadcrumbs__inner {
    max-width: min(86.455vw, 1440px); /* テンプレート default */
    padding-left: min(1.441vw, 24px); /* テンプレート default */
    padding-right: min(1.441vw, 24px); /* テンプレート default */
    max-width: min(85.591vw, 1388px); /* 他要素合わせ */
    padding-left: min(2.882vw, 48px); /* 他要素合わせ */
    padding-right: min(2.882vw, 48px); /* 他要素合わせ */
}
@media screen and (max-width: 768px) {
}



/* .c-list--notice
----------------------------------------*/
.c-list--notice {
    margin-bottom: min(5.764vw, 96px);
}
@media screen and (max-width: 768px) {
}



.t-equipment__anchor {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-style: normal;
}



.c-accordion--tra__contents .structure_foundation figcaption, 
.c-accordion--tra__contents .kitchen_sink figcaption {
    color: #fff;
}

.c-accordion--tra__contents .kitchen_faucet figcaption, 
.c-accordion--tra__contents .prevention_warehouse figcaption {
    left: 0;
    right: auto;
}



.c-row figure + * {
    margin-top: 0.5em;
}