*{box-sizing:border-box}body{margin:0;font-family:"Yu Gothic",Meiryo,sans-serif;background:#f5f9f5;color:#172018}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92vw);margin:auto}.head{padding:18px 0;background:#fff;border-bottom:1px solid #dcebdd}.head-in{display:flex;justify-content:space-between}.logo{font-size:22px;font-weight:900;color:#2f7d3b}.hero{padding:42px 0;background:#edf7ee}.hero h1{font-size:42px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:34px 0}.card{background:#fff;border:1px solid #dcebdd;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(37,76,45,.08)}.compare{display:grid;grid-template-columns:1fr 1fr;height:230px}.single{height:230px}.compare div,.single{position:relative;background:#e5f1e6}.compare img,.single img{width:100%;height:100%;object-fit:cover}.tag{position:absolute;left:8px;bottom:8px;background:#1f6d36;color:#fff;border-radius:5px;padding:5px 9px;font-size:12px;font-weight:900}.body{padding:17px}.cat{display:inline-block;background:#edf7ee;color:#2f7d3b;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.body h2{font-size:20px;line-height:1.5;margin:10px 0}.meta{font-size:13px;font-weight:800;line-height:1.8;color:#435045}.article{background:#fff;margin:34px auto;padding:34px;border-radius:18px;border:1px solid #dcebdd}.article h1{font-size:36px}.article-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.article-compare img,.mainimg{width:100%;max-height:600px;object-fit:contain;background:#eef5ef;border-radius:14px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.gallery img{width:100%;height:220px;object-fit:cover;border-radius:12px}.content{white-space:pre-wrap;line-height:2;margin-top:20px}@media(max-width:850px){.grid{grid-template-columns:1fr}.article-compare{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}}