/*
Theme Name: EcoSmile Energy V2
Author: OpenAI
Description: エコスマイルエナジー ホームページ提案版 v2 をWordPressテーマ化した親テーマ
Version: 2.0.0
Text Domain: ecosmile-v2
*/
:root{--g:#08a65b;--gd:#087747;--lime:#dff7e9;--o:#ff8b25;--ink:#17312a;--muted:#64726c;--bg:#f5faf7;--white:#fff;--shadow:0 15px 42px rgba(20,60,45,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",sans-serif;color:var(--ink);background:var(--bg);line-height:1.75}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.top{background:var(--gd);color:#fff;text-align:center;padding:7px 16px;font-size:12px}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid #e5ede8}.nav{max-width:1180px;margin:auto;padding:12px 20px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}.brand small{display:block;font-size:9px;letter-spacing:.14em;color:var(--gd);font-weight:800}.brand b{font-size:17px}.links{display:flex;gap:17px;font-size:12px;font-weight:700}.navcta{background:var(--o);color:#fff;padding:9px 15px;border-radius:999px;font-weight:900;font-size:12px}.hero{background:linear-gradient(125deg,#e9fff1,#fff 53%,#fff1e4);padding:68px 20px}.heroin{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.06fr .94fr;gap:38px;align-items:center}.pill{display:inline-block;background:#d9f8e6;color:var(--gd);padding:5px 11px;border-radius:999px;font-size:12px;font-weight:900}.hero h1{font-size:clamp(34px,5.2vw,61px);line-height:1.16;margin:14px 0}.hero h1 em{font-style:normal;color:var(--g)}.hero p{color:var(--muted);font-size:16px}.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.btn{display:inline-block;padding:12px 19px;border-radius:10px;font-weight:900}.green{background:var(--g);color:#fff}.white{background:#fff;border:1px solid #cad8d1}.hero-photo{min-height:430px;border-radius:28px;box-shadow:var(--shadow);overflow:hidden;position:relative;background:linear-gradient(135deg,#dcefe4,#fff2e7)}.hero-photo:after{content:"給湯器交換・施工対応";position:absolute;left:22px;bottom:22px;background:rgba(0,0,0,.68);color:#fff;padding:10px 15px;border-radius:9px;font-weight:900}.section{max-width:1180px;margin:auto;padding:68px 20px}.head{text-align:center;margin-bottom:32px}.tag{color:var(--g);font-size:12px;letter-spacing:.1em;font-weight:900}.head h2{font-size:32px;margin:4px 0 7px}.head p{margin:0;color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.card{background:#fff;border-radius:20px;padding:26px;box-shadow:0 7px 25px rgba(23,49,42,.06)}.reason{border-top:4px solid var(--g)}.num{font-size:31px;font-weight:900;color:var(--g)}.card h3{margin:3px 0 7px}.card p{color:var(--muted);font-size:13px}.problems{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.problem{background:#fff;border:1px solid #deebe4;border-radius:14px;padding:18px;font-weight:800}.problem:before{content:"✓";color:var(--g);margin-right:8px}.services{background:#fff}.service-card{background:var(--bg);border:1px solid #e1ebe5;border-radius:21px;overflow:hidden}.service-card .ph{height:185px;background:#dcebe2 center/cover no-repeat}.service-card .body{padding:22px}.service-card h3{margin:0 0 6px}.more{color:var(--gd);font-weight:900}.photo-reform{background:linear-gradient(135deg,#d9f2e5,#f3faf6)!important;display:grid;place-items:center;font-size:42px}.band{background:linear-gradient(120deg,var(--gd),var(--g));color:#fff}.bandin{max-width:1180px;margin:auto;padding:48px 20px;display:flex;justify-content:space-between;align-items:center;gap:25px}.band h2{margin:0;font-size:29px}.band .btn{background:#fff;color:var(--gd)}.works{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(23,49,42,.07)}.work .img{height:220px;background:#dfe9e3 center/cover no-repeat}.work .txt{padding:18px}.work small{color:var(--g);font-weight:900}.work h3{margin:2px 0}.work p{font-size:12px;color:var(--muted)}.qrgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.qr{background:#fff;border-radius:20px;padding:22px;display:flex;gap:20px;align-items:center;border:1px solid #e0ebe4}.qr img{width:190px;height:190px;object-fit:contain;background:#fff;border-radius:13px}.qr p{font-size:13px;color:var(--muted)}.footer{background:#10261f;color:#dce9e3;padding:42px 20px}.footin{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:25px}.footin b{font-size:19px;color:#fff}.tel{font-size:25px;font-weight:900;color:#fff}.notice{font-size:11px;color:#8aa098;margin-top:10px}.floating{position:fixed;right:18px;bottom:18px;background:#06c755;color:#fff;padding:12px 18px;border-radius:999px;font-weight:900;box-shadow:var(--shadow);z-index:30}
@media(max-width:820px){.links{display:none}.heroin{grid-template-columns:1fr}.grid3,.works,.problems,.qrgrid{grid-template-columns:1fr}.hero-photo{min-height:310px}.bandin,.footin{display:block}.band .btn{margin-top:12px}.qr{flex-direction:column;align-items:flex-start}.nav{gap:10px}.navcta{display:none}}