:root{--ink:#16253a;--muted:#627185;--blue:#164b83;--blue2:#0e365f;--pale:#eef5fb;--line:#e1e9f0;--accent:#ed9b35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Noto Sans JP',Meiryo,sans-serif;line-height:1.7;background:#fff}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.wrap{max-width:1120px;margin:auto;padding:0 22px}.preview{background:#fff3d7;color:#715018;font-size:12px;text-align:center;padding:6px 12px}.header{background:white;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.head{display:flex;justify-content:space-between;align-items:center;min-height:76px;gap:10px}.logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900;letter-spacing:-.05em;line-height:1.2}.logo small{display:block;font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--muted);margin-top:5px}.mark{background:var(--blue);color:#fff;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;font-size:23px}.headcta{background:var(--blue);color:white;padding:11px 18px;border-radius:100px;font-size:13px;font-weight:800;white-space:nowrap}.hero{background:linear-gradient(130deg,#f7fbff,#e8f2fb);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;padding-top:68px;padding-bottom:72px}.eyebrow{display:inline-block;color:var(--blue);font-weight:800;background:#dcecfb;border-radius:100px;padding:6px 14px;font-size:13px}h1{font-size:clamp(38px,5.2vw,68px);line-height:1.28;letter-spacing:-.065em;margin:24px 0}h1 em{font-style:normal;color:var(--blue)}.lead{font-size:16px;max-width:550px}.hero-points{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.hero-points span{font-size:12px;font-weight:800;background:white;color:var(--blue);padding:7px 10px;border-radius:6px}.primary{background:var(--blue);color:#fff;padding:16px 24px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:9px;font-weight:900;box-shadow:0 7px 20px #164b832b}.primary:hover,.headcta:hover{background:var(--blue2)}.note{font-size:11px;color:var(--muted);margin-top:13px}.hero-visual{position:relative}.hero-visual>img{height:510px;border-radius:24px;box-shadow:0 20px 45px #15375b24}.photo-tag{position:absolute;bottom:18px;left:18px;right:18px;background:#fffffff0;backdrop-filter:blur(6px);border-radius:12px;padding:12px 18px}.photo-tag b,.photo-tag span{display:block}.photo-tag span{font-size:12px;color:var(--muted)}.trust{background:var(--blue);color:white}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-top:21px;padding-bottom:21px}.trust-grid div{text-align:center;border-right:1px solid #ffffff44}.trust-grid div:last-child{border:0}.trust-grid strong,.trust-grid span{display:block}.trust-grid strong{font-size:18px}.trust-grid span{font-size:12px;opacity:.85}.section{padding:85px 0}.section-kicker{font-size:12px;font-weight:900;letter-spacing:.18em;color:#2c73ae;margin:0 0 8px}h2{font-size:clamp(27px,3.5vw,41px);line-height:1.4;letter-spacing:-.045em;margin:0 0 16px}.sub{color:var(--muted);max-width:700px;margin:0 0 34px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards.two{grid-template-columns:repeat(2,1fr)}.item{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white;box-shadow:0 5px 20px #1d446008}.item>img{height:220px}.item-body{padding:22px}.item h3{font-size:20px;margin:0 0 7px}.item p{font-size:13px;color:var(--muted);margin:0 0 13px}.chip{display:inline-block;background:#fff0d8;color:#9a610e;padding:3px 9px;border-radius:5px;font-size:11px;font-weight:800;margin-bottom:8px}.more{font-size:13px;font-weight:900;color:var(--blue)}.soon{font-size:11px;color:#8492a1}.placeholder{height:220px;background:linear-gradient(135deg,#f3f7fa,#dce9f3);display:grid;place-items:center;color:#a2bbd0;font-size:72px}.tinted{background:var(--pale)}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.secondary{display:inline-block;border:2px solid var(--blue);border-radius:8px;color:var(--blue);padding:12px 18px;font-weight:800}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery img{height:170px;border-radius:12px}.gallery img:first-child{grid-row:span 2;height:350px}.areas{display:flex;flex-wrap:wrap;gap:10px}.areas span{background:#f1f6fa;border:1px solid var(--line);padding:10px 15px;border-radius:7px;font-size:14px;font-weight:700}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps>div{background:white;border-radius:14px;padding:25px}.steps b{color:#87b1d2;font-size:32px}.steps h3{margin:4px 0}.steps p{font-size:13px;color:var(--muted)}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 6px}summary{cursor:pointer;font-weight:800;list-style:none;position:relative;padding-right:30px}summary:after{content:'+';position:absolute;right:5px;font-size:24px;top:-8px;color:var(--blue)}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);margin:12px 0 0}.contact{background:var(--blue2);color:white;padding:70px 0;text-align:center}.contact .section-kicker{color:#8ac5ff}.contact-inner p:not(.section-kicker){max-width:540px;margin:10px auto 25px}.contact .light{background:#fff;color:var(--blue2)}.contact .note{color:#d1dce9}footer{background:#0d2035;color:white;padding:35px 0}footer p{font-size:13px;color:#b3c3d1}footer .note{color:#94a8bb}@media(max-width:720px){.wrap{padding:0 18px}.head{min-height:65px}.logo{font-size:14px}.logo small{font-size:9px}.mark{width:34px;height:34px}.headcta{padding:9px 10px;font-size:11px}.hero-grid{grid-template-columns:1fr;gap:26px;padding-top:36px;padding-bottom:38px}h1{font-size:43px;margin:18px 0}.lead{font-size:14px}.hero-visual>img{height:300px}.hero-points{margin:18px 0}.primary{width:100%}.trust-grid strong{font-size:14px}.trust-grid span{font-size:10px}.section{padding:55px 0}.cards{grid-template-columns:repeat(2,1fr);gap:11px}.cards.two{grid-template-columns:1fr}.item>img,.placeholder{height:135px}.item-body{padding:13px}.item h3{font-size:15px}.item p{font-size:12px}.split{grid-template-columns:1fr;gap:25px}.gallery img{height:135px}.gallery img:first-child{height:280px}.steps{grid-template-columns:1fr}.areas{gap:7px}.areas span{font-size:12px;padding:8px 11px}}@media(max-width:380px){.cards{grid-template-columns:1fr}.item>img,.placeholder{height:200px}}

.visual-placeholder{background:linear-gradient(135deg,#dfeefa,#f4f8fb);border:1px solid #c9dce9;border-radius:24px;min-height:350px;display:grid;place-items:center;text-align:center;padding:30px}.visual-placeholder-inner{display:grid;gap:10px}.visual-placeholder-inner span{font-size:13px;color:#41698d}.visual-placeholder-inner strong{font-size:clamp(27px,4vw,43px);color:#164b83}.visual-placeholder-inner small{font-size:12px;color:#627185}@media(max-width:720px){.visual-placeholder{min-height:220px}}

/* 現場写真とエアコン専用情報 */
.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.field-photo{margin:0;background:#fff;border:1px solid #e3e7ea;border-radius:14px;overflow:hidden}.field-photo img{display:block;width:100%;height:220px;object-fit:cover}.field-photo figcaption{padding:12px 14px;font-size:14px;font-weight:700;line-height:1.5}.field-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.field-info>div{background:white;border-radius:14px;padding:22px}.field-info h3{font-size:19px;margin:0 0 10px}.field-info p{line-height:1.9;margin:0}@media(max-width:700px){.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field-photo img{height:160px}.field-photo figcaption{font-size:12px;padding:9px}.field-info{grid-template-columns:1fr}}

/* Actual purchase records */
.records-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.record{display:flex;gap:16px;border:1px solid #e3e8ed;border-radius:14px;padding:14px;background:#fff;align-items:center}.record img{width:132px;height:132px;object-fit:cover;border-radius:9px}.record h3{font-size:17px;line-height:1.5;margin:0 0 6px}.record p{font-size:13px;color:#606b75;margin:0 0 8px}.record strong{font-size:20px;color:#b32d25}@media(max-width:700px){.records-grid{grid-template-columns:1fr}.record img{width:110px;height:110px}.record strong{font-size:18px}}