@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: left;
}
#staff_big .staff_data dt {
	/*width: 30%;*/
	/*max-width: 210px;*/
	display: inline-block;
}
#staff_big .staff_data dt {
	width: auto;
	font-size: 40px;
	font-family: "yuji-syuku",'Yuji Syuku', 'Noto Sans JP', sans-serif !important;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
}

/* ----- スタッフ紹介 ----- */
/* スタッフ(表示順序1)(挨拶テキストあり) */
#staff_big {
	width: 100%;
}
#staff_big .flex_box {
	flex-wrap: nowrap;
	flex-direction: inherit;
}
#staff_big .left_cont  {
	width: 35%;
	min-width: 300px;
}
#staff_big  .right_cont {
	width: 65%;
	width: calc(65% - min(5.202vw,60px));
	margin-left: min(5.202vw,60px);
}
/* 通常スタッフ(特任教員) */
#sec_staff .flex_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#wrap_sp-appo .flex_wrap:after {
	content: "";
	width: calc(100%/3 - 20px);
	height: 0;
}
.staff_card {
	width: calc(100%/3 - 20px);
}
.staff_card .flex_box {
	align-items: stretch;
	flex-wrap: wrap;
	flex-direction: column;
}
.staff_card .left_cont,
.staff_card .right_cont {
	width: 100%;
}
.staff_card .left_cont {
	flex: 1;
}
.staff_card .h2_staffBlue {
	font-size: 32px;
	font-size: min(3.2vw,28px);
	font-size: 18px;
	line-height: 1.5;
	color: #1f5ba3;
	margin-bottom: min(2vw,20px);
}
.staff_card .h2_staffBlue span.small {
	font-size: min(2.4vw,24px);
	margin-left: 30px;
}
.staff_card h3 {
	font-size: min(2.6vw,26px);
	font-size: min(1.65vw,22px);
	letter-spacing: .05em;
	margin-bottom: min(1vw,10px);
}
.staff_card p {
	font-size: min(1.821vw,14px);
	text-align: justify;
	line-height: 2;
	letter-spacing: .05em;
}
.staff_card .right_cont h3:not(:first-of-type) {
	margin-top: min(4vw,40px);
}
/* 特任教員見出し */
.staff_card + h3 {
	width: 100%;
}
.tokunin_box h2.h2_staffBlue {
	margin-bottom: 0;
}

/* 特任教員レイアウト調整 */
.tokunin_box {
	/* border: 1px solid #c8c8c8; */
	background-color: #fff;
	box-shadow: 0 0 5px #e6e6e6;
	padding: min(1.8vw,20px) min(3vw,30px);
}


/* 兼任教員 */
#wrap_parttime .flex_wrap:before,
#wrap_parttime .flex_wrap:after  {
	content: "";
	width:  calc(100%/4 - 20px);
	height: 0;
}
#wrap_parttime .flex_wrap:before {
	order: 1;
}
#wrap_parttime .staff_card {
	width: calc(100%/4 - 20px);
}
#wrap_parttime .staff_card h4 {
	font-size: 18px !important;
	margin-bottom: 5px;
}
.staff_card li,
#wrap_parttime .staff_card li,
#wrap_parttime .staff_card li a {
	font-size: 14px;
	font-size: min(1.56vw,15px);
	letter-spacing: .05em;
}
#wrap_parttime .li_url a {
	text-decoration: underline;
}
/* 兼任教員レイアウト調整 */
#wrap_parttime .staff_card {
	/* border: 1px solid #c8c8c8; */
	background-color: #fff;
	box-shadow: 0 0 5px #e6e6e6;
	padding: min(1.8vw,20px) min(3vw,30px);
}
#wrap_parttime .staff_card h4 {
	line-height: 1.5em !important;
	margin-bottom: 0 !important;
}
.staff_card .title_flex {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	margin-bottom:  0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px dashed #c8c8c8;
}
.blank_icon {
	width:  1em;
	height: 1em;
	margin-left: 1em;
	align-self: flex-start;
	transform: translateY(.4em);
}
.blank_icon img {
	width:  1em;
	height: 1em;
	display: block;
	object-fit: contain;
	object-position: center;
}


/* 兼任教員 見出しテキスト */
.staff_heading .small_blue {
	font-size: 18px;
	color: #1f5ba3;
	margin-left: 1em;
}
/* そのほか教員・運営委員 */
#wrap_other {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left:  auto;
	margin-right: auto;
}
#wrap_other > div {
	width: calc(100%/3 - 20px);
}
#wrap_other > div:nth-of-type(n+4) {
	margin-top: min(6vw,60px) !important;
}
#wrap_other h4 {
	font-size: 18px;
	font-size: min(2.3vw,20px) !important;
	line-height: 1.5em;
	border-bottom: 1px solid #c9c9c9;
	margin-bottom:  .75em;
	padding-bottom: .75em;
}
#wrap_other h4 small {
	line-height: 1;
	letter-spacing: .05em;
}
#wrap_other dl:not(:first-of-type) {
	margin-top:  .75em;
	padding-top: .75em;
	border-top: 1px solid #c9c9c9;
}
#wrap_other dt,
#wrap_other dd,
#wrap_other a  {
	font-size: 14px;
	font-size: min(1.821vw,16px);
	line-height: 1.5em;
}
#wrap_other dt {
	margin-bottom: .25em;
}
#wrap_other a {
	word-break: break-all;
}
#wrap_other .p_note {
	font-size: 14px;
	text-indent: -1.1em;
	padding-left: 1.1em;
	letter-spacing: .1em;
	color: #888888;
}


