@charset "utf-8";
.staffcast__inner{
	margin:0 auto;
	padding:6.6666vw 2.6666vw;
}
.staffcast__subtitle{
	font-size:1.2rem;
	padding:1vw 0 2vw;
}
@media screen and (min-width:768px){
	.staffcast__inner{
		padding:40px 20px;
	}
	.staffcast__subtitle{
		font-size:20px;
		padding:15px 0 20px;
	}
}
.staff__lists{
	margin-bottom:4vw;
}
.staff__list{
	display:flex;
	flex-wrap:wrap;
	padding:1.33333vw 0;
	line-height:1.6666;
	letter-spacing:0.1em;
	font-size:1.2rem;
	align-items: flex-end;
}
.staff__title{
	white-space:nowrap;
	font-size:1rem;
}
.staff__title:after{
	content:'：';
}
.staff__name{
	font-weight:700;
	white-space:nowrap;
	position:relative;
}
@media screen and (min-width:768px){
	.staff__lists{
		margin-bottom:30px;
	}
	.staff__list{
		padding:10px 0;
		font-size:20px;
	}
	.staff__title{
		font-size:16px;
	}
}
.cast__lists{
	margin-bottom:4vw;
}
.cast__list{
	display:flex;
	flex-wrap:wrap;
	padding:1.33333vw 0;
	line-height:1.6666;
	letter-spacing:0.1em;
	font-size:1.2rem;
}
.cast__title{
	white-space:nowrap;
}
.cast__title:after{
	content:'：';
}
.cast__name{
	white-space:nowrap;
	margin-right:6vw;
	position:relative;
}
@media screen and (min-width:768px){
	.cast__lists{
		margin-bottom:30px;
	}
	.cast__list{
		padding:10px 0;
		font-size:20px;
	}
	.cast__name{
		margin-right:35px;
		font-weight:700;
	}
}
.staffcast__commentBtn{
	position:absolute;
	display:block;
	right:-6vw;
	top:-2vw;
	width:5vw;
}
.staffcast__commentBtn img{
	width:100%;
	height:auto;
}
.staffcast__navlists{
	display:flex;
	justify-content:space-between;
	margin-bottom:6.6666vw;
}
.staffcast__navlist{
	width:46.6666vw;
}
.staffcast__navlink{
	width:100%;
	height:10.6666vw;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:1.2rem;
	background:#000;
	text-decoration:none;
	color:#FFF;
	position:relative;
}
.staffcast__navlink:before{
	content:'';
	position:absolute;
	right:3vw;
	width:1.5vw;
	height:1.5vw;
	box-sizing:border-box;
	border-right:1px solid #FFF;
	border-top:1px solid #FFF;
	transform:rotate(45deg);
}
.staffcast__navlink:after{
	content:'';
	position:absolute;
	left:0;
	width:0;
	height:1px;
	bottom:1vw;
	background:#FFF;
	transition:all 0.3s ease;
}
.staffcast__navlink--current{
	pointer-events:none;
}
.staffcast__navlink:hover:after,
.staffcast__navlink.staffcast__navlink--current:after{
	width:100%;
}
@media screen and (min-width:768px){
	.staffcast__commentBtn{
		position:absolute;
		display:block;
		right:-35px;
		top:-8px;
		width:28px;
	}
	.staffcast__navlists{
		margin-bottom:50px;
	}
	.staffcast__navlist{
		width:350px;
	}
	.staffcast__navlink{
		height:80px;
		font-size:20px;
	}
	.staffcast__navlink:before{
		content:'';
		position:absolute;
		right:20px;
		width:12px;
		height:12px;
		border-right:3px solid #FFF;
		border-top:3px solid #FFF;
	}
	.staffcast__navlink:after{
		height:1px;
		bottom:10px;
	}
}