@charset "UTF-8";
/*======================================================= 
 採用サイト(福利厚生)スタイル
=======================================================*/
.benefits-block{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
    gap: 30px;
    padding: 30px 0;
    margin-bottom: 100px;
}
.benefits-item{
    background: #f7f7f7;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #ddd;
    font-weight: bold;
    padding: 15px 15px 20px 15px;
}
.athlete-block{
    margin-bottom: 100px;
}
.athlete-img{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    padding-top: 15px;
}
.athlete-img img{
    width: 100%;
}
.thankyou-block{
    margin-bottom: 100px;
}
.hyosyo ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin: 30px 0;
}
.hyosyo ul li{
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: radial-gradient(circle, #ffffff 60%, #ffd700);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*950px以下*/
@media screen and (max-width: 950px){
    .benefits-block{
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        padding: 30px 15px;
        margin-bottom: 50px;
    }
    .athlete-block{
        margin-bottom: 50px;
    }
    .thankyou-block{
        margin-bottom: 0;
    }
    .hyosyo ul{
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 10px;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){

}