/* 求人一覧ページ カスタムスタイル */
/* Remote positions only を非表示 */
.search_remote_position { display: none !important; }
/* 求人カードをグリッドボックス型に */
.job_listings {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
gap: 20px !important;
list-style: none !important;
padding: 0 !important;
margin: 24px 0 !important;
}
.job_listings li.job_listing {
background: #fff !important;
border: 1px solid #e0e0e0 !important;
border-radius: 12px !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.07) !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
transition: transform 0.15s, box-shadow 0.15s !important;
}
.job_listings li.job_listing:hover {
transform: translateY(-3px) !important;
box-shadow: 0 6px 20px rgba(0,0,0,0.12) !important;
}
.job_listings li.job_listing a {
display: block !important;
padding: 20px !important;
text-decoration: none !important;
color: inherit !important;
}
.job_listings li.job_listing .position h3 {
font-size: 15px !important;
font-weight: 700 !important;
color: #222 !important;
margin: 0 0 10px !important;
line-height: 1.5 !important;
}
.job_listings li.job_listing .company strong {
font-size: 13px !important;
color: #1a9e8c !important;
font-weight: 600 !important;
}
.job_listings li.job_listing .location {
font-size: 12px !important;
color: #888 !important;
margin-top: 6px !important;
}
.job_listings li.job_listing ul.meta {
list-style: none !important;
padding: 0 !important;
margin: 8px 0 0 !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
}
.job_listings li.job_listing ul.meta li {
font-size: 11px !important;
font-weight: 600 !important;
padding: 3px 10px !important;
border-radius: 20px !important;
background: #e6f7f3 !important;
color: #1a9e8c !important;
}
.job_listings li.job_listing .date {
font-size: 11px !important;
color: #aaa !important;
margin-top: 10px !important;
display: block !important;
}
.job_filters input[type=submit] {
background: #1a9e8c !important;
color: white !important;
border: none !important;
border-radius: 8px !important;
padding: 12px 24px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
.job_filters input[type=submit]:hover { background: #0c6b5e !important; }
@media (max-width: 640px) {
.job_listings { grid-template-columns: 1fr !important; }
}