/* 採用TOP キャリアパス B案（PC・SP）2026-10-10 09:04。ほかのセクションには影響させない。 */
.krt .krt-career5.krt-section{background:#f4f7fa;padding:90px 0 110px;overflow:hidden}
.krt .krt-career5__inner{max-width:1200px}
.krt .krt-career5__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:56px}
.krt .krt-career5__heading-title{min-width:0;max-width:720px}
.krt .krt-career5__heading .krt-kicker{margin:0 0 20px!important}
.krt .krt-career5__heading h2{margin:0;font-size:34px;font-weight:700;line-height:1.6;letter-spacing:.06em}
.krt .krt-career5__intro{flex:none;max-width:400px;margin:0 0 6px!important;font-size:18px;line-height:2.05;letter-spacing:.05em;color:rgba(11,37,69,.75)}
.krt .krt-career5__stage{position:relative;margin-top:36px;padding-top:150px}
.krt .krt-career5__visual--desktop{position:absolute;inset:0 0 auto;width:100%;pointer-events:none;z-index:2}
.krt .krt-career5__visual--mobile{display:none}
.krt .krt-career5__visual--desktop .krt-career5__runner{position:absolute;left:2.5%;top:148px;width:12.5%;z-index:2}
.krt .krt-career5__runner img{display:block;width:100%;height:auto;animation:krt-career5-bob 1.4s ease-in-out infinite}
/* 2026-10-28: client-approved running illustrations. The existing colour
   switch sets data-krt-color-theme on <html> (DARK is the default). Keep the
   original runner size, position, entrance and floating motion untouched. */
.krt .krt-career5__runner img.krt-career5__runner-image--white{display:none}
html[data-krt-color-theme="light"] .krt .krt-career5__runner img.krt-career5__runner-image--dark{display:none}
html[data-krt-color-theme="light"] .krt .krt-career5__runner img.krt-career5__runner-image--white{display:block}

