/* development *********************************/

.recruit-careerplan-development main{
    background-image: url(/-/media/HOME/recruit/new/images/career-plan/main_development.webp);
	background-position: center top;
}

.recruit-careerplan-development .firstbox #first_titlebox{
    padding-bottom: 100px;
}

@media screen and (max-width: 1023px){

    .recruit-careerplan-development .firstbox #first_titlebox{
        padding-bottom: 9.77517107vw;
    }
}

@media screen and (max-width: 767px){

    .recruit-careerplan-development .firstbox #first_titlebox{
        padding-bottom: 50px;
    }
}




/* policy */


.recruit-careerplan-development #policybox{
    padding-top: 50px;
}

.recruit-careerplan-development #policybox .bg_lightgray{
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 80px 0px;
}

.recruit-careerplan-development #policybox #policybox_inner{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.recruit-careerplan-development #policybox #policybox_inner #policybox_title{
    width: 40%;
}

.recruit-careerplan-development #policybox #policybox_inner #policybox_txt{
    width: 58%;
    font-size: 15px;
}


.recruit-careerplan-development #policybox #policybox_inner #policybox_title h3{
    font-size: 22px;
    line-height: 1.8;
    font-weight: 500;
    color: var(--komatsu-blue);
    padding-bottom: 30px;
}

.recruit-careerplan-development #policybox #policybox_inner #policybox_title h3r span{
	display: inline-block;
}

.recruit-careerplan-development #policybox #policybox_inner #policybox_title h3::before{
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 5px;
    bottom: 0;
	left:0;
    background-color: var(--komatsu-blue);
}

@media screen and (max-width: 1023px) {
    .recruit-careerplan-development #policybox .bg_lightgray{
        padding: 7.82013685vw 0px;
    }

    .recruit-careerplan-development #policybox{
        padding-top: 4.88758553vw;
    }
}

@media screen and (max-width: 767px) {
    .recruit-careerplan-development #policybox{
        padding-top: 25px;
    }

    .recruit-careerplan-development #policybox .bg_lightgray{
        padding: 40px 0px 30vw;
    }

    .recruit-careerplan-development #policybox #policybox_inner #policybox_title h3{
        font-size: 18px;
    }

	.recruit-careerplan-development #policybox #policybox_inner #policybox_title h3::before{
    	width: 40px;
	}

    .recruit-careerplan-development #policybox #policybox_inner #policybox_title{
        width: 100%;
    }

    .recruit-careerplan-development #policybox #policybox_inner #policybox_txt{
        width: 100%;
        font-size: 14px;
        padding-top: 30px;
    }


}


.recruit-careerplan-development #policybox #policybox_inner #policybox_txt p{
    line-height: 2;
    padding-bottom: 50px;
    text-align:justify;
    text-justify:distribute;
}

.recruit-careerplan-development #policybox #policybox_inner #policybox_txt ul{
    border-top: var(--komatsu-middlegray) solid 1px;
}

.recruit-careerplan-development #policybox #policybox_inner #policybox_txt ul li{
    padding: 20px 0px;
    line-height: 1.4;
    border-bottom: var(--komatsu-middlegray) solid 1px;
}

.recruit-careerplan-development #policybox .triangle{
    position: absolute;
}

.recruit-careerplan-development #policybox .triangle::before{
    content: "";
    display: block;
    padding-top: 69.8630137%;
}

.recruit-careerplan-development #policybox .triangle span{
    display: inline-block;
    padding-top: 69.89528796%;
}

.recruit-careerplan-development #policybox #policybox_bg_left{
    width: 25%;
    bottom: 0;
    left: 0;
    z-index: 20;
}

.recruit-careerplan-development #policybox #policybox_bg_left span{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}


.recruit-careerplan-development #policybox #policybox_bg_left_white{
    width: 33%;
    bottom: 0;
    left: 0;
    z-index: 15;
}

.recruit-careerplan-development #policybox #policybox_bg_left_white span{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.recruit-careerplan-development #policybox #policybox_bg_right{
    width: 35%;
    top: 0;
    right: 0;
    z-index: 1;
}

