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

.feature {
    .layout_b {
        padding: 0 5%;
        box-sizing: border-box;

        @media screen and (max-width: 1024px) {
            display: block;
        }

        .imgbox {
            width: 30%;

            @media screen and (max-width: 767px) {
                width: 100%;
            }
        }
    }
}


/* 全体（色系）*/
body {
    .ttl01b .eng_txt .num {
        color: #0F8092;
    }

    .add_recruit {
        img {
            border: solid 6px #FFFFFF;
            border-radius: 10px;
        }
    }

    &.apartment,
    &.architectural-beautification,
    &.original-state {
        .sec02 .ttl05 {
            border-bottom: solid 1px #00ABC7;
        }
    }

    .tbl_list01 li .tbl_ttl {
        background-color: #EEEDEA;
        border-radius: 6px 0 0 6px;
        border: none;
    }

    .tbl_list01 li .tbl_body {
        background-color: #F8F8F8;
        border-radius: 0 6px 6px 0;
        border-top: none;
        border-bottom: none;
        border-right: none;
    }

    .thum_list02 li .txtbox:after {
        color: #0F8092;
    }

    &.company .sec01:before {
        display: none;
    }

    &.company .sub_images_ul li img {
        border-radius: 10px;
    }

    .ttl09 {
        border-left: solid 4px #0F8092;
    }

    .category-list li a:hover {
        border: solid 1px #00ABC7;
        background-color: #00ABC7;
    }

}

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

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .add_works .ttl02 {
            text-align: left;
        }

        .tp_news .ttl02 {
            text-align: left;
        }

        &.apartment,
        &.architectural-beautification,
        &.original-state {
            .ttl05 {
                font-size: 24px;
            }
        }

        &.company .sub_images_ul {
            gap: 20px 40px;
        }
    }
}

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

/* 携帯*/
@media screen and (max-width: 767px) {
    body {

        .tp_sec02 .layout_b .imgbox img,
        .tp_sec02 .layout_a .imgbox img {
            border: solid 5px #FFFFFF;
        }

        #main_visual .copy_text {
            top: calc(35%);
            left: 10%;
        }
    }
}