@keyframes krt-career5-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.krt .krt-career5__arrow{display:block;width:100%;height:auto;overflow:visible}
.krt .krt-career5__stair-svg{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.krt .krt-career5.motion-ready .krt-career5__runner{opacity:0;transform:translateY(16px);transition:opacity .55s ease .1s,transform .55s ease .1s}
.krt .krt-career5.motion-ready .krt-career5__visual.is-visible .krt-career5__runner{opacity:1;transform:translateY(0)}
.krt .krt-career5.motion-ready .krt-career5__arrow-line{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s cubic-bezier(.22,.7,.2,1) .25s}
.krt .krt-career5.motion-ready .krt-career5__arrow-head{opacity:0;transition:opacity .3s ease 1.3s}
.krt .krt-career5.motion-ready .krt-career5__visual.is-visible .krt-career5__arrow-line{stroke-dashoffset:0}
.krt .krt-career5.motion-ready .krt-career5__visual.is-visible .krt-career5__arrow-head{opacity:1}
.krt .krt-career5__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:0}
.krt .krt-career5__step{min-width:0;display:flex;flex-direction:column}
.krt .krt-career5__step:nth-child(1){padding-top:176px}
.krt .krt-career5__step:nth-child(2){padding-top:132px}
.krt .krt-career5__step:nth-child(3){padding-top:88px}
.krt .krt-career5__step:nth-child(4){padding-top:44px}
.krt .krt-career5__card{min-width:0;flex:1;background:#fff;border-top:4px solid #0b2545;border-left:1px solid rgba(11,37,69,.1);box-sizing:border-box;padding:24px 22px 28px;color:#0b2545}
.krt .krt-career5__step.is-goal .krt-career5__card{background:#fdf3ec;border-top-color:#e8651a}
.krt .krt-career5__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.krt .krt-career5__label{font-family:Jost,sans-serif;font-size:10px;font-weight:500;letter-spacing:.22em;color:rgba(11,37,69,.55)}
.krt .krt-career5__number{font-family:Jost,sans-serif;font-size:34px;font-weight:500;line-height:1;color:#e8651a}
.krt .krt-career5__role{margin:14px 0 0!important;font-size:24px;font-weight:700;letter-spacing:.08em;line-height:1.45;color:#0b2545}
.krt .krt-career5__role-marked{position:relative;display:inline-block;max-width:100%}
.krt .krt-career5__role-marked>svg{position:absolute;left:-4px;bottom:-3px;width:calc(100% + 8px);height:14px;overflow:visible;pointer-events:none}
.krt .krt-career5__role-marked>svg path{stroke:rgba(232,101,26,.16)}
.krt .krt-career5__step.is-goal .krt-career5__role-marked>svg path{stroke:rgba(232,101,26,.26)}
.krt .krt-career5__role-marked>span{position:relative;z-index:1}
.krt .krt-career5__copy{margin:16px 0 0!important;font-size:18px;font-weight:700;line-height:1.75;letter-spacing:.04em;color:#0b2545}
.krt .krt-career5__description{margin:12px 0 0!important;font-size:16px;line-height:1.95;letter-spacing:.03em;color:rgba(11,37,69,.8);overflow-wrap:anywhere}
.krt .krt-career5__keywords{margin:16px 0 0!important;padding-top:14px;border-top:1px solid rgba(11,37,69,.12);display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:500;line-height:1.7;letter-spacing:.04em;overflow-wrap:anywhere;color:#0b2545}
.krt .krt-career5__keywords>span{flex:none;width:14px;height:1px;background:#e8651a;margin-top:.8em}
/* Manual line breaks remain explicit; the segments around / or ／ can wrap as
   complete phrases when a six-column career card becomes narrow. */
.krt .krt-career5__keywords>.krt-career5__keyword-text{flex:1 1 auto;min-width:0;font-style:normal}
.krt .krt-career5__keyword-segment{display:inline-block;white-space:nowrap}

.krt .krt-career5__note{margin:26px 0 0!important;font-size:12px;line-height:1.9;letter-spacing:.05em;color:rgba(11,37,69,.5)}
@media(max-width:1100px){
 .krt .krt-career5.krt-section{padding:56px 0 64px}
 .krt .krt-career5__inner{width:calc(100% - 44px);max-width:640px}
 .krt .krt-career5__heading{display:block}
 .krt .krt-career5__heading .krt-kicker{margin:0 0 16px!important;gap:10px;letter-spacing:.28em}
 .krt .krt-career5__heading .krt-kicker:before{width:30px}
 .krt .krt-career5__heading h2{font-size:22px;line-height:1.6;letter-spacing:.05em}
 .krt .krt-career5__intro{max-width:none;margin:16px 0 0!important;font-size:16px;line-height:1.95;letter-spacing:.04em;color:rgba(11,37,69,.78)}
 .krt .krt-career5__stage{margin-top:0;padding-top:0}
 .krt .krt-career5__visual--desktop{display:none}
 .krt .krt-career5__visual--mobile{display:block;position:relative;width:100%;max-width:420px;aspect-ratio:346 / 180;margin:30px auto 28px;pointer-events:none;z-index:2}
 .krt .krt-career5__visual--mobile .krt-career5__runner{position:absolute;left:.6%;top:43.9%;width:17.3%;z-index:2}
 .krt .krt-career5__grid{display:flex;flex-direction:column;gap:14px}
 .krt .krt-career5__step{padding:0!important;display:block}
 .krt .krt-career5__card{padding:22px 22px 24px;border-top:4px solid #0b2545;border-left:0;min-height:0}
 .krt .krt-career5__number{font-size:30px}
 .krt .krt-career5__role{font-size:22px;margin:10px 0 0!important}
 .krt .krt-career5__copy{margin:14px 0 0!important;font-size:18px}
 .krt .krt-career5__description{margin:10px 0 0!important;font-size:16px}
 .krt .krt-career5__keywords{margin:14px 0 0!important;padding-top:12px;font-size:13px}
 .krt .krt-career5__note{margin:28px 0 0!important;padding-top:16px;border-top:1px solid rgba(11,37,69,.1);letter-spacing:.03em;color:rgba(11,37,69,.55)}
}
@media(max-width:375px){.krt .krt-career5__heading h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){
 .krt .krt-career5.motion-ready .krt-career5__runner{opacity:1!important;transform:none!important;transition:none!important}
 .krt .krt-career5__runner img{animation:none!important}
 .krt .krt-career5.motion-ready .krt-career5__arrow-line{stroke-dashoffset:0!important;transition:none!important}
 .krt .krt-career5.motion-ready .krt-career5__arrow-head{opacity:1!important;transform:none!important;transition:none!important}
}


/* 2026-10-26: The arrowhead is drawn in the same timeline as the line.
   Start to reveal its base as the stroke reaches the end, rather than
   waiting for a second, visibly separate animation. Works for PC and SP. */
.krt .krt-career5.motion-ready .krt-career5__arrow-line {
  stroke-dasharray:1;
  stroke-dashoffset:1;
  stroke-linecap:round;
  transition:none;
}
.krt .krt-career5.motion-ready .krt-career5__arrow-head {
  opacity:0;
  transform-box:fill-box;
  transform-origin:center;
  transform:translate(-7px,3px) scale(.88);
  transition:none;
}
.krt .krt-career5.motion-ready .krt-career5__visual.is-visible .krt-career5__arrow-line {
  animation:krt-career5-draw 1.65s linear .16s both;
}
.krt .krt-career5.motion-ready .krt-career5__visual.is-visible .krt-career5__arrow-head {
  animation:krt-career5-head 1.65s linear .16s both;
}
@keyframes krt-career5-draw {
  from {stroke-dashoffset:1;}
  to {stroke-dashoffset:0;}
}
@keyframes krt-career5-head {
  0%,89% {opacity:0;transform:translate(-7px,3px) scale(.88);}
  95% {opacity:.45;transform:translate(-3px,1px) scale(.96);}
  100% {opacity:1;transform:none;}
}
@media (prefers-reduced-motion: reduce) {
  .krt .krt-career5.motion-ready .krt-career5__visual.is-visible .krt-career5__arrow-line {
    animation:none !important;
    stroke-dashoffset:0 !important;
  }
  .krt .krt-career5.motion-ready .krt-career5__visual.is-visible .krt-career5__arrow-head {
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
  }
}

/* 10/16 FB: six stages including vice manager; desktop rises in six increments. */
@media(min-width:1101px){
 .krt .krt-career5__grid{grid-template-columns:repeat(6,minmax(0,1fr))}
 .krt .krt-career5__step:nth-child(1){padding-top:176px}
 .krt .krt-career5__step:nth-child(2){padding-top:141px}
 .krt .krt-career5__step:nth-child(3){padding-top:106px}
 .krt .krt-career5__step:nth-child(4){padding-top:71px}
 .krt .krt-career5__step:nth-child(5){padding-top:36px}
 .krt .krt-career5__step:nth-child(6){padding-top:0}
 .krt .krt-career5__card{padding:20px 13px 22px}
 .krt .krt-career5__role{font-size:clamp(17px,1.55vw,22px);letter-spacing:.02em}
 .krt .krt-career5__copy{font-size:16px}
 .krt .krt-career5__description{font-size:15px}
}