/* ===== BASE ===== */
:root {
–navy: #0d2b4e;
–navy-mid: #1a3f6f;
–orange: #e8780a;
–orange-light: #f9a94e;
–orange-hover: #c9680a;
–gold: #c89a2a;
–gold-light: #f0d080;
–text-dark: #1a1a1a;
–gray-bg: #f7f7f5;
}
* { box-sizing: border-box; }
body {
font-family: ‘Noto Sans JP’, sans-serif;
color: var(–text-dark);
font-size: 15px;
line-height: 1.7;
background: #fff;
}
.bg-navy { background-color: var(–navy); }
.text-navy { color: var(–navy); }
.font-noto { font-family: ‘Noto Sans JP’, sans-serif; }
/* ===== HEADER ===== */
.logo-badge {
width: 40px; height: 40px;
background: linear-gradient(135deg, var(–navy-mid), #2a5fa0);
border-radius: 10px;
display: flex; align-items: center; justify-content: center; gap: 1px;
border: 2px solid rgba(255,255,255,0.2);
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.header-tel {
letter-spacing: 0.04em;
box-shadow: 0 4px 14px rgba(232,120,10,0.5);
transition: transform 0.15s;
}
.header-tel:active { transform: scale(0.97); }
/* ===== HERO ===== */
.hero-section {
background: linear-gradient(135deg, #0a1f38 0%, #0d2b4e 40%, #1a3f6f 100%);
min-height: 480px;
}
.hero-overlay {
background: url(“data:image/svg+xml,%3Csvg width=’60’ height=’60’ viewBox=’0 0 60 60′ xmlns=’http://www.w3.org/2000/svg’%3E%3Cg fill=’none’ fill-rule=’evenodd’%3E%3Cg fill=’%23ffffff’ fill-opacity=’0.03’%3E%3Cpath d=’M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z’/%3E%3C/g%3E%3C/g%3E%3C/svg%3E”);
}
.hero-card { animation: slideUp 0.6s ease-out; }
@keyframes slideUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
/* ===== 82%OFF Hero Badge ===== */
.off82-hero-badge {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
background: rgba(255,255,255,0.1);
border: 2px solid var(–orange-light);
border-radius: 14px;
padding: 10px 18px;
gap: 2px;
}
.off82-label {
color: var(–orange-light);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.05em;
}
.off82-num {
color: #fff;
font-weight: 900;
font-size: 1.1rem;
line-height: 1.2;
}
.off82-num em {
font-style: normal;
font-size: 2.4rem;
color: #ffd04a;
letter-spacing: -1px;
}
.off82-num small { font-size: 1.2rem; color: #ffd04a; }
.off82-sub {
color: rgba(255,255,255,0.7);
font-size: 0.72rem;
}
/* ===== 82%OFF Banner ===== */
.off82-banner {
display: flex;
flex-wrap: wrap;
gap: 0;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 8px 30px rgba(13,43,78,0.15);
border: 2px solid var(–navy);
}
.off82-banner-left {
background: var(–navy);
color: #fff;
padding: 28px 28px;
flex: 1;
min-width: 240px;
display: flex;
flex-direction: column;
justify-content: center;
}
.off82-banner-eyebrow {
font-size: 0.8rem;
color: var(–orange-light);
font-weight: 700;
margin-bottom: 6px;
letter-spacing: 0.05em;
}
.off82-banner-main {
font-weight: 900;
font-size: 1.3rem;
color: #fff;
line-height: 1.1;
margin-bottom: 8px;
}
.off82-banner-main em {
font-style: normal;
font-size: 3.6rem;
color: #ffd04a;
letter-spacing: -2px;
}
.off82-banner-main small { font-size: 1.8rem; color: #ffd04a; }
.off82-banner-sub {
font-size: 0.8rem;
color: rgba(255,255,255,0.65);
margin-top: 4px;
}
.off82-banner-right {
background: #fff;
padding: 24px 28px;
flex: 1;
min-width: 220px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 6px;
}
.off82-compare-row {
display: flex;
align-items: baseline;
gap: 12px;
flex-wrap: wrap;
}
.off82-label-other {
font-size: 0.8rem;
color: #888;
font-weight: 700;
white-space: nowrap;
}
.off82-price-other {
font-size: 1.3rem;
color: #aaa;
font-weight: 700;
}
.off82-price-other s { text-decoration-color: #e04040; }
.off82-arrow-down {
color: var(–orange);
font-size: 1.6rem;
font-weight: 900;
line-height: 1;
margin: 2px 0;
}
.off82-compare-row–ours {
background: #fff8f0;
border: 2px solid var(–orange);
border-radius: 10px;
padding: 6px 14px;
margin-top: 2px;
}
.off82-label-ours {
font-size: 0.85rem;
color: var(–orange);
font-weight: 900;
white-space: nowrap;
}
.off82-price-ours {
font-size: 1rem;
color: var(–navy);
font-weight: 700;
}
.off82-price-ours strong { font-size: 1.8rem; color: #c0390a; font-weight: 900; }
.off82-price-ours small { font-size: 0.8rem; color: #888; }
.off82-saving {
font-size: 0.82rem;
color: #2a7a2a;
font-weight: 700;
background: #e8f5e8;
border-radius: 8px;
padding: 5px 12px;
margin-top: 4px;
}
/* price-off82-strip */
.price-off82-strip {
background: linear-gradient(90deg, var(–navy), var(–navy-mid));
color: #fff;
border-radius: 12px;
padding: 12px 20px;
display: flex;
align-items: center;
gap: 10px;
font-size: 0.9rem;
}
.price-off82-icon { font-size: 1.4rem; flex-shrink: 0; }
.price-off82-text strong { color: #ffd04a; }
/* ===== CTA BUTTONS ===== */
.cta-btn-primary {
background: linear-gradient(135deg, #f5921e, var(–orange));
color: #fff;
cursor: pointer;
box-shadow: 0 6px 20px rgba(232,120,10,0.45);
transition: transform 0.15s, box-shadow 0.15s;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
}
.cta-btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 10px 28px rgba(232,120,10,0.55);
}
.cta-btn-primary:active { transform: translateY(0); }
.cta-btn-line {
background: linear-gradient(135deg, #09d362, #06C755);
color: #fff;
cursor: pointer;
box-shadow: 0 6px 20px rgba(6,199,85,0.4);
transition: transform 0.15s, box-shadow 0.15s;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 0.75rem;
}
.cta-btn-line:hover {
transform: translateY(-2px);
box-shadow: 0 10px 28px rgba(6,199,85,0.5);
}
/* ===== TRUST BAR ===== */
.trust-item {
background: rgba(255,255,255,0.07);
border: 1px solid rgba(255,255,255,0.12);
border-radius: 14px;
padding: 14px 10px;
text-align: center;
transition: background 0.2s;
}
.trust-item:hover { background: rgba(255,255,255,0.12); }
.trust-icon { font-size: 1.8rem; margin-bottom: 4px; }
.trust-num { color: #fff; font-weight: 900; font-size: 0.95rem; line-height: 1.3; }
.trust-num span { color: #f9a94e; font-size: 1.3rem; }
.trust-label { color: #9db8d0; font-size: 0.72rem; margin-top: 2px; }
/* ===== SECTION TITLES ===== */
.section-title-wrap { text-align: center; }
.section-title {
font-weight: 900;
font-size: 1.65rem;
color: var(–navy);
line-height: 1.3;
position: relative;
display: inline-block;
padding-bottom: 12px;
}
.section-title::after {
content: ”;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 4px;
background: linear-gradient(90deg, var(–orange), var(–orange-light));
border-radius: 2px;
}
.section-sub { color: #555; font-size: 0.9rem; margin-top: 10px; }
/* ===== PAIN CARDS ===== */
.pain-card {
background: #fff;
border-radius: 14px;
padding: 18px 14px;
text-align: center;
border: 2px solid #e8e8e8;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.pain-card:hover {
border-color: var(–orange);
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(232,120,10,0.15);
}
.pain-emoji { font-size: 2rem; margin-bottom: 8px; }
.pain-text { font-size: 0.9rem; color: #333; font-weight: 500; line-height: 1.5; }
.pain-text strong { color: #c0390a; }
/* ===== REASON CARDS ===== */
.reason-card {
background: #fff;
border-radius: 18px;
padding: 28px 22px;
border: 2px solid #e8e8e8;
box-shadow: 0 3px 12px rgba(0,0,0,0.05);
position: relative;
transition: transform 0.2s, box-shadow 0.2s;
}
.reason-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0,0,0,0.09); }
.reason-card–featured {
border-color: var(–orange);
box-shadow: 0 6px 24px rgba(232,120,10,0.18);
background: linear-gradient(160deg, #fff 60%, #fff8f2 100%);
}
.reason-num { font-weight: 900; font-size: 2.5rem; color: #ece9e4; line-height: 1; margin-bottom: 6px; }
.reason-card–featured .reason-num { color: #fdd9b4; }
.reason-icon { font-size: 2rem; margin-bottom: 10px; }
.reason-title { font-weight: 900; font-size: 1.05rem; color: var(–navy); margin-bottom: 10px; }
.reason-body { font-size: 0.85rem; color: #555; line-height: 1.7; }
.reason-badge {
position: absolute;
top: -12px; right: 18px;
background: linear-gradient(135deg, #f5921e, var(–orange));
color: #fff;
font-weight: 900;
font-size: 0.72rem;
padding: 4px 12px;
border-radius: 20px;
box-shadow: 0 3px 10px rgba(232,120,10,0.4);
}
/* ===== PRICE TABLE ===== */
.price-block { border-radius: 18px; overflow: hidden; box-shadow: 0 4px 18px rgba(0,0,0,0.07); }
.price-block-header {
background: linear-gradient(90deg, var(–navy), var(–navy-mid));
padding: 12px 20px;
display: flex; align-items: center; gap: 12px;
}
.price-block-header–blue { background: linear-gradient(90deg, #1a4a7a, #2a6aaa); }
.price-type-badge {
background: var(–orange);
color: #fff;
font-weight: 900;
font-size: 0.9rem;
padding: 4px 14px;
border-radius: 20px;
}
.price-table-wrap { background: #fff; overflow-x: auto; }
.price-table { width: 100%; border-collapse: collapse; }
.price-table thead tr { background: #f4f6fa; border-bottom: 2px solid #d8dde8; }
.price-table th { padding: 11px 14px; font-weight: 700; font-size: 0.82rem; color: var(–navy); text-align: left; white-space: nowrap; }
.price-table td { padding: 12px 14px; font-size: 0.9rem; border-bottom: 1px solid #f0f0f0; vertical-align: middle; }
.price-table tr:last-child td { border-bottom: none; }
.row-highlight td { background: #fafaf8; }
.maker-badge { display: inline-block; font-weight: 700; font-size: 0.78rem; padding: 3px 10px; border-radius: 6px; white-space: nowrap; }
.maker-noritz { background: #e8f4e8; color: #256525; border: 1px solid #b8d8b8; }
.maker-rinnai { background: #fbe8e8; color: #8a2020; border: 1px solid #dbb8b8; }
.maker-paloma { background: #e8eef8; color: #1a3a7a; border: 1px solid #b8cce8; }
.price-cell { font-size: 1.05rem; color: var(–navy); font-weight: 700; white-space: nowrap; }
.price-cell strong { font-size: 1.4rem; font-weight: 900; color: #c0390a; }
.price-cell small { font-size: 0.75rem; color: #888; }
/* ===== SUBSIDY CARDS ===== */
.subsidy-card {
background: #fff;
border-radius: 18px;
padding: 24px 18px;
text-align: center;
border: 2px solid #e8e8e8;
box-shadow: 0 3px 12px rgba(0,0,0,0.05);
transition: transform 0.2s;
}
.subsidy-card:hover { transform: translateY(-3px); }
.subsidy-card–featured { border-color: #a0b8d8; box-shadow: 0 6px 20px rgba(26,58,122,0.09); }
.subsidy-icon { font-size: 2.2rem; width: 64px; height: 64px; margin: 0 auto 12px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.subsidy-icon–red { background: #fef0f0; }
.subsidy-icon–blue { background: #eff4ff; }
.subsidy-icon–orange { background: #fff5e8; }
.subsidy-name { font-weight: 700; font-size: 0.95rem; color: var(–navy); line-height: 1.4; margin-bottom: 10px; }
.subsidy-amount { font-size: 1rem; color: #555; font-weight: 500; }
.subsidy-amount span { font-size: 2.4rem; font-weight: 900; color: #c0390a; }
.subsidy-label { font-size: 0.78rem; color: #888; margin-top: 2px; }
/* ===== PREMIUM MEMBER SECTION ===== */
.premium-section { overflow: hidden; }
/* Price Rise Box */
.price-rise-box {
display: flex;
flex-wrap: wrap;
gap: 24px;
background: #fff;
border: 2px solid #e0e8f0;
border-radius: 20px;
padding: 28px;
box-shadow: 0 4px 18px rgba(0,0,0,0.06);
}
.price-rise-left { flex: 1; min-width: 240px; }
.price-rise-title {
font-weight: 900;
font-size: 1.2rem;
color: var(–navy);
margin-bottom: 12px;
padding-bottom: 10px;
border-bottom: 2px solid #e0e8f0;
}
.price-rise-body { font-size: 0.87rem; color: #444; line-height: 1.75; }
.price-rise-body strong { color: var(–navy); }
.price-rise-stats {
display: flex;
gap: 12px;
margin-top: 18px;
flex-wrap: wrap;
}
.rise-stat {
flex: 1;
min-width: 90px;
background: #f4f7fb;
border-radius: 12px;
padding: 12px 10px;
text-align: center;
border: 1px solid #dce6f0;
}
.rise-stat-num { font-weight: 900; font-size: 1.1rem; color: var(–navy); line-height: 1.2; }
.rise-stat-num span { font-size: 1.6rem; color: #c0390a; }
.rise-stat-num–orange { color: var(–orange) !important; font-size: 1rem !important; }
.rise-stat-label { font-size: 0.7rem; color: #666; margin-top: 4px; line-height: 1.4; }
/* Bar Chart */
.price-rise-chart-wrap { flex: 0 0 auto; min-width: 220px; max-width: 300px; }
.chart-title { font-weight: 700; font-size: 0.82rem; color: #666; text-align: center; margin-bottom: 14px; }
.bar-chart { padding: 0 8px; }
.bar-group {
display: flex;
align-items: flex-end;
gap: 8px;
height: 160px;
border-left: 2px solid #ccc;
border-bottom: 2px solid #ccc;
padding: 8px 8px 0;
}
.bar-col { display: flex; flex-direction: column; align-items: center; gap: 4px; flex: 1; }
.bar {
width: 100%;
max-width: 40px;
border-radius: 6px 6px 0 0;
transition: height 0.8s ease;
position: relative;
}
.bar–2020 { background: #9db8d0; }
.bar–2022 { background: #6a9cc0; }
.bar–2024 { background: #3a78b0; }
.bar–2026 { background: var(–navy); }
.bar–2028 {
background: linear-gradient(180deg, #c0390a, #e85030);
opacity: 0.85;
}
.bar-future {
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
font-weight: 900;
color: rgba(255,255,255,0.9);
}
.bar-future-label { line-height: 1; }
.bar-year { font-size: 0.65rem; color: #666; font-weight: 700; text-align: center; white-space: nowrap; }
.bar-val { font-size: 0.68rem; font-weight: 700; color: var(–navy); text-align: center; }
.bar-val–now { color: var(–orange); }
.bar-val–warn { color: #c0390a; }
/* Premium cards */
.prem-cards-title {
text-align: center;
font-weight: 900;
font-size: 1.3rem;
color: var(–navy);
padding-bottom: 10px;
border-bottom: 3px solid #e8e8e8;
}
.prem-cards-title span { color: var(–orange); }
.prem-card {
background: #fff;
border-radius: 18px;
padding: 24px 22px;
border: 2px solid #e0e8f0;
box-shadow: 0 3px 12px rgba(0,0,0,0.05);
transition: transform 0.2s, box-shadow 0.2s;
}
.prem-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.09); }
.prem-card–gold {
border-color: var(–gold);
background: linear-gradient(160deg, #fff 60%, #fffbee 100%);
box-shadow: 0 6px 22px rgba(200,154,42,0.15);
}
.prem-card-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.prem-no {
font-size: 0.72rem;
font-weight: 900;
background: var(–navy);
color: #fff;
padding: 3px 12px;
border-radius: 20px;
letter-spacing: 0.05em;
}
.prem-no–gold {
background: linear-gradient(135deg, var(–gold), #e0b840);
color: #fff;
}
.prem-icon { font-size: 1.8rem; }
.prem-title {
font-weight: 900;
font-size: 1rem;
color: var(–navy);
margin-bottom: 10px;
line-height: 1.4;
}
.prem-title em {
font-style: normal;
color: var(–orange);
text-decoration: underline;
text-decoration-color: rgba(232,120,10,0.4);
}
.prem-card–gold .prem-title em { color: var(–gold); text-decoration-color: rgba(200,154,42,0.4); }
.prem-body { font-size: 0.84rem; color: #555; line-height: 1.75; }
/* Join Box */
.prem-join-box {
background: var(–navy);
border-radius: 20px;
padding: 28px 28px;
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: center;
box-shadow: 0 8px 28px rgba(13,43,78,0.2);
}
.prem-join-title {
font-weight: 900;
font-size: 1.05rem;
color: #fff;
margin-bottom: 12px;
}
.prem-join-title span { color: var(–orange-light); }
.prem-join-list {
list-style: none;
padding: 0; margin: 0;
display: flex;
flex-direction: column;
gap: 7px;
}
.prem-join-list li {
font-size: 0.87rem;
color: rgba(255,255,255,0.9);
}
.prem-join-list li strong { color: #ffd04a; }
.prem-join-right {
flex-shrink: 0;
text-align: center;
}
.prem-join-cta-label {
font-size: 0.82rem;
color: rgba(255,255,255,0.75);
margin-bottom: 10px;
line-height: 1.5;
}
.prem-join-cta-btn {
display: inline-flex;
align-items: center;
gap: 6px;
}
/* Future Note */
.prem-future-note {
display: flex;
gap: 14px;
align-items: flex-start;
background: #f0f6ff;
border: 1.5px solid #b8cce8;
border-radius: 14px;
padding: 16px 20px;
}
.prem-future-icon { font-size: 1.5rem; flex-shrink: 0; margin-top: 2px; }
.prem-future-text { font-size: 0.85rem; color: #335; line-height: 1.75; }
.prem-future-text strong { color: var(–navy); }
/* ===== FLOW ===== */
.flow-wrap {
display: flex;
align-items: flex-start;
gap: 0;
justify-content: center;
flex-wrap: wrap;
}
.flow-step {
background: #fff;
border-radius: 18px;
padding: 26px 20px;
text-align: center;
border: 2px solid #e8e8e8;
box-shadow: 0 3px 12px rgba(0,0,0,0.05);
flex: 1; min-width: 200px; max-width: 280px;
position: relative;
transition: transform 0.2s, box-shadow 0.2s;
}
.flow-step:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.09); }
.flow-circle {
width: 42px; height: 42px;
background: linear-gradient(135deg, var(–orange), var(–orange-light));
color: #fff;
font-weight: 900; font-size: 1.3rem;
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
margin: 0 auto 10px;
box-shadow: 0 4px 12px rgba(232,120,10,0.4);
}
.flow-icon { font-size: 2rem; margin-bottom: 8px; }
.flow-title { font-weight: 900; font-size: 1rem; color: var(–navy); margin-bottom: 10px; }
.flow-body { font-size: 0.82rem; color: #555; line-height: 1.7; }
.flow-time {
margin-top: 10px;
display: inline-block;
background: #f0f4f8;
color: var(–navy);
font-weight: 700; font-size: 0.78rem;
padding: 4px 12px; border-radius: 20px;
}
.flow-arrow { color: var(–orange); font-size: 1.8rem; align-self: center; padding: 0 4px; flex-shrink: 0; }
@media (max-width: 640px) {
.flow-wrap { flex-direction: column; align-items: center; }
.flow-step { max-width: 100%; width: 100%; }
.flow-arrow { transform: rotate(90deg); }
.price-rise-chart-wrap { min-width: 100%; }
.off82-banner-left, .off82-banner-right { min-width: 100%; }
}
/* ===== VOICE CARDS ===== */
.voice-card {
background: #fff;
border-radius: 16px;
padding: 22px 18px;
border: 2px solid #e8e8e8;
box-shadow: 0 3px 12px rgba(0,0,0,0.05);
position: relative;
}
.voice-card::before {
content: ‘”‘;
position: absolute;
top: 10px; left: 16px;
font-size: 4rem;
color: #ede9e4;
font-family: Georgia, serif;
line-height: 1;
}
.voice-stars { color: #f5a623; font-size: 1rem; letter-spacing: 2px; margin-bottom: 8px; }
.voice-text { font-size: 0.87rem; color: #444; line-height: 1.75; padding-left: 10px; }
.voice-info { margin-top: 12px; font-size: 0.78rem; color: #888; font-weight: 700; padding-left: 10px; }
/* ===== AREA TAGS ===== */
.area-tag {
display: inline-block;
background: rgba(255,255,255,0.15);
color: #fff;
font-weight: 700; font-size: 0.9rem;
padding: 6px 18px; border-radius: 20px;
border: 1px solid rgba(255,255,255,0.25);
}
.area-tag–sub {
background: rgba(255,255,255,0.07);
color: #9db8d0;
font-weight: 500; font-size: 0.82rem;
}
/* ===== FLOATING CTA ===== */
.floating-cta {
position: fixed;
bottom: 0; left: 0; right: 0;
z-index: 100;
display: flex;
box-shadow: 0 -4px 20px rgba(0,0,0,0.18);
transform: translateY(100%);
transition: transform 0.35s ease;
}
.floating-cta.visible { transform: translateY(0); }
.float-btn {
flex: 1;
display: flex; align-items: center; justify-content: center; gap: 8px;
padding: 16px 10px;
font-weight: 900; font-size: 1rem;
text-decoration: none; color: #fff;
transition: opacity 0.15s;
}
.float-btn:active { opacity: 0.85; }
.float-btn-tel { background: linear-gradient(135deg, #f5921e, var(–orange)); }
.float-btn-line { background: linear-gradient(135deg, #09d362, #06C755); }
@media (min-width: 769px) {
.floating-cta {
left: 50%;
transform: translateX(-50%) translateY(100%);
width: 420px;
border-radius: 20px 20px 0 0;
overflow: hidden;
}
.floating-cta.visible { transform: translateX(-50%) translateY(0); }
.float-btn { padding: 18px 10px; font-size: 1.05rem; }
}
@supports (padding-bottom: env(safe-area-inset-bottom)) {
.floating-cta { padding-bottom: env(safe-area-inset-bottom); }
}
/* ===== SCROLL ANIMATION ===== */
.fade-in-target {
opacity: 0;
transform: translateY(22px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
.fade-in-target.is-visible {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 768px) {
.section-title { font-size: 1.3rem; }
h1 { font-size: 1.85rem !important; }
.price-table th, .price-table td { font-size: 0.76rem; padding: 8px 9px; }
.off82-banner-main em { font-size: 2.8rem; }
.prem-join-box { padding: 20px; }
}
給湯器交換・修理｜リフォームハウスイワサキ【静岡市対応】最短即日
i
W
リフォームハウスイワサキ
静岡市 葵区・駿河区・清水区 対応
⚡ 最短即日対応・自社施工の安心価格
静岡で30年。
今日、お湯が出る
喜びを。
「突然お湯が出なくなった」「給湯器から異音がする」
そのお悩み、地元静岡の専門店が最短即日で解決します。
メーカー直仕入れだから
最大82%OFF
他社より断然お得に交換できます
🔥 今すぐ対応できます
✓
最短即日取付・工事完了
✓
見積もり・出張費無料
✓
工事後1年間無償保証
✓
メーカー直で最大82%OFF
📞 0120-49-0225
🏭 メーカー直仕入れだから実現できる
最大 82% OFF
希望小売価格との比較。他社との相見積もり大歓迎です。
大手量販店の価格
¥298,000
▼
イワサキの価格
¥53,640〜
💰 約24万円もお得になることも！
こんなお悩み、ありませんか？
そのトラブル、放置すると危険です。今すぐプロにご相談ください。
⚠️
給湯器の寿命は一般的に約10〜15年です。
古い給湯器は一酸化炭素中毒やガス漏れのリスクも。異変を感じたらすぐにご相談ください。静岡市内なら最短当日に伺います。
📞 今すぐ相談
イワサキが選ばれる3つの理由
地元静岡市のお客様に30年間ご支持いただいてきた理由があります。
01
🏠
地元密着・自社施工
下請け業者に丸投げせず、有資格のイワサキスタッフが直接施工。中間マージンが発生しないため、適正価格でご提供できます。施工後も担当者が継続してフォローします。
02
⚡
最短即日・スピード対応
「今日お湯が出ない！」そんな緊急事態に対応できるよう在庫を常備。午前中のお問い合わせなら当日中の施工完了を目指します（在庫状況による）。
人気No.1の理由
03
📋
明朗会計・1年保証
見積もり後の追加費用は一切なし。工事完了後も1年間の無償アフター保証つき。万が一の不具合にも迅速に対応しますので、安心してお任せください。
給湯器 交換価格の目安
工事費・廃材処分費込みの明朗価格。現地確認後に正式お見積もりをご提示します。
🏭
メーカー直仕入れだから最大82%OFFを実現！下記はすべて工事費込みの特別価格です。
| 機種タイプ |
号数 |
機能 |
工事費込み価格 |
| ノーリツ |
16号 |
給湯専用 |
¥88,000〜 |
| リンナイ |
20号 |
追い焚きオート |
¥148,000〜 |
| ノーリツ |
20号 |
フルオート |
¥158,000〜 |
| リンナイ |
24号 |
エコジョーズ フルオート |
¥178,000〜 |
| パロマ |
20号 |
フルオート |
¥152,000〜 |
| 機種タイプ |
号数 |
機能 |
工事費込み価格 |
| ノーリツ |
16号 |
追い焚きオート |
¥138,000〜 |
| リンナイ |
20号 |
フルオート |
¥168,000〜 |
| ノーリツ |
20号 |
エコジョーズ フルオート |
¥188,000〜 |
※ 上記は標準工事費（既設撤去・廃材処分・基本配管接続）を含む目安価格です。現地の状況（配管延長・ガス種変更等）により変動する場合があります。
※ メーカー直仕入れにより希望小売価格から最大82%OFFを実現。他社見積もりとの比較も歓迎です。
※ 2025年11月時点の暫定価格に基づきます。
補助金でさらにお得に交換！
住宅省エネ2026キャンペーンを活用すれば、エコジョーズ・エコキュートへの交換で補助金が受け取れます。
🪟
窓・ドアの
断熱リフォーム
最大100万円
補助額
🎉 併用すれば最大225万円の補助金！
給湯器交換と窓リフォームなどを組み合わせることで補助金の上限が拡大。イワサキが申請手続きもまとめてサポートします。
補助金の詳細を聞く
👑 給湯器ご利用者様への特別特典
今、給湯器を交換した方は
「プレミアム会員」に自動登録
資材価格の高騰が続く今、将来のリノベ・リフォーム費用は確実に上昇します。
今のうちに「プレミアム会員」の席を確保して、10年間の優待権利をゲットしましょう。
なぜ今がチャンスなのか？
ウッドショック・鉄鋼価格高騰・円安の影響で、住宅・リフォーム費用は2020年比で約30〜40%上昇しており、この傾向は今後も続くと予測されています。
イワサキのプレミアム会員になっておけば、将来のリノベ・リフォームの際に「今この瞬間の優待価格」で受けられる権利が10年間保証されます。
プレミアム会員 4つの特典
特典 01
🥇
リノベ・リフォーム工事の
最優先予約権
繁忙期・緊急時でも、プレミアム会員様の工事枠を最優先で確保します。「工事が混んでいて2ヶ月待ち」という事態になりません。
特典 02
💰
10年間の
優待価格保証
資材価格がさらに上昇しても、会員登録時の優待価格水準でご提供。将来のキッチン・お風呂・外壁・断熱リノベをお得に実現できます。
特典 03
📋
住宅診断（ホームドック）
無料招待
年1回、専門スタッフによる住宅の無料点検を実施。水回り・外壁・屋根・断熱の状態をチェックし、適切なタイミングでのリフォームをご提案します。
特典 04
🎁
会員限定
先行キャンペーン案内
補助金・メーカーキャンペーン・季節の特別割引など、一般公開前の情報をいち早くお届け。最適なタイミングでリフォームの決断ができます。
🔑 プレミアム会員への入会条件
- ✅ イワサキで給湯器交換・設備工事をご依頼いただいた方
- ✅ 静岡市内（葵区・駿河区・清水区）にお住まいの方
- ✅ 登録料・年会費は完全無料
💡
「今の給湯器交換」が、将来の大規模リノベ費用を大幅に節約する入口になります。
キッチン・浴室・外壁・断熱・耐震など、10年以内に訪れるあらゆるリフォーム需要に対して、プレミアム会員は常に有利な立場でご利用いただけます。
ご依頼から完了まで3ステップ
最短で当日中に給湯器交換が完了します。複雑な手続きは一切ありません。
1
📞
お電話 or LINE相談
症状・機種・設置場所をお伝えください。概算の費用と訪問日時をその場でご案内します。LINEなら写真を送るだけで見積もりOK。
⏱ 約5〜10分
▶
2
🔍
現地確認・お見積もり
有資格スタッフが訪問し、現状を確認。正式なお見積もりをご提示します。ご納得いただいてからの工事開始なので、費用の心配はありません。
⏱ 無料・約30分
▶
3
✅
工事完了・動作確認
スタッフによる施工後、お客様と一緒に動作確認を実施。使い方のご説明も丁寧に行います。1年間の保証書をその場でお渡しします。
⏱ 工事約2〜4時間
今すぐ無料相談する
受付 8:30〜18:00 ／ 年中無休
静岡市のお客様の声
実際にご利用いただいたお客様から、たくさんのご感想をいただいています。
★★★★★
「朝一番にお湯が出なくなり、慌てて電話したところ午後には工事が完了しました。スタッフの方も丁寧で安心してお任せできました。」
静岡市葵区 / 60代 女性
★★★★★
「他社より10万円以上安く、しかも翌日に施工してもらえました。LINEで写真を送るだけで見積もりが来て、とても便利でした。」
静岡市駿河区 / 50代 男性
★★★★★
「エコジョーズに交換したら、ガス代が月々約3,000円も下がりました。補助金申請も手伝ってもらえて、実質かなりお得に交換できました。」
静岡市清水区 / 40代 女性
対応エリア
下記エリアへの出張費は無料です。お気軽にご相談ください。
静岡市 葵区
静岡市 駿河区
静岡市 清水区
沼津市
三島市
裾野市
長泉町
清水町
※ エリア外もご相談可。まずはお電話ください。
💬
LINEで写真を送るだけで
概算見積もり無料！
給湯器の型番シールや設置状況の写真を送っていただくだけで、概算費用をすぐにご返信します。電話が難しい方・まず金額だけ知りたい方に最適です。
LINEで相談する
/* ===== FLOATING CTA ===== */
(function () {
‘use strict’;
var cta = document.getElementById(‘floatingCta’);
if (!cta) return;
var ticking = false;
function onScroll() {
if (!ticking) {
requestAnimationFrame(function () {
cta.classList.toggle(‘visible’, window.scrollY > 300);
ticking = false;
});
ticking = true;
}
}
window.addEventListener(‘scroll’, onScroll, { passive: true });
onScroll();
})();
/* ===== SMOOTH SCROLL ===== */
(function () {
‘use strict’;
document.querySelectorAll(‘a[href^=”#”]’).forEach(function (a) {
a.addEventListener(‘click’, function (e) {
var target = document.querySelector(this.getAttribute(‘href’));
if (!target) return;
e.preventDefault();
window.scrollTo({ top: target.getBoundingClientRect().top + window.scrollY – 72, behavior: ‘smooth’ });
});
});
})();
/* ===== FADE-IN ON SCROLL ===== */
(function () {
‘use strict’;
var selectors = [
‘.pain-card’, ‘.reason-card’, ‘.flow-step’,
‘.voice-card’, ‘.subsidy-card’, ‘.price-block’,
‘.prem-card’, ‘.off82-banner’, ‘.price-rise-box’,
‘.prem-join-box’, ‘.prem-future-note’
];
var els = document.querySelectorAll(selectors.join(‘,’));
els.forEach(function (el) { el.classList.add(‘fade-in-target’); });
if (!(‘IntersectionObserver’ in window)) {
els.forEach(function (el) { el.classList.add(‘is-visible’); });
return;
}
var observer = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
entry.target.classList.add(‘is-visible’);
observer.unobserve(entry.target);
}
});
}, { threshold: 0.1, rootMargin: ‘0px 0px -30px 0px’ });
els.forEach(function (el) { observer.observe(el); });
})();
/* ===== BAR CHART ANIMATE ===== */
(function () {
‘use strict’;
var bars = document.querySelectorAll(‘.bar’);
if (!bars.length) return;
var heights = [];
bars.forEach(function (bar) {
heights.push(bar.style.height);
bar.style.height = ‘0px’;
});
if (!(‘IntersectionObserver’ in window)) {
bars.forEach(function (bar, i) { bar.style.height = heights[i]; });
return;
}
var triggered = false;
var chartObserver = new IntersectionObserver(function (entries) {
if (triggered) return;
entries.forEach(function (entry) {
if (entry.isIntersecting) {
triggered = true;
bars.forEach(function (bar, i) {
setTimeout(function () { bar.style.height = heights[i]; }, i * 120);
});
chartObserver.disconnect();
}
});
}, { threshold: 0.4 });
var chartWrap = document.querySelector(‘.bar-chart’);
if (chartWrap) chartObserver.observe(chartWrap);
})();
/* ===== PRICE TABLE ROW HOVER ===== */
(function () {
‘use strict’;
document.querySelectorAll(‘.price-table tbody tr’).forEach(function (row) {
row.addEventListener(‘mouseenter’, function () { this.style.background = ‘#fff8f0’; });
row.addEventListener(‘mouseleave’, function () { this.style.background = ”; });
});
})();
/* ===== TEL CLICK TRACKING (GA4) ===== */
(function () {
‘use strict’;
document.querySelectorAll(‘a[href^=”tel:”]’).forEach(function (link) {
link.addEventListener(‘click’, function () {
if (typeof gtag === ‘function’) {
gtag(‘event’, ‘tel_click’, { event_category: ‘engagement’, event_label: ‘kyutoki_lp’ });
}
});
});
})();
