/* 写真を覆う白を抑え、自然な色と輪郭を戻します。 */
:root { --paper: #f5f2ea; --green: #203f35; --ink: #30382f; }
body { background: linear-gradient(135deg, #f7f4ec, #eef2e9 48%, #f5f1e8); }
.hero:before {
  background: linear-gradient(90deg, rgba(250, 249, 241, .72), rgba(250, 249, 241, .37) 31%, transparent 61%);
}
.hero-label, .hero-subtitle { color: #263d2e; font-weight: 500; }
.hero-footer, .hero-caption { background: rgba(250, 249, 241, .88); color: #263d2e; }
.site-header { background: rgba(252, 251, 247, .95); }
.site-header.is-scrolled { background: rgba(252, 251, 247, .97); }
.demo-bar { background: rgba(225, 233, 218, .8); color: #344b3a; }
.strengths, .works { background: rgba(252, 251, 246, .66); }
.section::before, .company-section::before {
  background: linear-gradient(135deg, rgba(193, 212, 176, .55), rgba(224, 236, 211, .25));
}
.section.strengths::before, .section.works::before {
  background: linear-gradient(145deg, rgba(219, 204, 167, .43), rgba(228, 237, 215, .28));
}
.company-copy { background: rgba(248, 246, 237, .87); }
.contact-band {
  background: linear-gradient(110deg, rgba(248, 247, 239, .9), rgba(247, 249, 239, .77)), url("素材/写真/事例4-完成.png") center 65% / cover;
}
.contact-copy p:last-child, .contact-demo, .note, .photo-caption { color: #4c5e4c; }
.brand img { height: 61px; }
.footer-brand img { height: 72px; }
/* 主写真のボタンは、庭になじむ穏やかなセージ色に。 */
.hero-copy .button {
  color: #203f35;
  background: linear-gradient(120deg, #dce2d0, #ccd6bf);
  border-color: #8b9e80;
  box-shadow: 0 3px 12px rgba(38, 61, 40, .08);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.hero-copy .button:hover,
.hero-copy .button:focus-visible {
  color: #203f35;
  background: linear-gradient(120deg, #d1dac3, #becdaf);
  border-color: #627b5a;
  box-shadow: 0 5px 16px rgba(38, 61, 40, .12);
}
@media (max-width: 760px) {
  .hero:before {
    background: linear-gradient(0deg, rgba(249, 248, 240, .94), rgba(249, 248, 240, .8) 35%, rgba(249, 248, 240, .2) 61%, transparent 87%);
  }
  .brand img { height: 55px; }
  .contact-band { background-position: 63% center; }
}