@charset "UTF-8";
/* ===== 人を知る 個人詳細ページ (Figma 378:4795) ===== */
/* Reuses .peh hero from people.css */
.page--people-detail {
  overflow-x: hidden;
}

/* ── Animations (from home.css) ── */
.fade-in-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  transition-delay: 0.2s;
}

.fade-in-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.fade-in {
  opacity: 0;
  transition: opacity 0.9s ease;
}

.fade-in.is-visible {
  opacity: 1;
}

@keyframes moving1 {
  0%, 100% {
    transform: rotate(-3deg);
  }
  50% {
    transform: rotate(3deg);
  }
}
@keyframes moving2 {
  0%, 100% {
    transform: translateX(-6px);
  }
  50% {
    transform: translateX(6px);
  }
}
@keyframes moving3 {
  0%, 100% {
    transform: scale(1);
  }
  35% {
    transform: scale(1.06);
  }
  65% {
    transform: scale(0.97);
  }
}
@keyframes moving4 {
  0% {
    transform: translate(4px, 0);
  }
  12.5% {
    transform: translate(2.8px, 2.8px);
  }
  25% {
    transform: translate(0, 4px);
  }
  37.5% {
    transform: translate(-2.8px, 2.8px);
  }
  50% {
    transform: translate(-4px, 0);
  }
  62.5% {
    transform: translate(-2.8px, -2.8px);
  }
  75% {
    transform: translate(0, -4px);
  }
  87.5% {
    transform: translate(2.8px, -2.8px);
  }
  100% {
    transform: translate(4px, 0);
  }
}
.moving-1 {
  animation: moving1 4s ease-in-out infinite;
  transform-origin: center center;
}

.moving-2 {
  animation: moving2 3.5s ease-in-out infinite;
}

.moving-3 {
  animation: moving3 2.5s ease-in-out infinite;
  transform-origin: center center;
}

.moving-4 {
  animation: moving4 6s linear infinite;
}

/* ── Ashirai (Decorative Elements) ── */
.ashirai-layer {
  position: absolute;
  width: var(--container-max);
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  pointer-events: none;
  z-index: var(--z-deco-back);
}

.ashirai {
  position: absolute;
  pointer-events: none;
  max-width: none;
  width: 100%;
}

@media screen and ( max-width: 767px ) {
  .ashirai-layer {
    width: 100vw;
  }
}
/* Ashirai positions (adjusted for aboutus page if needed, currently copying from home sec-planet) */
/* interview 01 */
.page--people-detail-01 .ashirai-01 {
  left: 174px;
  top: -134px;
  width: 70px;
}
.page--people-detail-01 .ashirai-02 {
  right: -184px;
  top: -308px;
  width: 346px;
}
.page--people-detail-01 .ashirai-03 {
  right: 23px;
  top: -80px;
  width: 140px;
}
.page--people-detail-01 .ashirai-04 {
  left: 45px;
  top: 122px;
  width: 71px;
}
.page--people-detail-01 .ashirai-05 {
  left: 46px;
  top: 207px;
  width: 88px;
}
.page--people-detail-01 .ashirai-06 {
  right: 327px;
  top: 125px;
  width: 429px;
}
.page--people-detail-01 .ashirai-07 {
  right: 14px;
  top: 47px;
  width: 167px;
}
.page--people-detail-01 .ashirai-08 {
  left: 37px;
  top: 377px;
  width: 53px;
}
.page--people-detail-01 .ashirai-09 {
  left: 104px;
  top: 514px;
  width: 140px;
}
.page--people-detail-01 .ashirai-10 {
  left: 284px;
  top: 468px;
  width: 279px;
}
.page--people-detail-01 .ashirai-11 {
  right: 65px;
  top: 555px;
  width: 40px;
}
.page--people-detail-01 .ashirai-12 {
  right: -57px;
  top: 443px;
  width: 71px;
}
.page--people-detail-01 .ashirai-13 {
  left: 44px;
  top: 840px;
  width: 87px;
}
.page--people-detail-01 .ashirai-14 {
  right: 332px;
  top: 866px;
  width: 345px;
}
.page--people-detail-01 .ashirai-15 {
  right: 27px;
  top: 951px;
  width: 117px;
}
.page--people-detail-01 .ashirai-16 {
  left: 142px;
  top: 380px;
  width: 89px;
}
.page--people-detail-01 .ashirai-17 {
  left: -174px;
  top: 485px;
  width: 345px;
}
.page--people-detail-01 .ashirai-18 {
  right: 504px;
  top: 555px;
  width: 322px;
}
.page--people-detail-01 .ashirai-19 {
  right: 3px;
  top: 377px;
  width: 140px;
}
@media screen and ( max-width: 767px ) {
  .page--people-detail-01 .ashirai-sp-01 {
    left: 0;
    top: -26.4vw;
    width: 11.7vw;
  }
  .page--people-detail-01 .ashirai-sp-02 {
    right: 0;
    top: -54.1vw;
    width: 28.3vw;
  }
  .page--people-detail-01 .ashirai-sp-03 {
    left: 0;
    top: -7.5vw;
    width: 20.9vw;
  }
  .page--people-detail-01 .ashirai-sp-04 {
    right: 0;
    top: 0;
    width: 30.4vw;
  }
  .page--people-detail-01 .ashirai-sp-05 {
    left: 0;
    top: 56.3vw;
    width: 20.9vw;
  }
  .page--people-detail-01 .ashirai-sp-06 {
    right: 0;
    top: 122.1vw;
    width: 16vw;
  }
  .page--people-detail-01 .ashirai-sp-07 {
    left: 0;
    top: 142.1vw;
    width: 34.7vw;
  }
  .page--people-detail-01 .ashirai-sp-08 {
    right: 2.9vw;
    top: 213.9vw;
    width: 10.7vw;
  }
  .page--people-detail-01 .ashirai-sp-09 {
    right: 0;
    top: 237.9vw;
    width: 19.2vw;
  }
  .page--people-detail-01 .ashirai-sp-10 {
    left: 0;
    top: 354.7vw;
    width: 20.8vw;
  }
  .page--people-detail-01 .ashirai-sp-11 {
    right: 7.2vw;
    top: 381.9vw;
    width: 37.5vw;
  }
}

