@charset "UTF-8";
.pagecopy {
  color: #1d211e;
  font-size: 25px;
  font-weight: 500;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 70px;
}
@media all and (min-width: 681px) {
  .icatchWrap.typeA .thumb .img1 {
    background-image: url(../../img/staff/staff_icatch01_230509.jpg);
    background-position: center top;
  }
}
@media all and (max-width: 680px) {
  .pagecopy {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.733;
    margin-top: 17px;
    margin-bottom: 30px;
  }
}

@media all and (max-width: 370px) {
}

/* STAFF_B
***************************************************************/
.staffWrap {
  padding-top: 90px;
}
.staffWrap .staffInner {
  width: 1200px;
  margin: 0 auto;
  padding: 10px 0 60px;
}
.staffWrap .staffList {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.staffWrap .staffList > li {
  width: 383px;
  display: flex;
  flex-flow: column;
}
.staffWrap .staffList > li .thumb {
  width: 100%;
  height: 208px;
}
.staffWrap .staffList > li .thumb .img1 {
  width: 100%;
  height: 100%;
  background-image: url(../../img/common/noimage.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.staffWrap .staffList > li .textBox {
  width: 100%;
  padding: 20px 20px 25px;
  background-color: #fff;
  display: flex;
  flex-flow: column;
  align-items: center;
  flex-grow: 1;
}
.staffWrap .staffList > li .textBox .name1 {
  background-image: url(../../img/staff/name01.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 45px;
}
.staffWrap .staffList > li .textBox .position1 {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin-top: 15px;
}
.staffWrap .staffList > li .textBox .p1 {
  width: 100%;
  font-size: 18px;
  text-align: justify;
  letter-spacing: 0;
  line-height: 1.78;
  margin-top: 15px;
  /* flex-grow: 1; */
}
.staffWrap .staffList > li .textBox .character {
  width: 100%;
  font-size: 13px;
  text-align: justify;
  letter-spacing: 0;
  display: flex;
  flex-flow: wrap;
  padding-top: 8px;
  margin-top: 14px;
  border-top: 1px solid #000;
}
.staffWrap .staffList > li .textBox .character dt {
  width: 122px;
  padding-right: 29px;
  text-align-last: justify;
  text-justify: inter-ideograph;
  margin-top: 6px;
  position: relative;
}
.staffWrap .staffList > li .textBox .character dt::after {
  content: "／";
  padding: 0 8px;
  position: absolute;
  top: 0;
  right: 0;
}
.staffWrap .staffList > li .textBox .character dd {
  width: calc(100% - 122px);
  margin-top: 6px;
}
/* staff01 */
.staffWrap .staffList > li.li1 .thumb .img1 {
  background-image: url(../../img/staff/staff01.jpg);
}
.staffWrap .staffList > li.li1 .textBox .name1 {
  background-image: url(../../img/staff/name01.svg);
}
/* staff02 */
.staffWrap .staffList > li.li2 .thumb .img1 {
  background-image: url(../../img/staff/staff02.jpg);
}
.staffWrap .staffList > li.li2 .textBox .name1 {
  background-image: url(../../img/staff/name02.svg);
}
/* staff03 */
.staffWrap .staffList > li.li3 .thumb .img1 {
  background-image: url(../../img/staff/staff03.jpg);
}
.staffWrap .staffList > li.li3 .textBox .name1 {
  background-image: url(../../img/staff/name03.svg);
}
/* staff04 */
.staffWrap .staffList > li.li4 .thumb .img1 {
  background-image: url(../../img/staff/staff04.jpg);
}
.staffWrap .staffList > li.li4 .textBox .name1 {
  background-image: url(../../img/staff/name04.svg);
}
/* staff05 */
.staffWrap .staffList > li.li5 .thumb .img1 {
  background-image: url(../../img/staff/staff05.jpg);
}
.staffWrap .staffList > li.li5 .textBox .name1 {
  background-image: url(../../img/staff/name05.svg);
}
/* staff06 */
.staffWrap .staffList > li.li6 .thumb .img1 {
  background-image: url(../../img/staff/staff06.jpg);
}
.staffWrap .staffList > li.li6 .textBox .name1 {
  background-image: url(../../img/staff/name06.svg);
}
/* staff07 */
.staffWrap .staffList > li.li7 .thumb .img1 {
  background-image: url(../../img/staff/staff07.jpg);
}
.staffWrap .staffList > li.li7 .textBox .name1 {
  background-image: url(../../img/staff/name07.svg);
}
/* staff08 */
.staffWrap .staffList > li.li8 .thumb .img1 {
  background-image: url(../../img/staff/staff08.jpg);
}
.staffWrap .staffList > li.li8 .textBox .name1 {
  background-image: url(../../img/staff/name08.svg);
}
/* staff09 */
.staffWrap .staffList > li.li9 .thumb .img1 {
  background-image: url(../../img/staff/staff09.jpg);
}
.staffWrap .staffList > li.li9 .textBox .name1 {
  background-image: url(../../img/staff/name09.svg);
}
/* staff10 */
.staffWrap .staffList > li.li10 .thumb .img1 {
  background-image: url(../../img/staff/staff10.jpg);
}
.staffWrap .staffList > li.li10 .textBox .name1 {
  background-image: url(../../img/staff/name10.svg);
}
/* staff11 */
.staffWrap .staffList > li.li11 .thumb .img1 {
  background-image: url(../../img/staff/staff11.jpg);
}
.staffWrap .staffList > li.li11 .textBox .name1 {
  background-image: url(../../img/staff/name11.svg);
}
/* staff12 */
.staffWrap .staffList > li.li12 .thumb .img1 {
  background-image: url(../../img/staff/staff12.jpg);
}
.staffWrap .staffList > li.li12 .textBox .name1 {
  background-image: url(../../img/staff/name12.svg);
}
/* staff13 */
.staffWrap .staffList > li.li13 .thumb .img1 {
  background-image: url(../../img/staff/staff13.jpg);
}
.staffWrap .staffList > li.li13 .textBox .name1 {
  background-image: url(../../img/staff/name13.svg);
}
/* staff14 */
.staffWrap .staffList > li.li14 .thumb .img1 {
  background-image: url(../../img/staff/staff14.jpg);
}
.staffWrap .staffList > li.li14 .textBox .name1 {
  background-image: url(../../img/staff/name14.svg);
}
/* staff15 */
.staffWrap .staffList > li.li15 .thumb .img1 {
  background-image: url(../../img/staff/staff15.jpg);
}
.staffWrap .staffList > li.li15 .textBox .name1 {
  background-image: url(../../img/staff/name15.svg);
}
/* staff16 */
.staffWrap .staffList > li.li16 .thumb .img1 {
  background-image: url(../../img/staff/staff16.jpg);
}
.staffWrap .staffList > li.li16 .textBox .name1 {
  background-image: url(../../img/staff/name16.svg);
}
/* staff17 */
.staffWrap .staffList > li.li17 .thumb .img1 {
  background-image: url(../../img/staff/staff17.jpg);
}
.staffWrap .staffList > li.li17 .textBox .name1 {
  background-image: url(../../img/staff/name17.svg);
}
/* staff18 */
.staffWrap .staffList > li.li18 .thumb .img1 {
  background-image: url(../../img/staff/staff18.jpg);
}
.staffWrap .staffList > li.li18 .thumb .img1.type2 {
  background-image: url(../../img/staff/staff18_2.jpg);
}
.staffWrap .staffList > li.li18 .textBox .name1 {
  background-image: url(../../img/staff/name18.svg);
}
/* staff19 */
.staffWrap .staffList > li.li19 .thumb .img1 {
  background-image: url(../../img/staff/staff19.jpg);
}
.staffWrap .staffList > li.li19 .textBox .name1 {
  background-image: url(../../img/staff/name19.svg);
}
/* staff20 */
.staffWrap .staffList > li.li20 .thumb .img1 {
  background-image: url(../../img/staff/staff20.jpg);
}
.staffWrap .staffList > li.li20 .textBox .name1 {
  background-image: url(../../img/staff/name20.svg);
}
/* staff21 */
.staffWrap .staffList > li.li21 .thumb .img1 {
  background-image: url(../../img/staff/staff21.jpg);
}
.staffWrap .staffList > li.li21 .textBox .name1 {
  background-image: url(../../img/staff/name21.svg);
}
/* staff22 */
.staffWrap .staffList > li.li22 .thumb .img1 {
  background-image: url(../../img/staff/staff22.jpg);
}
.staffWrap .staffList > li.li22 .textBox .name1 {
  background-image: url(../../img/staff/name22.svg);
}
/* staff23 */
.staffWrap .staffList > li.li23 .thumb .img1 {
  background-image: url(../../img/staff/staff23.jpg);
}
.staffWrap .staffList > li.li23 .textBox .name1 {
  background-image: url(../../img/staff/name23.svg);
}
/* staff24 */
.staffWrap .staffList > li.li24 .thumb .img1 {
  background-image: url(../../img/staff/staff24.jpg);
}
.staffWrap .staffList > li.li24 .textBox .name1 {
  background-image: url(../../img/staff/name24.svg);
}
/* staff25 */
.staffWrap .staffList > li.li25 .thumb .img1 {
  background-image: url(../../img/staff/staff25.jpg);
}
.staffWrap .staffList > li.li25 .textBox .name1 {
  background-image: url(../../img/staff/name25.svg);
}
/* staff26 */
.staffWrap .staffList > li.li26 .thumb .img1 {
  background-image: url(../../img/staff/staff26.jpg);
}
.staffWrap .staffList > li.li26 .textBox .name1 {
  background-image: url(../../img/staff/name26.svg);
}
/* staff27 */
.staffWrap .staffList > li.li27 .thumb .img1 {
  background-image: url(../../img/staff/staff27.jpg);
}
.staffWrap .staffList > li.li27 .textBox .name1 {
  background-image: url(../../img/staff/name27.svg);
}

/* staff28 */
.staffWrap .staffList > li.li28 .thumb .img1 {
  background-image: url(../../img/staff/staff28.jpg);
}
.staffWrap .staffList > li.li28 .textBox .name1 {
  background-image: url(../../img/staff/name28.svg);
}
/* staff29 */
.staffWrap .staffList > li.li29 .thumb .img1 {
  background-image: url(../../img/staff/staff29.jpg);
}
.staffWrap .staffList > li.li29 .textBox .name1 {
  background-image: url(../../img/staff/name29.svg);
}
/* staff30 */
.staffWrap .staffList > li.li30 .thumb .img1 {
  background-image: url(../../img/staff/staff30.jpg);
}
.staffWrap .staffList > li.li30 .textBox .name1 {
  background-image: url(../../img/staff/name30.svg);
}
/* staff31 */
.staffWrap .staffList > li.li31 .thumb .img1 {
  background-image: url(../../img/staff/staff31.jpg);
}
.staffWrap .staffList > li.li31 .textBox .name1 {
  background-image: url(../../img/staff/name31.svg);
}
/* staff32 */
.staffWrap .staffList > li.li32 .thumb .img1 {
  background-image: url(../../img/staff/staff32.jpg);
}
.staffWrap .staffList > li.li32 .textBox .name1 {
  background-image: url(../../img/staff/name32.svg);
}

@media all and (min-width: 681px) {
  .staffWrap .staffList::after {
    content: "";
    width: 383px;
  }
  .staffWrap .staffList > li:nth-of-type(1n + 4) {
    margin-top: 50px;
  }
  .staffWrap .staffList > li .textBox .p1 {
    min-height: 128px;
  }
}
@media all and (max-width: 680px) {
  .staffWrap {
    padding-top: 90px;
  }
  .staffWrap .staffInner {
    width: 100%;
    padding: 0 0 30px;
  }
  .staffWrap .staffList > li {
    display: block;
  }
  .staffWrap .staffList > li + li {
    margin-top: 25px;
  }
  .staffWrap .staffList > li .thumb {
    width: 100%;
    min-height: auto;
    height: 63.44vw;
  }
  .staffWrap .staffList > li .textBox {
    width: 100%;
    padding: 30px 10% 25px;
  }
  .staffWrap .staffList > li .textBox .name1 {
    height: 40px;
  }
  .staffWrap .staffList > li .textBox .position1 {
    font-size: 12px;
    margin-top: 15px;
  }
  .staffWrap .staffList > li .textBox .p1 {
    font-size: 12px;
    margin-top: 15px;
  }
  .staffWrap .staffList > li .textBox .character {
    font-size: 12px;
    padding-top: 9px;
    margin-top: 15px;
    border-top: 1px solid #c4c4c4;
  }
  .staffWrap .staffList > li .textBox .character dt {
    width: 110px;
    padding-right: 22px;
  }
  .staffWrap .staffList > li .textBox .character dt::after {
    padding: 0 5px;
  }
  .staffWrap .staffList > li .textBox .character dd {
    width: calc(100% - 110px);
  }
}
@media all and (max-width: 370px) {
}

/* コンテンツ
***************************************************************/
@media all and (min-width: 681px) {
}
@media all and (max-width: 680px) {
}
@media all and (max-width: 370px) {
}