@charset "utf-8";



.staff_list>li:not(:last-child){
	margin-bottom: 5em;
}

.staff_list .box01{
	width: 100%;
	max-width: 860px;
	margin: 0 auto 2em;
}

.imgSet{
	width: 18%;
	max-width: 160px;
}

.imgSet img{
	width: 100%;
}

.txtSet{
	width: 77%;
}

.txtSet li{
	display: inline-block;
	margin: 0 .5em;
}
.txtSet .staffName{
	font-size: clamp(1.125rem, 0.943rem + 0.91vw, 1.625rem);
	border-bottom: 1px solid #ccc;
	padding-bottom: .25em;
	margin-bottom: .25em;
}
.txtSet .staffName .staffNameE{
	margin-left: 1em;
	font-size: clamp(0.75rem, 0.682rem + 0.34vw, 0.938rem);
}
.txtSet .staffPosi{
	display: inline-block;
	background: var(--c_gray);
	padding: .125em 1em;
	font-size: clamp(0.75rem, 0.682rem + 0.34vw, 0.938rem);
	line-height: 1.4;
}

.txtSet dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: .5em;
}
.txtSet dt{
	width: 8em;
	font-weight: bold;
}
.txtSet dd{
	width: calc(100% - 8em);
}

.staffComment{
		background: var(--c_gray);
	padding: 2em 3em;
}
.staffComment dt{
	font-weight: bold;
	font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
	margin-bottom: .5em;
}


.sns li{
	display: inline-block;
	margin: 0 .5em;
}
.sns li:nth-of-type(2){
	width: 12vw;
	max-width: 50px;
}



@media (max-width: 799px){

.staff_list>li:not(:last-child){margin-bottom: 2em;}
.staff_list .staffComment{padding: 1.25em 2em;}

}


@media (max-width: 599px){

.staff_list .staffComment{padding: 1em 1.5em;}
.imgSet,.txtSet{width: 100%;}
.imgSet{margin: 0 auto 2em;}
.txtSet .staffSkill dt,
.txtSet .staffSkill dd{
	width: 100%;
}
.txtSet .staffSkill dt{
	margin-bottom: .25em;
}



}


