リノベーション事例ギャラリー

<style>

.renovation-gallery {

display: grid;

grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

gap: 24px;

margin-top: 30px;

margin-bottom: 50px;

}

.renovation-card {

border-radius: 12px;

overflow: hidden;

box-shadow: 0 6px 16px rgba(0,0,0,0.12);

transition: transform 0.3s ease, box-shadow 0.3s ease;

}

.renovation-card:hover {

transform: translateY(-4px);

box-shadow: 0 12px 24px rgba(0,0,0,0.15);

}

.renovation-card-image {

width: 100%;

height: 220px;

background-size: cover;

background-position: center;

}

.renovation-card-content {

padding: 16px;

}

.renovation-card-title {

font-size: 18px;

font-weight: 600;

margin-bottom: 8px;

color: #222222;

}

.renovation-card-company {

font-size: 14px;

color: #717171;

margin-bottom: 8px;

}

.renovation-card-description {

font-size: 14px;

color: #222222;

margin-bottom: 12px;

line-height: 1.4;

}

.renovation-card-link {

display: inline-block;

color: #FF385C;

font-weight: 500;

text-decoration: none;

}

.renovation-card-link:hover {

text-decoration: underline;

}

</style>

<h2>リノベーション事例ギャラリー</h2>

<p>以下にリノベーション会社の事例をご紹介します。様々なスタイルやニーズに合わせた事例をご覧いただけます。</p>

<!– ゼロリノベ事例 –>

<div class=”renovation-card-title”>モダンミニマルリビング</div>

<div class=”renovation-card-company”>ゼロリノベ</div>

<div class=”renovation-card-description”>シンプルで洗練された空間。無駄を省いたミニマルデザインで、都会的な雰囲気を演出しています。</div>

<a href=”https://www.zerorenovation.co.jp/works” class=”renovation-card-link”>詳細を見る</a>

</div>

<!–

リノベーション事例ギャラリー

I’m Leia Acosta, a passionate photographer who finds inspiration in capturing the fleeting beauty of life.