@charset "utf-8";
/* CSS Document */

/*sm*/

.kyujin_list-contents li,
.kyujin_detail-top{
position: relative;
padding: 20px 15px;
border: solid rgba(255,100,0,1.0);
border-width: 2px 0px 0px 2px;
border-radius: 20px 0 0 0;
}

.kyujin_list-contents li:not(:last-child){
margin-bottom: 30px;
}

.job_count{
margin-bottom: 10px;
font-size: 1.4rem;
}

.date_type{
display: flex;
justify-content: space-between;
width: 100%;
}

.update_date{
font-size: 1.2rem;
line-height: 1.3;
}

.employment_type{
display: inline-block;
margin-bottom: 5px;
padding: 5px 10px;
border: 1px solid rgba(60,60,60,1.0);
}

.kyujin_list-contents h3,
.kyujin_detail-contents h3{
font-size: 1.8rem;
font-weight: bold;
line-height: 1.4;
}

.kyujin_list-contents li img,
.kyujin_detail-contents img{
display: block;
margin: 15px auto;
}

.kyujin_list-contents h4{
font-weight: bold;
margin-bottom: 15px;
}

.kyujin_list-contents dl{
padding-bottom: 30px;
}

.kyujin_list-contents dt{
font-weight: bold;
}

.kyujin_list-contents dd:not(:last-child){
margin-bottom: 15px;
}

.kyujin_detail-contents .company_name{
margin-top: 10px;
}

.kyujin_detail-contents h5{
margin: 30px auto 15px;
padding: 10px 0;
border: 2px solid rgba(255,100,0,1.0);
border-radius: 30px;
background-color: rgba(255,100,0,0.2);
font-size: 1.8rem;
font-weight: bold;
text-align: center;
}

.kyujin_detail-contents dt{
font-weight: bold;
}

.kyujin_detail-contents dd{
position: relative;
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 2px solid rgba(200,200,200,1.0);
}

.kyujin_detail-contents dd:last-child{
margin-bottom: 0;
}

.kyujin_detail-contents dd::before{
content: "";
position: absolute;
bottom: -2px;
width: 50%;
height: 2px;
background: rgba(255,100,0,1.0);
}

.kyujin_list-contents .kyujin_btn,
.kyujin_detail-contents .kyujin_btn{
font-size: 1.8rem;
text-align: center;
}

.kyujin_list-contents .btn_detail{
margin-bottom: 30px;
}

.kyujin_detail-contents .btn_entry{
margin-top: 30px;
}

.kyujin_list-contents .btn_detail,
.kyujin_detail-contents .btn_entry,
.kyujin_detail-contents .btn_tel{
margin-bottom: 30px;
}

.pagination{
display: flex;
justify-content: center;
align-items: center;
width: 90%;
margin:0 auto 50px;
}

.pagination_item-link{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 30px;
height: 30px;
margin: 0 5px;
background: rgba(255,255,255,1.0);
border: solid 2px rgba(255,100,0,1.0);
color: rgba(255,100,0,1.0);
transition: 0.5s;
}

.pagination_item-link.current{
background: rgba(255,100,0,1.0);
color: rgba(255,255,255,1.0);
}

.pagination_item-link:not(.current):hover{
background: rgba(255,100,0,1.0);
color: rgba(255,255,255,1.0);
}


/*md*/
@media screen and (min-width: 768px) {
.kyujin_list-contents li,
.kyujin_detail-top{
padding: 30px 30px;
border-radius: 30px 0 0 0;
}

.kyujin_list-contents li:not(:last-child){
margin-bottom: 50px;
}

.update_date,
.employment_type{
font-size: 1.4rem;
}

.kyujin_list-contents h3,
.kyujin_detail-contents h3{
font-size: 2.2rem;
}

.kyujin_list-contents .kyujin_frame,
.kyujin_detail-contents .kyujin_frame{
display: flex;
justify-content: space-between;
align-items:flex-start;
width: 100%;
}

.kyujin_list-contents .kyujin_frame{
margin: 15px 0 30px;
}

.kyujin_detail-contents .kyujin_frame{
margin: 15px 0 0 0;
}

.kyujin_list-contents .kyujin_detail,
.kyujin_detail-contents .kyujin_detail{
width: 65%;
}

.kyujin_list-contents li img,
.kyujin_detail-contents img{
width: 32%;
margin: 0 3% 0 0;
}

.kyujin_list-contents dl{
display: flex;
flex-wrap: wrap;
}

.kyujin_list-contents dt{
width: 10%;
margin-right: 2%;
}

.kyujin_list-contents dd{
width: 88%;
margin-bottom: 0;
}

.kyujin_detail-contents h5{
width: 50%;
margin: 50px auto 30px;
font-size: 2.2rem;
}

.kyujin_detail-contents dl{
display: flex;
flex-wrap: wrap;
}

.kyujin_detail-contents dt{
width: 15%;
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: 2px solid rgba(255,100,0,1.0);
}

.kyujin_detail-contents dd{
width: 85%;
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: 2px solid rgba(200,200,200,1.0);
}

.kyujin_detail-contents dt:last-of-type{
margin-bottom: 0;
}

.kyujin_detail-contents dd::before{
display: none;
}

.kyujin_list-contents .kyujin_btn,
.kyujin_detail-contents .kyujin_btn{
display: flex;
justify-content: space-around;
width: 70%;
margin: 0 auto;
}

.kyujin_list-contents .btn_detail{
margin-bottom: 0;
}

.kyujin_detail-contents .btn_entry,
.kyujin_detail-contents .btn_list{
margin-top: 50px;
}

.kyujin_detail-contents .btn_entry{
margin-bottom: 0;
}

.kyujin_detail-contents .btn_tel{
display: none;
}

.pagination{
width: 40%;
margin:0 auto 100px;
}
}