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

.mvB{
  --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:#f6f9fc;padding:clamp(52px,6.5vw,96px) 24px;
}
.mvB__in{max-width:1080px;margin:0 auto}
.mvB__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:clamp(22px,3vw,34px)}
.mvB__head h2{margin:0;font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.mvB__head a{font-size:13px;font-weight:700;color:var(--acc);text-decoration:none}
.mvB__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mvB__grid a{text-decoration:none}
.mvB__ph{
  position:relative;display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;transition:transform .2s;
}
.mvB__grid a:hover .mvB__ph{transform:translateY(-3px)}
.mvB__ph i{
  position:absolute;right:8px;bottom:8px;font-style:normal;background:rgba(0,0,0,.78);color:#fff;font-size:10.5px;
  font-weight:700;padding:3px 7px;border-radius:4px;font-variant-numeric:tabular-nums;
}
.mvB__ph--1{background:linear-gradient(140deg,#3f6a8c,#1b3348)}
.mvB__ph--2{background:linear-gradient(140deg,#5b7d59,#2b3f2a)}
.mvB__ph--3{background:linear-gradient(140deg,#6a5b93,#332b4a)}
.mvB__ph--4{background:linear-gradient(140deg,#a8743a,#5a3d1c)}
.mvB__grid h3{margin:12px 0 0;font-size:13.5px;font-weight:700;line-height:1.65;color:var(--ink)}
.mvB__grid a:hover h3{color:var(--acc)}
.mvB__grid p{margin:8px 0 0;font-size:11.5px;color:var(--sub)}
@media (max-width:900px){ .mvB__grid{grid-template-columns:1fr 1fr} }
@media (max-width:520px){ .mvB__grid{grid-template-columns:1fr} }