@charset "utf-8";
/*===============================================
 *	対応エリア
===============================================*/
#staff {margin: 0 0 60px;}
#staff .layer-contents {width: 56%;}
.staff_list {gap: 40px 0;}
.staff_list li {border:var(--site-primary) 4px solid;border-radius: 6px; box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.35);width: 528px;}
.staff_list li .name {font-size: 27px;background: var(--site-primary);color: #fff;padding: 13px 0 15px;}
.staff_list li .name span {font-size: 0.74em;padding-left: 20px;}
.staff_list li > div {padding: 40px 40px 44px;}
.staff_list li > div img{margin: 0 0 20px;}
@media screen and (max-width: 1024px) {
#staff .layer-contents {width: 51%;}
.staff_list li {width: 48%;}
}
@media screen and (max-width: 960px) {
.staff_list li .name {font-size: 21px;padding: 9px 0 11px;}
.staff_list li .name span {padding-left: 10px;}
.staff_list li > div {padding: 3vw 3vw 4vw;}
}
@media screen and (max-width: 568px) {
#staff {margin: 0 0 30px;}
#staff .layer-contents {width: 100%;}
.staff_list {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 20px 0;}
.staff_list li {width: 100%;}
.staff_list li .name {padding: 11px 0 13px;}
.staff_list li .name span {font-size: 0.76em;padding-left: 13px;}
.staff_list li > div {padding: 20px 20px 20px;}

}