.recruit-index {
background: #f5f5f5;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 30px;
margin-top: 2rem;
margin-bottom: 50px;
}

.recruit-index h3 {
font-size: 20px;
color: #333;
margin: 0 0 20px 0;
border-bottom: 1px solid #0e0e0e;
padding-bottom: 10px;
}

.index-list {
list-style: disc;
padding: 0 0 0 20px;
margin: 0;
}

.index-list li {
margin-bottom: 12px;
}

.index-list li:last-child {
margin-bottom: 0;
}

.index-list a {
color: #333;
text-decoration: none;
font-weight: bold;
transition: color 0.3s;
}

.index-list a:hover {
color: #666;
text-decoration: underline;
}

.recruit-item {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 30px;
margin-bottom: 40px;
}

.recruit-item-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}

.recruit-item-header h3 {
border: none;
margin: 0 2rem 0 0;
flex: 1;
}

.recruit-category {
display: inline-block;
background: #ff9902;
color: #fff;
padding: 5px 15px;
border-radius: 4px;
font-size: 14px;
font-weight: bold;
}

.recruit-item-content {
margin-bottom: 30px;
line-height: 1.8;
color: #666;
}

.recruit-requirements {
margin-top: 30px;
}

.requirements-title {
font-size: 20px;
margin-bottom: 20px;
color: #333;
border-left: 4px solid #333;
padding-left: 10px;
}

.requirements-table {
width: 100%;
border-collapse: collapse;
background: #fff;
border-top: none !important;
margin-top: 1.5rem;
}

.requirements-table tr {
border-bottom: 1px solid #e0e0e0;
}

.requirements-table tr:last-child {
border-bottom: none;
}

.requirements-table th {
background: #f5f5f5;
padding: 1rem !important;
text-align: left;
font-weight: bold;
color: #333;
width: 30%;
vertical-align: middle;
}

.requirements-table td {
padding: 1rem !important;
color: #666;
line-height: 1.8;
vertical-align: middle;
}

.recruit-no-posts {
text-align: center;
padding: 60px 20px;
color: #999;
font-size: 16px;
}

@media screen and (max-width: 769px) {

#index .contents .foot ul {
width: calc(100% - 3em);
position: absolute;
top: 20vw;
left: 1.5em;
display: flex;
justify-content: space-between;
gap: 1em;
}

#index .contents .foot ul li:last-child a {
letter-spacing: -0.05em;
text-indent: 0;
}
#index .contents .foot ul li a {
font-size: 1.25rem;
padding: 1.25rem 0;
}
	
.recruit-index {
padding: 20px 15px;
margin-bottom: 30px;
}

.recruit-index h3 {
margin-bottom: 15px;
}

.index-list li {
margin-bottom: 10px;
}

.recruit-item {
padding: 20px 15px;
margin-bottom: 30px;
}

.recruit-item-header {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}

.recruit-categories {
width: 100%;
}

.requirements-table {
display: block;
}

.requirements-table tbody {
display: block;
}

.requirements-table tr {
display: block;
margin-bottom: 20px;
border: none;
}

.requirements-table tr:last-child {
margin-bottom: 0;
}

.requirements-table th,
.requirements-table td {
display: block;
width: 100%;
padding: 1rem !important;
text-align: left;
border-bottom: 1px solid #e0e0e0;
font-size: 100% !important;
}

}

@media screen and (min-width: 770px) {
#index .contents .foot ul {
position: absolute;
left: 0;
right: 0;
top: 10.23vw;
width: 100%;
max-width: 65rem;
margin: 0 auto;
display: flex;
justify-content: center;
gap: 1.5em;
}
#index .contents .foot ul li {
width: 15rem;
}
}