.p-staff {
  --pt: 130;
  --pb: 150;
  padding: clamp(var(--pt) * .6em/16, var(--pt) / 1024*100vw, var(--pt) * 1em/16) 0 clamp(var(--pb) * .6em/16, var(--pb) / 1024*100vw, var(--pb) * 1em/16);
  overflow: hidden;
}
.p-staff__title {
  --pt: 100;
  position: relative;
  padding-top: clamp(var(--pt) * .8em/16, var(--pt) / 1024*100vw, var(--pt) * 1em/16);
}
.p-staff__title::before {
  --h: 72;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1px;
  height: clamp(var(--h) * .8em/16, var(--h) / 1024*100vw, var(--h) * 1em/16);
  background: var(--gray-color);
}
.p-staff__titleEn {
  text-align: center;
  font-size: calc(19em/16);
  letter-spacing: 0.03em;
}
.p-staff__titleJp {
  margin-top: calc(18em/50);
  text-align: center;
  font-size: clamp(calc(50em/16*.75), calc(50/768*100vw), calc(50em/16));
  letter-spacing: -0.06em;
}
.p-staff__list {
  --mt: 84;
  --gap: 64;
  margin-top: clamp(var(--mt) * .8em/16, var(--mt) / 1024*100vw, var(--mt) * 1em/16);
  display: flex;
  flex-direction: column;
  gap: clamp(var(--gap) * .8em/16, var(--gap) / 1024*100vw, var(--gap) * 1em/16);
}
@media screen and (max-width: 1024px) {
  .p-staff__list {
    gap: clamp(var(--gap) * .8em/16, var(--gap) / 375*100vw, var(--gap) * 2em/16);
  }
}
.p-staff__listItem {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .p-staff__listItem {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
.p-staff__listItemHead {
  position: relative;
  flex-shrink: 0;
  width: calc(625/var(--section-width)*100%);
}
@media screen and (max-width: 1024px) {
  .p-staff__listItemHead {
    width: min(calc(312em/16*2), calc(312/335*100%));
  }
}
.p-staff__listItemHead .title {
  position: absolute;
  bottom: calc(32em/16);
  left: calc(32em/16);
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(6em/16);
  font-size: clamp(.8em, calc(16/1280*100vw), 1em);
}
@media screen and (max-width: 1024px) {
  .p-staff__listItemHead .title {
    font-size: clamp(.62em, calc(16/640*100vw), 1em);
  }
}
@media screen and (max-width: 320px) {
  .p-staff__listItemHead .title {
    font-size: calc(16/320*100vw*.55);
  }
}
.p-staff__listItemHead .title__txt {
  padding: calc(10em/30) calc(12em/30);
  font-size: calc(30em/16);
  letter-spacing: -0.06em;
  background: rgba(255, 255, 255, .8);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
@media screen and (max-width: 768px) {
  .p-staff__listItemHead .title__txt {
    font-weight: 700;
  }
}
.p-staff__listItemHead .img {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 625/452;
  border-radius: calc(20em/16);
  overflow: hidden;
}
.p-staff__listItemBody {
  width: calc(480/var(--section-width)*100%);
}
@media screen and (max-width: 1024px) {
  .p-staff__listItemBody {
    margin-top: clamp(calc(40em/16*.8), calc(40/768*100vw), calc(40em/16));
    width: min(calc(312em/16*2), calc(312/335*100%));
  }
}
.p-staff__listItemBody .txt {
  text-align: justify;
  line-height: 2.6;
  font-size: clamp(calc(14em/16), calc(14/375*100vw), calc(17em/16));
}
.p-staff__listItemBody .info {
  margin-top: calc(36em/16);
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: calc(16em/16);
}
.p-staff__listItemBody .info__title {
  font-size: clamp(calc(16em/16), calc(16/375*100vw), calc(18em/16));
  letter-spacing: 0.02em;
}
.p-staff__listItemBody .info__txt {
  position: relative;
  z-index: 1;
  padding: calc(12em/16) calc(14em/16);
  letter-spacing: 0.02em;
  background: #d6e1e1;
  border-radius: 100vmax;
  overflow: hidden;
  font-size: clamp(calc(14em/16), calc(14/375*100vw), calc(16em/16));
}
.p-staff__flow {
  --mt: 280;
  margin-top: clamp(var(--mt) * .5em/16, var(--mt) / 1024*100vw, var(--mt) * 1em/16);
}
.p-staff__flowTitle {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-staff__flowTitle::after {
  content: "";
  display: block;
  margin-top: calc(25em/16);
  background: url("../../images/flow-title-line.svg") top left no-repeat;
  width: calc(630em/16);
  height: calc(38em/16);
  background-size: 100%;
}
@media screen and (max-width: 1024px) {
  .p-staff__flowTitle {
    line-height: 1.8;
  }
  .p-staff__flowTitle::after {
    content: "";
    display: block;
    margin-top: calc(25em/16);
    background: url("../../images/flow-title-line.svg") top center no-repeat;
    width: min(calc(480/768*100vw), calc(480em/16));
    height: calc(38em/16);
    /* background-size: 100%; */
    background-size: cover;
  }
}
@media screen and (max-width: 430px) {
  .p-staff__flowTitle::after {
    width: calc(480em/16*.7);
  }
}
@media screen and (max-width: 320px) {
  .p-staff__flowTitle::after {
    width: 100%;
  }
}
.p-staff__flowTitleTxt {
  text-align: center;
  font-size: clamp(calc(30em/16*.7), calc(30/768*100vw), calc(30em/16));
  letter-spacing: -0.06em;
}
@media screen and (max-width: 320px) {
  .p-staff__flowTitleTxt {
    font-size: calc(30/320*100vw*.6);
  }
}
.p-staff__flowTitleTxt .u-pcNone {
  display: none;
}
@media screen and (max-width: 1024px) {
  .p-staff__flowTitleTxt .u-pcNone {
    display: block;
  }
}
.p-staff__flowMain {
  --mt: 50;
  --pb: 60;
  width: calc(var(--vw) * 100);
  margin: clamp(var(--mt) * .6em/16, var(--mt) / 1024*100vw, var(--mt) * 1em/16) calc(50% - var(--vw) * 50) 0;
  /* margin: clamp(var(--mt) * .6em/16, var(--mt) / 1024*100vw, var(--mt) * 1em/16) 0 0; */
  padding-bottom: clamp(var(--pb) * .6em/16, var(--pb) / 1024*100vw, var(--pb) * 1em/16);
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .p-staff__flowMain {
    --mt: 30;
    margin: clamp(var(--mt) * .6em/16, var(--mt) / 1024*100vw, var(--mt) * 1em/16) calc(-20/335*100%) 0;
    width: calc(375/335*100%);
    overflow-x: scroll;
  }
}
.p-staff__flowMain-body {
  /* padding-right: calc(25/1600*100%); */
}
.p-staff__flowMain-inner {
  --section-width: 1200;
  margin: 0 auto;
  max-width: clamp(var(--section-width) * 1em/16, var(--section-width) / 1600*100vw, var(--section-width) * 1.2em/16);
  width: calc(335/375*100%);
}
@media screen and (max-width: 1024px) {
  .p-staff__flowMain-inner {
    margin: 0;
    max-width: unset;
    /* min-width: calc(1234em/16); */
    width: fit-content;
  }
}
.p-staff__flowMainSlider {
  /* position: relative; */
  display: flex;
  justify-content: center;
  width: 100%;
  /* font-size: clamp(.8em, calc(16/768*100vw), 1em); */
  font-size: clamp(1em, calc(16/1600*100vw), 1.2em);
}
@media screen and (max-width: 1380px) {
  .p-staff__flowMainSlider {
    font-size: min(1em, calc(16/1380*100vw));
  }
}
@media screen and (max-width: 1024px) {
  .p-staff__flowMainSlider {
    padding: calc(20em/16) calc(20/375*100vw) 0;
    justify-content: flex-start;
    /* min-width: calc(1234em/16); */
    width: max-content;
    font-size: 1em;
  }
}
.p-staff__flowMainSlider .item {
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  width: fit-content;
}
/* .p-staff__flowMainSlider .item:first-child {
  width: calc(90em/16);
} */
.p-staff__flowMainSlider .item:not(:first-child) {
  position: relative;
  z-index: 2;
  padding-left: calc(14em/16);
}
.p-staff__flowMainSlider .item:not(:first-child)::before {
  content: "";
  position: absolute;
  top: calc(187em/16*.5);
  /* left: calc(-60em/16); */
  left: 0;
  z-index: 1;
  display: block;
  height: 1px;
  width: calc(60em/16);
  background-image: linear-gradient(to right, var(--gray-color), var(--gray-color) 50%, transparent 50%, transparent 100%);
  background-size: 7px 1px;
}
.p-staff__flowMainSlider .item.is-txt {
  padding-top: calc(75em/16);
}
.p-staff__flowMainSlider .item.is-img {
  display: flex;
  flex-direction: column;
  /* width: calc(247em/16); */
}
.p-staff__flowMainSlider .item.is-leftwide {
  padding-left: calc(32em/16);
}
.p-staff__flowMainSlider .item.is-img .item__title {
  position: relative;
  z-index: 2;
  order: 2;
  margin-top: calc(-22em/16);
}
.p-staff__flowMainSlider .item__title::after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 2px;
  height: calc(17em/16);
  background: #82978c;
}
.p-staff__flowMainSlider .item__titleTxt {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0 auto;
  padding: calc(8em/15) calc(15em/15) calc(7em/15);
  width: fit-content;
  text-align: center;
  font-size: calc(15em/16);
  letter-spacing: 0.02em;
  color: #221815;
  border: 2px solid #82978c;
  background: #fff;
  border-radius: 100vmax;
  overflow: hidden;
}
@media screen and (max-width: 430px) {
  .p-staff__flowMainSlider .item__title::after {
    width: 1px;
  }
  .p-staff__flowMainSlider .item__titleTxt {
    border-width: 1px;
  }
}
.p-staff__flowMainSlider .item__txt {
  position: relative;
  margin-top: calc(15em/21);
  text-align: center;
  font-size: calc(21em/16);
  letter-spacing: -0.06em;
}
.p-staff__flowMainSlider .item__txtNote {
  display: block;
  margin-top: calc(8em/16);
  font-size: calc(16em/21);
}
.p-staff__flowMainSlider .item__txtNotice {
  position: absolute;
  right: calc(18em/13);
  bottom: calc(-35em/13);
  font-family: YakuHanJP, YuGothic, "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: calc(13em/21);
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.p-staff__flowMainSlider .item.is-img .item__txt {
  order: 3;
}
.p-staff__flowMainSlider .item.is-img .item__img {
  order: 1;
  width: calc(187em/16);
}
.p-staff__flowMainSlider .item.is-img .item__img {
  position: relative;
  z-index: 1;
  border-radius: 100vmax;
  overflow: hidden;
}
.p-staff__flowMainScroll {
  display: none;
}
@media screen and (max-width: 1024px) {
  .p-staff__flowMainScroll {
    position: absolute;
    top: 0;
    right: calc(-40em/17);
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: calc(20em/17);
    width: calc(192em/17);
    height: calc(48em/17);
    font-size: calc(17em/16*.9);
    background: #d6e1e1;
    border-radius: 100vmax;
    transition: transform var(--transition), opacity .2s var(--ease-out-sine), visibility .2s var(--ease-out-sine);
  }
  .p-staff__flowMain.is-active .p-staff__flowMainScroll {
    transform: translateX(150%);
    opacity: 0;
    visibility: hidden;
  }
}