.cn-company { margin: 0 0 40px; }
.cn-company__title { margin: 0 0 16px; font-size: 20px; font-weight: 700; line-height: 1.4; }
.cn-company__table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 15px; line-height: 1.7; color: #333; }
.cn-company__table th,
.cn-company__table td { padding: 14px 16px; border: 1px solid #d9d9d9; text-align: left; vertical-align: top; word-break: break-word; overflow-wrap: anywhere; }
.cn-company__table th { width: 180px; background: #f5f5f3; font-weight: 600; white-space: nowrap; }
.cn-company__table td { background: #fff; }
.cn-company__table td.is-multiline { white-space: pre-line; }

@media screen and (max-width: 480px) {
  .cn-company__title { font-size: 18px; }
  .cn-company__table,
  .cn-company__table tbody,
  .cn-company__table tr,
  .cn-company__table th,
  .cn-company__table td { display: block; width: 100%; box-sizing: border-box; }
  .cn-company__table { font-size: 14px; border-top: 1px solid #d9d9d9; }
  .cn-company__table th,
  .cn-company__table td { border-top: none; }
  .cn-company__table th { padding: 8px 12px; white-space: normal; }
  .cn-company__table td { padding: 10px 12px 14px; }
}

/* ===== 対応工事（ここから本番用CSS） ===== */
.cn-works { margin: 0 0 40px; }
.cn-works__title { margin: 0 0 16px; font-size: 20px; font-weight: 700; line-height: 1.4; }
.cn-works__group { display: flex; gap: 20px; align-items: flex-start; padding: 16px 0; border-top: 1px solid #e3e3df; }
.cn-works__group:last-child { border-bottom: 1px solid #e3e3df; }
.cn-works__head { width: 170px; flex-shrink: 0; padding-top: 4px; }
.cn-works__name { display: block; font-size: 15px; font-weight: 700; line-height: 1.5; }
.cn-works__note { display: block; font-size: 12px; color: #777; line-height: 1.5; }
.cn-works__tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.cn-works__tag { display: inline-block; padding: 7px 16px; border: 1px solid #9a9a95; border-radius: 999px; font-size: 14px; line-height: 1.5; color: #333; text-decoration: none; }
a.cn-works__tag::after { content: " ›"; color: #999; }
a.cn-works__tag:hover { background: #2b2b2b; border-color: #2b2b2b; color: #fff; }
 
@media screen and (max-width: 480px) {
  .cn-works__title { font-size: 18px; }
  .cn-works__group { display: block; }
  .cn-works__head { width: auto; padding: 0 0 10px; }
  .cn-works__name { display: inline; font-size: 14px; }
  .cn-works__note { display: inline; margin-left: 6px; }
  .cn-works__tags { gap: 8px; }
  .cn-works__tag { padding: 6px 12px; font-size: 13px; }
}
/* ===== ここまで本番用CSS ===== */
 
/* ===== 会社紹介（ここから本番用CSS） ===== */
.cn-intro { margin: 0 0 40px; }
.cn-intro__title { margin: 0 0 16px; font-size: 20px; font-weight: 700; line-height: 1.4; }
.cn-intro__body { margin: 0; padding: 24px 28px; background: #f5f5f3; border-left: 4px solid #2b2b2b; font-size: 15px; line-height: 1.9; color: #333; white-space: pre-line; }
 
@media screen and (max-width: 480px) {
  .cn-intro__title { font-size: 18px; }
  .cn-intro__body { padding: 16px 16px 16px 14px; border-left-width: 3px; font-size: 14px; line-height: 1.8; }
}
/* ===== ここまで本番用CSS ===== */
 
/* ===== 対応エリア（ここから本番用CSS） ===== */
.cn-area { margin: 0 0 40px; }
.cn-area__title { margin: 0 0 16px; font-size: 20px; font-weight: 700; line-height: 1.4; }
.cn-area__box { display: flex; gap: 16px; align-items: flex-start; padding: 20px 24px; border: 1px solid #d9d9d9; background: #fff; }
.cn-area__icon { flex-shrink: 0; width: 22px; height: 22px; margin-top: 3px; color: #2b2b2b; }
.cn-area__text { margin: 0; font-size: 15px; line-height: 1.9; color: #333; white-space: pre-line; overflow-wrap: anywhere; }
.cn-area__note { margin: 10px 0 0; font-size: 12px; line-height: 1.6; color: #777; }
 
@media screen and (max-width: 480px) {
  .cn-area__title { font-size: 18px; }
  .cn-area__box { gap: 10px; padding: 14px; }
  .cn-area__icon { width: 18px; height: 18px; margin-top: 3px; }
  .cn-area__text { font-size: 14px; line-height: 1.8; }
}
/* ===== ここまで本番用CSS ===== */