@charset "utf-8";

.interview_list{
	width:var(--vw_100);
	padding-bottom:50px;
	margin-bottom:15px !important;
}
.interview_item{
	width:310px;
	margin-right:30px;
}
.interview_link{
	display:block;
	padding:20px;
	background:#fff;
	border:1px solid #aaa;
	border-radius:10px;
	color:#333 !important;
	text-decoration:none !important;
	transition:border 0.6s;
}
.interview_link:hover{border-color:#E41F1F;}
.interview_thumb{
	position:relative;
	padding-bottom:100%;
	margin-bottom:15px;
	border-radius:5px;
	overflow:hidden;
}
.interview_img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.6s;
}
a:hover .interview_img{transform:scale(1.05);}
.interview_title{
	margin-bottom:8px;
	font-family:var(--font_serif);
	font-size:2.4rem;
	font-weight:500;
	letter-spacing:2.4px;
	line-height:3.6rem;
}
.interview_title[data-job]{
	position:relative;
	padding-top:30px;
}
.interview_title[data-job]::before{
	content:attr(data-job);
	position:absolute;
	top:0;
	left:0;
	padding:2px 7px;
	border:1px solid #E41F1F;
	border-radius:2px;
	color:#E41F1F;
	font-family:var(--font_noto);
	font-size:1.3rem;
	font-weight:normal;
	letter-spacing:1.3px;
	line-height:1.9rem;
}
.interview_title_txt{display:block;}
.interview_info{
	padding-right:25px;
	margin:0;
	background:url(/recruit/img/common/arrow_r_red.svg) no-repeat right bottom 6px;
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:1.9rem;
}
.interview_info span{display:block;}
.interview_name{
	width:100%;
	margin-bottom:5px;
	font-size:1.5rem;
	font-weight:500;
	letter-spacing:1.5px;
	line-height:2.1rem;
}
.interview_job{margin-bottom:5px;}
.interview_list .slick-arrow{
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	width:auto;
	height:auto;
	color:#333 !important;
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2rem;
	transform:none !important;
}
.interview_list .slick-prev{padding-left:25px;}
.interview_list .slick-next{
	left:105px;
	padding-right:25px;
}
.interview_list .slick-arrow:hover{text-decoration:underline;}
.interview_list .slick-arrow::before{display:none !important;}
.interview_list .slick-arrow::after{
	content:'';
	position:absolute;
	top:1px;
	bottom:0;
	width:6px;
	height:6px;
	margin:auto;
	border-top:1px solid #E41F1F;
}
.interview_list .slick-prev::after{
	left:10px;
	border-left:1px solid #E41F1F;
	transform:rotate(-45deg);
}
.interview_list .slick-next::after{
	right:10px;
	border-right:1px solid #E41F1F;
	transform:rotate(45deg);
}
.interview_list .slick-dots{
	display:flex;
	bottom:6px;
	left:205px;
}
.interview_list .slick-dots::before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:-122px;
	width:1px;
	height:12px;
	margin:auto;
	background:#ccc;
}
.interview_list .slick-dots li{
	width:6px;
	height:6px;
	margin:0 15px 0 0;
}
.interview_list .slick-dots li button{
	width:100%;
	height:100%;
	padding:0;
	background:#ddd;
	border-radius:50%;
	transition:background 0.3s;
}
.interview_list .slick-dots li button:hover{background:#E41F1F;}
.interview_list .slick-dots li.slick-active button{background:#E41F1F;}
.interview_list .slick-dots li button::before{display:none !important;}


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

.interview_item{
	width:270px;
	margin-right:20px;
}
.interview_thumb{margin-bottom:12px;}
.interview_title{
	margin-bottom:6px;
	font-size:2rem;
	letter-spacing:2px;
	line-height:3.3rem;
}
.interview_title[data-job]{padding-top:28px;}
.interview_title[data-job]::before{
	font-size:1.2rem;
	letter-spacing:1.2px;
	line-height:1.7rem;
}
.interview_info{
	background-position-y:bottom 5px;
	font-size:1.2rem;
	letter-spacing:1.2px;
	line-height:1.7rem;
}
.interview_name{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2rem;
}
.interview_list .slick-prev{padding-left:15px;}
.interview_list .slick-prev::after{left:0;}
.interview_list .slick-next{
	left:100px;
	padding-right:15px;
}
.interview_list .slick-next::after{right:0;}

}


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

.interview_list{margin-bottom:20px !important;}
.interview_list .slick-dots{
	bottom:7px;
	left:200px;
}
.interview_list .slick-dots::before{left:-130px;}

}


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

.interview_list{
	width:auto;
	padding-bottom:85px;
	margin:0 -20px 30px 0 !important;
}
.interview_list .slick-arrow{
	right:0;
	bottom:35px;
	width:55px;
	margin:auto;
}
.interview_list .slick-prev{right:120px;}
.interview_list .slick-next{left:75px;}
.interview_list .slick-arrow::after{top:2px;}
.interview_list .slick-dots{
	justify-content:center;
	bottom:0;
	left:-10px;
}
.interview_list .slick-dots::before{
	top:auto;
	right:0;
	bottom:38px;
	left:0;
}
.interview_list .slick-dots li{margin:0 7px;}

}