@charset "utf-8";
/* CSS Document */
/*採用情報ページ限定メニューボタン*/
.rec-btn {
	position: relative;
	width: 23.5%;
	height: 60px;
	display: inline-block;
}

.rec-btn a{
	width: 100%;
	position: absolute;
	font-size: 12px;
	color: #767676;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-decoration: none !important;
}

#rec-menu .rec-btn{
	width: 32%;
}

nav .hover {
	display: none;
}


nav:hover .normal{
	display: none;
}

nav:hover .hover{
	display: block;
}

/*インタビューページへ*/
#voicebanner {
    position: absolute;
    top: 530px;
    right: 10vw;
	z-index:500;
	-webkit-transition: all .3s;
    transition: all .3s;	
}
#voicebanner a {
    text-decoration: none;
    background-color: rgba(0,0,0,0.6);
	color: #fff;
    width: 160px;
    padding: 20px 0;
	font-size: 14px;
	font-weight: bold;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#voicebanner a:hover {
    text-decoration: none;
    background: #999;
}
/*---------------タブレット用------------------*/
@media screen and (min-width: 768px) {

.rec-btn {
	position: relative;
	width: 24.4%;
	height: 96px;
	display: inline-block;
}

.rec-btn a{
	position: absolute;
	width: 100%;
	font-size: 18px;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-decoration: none;
}
	
#voicebanner{
	top: 550px;
}		
}

/*---------------PC用------------------*/
@media screen and (min-width: 768px) {
	
#voicebanner {
	right: 200px;
}		

}