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

/* 全体（色系）*/
body {

    .gnav {
        ul.links_sns {
            justify-content: center;
        }

        ul.links_sns li a.ig_icon::before,
        ul.links_sns li a.fb_icon::before {
            width: 30px;
            height: 30px;
        }
    }
	
	dl.flow_list01 dt {
		width: 5%;
	}
	
	dl.flow_list01 dt .num {
		bottom: -20px;
	}
	
    &.business-outsourcing {
        .sec04 {
            .ttl05.type02 {
                border-bottom: solid 1px #16A466;
            }
        }
    }
	
	.dl_tbl01 dt {
		border-bottom: solid 3px #9FCBB8;
	}
	
	.dl_tbl01 dd {
		border-bottom: solid 1px #9FCBB8;
	}

    /*スタッフインタビューを非表示による修正*/
    .add_company {
        .linkbtn01 {
            display: block;

            li {
                margin-bottom: 10px;
            }
        }
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .tp_sec05 {
            .layout_e .lf_box .txtbox {
                padding-right: 100px;
            }
        }

        &.business-outsourcing {
            .layout_b .imgbox {
                margin-right: 6rem;
            }

            .layout_a .imgbox {
                margin-left: 6rem;
            }
        }

        &.partnership {
            .sec01 {
                .layout_b .imgbox {
                margin-right: 6rem;
            }

            .layout_a .imgbox {
                margin-left: 6rem;
            }
            }
        }

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

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

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
		
		dl.flow_list01 dt {
			padding-top: 50px;
			width: 10%;
		}
		
        &.employment-support {
            .sec05 {
                .right_bg01,
                .left_bg01 {
                    margin-bottom: 40px;
                }
            }
        }

        main section .page_title {
            width: 100%;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        .tbl_list01 .dot-list01 li {
            display: block;
        } 
    }
}