@charset "UTF-8";
/* staff.css */


/* --- 副本部長あいさつ ---- */
#staff_big h2.column_title .heading_blue {
	display: block;
	margin-top: min(1.3vw,15px);
}
/* 肩書きと名前svg */
#staff_big dl.staff_data {
	text-align: right;
}
#staff_big .staff_data dt {
	width: 30%;
	max-width: 210px;
	display: inline-block;
}

/* ----- スタッフ紹介 ----- */
.staff_card .flex_box {
	flex-wrap: nowrap;
}
.staff_card .left_cont  {
	width: 35%;
	min-width: 300px;
}
.staff_card .right_cont {
	width: 65%;
	width: calc(65% - min(5.202vw,60px));
	margin-left: min(5.202vw,60px);
}
.staff_card .h2_staffBlue {
	font-size: 32px;
	font-size: min(3.2vw,32px);
	line-height: 1.5;
	color: #1f5ba3;
	margin-bottom: min(4vw,40px);
}
.staff_card .h2_staffBlue span.small {
	font-size: min(2.4vw,24px);
	margin-left: 30px;
}
.staff_card h3 {
	font-size: 26px;
	font-size: min(2.6vw,26px);
	margin-bottom: min(1vw,10px);
}
.staff_card p {
	text-align: justify;
	line-height: 2;
	letter-spacing: .05em;
}

.staff_card .right_cont h3:not(:first-of-type) {
	margin-top: min(4vw,40px);
}


@media screen and (max-width:768px) {
	/* --- 副本部長あいさつ ---- */
	#staff_big h2.column_title .heading_blue {
		display: block;
		margin-top: min(1.3vw,15px);
	}
	/* 肩書きと名前svg */
	#staff_big dl.staff_data {
		text-align: left;
	}
	#staff_big .staff_data dd {
		font-size: 11px;
		letter-spacing: .05em;
	}
	#staff_big .staff_data dd:not(:first-of-type) {
		margin-top: 5px;
	}
	#staff_big .staff_data dt {
		width: 45%;
	}
	
	
	/* ----- スタッフ紹介 ----- */
	.staff_card .flex_box {
		flex-wrap: wrap;
	}
	.staff_card .left_cont,
	.staff_card .right_cont {
		width: 100%;
		min-width: inherit;
		margin-left:  0;
		margin-right: 0;
	}
	/* 左 */
	.staff_card .left_cont img {
		width: 70%;
		display: block;
		margin-left:  auto;
		margin-right: auto;
		
	}
	/* 右 */
	.staff_card .h2_staffBlue {
		font-size: 20px;
		text-align: center;
		margin-bottom: 20px;
	}
	.staff_card .h2_staffBlue span.small {
		font-size: 16px;
		margin-left: 30px;
	}
	.staff_card h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.staff_card .right_cont h3:not(:first-of-type) {
		margin-top: 30px;
	}
	
	
}