/* 内灘町 施工事例専用 */
.yours-case-study {
margin: 40px 0;
color: #303842;
font-size: 16px;
line-height: 1.9;
overflow-wrap: anywhere;
}
.yours-case-study * {
box-sizing: border-box;
}
.yours-case-study h2 {
font-size: clamp(21px, 3.5vw, 27px);
font-weight: 700;
line-height: 1.5;
color: #174b70;
border-left: 6px solid #1680b4;
border-bottom: 2px solid #dcebf3;
background: #f0f8fc;
padding: 18px 20px;
margin: 0 0 26px;
border-radius: 0 8px 8px 0;
}
.yours-case-study h3 {
font-size: clamp(18px, 3vw, 22px);
font-weight: 700;
color: #176b62;
border-left: 5px solid #21a188;
background: #f1faf7;
padding: 12px 16px;
margin: 34px 0 20px;
border-radius: 0 6px 6px 0;
}
.yours-case-study p {
margin: 0 0 20px;
line-height: 2;
}
/* ポジティブ:青 */
.yours-case-study .positive {
color: #0868a8;
font-weight: 700;
background: linear-gradient(
transparent 68%,
#d9f0ff 68%
);
padding: 0 2px;
}
/* ポジティブ:緑 */
.yours-case-study .positive-green {
color: #087c60;
font-weight: 700;
background: linear-gradient(
transparent 68%,
#d8f5e8 68%
);
padding: 0 2px;
}
/* ネガティブ:赤・ピンク */
.yours-case-study .negative {
color: #c52b48;
font-weight: 700;
background: linear-gradient(
transparent 62%,
#ffe0e8 62%
);
padding: 0 2px;
}
/* 施工方法の表 */
.yours-case-study .table-scroll {
width: 100%;
overflow-x: auto;
margin: 20px 0 28px;
border-radius: 10px;
box-shadow: 0 3px 14px rgba(0, 65, 100, .08);
}
.yours-case-study table {
width: 100%;
border-collapse: collapse;
background: #ffffff;
margin: 0;
min-width: 320px;
}
.yours-case-study th {
background: #176b88;
color: #ffffff;
font-weight: 700;
text-align: left;
padding: 15px 18px;
border: 1px solid #d4e4eb;
}
.yours-case-study td {
padding: 16px 18px;
border: 1px solid #d4e4eb;
vertical-align: middle;
}
.yours-case-study tr:nth-child(odd) td {
background: #f5fafc;
}
.yours-case-study tr:nth-child(even) td {
background: #f2faf6;
}
.yours-case-study td:first-child {
font-weight: 700;
color: #344b5a;
}
/* 緑色の成果ボックス */
.yours-case-study .green-box {
background: #effaf4;
border: 1px solid #b9e4ce;
border-left: 6px solid #21a174;
padding: 22px 24px;
margin: 28px 0;
border-radius: 8px;
box-shadow: 0 3px 12px rgba(0, 100, 70, .05);
}
.yours-case-study .green-box p {
margin: 0;
line-height: 2;
}
/* 施工前・施工後 */
.yours-case-study .image-pair {
display: flex;
flex-wrap: wrap;
gap: 18px;
margin: 22px 0 28px;
}
.yours-case-study .image-pair figure {
flex: 1 1 220px;
margin: 0;
text-align: center;
border: 1px solid #dbe5eb;
border-radius: 10px;
overflow: hidden;
background: #ffffff;
box-shadow: 0 3px 12px rgba(0, 0, 0, .06);
}
.yours-case-study .image-pair img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
}
.yours-case-study figcaption {
font-size: 15px;
font-weight: 700;
padding: 10px 12px;
background: #f4f8fa;
color: #405466;
}
/* 施工前はピンク、施工後は緑 */
.yours-case-study .image-pair figure:first-child {
border-color: #efc1cd;
}
.yours-case-study .image-pair figure:first-child figcaption {
background: #fff0f4;
color: #ba3655;
}
.yours-case-study .image-pair figure:last-child {
border-color: #a8dcc6;
}
.yours-case-study .image-pair figure:last-child figcaption {
background: #eaf9f0;
color: #087b57;
}
/* 施工事例への誘導 */
.yours-case-study .positive-box {
background: linear-gradient(
135deg,
#edf8ff 0%,
#effaf5 100%
);
border: 1px solid #b7dce9;
border-left: 6px solid #1682b3;
padding: 26px;
margin: 30px 0;
border-radius: 10px;
box-shadow: 0 4px 16px rgba(0, 80, 120, .07);
}
.yours-case-study .positive-box p {
line-height: 1.9;
}
.yours-case-study .positive-box a {
display: inline-block;
background: #176b62;
color: #ffffff !important;
padding: 14px 22px;
border-radius: 6px;
text-decoration: none !important;
font-weight: 700;
line-height: 1.6;
text-align: center;
transition: background .2s ease,
box-shadow .2s ease;
box-shadow: 0 4px 10px rgba(0, 90, 75, .16);
}
.yours-case-study .positive-box a:hover {
background: #0e554d;
box-shadow: 0 5px 15px rgba(0, 90, 75, .23);
}
.yours-case-study .positive-box a:focus-visible {
outline: 3px solid #1682b3;
outline-offset: 3px;
}
/* スマートフォン */
@media screen and (max-width: 600px) {
.yours-case-study {
font-size: 15px;
line-height: 1.85;
}
.yours-case-study h2 {
padding: 15px 14px;
}
.yours-case-study h3 {
padding: 11px 13px;
}
.yours-case-study th,
.yours-case-study td {
padding: 12px 10px;
font-size: 14px;
}
.yours-case-study .green-box,
.yours-case-study .positive-box {
padding: 18px 15px;
}
.yours-case-study .image-pair {
gap: 14px;
}
.yours-case-study .positive-box a {
display: block;
width: 100%;
padding: 15px 12px;
font-size: 14px;
}
}
【実際の施工事例】内灘町|築40年のアパートで外壁塗装と板金工事を組み合わせたリフォーム
株式会社ユアーズでは、実際に石川県河北郡内灘町の築40年のアパートで、 外壁塗装と板金工事を組み合わせた外壁リフォーム を実施しました。
施工前は、外壁全面に塗膜の剥がれが広がっている状態でした。 そこで、すべての外壁を同じ方法で施工するのではなく、 外壁の状態に合わせて工法を分けました。
実際に採用した施工方法
施工箇所
施工方法
南面・東面
角波板金による外壁改修
北面・西面
シリコン塗料による外壁塗装
外壁の状態に応じて塗装と板金を使い分けることで、 工事費用・耐久性・外観デザインのバランスを考慮したリフォームを実現しました。
施工前・施工後の比較
施工前
施工後
この施工事例は、 「全面塗装か全面板金か」という二択に限定せず、 建物に合わせて工法を組み合わせられる ことを示す実例です。
「塗装と板金を組み合わせると、実際にどのような仕上がりになるのか?」
施工前の劣化状況から、工法の選定、施工後の仕上がりまで、 実際の工事内容をご確認いただけます。
内灘町の外壁塗装・板金工事の施工事例を見る →