.recruit-careerplan-development #policybox #policybox_bg_right span{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
}


.recruit-careerplan-development #policybox article{
    z-index: 10;
}

.recruit-careerplan-development #policybox article #policybox_inner{
    
}

@media screen and (max-width: 767px) {
    .recruit-careerplan-development #policybox #policybox_bg_left{
        width: 37%;
        bottom: 0;
        left: 0;
        z-index: 20;
        clip-path: polygon(0 0, 0% 100%, 100% 100%);
    }

    .recruit-careerplan-development #policybox #policybox_bg_left_white{
        width: 45%;
        bottom: 0;
        left: 0;
        z-index: 15;
        /* background-color: #FFF; */
        clip-path: polygon(0 0, 0% 100%, 100% 100%);
    }

    .recruit-careerplan-development #policybox #policybox_bg_right{
        width: 60%;
        top: 0;
        right: 0;
        z-index: 1;
        clip-path: polygon(0 0, 100% 100%, 100% 0);
    }

}


/* policy */


/* systembox */

.recruit-careerplan-development #systembox{
    padding: 100px 0px 120px;
}

.recruit-careerplan-development #systembox h3{
    font-size: 28px;
    padding-bottom: 15px;
}

.recruit-careerplan-development #systembox figure{
    padding-bottom: 50px;
}



.recruit-careerplan-development #systembox #system_inner{
    max-width: 1160px;
    /* margin-left: 9.72222222%; */
    margin: 0 auto;
    padding: 40px 0px 20px 0px;
}

.recruit-careerplan-development #systembox #system_inner div figure{
    padding-bottom: 40px;
}

.recruit-careerplan-development #systembox #system_inner figure img{
    min-width: 1160px;
    padding: 0px;
    height: auto;
}



@media screen and (max-width: 1285px){
    .recruit-careerplan-development #systembox #system_inner{
         width: 92.6vw;
    }
   

    .recruit-careerplan-development #systembox #system_inner figure img{
        /* padding-right: 20px; */
    }
}

@media screen and (max-width: 1023px){

    .recruit-careerplan-development #systembox{
        padding: 9.77517107vw 0px 11.73020528vw;
    }

    .recruit-careerplan-development #systembox #system_inner{
        /* margin-left: 7.2vw; */
    }

    #recruit-job #matrixbox h3{
        font-size: 26px;
        padding-top: 15px;
    }

}

@media screen and (max-width: 767px){

    .recruit-careerplan-development #systembox{
        padding: 50px 0px 80px;
    }

    .recruit-careerplan-development #systembox h3{
        font-size: 24px;
        padding-bottom: 10px;
    }

    .recruit-careerplan-development #systembox #system_inner{
        /* margin-left: 8vw; */
        padding: 0px 0px 20px;
    }

    .recruit-careerplan-development #systembox #system_inner div figure{
        padding-bottom: 30px;
    }

    #recruit-job #matrixbox #fmatrix_inner figure img{
        padding: 0px 15px;
    }

}

@media screen and (max-width: 480px){

    .recruit-careerplan-development #systembox #system_inner{
        /* margin-left: 3.125vw; */
    }


    #recruit-job #matrixbox h3{
        font-size: 20px;
        padding-top: 10px;
    }

}

/* systembox */



/* training */

.recruit-careerplan-development #trainingbox{
    padding: 120px 0px;
}

.recruit-careerplan-development #trainingbox h2{
    margin-bottom: 80px;
}

.recruit-careerplan-development #trainingbox ul{
    border-top: var(--komatsu-middlegray) solid 1px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.recruit-careerplan-development #trainingbox ul li{
    padding: 50px 0px;
    line-height: 1.4;
    border-bottom: var(--komatsu-middlegray) solid 1px;
}

.recruit-careerplan-development #trainingbox ul li figure{
    width: 49%;
}

.recruit-careerplan-development #trainingbox ul li div{
    width: 46%;
}

.recruit-careerplan-development #trainingbox ul li div h4{
    font-size: 22px;
    color: var(--komatsu-blue);
    padding-bottom: 35px;
}

