.s-top {
color: #333;
}
.s-top section:last-child {
margin-bottom: 6rem;
}

.sub-recruit-section {
margin: 6rem 0 0 0;
}

@media screen and (min-width: 768px) {
.sub-recruit-include-inner {
width: 1240px;
padding: 0 20px;
margin: 0 auto;
box-sizing: border-box;
}
.recruit-links-container ul{
display: flex;
justify-content: center; 
gap:30px 80px;
} 
.recruit-links-container ul li a{
box-sizing: border-box;
display: block;
position: relative;
}
.recruit-links-container ul li a p{
line-height: 1.5;
font-size: 1rem;
margin-top: .8rem;
text-align: center; 
}
.recruit-links-container a	.recruit-links--img{
display: block;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
transition: all 0.3s ease 0s;
width: 250px;
height: 250px;
overflow:hidden;
border-radius: 6px; 
}
.recruit-links-container a	.recruit-links--img:hover{
box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
transition: all 0.3s ease 0s	
}
.recruit-links-container a img{
width: 100%;
height: auto;
transition: all 0.3s ease 0s	
}
.recruit-links-container ul li a img:hover{
transform: scale(1.03, 1.03);
opacity: .8;
} 
.recruit-links-container .lead {
position: absolute;
font-weight: 700;
transform: translate(-50%, -50%);
bottom: 5%;
left: 50%;
width: 85%;
font-feature-settings: "palt"; 
}
.recruit-links-container .lead p {
background: #fff;
color: #e5002d; 
padding: 5px;
margin-bottom: 5px; 
margin-top: 0;
width: fit-content;
font-size: 1rem; 
} 
.recruit-links-container .lead.secondary {
position: absolute;
font-weight: 700;
transform: translate(-50%, -50%);
bottom: 12%;
left: 50%;
width: 95%;
font-feature-settings: "palt"; 
}
.recruit-links-container .lead.secondary p {
background: #e5002d;
color: #fff; 
}  
.recruit-links-container .lead.secondary .text-small {
color: #fff;
letter-spacing: 0.05em;
text-shadow: -1px 5px 10px rgba(0,0,0,1); 
font-size: .85rem; 
}
}  

@media screen and (max-width:767px){
.s-top section:last-child {
margin-bottom: 3rem;
}
.sub-recruit-section {
margin: 3rem 0 0 0;
} 
.sub-recruit-include-inner  {
padding: 0 15px;
box-sizing: border-box;
} 
.recruit-links-container ul{
display: grid;
grid-template-rows: repeat(3, auto);
grid-template-columns: repeat(1, minmax(300px, 1fr));
gap:2rem 12px;
}

.recruit-links-container ul li a{
box-sizing: border-box;
display: block;
position: relative;
}
.recruit-links-container ul li a p{
line-height: 1.5;
font-size: .85rem;
margin-top: .4rem
}
.recruit-links-container a img{
width: 100%;
height: auto;
border-radius: 6px; 
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
transition: all 0.3s ease 0s
}
.recruit-links-container .lead {
position: absolute;
font-weight: 700;
transform: translate(-50%, -50%);
bottom: 5%;
left: 50%;
width: 95%;
font-feature-settings: "palt"; 
margin-bottom: 2px; 
}
.recruit-links-container .lead p {
background: #fff;
color: #e5002d; 
padding: 2px 5px;
margin-bottom: 5px; 
margin-top: 0;
width: fit-content;
font-size: .9rem; 
} 
.recruit-links-container .lead.secondary {
position: absolute;
font-weight: 700;
transform: translate(-50%, -50%);
bottom: 0;
left: 50%;
width: 95%;
font-feature-settings: "palt";
}
.recruit-links-container .lead.secondary p {
background: #e5002d;
color: #fff;
margin-bottom: 1.25rem; 
}  
.recruit-links-container .lead.secondary .text-small {
color: #fff;
letter-spacing: 0.05em;
text-shadow: -1px 5px 10px rgba(0,0,0,1); 
font-size: .8rem; 
} 
}