@charset "UTF-8";
.second-text img{width:100%;margin-bottom: 5%;}
.stafflist li{margin-bottom: 11vw;}
.stafflist .name{font-size: 5vw;font-family: var(--mincho);font-weight: 600;}
.stafflist .name span{display:inline-table;background:var(--gold);color:#fff;font-size:80%;padding:1% 5%;line-height:1;border-radius:4px;margin-right:2vw;position:relative;top:-2px;}
.stafflist .tbl01{margin-bottom: 0;}
.stafflist .accordion{background:#dfd2bb;position: relative;font-weight: bold;padding: 2vw 3vw;margin-bottom: 0;}
.stafflist .accordion.open .plus:after { -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
.stafflist .accordion .plus { width: 2vw; height: 2vw; position: absolute; top: 50%; right: 4vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.stafflist .accordion .plus:before { content: ''; width: 100%; height: 1px; background: #666; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.stafflist .accordion .plus:after { content: ''; width: 1px; height: 100%; background: #666; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.stafflist .box{display:none;background:#fff;padding:7%;}

/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 
.stafflist li{margin-bottom:100px;}
.stafflist .name{font-size:26px;}
.stafflist .accordion{padding:10px 20px;font-size:20px;}
.stafflist .box{padding:30px;}
.stafflist .textbox{width:100%;}
}

@media screen and (min-width: 900px) {
.stafflist li{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: start;}
.stafflist li img{width:30%;}
.stafflist .accordion{width:100%;margin: 20px 0 0 0;}
}

@media screen and (min-width: 1200px) {
.stafflist .name{margin-bottom:10px;}
.stafflist li img{width:28%;margin-bottom: 0;}
.tbl01 th, .tbl01 td{padding:15px;}
.stafflist .accordion .plus{width:20px;height:20px;right:30px;}
}