@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

.sp{
	display:none;
}


.joblist{
	margin:3vh auto;
}

.joblist_preamble{
	margin:2vh auto;
}

.joblist .job{
	margin-bottom:1vh;
	border-top:5px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.joblist .job div{
	margin:0;
	padding:10px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.jobhead{
	background-color:#eee;
}

.joblist .job div:has(i[class="bi bi-file-earmark-pdf-fill"]){
	text-align:center;
}
.joblist .job div i[class="bi bi-file-earmark-pdf-fill"]{
	font-size:200%;
}
.joblist_logout{
	margin:3vh auto 5vh auto;
	text-align:right;
}


.toTop{
	margin-bottom:1vh;
	text-align:right;
	font-size:90%;
}

.memberlogin{
	margin:3vh auto;
}
.memberlogin div.memberlogin_annotation{
	margin-bottom:3vh;
	text-align:center;
}
.memberlogin div:has(input[type="submit"]){
	text-align:center;
}
.memberlogin_attention{
	display:none;
}

.joblist_company_name{
	font-weight:700;
}

.joblist_nd{
	margin-top:5vh;
	padding-top:5vh;
	border-top:1px solid #ccc;
}


.pagination{
	display:flex;
	justify-content:center;
}

@media screen and (max-width: 768px){
	.sp{
		display:block;
	}

	.joblist .job{
		margin:0 0.25vw 1vh 0.25vw;
	}
	
	.jobhead_type,
	.jobhead_detail,
	.jobhead_pdf{
		display:none;
	}
	.jobtype{
		background-color:#eee;
	}
	.jobtype:before{
		content:'【募集職種】';
	}
	.jobpdf{
		text-align:right !important;
	}
	.jobpdf:before{
		content:'求人票：';
	}
	.jobpdf_c:has(i):before{
		content:'企業情報カード：';
	}
	.jobpdf_c{
		text-align:right !important;
	}
}