@charset "utf-8";

/*----- archive -----*/
.year_cate{
	display:flex;
	align-items:center;
	margin-bottom:50px;
}
.year_label{
	margin-right:20px;
	font-size:1.4rem;
	letter-spacing:0.14px;
	line-height:2rem;
}
.year_box{
	position:relative;
	background:#fff url(/recruit/newgrads/img/common/arrow_d_green.svg) no-repeat center right 15px;
}
.year_select{
	display:block;
	width:180px;
	padding:13px 35px 12px 13px;
	background:none;
	border:1px solid #707070;
	color:#333 !important;
	font-family:var(--font-NotoSans);
	font-size:1.4rem;
	letter-spacing:0.14px;
	line-height:2rem;
	cursor:pointer;
	-webkit-appearance:none;
	appearance:none;
}

.news_list{
	padding:0;
	border-top:1px solid #ccc;
}
.news_item{
	list-style:none;
	margin:0;
	border-bottom:1px solid #ccc;
}
.news_link{
	display:flex;
	align-items:flex-start;
	padding:19px 20px 19px 10px;
	color:#333 !important;
	text-decoration:none !important;
	transition:background 0.3s;
}
.news_link:hover{background:#E3FDEE;}
.news_date{
	flex-shrink:0;
	width:95px;
	margin-top:4px;
	font-size:1.2rem;
	font-weight:500;
	letter-spacing:0.96px;
	line-height:1.7rem;
}
.news_title{
	position:relative;
	padding-left:12px;
	margin:0;
	background:url(/recruit/newgrads/img/common/arrow_r_green.svg) no-repeat top 8px left;
	letter-spacing:0.16px;
	line-height:2.4rem;
}
a:hover .news_title{text-decoration:underline;}

.wp-pagenavi{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:20px;
}
.page, .current, .first, .last, .extend{
	position:relative;
	padding:13px 2px;
	margin:0 15px;
	color:#333 !important;
	font-size:1.6rem;
	font-weight:500;
	letter-spacing:1.28px;
	line-height:2.4rem;
	text-align:center;
	text-decoration:none !important;
	transition:color 0.3s;
}
.page:hover,
.first:hover,
.last:hover{
	color:var(--color-green) !important;
}
.page::after, .current::after, .first::after, .last::after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	background:var(--color-green);
	opacity:0;
	transition:opacity 0.3s;
}
.page:hover::after,
.current::after,
.first:hover::after,
.last:hover::after{
	opacity:1;
}


/*----- single -----*/
.news_post .title_area{
	height:auto;
	padding-top:115px;
	padding-bottom:40px;
}
.news_post .title_box{
	flex-direction:column-reverse;
	align-items:flex-start;
	justify-content:center;
	max-width:800px;
}
.news_post .page_title{
	color:#000;
	font-size:3.4rem;
	letter-spacing:0;
	line-height:4.9rem;
}
.news_post .page_title::before{display:none;}
.news_post .news_date{
	margin:0 0 15px;
	color:#333;
}
.content_box{
	max-width:800px;
	margin:auto;
}
.news_btn{margin-top:55px;}
.news_btn .link_btn{margin:auto;}


@media screen and (min-width:768px) and (max-width:1024px){

/*----- archive -----*/
.year_cate{margin-bottom:45px;}


/*----- single -----*/
.news_post .title_area{padding-top:85px;}
.news_post .page_title{
	font-size:2.5rem;
	line-height:3.6rem;
}
.news_btn{margin-top:40px;}

}


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

/*----- archive -----*/
.year_cate{margin-bottom:40px;}
.news_link{
	display:block;
	padding:20px 0 18px;
}
.news_date{
	display:block;
	width:auto;
	margin:0 0 4px;
}
.news_title{margin-left:2px;}


/*----- single -----*/
.news_post .title_area{padding-top:55px;}
.news_post .page_title{
	font-size:2.3rem;
	line-height:3.6rem;
}
.news_post .news_date{margin-bottom:10px;}
.news_btn{margin-top:40px;}

}