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

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

    &.page-template-tmpl_news,
    &.category {
        .ttl05 {
            border-bottom: solid 1px #333;
        }
    }

    footer {
        ul.links_sns {
            margin-left: 0;
        }
    }

    .gnav {
        ul.links_sns {
            margin-left: 0;
            margin-top: 10px;
            justify-content: center;
        }
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .header-r-area {
            ul.links_sns {
                margin-right: 15px;
                margin-top: 5px;
            }
        }

        header.fixed {
            ul.links_sns li a.ig_icon::before {
                background-image: url(../images/icon/sns/insta_blk.svg);
            }
        }

        .tp_sec01 {
            .layout_a .txtbox {
                margin-right: 0;
            }
        }

        .tp_sec02 {
            .layout_b .txtbox {
                margin-left: 80px;
            }

            .layout_a .txtbox {
                margin-right: 80px;
            }

            .layout_b .imgbox,
            .layout_a .imgbox {
                width: 60%;
            }
        }

        .tp_news {
            .pc_on {
                .btn01 {
                    margin-top: 3%;
                }
            }
        }

        .tp_company {
            .layout_b .txtbox {
                margin-left: 80px;
            }
        }

        /*60px用*/

        &.formwork,
        &.snow-removal,
        &.strengths,
        &.recruit,
        &.company {
            .layout_b .txtbox {
                margin-left: 60px;
            }

            .layout_a .txtbox {
                margin-right: 60px;
            }
        }

        .contact_infoarea .infobox {
            padding: 0 5%;
        }

        &.company .lead_company figure {
            left: 35%;
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
        &.company .lead_company figure {
            left: 40%;
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        .non_thum_list {
            .f13 {
                font-size: 13px;
            }
        }

        .add_contact .add_contact_flex .ttlarea {
            text-align: center;
        }

        .add_contact .add_contact_flex .contactarea {
            text-align: center;
        }

        &.company .lead_company figure {
            width: 65%;
        }

        header.fixed {
            ul.links_sns li a.ig_icon::before {
                background-image: url(../images/icon/sns/insta_blk.svg);
            }
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        .limit_text_1 {
            margin-top: 10px;
        }

        &.company .lead_company figure {
            width: 80%;
        }

        .ttl05.type01 {
            padding-bottom: 10px;
            margin-bottom: 10x;
        }

        .welfare_flex {
            display: flex;
        }

        .welfare_flex .imgbox {
            width: 30%;
        }

        .welfare_flex .txtbox {
            margin-left: 0;
        }

        .non_thum_list li {
            padding: 20px;
        }

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

        .tbl_list02 li {
            padding: 20px;
        }

        .tbl_list02 li:before {
            width: 25%;
        }

        .tbl_list02 li .list_ttl {
            width: 30%;
        }

        &.formwork,
        &.snow-removal {
            .dl_tbl02 {
                padding-left: 10px;
                padding-right: 10px;
            }
        }

        #page_top {
            bottom: 20px;
            right: 15px;
        }

        footer {
            ul.links_sns {
                justify-content: flex-start;
            }
        }

        header {
            ul.links_sns {
                display: none;
            }
        }
    }
}