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

#jobs_title_area{
	width: 420px;
	height: 140px;
	background: rgba(255,255,255,.9);
	border-radius: 10px;
	border: 1px var(--red) solid;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 300
}
#jobs_title_area h2{
	font-size: 38px;
    line-height: 1em;
	margin-top: 7px;
	font-weight: 300
}
@media screen and (max-width: 767px) {
#jobs_title_area{
	max-width: 66%;
    height: 120px;
	border-radius: 10px;
}
#jobs_title_area h2{
	font-size:1.55rem;
    line-height: 1em;
	margin-top: 7px;
	font-weight: 400
}
}
.wp-pagenavi {
    clear: both;
    display: flex;
    justify-content: center;
	font-family: "helvetica-neue-lt-pro", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.wp-pagenavi span.pages{
	display: none;
	border:none
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink{
	border: none
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
    width: 32px;
    border-radius: 4px;
    text-align: center;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    border-color: var(--red) !important;
    color: var(--red) !important;
}

a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
#cate_top{
	padding-top: 70px;
    margin-top: -70px;
}

.jobs_list{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: flex-start;
	max-width: 1120px;
	margin: 40px auto 30px auto;
}

.jobs_list:after {
    content: "";
    display: block;
    width: 32.4%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}
.jobs_list > li{
	width: 32.4%;
	background:#fff;
	text-align: center;
	border-radius: 10px;
	box-shadow: 3px 3px 15px rgba(0, 0, 0, .15);
	/*padding: 30px 20px;*/
	margin: 40px 0 0 0;
	position: relative;
}
@media screen and (max-width: 1118px) {
	.jobs_list > li{
	width: 48.9%;
	}
}

.jobs_list li{
		transition: ease-in-out .5s
}
.jobs_list li:hover{
	opacity: .7
}

.jobs_info_area{
	padding: 5px 20px 30px 20px;
	text-align: justify
}


@media screen and (max-width: 767px) {
	.jobs_list{
	flex-direction: column;
	flex-wrap:nowrap;
	gap: 15px;
	width: 100%;
	margin: 40px 0px 30px 0px;
	/*padding-left: 1em;
    padding-right: 1em;
		*/
	}
	.jobs_list:after {
    content: "";
    display: block;
    width: 100%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
	}
	.jobs_list > li{
		width: 100%;
		background:#fff;
		text-align: center;
		border-radius: 10px;
		box-shadow: 3px 3px 15px rgba(0, 0, 0, .15);
		padding: 0;
		margin: 40px 0 0 0;
		position: relative
	}
}




.jobs_list_img img{
	width: 100%;
	height: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 360 / 210;
	border-radius: 10px 10px 0 0;
	margin-bottom: 4px;
}

.single_wrap{
	max-width: 940px;
	margin-left: auto;
    margin-right: auto;
    padding-left: 1em;
    padding-right: 1em;
}
@media screen and (max-width: 1024px) {
	.single_wrap{
	max-width: 100%;
	/*margin-top: 100px*/
}
}
@media screen and (max-width: 768px) {
	.single_wrap{
	margin-top: 80px
}
}


#job_img img{
	width: 100%;
	height: 100%;
	aspect-ratio: 930 / 530;
	object-fit: cover;
	border-radius: 10px;
	margin-bottom: 15px;
}

#single_title{
	font-size: 30px;
	line-height: 1.4em;
	margin: 0px 0 15px 0;
}
@media screen and (max-width: 767px) {
	#single_title{
	font-size: 1.4rem;
}
}


.single_wrap dl{
		max-width: 940px
}
.single_wrap dl dt{
	width: 15%
}
.single_wrap dl dd{
	width: 85%
}
@media screen and (max-width: 1024px) {
	.single_wrap dl{
		max-width: 100%
	}
	.single_wrap dl dt{
		width: 100%;
		border-top: 1px var(--border) solid;
		padding-bottom: 0;
		padding-left: 15px
	}
	.single_wrap dl dd{
		width: 100%;
		border-top: none;
		padding-left: 15px
	}
	.single_wrap dt:last-of-type{
		border-bottom:none
	}
}



#youkou_title{
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px
}
@media screen and (max-width: 767px) {
#youkou_title{
	font-size: 1.4rem;	
}
}


.job_type li{
	display: inline-flex;
}
ul.job_type {
	display: flex;
	column-gap:10px
}

.post_title{
	font-size: 16px;
	margin: 5px 0 0 0;
	line-height: 1.6em;
	text-align: justify
}

.category_box{
	text-align: left;
	font-size: 15px
}

.jobs_list p {
    text-align: justify;
    margin: 10px 0 5px 0;
    line-height: 1.7em;
	text-indent: -0.5em
}



#bottom_btn{
	margin: 50px 0 0 0;
	display: flex;
	justify-content: center;
	color: #fff;
	column-gap: 30px
}
#bottom_btn a{
	display: flex;
	align-items: center;
	color: var(--base)
}
#bottom_btn a:before{
	content: '';
	background: url("../icon/arrow.svg") no-repeat;
	transform: scale(-1, 1);
	width: 20px;
	height:5px;
	display: inline-block;
	background-size: cover;
	margin-right: 5px
}
#category_title{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	text-align: center
}
.mb{margin-bottom: 50px}
@media screen and (max-width: 767px) {
	#category_title{
	text-align: center;
	font-size: 1rem
}
}


.category_list{
	display: flex;
	align-items: center;
	justify-content: space-between;
	justify-content: center;
  	gap: 1em;
}
.category_list li{
	width: 24%;
	border:1px var(--border) solid;
	text-align: center;
	position: relative;
	border-radius: 5px;
	padding: 7px 0;
	transition: ease-in-out .3s
}
.category_list li:hover{
	opacity: .5;
}

/*
.category_list li::after{
	content: '';
	background: url("../icon/arrow.svg") no-repeat;
	width: 20px;
	height:5px;
	display: inline-block;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: 10px;
}
*/
@media screen and (max-width: 767px) {
	.category_list{
	flex-wrap: wrap;
		font-size: 0.9rem
}
.category_list li{
	width: 47.8%;
	padding: 7px 0;
}
.category_list li::after{
	right: 5px;
}
}


/***********カテゴリカラー************/
.category_name{
	display: inline-block;
	background: #73BE4E;
	color: #fff;
	border-radius: 6px;
	padding: 2px 8px 3px 8px;
    line-height: 1em;
	font-weight: 400
}
.mid-career{
	background: #74C5DE;
	border:1px #74C5DE solid !important;
	color: #fff;
	font-weight: 500
}
.part-time{
	background: #F07844;
	border:1px  #F07844 solid !important;
	color: #fff;
	font-weight: 500
}
.new-graduate{
	background: #73BE4E;
	border:1px #73BE4E solid !important;
	color: #fff;
	font-weight: 500
}
.all{
	background: #F27575;
	border:1px #F27575 solid !important;
	color: #fff;
	font-weight: 500
}

 .category_list li.mid-career::after,
 .category_list li.part-time::after,
 .category_list li.new-graduate::after,
 .category_list li.all::after{
	background: none;
}


#entry_hisuu{
	text-align: center;
	margin-top: 60px;
    margin-bottom: 10px;
}

#thanks{
	text-align: center
}
#thanks_lead{
	font-size: 22px;
	margin-bottom: 20px
}
#thanks p{
	margin-top: 10px;
	line-height: 1.8em
}