@charset "utf-8";
/* 
サイト固有の記述
*/

/* 全体（色系）*/
body {
    .non_thum_list li:first-child {
        border-top: 1px solid #ccc;
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .tp_sec01 {
            .layout_a .imgbox {
                width: 35%;
            }
        }

        .tp_sec02 {
            .lead {
                padding: 180px 0;
            }
        }

        .footerUpper .footer_flex .f_company {
            width: 45%;
        }

        .footerUpper .footer_flex .footerUpper_nav_area {
            width: 55%;
            justify-content: center;
        }

        header .header-r-area .h-contact .telbox {
            padding-right: 20px;
        }

        &.real-estate-purchase,
        &.architectural-design,
        &.selling-inherited-property,
        &.selling-vacant-land-and-houses,
        &.land-sales,
        &.selling-a-detached-house,
        &.selling-an-apartment,
        &.real-estate-sale {
            .sec02 {
                .layout_a .imgbox {
                    width: 55%;
                }
            }
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        .non_thum_list li {
            padding: 20px;
        }

        .non_thum_list li:after {
            right: 20px;
        }

        .accordion-area .faq_title {
            padding: 15px 9% 15px 40px;
        }
    }
}