html,body{margin:0;background:#fff}

.glC{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#fff;padding:clamp(52px,6.5vw,90px) 0;
}
.glC__head{
  max-width:1120px;margin:0 auto clamp(22px,3vw,34px);padding:0 24px;display:flex;align-items:flex-end;
  justify-content:space-between;gap:20px;
}
.glC__eyebrow{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--acc)}
.glC__head h2{margin:0;font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.glC__hint{margin:0;font-size:11.5px;color:var(--sub);white-space:nowrap}
.glC__rail{
  display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 24px 20px;
  scrollbar-width:thin;
}
.glC__rail::-webkit-scrollbar{height:8px}
.glC__rail::-webkit-scrollbar-thumb{background:#d7dee7;border-radius:99px}
.glC__card{
  flex:0 0 min(78vw,320px);scroll-snap-align:start;background:#fff;border-radius:12px;overflow:hidden;
  box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;
}
.glC__ph{aspect-ratio:16/10}
.glC__ph--a{background:linear-gradient(140deg,#8fa8bd,#3f6a8c)}
.glC__ph--b{background:linear-gradient(140deg,#f0c9a0,#c07f3c)}
.glC__ph--c{background:linear-gradient(140deg,#b6cbb2,#5b7d59)}
.glC__ph--d{background:linear-gradient(140deg,#c3bcd6,#6a5b93)}
.glC__cat{margin:16px 18px 0;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--sub)}
.glC__card h3{margin:10px 18px 0;font-size:15.5px;font-weight:800;line-height:1.65;color:var(--ink);flex:1}
.glC__card a{margin:16px 18px 20px;font-size:12.5px;font-weight:700;color:var(--acc);text-decoration:none}