/* interview 02 */
.page--people-detail-02 .ashirai-01 {
  left: 174px;
  top: -134px;
  width: 70px;
}
.page--people-detail-02 .ashirai-02 {
  left: 547px;
  top: -399px;
  width: 417px;
}
.page--people-detail-02 .ashirai-03 {
  right: 23px;
  top: -81px;
  width: 140px;
}
.page--people-detail-02 .ashirai-04 {
  left: 45px;
  top: 122px;
  width: 71px;
}
.page--people-detail-02 .ashirai-05 {
  left: 116px;
  top: -218px;
  width: 332px;
}
.page--people-detail-02 .ashirai-06 {
  left: 46px;
  top: 205px;
  width: 88px;
}
.page--people-detail-02 .ashirai-07 {
  left: 37px;
  top: 375px;
  width: 53px;
}
.page--people-detail-02 .ashirai-08 {
  left: 104px;
  top: 512px;
  width: 140px;
}
.page--people-detail-02 .ashirai-09 {
  left: 400px;
  top: 469px;
  width: 279px;
}
.page--people-detail-02 .ashirai-10 {
  right: 243px;
  top: 120px;
  width: 410px;
}
.page--people-detail-02 .ashirai-11 {
  right: 14px;
  top: 45px;
  width: 167px;
}
.page--people-detail-02 .ashirai-12 {
  right: 65px;
  top: 553px;
  width: 40px;
}
.page--people-detail-02 .ashirai-13 {
  right: -57px;
  top: 441px;
  width: 71px;
}
.page--people-detail-02 .ashirai-14 {
  left: 44px;
  top: 838px;
  width: 87px;
}
.page--people-detail-02 .ashirai-15 {
  left: 129px;
  top: 1004px;
  width: 188px;
}
.page--people-detail-02 .ashirai-16 {
  right: 22px;
  top: 829px;
  width: 429px;
}
.page--people-detail-02 .ashirai-17 {
  right: 27px;
  top: 949px;
  width: 117px;
}
.page--people-detail-02 .ashirai-18 {
  left: 142px;
  top: 359px;
  width: 89px;
}
.page--people-detail-02 .ashirai-19 {
  left: 27px;
  top: 557px;
  width: 61px;
}
.page--people-detail-02 .ashirai-20 {
  right: 530px;
  top: 470px;
  width: 247px;
}
.page--people-detail-02 .ashirai-21 {
  right: 4px;
  top: 344px;
  width: 140px;
}
@media screen and ( max-width: 767px ) {
  .page--people-detail-02 .ashirai-sp-01 {
    left: 3.5vw;
    top: -9.6vw;
    width: 24.8vw;
  }
  .page--people-detail-02 .ashirai-sp-02 {
    right: 0;
    top: -9.3vw;
    width: 36.4vw;
  }
  .page--people-detail-02 .ashirai-sp-03 {
    left: 0;
    top: 58.9vw;
    width: 8.3vw;
  }
  .page--people-detail-02 .ashirai-sp-04 {
    right: 0;
    top: 116.8vw;
    width: 30.4vw;
  }
  .page--people-detail-02 .ashirai-sp-05 {
    left: 0;
    top: 168vw;
    width: 14.5vw;
  }
  .page--people-detail-02 .ashirai-sp-06 {
    right: 1.9vw;
    top: 218.1vw;
    width: 54.1vw;
  }
  .page--people-detail-02 .ashirai-sp-07 {
    right: 0;
    top: 269.1vw;
    width: 7.7vw;
  }
  .page--people-detail-02 .ashirai-sp-08 {
    left: 0;
    top: 305.9vw;
    width: 25.9vw;
  }
  .page--people-detail-02 .ashirai-sp-09 {
    right: 0;
    top: 331.5vw;
    width: 47.5vw;
  }
  .page--people-detail-02 .ashirai-sp-10 {
    left: 0;
    top: 390.4vw;
    width: 17.6vw;
  }
  .page--people-detail-02 .ashirai-sp-11 {
    right: 0;
    top: 398.1vw;
    width: 34.4vw;
  }
}

