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

/* 全体（色系）*/
body {
    .add_company {
        .text_link03.wht .txt {
            border-bottom: 1px dotted #ffffff;
        }
    }

    .add_recruit {
        .ttl01::before {
            border-bottom: none;
        }
    }

	.text_link03 .bt-circle > * {
		padding-top: 15px;
	}
    .non_thum_list li:first-child {
        border-top: solid 1px #ccc;
    }

    #menu-header-navi .sub-menu li a {
        border-right: none;
    }

    .flow_list li .txtbox h3 {
        border-bottom: solid 1px #61b730;
    }

	.add_contact_head .tel_box a.tel_link02 {
		font-size: clamp(17px, 0.864rem + 0.85vw, 30px);
	}
	
	.add_contact_head .tel_box p {
    font-size: 16px;
	}
	
    &.recruit {
        .sec01 {
            background-color: #FFFCF3;
        }
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        #menu-header-navi li:last-child a {
            border-right: none;
        }

        header ul.links_sns li {
            margin-right: 20px;
        }

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

        .add_guide {
            .contents_wrap {
                max-width: 1440px;
            }

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

            .layout_a .imgbox {
                width: 52%;
            }
        }

        .tp_sec03c {
            .contents_wrap {
                max-width: 1440px;
            }

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

        .add_voice {
            .contents_wrap {
                max-width: 1440px;
            }
        }

        .add_company {
            .box01 {
                width: 70%;
            }

            .ttl01 {
                margin-bottom: 40px;
            }
        }

        .add_recruit {
            .ttl01 {
                margin-bottom: 40px;
            }

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

        .tp_sec05 {
            .non_thum_list {
                padding: 0 5%;
            }
        }

        .add_contact {
            .ttl01 {
                margin-bottom: 40px;
            }
        }

        .footerUpper {
            padding: 40px 5% 0;
        }

        .footerUpper .footerUpper_nav_area {
            gap: 0 100px;
        }

        .sec00.line01 .contents_wrap {
            padding: 0 5% 80px;
        }

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

            .layout_a .imgbox {
                width: 52%;
            }
        }

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

                .layout_a .imgbox {
                    width: 50%;
                }
            }
        }

        &.recruit {
            .unkmenu {
                margin: 0 auto 100px;
            }

            .sec01 {
                padding: 100px 0;
            }

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

                .layout_b .txtbox {
                    margin-left: 60px;
                }
            }
        }

        &.contact {
            hr.line05 {
                    padding-bottom: 50px;
                    margin-bottom: 50px;
            }
        }

        #main_visual .mv_news_container {
            bottom: 50px;
            height: 70px;
        }
    }
}

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

        #main_visual .mv_news_container {
            bottom: 80px;
            height: 80px;
        }

        .add_voice {
            .contents_wrap {
                max-width: 1610px;
            }
        }
        
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {

        &.recruit {
            .unkmenu {
                margin: 0 auto 100px;
            }

            .sec01 {
                padding: 100px 0;
            }
        }

        .tp_sec01 .tp01_flex .imgbox {
            width: 100%;
        }

        .tp_sec01 .tp01_flex .txtbox {
            margin-right: 0;
            margin-bottom: 50px;
        }

        .tp_sec03 .sec03_layaut_box .layaut_box_li .imgbox {
            width: 100%;
            margin-right: 0px;
            margin-bottom: 50px;
        }

        .tp_sec03 .sec03_layaut_box .layaut_box_li:nth-child(even) .imgbox {
            width: 100%;
            margin-left: 0px;
            margin-bottom: 50px;
        }

        .add_company .box01 {
            width: 100%;
        }

        .footerUpper .footerUpper_prof_area {
            width: 45%;
        }

        .footerUpper .footerUpper_nav_area {
            margin-left: 0;
            gap: 0 15px;
        }
    }
}

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

        &.recruit {
            .unkmenu {
                margin: 0 auto 50px;
            }

            .sec01 {
                padding: 50px 0;
            }
        }

        .tp_sec03c {
            .ttl02 .jp_ttl {
                display: block;
            }
        }

        .non_thum_list li {
            padding: 15px 20px; 
        }

        .footerUpper .footerUpper_prof_area {
            width: 100%;
        }

		.add_contact_head .tel_box a.tel_link02 {
			font-size: clamp(30px, 0.864rem + 0.85vw, 30px);
		}
		
        .layout02 li.layout02_box .txtbox {
            margin-top: 20px;
        }

        .category-list li {
            margin-right: 10px;
            margin-bottom: 10px;
        }
    }
}