@charset "utf-8";

.mainItemThum {
    width: 490px;
    height: 310px;
    border-radius: 10px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("../images/employment/employmentmain.webp");
}
.mainRight {
    width: 490px;
    float: right;
    margin-left: 40px;
}
.mainLeft {
    
}
.stepListItemThum {
    width: 143px;
    height: 102px;
    border-radius: 10px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.webp .jobsupportListItem:nth-child(1) .stepListItemThum {
    background-image: url("../images/employment/employment1.webp");
}
.no-webp .jobsupportListItem:nth-child(1) .stepListItemThum {
    background-image: url("../images/employment/employment1.jpg");
}
.webp .jobsupportListItem:nth-child(2) .stepListItemThum {
    background-image: url("../images/employment/employment2.webp");
}
.no-webp .jobsupportListItem:nth-child(2) .stepListItemThum {
    background-image: url("../images/employment/employment2.jpg");
}
.webp .jobsupportListItem:nth-child(3) .stepListItemThum {
    background-image: url("../images/employment/employment3.webp");
}
.no-webp .jobsupportListItem:nth-child(3) .stepListItemThum {
    background-image: url("../images/employment/employment3.jpg");
}
.webp .jobsupportListItem:nth-child(4) .stepListItemThum {
    background-image: url("../images/employment/employment4.webp");
}
.no-webp .jobsupportListItem:nth-child(4) .stepListItemThum {
    background-image: url("../images/employment/employment4.jpg");
}

/*----------------------------------------
 _画面の横幅が560pxまで
----------------------------------------*/
@media screen and (max-width:560px) {
    .mainRight {
        width: 100%;
        margin-bottom: 3.5vw;
    }
    .mainItemThum {
        width: 100%;
        border-radius: 1.7vw;
    
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-image: url("../images/employment/employmentmain.webp");
    }
    .stepListItemThum {
        /* width: 75vw;
        height: 53.4vw;
        margin: 0 auto; */
        width: 23.21vw;
        height: 16.42vw;
    }

}