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

.acB2{
  --acc:#8a8a80; --ink:#1c1c1a; --body:#4a4a45; --sub:#8f8f88; --line:#e2e2dd;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#fff;padding:clamp(56px,8vw,120px) 24px;
}
.acB2__in{max-width:1080px;margin:0 auto}
.acB2__eyebrow{margin:0 0 clamp(30px,4vw,52px);font-size:11px;font-weight:600;letter-spacing:.42em;color:var(--acc)}
.acB2__list{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px) clamp(24px,4vw,48px)}
.acB2__w{text-decoration:none;display:block}
.acB2__ph{display:block;aspect-ratio:4/3;transition:opacity .3s}
.acB2__w:hover .acB2__ph{opacity:.78}
.acB2__ph--1{background:linear-gradient(150deg,#cfcdc5,#7c7b74)}
.acB2__ph--2{background:linear-gradient(150deg,#c6c3b8,#6f6d64)}
.acB2__ph--3{background:linear-gradient(150deg,#d5d1c4,#8a8779)}
.acB2__ph--4{background:linear-gradient(150deg,#c0c1bd,#75766f)}
.acB2__t{margin-top:18px}
.acB2__t h3{margin:0;font-size:16px;font-weight:500;color:var(--ink);letter-spacing:.06em}
.acB2__t p{margin:9px 0 0;font-size:11.5px;letter-spacing:.06em;color:var(--sub)}
@media (max-width:640px){ .acB2__list{grid-template-columns:1fr} }