/* interview 03 */
.page--people-detail-03 .ashirai-01 {
  left: -105px;
  top: -199px;
  width: 429px;
}
.page--people-detail-03 .ashirai-02 {
  left: 174px;
  top: -138px;
  width: 70px;
}
.page--people-detail-03 .ashirai-03 {
  right: 23px;
  top: -81px;
  width: 140px;
}
.page--people-detail-03 .ashirai-04 {
  left: 45px;
  top: 120px;
  width: 71px;
}
.page--people-detail-03 .ashirai-05 {
  right: 173px;
  top: -169px;
  width: 298px;
}
.page--people-detail-03 .ashirai-06 {
  right: 14px;
  top: 17px;
  width: 167px;
}
.page--people-detail-03 .ashirai-07 {
  left: 46px;
  top: 177px;
  width: 88px;
}
.page--people-detail-03 .ashirai-08 {
  left: 37px;
  top: 347px;
  width: 53px;
}
.page--people-detail-03 .ashirai-09 {
  left: 78px;
  top: 350px;
  width: 346px;
}
.page--people-detail-03 .ashirai-10 {
  left: 104px;
  top: 484px;
  width: 140px;
}
.page--people-detail-03 .ashirai-11 {
  right: 327px;
  top: 565px;
  width: 279px;
}
.page--people-detail-03 .ashirai-12 {
  right: 65px;
  top: 525px;
  width: 40px;
}
.page--people-detail-03 .ashirai-13 {
  right: -57px;
  top: 413px;
  width: 71px;
}
.page--people-detail-03 .ashirai-14 {
  left: 44px;
  top: 810px;
  width: 87px;
}
.page--people-detail-03 .ashirai-15 {
  left: 445px;
  top: 944px;
  width: 410px;
}
.page--people-detail-03 .ashirai-16 {
  right: 27px;
  top: 921px;
  width: 117px;
}
.page--people-detail-03 .ashirai-17 {
  left: 142px;
  top: 383px;
  width: 89px;
}
.page--people-detail-03 .ashirai-18 {
  right: 310px;
  top: 498px;
  width: 429px;
}
.page--people-detail-03 .ashirai-19 {
  right: 3px;
  top: 380px;
  width: 140px;
}
@media screen and ( max-width: 767px ) {
  .page--people-detail-03 .ashirai-sp-01 {
    right: 15.7vw;
    top: -32.3vw;
    width: 53.1vw;
  }
  .page--people-detail-03 .ashirai-sp-02 {
    right: 0;
    top: 37.3vw;
    width: 25.5vw;
  }
  .page--people-detail-03 .ashirai-sp-03 {
    left: 0;
    top: 93.1vw;
    width: 15.6vw;
  }
  .page--people-detail-03 .ashirai-sp-04 {
    right: 0;
    top: 136vw;
    width: 33.3vw;
  }
  .page--people-detail-03 .ashirai-sp-05 {
    left: 0;
    top: 191.7vw;
    width: 31.3vw;
  }
  .page--people-detail-03 .ashirai-sp-06 {
    left: 0;
    top: 244.3vw;
    width: 32vw;
  }
  .page--people-detail-03 .ashirai-sp-07 {
    right: 0;
    top: 283.7vw;
    width: 18.7vw;
  }
  .page--people-detail-03 .ashirai-sp-08 {
    left: 0;
    top: 330.9vw;
    width: 34.7vw;
  }
  .page--people-detail-03 .ashirai-sp-09 {
    right: 0;
    top: 353.6vw;
    width: 29.1vw;
  }
}

