@charset "UTF-8";

/* case
----------------------------------------------- */
.staff-list{margin-bottom: 16vw;position: relative;}
.staff-list:after{content: "";width: 70px;height: 70px;position: absolute;top: 8vw;right: -4vw;z-index: -1;}
.staff-list:last-child{margin-bottom: 0;}

.staff-list img{width: 50%;margin: 0 auto 4vw 0;}
.staff-list .text{margin-top: 0;}

.staff-list dl{font-family: var(--mincho);font-feature-settings: "palt";letter-spacing: .05em;margin-left: 50vw;position: absolute;top: 20vw;border-left: 3px solid var(--blue);padding-left: 4vw;}
.staff-list dt{line-height: 1.4;margin-bottom: 3vw;font-size: 3vw;}
.staff-list dd{font-size: 6vw;line-height: 1.4;}
.staff-list dd span{font-size: 3.5vw;display: block;opacity: 0.6;font-family: var(--mincho);font-weight: 400;}

.staff-list .read{font-family: var(--mincho);font-size: 4.6vw;line-height: 1.5;margin-bottom: 1vw;font-weight: 600;color: var(--blue);}
.tbl {width: 100%;}
.tbl th,.tbl td {vertical-align:middle;line-height: 1.6;letter-spacing: .04em;}
.tbl th {text-align:center;width: 30%;font-weight: 600;padding: 3% 3% 3% 0;color: var(--brown);}
.tbl tr:first-child {border-top: 1px solid #e6e3dc;}
.tbl td {width: 70%;padding: 3% 0;}
.tbl tr{border-bottom: 1px solid #e6e3dc;}
.tbl tr:last-child { border-bottom: none;}
.tbl td a {font-size: 5.6vw;display: inline-block;font-family: futura-pt;font-weight: 400;}
.tbl td a span:before {margin-right: 3px;font-family:icon;content:'\f095';font-size: 80%;}


.assistant .staff-list{margin-bottom: 8vw;}


/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {

.staff-list{margin-bottom: 70px;display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;-webkit-align-items: flex-start;align-items: flex-start;}
.staff-list:after{content: none;}
.staff-list:last-child{margin-bottom: 0;}

.staff-list .flex{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.staff-list img{width: 270px;order: 2;margin: 0 0 0 3vw;}
.staff-list .text{margin-top: 0;width: 100%;}

.staff-list dl{margin-left: 0;position: initial;padding: 12px 12px 12px 18px;background: linear-gradient(127deg, rgba(230, 247, 248, 1) 46%, rgba(255, 255, 255, 1) 100%);border-left: none;margin-bottom: 20px;}
.staff-list dt{margin-bottom: 4px;font-size: 14px;}
.staff-list dd{font-size: 28px;}
.staff-list dd span{font-size: 16px;display: inline-block;margin-left: 10px;}
.staff-list .read{font-size: 20px;margin-bottom: 8px;}

.tbl {font-size: 14px;}
.tbl td {width: 80%;padding: 14px 0;}
.tbl th {width: 20%;padding: 14px 14px 14px 0;}

.assistant{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-start;align-items: flex-start;}
.assistant .staff-list{margin-bottom: 100px;max-width: 270px;width: 100%;margin-right: 2vw;}
.assistant .staff-list:last-child{margin-bottom: 0;}
.assistant .staff-list img{margin: 0;}

.assistant .staff-list dl{position: absolute;margin-bottom: 0px;background: none;padding: 0px 0px 0px 18px;top: 400px;}
.assistant .staff-list dd span{display: block;margin-left: 0;}

}