
#hf-cta.hf-club-energy{--hfce-red:#e63946;--hfce-white:#f5f3ef;--hfce-muted:#b8b8bb;background:#101114;color:var(--hfce-white);font-family:'Noto Sans JP',sans-serif;position:relative;overflow:hidden;scroll-margin-top:80px;border-top:4px solid var(--hfce-red)}
#hf-cta.hf-club-energy *{box-sizing:border-box}#hf-cta.hf-club-energy .hfce-shell{max-width:1280px;margin:auto;padding:56px 32px 64px}#hf-cta.hf-club-energy p,#hf-cta.hf-club-energy figure,#hf-cta.hf-club-energy h1,#hf-cta.hf-club-energy h2,#hf-cta.hf-club-energy h3{margin:0}.hfce-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:44px;font:600 14px/1.5 'Noto Sans JP',sans-serif;letter-spacing:.12em}.hfce-free{background:var(--hfce-red);color:white;padding:10px 18px;letter-spacing:.03em;transform:rotate(-2deg)}
.hfce-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}#hf-cta.hf-club-energy .hfce-name{font:normal clamp(64px,7.4vw,100px)/1.05 'Barlow Condensed',Anton,sans-serif;letter-spacing:-.025em;text-transform:uppercase;color:var(--hfce-white);white-space:nowrap}.hfce-name span{color:var(--hfce-red)}#hf-cta.hf-club-energy .hfce-tagline{font-size:15px;line-height:1.8;color:var(--hfce-muted);margin:14px 0 26px;text-transform:none}#hf-cta.hf-club-energy .hfce-headline{font-size:clamp(24px,2.65vw,35px);line-height:1.55;font-weight:800;letter-spacing:-.025em}#hf-cta.hf-club-energy .hfce-intro{font-size:16px;line-height:1.95;color:#d5d5d7;margin:22px 0 28px;max-width:34em}#hf-cta.hf-club-energy .hfce-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:460px;background:var(--hfce-red);color:white;text-decoration:none;padding:19px 22px;font-size:17px;font-weight:800;line-height:1.5;box-shadow:5px 5px 0 #ffffff25;transition:transform .2s,box-shadow .2s}.hfce-cta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #ffffff25}.hfce-cta span{font-size:26px}#hf-cta.hf-club-energy .hfce-terms{font-size:12px;line-height:1.8;color:var(--hfce-muted);margin-top:16px}.hfce-photos{position:relative;min-width:0;padding:12px 4px 92px 0}#hf-cta.hf-club-energy .hfce-main-photo{position:relative;transform:rotate(-3deg);border:6px solid var(--hfce-white);box-shadow:15px 15px 0 #e6394633}.hfce-main-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:48% 50%}.hfce-main-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:35px 12px 12px;font-size:12px;color:white}#hf-cta.hf-club-energy .hfce-action-photo{position:absolute;bottom:0;right:-4px;width:53%;transform:rotate(5deg);border:5px solid var(--hfce-white);box-shadow:0 12px 28px #0009}.hfce-action-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.hfce-photo-word{position:absolute;left:0;bottom:5px;font:800 clamp(26px,3.1vw,44px)/.98 'Barlow Condensed',sans-serif;color:var(--hfce-red);font-style:italic;transform:rotate(-4deg)}
#hf-cta.hf-club-energy .hfce-growth{position:relative;isolation:isolate;background:var(--hfce-white);color:#17181b;margin-top:64px;padding:30px 36px 36px;overflow:hidden;border-left:6px solid var(--hfce-red)}.hfce-growth-head{display:flex;gap:24px;align-items:center;justify-content:space-between}.hfce-growth-head>span{font:800 18px/1.2 'Barlow Condensed',sans-serif;color:#b72632;letter-spacing:.08em}#hf-cta.hf-club-energy .hfce-growth-head h3{font-size:19px;line-height:1.6;font-weight:800}.hfce-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1.2fr;align-items:center;gap:24px;margin:30px 0 20px;text-align:center}.hfce-metric-label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}.hfce-equation strong{display:block;font:800 clamp(38px,5.8vw,72px)/1.15 'Barlow Condensed','Noto Sans JP',sans-serif;white-space:nowrap;letter-spacing:-.04em}.hfce-equation strong>span{font-size:.6em}.hfce-symbol{font-size:30px;color:#777}.hfce-result strong{color:#c52d3a}#hf-cta.hf-club-energy .hfce-percent{text-align:right;font-size:18px;font-weight:800;padding-bottom:22px;border-bottom:1px solid #d5d2cc}.hfce-growth-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;margin-top:22px}.hfce-growth-bottom>p{font-size:15px;line-height:1.95}.hfce-math p{font-size:14px;line-height:1.9;font-weight:700}.hfce-math small{display:block;font-size:12px;line-height:1.8;margin-top:6px;color:#666}.hfce-progress{position:absolute;inset:auto 0 0;width:100%;height:110px;z-index:-1;opacity:.09;pointer-events:none}.hfce-progress path{fill:none;stroke:#c52d3a;stroke-width:12;stroke-dasharray:1100;animation:hfce-grow 1.6s ease-out both}@keyframes hfce-grow{from{stroke-dashoffset:1100}to{stroke-dashoffset:0}}
.hfce-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:42px}.hfce-actions>div{border-top:2px solid #e6394666;padding-top:18px}.hfce-actions span{font:700 13px/1.5 'Barlow Condensed',sans-serif;letter-spacing:.12em;color:var(--hfce-red)}#hf-cta.hf-club-energy .hfce-actions h3{font-size:22px;font-weight:800;margin:10px 0 8px;line-height:1.5}.hfce-actions p{font-size:15px;line-height:1.8;color:var(--hfce-muted)}.hfce-join{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:38px;padding-top:28px;border-top:1px solid #34353a}.hfce-join>p{font-size:15px;line-height:1.8;max-width:28em}.hfce-join .hfce-cta{flex:1}.hfce-detail{display:inline-block;margin-top:28px;color:var(--hfce-white);font-size:14px;text-underline-offset:5px}#hf-cta.hf-club-energy a:focus-visible{outline:3px solid white;outline-offset:5px}
@media(max-width:760px){#hf-cta.hf-club-energy .hfce-shell{padding:34px 20px 48px}.hfce-topline{font-size:10px;gap:12px;margin-bottom:26px;letter-spacing:.06em}.hfce-free{font-size:12px;padding:9px 12px}.hfce-hero{grid-template-columns:1fr;gap:28px}#hf-cta.hf-club-energy .hfce-name{font-size:72px}#hf-cta.hf-club-energy .hfce-tagline{font-size:14px;margin:10px 0 22px}#hf-cta.hf-club-energy .hfce-headline{font-size:26px}#hf-cta.hf-club-energy .hfce-intro{font-size:15px;margin:16px 0 22px}#hf-cta.hf-club-energy .hfce-cta{font-size:15px;padding:16px 15px;max-width:none}.hfce-photos{margin:10px 10px 0;padding-bottom:66px}.hfce-main-photo img{aspect-ratio:4/3}.hfce-photo-word{font-size:30px}#hf-cta.hf-club-energy .hfce-growth{margin-top:38px;padding:24px 18px;border-left-width:4px}.hfce-growth-head{display:block}#hf-cta.hf-club-energy .hfce-growth-head h3{font-size:19px;margin-top:12px}.hfce-equation{gap:6px;margin:26px -4px 14px;grid-template-columns:1fr auto .85fr auto 1.2fr}.hfce-metric-label{font-size:10px;margin-bottom:10px}.hfce-equation strong{font-size:35px}.hfce-symbol{font-size:18px}#hf-cta.hf-club-energy .hfce-percent{text-align:center;font-size:14px;padding-bottom:18px}.hfce-growth-bottom{grid-template-columns:1fr;gap:14px;margin-top:18px}.hfce-growth-bottom>p{font-size:14px}.hfce-math p{font-size:11px}.hfce-math small{font-size:11px}.hfce-actions{grid-template-columns:1fr;gap:20px;margin-top:28px}.hfce-actions>div{padding-top:14px}#hf-cta.hf-club-energy .hfce-actions h3{font-size:21px}.hfce-join{display:block;margin-top:28px}.hfce-join>p{margin-bottom:20px}.hfce-detail{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hfce-progress path{animation:none}#hf-cta.hf-club-energy .hfce-cta{transition:none}}

@supports(animation-timeline:view()){.hfce-progress path{animation-timeline:view();animation-range:entry 0% cover 40%}}

#hf-cta.hf-club-energy .hfce-main-photo{overflow:hidden}
#hf-cta.hf-club-energy .hfce-main-photo img{aspect-ratio:4/3;object-position:50% 47%;transform:scale(1.45);transform-origin:52% 30%}
#hf-cta.hf-club-energy .hfce-main-photo figcaption{bottom:auto;top:0;background:#0009;padding:8px 12px}

#hf-cta.hf-club-energy .hfce-growth{display:grid;grid-template-columns:1fr 1.1fr;gap:24px 40px;background:#202126;color:#f1f1f3;margin-top:40px;padding:28px 32px;border:1px solid #383a40;border-left:0;scroll-margin-top:100px}
#hf-cta .hfce-growth-head{display:block}
#hf-cta .hfce-growth-head>span{font:600 12px/1.5 'Noto Sans JP',sans-serif;letter-spacing:.08em;color:#eb7882}
#hf-cta.hf-club-energy .hfce-growth-head h3{margin:8px 0 12px;font:700 20px/1.65 'Noto Sans JP',sans-serif;letter-spacing:0;color:#f1f1f3}
#hf-cta.hf-club-energy .hfce-explain{font-size:14px;line-height:1.9;color:#c7c8cf}
#hf-cta .hfce-growth-numbers{align-self:center}
#hf-cta .hfce-equation{grid-template-columns:1fr auto 1fr auto 1.1fr;gap:12px;margin:0;align-items:center}
#hf-cta .hfce-metric-label{font-size:12px;font-weight:500;color:#b9bac3;margin-bottom:8px}
#hf-cta .hfce-equation strong{font:700 38px/1.3 'Noto Sans JP',sans-serif;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
#hf-cta .hfce-equation strong>span{font-size:.65em;margin-left:2px}
#hf-cta .hfce-symbol{font:400 22px/1 'Noto Sans JP',sans-serif;color:#898c97}
#hf-cta .hfce-result strong{color:#f07883}
#hf-cta.hf-club-energy .hfce-percent{margin-top:14px;padding:0;border:0;text-align:center;font-size:13px;font-weight:500;color:#c7c8cf}
#hf-cta .hfce-growth-bottom{display:block;grid-column:1/-1;margin:0;padding-top:16px;border-top:1px solid #3b3d45}
#hf-cta .hfce-math{display:flex;align-items:baseline;gap:12px 24px;flex-wrap:wrap}
#hf-cta .hfce-math p{font-size:12px;font-weight:500;color:#b9bac3;line-height:1.7}
#hf-cta .hfce-math small{margin:0;font-size:11px;line-height:1.7;color:#a5a7b1}
@media(max-width:900px){#hf-cta.hf-club-energy .hfce-growth{grid-template-columns:1fr;gap:22px}#hf-cta .hfce-growth-numbers{max-width:560px;width:100%;justify-self:center}}
@media(max-width:760px){#hf-cta.hf-club-energy .hfce-growth{padding:22px 18px;margin-top:28px;gap:20px}#hf-cta.hf-club-energy .hfce-growth-head h3{font-size:18px}#hf-cta .hfce-equation{gap:6px}#hf-cta .hfce-equation strong{font-size:30px}#hf-cta .hfce-metric-label{font-size:10px}#hf-cta .hfce-symbol{font-size:17px}#hf-cta.hf-club-energy .hfce-percent{font-size:12px}#hf-cta .hfce-math{gap:6px}#hf-cta .hfce-math p{font-size:11px}}
