/* ===== 求人バナー ===== */
.recruit-banner{
width: min(900px,92%);
margin: 60px auto 10px;
}
.recruit-banner a{
position: relative;
display: block;
border-radius: 16px;
overflow: hidden;
text-decoration: none;
box-shadow: 0 8px 25px rgba(0,0,0,0.05);
}
.recruit-banner img{
width: 100%;
height: auto;
display: block;
}
/* テキスト */
.recruit-banner-text{
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 40px;
background: linear-gradient(to right, rgba(0,0,0,.35), rgba(0,0,0,0));
color: #fff;
}
.recruit-sub{
font-size: 12px;
letter-spacing: .2em;
margin-bottom: 6px;
opacity: .9;
}
.recruit-banner-text p{
font-size: 18px;
margin: 0;
letter-spacing: .04em;
}
/* hover */
.recruit-banner a:hover{
transform: translateY(-2px);
box-shadow: 0 12px 30px rgba(0,0,0,0.08);
transition: .25s;
}
/* スマホ */
@media (max-width:768px){
.recruit-banner-text{
padding-left: 22px;
}
.recruit-banner-text p{
font-size: 15px;
}
}
