/* CDレコ機能 */
.cdreco-feature { background: #fff; color: #404040; }
.cdreco-inner { width: 100%; max-width: 1440px; margin-inline: auto; padding: 64px 24px; }
.cdreco-eyebrow { display: table; margin: 0 auto; padding: 0 20px 3px; border-bottom: 1px solid #404040; font-size: 40px; font-weight: 700; line-height: 1.4; }
.cdreco-title { margin: 42px 0 0; text-align: center; font-size: clamp(28px, 3.61vw, 52px); font-weight: 700; line-height: 1.5; }
.cdreco-lead, .cdreco-about { margin: 40px auto 0; text-align: center; font-size: 22px; line-height: 1.82; }
.cdreco-lead sup { font-size: .65em; }
.cdreco-logo { max-width: 122px; margin: 40px auto 0; }
.cdreco-about { margin-top: 24px; }
.cdreco-diagram { max-width: 1000px; margin: 40px auto 0; }
.cdreco-icons { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; max-width: 1000px; margin: 38px auto 0; padding: 0; list-style: none; }
.cdreco-icons li { min-width: 0; }
.cdreco-app { max-width: 653px; margin: 48px auto 0; }
.cdreco-app-link { display: block; margin: 14px auto 0; color: #003b85; font-size: 14px; line-height: 1.8; text-align: center; }
@media (max-width: 767px) {
  .cdreco-inner { padding: 48px 20px; }
  .cdreco-eyebrow { font-size: 24px; }
  .cdreco-title { margin-top: 28px; font-size: 28px; }
  .cdreco-lead, .cdreco-about { font-size: 16px; line-height: 1.9; text-align: left; margin-top: 24px; }
  .cdreco-pc-break { display: none; }
  .cdreco-logo { max-width: 100px; margin-top: 32px; }
  .cdreco-diagram { margin-top: 32px; }
  /* スマホ：左から右、上から下の順で横2列×縦4行 */
  .cdreco-icons { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: 320px; margin-top: 32px; }
  .cdreco-app { margin-top: 32px; }
  .cdreco-app-link { font-size: 12px; }
}

.cdreco-image { width:100%; }
.cdreco-image img { display:block; width:100%; height:auto; }