/* interview 04 */
.page--people-detail-04 .ph-ashirai {
  left: -397px;
  top: -141px;
  width: 700px;
}
.page--people-detail-04 .ashirai-01 {
  left: 174px;
  top: 402px;
  width: 70px;
}
.page--people-detail-04 .ashirai-02 {
  left: 521px;
  top: -345px;
  width: 298px;
}
.page--people-detail-04 .ashirai-03 {
  left: -184px;
  top: 478px;
  width: 261px;
}
.page--people-detail-04 .ashirai-04 {
  left: 45px;
  top: 247px;
  width: 71px;
}
.page--people-detail-04 .ashirai-05 {
  right: 23px;
  top: 46px;
  width: 140px;
}
.page--people-detail-04 .ashirai-06 {
  left: 46px;
  top: 149px;
  width: 88px;
}
.page--people-detail-04 .ashirai-07 {
  left: 37px;
  top: 319px;
  width: 53px;
}
.page--people-detail-04 .ashirai-08 {
  left: 177px;
  top: 463px;
  width: 247px;
}
.page--people-detail-04 .ashirai-09 {
  left: 104px;
  top: 456px;
  width: 140px;
}
.page--people-detail-04 .ashirai-10 {
  right: 324px;
  top: 209px;
  width: 279px;
}
.page--people-detail-04 .ashirai-11 {
  right: -137px;
  top: -94px;
  width: 298px;
}
.page--people-detail-04 .ashirai-12 {
  right: 14px;
  top: -11px;
  width: 167px;
}
.page--people-detail-04 .ashirai-13 {
  right: -57px;
  top: 385px;
  width: 71px;
}
.page--people-detail-04 .ashirai-14 {
  right: 65px;
  top: 497px;
  width: 40px;
}
.page--people-detail-04 .ashirai-15 {
  left: 44px;
  top: 782px;
  width: 87px;
}
.page--people-detail-04 .ashirai-16 {
  right: -51px;
  top: 755px;
  width: 429px;
}
.page--people-detail-04 .ashirai-17 {
  right: 27px;
  top: 893px;
  width: 117px;
}
.page--people-detail-04 .ashirai-18 {
  left: 142px;
  top: 331px;
  width: 89px;
}
.page--people-detail-04 .ashirai-19 {
  left: 27px;
  top: 550px;
  width: 61px;
}
.page--people-detail-04 .ashirai-20 {
  left: 328px;
  top: 132px;
  width: 410px;
}
.page--people-detail-04 .ashirai-21 {
  right: 3px;
  top: 332px;
  width: 140px;
}
@media screen and ( max-width: 767px ) {
  .page--people-detail-04 .ashirai-sp-01 {
    right: 0.8vw;
    top: -30.4vw;
    width: 44.5vw;
  }
  .page--people-detail-04 .ashirai-sp-02 {
    left: 0;
    top: 7.5vw;
    width: 37.9vw;
  }
  .page--people-detail-04 .ashirai-sp-03 {
    left: 0;
    top: 110.7vw;
    width: 44.3vw;
  }
  .page--people-detail-04 .ashirai-sp-04 {
    right: 1.9vw;
    top: 229.6vw;
    width: 25.1vw;
  }
  .page--people-detail-04 .ashirai-sp-05 {
    left: 0;
    top: 337.9vw;
    width: 16.4vw;
  }
  .page--people-detail-04 .ashirai-sp-06 {
    right: 0;
    top: 351.5vw;
    width: 14.4vw;
  }
}

/* interview 05 */
.page--people-detail-05 .ashirai-01 {
  left: -107px;
  top: -329px;
  width: 346px;
}
.page--people-detail-05 .ashirai-02 {
  left: 174px;
  top: -138px;
  width: 70px;
}
.page--people-detail-05 .ashirai-03 {
  left: -155px;
  top: -138px;
  width: 242px;
}
.page--people-detail-05 .ashirai-04 {
  left: 45px;
  top: 118px;
  width: 71px;
}
.page--people-detail-05 .ashirai-05 {
  right: 23px;
  top: -83px;
  width: 140px;
}
.page--people-detail-05 .ashirai-06 {
  left: 46px;
  top: 63px;
  width: 88px;
}
.page--people-detail-05 .ashirai-07 {
  left: 37px;
  top: 233px;
  width: 53px;
}
.page--people-detail-05 .ashirai-08 {
  left: 104px;
  top: 370px;
  width: 140px;
}
.page--people-detail-05 .ashirai-09 {
  right: 288px;
  top: -52px;
  width: 429px;
}
.page--people-detail-05 .ashirai-10 {
  right: 364px;
  top: 353px;
  width: 279px;
}
.page--people-detail-05 .ashirai-11 {
  right: 14px;
  top: -97px;
  width: 167px;
}
.page--people-detail-05 .ashirai-12 {
  right: -57px;
  top: 299px;
  width: 71px;
}
.page--people-detail-05 .ashirai-13 {
  right: 65px;
  top: 411px;
  width: 40px;
}
.page--people-detail-05 .ashirai-14 {
  left: 44px;
  top: 696px;
  width: 87px;
}
.page--people-detail-05 .ashirai-15 {
  left: 257px;
  top: 680px;
  width: 410px;
}
.page--people-detail-05 .ashirai-16 {
  left: 142px;
  top: 1251px;
  width: 89px;
}
.page--people-detail-05 .ashirai-17 {
  right: 240px;
  top: 1088px;
  width: 247px;
}
.page--people-detail-05 .ashirai-18 {
  right: 27px;
  top: 807px;
  width: 117px;
}
.page--people-detail-05 .ashirai-19 {
  right: 3px;
  top: 1248px;
  width: 140px;
}
.page--people-detail-05 .ashirai-20 {
  left: 280px;
  top: 180px;
  width: 429px;
}
.page--people-detail-05 .ashirai-21 {
  left: 356px;
  top: 476px;
  width: 369px;
}
.page--people-detail-05 .ashirai-22 {
  right: 62px;
  top: 386px;
  width: 104px;
}
@media screen and ( max-width: 767px ) {
  .page--people-detail-05 .ashirai-sp-01 {
    left: 0;
    top: 9.3vw;
    width: 34.1vw;
  }
  .page--people-detail-05 .ashirai-sp-02 {
    right: 0;
    top: -10.1vw;
    width: 33.2vw;
  }
  .page--people-detail-05 .ashirai-sp-03 {
    left: 0;
    top: 118.4vw;
    width: 22.8vw;
  }
  .page--people-detail-05 .ashirai-sp-04 {
    right: 0;
    top: 161.9vw;
    width: 16vw;
  }
  .page--people-detail-05 .ashirai-sp-05 {
    left: 14.4vw;
    top: 179.2vw;
    width: 53.1vw;
  }
  .page--people-detail-05 .ashirai-sp-06 {
    left: 0;
    top: 3008.5vw;
    width: 18.9vw;
  }
  .page--people-detail-05 .ashirai-sp-07 {
    right: 0;
    top: 325.1vw;
    width: 23.2vw;
  }
  .page--people-detail-05 .ashirai-sp-08 {
    right: 0;
    top: 449.1vw;
    width: 43.5vw;
  }
  .page--people-detail-05 .ashirai-sp-09 {
    left: 0;
    top: 546.1vw;
    width: 42.9vw;
  }
  .page--people-detail-05 .ashirai-sp-10 {
    right: 0;
    top: 566.9vw;
    width: 24vw;
  }
}

