shinshinスマイルソーラー
:root {
--cream: #F7F4EE;
--cream-dark: #EDE9E0;
--white: #ffffff;
--navy: #0B2640;
--gold: #C8922A;
--gold-light: #E8B14A;
--border: #E8E2D8;
--text: #1A1A2E;
--text-muted: #666666;
--text-light: #999999;
}
/* ===== 共通 ===== */
.ss-section {
background: var(--cream);
padding: 80px 20px;
box-sizing: border-box;
font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.ss-section--white {
background: var(--white);
}
.ss-section--navy {
background: var(--navy);
}
.ss-inner {
max-width: 900px;
margin: 0 auto;
}
.ss-inner--wide {
max-width: 1100px;
margin: 0 auto;
}
.ss-eyebrow {
text-align: center;
font-size: 0.68rem !important;
font-weight: 700 !important;
letter-spacing: 0.35em !important;
text-transform: uppercase !important;
color: var(--gold) !important;
margin: 0 0 14px 0 !important;
padding: 0 !important;
display: block !important;
}
.ss-heading {
text-align: center;
font-size: 2.2rem !important;
font-weight: 900 !important;
color: var(--navy) !important;
margin: 0 0 52px 0 !important;
padding: 0 !important;
line-height: 1.4 !important;
font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', serif !important;
letter-spacing: 0.03em !important;
border: none !important;
background: transparent !important;
}
.ss-heading--white {
color: var(--white) !important;
}
.ss-card {
background: var(--white);
border-radius: 12px;
border: 1px solid var(--border);
padding: 36px 40px;
box-sizing: border-box;
}
.ss-card--cream {
background: var(--cream);
}
/* ===== CONCERNS ===== */
.ssc-item {
display: flex !important;
gap: 40px;
align-items: flex-start;
margin-bottom: 16px !important;
}
.ssc-label-col {
min-width: 150px;
flex-shrink: 0;
}
.ssc-num {
font-size: 0.68rem !important;
font-weight: 700 !important;
letter-spacing: 0.2em !important;
color: var(--gold) !important;
margin: 0 0 8px 0 !important;
padding: 0 !important;
display: block !important;
}
.ssc-title {
font-size: 1.15rem !important;
font-weight: 900 !important;
color: var(--navy) !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.4 !important;
font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', serif !important;
border: none !important;
background: transparent !important;
}
.ssc-divider {
width: 1px;
background: var(--border);
align-self: stretch;
flex-shrink: 0;
}
.ssc-text {
font-size: 0.95rem !important;
color: var(--text-muted) !important;
line-height: 2 !important;
margin: 0 !important;
padding: 0 !important;
}
/* ===== MERITS ===== */
.ssm-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 16px !important;
margin: 0 !important;
padding: 0 !important;
}
.ssm-card {
background: var(--white);
border-radius: 12px;
border: 1px solid var(--border);
padding: 32px 28px;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.ssm-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
}
.ssm-card-1::before { background: #2E6DA4; }
.ssm-card-2::before { background: var(--gold); }
.ssm-card-3::before { background: #27AE60; }
.ssm-num {
font-size: 4rem !important;
font-weight: 900 !important;
line-height: 1 !important;
margin: 0 0 20px 0 !important;
padding: 0 !important;
font-family: 'Georgia', 'Times New Roman', serif !important;
letter-spacing: -0.02em !important;
}
.ssm-num-1 { color: rgba(46,109,164,0.3) !important; }
.ssm-num-2 { color: rgba(200,146,42,0.3) !important; }
.ssm-num-3 { color: rgba(39,174,96,0.3) !important; }
.ssm-card-title {
font-size: 1.1rem !important;
font-weight: 900 !important;
color: var(--navy) !important;
margin: 0 0 12px 0 !important;
padding: 0 !important;
line-height: 1.5 !important;
font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', serif !important;
border: none !important;
background: transparent !important;
}
.ssm-card-desc {
font-size: 0.9rem !important;
color: var(--text-muted) !important;
line-height: 1.9 !important;
margin: 0 !important;
padding: 0 !important;
}
@media (max-width: 768px) {
.ssm-grid { grid-template-columns: 1fr !important; }
}
/* ===== COMPARISON ===== */
.sscp-table {
width: 100%;
border-collapse: separate;
border-spacing: 16px;
margin: 0 -16px;
}
.sscp-problem {
background: var(--white);
border-radius: 12px;
padding: 36px;
border: 1px solid var(--border);
vertical-align: top;
width: 50%;
}
.sscp-solution {
background: var(--navy);
border-radius: 12px;
padding: 36px;
border: 2px solid var(--gold);
vertical-align: top;
width: 50%;
}
.sscp-badge {
display: inline-block;
font-size: 0.65rem !important;
font-weight: 700 !important;
letter-spacing: 0.2em !important;
text-transform: uppercase !important;
padding: 5px 14px !important;
border-radius: 50px !important;
margin: 0 0 16px 0 !important;
}
.sscp-badge--problem {
background: var(--cream-dark);
color: var(--text-muted);
}
.sscp-badge--solution {
background: transparent;
color: var(--gold);
border: 1px solid var(--gold);
}
.sscp-subtitle {
font-size: 1.1rem !important;
font-weight: 700 !important;
text-align: center !important;
margin: 0 0 24px 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
}
.sscp-subtitle--dark { color: var(--navy) !important; }
.sscp-subtitle--light { color: var(--white) !important; }
/* ===== PLANS ===== */
.ssp-grid {
display: flex !important;
flex-direction: row !important;
gap: 16px !important;
flex-wrap: nowrap !important;
margin: 0 0 32px 0 !important;
padding: 0 !important;
}
.ssp-card {
background: rgba(255,255,255,0.06) !important;
border: 1px solid rgba(255,255,255,0.15) !important;
border-radius: 12px !important;
padding: 32px 28px !important;
box-sizing: border-box !important;
position: relative !important;
flex: 1 !important;
}
@media (max-width: 768px) {
.ssp-grid {
flex-direction: column !important;
}
.ssp-card {
flex: none !important;
width: 100% !important;
}
}
.ssp-card--featured {
background: rgba(200,146,42,0.1) !important;
border-color: var(--gold) !important;
}
.ssp-badge {
position: absolute !important;
top: 16px !important;
right: 16px !important;
background: var(--gold) !important;
color: var(--navy) !important;
font-size: 0.65rem !important;
font-weight: 700 !important;
padding: 4px 12px !important;
border-radius: 50px !important;
}
.ssp-num {
font-size: 0.65rem !important;
font-weight: 700 !important;
letter-spacing: 0.25em !important;
color: var(--gold) !important;
margin: 0 0 10px 0 !important;
padding: 0 !important;
display: block !important;
}
.ssp-title {
font-size: 2rem !important;
font-weight: 700 !important;
color: var(--white) !important;
margin: 0 0 20px 0 !important;
padding: 0 !important;
line-height: 1.4 !important;
font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', serif !important;
border: none !important;
background: transparent !important;
display: block !important;
}
.ssp-feature {
font-size: 1.3rem !important;
color: rgba(255,255,255,0.8) !important;
margin: 0 0 8px 0 !important;
padding: 0 !important;
display: block !important;
}
.ssp-feature::before {
content: '— ' !important;
color: var(--gold) !important;
}
@media (max-width: 768px) {
.ssp-grid { flex-direction: column !important; }
}
/* ===== WORKS ===== */
.ssw-card {
display: grid !important;
grid-template-columns: 1.2fr 1fr !important;
gap: 0 !important;
background: var(--white) !important;
border-radius: 12px !important;
border: 1px solid var(--border) !important;
overflow: hidden !important;
}
.ssw-img {
width: 100% !important;
height: 360px !important;
object-fit: cover !important;
display: block !important;
}
.ssw-info {
padding: 40px !important;
box-sizing: border-box !important;
}
.ssw-tag {
display: inline-block !important;
background: var(--navy) !important;
color: var(--gold) !important;
font-size: 1.3rem !important;
font-weight: 700 !important;
padding: 4px 14px !important;
border-radius: 50px !important;
margin: 0 0 12px 0 !important;
letter-spacing: 0.08em !important;
}
.ssw-date {
font-size: 1.3rem !important;
color: var(--text-light) !important;
margin: 0 0 14px 0 !important;
padding: 0 !important;
}
.ssw-title {
font-size: 2rem !important;
font-weight: 900 !important;
color: var(--navy) !important;
line-height: 1.5 !important;
margin: 0 0 14px 0 !important;
padding: 0 !important;
font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', serif !important;
border: none !important;
background: transparent !important;
}
.ssw-desc {
font-size: 1.3rem !important;
color: var(--text-muted) !important;
line-height: 1.9 !important;
margin: 0 0 24px 0 !important;
padding: 0 !important;
}
.ssw-specs {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 12px !important;
border-top: 1px solid var(--border) !important;
padding-top: 20px !important;
margin: 0 !important;
}
.ssw-spec-label {
font-size: 0.65rem !important;
color: var(--text-light) !important;
font-weight: 700 !important;
display: block !important;
margin: 0 0 4px 0 !important;
}
.ssw-spec-val {
font-size: 1rem !important;
font-weight: 700 !important;
color: var(--navy) !important;
}
@media (max-width: 768px) {
.ssw-card { grid-template-columns: 1fr !important; }
.ssw-img { height: 220px !important; }
.ssw-info { padding: 24px !important; }
}
/* ===== FLOW ===== */
.ssf-list {
position: relative;
}
.ssf-list::before {
content: '';
position: absolute;
left: 20px;
top: 40px;
bottom: 40px;
width: 1px;
background: var(--border);
z-index: 0;
}
.ssf-item {
display: flex !important;
gap: 28px !important;
margin: 0 0 16px 0 !important;
padding: 0 !important;
align-items: flex-start !important;
position: relative;
}
.ssf-item:last-child { margin-bottom: 0 !important; }
.ssf-num {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
border-radius: 50% !important;
background: var(--white) !important;
border: 2px solid var(--gold) !important;
color: var(--gold) !important;
font-size: 0.8rem !important;
font-weight: 700 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
z-index: 1 !important;
flex-shrink: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.ssf-body {
background: var(--white);
border: 1px solid var(--border);
border-radius: 12px;
padding: 24px 28px;
flex: 1;
box-sizing: border-box;
margin-top: 0 !important;
}
.ssf-step-title {
font-size: 1rem !important;
font-weight: 700 !important;
color: var(--navy) !important;
margin: 0 0 6px 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
}
.ssf-step-desc {
font-size: 0.88rem !important;
color: var(--text-muted) !important;
line-height: 1.8 !important;
margin: 0 !important;
padding: 0 !important;
}
/* ===== CTA ===== */
.ss-cta-btn-gold {
display: inline-block !important;
background: linear-gradient(135deg, var(--gold), var(--gold-light)) !important;
color: var(--white) !important;
font-size: 1.7rem !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
padding: 18px 52px !important;
border-radius: 6px !important;
text-decoration: none !important;
border: none !important;
}
.ss-cta-btn-outline {
display: inline-block !important;
background: transparent !important;
color: var(--gold) !important;
font-size: 1.7rem !important;
font-weight: 700 !important;
padding: 14px 40px !important;
border-radius: 6px !important;
text-decoration: none !important;
border: 2px solid var(--gold) !important;
letter-spacing: 0.05em !important;
}
.ss-cta-btn-outline--navy {
color: var(--navy) !important;
border-color: var(--navy) !important;
}
CONCERNS
こんなお悩みや疑問ありませんか？
CONCERN 01
「毎月の電気代、これ以上上がったらどうしよう…」
毎月届く電気代の請求書に、思わずため息をついたことはありませんか。「何か対策できないかな」と不安を抱えながらも、何から始めればいいかわからない方は多いはずです。太陽光発電なら自宅で電気をつくることで電気料金を大幅に削減でき、余った電気は売電することも可能です。
CONCERN 02
「台風が来るたびに、停電しないか不安になる…」
災害のたびに「停電したらどうしよう」と感じたことはありませんか。スマホが充電できない、エアコンが使えない、暗い中で過ごさなければならない——そんな不安は、蓄電池があれば解消できます。停電時も自動で切り替わるので、特別な操作は一切不要です。
✓
そのお悩み、すべて解決できます。
「太陽光パネルは高そう…」「うちの屋根に設置できる？」「外壁リフォームとまとめて工事できる？」こうした疑問にも、住宅建築のプロである私たちが丁寧にお答えします。まずはお気軽にご相談ください。
無料相談はこちら →
BENEFITS
新進建設だからこそ実現できる３つの確かなメリット
01
お家を同時にアップデート！
外装を美しくリフレッシュしながら、最新のエネルギーシステムを導入。電気代の高騰を見込んだ家の価値と性能、暮らしの豊かさを一度に高めます。
02
導入コストを大幅カット！
外壁塗装と太陽光パネル設置を同時に行うことで、本来別々にかかる「足場代」や諸経費を最小限に抑えます。
別々に施工した場合
外壁改修のみ
足場代
が発生
＋
太陽光のみ
足場代
が発生
↓ 足場代が2回発生し…
合計コストが高額に
→同時にまとめると
同時に施工した場合
外壁改修 ＋ 太陽光
セットプランで同時に足場を設置
足場代がまとまるから
1回分節約！
（足場代をまるまるコストカット）
03
住まいのプロによる「最適設置」
お家の構造や屋根の状態を熟知した当社だからこそ、無理のない、かつ発電効率を最大化する最適な設置提案が可能です。
PLANS
それぞれのお家に合わせたプラン
モデルプランをベースに、坪数・家族構成・ご予算に合わせてカスタマイズ可能。
PLAN 01
太陽光のみプラン
太陽光パネル設置
発電シミュレーション付き
電力会社との連携サポート
PLAN 02
太陽光＋蓄電池プラン
太陽光パネル設置
蓄電池システム導入
停電時も安心の電力確保
発電・蓄電の最適化提案
オススメ
PLAN 03
太陽光＋外壁修繕プラン
太陽光パネル設置
外壁塗装・リフレッシュ
足場代1回分で両方完了
家の価値と性能を同時向上
まずはご相談ください
リースプラン対応 ｜ ローンご相談も承ります ｜ 修繕のご相談も同時にOK！
(function() {
function applyPlanLayout() {
var grid = document.getElementById('ssp-grid-plans');
if (!grid) return;
var cards = grid.querySelectorAll('.ssp-card');
if (window.innerWidth
