【下呂市】木造住宅耐震改修工事費補助金（R7）最大117.5万円！申請条件・流れ

body {
font-family: sans-serif;
line-height: 1.6;
color: #333;
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
color: #111;
line-height: 1.2;
margin-bottom: 0.5em;
}

h2 {
font-size: 1.5em;
border-bottom: 2px solid #111;
padding-bottom: 0.3em;
margin-top: 1.5em;
}

h3 {
font-size: 1.2em;
margin-top: 1.2em;
}

p {
margin-bottom: 1em;
}

ul, ol {
margin-bottom: 1em;
padding-left: 20px;
}

li {
margin-bottom: 0.5em;
}

a {
color: #007bff;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.container {
width: 90%;
max-width: 960px;
margin: 0 auto;
padding: 20px;
}

/* ポイントボックス */
.point-box {
background: #f5f5f5;
border: 1px solid #333;
padding: 20px;
margin: 20px 0;
}

.point-box h4 {
margin: 0 0 10px 0;
color: #333;
}

.point-box p {
margin: 0;
}

/* 注意ボックス */
.attention-box {
background: #fff;
border-left: 4px solid #333;
padding: 15px;
margin: 20px 0;
}

.attention-box strong {
font-weight: bold;
}

/* テーブル */
.table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}

.table th, .table td {
padding: 10px;
border: 1px solid #ddd;
text-align: left;
}

.table th {
background: #333;
color: #fff;
}

/* Q&A */
.qa-box {
margin: 20px 0;
}

.qa-box .question {
background: #333;
color: #fff;
padding: 10px 15px;
}

.qa-box .answer {
background: #f5f5f5;
padding: 15px;
border: 1px solid #ddd;
border-top: none;
}

/* スタイル追加 */
.important-point-box {
background: #FEF3C7;
border-left: 4px solid #D97706;
padding: 20px 24px;
margin: 24px 0;
}

.important-point-box p {
font-weight: 900;
font-size: 16px;
margin: 0 0 14px 0;
color: #92400E;
}

.important-point-box ul {
margin: 0;
padding-left: 20px;
list-style: disc;
}

.important-point-box li {
margin-bottom: 10px;
color: #92400E;
}

.target-table {
width: 100%;
border-collapse: collapse;
margin: 24px 0;
}

.target-table thead tr {
background: #111;
color: #fff;
}

.target-table th, .target-table td {
padding: 14px 18px;
border: 1px solid #333;
text-align: left;
font-weight: 700;
}

.target-table th {
width: auto;
}

.target-table td {
font-weight: normal;
background: #fff;
}

.target-table tbody tr:nth-child(even) td {
background: #fafafa;
}

.target-table .center {
text-align: center;
}

.target-table .green {
color: #059669;
}

.target-table .red {
color: #DC2626;
}

.amount-highlight {
display: flex;
gap: 20px;
flex-wrap: wrap;
margin: 28px 0;
}

.amount-highlight div {
flex: 1;
min-width: 200px;
color: #fff;
padding: 24px;
text-align: center;
}

.amount-highlight div:first-child {
background: linear-gradient(135deg, #059669 0%, #047857 100%);
}

.amount-highlight div:last-child {
background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
}

.amount-highlight p:first-child {
font-size: 13px;
margin: 0 0 8px 0;
opacity: 0.9;
}

.amount-highlight p:last-child {
font-size: 28px;
font-weight: 900;
margin: 0;
}

.calculation-detail {
font-size: 15px;
color: #4b5563;
margin-bottom: 20px;
line-height: 1.8;
background: #f5f5f5;
padding: 16px;
}

.related-subsidy-table {
width: 100%;
border-collapse: collapse;
margin: 24px 0;
}

.related-subsidy-table thead tr {
background: #111;
color: #fff;
}

.related-subsidy-table th, .related-subsidy-table td {
padding: 14px 18px;
border: 1px solid #333;
text-align: left;
font-weight: 700;
}

.related-subsidy-table td {
font-weight: normal;
background: #fff;
}

.related-subsidy-table tbody tr:nth-child(even) td {
background: #fafafa;
}

.expenses-table {
width: 100%;
border-collapse: collapse;
margin: 24px 0;
}

.expenses-table thead tr {
background: #111;
color: #fff;
}

.expenses-table th, .expenses-table td {
padding: 14px 18px;
border: 1px solid #333;
text-align: left;
font-weight: 700;
}

.expenses-table td {
font-weight: normal;
background: #fff;
}

.expenses-table tbody tr:nth-child(even) td {
background: #fafafa;
}

.flow-step {
display: flex;
gap: 20px;
padding: 24px;
background: #f5f5f5;
border-left: 4px solid #111;
margin-bottom: 10px;
}

.flow-step .step-number {
width: 56px;
height: 56px;
background: #111;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 900;
flex-shrink: 0;
}

.flow-step .step-content {
flex: 1;
}

.flow-step .step-content h4 {
font-size: 18px;
font-weight: 700;
margin-bottom: 6px;
color: #111;
}

.flow-step .step-content p {
font-size: 15px;
color: #4b5563;
line-height: 1.7;
}

.success-point-box {
background: #D1FAE5;
border-left: 4px solid #059669;
padding: 20px 24px;
margin: 24px 0;
}

.success-point-box ol {
margin: 0;
padding-left: 24px;
list-style: decimal;
}

.success-point-box li {
margin-bottom: 14px;
color: #047857;
}

.success-point-box li span {
font-weight: normal;
}

.failure-point-box {
background: #FEE2E2;
border-left: 4px solid #DC2626;
padding: 20px 24px;
margin: 24px 0;
}

.failure-point-box ul {
margin: 0;
padding-left: 20px;
list-style: disc;
}

.failure-point-box li {
margin-bottom: 12px;
color: #991B1B;
}

.example-box {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 28px 0;
}

.example-box div {
flex: 1;
min-width: 280px;
background: #fff;
border: 2px solid #e5e5e5;
padding: 24px;
}

.example-box div p {
font-size: 14px;
color: #4b5563;
margin: 0;
line-height: 1.7;
}

.example-box .category {
font-size: 13px;
color: #888;
margin-bottom: 6px;
}

.example-box .amount {
font-size: 22px;
font-weight: 900;
color: #059669;
margin-bottom: 12px;
}

details {
border: 1px solid #e5e5e5;
background: #fff;
margin-bottom: 12px;
}

summary {
display: flex;
align-items: center;
gap: 16px;
padding: 20px;
font-size: 16px;
font-weight: 700;
color: #111;
cursor: pointer;
list-style: none;
}

summary span:first-child {
width: 28px;
height: 28px;
background: #111;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 900;
flex-shrink: 0;
}

details div {
padding: 0 20px 20px 64px;
font-size: 16px;
line-height: 1.8;
color: #4b5563;
}

.conclusion {
background: #111;
color: #fff;
padding: 28px;
margin: 28px 0;
}

.conclusion p {
font-size: 16px;
line-height: 2;
margin: 0 0 16px 0;
}

.cta {
background: linear-gradient(135deg, #111 0%, #333 100%);
color: #fff;
padding: 32px;
margin: 32px 0;
text-align: center;
}

.cta p:first-child {
font-size: 18px;
font-weight: 700;
margin: 0 0 12px 0;
}

.cta p:last-child {
font-size: 15px;
margin: 0 0 20px 0;
opacity: 0.9;
}

.disclaimer {
background: #f5f5f5;
padding: 20px;
margin: 32px 0;
font-size: 13px;
color: #666;
line-height: 1.7;
}