/* interview 06 */
.page--people-detail-06 .ashirai-01 {
  left: 174px;
  top: -138px;
  width: 70px;
}
.page--people-detail-06 .ashirai-02 {
  left: 576px;
  top: -436px;
  width: 340px;
}
.page--people-detail-06 .ashirai-03 {
  right: -41px;
  top: -322px;
  width: 346px;
}
.page--people-detail-06 .ashirai-04 {
  left: 45px;
  top: 120px;
  width: 71px;
}
.page--people-detail-06 .ashirai-05 {
  left: 113px;
  top: -149px;
  width: 429px;
}
.page--people-detail-06 .ashirai-06 {
  right: 23px;
  top: -81px;
  width: 140px;
}
.page--people-detail-06 .ashirai-07 {
  left: 46px;
  top: 233px;
  width: 88px;
}
.page--people-detail-06 .ashirai-08 {
  left: 37px;
  top: 403px;
  width: 53px;
}
.page--people-detail-06 .ashirai-09 {
  left: 104px;
  top: 540px;
  width: 140px;
}
.page--people-detail-06 .ashirai-10 {
  left: 420px;
  top: 498px;
  width: 340px;
}
.page--people-detail-06 .ashirai-11 {
  right: 298px;
  top: 661px;
  width: 410px;
}
.page--people-detail-06 .ashirai-12 {
  right: 364px;
  top: 162px;
  width: 279px;
}
.page--people-detail-06 .ashirai-13 {
  right: -105px;
  top: -104px;
  width: 328px;
}
.page--people-detail-06 .ashirai-14 {
  right: 14px;
  top: 73px;
  width: 167px;
}
.page--people-detail-06 .ashirai-15 {
  right: -57px;
  top: 469px;
  width: 71px;
}
.page--people-detail-06 .ashirai-16 {
  right: 65px;
  top: 581px;
  width: 40px;
}
.page--people-detail-06 .ashirai-17 {
  left: 220px;
  top: 466px;
  width: 298px;
}
.page--people-detail-06 .ashirai-18 {
  right: 27px;
  top: 356px;
  width: 117px;
}
@media screen and ( max-width: 767px ) {
  .page--people-detail-06 .ashirai-sp-01 {
    left: 0;
    top: 6.9vw;
    width: 35.3vw;
  }
  .page--people-detail-06 .ashirai-sp-02 {
    right: 0;
    top: -23.2vw;
    width: 42.7vw;
  }
  .page--people-detail-06 .ashirai-sp-03 {
    right: 0;
    top: 100.8vw;
    width: 56.8vw;
  }
  .page--people-detail-06 .ashirai-sp-04 {
    right: 0;
    top: 176vw;
    width: 9.6vw;
  }
  .page--people-detail-06 .ashirai-sp-05 {
    left: 8.3vw;
    top: 232vw;
    width: 25.1vw;
  }
}

