@charset "utf-8";



.interview_tab{
	max-width:910px;
	margin:0 auto 80px;
	display: flex;
	justify-content: space-between;
	padding:60px 20px 0;
	position: relative;
}

.interview_tab li{
	width:32%;
	transition:0.3s all ease-in-out 0s;
	display: flex;
}


.interview_tab li a{
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:16px;
	color:#FFF;
	padding:10px 5px;
	padding:10px 5px 3px\0;
	text-align: center;
	border:1px solid #FFF;
	position: relative;
	background:#e15e15;
	transition:0.3s all ease-in-out 0s;
}

.interview_tab li a:after{
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 4px;
    bottom: 4px;
    border: 4px solid transparent;
    border-bottom: 4px solid #FFF;
    border-right: 4px solid #FFF;
	transition:0.3s all ease-in-out 0s;
}

.interview_tab li a.cr,
body:not(.mobile) .interview_tab li:hover a{
	border:1px solid #e15e15;
	background:#FFF;
	color:#e15e15;
	transition:0.3s all ease-in-out 0s;
}

body:not(.mobile) .interview_tab li a.cr,
body:not(.mobile) .interview_tab li:hover a{
	transform:translateY(-10px);
}


.interview_tab li a.cr:after,
body:not(.mobile) .interview_tab li:hover a:after{
	border-bottom: 4px solid #e15e15;
    border-right: 4px solid #e15e15;	
}



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

	.interview_tab li a{
		font-size:14px;
	}
	
}

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

	.interview_tab{
		margin:0 auto 60px;
		padding:60px 20px 0;
	}
}

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

	.interview_tab{
		flex-wrap:wrap;
		padding:40px 20px 0;
	}
	
	.interview_tab li{
		width:100%;
	}
	
	.interview_tab li:nth-child(-n+2){
		margin-bottom:2%;
	}
	
	.interview_tab li a{
		font-size:15px;
	}
	
}