@charset "UTF-8";
/* 07_車検点検_pc / 1440x6754 */
.lead--insp { height: auto; padding: 100px 0; }        /* デザイン y=442（本文が長いため高さ可変） */
.deco-blob--n1 { top: -141px; left: calc(50% + 383px); width: 449px; height: 487px; }
.deco-blob--n2 { top:  124px; left: calc(50% - 922px); width: 555px; height: 601px; }
.lead--insp .lead__photo { height: 380px; }
.crop--insp-hero > img { left: -20px; top: -30px; width: 510px; height: 440px; }

.points-sec--insp { height: 1378px; }
.points-sec--insp .points-sec__head { padding-top: 100px; }
.point-card__text--ink { color: var(--ink); line-height: 32px; }
.crop--insp-p1 > img { left: -16px; top: -40px; width: 502px; height: 335px; }
.crop--insp-p2 > img { left: -16px; top: -20px; width: 502px; height: 277px; }
.crop--insp-p3 > img { left: -16px; top: -40px; width: 502px; height: 335px; }
.crop--insp-p4 > img { left: -16px; top: -40px; width: 502px; height: 335px; }

/* 私たちだからできる豊富な対応内容（白地・左見出し + 右リスト） */
.merit { padding: 100px 0; background: #fff; }
.merit__inner { width: 1200px; margin-inline: auto; display: flex; justify-content: space-between; gap: 40px; }
.merit__head { width: 326px; }
.merit__chips { margin-top: 12px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.merit__lead { margin-top: 24px; font-size: 16px; line-height: 32px; font-weight: 500; color: #261d1b; }

.merit__list { width: 780px; }
.merit-item { display: flex; align-items: center; gap: 40px; padding: 32px 0; border-top: 1px solid #d8f5e6; }
.merit-item:last-child { border-bottom: 1px solid #d8f5e6; }
.merit-item__ico {
  flex: none;
  width: 100px; height: 100px;
  border-radius: 50%;
  background: #eef7ed;
  display: grid;
  place-items: center;
}
.merit-item__ico img { width: auto; height: auto; max-width: 56px; max-height: 56px; }
.merit-item__body { width: 640px; }
.merit-item__title { font-size: 22px; line-height: 31px; font-weight: 700; color: var(--green); }
.merit-item__no { font-family: var(--ff-en); font-size: 16px; line-height: 18px; font-weight: 500; color: var(--green-mid); margin-right: 4px; }
.merit-item__text { margin-top: 12px; font-size: 16px; line-height: 32px; font-weight: 500; color: #261d1b; }
.merit-item__box {
  margin-top: 16px;
  padding: 24px 32px;
  background: var(--cream);
  border-radius: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(2, auto);
  grid-auto-flow: column;
  column-gap: 24px;
  row-gap: 12px;
}
.merit-item__box li { position: relative; padding-left: 16px; font-size: 16px; line-height: 1.8; font-weight: 500; color: #261d1b; }
.merit-item__box li::before { content: "・"; position: absolute; left: 0; }

.flow--insp { height: 535px; }        /* .flow__head 側の padding-top:100px と二重になっていたため削除 */
.flow-step__icoimg { width: 56px; height: 56px; object-fit: contain; }

/* 車検料金 */
.price { height: auto; padding: 74px 0 100px; background: #fff; text-align: center; }
.price__head .label { justify-content: center; }
.price__head .sec-title { margin-top: 12px; }
.price__table { display: block; width: 1228px; margin: 40px auto 0; border-radius: 10px; }
.price__hint { display: none; }
.price__note { margin-top: -28px; font-size: 16px; line-height: 32px; font-weight: 500; color: #000; }

.faq { height: 1035px; }

/* ============================================================
   SP（760px 以下 / 07_車検点検）
   ============================================================ */
@media (max-width: 760px) {
  .deco-blob--n1, .deco-blob--n2 { display: none; }

  /* 導入（ラベル → チップ2段 → 本文 → 写真） */
  .lead--insp .lead__inner { width: auto; padding: 0 16px; }
  .lead__chip--sm { padding: 8px 12px 10px; }
  .lead--insp .lead__photo { height: 220px; border-radius: 10px; }
  .crop--insp-hero > img { left: 0; top: 0; width: 100%; height: 100%; }

  /* POINT カード（PC と同じく縦書き POINT + 写真下端にかぶせるラベル） */
  .points-sec--insp .points-sec__head { padding-top: 40px; }
  .points-sec--insp .point-card { padding: 20px 16px 24px; }
  .points-sec--insp .point-card__no { position: absolute; left: 16px; top: 20px; margin: 0; writing-mode: vertical-rl; gap: 10px; font-size: 14px; line-height: 14px; }
  .points-sec--insp .point-card__photo { width: calc(100% - 26px); margin-left: 26px; border-radius: 10px; }
  .points-sec--insp .point-card__chips { position: relative; left: 0; top: 0; z-index: 1; margin-top: -28px; }

  .flow--insp { height: auto; padding: 40px 0; }
  .crop--insp-p1 > img, .crop--insp-p2 > img,
  .crop--insp-p3 > img, .crop--insp-p4 > img { left: 0; top: 0; width: 100%; height: 100%; }

  /* 私たちだからできる豊富な対応内容 */
  .merit { padding: 60px 0; background: #fff; }
  .merit__inner { width: auto; padding: 0 16px; flex-direction: column; gap: 24px; }
  .merit__head { width: 100%; }
  .merit__chips { gap: 8px; }
  .merit__lead { margin-top: 16px; font-size: 14px; line-height: 26px; }

  /* PC と同じくアイコン左・本文右の横並び */
  .merit__list { width: 100%; }
  .merit-item { align-items: flex-start; gap: 16px; padding: 24px 0; }
  .merit-item__ico { width: 64px; height: 64px; }
  .merit-item__ico img { max-width: 36px; max-height: 36px; }
  .merit-item__body { flex: 1; width: auto; min-width: 0; }
  .merit-item__title { font-size: 18px; line-height: 26px; }
  .merit-item__no { font-size: 14px; }
  .merit-item__text { margin-top: 6px; font-size: 14px; line-height: 24px; }
  .merit-item__box { margin-top: 12px; padding: 14px 16px; grid-template-columns: 1fr; grid-auto-flow: row; row-gap: 6px; }
  .merit-item__box li { font-size: 13px; line-height: 1.7; }

  .flow-step__icoimg { width: 32px; height: 32px; }

  /* 車検料金 */
  .price { height: auto; padding: 60px 0; }
  /* 表画像は縮小すると読めないため横スクロールで表示 */
  .price__hint { display: block; margin-top: 16px; font-size: 12px; line-height: 18px; color: var(--green); }
  .price__scroll { margin-top: 8px; padding: 0 16px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .price__table { width: 680px; max-width: none; margin: 0; }
  .price__note { margin-top: 16px; padding: 0 16px; font-size: 13px; line-height: 24px; }
}