/* ── Hide on PC ── */
@media (min-width: 768px) {
  .pc-none {
    display: none;
  }
}
/* ── Hide on mobile ── */
@media screen and ( max-width: 767px ) {
  .sp-none {
    display: none;
  }
}
/* ── Page Hero (ph) ── */
.ph {
  background-image: url("../images/carrerdesign/hero-bg.png"), url("/planet/images/common/hero-bg-circle.png");
  z-index: 11;
}
.page--people-detail-01 .ph {
  background-position: center, calc(50% - 440px) calc(100% - 53px);
}
.page--people-detail-02 .ph {
  background-position: center, calc(50% - 686px) calc(100% - 53px);
}
.page--people-detail-03 .ph {
  background-position: center, calc(50% - 126px) calc(100% - 34px);
}
.page--people-detail-04 .ph {
  background-image: url("../images/carrerdesign/hero-bg.png");
  background-position: center;
  overflow: visible;
}
.page--people-detail-04 .ph .ashirai-layer {
  z-index: var(--z-deco-back);
}
.page--people-detail-04 .ph .ph__breadcrumb,
.page--people-detail-04 .ph .ph__title {
  position: relative;
  z-index: var(--z-content);
}
.page--people-detail-05 .ph {
  background-position: center, calc(50% - 151px) calc(100% - 109px);
}
.page--people-detail-06 .ph {
  background-position: center, calc(50% - 687px) calc(100% - 52px);
}

@media screen and ( max-width: 767px ) {
  .ph {
    background-image: url("../images/carrerdesign/hero-bg-sp.png");
    background-position: center bottom;
  }
  .page--people-detail-01 .ph, .page--people-detail-02 .ph, .page--people-detail-03 .ph, .page--people-detail-04 .ph, .page--people-detail-05 .ph, .page--people-detail-06 .ph {
    background-image: url("../images/carrerdesign/hero-bg-sp.png");
    background-position: center bottom;
  }
  .ph__title {
    padding-left: 9.6vw;
  }
}
/* ── Interview bar ── */
.pd {
  overflow: visible;
}

.pd__bar-wrap {
  max-width: 1024px;
  margin: 80px auto 0;
  padding: 0 0;
}

.pd__bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  max-width: 1024px;
  margin: 0 auto 60px;
  padding: 0 0 20px;
  position: relative;
  border-bottom: 2px solid var(--c-title);
}

.pd__bar-line {
  display: block;
  width: 66px;
  height: auto;
  position: absolute;
  bottom: 0px;
  transform: translateX(calc(-50% + 420px));
}

.pd__bar-text {
  font-family: var(--ff-body);
  font-size: 29px;
  font-weight: 500;
  color: var(--c-title);
  white-space: nowrap;
}

@media screen and ( max-width: 767px ) {
  .pd__bar-wrap {
    margin: 13.3vw 0 0;
    padding: 0 6.4vw;
  }
  .pd__bar {
    gap: 0;
    margin: 0 0 10.7vw;
    padding: 0 0 5.3vw;
  }
  .pd__bar-line {
    display: none;
  }
  .pd__bar-text {
    font-size: 7.2vw;
  }
}
/* ── Profile hero (pd-hero) ── */
.pd-hero {
  margin: 68px auto 0;
  padding: 0 0;
  overflow: visible;
}

.pd-hero__inner {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
}

.pd-hero__photo {
  width: 1440px;
  margin-left: 70px;
  border-radius: 15px 0 0 15px;
  overflow: hidden;
}

.pd-hero__photo img {
  width: 1439px;
  height: 500px;
  object-fit: cover;
  display: block;
}

.pd-hero__card {
  position: absolute;
  left: 0;
  top: 80px;
  width: 480px;
  height: 234px;
  padding: 50px 70px;
  border-radius: 100px 0;
  background: var(--c-title);
  z-index: 3;
}

.pd-hero__name {
  font-family: var(--ff-body);
  font-size: 40px;
  font-weight: 400;
  color: var(--c-white);
  margin: 0 0 30px;
  line-height: 1;
}

.pd-hero__dept {
  font-family: var(--ff-body);
  font-size: 20px;
  font-weight: 400;
  color: var(--c-white);
  margin: 0;
  line-height: 1.5;
}

@media screen and ( max-width: 767px ) {
  .pd-hero {
    margin: 8vw 0 0;
    overflow: visible;
  }
  .pd-hero__photo {
    width: auto;
    margin-left: 0;
    border-radius: 0;
  }
  .pd-hero__photo img {
    width: 100%;
    height: auto;
  }
  .pd-hero__card {
    left: 6.4vw;
    top: 64vw;
    width: 87.2vw;
    height: 49.6vw;
    padding: 12.8vw 10.7vw;
    border-radius: 21.3vw 0;
  }
  .pd-hero__name {
    font-size: 7.5vw;
    margin: 0 0 4.3vw;
  }
  .pd-hero__dept {
    font-size: 4.3vw;
  }
}
/* ── 経歴 (pd-career) ── */
.pd-career {
  margin: -40px 0 0;
  position: relative;
  z-index: 9;
  overflow: visible;
}

