@charset "UTF-8";
main#recruit {padding-bottom: 150px;}
#postlist-recruit{
width: 90%;
max-width: 940px;
height: auto;
margin:40px auto;
padding: 0;
list-style: none;
display: grid;
gap: 20px;
}
#postlist-recruit .post__item{
background-color: #fcfcfc;
width: 100%;
height:auto;
border-radius: 10px;
box-shadow:3px 3px 5px #d3d3d3;
}
#postlist-recruit .post__item a{
display: block;
height: auto;
overflow: hidden;
padding: 20px;
text-decoration: none;
color: #333;
transition: 0.2s;
}
#postlist-recruit .post__item a:hover{opacity: 0.7;}
#postlist-recruit .post__item_title{font-size: 18px;font-weight: 700;color: #01a3b1;}
#postlist-recruit .post__item_excerpt{font-size:14px;}
#postlist-recruit .post__item_excerpt br{display: none;}

#recruit .heading-5{margin-top: 20px;font-size: 38px;line-height: 44px;}
.recruit__head h1 {font-size: 24px;line-height: 1.47em;margin: 10px 0 40px 0;}
#recruit article{
width: 90%;
max-width: 940px;
height: auto;
margin: 0 auto;
display: block;
padding-bottom:150px;
}
.recruit__tag-list {display: flex;gap: 5px;}
.recruit__tag{
font-size: 12px;
line-height: 1rem;
border:1px solid #01a3b1;
border-radius: 5px;
padding: 2px 6px;
box-sizing: border-box;
max-width: 240px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-decoration: none;
color: #01a3b1;
}
.recruit__tag a{color: #01a3b1;text-decoration: none;}
.recruit__content-list{padding: 0;display: grid;gap: 20px;margin: 0 0 40px 0;}
.recruit__content-list li{list-style: none;}
.recruit__content-item img {margin-bottom: 10px;display: block;max-width: 100%;}

@media screen and (max-width: 479px) {
#postlist-recruit .post__item_title{font-size: 16px;}
#postlist-recruit .post__item_excerpt{font-size: 12px;line-height: 1rem;}
.recruit__head h1 {font-size: 18px;margin: 10px 0 20px 0;}
}