@media screen and (max-width:1199px) {
	/* 通常スタッフ */
	.staff_card {
		width: calc(100%/2 - 15px);
	}
	.staff_card h3 {
		font-size: min(2.2vw,22px);
	}
	#wrap_sp-appo .flex_wrap:after {
		content: none;
	}
	/* 兼任教員 */
	#wrap_parttime .flex_wrap:after  {
		content: "";
		width:  calc(100%/3 - 20px);
		height: 0;
	}
	#wrap_parttime .flex_wrap:before {
		content: none;
	}
	#wrap_parttime .staff_card {
		width: calc(100%/3 - 15px);
	}
}


@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: 14px;
		line-height: 1.5em;
		letter-spacing: .05em;
	}
	#staff_big .staff_data dd:not(:first-of-type) {
		margin-top: 5px;
	}
	#staff_big .staff_data dd li {
		width: 100%;
		line-height: 1.5em;
		display: inline-block;
	}
	#staff_big .staff_data dd li:not(:first-of-type) {
		margin-top: .2em;
	}
	#staff_big .staff_data dt {
		/*width: 45%;*/
		font-size: 35px;
	}
	/* ----- スタッフ紹介 ----- */
	.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;
	}
	.tokunin_box,
	#wrap_parttime .staff_card {
		padding: 20px !important;
	}
	.blank_icon,
	.blank_icon img {
		width:  1.3em;
		height: 1.3em;
	}

	/* スタッフ(表示順序1)(挨拶テキストあり) */
	#staff_big .flex_box {
		flex-wrap: wrap;
	}
	#staff_big .left_cont,
	#staff_big .right_cont {
		width: 100%;
		min-width: inherit;
		margin-left:  0;
		margin-right: 0;
	}
	/* 通常スタッフ */
	.staff_card {
		width: 100%;
	}
	/* 左 */
	.staff_card .left_cont img {
		width: 100%;
		max-width: 420px;
		display: block;
		margin-left:  auto;
		margin-right: auto;
	}
	/* 右 */
	.staff_card .h2_staffBlue {
		font-size: 20px;
		text-align: left;
		margin-bottom: 10px;
	}
	.staff_card .right_cont .h2_staffBlue {
		text-align: left;
	}
	.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;
	}
	.staff_card p {
		font-size: 14px;
	}
	
	/* 兼任教員 */
	#wrap_parttime .flex_wrap:before {
		content: none;
	}
	#wrap_parttime .staff_card {
		width: calc(100%/2 - 10px);
	}
	#wrap_parttime .staff_card.marM_T-SP {
		margin-top: 20px !important;
	}
	#wrap_parttime .staff_card img {
		width: 100%;
	}
	#wrap_parttime .staff_card h2  {
		font-size: 18px;
		text-align: left;
	}
	.staff_card li,
	#wrap_parttime .staff_card li,
	#wrap_parttime .staff_card li a {
		font-size: 12px;
		word-break: break-all;
	}
	.staff_heading {
		font-size: 24px;
		line-height: 1.3;
	}
	.staff_heading .small_blue {
		font-size: 14px;
		margin-left: 0;
	}
	.staff_heading .small_blue:before {
		content: "\A";
		white-space: pre-wrap;
	}
	/* そのほか教員・運営委員 */
	#wrap_other {
		max-width: 600px;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#wrap_other > div {
		width: auto;
		width: 100%;
		margin-top: 0 !important;
		margin-left: 0 !important;
		margin-bottom: 40px;
	}
	#wrap_other > div:last-of-type {
		margin-bottom: 20px;
	}
	#wrap_other h4 {
		font-size: 18px !important;
	}
	#wrap_other dt,
	#wrap_other dd,
	#wrap_other a {
		font-size: 14px;
	}
	#wrap_other .p_note {
		font-size: 14px;
	}

	@media screen and (min-width:500px) {
		/* 兼任教員 */
		.staff_card li,
		#wrap_parttime .staff_card li,
		#wrap_parttime .staff_card li a {
			font-size: 14px;
		}
		/* そのほか教員・運営委員 */
		#wrap_other > div {
			width: calc(100%/2 - 15px);
		}
		#wrap_other .p_note {
			font-size: 12px;
		}
	}

}


@media screen and (max-width:550px) {
	/* 兼任教員 */
	#wrap_parttime .staff_card {
		width: 100% !important;
	}
	.staff_card li,
	#wrap_parttime .staff_card li,
	#wrap_parttime .staff_card li a {
		font-size: 14px !important;
	}
}