@import url("../shared/repair-patterns.css");
@import url("/assets/shared/visual-patterns.css");
@import url("../shared/checklist-table.css");
@import url("../shared/cost-equation.css");
@import url("../shared/disclosure-toggle-start.css");
/* B002 page composition. Shared surfaces, type, tables and actions remain canonical. */
.b002-page .b002-skip{position:fixed;top:8px;left:8px;z-index:10000;transform:translateY(-160%);background:#fff;padding:12px}.b002-page .b002-skip:focus{transform:none}
.b002-breadcrumb{padding-block:20px;font-size:13px}.b002-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.b002-breadcrumb li+li::before{content:'›';margin-right:8px;color:var(--color-brand-green-dark)}.b002-breadcrumb a{text-decoration:underline}
.b002-hero{padding-top:24px;background:linear-gradient(180deg,#fff 0%,#eef9f3 100%)}.b002-hero__grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:40px}.b002-hero__label{color:var(--color-brand-green-dark);font-weight:700;margin:0 0 16px}.b002-hero .page-heading{font-size:clamp(30px,3.3vw,48px);line-height:1.4;margin:0 0 20px;letter-spacing:.01em}.b002-hero__lead{font-size:20px;font-weight:700;line-height:1.7;margin-bottom:16px}.b002-hero__copy>p{line-height:1.8}.b002-hero__photo{margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.b002-hero__photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:80px 20px 20px 20px}.b002-hero__photo figcaption{font-size:14px;text-align:center;padding:12px;color:var(--color-brand-green-dark)}.b002-hero__points{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:24px 0}.b002-hero__points li{border:1px solid var(--color-brand-green);background:#fff;color:var(--color-brand-green-dark);padding:6px 10px;font-size:14px;font-weight:700;border-radius:4px}.b002-hero__points a{text-decoration:underline}.b002-hero__actions{display:grid;gap:16px;justify-items:stretch;max-width:480px}.b002-phone{display:flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(26px,3vw,38px);font-weight:800;color:var(--color-brand-green-dark);white-space:nowrap;font-family:Inter,Arial,sans-serif}.b002-hero__actions .phone-cta-note{text-align:center}.b002-sp-break{display:none}
.b002-heading{margin-bottom:28px}.b002-heading>p{margin-top:16px;line-height:1.8}
.b002-tinted{background:#f1faf5}.b002-table-block{margin:36px 0}.b002-table-block h3:not(.content-heading),.b002-warranty-detail h3{margin:0 0 16px;font-size:22px}.b002-table{width:100%;table-layout:fixed;background:#fff}.b002-table th,.b002-table td{overflow-wrap:anywhere}.b002-table th:first-child{width:44%}.b002-table td{vertical-align:middle}.b002-note{padding:28px;margin-top:28px;line-height:1.8}.b002-note h3{margin-bottom:16px;font-size:22px}.b002-note p+p{margin-top:12px}.b002-numbered{padding-left:1.5em;line-height:2}.b002-page #cases .work-card__summary{margin-bottom:16px}.b002-page #cases .work-card__summary dd{overflow-wrap:anywhere}.b002-warranty-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.b002-check-list{display:grid;gap:16px;padding:0;list-style:none}.b002-check-list li{display:flex;align-items:flex-start;gap:10px;min-width:0;line-height:1.7}.b002-check-list li::before{display:none}.b002-check-list .check-list__icon{flex:0 0 24px;color:var(--color-brand-green-dark);margin-top:2px}.b002-page #maintenance .b002-check-list{grid-template-columns:1fr 1fr;gap:20px 40px}.b002-two-columns{grid-template-columns:1fr 1fr;gap:24px}.b002-compact-dl>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-block:10px;border-bottom:1px solid var(--color-border-default)}.b002-compact-dl dd{margin:0;font-weight:700}.b002-area-note{margin-top:16px;padding-bottom:0}
@media(max-width:1199px){.b002-hero__grid{gap:24px}}
@media(max-width:959px){.b002-hero__grid{grid-template-columns:1fr}.b002-hero__photo img{aspect-ratio:2/1;border-radius:40px 12px 12px}.b002-hero__actions{max-width:none;grid-template-columns:1fr 1fr;align-items:center}.b002-hero__copy{max-width:720px}.b002-warranty-detail,.b002-two-columns{grid-template-columns:1fr}}
@media(max-width:767px){.b002-breadcrumb{font-size:11px;padding-block:12px}.b002-hero{padding-top:16px}.b002-hero .page-heading{font-size:30px}.b002-hero__label{font-size:13px}.b002-hero__lead{font-size:18px}.b002-hero__actions{grid-template-columns:1fr}.b002-sp-break{display:block}.b002-hero__photo img{aspect-ratio:2/1}.b002-hero__points{gap:6px;margin-block:20px}.b002-hero__points li{font-size:12px;padding:6px 8px}.b002-note{padding:20px}.b002-note h3{font-size:20px}.b002-warranty-detail{gap:32px}.b002-page #maintenance .b002-check-list{grid-template-columns:1fr;gap:16px}.b002-table th:first-child{width:auto}.b002-table-block h3:not(.content-heading),.b002-warranty-detail h3{font-size:20px}.b002-heading>p{font-size:14px}.b002-hero__photo figcaption{font-size:12px}}

/* B002: keep all five repair steps on one desktop row. */
@media (min-width: 960px) {
  .b002-page #flow .flow-list {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 1.5rem;
  }
  .b002-page #flow .flow-step:not(:last-child)::after {
    right: calc(-.75rem - .375rem);
  }
}


.b002-alert-slot { margin-bottom: 48px; }
.b002-page #makers .b002-note { padding:28px; }
@media(max-width:767px) { .b002-page #makers .b002-note { padding:20px; } }
.b002-page #makers .b002-note > h3 { margin-top:0; }
.b002-page #makers .b002-note > h3 { margin-bottom:8px; }
.b002-page #makers .b002-note > .b002-numbered { margin-top:8px; }
/* Match both outer reason gaps to the standard cases section spacing. */
.b002-page #reason { padding-top:var(--section-padding-standard); padding-bottom:0; }
.b002-page #flow { padding-top:var(--section-padding-standard); }

.b002-page #makers .b002-numbered { list-style:none; padding-left:0; display:grid; gap:8px; }
.b002-page #makers .b002-numbered li { display:flex; align-items:center; gap:12px; }
.b002-page #makers .b002-numbered .number-circle { flex-shrink:0; }

.b002-page #makers .b002-note > :last-child { margin-bottom:0; }
.b002-page #makers .b002-numbered .number-circle { width:1.925rem; height:1.925rem; font-size:.875rem; }
@media(max-width:767px) { .b002-page #makers .b002-numbered .number-circle { width:1.4rem; height:1.4rem; font-size:.7rem; } }

.b002-page .b002-warranty-detail { grid-template-columns:minmax(0,1fr); gap:16px; }

/* Maintenance checklist: two ruled columns, matching the supplied reference. */

/* Warranty exclusions: align checks with the first text line and separate rows. */
.b002-page #warranty .b002-check-list { gap: 0; }
.b002-page #warranty .b002-check-list > li {
  padding: 12px 0;
  border-bottom: 1px solid var(--color-border-default);
}
.b002-page #warranty .b002-check-list .check-list__icon {
  position: static;
  transform: none;
  margin-top: 3.6px;
}

/* F020-01 consultation cards use the shared decision-card heading band. */
.b002-replace-card > .button { margin-top:auto; }
.b002-replace-card .b002-check-list { margin:0 0 24px; }
.b002-replace-card .check-list__icon { position:static; transform:none; }
.b002-replace-card .b002-compact-dl { margin:16px 0 24px; }

.b002-page #replace .checklist-table { grid-template-columns: 1fr; }
.b002-page #cost .cost-equation { box-shadow: var(--shadow-small); }

.b002-replace-card > .checklist-table { margin-bottom:24px; }

.b002-page #maintenance .checklist-table > li:last-child { border-bottom: 0; }
@media(min-width:768px) {
  .b002-page #maintenance .checklist-table > li:nth-last-child(2):nth-child(odd) { border-bottom: 0; }
}
.b002-page #maintenance .section-action .annotation-note { margin-top:16px; text-align:center; }
.b002-page #replace .b002-replace-card > .button { margin-inline: auto; }

.b002-page #maintenance .checklist-table > li > span:last-child { font-weight:700; font-size:18px; }

.b002-page #reason .reason-editorial__content h3 { margin-bottom:4px; }
.b002-page #reason .reason-editorial__list > li { padding-block:12px; }
.b002-page #reason .reason-editorial__list > li:first-child { padding-top:0; }
.b002-page #reason .reason-editorial__list > li:last-child { padding-bottom:0; }

.b002-page #cases .b002-cases-note { margin-top:20px; text-align:center; }

/* B002 lower sections alternate white and the shared gray surface. */
.b002-page #area, .b002-page #faq { background:#fff; }
.b002-page #voice, .b002-page #column { background:var(--color-surface-light-gray); }
.b002-page #cases .b002-cases-note { text-align:left; }

/* Approved FV A: TOP typography and actions, with a separate repair photograph. */

@media(min-width:960px) {
  .b002-page #maintenance .checklist-table > li:nth-last-child(-n+3) { border-bottom:0; }
}

@media(min-width:960px) {
  .b002-page #maintenance .checklist-table > li { padding-inline:8px; gap:8px; }
}

.b002-page #replace .checklist-table > li > span:last-child { font-weight:700; }

/* 支給されたダイキン空調機特約店ロゴ */
.b002-page #trust-stack .trust-item img.trust-item__dealer-logo {
  width: 150px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  /* 原画像の下側に多い余白を補正し、ロゴの字面を天地中央に揃える。 */
  transform: translateY(6px);
}

/* Keep long section introductions inside their split-heading column. */
.b002-page .section-heading__support > p:first-child {
  white-space: normal;
}

/* ヒーロー写真は下端を隠し、スタッフの足元を表示範囲から外す。 */

/* 明るい洗面空間を全面に敷き、本文側は白いレイヤーで可読性を確保。 */

/* FVの特徴を読みやすくし、上部の空きを縮める。 */

/* 注意案内の上下余白を48pxに揃える。 */
.b002-page #symptoms { padding-top: 48px; }

/* FV: F012-03の商品保証・工事保証を特徴の右側に配置 */

/* 注意案内: 採用F案（黄色の見出し帯＋行動案内） */

/* 濃淡2色の黄色による細い斜めストライプ */

/* 注意案内の電話ボタンをショートカットAの寸法へ揃える */

/* FVの保証バッジを上へ調整 */

/* Match the replacement checklist text on small screens. */
@media (max-width: 767px) {
  .b002-page #maintenance .checklist-table > li > span:last-child { font-size: inherit; line-height: 30.6px; }
}

/* Compact only the requested checklist card edges on small screens. */
@media (max-width: 767px) {
  .b002-page #maintenance .b002-maintenance-items > h3,
  .b002-page #replace .b002-replace-card:first-child > h3 { margin-bottom: 12px; }
  .b002-page #maintenance .b002-maintenance-items { padding-bottom: 10px; }
}
