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

/* 全体（色系）*/
body {
    .add_contact h2 {
        color: #00173a;
    }

    .add_contact .add_contact_flex .contactarea .tel_btn a {
        color: #00173a;
    }

    .non_thum_list li:first-child {
        border-top: solid 1px #ccc;
    }

    &.recruit {
        .sec01 {
            .sub_images_ul li {
                .ttl05 {
                    color: #00173a;
                }
            }
        }
    }

    &.contact {
        a.tel_link {
            color: #00173A;
        }
    }

    .add_contact .add_contact_flex .contactarea .h_btn01.contact_btn {
        margin: auto 0;
        width: auto;
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .add_message {
            .layout_d .txtbox {
                margin-left: 80px;
            }

            .layout_d .txtbox .box {
                width: 75%;
            }
        }

        .add_recruit02 .add_recruit02_bnr_flex li a .contbox .num {
            text-align: right;
            margin-right: 30px;
        }

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

        &.contact {
            .info_box {
                .box {
                    padding: 0 5%;
                }
            }
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
        .add_message {
            .layout_d .txtbox {
                margin-left: 80px;
            }

            .layout_d .txtbox .box {
                width: 65%;
            }
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        .tp_recruit .box {
            width: 100%;
        }

        .add_company .bg_area img {
            aspect-ratio: 2 / 1;
        }

        .add_company .add_company_flex .menu_area .add_company_menu_flex li {
            width: 100%;
            margin-right: 0;
            margin-top: 20px;
        }

        .add_company .add_company_flex .menu_area .add_company_menu_flex li:nth-child(2) {
            margin-top: 20px;
        }

        .tbl_list02 li:before {
            width: 150px;
        }
    }
}

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

        #main_visual .mv_news_container {
            background-color: #E8EBF2;
        }

        .add_company .bg_area img {
            aspect-ratio: 390 / 260;
        }

        .add_company .add_company_flex .menu_area .add_company_menu_flex li {
            width: calc((100% - 20px) / 2);
            margin-right: 20px;
        }

        .add_company .add_company_flex .menu_area .add_company_menu_flex li:nth-child(2) {
            margin-top: 0;
        }

        .tbl_list02 li:before {
            width: 120px;
        }
    }
}