@charset "utf-8";

.main_slide {
    margin-bottom: 0.735vw;
}

.info_ttl h2 {
    text-align: center;
    color: #F1B405;
    font-weight: 500;
}

.reno_info {
    background: #333;
    border-radius: 1.691vw;
    margin: 3.676vw 0;
    padding: 1.471vw 0;
}

table.reno_info_tbl {
    width: 73.529vw;
    margin: 15px auto 0;
}

.info_ttl {
    margin: 0 1.471vw;
    padding-bottom: 0.735vw;
    border-bottom: solid 1px #fff;
}

.single_txt_box {
    margin-bottom: 2.206vw;
}

.casepage_first__sec {
    margin: 8% auto;
}

article {
    margin: auto;
}

table.reno_info_tbl td {
    text-align: left;
    width: 23%;
}

table.reno_info_tbl th {
    text-align: left;
    width: 23%;
    font-weight: 400;
    padding: 0.588vw 0;
    color: #fff;
}

table.reno_info_tbl {
    width: 90%;
    margin: 15px auto 0;
}


@media (max-width: 767px) {


    table.reno_info_tbl tr {
        display: flex;
        flex-wrap: wrap;
    }

    table.reno_info_tbl td {
        display: flex;
        justify-content: flex-end;
        text-align: left;
        width: 52%;
    }

    table.reno_info_tbl th {
        text-align: left;
        width: 48%;
        font-weight: 400;
        padding: 0.588vw 0;
        color: #fff;
    }

    table.reno_info_tbl {
        width: 90%;
        margin: 15px auto 0;
    }

    article {
        margin: auto;
        width: 100%;
    }

    .before_img_element {
        img {
            width: 100%;
        }
    }

    .after_img_element {
        img {
            width: 100%;
        }

    }
}