/* きずく KIZUKU – Industrial Renovation */
.kizuku-page * { margin: 0; padding: 0; box-sizing: border-box; }
.kizuku-page { font-family: ‘Helvetica Neue’, Arial, ‘Hiragino Kaku Gothic ProN’, ‘Hiragino Sans’, Meiryo, sans-serif; color: #1a1a1a; line-height: 1.8; overflow-x: hidden; }
.kizuku-hero {
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
color: #fff;
padding: 120px 40px 100px;
text-align: center;
position: relative;
overflow: hidden;
}
.kizuku-hero::before {
content: ”;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,0.02) 2px, rgba(255,255,255,0.02) 4px);
}
.kizuku-hero-eyebrow {
font-size: 12px; letter-spacing: 6px; text-transform: uppercase;
color: #c9a96e; margin-bottom: 20px; font-weight: 400; position: relative;
}
.kizuku-hero h1 {
font-size: clamp(36px, 6vw, 72px); font-weight: 700; letter-spacing: -1px;
line-height: 1.1; margin: 0 0 20px; color: #ffffff; position: relative;
}
.kizuku-hero-accent { color: #c9a96e; }
.kizuku-hero-sub {
font-size: 17px; color: #aaa; margin-bottom: 40px;
font-weight: 300; letter-spacing: 2px; position: relative;
}
.kizuku-hero-tagline {
font-size: 15px; color: #888; max-width: 600px;
margin: 0 auto 40px; line-height: 1.8; position: relative;
}
.kizuku-btn {
display: inline-block; background: #c9a96e; color: #1a1a1a;
padding: 16px 40px; font-size: 14px; font-weight: 700;
letter-spacing: 3px; text-transform: uppercase;
text-decoration: none; margin: 8px; transition: all 0.3s; position: relative;
}
.kizuku-btn:hover { background: #e0c080; color: #1a1a1a; }
.kizuku-btn-outline {
display: inline-block; border: 1px solid #555; color: #ccc;
padding: 15px 40px; font-size: 14px; font-weight: 400;
letter-spacing: 3px; text-transform: uppercase;
text-decoration: none; margin: 8px; transition: all 0.3s; position: relative;
}
.kizuku-btn-outline:hover { border-color: #c9a96e; color: #c9a96e; }
.kizuku-section { padding: 80px 40px; max-width: 1100px; margin: 0 auto; }
.kizuku-section-dark { background: #111; color: #ddd; padding: 80px 40px; }
.kizuku-section-dark .kizuku-section { margin: 0 auto; }
.kizuku-section-gray { background: #f5f5f0; padding: 80px 40px; }
.kizuku-label {
font-size: 11px; letter-spacing: 5px; text-transform: uppercase;
color: #c9a96e; margin-bottom: 12px; display: block;
}
.kizuku-h2 {
font-size: clamp(26px, 4vw, 42px); font-weight: 700;
color: #1a1a1a; margin: 0 0 20px; line-height: 1.2;
}
.kizuku-h2-light { color: #ffffff; }
.kizuku-lead { font-size: 16px; color: #555; line-height: 1.9; max-width: 700px; }
.kizuku-lead-light { color: #999; }
.kizuku-concept-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 60px;
align-items: center; max-width: 1100px; margin: 0 auto;
}
.kizuku-concept-text .kizuku-h2 { margin-bottom: 24px; }
.kizuku-concept-visual {
background: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 100%);
height: 400px; display: flex; align-items: center; justify-content: center;
position: relative; overflow: hidden;
}
.kizuku-concept-visual::before {
content: ”; position: absolute;
top: 20px; left: 20px; right: 20px; bottom: 20px;
border: 1px solid rgba(201,169,110,0.3);
}
.kizuku-concept-visual-text {
font-size: 48px; color: rgba(201,169,110,0.15);
font-weight: 700; letter-spacing: 8px;
}
.kizuku-grid-4 {
display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 2px; margin-top: 50px; max-width: 1100px; margin-left: auto; margin-right: auto;
}
.kizuku-card {
background: #fff; padding: 44px 32px;
border-top: 3px solid transparent; transition: all 0.3s;
}
.kizuku-card:hover {
border-top-color: #c9a96e; transform: translateY(-4px);
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
.kizuku-card-dark { background: #1c1c1c; border-color: #333; color: #ddd; }
.kizuku-card-icon { font-size: 36px; margin-bottom: 20px; display: block; }
.kizuku-card h3 { font-size: 18px; font-weight: 700; margin: 0 0 12px; color: #1a1a1a; }
.kizuku-card-dark h3 { color: #fff; }
.kizuku-card p { font-size: 14px; color: #666; line-height: 1.8; margin: 0; }
.kizuku-card-dark p { color: #999; }
.kizuku-strength-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 32px; margin-top: 50px;
}
.kizuku-strength-item { display: flex; gap: 20px; align-items: flex-start; }
.kizuku-strength-num {
font-size: 48px; font-weight: 800; color: #c9a96e;
line-height: 1; min-width: 60px; opacity: 0.8;
}
.kizuku-strength-item h3 { font-size: 17px; font-weight: 700; color: #fff; margin: 0 0 8px; }
.kizuku-strength-item p { font-size: 14px; color: #888; line-height: 1.8; margin: 0; }
.kizuku-industrial {
background: #1a1a1a; padding: 80px 40px; position: relative;
}
.kizuku-industrial::before {
content: ”; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background: repeating-linear-gradient(90deg, transparent, transparent 98px, rgba(255,255,255,0.03) 98px, rgba(255,255,255,0.03) 100px);
}
.kizuku-industrial-inner { max-width: 1100px; margin: 0 auto; position: relative; }
.kizuku-industrial-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 60px;
margin-top: 40px; align-items: start;
}
.kizuku-feature-item { padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,0.08); }
.kizuku-feature-item:last-child { border-bottom: none; }
.kizuku-feature-item h3 { font-size: 16px; font-weight: 700; color: #c9a96e; margin: 0 0 10px; }
.kizuku-feature-item p { font-size: 14px; color: #888; line-height: 1.8; margin: 0; }
.kizuku-industrial-visual {
background: linear-gradient(145deg, #252525, #333);
height: 100%; min-height: 400px; display: flex; align-items: center;
justify-content: center; flex-direction: column; gap: 16px; position: relative;
}
.kizuku-industrial-visual::after {
content: ”; position: absolute;
top: 30px; left: 30px; right: 30px; bottom: 30px;
border: 1px solid rgba(201,169,110,0.2);
}
.kizuku-ind-big {
font-size: clamp(32px, 5vw, 56px); font-weight: 800;
color: rgba(201,169,110,0.12); letter-spacing: 4px;
text-transform: uppercase; position: relative;
}
.kizuku-ind-small {
font-size: 12px; letter-spacing: 6px;
color: rgba(201,169,110,0.4); text-transform: uppercase; position: relative;
}
.kizuku-flow {
display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 0; margin-top: 50px; max-width: 1100px; margin-left: auto; margin-right: auto;
}
.kizuku-flow-step {
padding: 40px 24px; text-align: center; position: relative;
background: #f9f9f4; border-right: 1px solid #e0e0d8;
}
.kizuku-flow-step:last-child { border-right: none; }
.kizuku-flow-num {
font-size: 11px; letter-spacing: 4px; color: #c9a96e;
font-weight: 700; margin-bottom: 16px;
}
.kizuku-flow-step h3 { font-size: 16px; font-weight: 700; color: #1a1a1a; margin: 0 0 10px; }
.kizuku-flow-step p { font-size: 13px; color: #888; line-height: 1.7; margin: 0; }
.kizuku-cta { background: #c9a96e; padding: 80px 40px; text-align: center; }
.kizuku-cta h2 {
font-size: clamp(24px, 4vw, 38px); font-weight: 800;
color: #1a1a1a; margin: 0 0 16px;
}
.kizuku-cta p { font-size: 15px; color: #4a3a20; margin-bottom: 40px; }
.kizuku-btn-dark {
display: inline-block; background: #1a1a1a; color: #fff;
padding: 18px 48px; font-size: 14px; font-weight: 700;
letter-spacing: 3px; text-transform: uppercase;
text-decoration: none; transition: all 0.3s;
}
.kizuku-btn-dark:hover { background: #333; color: #fff; }
.kizuku-footer {
background: #0d0d0d; color: #666; padding: 60px 40px 40px; text-align: center;
}
.kizuku-footer-logo { font-size: 24px; font-weight: 700; color: #fff; letter-spacing: 4px; margin-bottom: 8px; }
.kizuku-footer-sub { font-size: 11px; letter-spacing: 4px; color: #555; margin-bottom: 30px; }
.kizuku-footer-nav {
display: flex; justify-content: center; gap: 32px;
flex-wrap: wrap; margin-bottom: 40px;
}
.kizuku-footer-nav a {
color: #888; text-decoration: none; font-size: 13px;
letter-spacing: 1px; transition: color 0.3s;
}
.kizuku-footer-nav a:hover { color: #c9a96e; }
.kizuku-footer-copy {
font-size: 11px; color: #444; letter-spacing: 2px;
border-top: 1px solid #1a1a1a; padding-top: 30px;
}
.kizuku-divider { width: 40px; height: 3px; background: #c9a96e; margin: 20px 0 30px; }
.kizuku-divider-center { margin-left: auto; margin-right: auto; }
@media (max-width: 768px) {
.kizuku-concept-grid, .kizuku-industrial-grid { grid-template-columns: 1fr; }
.kizuku-hero { padding: 80px 24px 60px; }
.kizuku-section, .kizuku-section-dark, .kizuku-section-gray,
.kizuku-industrial, .kizuku-cta { padding: 60px 24px; }
.kizuku-grid-4 { grid-template-columns: 1fr; }
.kizuku-flow { grid-template-columns: 1fr 1fr; }
.kizuku-flow-step { border-right: none; border-bottom: 1px solid #e0e0d8; }
.kizuku-strength-grid { grid-template-columns: 1fr; }
}
RENOVATION × INDUSTRIAL DESIGN
きずく。
— 空間を、築く。暮らしを、気づく。—
マンション・戸建のリノベーションから部分改修、新築オプション工事まで。
インダストリアルデザインを得意とする、空間づくりのプロフェッショナル。
Concept
素材の力を活かし、
空間に物語を。
きずくは「築く」と「気づく」を掛け合わせた社名です。素材が持つ本来の美しさに気づき、それを活かして新しい空間を築いていく。コンクリート、スチール、古材、タイル——素材の表情を大切にしたインダストリアルデザインで、住まう人の個性が光る空間をご提案します。
Services
4つのサービス領域
住まいの規模やご要望に合わせて、最適なリノベーションプランをご提案いたします。
🏢
マンションリノベーション
専有部のフルリノベーション。間取り変更、水回り移設、内装デザインまでトータルでご提案。限られた空間を最大限に活かします。
🏠
戸建リノベーション
構造を活かしながら、新築以上の住み心地へ。耐震補強から断熱改修、デザインリノベーションまで対応いたします。
🔧
部分改修工事
キッチン、浴室、トイレなどの水回りリフォームや、床・壁の張替えなど。小規模な工事もお気軽にご相談ください。
✨
新築オプション工事
新築マンションご購入後すぐのカスタマイズ工事。造作家具、アクセントウォール、照明計画など、入居前に理想の空間を実現します。
Our Specialty
インダストリアルデザイン
という選択。
無骨さの中にある洗練。素材そのものの質感を活かしたインダストリアルスタイルは、
時間とともに味わいを増し、住む人の暮らしに馴染んでいきます。
躯体現し × コンクリート
天井や壁のコンクリートをあえて露出。素材の力強さが空間にリズムと奥行きを生み出します。仕上げの種類によって表情も変化します。
アイアン × スチール
黒皮鉄のシェルフやスチールフレームの建具など、金属素材のディテールが空間を引き締めます。オーダーメイドの造作もお任せください。
古材 × ヴィンテージ
経年変化した木材やヴィンテージパーツを取り入れ、新しいのにどこか懐かしい。唯一無二の空間をつくります。
照明 × 空間演出
裸電球、ダクトレール、間接照明を組み合わせた照明計画。光と影のコントラストがインダストリアル空間の魅力を最大限に引き出します。
INDUSTRIAL
Design Philosophy
Strengths
きずくが選ばれる理由
01
デザイン × 施工の一貫体制
設計・デザインから施工管理まで自社で一貫して対応。コミュニケーションロスのない、スムーズなリノベーションを実現します。
02
素材へのこだわり
コンクリート、スチール、古材など、インダストリアルデザインに欠かせない素材を熟知。素材選びから施工方法まで妥協しません。
03
柔軟な対応力
フルリノベーションから部分改修まで、規模を問わず柔軟に対応。お客様のご予算とご要望に合わせた最適なプランをご提案します。
04
新築オプション工事の実績
新築マンションの引渡し前後のオプション工事に豊富な実績。入居前に理想の住空間へとカスタマイズいたします。
STEP 01
お問い合わせ
まずはお気軽にご連絡ください。ご要望やご予算をお聞かせください。
STEP 02
現地調査・ヒアリング
現地の状況を確認し、詳細なご要望をヒアリングいたします。
STEP 03
プラン・お見積り
デザインプランとお見積りをご提出。ご納得いくまでご調整します。
STEP 04
施工・お引渡し
丁寧な施工で理想の空間を実現。お引渡し後のサポートも安心です。
きずく｜リノベーション 