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

/* 全体（色系）*/
body {
    &.recruiting-agents {
        .sec01 {
            .infobox01 {
                background-color: #fff;

                .ttl05 {
                    border-bottom: solid 1px #333333;
                }

                .chk_list li {
                    border-bottom: dashed 1.6px #333;
                }
            }
        }

        .sec02 {
            .infobox01 {
                .ttl05 {
                    border-bottom: solid 1px #333333;
                }
            }
        }

        .sec04 {
            hr.line04 {
                padding-bottom: 15px;
                margin-bottom: 0px;
                border-bottom: solid 1px #333333;
            }
        }
    }

    footer figure {
        width: 200px;
        margin: 0 auto;
    }
}

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

        &.recruit {
            .sec01 {
                .layout_b .imgbox {
                    width: 55%;
                    margin-right: 60px;
                }
            }
        }

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

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

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        #main_visual .copy_text {
            inset: 30% 0 0 10%;
        }

        .parts_contact {
            p {
                text-align: center;
            }
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        #main_visual .copy_text {
            width: 65%;
            inset: 0 0 0 0;
        }

        .non_thum_list li {
            padding: 15px;
        }

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

        .tp_sec02 {
            .layout_a {
                display: flex;
                flex-direction: column-reverse;
            }

            .layout_a .imgbox {
                margin-top: 20px;
            }
        }
    }
}