/* 施工事例詳細専用。既存の style.css を変更しません */
.worksDetail{background:var(--bg,#f6f3ee);padding:clamp(40px,6vw,85px) 0 100px}
.worksDetail__layout{max-width:1200px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;align-items:start}
.worksDetail__article{min-width:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,.05)}
.worksDetail__heading{padding:clamp(24px,4vw,48px)}
.worksDetail__preview{display:block;width:fit-content;background:#fff2d7;color:#76521d;border-radius:5px;padding:6px 12px;font-size:12px;font-weight:700;margin-bottom:20px}
.worksDetail__tag{display:inline-block;background:var(--accent,#00b6ea);color:#fff;border-radius:6px;padding:6px 13px;font-size:12px;font-weight:700}
.worksDetail__heading h2{font-size:clamp(25px,3vw,36px);line-height:1.55;margin:18px 0;font-family:'Noto Serif CJK JP',serif}
.worksDetail__heading p,.worksDetail__section p{color:#555;font-size:15px;line-height:2}
.worksDetail__hero{margin:0}.worksDetail__hero img{width:100%;height:auto;max-height:440px;object-fit:cover}.worksDetail__hero figcaption{padding:10px 24px;font-size:12px;color:#777}
.worksDetail__inner{padding:25px clamp(22px,4vw,48px) 42px}
.worksDetail__section{margin:25px 0 52px}.worksDetail__section h3{font-family:'Noto Serif CJK JP',serif;font-size:clamp(20px,2.5vw,26px);border-left:4px solid var(--accent,#00b6ea);padding:6px 0 6px 18px;margin:0 0 24px}
.worksDetail__facts{margin:0;border-top:1px solid #e7e7e7}.worksDetail__facts div{display:grid;grid-template-columns:155px minmax(0,1fr);border-bottom:1px solid #e7e7e7}.worksDetail__facts dt,.worksDetail__facts dd{margin:0;padding:16px 12px;font-size:14px;line-height:1.8}.worksDetail__facts dt{background:#f8f7f5;font-weight:700}.worksDetail__facts dd{color:#555}
.worksDetail__photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:26px}.worksDetail__photos figure{margin:0}.worksDetail__photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.worksDetail__photos figcaption{font-size:12px;color:#777;margin-top:9px}
.worksDetail__note{padding:15px;background:#fff7e8;border-radius:8px;color:#80602d;font-size:12px;line-height:1.8}
.worksDetail__contact{margin-top:40px;text-align:center;background:#f0f8fb;border-radius:14px;padding:35px 24px}.worksDetail__contact>span{font-size:12px;color:#008fb8;font-weight:700;letter-spacing:.2em}.worksDetail__contact h3{font-family:'Noto Serif CJK JP',serif;font-size:22px;margin:12px 0}.worksDetail__contact p{font-size:14px;color:#555;line-height:1.8}.worksDetail__contact a{display:inline-flex;gap:15px;align-items:center;background:#00b6ea;color:white;border-radius:999px;padding:15px 28px;margin-top:10px;font-weight:700}.worksDetail__contact a:hover{background:#1a50ab}
.worksDetail__back{display:block;text-align:center;color:#555;font-size:14px;margin-top:35px}.worksDetail__back:hover{color:#00b6ea}
.worksDetail__sidebar{padding-top:12px}.worksDetail__sidebar p{font-size:13px;color:#777;line-height:1.9}
@media(max-width:1000px){.worksDetail__layout{grid-template-columns:1fr;gap:50px}.worksDetail__sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}}
@media(max-width:640px){.worksDetail{padding:30px 0 65px}.worksDetail__facts div{grid-template-columns:1fr}.worksDetail__facts dt{padding-bottom:8px}.worksDetail__facts dd{padding-top:8px}.worksDetail__photos{grid-template-columns:1fr}.worksDetail__sidebar{grid-template-columns:1fr}.worksDetail__contact h3{font-size:19px}}