/* A quiet water-drop link inside the first view, never fixed over the page. */
.hero:has(>.recruit-drop),.legacy-hero:has(>.recruit-drop){position:relative}
a.recruit-drop{position:absolute;right:28px;bottom:28px;z-index:8;width:84px;height:96px;display:grid;place-items:center;padding:14px 0 0;margin:0;color:#fff;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",YuGothic,Meiryo,sans-serif;font-size:12px;font-weight:500;line-height:1.65;letter-spacing:.08em;writing-mode:horizontal-tb;isolation:isolate}
a.recruit-drop::before{content:"";position:absolute;width:74px;height:74px;bottom:4px;left:5px;border-radius:4px 50% 50% 50%;transform:rotate(45deg);background:#735c8c;border:1px solid rgba(255,255,255,.65);box-shadow:0 4px 18px #493d5624;z-index:-1;animation:recruit-drop-glow 5s ease-in-out infinite}
a.recruit-drop::after{display:none!important}
a.recruit-drop>span{color:inherit;text-align:center;writing-mode:horizontal-tb;white-space:nowrap}
a.recruit-drop:hover{color:#fff;text-decoration:none}
a.recruit-drop:hover::before{background:#5d4873;animation:none}
a.recruit-drop:focus-visible{outline:2px solid #735c8c;outline-offset:5px;border-radius:3px}
.hero--kyoto-background:has(>.ticker)>.recruit-drop{bottom:68px}
@keyframes recruit-drop-glow{0%,100%{opacity:1}50%{opacity:.65}}
@media(max-width:760px){a.recruit-drop{right:18px;bottom:18px;width:68px;height:80px;font-size:11px}a.recruit-drop::before{width:60px;height:60px;left:4px}.hero--kyoto-background:has(>.ticker)>.recruit-drop{bottom:62px}}
@media(prefers-reduced-motion:reduce){a.recruit-drop::before{animation:none}}