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

.fdC{
  --acc:#c4542c; --ink:#2f241c; --body:#54453a; --sub:#8a7a6b; --line:#e8ded0;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#fff;padding:clamp(56px,7vw,104px) 24px;
}
.fdC__in{max-width:1060px;margin:0 auto}
.fdC__head{max-width:560px;margin-bottom:clamp(26px,3.5vw,40px)}
.fdC__head h2{margin:0;font-size:clamp(21px,2.9vw,30px);font-weight:700;color:var(--ink);letter-spacing:.02em}
.fdC__head p{margin:16px 0 0;font-size:14.5px;line-height:2.05;color:var(--body)}
.fdC__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(130px,auto);gap:10px}
.fdC__c{border-radius:4px;display:block}
.fdC__c--big{grid-column:span 2;grid-row:span 2}
.fdC__c1{background:linear-gradient(150deg,#8a5a34,#3f2515)}
.fdC__c2{background:linear-gradient(150deg,#c2a67f,#7a5f3d)}
.fdC__c3{background:linear-gradient(150deg,#9aa279,#4f5735)}
.fdC__c4{background:linear-gradient(150deg,#b78a6a,#6b4229)}
.fdC__c5{background:linear-gradient(150deg,#d5c3a5,#93795a)}
@media (max-width:700px){ .fdC__grid{grid-template-columns:repeat(2,1fr)} }