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

.fdB{
  --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:#faf6ef;padding:clamp(56px,7vw,104px) 24px;
}
.fdB__in{max-width:960px;margin:0 auto}
.fdB__eyebrow{margin:0 0 clamp(30px,4vw,48px);text-align:center;font-size:12.5px;font-weight:700;
  letter-spacing:.24em;color:var(--acc)}
.fdB__rows{display:grid;gap:clamp(28px,4vw,52px)}
.fdB__rows article{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,52px);align-items:center}
.fdB__rows article.is-rev .fdB__ph{order:2}
.fdB__ph{aspect-ratio:4/3;border-radius:6px}
.fdB__ph--1{background:linear-gradient(150deg,#c07c4a,#6b3b1e)}
.fdB__ph--2{background:linear-gradient(150deg,#a8b573,#4e6035)}
.fdB__ph--3{background:linear-gradient(150deg,#e0cba5,#a08355)}
.fdB__t h3{margin:0;font-size:clamp(19px,2.6vw,25px);font-weight:700;color:var(--ink);letter-spacing:.02em}
.fdB__t p{margin:16px 0 0;font-size:14.5px;line-height:2.1;color:var(--body)}
.fdB__p{margin:18px 0 0 !important;font-size:16px;font-weight:700;color:var(--acc)}
.fdB__p::after{content:"（税込）";font-size:.68em;font-weight:400;color:var(--sub);margin-left:6px}
@media (max-width:700px){
  .fdB__rows article,.fdB__rows article.is-rev{grid-template-columns:1fr}
  .fdB__rows article.is-rev .fdB__ph{order:0}
}