@charset "utf-8";

/* Results */

.row-results {
    padding-top: 80px;
}

.row-tab ul.tabs {
    margin: 0 auto;
    padding-top: 10px;
    list-style: none;
    max-width: 1105px;
    position: relative;
    margin-left: 100px;
}

.row-tab ul.tabs li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    position: absolute;
    z-index: 0;
}

.row-tab ul.tabs li:first-child {
    left: 0;
}

.row-tab ul.tabs li:last-child {
    right: 0;
}

.row-tab ul.tabs li.current {
    z-index: 3;
}

.tab-content {
    position: relative;
    z-index: 1;
    background: #fbfbf8;
    width: 100%;
    float: left;
    border-bottom: 1px #b2b2b2 solid;
    display: none;
    z-index: 1;
    padding-bottom: 40px;
}

.tab1 {
    border-top: 1px #6aba00 solid;
}

.tab2 {
    border-top: 1px #f6921e solid;
}

.tab-content.current {
    display: inherit;
}


/* End results *

/* Results 01 */

.row-results1 {
    position: relative;
    top: 78px;
    min-height: 380px;
    padding-bottom: 78px;
}

.row-results1 .row-item {
    padding-top: 60px;
}

.row-results1 .row-item .row-margin {
    margin: 0 -25px;
}

.row-results1 .row-item .p-item {
    width: 33.333%;
    float: left;
    padding: 0 25px;
    margin-bottom: 45px;
}

.row-content2 .row-item .p-img {
    background: #fff;
    display: block;
}

.row-results1 .row-item .p-img a {
    display: block;
}

.row-results1 .row-item .p-img img {
    width: 100%;
    max-width: inherit;
}

.row-results1 .row-item .p-txt {
    background: #e5e5e5;
    padding: 15px 8px 10px 8px;
    width: 100%;
    float: left;
}

.row-results1 .row-item .p-note {
    background: #8ac414;
    display: inline-block;
    padding: 4px 5px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 16px;
    width: 60px;
    text-justify: auto;
    text-align: justify;
    margin-right: 10px;
}

.row-results1 .tab2 .row-item .p-note {
    background: #efb619;
}

.row-results1 .row-item .p-txt ul li {
    width: 100%;
    float: left;
    padding-top: 6px;
    font-size: 16px;
}

.row-results1 .row-item .p-txt ul li:first-child {
    padding-top: 0;
}


/* End result 01 */


/* リフォーム */
.ow{width: 100%;overflow: hidden;}
.ds-ib{display: inline-block;vertical-align: top;}
#wp-reno{position: relative;padding-bottom: 45px;padding-top: 12px;}
/* ------------------- */
.reno-one{width: 100%;overflow: hidden;position: relative;font-size: 0;margin-top: 4.7%;}
.reno-one-item{width: 30.2%;background: #ccc;margin-right: 4.7%;}
.reno-one-item:last-child{margin-right: 0;}
.reno-one-item a{width: 100%;display: block; height: 237px;}
.reno-one .p-txt ul li{font-size: 15px; color: #fff}
.reno-one .p-txt{position: relative;width: 100%;padding: 15px 8px 10px 8px;}
.reno-one .p-txt ul{width: 100%;}
.reno-one .p-txt ul li{display: block;}
.reno-one .p-txt ul li .p-note{display: inline-block; background: #89C413;padding: 5px;margin-right: 5px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }

@media screen and (max-width: 767px){
    #wp-reno{padding-bottom: 0;}
    .row-results{padding-top: 25px;}
    .reno-one-item{width: 100%;margin-right: 0;margin-top: 30px;}
    .reno-one{margin-top: 0;}
    .reno-one .p-txt ul li{font-size: 14px;}
    .reno-one-item:last-child{margin-bottom: 0;}
    .reno-one .p-txt ul li .p-note{width: 100%;max-width: 100px;text-align: center;display: block;margin-bottom: 5px;}
    .row-results1 .row-item .p-item:last-child{margin-bottom: 0;}
    .row-results1 .row-item{padding-top: 42px;}
}

/* End リフォーム */