/* メンバー詳細 #timeline 専用。経歴（物語）を個人活動（縦ログ）と異なる横の幾何で示す。 */
.wc2page .career-rail-wrap{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.22) transparent;
  padding:8px 2px 14px;
}
.wc2page .career-rail-wrap::-webkit-scrollbar{height:7px}
.wc2page .career-rail-wrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}
.wc2page .career-rail{
  display:flex;
  width:max-content;
  min-width:100%;
  margin:0;
  padding:0;
  list-style:none;
}
.wc2page .career-rail-item{
  position:relative;
  flex:1 0 9.5rem;
  padding:34px 12px 10px;
  text-align:center;
  scroll-snap-align:start;
}
.wc2page .career-rail-item::before{
  content:"";
  position:absolute;
  top:5px;
  left:calc(50% - 7px);
  z-index:1;
  width:14px;
  height:14px;
  border:2px solid var(--ga);
  border-radius:50%;
  background:var(--bg);
  box-shadow:0 0 0 5px rgba(var(--ga-rgb),.12);
}
.wc2page .career-rail-item::after{
  content:"";
  position:absolute;
  top:11px;
  left:50%;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,rgba(var(--ga-rgb),.72),rgba(var(--ga2-rgb),.45));
}
.wc2page .career-rail-item:last-child::after{display:none}
.wc2page .career-rail-item.is-current{
  background:linear-gradient(180deg,rgba(var(--ga-rgb),.09),transparent 82%);
  box-shadow:inset 0 -2px 0 rgba(var(--ga-rgb),.72);
}
.wc2page .career-rail-item.is-current::before{
  background:var(--ga);
  box-shadow:0 0 0 6px rgba(var(--ga-rgb),.18),0 0 20px rgba(var(--ga-rgb),.5);
}
.wc2page .career-year{
  display:block;
  font-family:"Outfit",sans-serif;
  font-size:clamp(16px,1.8vw,21px);
  font-weight:900;
  line-height:1;
  color:var(--ga);
  font-variant-numeric:tabular-nums;
}
.wc2page .career-label{
  display:block;
  margin-top:7px;
  font-size:12px;
  font-weight:800;
  line-height:1.45;
  color:#eef3ff;
}
.wc2page .career-stories{margin:28px 0 0;padding:0;list-style:none}
.wc2page .career-story{
  display:grid;
  grid-template-columns:3rem minmax(0,1fr);
  gap:18px;
  padding:22px 0;
  border-top:1px solid var(--line);
}
.wc2page .career-story:last-child{padding-bottom:0}
.wc2page .career-story-no{
  font-family:"Outfit",sans-serif;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  color:var(--ga);
}
.wc2page .career-story-year{
  margin:0;
  font-family:"Outfit",sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--ga);
  font-variant-numeric:tabular-nums;
}
.wc2page .career-story h3{margin:4px 0 7px;font-size:17px;font-weight:900;color:#fff}
.wc2page .career-story-body>p:last-child{max-width:74ch;margin:0;font-size:14.5px;line-height:1.8;color:#e6edfa}

@media(max-width:680px){
  .wc2page .career-rail-item{flex-basis:8.75rem}
  .wc2page .career-story{grid-template-columns:2.25rem minmax(0,1fr);gap:12px;padding:19px 0}
}