.recruit-careerplan-development #trainingbox ul li div p{
    font-size: 15px;
    text-align:justify;
    text-justify:distribute;
    line-height: 2;
}


@media screen and (max-width: 1023px){

    .recruit-careerplan-development #trainingbox{
        padding: 11.73020528vw 0px;
    }

    .recruit-careerplan-development #trainingbox h2{
        margin-bottom: 7.82013685vw;
    }
}

@media screen and (max-width: 767px){

    .recruit-careerplan-development #trainingbox{
        padding: 60px 0px;
    }

    .recruit-careerplan-development #trainingbox h2{
        margin-bottom: 40px;
    }


    .recruit-careerplan-development #trainingbox ul{
        border-top: var(--komatsu-middlegray) solid 1px;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    .recruit-careerplan-development #trainingbox ul li figure{
        width: 100%;
    }

    .recruit-careerplan-development #trainingbox ul li div{
        width: 100%;
        padding-top: 30px;
    }

    .recruit-careerplan-development #trainingbox ul li div h4{
        font-size: 20px;
        color: var(--komatsu-blue);
        padding-bottom: 15px;
    }

}



/* training */


/* education */

.recruit-careerplan-development #educationbox{
    padding: 120px 0px;
}

.recruit-careerplan-development #educationbox h2{
    margin-bottom: 80px;
}

.recruit-careerplan-development #educationbox #education_inner{
    
}

.recruit-careerplan-development #educationbox #education_inner div.education_inner_box{
    width: 47.5%;
    border-top: var(--komatsu-blue) solid 1px;
    padding: 40px 0px 70px;
    
    display: flex;
    flex-direction: column;
}

.recruit-careerplan-development #educationbox #education_inner div.education_inner_box h4{
    font-size: 20px;
    color: var(--komatsu-blue);
    padding-bottom: 15px;
}

.recruit-careerplan-development #educationbox #education_inner div.education_inner_box p{
    font-size: 15px;
    text-align:justify;
    text-justify:distribute;
    line-height: 1.8;
    padding-bottom: 30px;
}


.recruit-careerplan-development #educationbox #education_inner div.education_inner_box div aside{
    padding-bottom: 2px;
}

.recruit-careerplan-development #educationbox #education_inner div.education_inner_box div dl{
    border-top: var(--komatsu-middlegray) solid 1px;
}

.recruit-careerplan-development #educationbox #education_inner div.education_inner_box div dl dt{
    padding: 10px 0px;
    width: 135px;
    border-bottom: var(--komatsu-middlegray) solid 1px;
    font-weight: 500;
}

.recruit-careerplan-development #educationbox #education_inner div.education_inner_box div dl dd{
    padding: 10px 0px 10px 20px;
    width : calc(100% - 135px) ;
    border-bottom: var(--komatsu-middlegray) solid 1px;
    text-align:justify;
    text-justify:distribute;
}

.recruit-careerplan-development #educationbox #education_inner div.education_inner_box div ul{
    border-top: var(--komatsu-middlegray) solid 1px;
}

.recruit-careerplan-development #educationbox #education_inner div.education_inner_box div ul li{
    padding: 10px 0px;
    border-bottom: var(--komatsu-middlegray) solid 1px;
}

.recruit-careerplan-development #educationbox #education_inner div.education_inner_box table{
    border-top: var(--komatsu-middlegray) solid 1px;
    width: 100%;

    border-collapse:collapse;
    border-spacing:0;
    box-sizing: border-box;	
}

.recruit-careerplan-development #educationbox #education_inner div.education_inner_box table tr th{
    padding: 10px 0px;
    width: 75px;
    border-bottom: var(--komatsu-middlegray) solid 1px;
    margin: 0;
    border-spacing: 0;
    vertical-align: middle;
} 

.recruit-careerplan-development #educationbox #education_inner div.education_inner_box table tr th img{
    filter: brightness(0)
    opacity(.5);
    width: 65px;
}

