/* コンパクトな横並び導線 */
.connect-list{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;}
.connect-list a{display:inline-flex;align-items:center;gap:.45em;font-family:var(--serif-latin);
  font-size:clamp(1.05rem,2.4vw,1.5rem);text-decoration:none;color:var(--ink);position:relative;
  padding-bottom:3px;transition:color .3s var(--ease-quint),transform .3s var(--ease-quint);}
.cl-ico{width:1.05em;height:1.05em;fill:currentColor;flex:none;}
.cl-arr{font-size:.5em;color:var(--teal-500);margin-left:.1em;}
.connect-list a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--teal-700);
  transition:width .35s var(--ease-quint);}
.connect-list a:hover{color:var(--teal-700);}
.connect-list a:hover::after,.connect-list a:focus-visible::after{width:100%;}
.connect-note{margin-top:1.3rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;color:var(--mist);}
footer{padding:40px var(--gut) 56px;border-top:1px solid var(--line);text-align:center;}
footer .copy{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mist);margin:0;}
@media(prefers-reduced-motion:reduce){.connect-list a{transition:none;}}