@charset "utf-8";
.ds-staff~ul li {margin-top:2em;}
.ds-staff li {display:flex; justify-content:space-between}
.ds-staff li >div {align-self:stretch;}
.ds-staff li >div:first-child {flex-basis:40%;}
.ds-staff li >div:last-child{flex-basis:59%}
.ds-staff-sub li >div:first-child {flex-basis:20%;}
.ds-staff-sub li >div:last-child{flex-basis:79%}

.ds-staff-port {font-size:0; line-height:1;}
.ds-staff-port img {width:100%; height:auto;}

.ds-staff-color1 {background:#e6e5de}
.ds-staff-color2 {background:#eeeeee}
.ds-staff-port+div {display:flex; flex-direction:column; justify-content:flex-end; padding:1em; box-sizing:border-box;}
.ds-staff-port+div>div>* {display:block;}

.ds-staff-name {font-weight:bold; line-height:1.3; margin-bottom:1em;}
.ds-staff-large {font-size:1.3em;}

@media all and (max-width:767px) {
	
	
	article.ds-ct {font-size:14px; line-height:1.3;}
	.ds-staff~ul li {margin-top:2em;}
	
	.ds-staff li >div:first-child {flex-basis:35%;}
	.ds-staff li >div:last-child{flex-basis:64%}
	.ds-staff-sub li >div:first-child {flex-basis:20%;}
	.ds-staff-sub li >div:last-child{flex-basis:79%}
	
	.ds-staff-color1,
	.ds-staff-color2 {background:none;}
	
	.ds-staff-port+div {padding:0 0 0 1em; justify-content:flex-start;}
	
	.ds-staff-port img {width:100%; height:auto;}
	
	.ds-staff-name {line-height:1.2; margin-bottom:0.5em;}
	.ds-staff-large {font-size:1.05em;}
}