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

/* 全体（色系）*/
body {
    &.company {
        .sec03 .dl_tbl01 dt {
            color: #001581;
        }
    }

    .pc_on2 {
        display: block;
    }

    .sp_on2 {
        display: none;
    }

    &.vehicles {
        .tbl02.custum tr {
            border-bottom: solid 2px #0d52bb;
        }

        .tbl02.custum tr td {
            padding: 5px;
            font-weight: bold;
        }


    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .tp_sec01 {
            border-top: solid 0px #aaaaaa;
        }
        .layout_a {
            gap: 10px;
        }
        .header-nav {
            margin-top: 0;
        }

        .footerUpper_nav_area {
            .box {
                width: 200px;
            }
        }

        .tp_sec02 {
            .layout_e .lf_box {
                width: 100%;
            }

            .layout_e .lf_box .imgbox {
                width: 50%;
            }

            .layout_e .lf_box .txtbox {
                padding-left: 10em;
            }
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
		.tp_sec01 {
            border-top: solid 0px #aaaaaa;
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
		.tp_sec01 {
            border-top: solid 0px #aaaaaa;
        }
        main section .page_title {
            width: 100%;
        }

        .ttl03 .main_ttl {
            margin-top: -3rem;
        }

        &.vehicles {
            .sec01,
            .sec02 {
                .layout_b {
                    flex-direction: column-reverse;
                }
            }
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
		.tp_sec01 {
            border-top: solid 0px #aaaaaa;
        }
        .pc_on2 {
            display: none;
        }

        .sp_on2 {
            display: block;
        }

        &.recruit {
            .sec04 {
                .sub_images_ul.cul4 {
                    flex-direction: row;
                }
            }
        }

        .non_thum_list li:after {
            display: none;
        }

        &.vehicles {
            .tbl02.custum tr td {
                font-size: 18px;
            }
        }
    }
}