.recruit-careerplan-development #educationbox #education_inner div.education_inner_box table tr td{
    padding: 10px 0px 10px 15px;
    width : calc(100% - 75px) ;
    margin: 0;
    border-bottom: var(--komatsu-middlegray) solid 1px;
    border-spacing: 0;
    text-align:justify;
    text-justify:distribute;
}   
    
.recruit-careerplan-development #educationbox #education_inner div.education_inner_box table tr td strong{
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 5px;
}

.recruit-careerplan-development #educationbox #education_inner div.education_inner_box table tr td span{
    font-size: 14px;
    line-height: 1.6;
}


@media screen and (max-width: 1023px){

    .recruit-careerplan-development #educationbox{
        padding: 11.73020528vw 0px;
    }

    .recruit-careerplan-development #educationbox h2{
        margin-bottom: 7.82013685vw;
    }

    .recruit-careerplan-development #educationbox #education_inner div.education_inner_box div dl dt{
        padding: 15px 0px 0px;
        width: 100%;
        border: none;
    }

    .recruit-careerplan-development #educationbox #education_inner div.education_inner_box div dl dd{
        padding: 5px 0px 15px 0px;
        width : 100%;
        font-size: 14px;
    }

}

@media screen and (max-width: 767px){

    .recruit-careerplan-development #educationbox{
        padding: 60px 0px;
    }

    .recruit-careerplan-development #educationbox h2{
        margin-bottom: 40px;
    }

    .recruit-careerplan-development #educationbox #education_inner div.education_inner_box{
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .recruit-careerplan-development #educationbox #education_inner div.education_inner_box p{
        font-size: 14px;
        padding-bottom: 20px;
    }
}

/* education */




/* challenge */

.recruit-careerplan-development #challengebox{
    padding: 120px 0px 60px;
}

.recruit-careerplan-development #challengebox h2{
    margin-bottom: 80px;
}


@media screen and (max-width: 1023px){

    .recruit-careerplan-development #challengebox{
        padding: 11.73020528vw 0px 5.86510264vw;
    }

    .recruit-careerplan-development #challengebox ul{
        padding-top: 20px;
    }

    .recruit-careerplan-development #challengebox h2{
        margin-bottom: 7.82013685vw;
    }
}

@media screen and (max-width: 767px){

    .recruit-careerplan-development #challengebox{
        padding: 60px 0px 30px;
    }

    .recruit-careerplan-development #challengebox h2{
        margin-bottom: 40px;
    }
}


 .recruit-careerplan-development #challengebox ul li{
    width: 31%;
    padding: 50px 0px 100px;

    border-top: var(--komatsu-middlegray) solid 1px;
}

 .recruit-careerplan-development #challengebox ul li figure{
    width: 70px;
    margin: 0 auto;
}

 .recruit-careerplan-development #challengebox ul li h4{
    color: var(--komatsu-blue);
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    padding: 20px 0px 30px;
}

 .recruit-careerplan-development #challengebox ul li p{
    font-size: 15px;
    line-height: 2;
    text-align:justify;
    text-justify:distribute;
}

 .recruit-careerplan-development #challengebox ul li div{
    padding-top: 30px;
}

@media screen and (max-width: 1023px){

    .recruit-careerplan-development #challengebox{
        padding: 11.73020528vw 0;
    }

    .recruit-careerplan-development #challengebox ul li{
        width: 47%;
        padding: 4.88758553vw 0px 9.77517107vw;
    }

    .recruit-careerplan-development #challengebox ul li h4{
        padding: 20px 0px 25px;
    }

}

@media screen and (max-width: 767px){

    .recruit-careerplan-development #challengebox{
        padding: 60px 0;
    }

    .recruit-careerplan-development #challengebox ul li{
        padding: 30px 0px 70px;
    }
}


@media screen and (max-width: 600px){

    .recruit-careerplan-development #challengebox ul li{
        width: 100%;
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 480px){

     .recruit-careerplan-development #challengebox ul li h4{
        font-size: 18px;
        padding: 15px 0px 20px;
    }

}


/* challenge */


/* development *********************************/