.pd-career__wrap {
  padding: 60px 0 40px;
  background: #FFFFDF;
  z-index: var(--z-deco-mid);
  position: relative;
}

.pd-career__inner {
  max-width: 1024px;
  margin: 0 auto 0;
  padding: 0 70px;
}

.pd-career__title {
  font-family: var(--ff-heading);
  font-size: 22px;
  font-weight: 500;
  color: var(--c-text);
  margin: 0 0 12px;
}

.pd-career__text {
  font-family: var(--ff-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--c-text);
  margin: 0;
  padding-left: 40px;
}

@media screen and ( max-width: 767px ) {
  .pd-career {
    margin: 0;
    z-index: 0;
  }
  .pd-career__wrap {
    padding: 45.3vw 0 8vw;
  }
  .pd-career__inner {
    padding: 0 6.4vw;
  }
  .pd-career__title {
    font-size: 5.3vw;
    margin: 0 0 2.7vw;
  }
  .pd-career__text {
    font-size: 4.3vw;
    padding-left: 0;
  }
}
/* ── Q&A (pd-qa) ── */
.pd-qa {
  padding: 70px 0 50px;
  overflow: visible;
  z-index: 8;
}

.pd-qa__inner {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 0;
  display: flex;
  flex-direction: column;
  gap: 70px;
}

/* Q&A item */
.pd-qa__item {
  position: relative;
  display: flex;
}

.pd-qa__item--left {
  justify-content: flex-start;
}

.pd-qa__item--right {
  justify-content: flex-end;
}

/* Q&A card */
.pd-qa__card {
  width: 647px;
  background: var(--c-white);
  border-radius: 15px;
  box-shadow: 6px 6px 3px rgba(48, 48, 48, 0.3);
  overflow: hidden;
}

.pd-qa__q {
  display: flex;
  gap: 10px;
  padding: 20px 40px;
  background: var(--c-title);
}

.pd-qa__q-mark {
  font-family: var(--ff-heading);
  font-size: 36px;
  font-weight: 700;
  color: #BDE3C1;
  flex: 0 0 auto;
  line-height: 1;
}

.pd-qa__q-text {
  font-family: var(--ff-body);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--c-white);
  margin: 0;
}

.pd-qa__a {
  padding: 20px 40px;
}

.pd-qa__a-text {
  font-family: var(--ff-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--c-text);
  margin: 0;
  letter-spacing: -0.06em;
}

.pd-qa__a-close {
  display: none;
}

/* Circle photo next to Q2 */
.pd-qa__circle {
  flex: 0 0 300px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: -80px;
  z-index: 2;
  align-self: center;
  box-shadow: 6px 6px 3px rgba(48, 48, 48, 0.3);
}

.pd-qa__circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and ( max-width: 767px ) {
  .pd-qa {
    margin: 0 0 -8vw;
    padding: 21.3vw 0 29.3vw;
    z-index: -1;
    overflow: hidden;
  }
  .pd-qa__inner {
    padding: 0 6.4vw;
    gap: 10.7vw;
  }
  /* Q&A item */
  .pd-qa__item {
    display: block;
  }
  /* Q&A card */
  .pd-qa__card {
    width: auto;
    border-radius: 5.3vw;
    box-shadow: 3px 3px 10px rgba(48, 48, 48, 0.3);
  }
  .pd-qa__q {
    gap: 1.6vw;
    padding: 5.3vw 10.7vw 5.3vw 5.3vw;
    line-height: 1.6;
    position: relative;
  }
  .pd-qa__q::after {
    content: "";
    display: block;
    width: 5.3vw;
    height: 5.3vw;
    position: absolute;
    right: 5.3vw;
    bottom: 5.3vw;
    transition: opacity 0.2s ease;
    background: no-repeat center/100% auto;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTIxIDExSDEiIHN0cm9rZT0iI0JERTNDMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4gPHBhdGggZD0iTTExLjAwNTkgMjFMMTEuMDA1OSAxIiBzdHJva2U9IiNCREUzQzEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+");
  }
  .pd-qa__q.is-open::after {
    opacity: 0;
  }
  .pd-qa__q-mark {
    font-size: 8vw;
  }
  .pd-qa__q-text {
    font-size: 5.3vw;
  }
  .pd-qa__a {
    padding: 0 5.3vw;
    height: 0;
    transition: all 0.3s ease-out;
    overflow: hidden;
  }
  .pd-qa__a.is-open {
    height: auto;
    padding: 5.3vw;
  }
  .pd-qa__a-text {
    font-size: 4.3vw;
  }
  .pd-qa__a-close {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4vw;
    margin: 4.8vw auto 0;
    background: transparent;
    border: 0;
    font-family: var(--ff-body);
    font-size: 4.3vw;
    font-weight: 500;
    line-height: 1;
    color: #6D6D6D;
  }
  .pd-qa__a-close svg {
    width: 4.3vw;
    height: 4.3vw;
  }
}
/* ── Other staff (pd-others) ── */
.pd-others {
  position: relative;
  padding: 60px 0 150px;
}

