@charset "utf-8";
.interview_item{
	margin:0 !important;
	list-style:none;
}
.interview_link{
	position: relative;
	text-decoration: none !important;
	display: block;
	width: 100%;
}
.interview_link::before,
.interview_link::after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	transition: opacity 0.3s;
	border: 1px solid;
}
.interview_link::before {
	background: #fff url(/recruit-newgrads/img/common/arrow_r_green.svg) no-repeat center center;
	border-color: #CCC;
}
.interview_link::after {
	background: #30A909 url(/recruit-newgrads/img/common/arrow_r_white.svg) no-repeat center center;
	border-color: #30A909;
	opacity: 0;
}
.interview_link:hover::before {opacity: 0;}
.interview_link:hover::after {opacity: 1;}
.interview_thumb{
	position: relative;
	overflow: hidden;
	border-radius: 16px;
	margin-bottom: 18px;
}
.interview_thumb::before,
.interview_thumb::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 125px;
	pointer-events: none;
	z-index: 1;
	transition: opacity 0.3s;
}
.interview_thumb::before {
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.interview_thumb::after {
	background: linear-gradient(180deg, #30A90900 0%, #2E5E1F 100%);
	opacity: 0;
}
.interview_link:hover .interview_thumb::before {opacity: 0;}
.interview_link:hover .interview_thumb::after {opacity: 1;}
.interview_thumb img {
	width: 100%;
	object-fit: cover;
}
.interview_ttl{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px;
	margin: 0;
	z-index: 2;
	font-weight: bold;
	font-size: 1.9rem;
	letter-spacing: 0.95px;
	line-height: 3.04rem;
	color: #fff;
}
.interview_ttl::before,
.interview_ttl::after{
	display: none;
}
.interview_txt{
	transition: color 0.3s;
	padding-right: 45px;
	color: #333;
}
.interview_link:hover .interview_txt{color: #178748;}
.interview_txt_top{
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.interview_cate{
	display: inline-block;
	font-weight: 500;
	font-size: 1.3rem;
	letter-spacing: 0.65px;
	line-height: 1.9rem;
	color: #fff;
	background: #178748;
	border-radius: 3px;
	min-width: 68px;
	padding: 3px 5px 4px;
	text-align: center;
}
.interview_name{
	font-weight: bold;
	font-size: 1.8rem;
	letter-spacing: 0.9px;
	line-height: 2.6rem;
}
.interview_info{
	font-weight: 500;
	font-size: 1.3rem;
	letter-spacing: 0.65px;
	line-height: 1.9rem;
	margin-bottom: 0;
}
.interview_affiliation{
	font-weight: bold;
	font-size: 1.4rem;
	letter-spacing: 0.7px;
	line-height: 2rem;
}
.interview_info span:not(:last-child){
	display: inline-block;
	margin-bottom: 5px;
}

@media screen and (max-width:1024px){
.interview_link::before,
.interview_link::after {
	width: 26px;
	height: 26px;
	background-size: 12px 8px;
}
.interview_thumb{
	border-radius: 12px;
	margin-bottom: 10px;
}
.interview_ttl{
	font-size: 1.5rem;
	letter-spacing: 0.75px;
	line-height: 2.4rem;
	padding: 10px;
}
.interview_txt{padding-right: 35px;}
.interview_cate{
	font-size: 1.2rem;
	letter-spacing: 0.6px;
	line-height: 1.7rem;
	min-width: 57px;
	padding: 2px 3px 3px;
}
.interview_name{
	font-size: 1.6rem;
	letter-spacing: 0.8px;
	line-height: 2.4rem;
}
.interview_info{
	font-size: 1.2rem;
	letter-spacing: 0.6px;
	line-height: 1.7rem;
}
.interview_affiliation{
	font-size: 1.3rem;
	letter-spacing: 0.65px;
}
.interview_info span:not(:last-child){margin-bottom: 3px;}
}
@media screen and (max-width:767px){
.interview_ttl {padding: 15px 14px;}
.interview .interview_link::before, .interview_link::after{display: none;}
.interview .interview_ttl{display: none;}
.interview .interview_thumb::before, .interview .interview_thumb::after{
	all: unset;
	content: '';
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 26px;
	z-index: 1;
	height: 26px;
	border-radius: 50%;
	transition: opacity 0.3s;
	border: 1px solid;
}
.interview .interview_thumb::before {
	background: #fff url(/recruit-newgrads/img/common/arrow_r_green.svg) no-repeat center center/12px 8px;
	border-color: #CCC;
}
.interview .interview_thumb::after {
	background: #30A909 url(/recruit-newgrads/img/common/arrow_r_white.svg) no-repeat center center/12px 8px;
	border-color: #30A909;
	opacity: 0;
}
.interview .interview_thumb:hover::before {opacity: 0;}
.interview .interview_thumb:hover::after {opacity: 1;}
.interview .interview_txt{padding: 0;}
.interview .interview_cate{
	font-size: 1rem;
	letter-spacing: 0.5px;
	line-height: 1.5rem;
	min-width: 49px;
	padding: 2px 5px;
}
.interview .interview_name {
	font-size: 1.5rem;
	letter-spacing: 0.75px;
	line-height: 2.1rem;
}
.interview .interview_affiliation{
	font-size: 1.1rem;
	letter-spacing: 0.55px;
	line-height: 1.76rem;
}
.interview .interview_info {
	font-size: 1.0rem;
	letter-spacing: 0.5px;
	line-height: 1.5rem;
}
}