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

.jsMq{
  --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(48px,6vw,84px) 0;overflow:hidden;
}
.jsMq__head{max-width:1120px;margin:0 auto clamp(24px,3vw,36px);padding:0 24px}
.jsMq__head h2{margin:0;font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.jsMq__head p{margin:10px 0 0;font-size:12.5px;color:var(--sub)}
.jsMq__rail{
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.jsMq__row{display:flex;gap:16px;width:max-content;padding:4px 0}
.jsMq__c{
  flex:0 0 auto;width:240px;height:150px;border-radius:12px;padding:20px;display:flex;flex-direction:column;
  justify-content:flex-end;gap:5px;color:#fff;
}
.jsMq__c b{font-size:16px;font-weight:800}
.jsMq__c span{font-size:11.5px;opacity:.8}
.jsMq__c--1{background:linear-gradient(140deg,#635bff,#3a34b8)}
.jsMq__c--2{background:linear-gradient(140deg,#00b3ff,#0a6fa8)}
.jsMq__c--3{background:linear-gradient(140deg,#11d0d0,#0a8d8d)}
.jsMq__c--4{background:linear-gradient(140deg,#c98b4b,#8a5a29)}
.jsMq__c--5{background:linear-gradient(140deg,#7a5f9e,#4a3866)}
@keyframes jsMq-fallback{ from{transform:translateX(0)} to{transform:translateX(-50%)} }