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

.glA{
  --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,96px) 24px;
}
.glA__in{max-width:1120px;margin:0 auto}
.glA__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:clamp(24px,3.5vw,38px)}
.glA__head h2{margin:0;font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.glA__head a{font-size:13px;font-weight:700;color:var(--acc);text-decoration:none}
.glA__head a:hover{text-decoration:underline}
.glA__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,28px)}
.glA__grid figure{margin:0}
.glA__ph{aspect-ratio:4/3;border-radius:10px;transition:transform .3s ease,filter .3s ease}
.glA__grid figure:hover .glA__ph{transform:scale(1.02);filter:saturate(1.15)}
.glA__ph--1{background:linear-gradient(140deg,#d9b892,#8a5f36)}
.glA__ph--2{background:linear-gradient(140deg,#9fb3ab,#4c6560)}
.glA__ph--3{background:linear-gradient(140deg,#a8c4d8,#3f6a8c)}
.glA__ph--4{background:linear-gradient(140deg,#e3e0d8,#a8a294)}
.glA__ph--5{background:linear-gradient(140deg,#f0c9c0,#b9705f)}
.glA__ph--6{background:linear-gradient(140deg,#cbbfd9,#6d5a8c)}
.glA__grid figcaption{display:grid;gap:5px;padding:14px 2px 0}
.glA__grid b{font-size:14px;font-weight:700;color:var(--ink)}
.glA__grid span{font-size:11.5px;color:var(--sub)}
@media (max-width:820px){ .glA__grid{grid-template-columns:1fr 1fr} }
@media (max-width:520px){ .glA__grid{grid-template-columns:1fr} }