@charset "UTF-8";
/*------------------------
後続ページタイトル
------------------------*/
/*--------共通--------*/
#top-ttl{
	background: url(/file/img/contents/staff/pagettl_staff_pc.jpg) no-repeat;
	background-size: cover;
}
.img img{
	width: 100%;
	height: 100%;
}
.textarea{
	text-align: justify;
}

/*--------sp--------*/
@media screen and (max-width:767px) {
	#top-ttl {
	background: url(/file/img/contents/staff/pagettl_staff_pc.jpg) no-repeat;
	background-size: cover;
	background-position: top;
}
}

/*------------------------
スタッフ一覧
------------------------*/
#staff .block-wrap .block {
	display: flex;
	background: #f7f5ef;
}
#staff .block-wrap .block .img img {
	object-fit: cover;
}
#staff .block-wrap .block .text-wrap {
	flex: 1;
	display: flex;
	flex-direction: column;
}
#staff .block-wrap .block .text-wrap .name-wrap h2 {
	font-weight: 600;
	line-height: 1;
}
#staff .block-wrap .block .text-wrap .name-wrap .en {
	color: #bf9bde;
	letter-spacing: .04em;
	line-height: 1;
}
#staff .block-wrap .block .text-wrap .btn a {
	margin: 0;
	background: #fff;
	color: var(--txtcolor);
}
#staff .block-wrap .block .text-wrap .btn a::before{
	background: #f2f0a1;
}
#staff .block-wrap .block .text-wrap .btn a::after{
	background: url(/file/img/common/arrow-black.svg) no-repeat center;
	background-size: contain;
}

/*--------pc--------*/
@media screen and (min-width:768px) {
	#staff .inner{
		padding: 65px 0 80px;
	}
	#staff .block-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#staff .block-wrap .block {
		border-radius: 15px;
		width: 580px;        
		margin-bottom: 40px;
	}
	#staff .block-wrap .block .img {
		width: 230px;
		min-height: 270px;
	}
	#staff .block-wrap .block .img img {
		border-radius: 15px 0 0 15px;
	}
	#staff .block-wrap .block .text-wrap {
		padding: 35px 25px;
		justify-content: space-between;
	}
	#staff .block-wrap .block .text-wrap .name-wrap h2 {
		font-size: 30px;
		margin-bottom: 8px;
	}
	#staff .block-wrap .block .text-wrap .name-wrap .en {
		font-size: 14px;
		margin-bottom: 15px;
	}
	#staff .block-wrap .block .text-wrap .name-wrap .other {
		font-size: 14px;
		letter-spacing: 0;
		margin-bottom: 15px;
	}
	#staff .block-wrap .block .text-wrap .btn a {
		width: 200px;
		height: 40px;
		font-size: 15px;
	}
	#staff .block-wrap .block .text-wrap .btn a::before{
		width: 30px;
		height: 30px;
	}
	#staff .block-wrap .block .text-wrap .btn a::after{
		right: 15px;
	}
}
/*--------sp--------*/
@media screen and (max-width:767px) {
	#staff .inner{
		padding: 10.67vw 4vw 10.67vw;
	}
	#staff .block-wrap .block {
		border-radius: 12px;
		margin-bottom: 5.33vw;
		justify-content: stretch;
	}
	#staff .block-wrap .block .img {
		width: 32vw;
		min-height: 37.33vw;
	}
	#staff .block-wrap .block .img img {
		height: 100%;
		width: 100%;
		border-radius: 12px 0 0 12px;
	}
	#staff .block-wrap .block .text-wrap {
		padding: 4vw 2.67vw;
	}
	#staff .block-wrap .block .text-wrap .name-wrap h2 {
		font-size: 5.33vw;
		margin-bottom: 1.33vw;
	}
	#staff .block-wrap .block .text-wrap .name-wrap .en {
		font-size: 3.2vw;
		margin-bottom: 2.67vw;
	}
	#staff .block-wrap .block .text-wrap .name-wrap .other {
		font-size: 3.2vw;
		margin-bottom: 2.67vw;
	}
	#staff .block-wrap .block .text-wrap .btn a {
		font-size: 3.73vw;
		letter-spacing: 0;
		width: 48vw;
		height: 8.53vw;
	}
	#staff .block-wrap .block .text-wrap .btn a::before{
		width: 6.93vw;
		height: 6.93vw;
	}
	#staff .block-wrap .block .text-wrap .btn a::after{
		right: 3.47vw;
	}
}