@media screen and ( min-width: 769px ){
    .t-madori__drawing__wrap {
        width: 100%;
    }
}










/* ==============================

t-madori__data__inner-building_image

============================== */
.t-madori__data__inner-building_image {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 60 * 100vw / var( --dw ) ), calc( 60 * var( --maxw_px ) / var( --dw ) ) );
    padding: 0 10%;
    font-size: 0;
}
.t-madori__data__inner-building_image > figure {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.t-madori__data__inner-building_image > figure > picture {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.t-madori__data__inner-building_image > figure > figcaption {
    position: absolute;
    top: 100%;
    right: 0;
    display: inline-block;
    margin: 0;
    padding: 0 0.8em;
    color: #333;
    font-size: min( calc( 14 * 100vw / var( --dw ) ), calc( 14 * var( --maxw_px ) / var( --dw ) ) );
    letter-spacing: 0;
    line-height: 2;
}
.t-madori__others__button.c-button--secondary {
    background-color: #626262;
    border-color: #626262;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .t-madori__title__area__area--s {
        font-size: calc( 24 * 100vw / var( --dw ) );
    }
    .t-madori__data__inner-building_image {
        margin: 0 0 calc( 60 * 100vw / var( --dw ) );
    }
    .t-madori__data__inner-building_image > figure {
    }
    .t-madori__data__inner-building_image > figure > picture {
    }
    .t-madori__data__inner-building_image > figure > figcaption {
        font-size: calc( 24 * 100vw / var( --dw ) );
    }
}



.t-madori__drawing__control button.u-textlink--zoom {
    padding-top: min(1.009vw, 16.8px);
    padding-bottom: min(1.009vw, 16.8px);
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .t-madori__drawing__control button.u-textlink--zoom {
        padding-top: min(2.133vw, 9.6px);
        padding-bottom: min(2.133vw, 9.6px);
    }
}



.t-madori__premium {
    position: relative;
    width: 100%;
    max-width: var( --dw_px );
    margin: 0 auto;
    padding: min( calc( 90 * 100vw / var( --dw ) ), 90px ) min( calc( 144 * 100vw / var( --dw ) ), 144px ) 0;
}
.t-madori__premium__button {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.t-madori__premium__button.disabled {
    cursor: default;
}
.t-madori__premium__button > figure, 
.t-madori__premium__button > figure > picture {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.t-madori__premium__button > figure > picture > img {
    width: 100%;
    max-width: none;
}
.t-madori__premium__button > figure > figcaption {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    margin: 0;
    padding: 0 1em;
    color: #fff;
    font-size: min( calc( 14 * 100vw / var( --dw ) ), 14px );
    letter-spacing: 0;
    line-height: 2;
}
@media screen and ( min-width: 1920px ){
}
@media screen and ( max-width: 768px ){
    .t-madori__premium {
        max-width: none;
        margin: 0;
        padding: calc( 50 * 100vw / var( --dw ) ) calc( 50 * 100vw / var( --dw ) ) 0;
    }
    .t-madori__premium__button {
    }
    .t-madori__premium__button.disabled {
    }
    .t-madori__premium__button > figure, 
    .t-madori__premium__button > figure > picture {
    }
    .t-madori__premium__button > figure > picture > img {
    }
    .t-madori__premium__button > figure > figcaption {
        font-size: calc( 24 * 100vw / var( --dw ) );
    }
}