@charset "UTF-8";


/*****************************************************
　館長・ディレクター・アドバイザー紹介　
*****************************************************/
/* アンカーリンク 
------------------------------------------------- */
.anchor-link{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:25px 0 65px;
}
.anchor-link a{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
	margin:0 1em;
}
/* 紹介詳細 
------------------------------------------------- */
.staff-item + .staff-item{
	margin:100px 0 0;
}
.staff-item .staff-item_inner{
	margin:0 50px;
}
/* ----- 役職 ----- */
.staff-item .position{
	border-left:10px solid #000;
	font-size:28px;
	font-size:2.8rem;
	font-weight:bold;
	letter-spacing:0.025em;
	margin:0 0 65px;
	padding:15px 35px;
	position:relative;
}
.staff-item .position:before{
	bottom:0;
	border-bottom:1px solid #9c9c9c;
	content:'';
	display:block;
	position:absolute;
	right:0;
	width:calc(100% - 10px);
	z-index:0;
}
/* ----- 名前 ----- */
.staff-item .name{
	font-size:26px;
	font-size:2.6rem;
	font-weight:bold;
	letter-spacing:0.025em;
	margin:0 0 35px;
}
.staff-item .name .furigana{
	font-weight:normal;
}
/* ----- 画像、プロフィール ----- */
.staff-item .profimg-proftxt_wrap{
	display:flex;
}
.staff-item .profimg{
	margin:0 4% 0 0;
	max-width:326px;
	text-align:center;
	width:31%;
}
.staff-item .txt{
	width:65%;
}
.staff-item .txt .proftxt{
	letter-spacing:0.025em;
	line-height:1.6;
}
.staff-item .txt .career{
	border-collapse:collapse;
	margin:20px 0 0;
	width:100%;
}
.staff-item .txt .career th,
.staff-item .txt .career td{
	letter-spacing:0.025em;
	line-height:1.4;
	padding:5px 0;
}
.staff-item .txt .career th{
	padding-right:30px;
	text-align:left;
	white-space:nowrap;
}
/* ----- コメント ----- */
.staff-item .comment{
	letter-spacing:0.025em;
	line-height:1.6;
	margin:40px 0 0;
}
/* 準備中 
------------------------------------------------- */
.none{
	text-align:center;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　館長・ディレクター・アドバイザー紹介　
	*****************************************************/
	/* アンカーリンク 
	------------------------------------------------- */
	.anchor-link{
		margin:3.12vw 0 8.12vw;
	}
	.anchor-link a{
		font-size:2.5vw;
	}
	/* 紹介詳細 
	------------------------------------------------- */
	.staff-item + .staff-item{
		margin:12.5vw 0 0;
	}
	.staff-item .staff-item_inner{
		margin:0 6.25vw;
	}
	/* ----- 役職 ----- */
	.staff-item .position{
		border-width:1.25vw;
		font-size:3.5vw;
		margin:0 0 8.12vw;
		padding:1.87vw 4.37vw;
	}
	.staff-item .position:before{
		border-bottom:1px solid #9c9c9c;
		width:calc(100% - 1.25vw);
	}
	/* ----- 名前 ----- */
	.staff-item .name{
		font-size:3.25vw;
		margin:0 0 4.37vw;
	}
	/* ----- 画像、プロフィール ----- */
	.staff-item .profimg-proftxt_wrap{
		display:block;
	}
	.staff-item .profimg{
		margin:0 auto 4%;
		max-width:none;
		width:40.75vw;
	}
	.staff-item .txt{
		width:auto;
	}
	.staff-item .txt .career{
		margin:2.5vw 0 0;
	}
	.staff-item .txt .career th,
	.staff-item .txt .career td{
		padding:0.62vw 0;
	}
	.staff-item .txt .career th{
		padding-right:3.75vw;
	}
	/* ----- コメント ----- */
	.staff-item .comment{
		margin:5vw 0 0;
	}
}