.pd-others__bg {
  width: 100%;
  height: 300px;
  margin: auto 0;
  background: url(../images/carrerdesign/carrerdesign-detail/pd-slider-bg.svg) no-repeat center top/100% 300px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--z-back);
}

.pd-others__wrap {
  position: relative;
  z-index: var(--z-content);
}

.pd-others__inner {
  position: relative;
  z-index: 2;
  max-width: 1025px;
  margin: 0 auto;
}

.pd-others__grid {
  display: flex;
  padding-bottom: 40px;
}

.pd-others__slide {
  width: 240px;
  padding: 0 10px 10px 0;
}
.pd-others__slide:nth-child(even) {
  transform: translateY(40px);
}

.pd-others__card {
  display: block;
  position: relative;
  color: inherit;
  text-decoration: none;
}

.pd-others__card--offset {
  margin-top: 40px;
}

.pd-others__card-img {
  width: 230px;
  height: 340px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 6px 6px 3px rgba(48, 48, 48, 0.3);
  position: relative;
}

.pd-others__card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Gradient overlay */
.pd-others__card-img::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(48, 48, 48, 0) 50.29%, rgba(48, 48, 48, 0.3) 60.28%, rgba(48, 48, 48, 0.4) 70.27%, rgba(48, 48, 48, 0.8) 84.97%);
  pointer-events: none;
}

.pd-others__card-info {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 15px 40px;
  z-index: 2;
}

.pd-others__card-name {
  font-family: var(--ff-body);
  font-size: 20px;
  font-weight: 500;
  color: var(--c-white);
  margin: 0 0 10px;
  line-height: 1.4;
}

.pd-others__card-dept {
  font-family: var(--ff-body);
  font-size: 16px;
  font-weight: 500;
  color: var(--c-white);
  margin: 0;
  line-height: 1.25;
}

/* Arrow buttons */
.pd-others__arrow {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  transition: transform 0.2s ease;
}
.pd-others__arrow::after {
  content: none;
}

.pd-others__arrow--prev {
  position: absolute;
  top: 55%;
  left: -66px;
}

.pd-others__arrow--next {
  position: absolute;
  top: 55%;
  right: -66px;
}

@media (hover: hover) {
  .pd-others__card-img {
    overflow: hidden;
  }
  .pd-others__card-img img {
    transition: transform 0.3s ease;
  }
  .pd-others__card:hover img {
    transform: scale(1.08);
  }
  .pd-others__arrow--prev:hover {
    transform: translateX(-4px);
  }
  .pd-others__arrow--next:hover {
    transform: translateX(4px);
  }
}
@media screen and ( max-width: 767px ) {
  .pd-others {
    position: relative;
    padding: 0;
  }
  .pd-others__bg {
    display: none;
  }
  .pd-others__wrap {
    margin-top: 7.2vw;
    padding: 8vw 0 26.7vw;
    background: #FFFFDF;
  }
  .pd-others__wrap::before {
    content: "";
    display: block;
    width: 100vw;
    height: 7.2vw;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNzUiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAzNzUgMjgiIGZpbGw9Im5vbmUiPiA8cGF0aCBkPSJNMCAwVjI3LjhIMzc1VjBDMzE1Ljc1IDkuMjggMjUyLjc4IDE0LjI3IDE4Ny41IDE0LjI3QzEyMi4yMiAxNC4yNyA1OS4yNSA5LjI4IDAgMFoiIGZpbGw9IiNGRkZGREYiLz48L3N2Zz4=") no-repeat center top/cover;
    position: absolute;
    top: -7.2vw;
    left: 0;
  }
  .pd-others__inner {
    width: 69.3vw;
  }
  .pd-others__grid {
    padding-bottom: 2.7vw;
  }
  .pd-others__slide {
    width: 69.3vw;
    padding: 0 2.7vw 2.7vw 2.7vw;
  }
  .pd-others__slide:nth-child(even) {
    transform: translateY(0);
  }
  .pd-others__card-img {
    width: 64vw;
    height: 85.3vw;
    border-radius: 4vw;
  }
  /* Gradient overlay */
  .pd-others__card-info {
    padding: 0 4.3vw 5.9vw;
  }
  .pd-others__card-name {
    font-size: 5.3vw;
    margin: 0 0 2.7vw;
  }
  .pd-others__card-dept {
    font-size: 4.3vw;
  }
  /* Arrow buttons */
  .pd-others__arrow {
    width: 9.6vw;
    height: 9.6vw;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.6);
  }
  .pd-others__arrow--prev {
    top: 50%;
    left: -3.5vw;
  }
  .pd-others__arrow--next {
    top: 50%;
    right: -3.5vw;
  }
}