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

.tmA{
  --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;
}
.tmA__in{max-width:1060px;margin:0 auto}
.tmA__head{margin-bottom:clamp(28px,4vw,44px)}
.tmA__head h2{margin:0;font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.tmA__head p{margin:12px 0 0;font-size:13.5px;color:var(--body)}
.tmA__grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,3vw,28px)}
.tmA__ph{display:block;aspect-ratio:1;border-radius:12px;margin-bottom:16px}
.tmA__ph--a{background:linear-gradient(150deg,#a8c4d8,#4f7fa3)}
.tmA__ph--b{background:linear-gradient(150deg,#f0c9c0,#b9705f)}
.tmA__ph--c{background:linear-gradient(150deg,#b6cbb2,#5b7d59)}
.tmA__ph--d{background:linear-gradient(150deg,#cbbfd9,#6d5a8c)}
.tmA__grid b{display:block;font-size:15px;font-weight:800;color:var(--ink)}
.tmA__grid small{display:block;margin-top:4px;font-size:11.5px;color:var(--acc);font-weight:700}
.tmA__grid p{margin:11px 0 0;font-size:12.5px;line-height:1.85;color:var(--body)}
@media (max-width:860px){ .tmA__grid{grid-template-columns:1fr 1fr} }
@media (max-width:480px){ .tmA__grid{grid-template-columns:1fr} }