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

/* 全体（色系）*/
body {
    .add_recruit02 {
        .ttl07 .jp_ttl {
            color: #025b5b;
        }
    }

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

    .add_contact .tel_btn a {
        color: #025b5b;
    }

    .contact_add .tel_link {
        color: #025b5b;
    }

    a.tel_link::before {
        color: #025b5b;
    }

    .category-list li a {
        font-size: 15px;
    }

    footer {
        font-size: 14px;
    }
	
	#main_visual .copy_text {
		position: absolute;
		z-index: 3;
		top: calc(55% - 0px);
		left: 25%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 30%;
	}
}



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

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

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

        .chk_list li {
            font-size: 18px;
        }

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

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        .add_company .bg_area img {
            aspect-ratio: 1920 / 660;
        }

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

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

        .sp_text_align_center {
            text-align: center;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        #main_visual {
            height: calc(85vh - 60px - 90px);
        }

        #main_visual .mv_news_container {
            bottom: 35px;
        }

        #main_visual .mv_bg01 {
            clip-path: polygon(0 0, 70% 0, 100% 100%, 0% 100%);
        }

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

        .tp_news {
            padding: 0;
        }

        &.sales .layout_b .txtbox, 
        &.asbestos-survey .layout_b .txtbox, 
        &.anchor-tensile-test .layout_b .txtbox, 
        &.x-ray-survey .layout_b .txtbox, 
        &.structure-scan .layout_b .txtbox, 
        &.diamond-drill .layout_b .txtbox, 
        &.various-anchor-works .layout_b .txtbox, 
        &.general-and-civil-engineering-works .layout_b .txtbox, 
        &.business .layout_b .txtbox {
            margin-left: 0;
        }

        &.sales .layout_a .txtbox, 
        &.asbestos-survey .layout_a .txtbox, 
        &.anchor-tensile-test .layout_a .txtbox, 
        &.x-ray-survey .layout_a .txtbox, 
        &.structure-scan .layout_a .txtbox, 
        &.diamond-drill .layout_a .txtbox, 
        &.various-anchor-works .layout_a .txtbox, 
        &.general-and-civil-engineering-works .layout_a .txtbox, 
        &.business .layout_a .txtbox {
            margin-right: 0;
        }

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