.dc2-page{--dc2-bg:#f0ebe3;--dc2-ink:#333029;--dc2-soft:#645c50;--dc2-line:#d4cdc0;--dc2-line-strong:#c2b8a6;--dc2-accent:#5fa03d;--dc2-accent-deep:#487a2c;--dc2-white:#faf8f5;--dc2-panel:#ffffff;--dc2-serif:"Zen Old Mincho",serif;--dc2-sans:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;--dc2-num:"Poppins","Noto Sans JP",sans-serif;display:block;background:var(--dc2-bg);color:var(--dc2-ink);font-family:var(--dc2-sans);font-weight:500;line-height:1.9;overflow-x:hidden}
.dc2-page *{box-sizing:border-box}
.dc2-page img{max-width:100%;display:block}
.dc2-wrap{width:92%;max-width:1120px;margin-inline:auto}
.dc2-page .pc-only{display:inline}
@media (max-width:760px){
  .dc2-page .pc-only{display:none}
}
.dc2-lead{color:var(--dc2-soft);font-size:15px;line-height:2;font-weight:500;margin:0}
.dc2-sec{padding:76px 0}
.dc2-sec--panel{background:var(--dc2-white);border-block:1px solid var(--dc2-line)}
.dc2-record{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--dc2-line-strong);margin-top:30px;background:var(--dc2-panel)}
.dc2-record__cell{padding:30px 26px;border-left:1px solid var(--dc2-line)}
.dc2-record__cell:first-child{border-left:none}
.dc2-record__label{font-family:var(--dc2-num);font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dc2-accent-deep);display:block;margin-bottom:14px}
.dc2-record__ttl{font-family:var(--dc2-serif);font-weight:600;font-size:18px;line-height:1.5;margin:0 0 12px}
.dc2-record__txt{color:var(--dc2-soft);font-size:13.5px;line-height:1.95;font-weight:500;margin:0}
.dc2-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,30px);margin-top:34px}
.dc2-use__media{overflow:hidden;border:1px solid var(--dc2-line)}
.dc2-use__media img{width:100%;aspect-ratio:5/4;object-fit:cover;transition:transform .6s ease}
.dc2-use:hover .dc2-use__media img{transform:scale(1.05)}
.dc2-use__ttl{font-family:var(--dc2-serif);font-weight:600;font-size:18px;margin:18px 0 8px;padding-left:16px;position:relative}
.dc2-use__ttl::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border:1px solid var(--dc2-accent-deep)}
.dc2-use__txt{color:var(--dc2-soft);font-size:13.5px;line-height:1.95;font-weight:500;margin:0}
@media (max-width:760px){
  .dc2-sec{padding:56px 0}
  .dc2-record{grid-template-columns:1fr}
  .dc2-record__cell{border-left:none;border-top:1px solid var(--dc2-line)}
  .dc2-record__cell:first-child{border-top:none}
  .dc2-uses{grid-template-columns:1fr}
}