/* CSS Document */





.l-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-image: url( '../img/common/bg/bg_design_02_pc.svg' );
    background-position: top left;
    background-repeat: repeat-y;
    background-size: 100% auto;
    opacity: 1;
}
@media screen and ( max-width: 768px ){
    .l-content::before {
        background-image: url( '../img/common/bg/bg_design_02_sp.svg' );
    }
}



.t-madori__detail {
    position: relative;
    z-index: 5;
}
.t-madori__title {
    background-color: rgba( 0, 0, 0, 0.05 );
}
.t-madori__data {
    background-color: transparent;
}
.t-madori__drawing {
    height: auto;
}
.t-madori__drawing__control .u-textlink--zoom {
    padding-top: min(1.009vw, 16.8px);
    padding-bottom: min(1.009vw, 16.8px);
}



.t-madori__data__inner.t-madori__data__inner--v1 {
    background-color: rgba( 0, 0, 0, 0.05 );
}
.t-madori__data__inner.t-madori__data__inner--v2 {
    padding-top: 0;
    background-color: rgba( 255, 255, 255, 0.05 );
}
.t-madori__data__title--bg {
    position: relative;
    background-color: transparent;
}
.t-madori__data__title--bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: linear-gradient( 158deg, rgba( 113, 112, 113, 0.5 ) 10%, rgba( 37, 30, 28, 0.5 ) 90% );
    opacity: 0.5;
}
@media screen and ( max-width: 768px ){
}



.c-modal__thumb {
    margin-bottom: min( calc( 10 * 100vw / var( --dw ) ), 10px );
}
.c-modal__thumb.bordered {
    border: 1px solid #999;
}
.equipment-item p {
    font-size: var( --fs-m );
    line-height: 1.5;
}
.equipment-item p .item_text {
    font-size: var( --fs-s );
    text-underline-offset: 0.2em;
    text-decoration: none;
}
.equipment-item p .item_remark {
    display: block;
    margin-top: min( calc( 5 * 100vw / var( --dw ) ), 5px );
    font-size: var( --fs-caption );
    line-height: 1.5;
    text-underline-offset: 0.2em;
    text-decoration: none;
}
@media screen and ( max-width: 768px ){
    .c-modal__thumb {
        margin-bottom: calc( 10 * 100vw / var( --dw ) );
    }
    .c-modal__thumb.bordered {
    }
    .equipment-item p {
        font-size: var( --fs-s );
    }
    .equipment-item p .item_text {
        font-size: var( --fs-caption );
    }
    .equipment-item p .item_remark {
        font-size: var( --fs-caption );
    }
}



header.scrollact {
}
@media screen and ( max-width: 768px ){
    header.scrollact {
        z-index: auto;
    }
}



.t-madori__title__area {
}
@media screen and ( max-width: 768px ){
    .t-madori__title__area {
        flex-wrap: wrap;
    }
}



.js-modal {
    text-decoration: none;
}



.t-madori__drawing__notes p {
    font-size: var( --fs-caption );
    line-height: 1.5;
}
@media screen and ( max-width: 768px ){
}