@charset "UTF-8";
/* 05_中古車販売_pc / 1440x5824 */

.lead--use { height: 681px; padding-top: 73px; }         /* デザイン y=415 */
.deco-blob--u1 { top: -276px; left: calc(50% + 381px); width: 449px; height: 491px; }
.deco-blob--u2 { top:   -9px; left: calc(50% - 924px); width: 555px; height: 606px; }
.lead--use .lead__photo { height: 445px; }
.crop--use-hero > img { left: -20px; top: -30px; width: 510px; height: 505px; }

.points-sec--use { height: 1360px; }
.crop--use-p1 > img { left: -16px; top: -40px; width: 502px; height: 335px; }
.crop--use-p2 > img { left: -16px; top: -40px; width: 502px; height: 335px; }
.crop--use-p3 > img { left: -16px; top: -40px; width: 502px; height: 335px; }
.crop--use-p4 > img { left: -16px; top: -40px; width: 502px; height: 335px; }

.flow--use { height: 599px; padding-top: 120px; }        /* デザイン y=2503 */

/* 展示前の点検・整備（左見出し + 右リスト） */
.check { height: 854px; padding-top: 100px; background: #fff; }
.check__inner { width: 1200px; margin-inline: auto; display: flex; justify-content: space-between; gap: 40px; }
.check__head { width: 380px; }
.check__title { margin-top: 12px; font-size: 32px; line-height: 48px; font-weight: 500; color: var(--ink); }
.check__lead { margin-top: 20px; font-size: 16px; line-height: 32px; font-weight: 500; color: var(--ink); }

.check__list { width: 780px; }
.check-item { display: flex; align-items: center; gap: 32px; padding: 32px 0; border-top: 1px solid #d8f5e6; }
.check-item:last-child { border-bottom: 1px solid #d8f5e6; }
.check-item__ico { flex: none; width: 100px; height: 100px; border-radius: 50%; background: #eef7ed; }
.check-item__ico img { width: 100%; height: 100%; }
.check-item__body { flex: 1; }
.check-item__title { font-size: 22px; line-height: 31px; font-weight: 700; color: var(--green); }
.check-item__no { font-family: var(--ff-en); font-size: 16px; line-height: 18px; font-weight: 500; color: var(--green-mid); margin-right: 4px; }
.check-item__text { margin-top: 12px; font-size: 16px; line-height: 32px; font-weight: 500; color: #261d1b; }

.faq { height: 1104px; }

/* 納車までの流れ：SP のみ「ご来店・受付」のように 1 行で見せるための区切り（PC は改行表示） */
.flow-step__sep { display: none; }

/* ============================================================
   SP（760px 以下 / 05_中古車販売）
   ============================================================ */
@media (max-width: 760px) {
  .deco-blob--u1, .deco-blob--u2 { display: none; }

  .lead--use .lead__photo { height: 220px; }
  .crop--use-hero > img { left: 0; top: 0; width: 100%; height: 100%; }

  .crop--use-p1 > img, .crop--use-p2 > img,
  .crop--use-p3 > img, .crop--use-p4 > img { left: 0; top: 0; width: 100%; height: 100%; }

  /* 展示前の点検・整備 */
  .check { height: auto; padding: 60px 0; background: #fff; }
  .check__inner { width: auto; padding: 0 16px; flex-direction: column; gap: 24px; }
  .check__head { width: 100%; }
  .check__title { margin-top: 12px; font-size: 22px; line-height: 33px; }
  .check__lead { margin-top: 16px; font-size: 14px; line-height: 26px; }
  .check__list { width: 100%; }
  .check-item { gap: 16px; padding: 20px 0; }
  .check-item__ico { width: 64px; height: 64px; }
  .check-item__title { font-size: 17px; line-height: 24px; }
  .check-item__text { margin-top: 8px; font-size: 14px; line-height: 24px; }

  /* ============================================================
     SP デザイン（05_中古車販売_sp）に合わせた上書き
     detail.css / sp.css は他のサービス詳細ページと共用のため、
     body.page-usedcar で範囲を絞ってこのページだけに適用する。
     ============================================================ */

  /* 見出しラベル・セクション見出し */
  .page-usedcar main .label { font-size: 13px; line-height: 13px; gap: 8px; }
  .page-usedcar main .label__dot { width: 6px; height: 6px; }
  .page-usedcar main .sec-title { font-size: 26px; line-height: 39px; }

  /* 導入：写真 → ラベル → 見出し → 本文 */
  .page-usedcar section.lead { padding: 37px 0 40px; }
  .page-usedcar .lead__inner { width: auto; padding: 0 16px; gap: 20px; }
  .page-usedcar .lead__photo { order: -1; height: 240px; border-radius: 6px; }
  .page-usedcar .lead__chips { margin-top: 8px; gap: 10px; }
  .page-usedcar .lead__chip--sm { min-height: 32px; padding: 0 12px 2px; font-size: 16px; line-height: 16px; }
  .page-usedcar .lead__chip--lg { min-height: 50px; padding: 0 12px 2px; font-size: 24px; line-height: 24px; }
  .page-usedcar .lead__text { margin-top: 16px; font-size: 14px; line-height: 16px; letter-spacing: 0; font-weight: 500; }
  /* 1 文ごとに少し間をあける（見本は文ごとに段落のような間隔） */
  .page-usedcar .lead__line { display: block; }
  .page-usedcar .lead__line:not(:first-child) { margin-top: 6px; }
  .page-usedcar .lead__text br { display: none; }

  /* お客様から選ばれる理由：縦書き POINT ＋ 写真、写真の下端に見出しをかぶせる */
  .page-usedcar section.points-sec { padding-bottom: 40px; }
  .page-usedcar .points-sec__head { padding-top: 62px; }
  .page-usedcar .points-sec__head .sec-title { margin-top: 8px; }
  .page-usedcar .points-grid { margin: 22px 16px 0; gap: 16px; }
  .page-usedcar .point-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 9px;
    padding: 20px 16px 22px;
  }
  .page-usedcar .point-card__no { grid-area: 1 / 1; align-self: start; margin: 0; writing-mode: vertical-rl; gap: 6px; font-size: 12px; line-height: 12px; }
  .page-usedcar .point-card__no .label__dot { width: 4px; height: 4px; }
  .page-usedcar .point-card__photo { grid-area: 1 / 2; width: 100%; height: auto; aspect-ratio: 290 / 161; border-radius: 6px; }
  .page-usedcar .point-card__chips { grid-area: 2 / 1 / 3 / 3; position: relative; left: auto; top: auto; z-index: 1; margin-top: -53px; gap: 7px; }
  .page-usedcar .point-card__chip--sm { min-height: 28px; padding: 0 8px 2px; font-size: 14px; line-height: 14px; }
  .page-usedcar .point-card__chip--lg { min-height: 38px; padding: 0 8px 2px; font-size: 22px; line-height: 22px; }
  .page-usedcar .point-card__text { grid-area: 3 / 1 / 4 / 3; margin-top: 14px; font-size: 14px; line-height: 26px; }

  /* 納車までの流れ：横長カードを縦に並べる */
  .page-usedcar section.flow { padding: 66px 0 104px; }
  .page-usedcar .flow__head .sec-title { margin-top: 8px; }
  .page-usedcar .flow__list { flex-direction: column; flex-wrap: nowrap; margin: 20px 16px 0; gap: 8px; }
  .page-usedcar .flow-step {
    display: flex;
    align-items: center;
    gap: 22px;
    width: 100%;
    height: 112px;
    padding: 0 16px 0 29px;
    border-radius: 30px;
    text-align: left;
  }
  .page-usedcar .flow-step__num { left: 16px; top: 15px; z-index: 1; width: 30px; height: 30px; font-size: 15px; line-height: 15px; }
  .page-usedcar .flow-step__ico { flex: none; width: 80px; height: 80px; margin: 0; }
  .page-usedcar .flow-step__ico img { width: 100%; height: 100%; }
  .page-usedcar .flow-step__label { margin-top: 0; font-size: 17px; line-height: 30px; letter-spacing: .08em; }
  .page-usedcar .flow-step__sep { display: inline; }
  .page-usedcar .flow-step__br { display: none; }

  /* 展示前の点検・整備：緑帯の見出し、アイコンを上に置いた縦並び */
  .page-usedcar .check { padding: 36px 0 60px; }
  .page-usedcar .check__inner { padding: 0 18px; gap: 20px; }
  .page-usedcar .check__title { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; margin-top: 9px; }
  .page-usedcar .check__title br { display: none; }
  .page-usedcar .check__title-sm,
  .page-usedcar .check__title-lg {
    display: inline-flex;
    align-items: center;
    padding: 0 12px 2px;
    background: var(--green);
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
  }
  .page-usedcar .check__title-sm { min-height: 32px; font-size: 17px; line-height: 17px; }
  .page-usedcar .check__title-lg { min-height: 50px; font-size: 26px; line-height: 26px; }
  .page-usedcar .check__lead { margin-top: 22px; font-size: 14px; line-height: 28px; }
  .page-usedcar .check-item { flex-direction: column; align-items: flex-start; gap: 16px; padding: 25px 0 22px; border-top: 0; border-bottom: 1px solid #e5e2dc; }
  .page-usedcar .check-item:first-child { padding-top: 0; }
  .page-usedcar .check-item__ico { width: 80px; height: 80px; }
  .page-usedcar .check-item__title { font-size: 19px; line-height: 24px; }
  .page-usedcar .check-item__no { font-size: 14px; }
  .page-usedcar .check-item__text { margin-top: 6px; font-size: 14px; line-height: 28px; }

  /* よくある質問 */
  .page-usedcar section.faq { padding: 116px 0 114px; }
  .page-usedcar .faq__head .sec-title { margin-top: 8px; }
  .page-usedcar .faq__list { margin: 20px 16px 0; gap: 10px; }
  .page-usedcar .faq-item { padding: 18px 12px 18px 10px; border-radius: 3px; }
  .page-usedcar .faq-item__q { gap: 8px; min-height: 24px; }
  .page-usedcar .faq-item__q > span:first-child { gap: 6px; }
  .page-usedcar .faq-item__mark { font-size: 15px; }
  .page-usedcar .faq-item__text { font-size: 16px; line-height: 24px; color: #222; }
  .page-usedcar .faq-item__btn { width: 22px; height: 22px; }
  .page-usedcar .faq-item__btn::before,
  .page-usedcar .faq-item__btn::after { left: 5px; top: 10px; width: 12px; height: 2px; }
  .page-usedcar .faq-item__body { margin-top: 16px; padding-top: 16px; align-items: flex-start; }
  .page-usedcar .faq-item__body .faq-item__mark { line-height: 24px; }
  .page-usedcar .faq-item__body p { font-size: 14.5px; line-height: 24px; }
}