/* Home section headings and their small neighbourhood bus stops. */
.home-section-heading{align-items:center;column-gap:28px}
.home-section-heading>div{min-width:0}
.home-section-heading .home-section-title{font-size:clamp(29px,3vw,38px);font-weight:500;letter-spacing:.055em;line-height:1.45;text-wrap:balance}
.home-section-heading .home-section-title[lang="ja"]{font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN","Noto Serif SC","Songti SC",serif;letter-spacing:.025em}
.home-section-heading .section-number{font-size:10px;letter-spacing:.2em}
.home-section-heading p{max-width:38em}
.section-stop{flex:none;display:inline-flex;align-items:center;gap:11px;min-height:84px;padding:0 3px 0 0;color:var(--ink);border-radius:14px;position:relative;isolation:isolate;transition:color .2s}
.section-stop:after{content:"";position:absolute;z-index:-1;inset:9px -10px 5px 23px;background:linear-gradient(90deg,#eaf5fc00,#eaf5fcdd);border-radius:13px;opacity:0;transition:opacity .25s}
.section-stop:hover,.section-stop:focus-visible{color:var(--blue)}
.section-stop:hover:after,.section-stop:focus-visible:after{opacity:1}
.section-stop:focus-visible{outline-offset:5px}
.section-stop-scene{display:block;width:92px;height:78px;overflow:hidden;flex:none}
.section-stop .section-stop-svg{display:block;width:100%;height:100%;overflow:hidden}
.section-stop .stop-post{transform:none}
.section-stop .stop-bus{opacity:0;transform:translateX(-76px);transition:transform .58s cubic-bezier(.16,1,.3,1),opacity .18s}
.section-stop:is(:hover,:focus-visible) .stop-bus{opacity:1;transform:translateX(0)}
.section-stop[data-departing="true"] .stop-bus{opacity:1;transform:translateX(90px);transition:transform .36s cubic-bezier(.55,.05,.85,.45),opacity .15s}
.section-stop[data-direction="backward"] .stop-post{transform:translateX(-52px)}
.section-stop[data-direction="backward"] .stop-bus-body{transform:matrix(-1,0,0,1,104,0)}
.section-stop[data-direction="backward"] .stop-bus{transform:translateX(76px)}
.section-stop[data-direction="backward"]:is(:hover,:focus-visible) .stop-bus{transform:translateX(0)}
.section-stop[data-direction="backward"][data-departing="true"] .stop-bus{transform:translateX(-90px)}
.section-stop-copy{display:grid;gap:6px;white-space:nowrap}
.section-stop-label{font-size:14px;font-weight:650;letter-spacing:.045em}
.section-stop-destination{font-size:9px;font-weight:500;color:var(--muted);letter-spacing:.11em}
.section-stop-arrow{font-size:20px;font-weight:400;color:#6697b5;margin-left:6px;transition:transform .25s,color .25s}
.section-stop:is(:hover,:focus-visible,[data-departing="true"]) .section-stop-arrow{transform:translateX(5px);color:var(--blue)}
.section-stop[data-direction="backward"]:is(:hover,:focus-visible,[data-departing="true"]) .section-stop-arrow{transform:translateX(-5px)}
.page-top.article-return{padding-top:18px;padding-bottom:22px}
.article-return .section-stop{min-height:72px;max-width:100%}
.article-return .section-stop-scene{width:84px;height:72px}
@media(max-width:1100px){
  .home-section-heading{column-gap:16px}
  .home-section-heading .home-section-title{font-size:30px}
  .section-stop{gap:6px}
  .section-stop-scene{width:80px;height:72px}
  .section-stop-arrow{margin-left:0}
}
@media(max-width:760px){
  .home-section-heading{flex-wrap:wrap;align-items:start;gap:8px 12px}
  .home-section-heading>div{flex:1 1 100%}
  .home-section-heading .home-section-title{font-size:27px;line-height:1.55;letter-spacing:.025em;margin-top:10px}
  .home-section-heading .home-section-title[lang="ja"]{font-size:clamp(23px,5.4vw,30px);letter-spacing:0}
  .home-section-heading .section-number{font-size:9px}
  .home-section-heading p{margin-top:8px}
  .home-section-heading .section-stop{margin-left:auto;min-height:66px;margin-top:2px}
  .section-stop-scene{width:77px;height:65px}
  .section-stop-label{font-size:13px}
  .section-stop-destination{font-size:8px}
  .section-stop-copy{gap:4px}
  .section-stop:after{right:-6px;left:18px}
  .page-top.article-return{padding-top:10px;padding-bottom:18px}
  .article-return .section-stop{min-height:66px}
  .article-return .section-stop-scene{width:77px;height:65px}
}
@media(prefers-reduced-motion:reduce){
  .section-stop,.section-stop:after,.section-stop .stop-post,.section-stop .stop-bus,.section-stop-arrow{transition:none}
  .section-stop[data-departing="true"] .stop-bus,.section-stop[data-direction="backward"][data-departing="true"] .stop-bus{transform:translateX(0)}
}
:root[data-motion="reduced"] .section-stop,:root[data-motion="reduced"] .section-stop:after,:root[data-motion="reduced"] .section-stop .stop-post,:root[data-motion="reduced"] .section-stop .stop-bus,:root[data-motion="reduced"] .section-stop-arrow{transition:none}
:root[data-motion="reduced"] .section-stop[data-departing="true"] .stop-bus{transform:translateX(0)}
