@charset "UTF-8";

/* CSS Document */

/*====================================

	page_ttl

====================================*/

.page_ttl {
	background: url(../images/page_ttl_bg.jpg) center center;
	background-size: cover;
}
.page_ttl h2 {
}

/*====================================

	#researcher

====================================*/

#researcher,
#administrativestaff,
.careers {
	padding-top: 0px;
}
#researcher .inner,
#administrativestaff .inner,
.careers .inner {
}
#researcher .inner p,
#administrativestaff .inner p,
.careers .inner p {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	margin-bottom: -1px;
}
#researcher .inner p a,
#administrativestaff .inner p a,
.careers .inner p a {
	color: #000;
	text-indent: -0.5em;
	padding-left: 0.5em;
	display: block;
	text-decoration: none;
}
#researcher .inner p a:before,
#administrativestaff .inner p a:before,
.careers .inner p a:before {
	content: '▶';
	font-size: 50%;
	padding-right: 1em;
}
#researcher .inner p a:hover,
#administrativestaff .inner p a:hover,
.careers .inner p a:hover{
	text-decoration: underline;
}

.three-columns {
	display: flex;
	list-style-type: none;
	padding: 0;
	margin: 0;
	gap: 20px; /* カラム間のスペース */
}

.three-columns li {
	flex: 1; /* 各カラムを均等に幅を調整 */
	border: 1px solid #0c68e6; /* 各カラムを黒い枠線で囲む */
	padding: 20px;
	text-align: center;
	/* background-color: #f9f9f9; */
	border-radius: 5px; /* 角を少し丸める */
}

.three-columns h4 {
	font-size: 150%;
	margin-bottom: 15px; /* タイトル下に間隔 */
	/* color: #333; タイトルの色 */
}

.three-columns p {
	font-size: 1rem;
	line-height: 1.5;
	text-align: justify; /* 文書の体裁を整える */
	/* color: #555; */
}