@charset "UTF-8";
/* 既存の赤・白・淡いグレーを用いたキャリアの見取り図。 */
#top .career-step-intro{margin-bottom:22px;font-weight:700;line-height:1.8}
#top .career-staircase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;margin:0 0 38px;padding:0;list-style:none}
#top .career-staircase__step{position:relative;min-width:0;min-height:var(--step-height)}
#top .career-staircase__step:not(:last-child)::after{content:"↗";position:absolute;right:-15px;top:34%;color:#B80000;font-size:2rem;font-weight:700;z-index:1}
#top .career-staircase__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:inherit;box-sizing:border-box;padding:18px 10px;border:1px solid #dedee7;border-top:3px solid #B80000;border-radius:20px 0 20px 0;background:#fff;color:#222;text-align:center;text-decoration:none;transition:box-shadow .2s}
#top .career-staircase__link:hover{box-shadow:0 5px 16px #190a8b18}
#top .career-staircase__link:focus-visible{outline:2px solid #B80000;outline-offset:4px}
#top .career-staircase__icon{display:flex;align-items:center;justify-content:center;width:62px;height:62px;flex-shrink:0;border-radius:50%;background:#F2F3F9}
#top .career-staircase__icon img{display:block;width:46px;height:46px}
#top .career-staircase__number{color:#B80000;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.06em}
#top .career-staircase__title{font-size:1.5rem;font-weight:700;line-height:1.6;margin-top:5px;overflow-wrap:anywhere}
#top .career-staircase__period{font-size:1.1rem;color:#555;margin-top:8px;line-height:1.6}
#top .career-step-detail{scroll-margin-top:110px}
@media(max-width:1023px){
 #top .career-staircase{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;align-items:stretch}
 #top .career-staircase__step{min-height:190px}
 #top .career-staircase__step::after{display:none}
}
@media(max-width:767px){
 #top .career-staircase{grid-template-columns:1fr;gap:18px;margin-bottom:30px}
 #top .career-staircase__step{min-height:0}
 #top .career-staircase__link{flex-direction:row;justify-content:flex-start;gap:16px;text-align:left;padding:16px;border-radius:16px 0 16px 0}
 #top .career-staircase__icon{width:56px;height:56px}
 #top .career-staircase__icon img{width:42px;height:42px}
 #top .career-staircase__step:not(:last-child)::after{display:block;content:"";left:44px;right:auto;top:auto;bottom:-19px;width:2px;height:19px;background:#B80000}
 #top .career-staircase__title{font-size:1.5rem}
 #top .career-staircase__period{margin-top:4px}
 #top .career-step-detail{scroll-margin-top:80px}
}

/* Match each detail band to its career overview icon. */
#top .career-step-detail .detailed__mission__dd__ttl__txt{display:flex;align-items:center;gap:14px;padding:10px 20px}
#top .career-step-detail__icon{display:block;width:36px;height:36px;flex:0 0 36px;object-fit:contain}
#top .career-step-detail__label{min-width:0}
@media(max-width:767px){
 #top .career-step-detail .detailed__mission__dd__ttl__txt{gap:10px;padding:10px 14px}
 #top .career-step-detail__icon{width:30px;height:30px;flex-basis:30px}
}