@charset "utf-8";

/*========== 即金買取ページへの導線バナー（x-purchaseBanner） ==========*/
/* 背景は format.css の .contents_bg_gradation（薄緑→緑のグラデーション）を使用 */

/* スマホ */
.purchase_banner { padding: 40px 0; }
.purchase_banner_inner { width: min(90%, 1080px); margin: 0 auto; }
.purchase_banner_title { margin-bottom: 24px; font-size: 20px; font-weight: bold; line-height: 1.6; letter-spacing: 0.08em; text-align: center; }
.purchase_banner_card { position: relative; display: flex; overflow: hidden; border-radius: 10px; background: #FFF; box-shadow: 0px 4px 8px 0px #00000020; transition: all 0.6s cubic-bezier(.23,1,.32,1); }
.purchase_banner_photo { flex: 0 0 38%; }
.purchase_banner_photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.purchase_banner_body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 16px 16px 16px 20px; }
.purchase_banner_catch { color: #529535; font-weight: bold; white-space: nowrap; }
.purchase_banner_catch_sp { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; font-size: min(4.8vw, 20px); line-height: 1.3; }
.purchase_banner_catch_sp .purchase_banner_marker { padding-right: 4px; background: linear-gradient(transparent 55%, #FFF850 55%); }
.purchase_banner_catch_sp .purchase_banner_catch_big { font-size: 1.78em; }
.purchase_banner_catch_last { display: flex; align-items: center; justify-content: space-between; gap: 8px; align-self: stretch; }
.purchase_banner_catch_pc, .purchase_banner_text, .purchase_banner_arrow.symbol { display: none; }

/* pad以上：写真｜キャッチ1行＋説明文｜矢印 */
@media (min-width: 768px) {
  .purchase_banner { padding: 30px 0 50px; }
  .purchase_banner_title { margin-bottom: 32px; font-size: 28px; letter-spacing: 0.1em; }
  .purchase_banner_photo { flex-basis: 29%; }
  /* キャッチは本文エリアの横幅に合わせて文字サイズを決める（1行に収める） */
  .purchase_banner_body { container-type: inline-size; padding: 24px 80px 24px 24px; }
  .purchase_banner_catch_sp { display: none; }
  .purchase_banner_catch_pc { display: block; font-size: 3.96cqw; line-height: 1.3; letter-spacing: 0; background: linear-gradient(transparent 55%, #FFF850 55%); }
  .purchase_banner_catch_pc .purchase_banner_catch_big { margin: 0 0.2em; font-size: 1.92em; }
  .purchase_banner_text { display: block; margin-top: 20px; font-size: 14px; font-weight: 500; line-height: 1.85; letter-spacing: 0.08em; }
  .purchase_banner_text strong { font-weight: inherit; color: #529535; }
  .purchase_banner_arrow.symbol { display: block; position: absolute; top: calc(50% - 16px); right: 24px; }
  .purchase_banner_card:hover { box-shadow: 0px 1px 2px 0px #00000030; transform: translateY(3px); }
}

/* PC */
@media (min-width: 1025px) {
  .purchase_banner_title { font-size: 32px; }
  .purchase_banner_body { padding: 34px 127px 34px 33px; }
  .purchase_banner_text { margin-top: 24px; font-size: 15px; }
  .purchase_banner_arrow.symbol { right: 35px; }
}