@charset "utf-8";

.recruit-box{
    margin: 0 10%;
    padding: 0 4%;
}

.recruit-box .sec-block-header p{
    margin-top: 20px;
    font-weight: 600;
}

.grid>.grid-item>.recruit-item-box{
    display: block;
    position: relative;
    border: 2px solid #F09397;
    border-radius: 20px;
    transition: all 0.3s ease;
    box-shadow: 0 0 8px gray;
}

.grid-2>.grid-item>.recruit-item-box{
    padding: 20px 10px 20px 130px;
}

.grid>.grid-item>.recruit-item-box:hover{
    background-color: #F09397;
}

.grid.grid-2>.grid-item>.recruit-item-box::before{
    position: absolute;
    content: "";
    width: 80px;
    height: 80px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 10px;
    left: calc(50% - 120px);
}

.grid.grid-2>.grid-item.recruit-perform>.recruit-item-box::before{
    background-image: url(../images/recruit/recruit-perform-pink.webp);
}

.grid.grid-2>.grid-item.recruit-perform:hover>.recruit-item-box::before{
    background-image: url(../images/recruit/recruit-perform-white.webp);
}

.grid.grid-2>.grid-item.recruit-booth>.recruit-item-box::before{
    background-image: url(../images/recruit/recruit-booth-pink.webp);
}

.grid.grid-2>.grid-item.recruit-booth:hover>.recruit-item-box::before{
    background-image: url(../images/recruit/recruit-booth-white.webp);
}


.recruit-text p{
    font-weight: 600;
}

.grid>.grid-item>.recruit-item-box:hover>.recruit-text p{
    color: #fff;
}

.grid-3>.grid-item>.recruit-item-box{
    padding: 10px;
}