/* 2026-10-07 9/24 XD修正依頼のうち、トップと乗り換えページの3件。 */

/* 24P1-4／24SP1-4: 案内文「気になる項目にチェックしてください」をチェック項目の前に置く。
   未選択のときは、結果欄に同じ文を重ねて出さない（選択後は結果の見出しを表示する）。 */
.switch-diagnosis-c__lead {
  margin: 0;
  padding: 10px 14px 12px;
  color: #17285f;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: .02em;
}
.switch-diagnosis-c[data-diagnosis-route="none"] .switch-diagnosis-c__result-title {
  display: none !important;
}
@media (max-width: 768px) {
  .switch-diagnosis-c__lead {
    padding: 4px 4px 10px;
    font-size: 17px;
  }
}

/* 24P1-6: 小ラベルだった「買取蔵人の導入で変わる」を見出しの1行目に入れる。 */
html body section.results-reference[data-sec="07 RESULT 導入成果"] .rr-title .rr-title-lead,
html body section.results-reference[data-sec="07 RESULT 導入成果"] .rr-title .rr-title-main {
  display: block;
}
html body section.results-reference[data-sec="07 RESULT 導入成果"] .rr-title .rr-title-lead {
  font-size: .7em;
  line-height: 1.5;
}

/* 24P1-18: 比較表の二重丸を、行頭のアイコンからセル中央の背景へ移す。
   色は白へ変更（須藤さんの最新指示 2026-10-08）。文字の左の余白は他の列と同じにする。 */
html body.subpage.switch-page .cmp-wrap .compare tbody td:nth-child(2) {
  padding-left: 22px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23FFFFFF' stroke-opacity='1' stroke-width='7'/%3E%3Ccircle cx='50' cy='50' r='25' fill='none' stroke='%23FFFFFF' stroke-opacity='1' stroke-width='7'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 68px 68px !important;
}
@media (max-width: 768px) {
  html body.subpage.switch-page .cmp-wrap .compare tbody td:nth-child(2) {
    padding-left: 12px !important;
    background-size: 46px 46px !important;
  }
}
@media (max-width: 600px) {
  html body.subpage.switch-page .cmp-wrap .compare tbody td:nth-child(2) {
    padding-left: 8px !important;
    background-size: 38px 38px !important;
  }
}

/* 2026-10-13: breathing room around the two-line mobile diagnosis heading. */
@media (min-width: 361px) and (max-width: 768px) {
  html body #norikae .switch-diagnosis-c__console-bar {
    height: auto !important;
    min-height: 62px;
    padding-block: 8px;
    box-sizing: border-box;
  }
}