@charset "UTF-8";

.staff .content_visual {
	background-image: url(../images/low/bg_staff.png);
}
.content {
	padding: 3rem;
	font-size:18px;
}
h3 span::before {
	left:-24px;
}
.officer {
	
}
.officer li {
	display:flex;
	align-items:center;
	border-left: 7px solid var( --color-primary);
	padding-left:10px;
	margin-bottom:20px;
}
.officer .staff-category {
	margin-right:30px;
	width:180px;
}
.officer .name {
	width: 130px;
	font-size:22px;
	font-weight:600;
	margin-right: 20px;
}
.cooperator {
	padding: 3rem;
}
.cooperator h4 {
	margin-bottom:30px;
}
.content_flex {
	font-size:20px;
	display:flex;

}
.label {
	color:var(--color-primary);
	font-weight:600;
	width: 30%;
	position:relative;
}

.member {
	display: flex;
	margin-bottom:20px;
}
.member > p {
	margin-right:20px;
}
.member > .flex {
	margin-right:20px;
}

.committee {
	padding: 3rem;
}
.committee li {
	display:flex;
	margin-bottom:20px;
	font-size:20px;
}
.committee ul {
	margin:30px 0;
}
.committee li .division {
	width: 30%;
	font-weight:600;
	color: var(--color-primary);
}
@media screen and (max-width: 1200px) {
	/*画面幅1024pxで調整*/
	h3 span {
		
	}
	h3 span::after {
		
	}
	
}
@media screen and (max-width: 1023px) {
	/*画面幅1000pxで調整*/
	h3 span {
		padding: 0 3rem;
	}
}
@media screen and (max-width: 999px) {
	/*画面幅751pxで調整*/
	h3 span {
		padding: 0 2rem;
	}
	.tb {
		display:block;
	}
	h3 span::before {
		bottom:0.1px;
		
	}
	
}
@media screen and (max-width: 750px) {
	/*画面幅681pxで調整*/
	.content_visual {
		background-position: 75% center;
	}
	.member {
		flex-wrap:wrap;
		width:calc(100% - 220px);
		line-height:1.5;
	}
	.label {
		width: 220px;
	}
	.committee {
		padding:1rem;
	}
	.committee li .division {
		width:250px;
	}
}
@media screen and (max-width: 680px) {
	/*画面幅481pxで調整*/
	h3 span{
		border-bottom:none;
	}
	.content {
		padding:1rem;
	}
	.officer li {
		display:block;
		margin-bottom:30px;
	}
	.officer .name {
		margin-top:20px;
	}
	.cooperator {
		padding:1rem;
	}
	.content_flex {
		display:block;
	}
	.member {
		width:100%;
	}
	.committee li {
		flex-flow:column;
	}
}
@media screen and (max-width: 480px) {
	/*iphoneSEサイズで調整*/
	
}