@charset "UTF-8";
.sp_only {
  display: none;
}
@media (max-width: 767px) {
  .sp_only {
    display: block;
  }
}

@media (max-width: 767px) {
  .pc_only {
    display: none;
  }
}

.customer-mv-bottom {
  background-color: #fff8dd;
  position: relative;
  overflow: hidden;
}
.customer-mv-bottom .mv-side {
  position: absolute;
  top: 415px;
  z-index: 1;
  flex-shrink: 0;
  width: 330px;
  max-width: none;
  pointer-events: none;
}
.customer-mv-bottom .mv-side img {
  display: block;
  width: 320px;
  max-width: none;
  height: auto;
}
.customer-mv-bottom .mv-side--left {
  left: 50%;
  transform: translateX(calc(-35% - 600px));
}
.customer-mv-bottom .mv-side--right {
  right: 50%;
  transform: translateX(calc(50% + 600px));
}
@media (max-width: 767px) {
  .customer-mv-bottom .mv-side {
    display: none;
  }
}
.customer-mv-bottom .container {
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1279px) {
  .customer-mv-bottom .container {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .customer-mv-bottom .container {
    padding: 0 12px;
  }
}
.customer-mv-bottom .inner {
  margin: 0 auto;
  max-width: 1110px;
  position: relative;
}
.customer-mv-bottom__mv {
  width: 65vw;
  max-width: 850px;
  min-width: 700px;
  margin: 50px auto 25px;
}
@media (max-width: 767px) {
  .customer-mv-bottom__mv {
    width: 93vw;
    min-width: 300px;
    margin: 50px auto 25px;
  }
}
.customer-mv-bottom__mv img {
  width: 100%;
  height: auto;
  display: block;
}
.customer-mv-bottom__title {
  text-align: center;
  margin-top: 40px;
}
.customer-mv-bottom__title .customer-mv-bottom__label {
  display: inline-block;
  background-color: #edb700;
  color: #fff;
  font-weight: 700;
  font-size: 32px;
  letter-spacing: 0.05em;
  padding: 0 29px;
  border-radius: 32px;
  margin-bottom: 10px;
  position: relative;
}
@media (max-width: 767px) {
  .customer-mv-bottom__title .customer-mv-bottom__label {
    font-size: 16px;
    padding: 0 16px;
  }
}
@media screen and (max-width: 360px) {
  .customer-mv-bottom__title .customer-mv-bottom__label {
    font-size: 14px;
  }
}
.customer-mv-bottom__title h2 {
  color: #002549;
  letter-spacing: 0.02em;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .customer-mv-bottom__title h2 {
    font-size: 29px;
  }
}
.customer-mv-bottom__text {
  text-align: center;
  margin-top: 24px;
  color: #002549;
  line-height: 1.9;
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .customer-mv-bottom__text p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 355px) {
  .customer-mv-bottom__text p {
    font-size: 14px;
  }
}
.customer-mv-bottom__sp-items {
  display: none;
}
@media (max-width: 767px) {
  .customer-mv-bottom__sp-items {
    display: block;
    margin-top: 20px;
  }
  .customer-mv-bottom__sp-items img {
    width: 100%;
    height: auto;
  }
}
.customer-mv-bottom__icon {
  text-align: center;
  margin-top: 60px;
}
.customer-mv-bottom__icon img {
  width: auto;
  height: auto;
}
.customer-mv-bottom__features {
  margin-top: 7px;
  text-align: center;
}
@media (max-width: 767px) {
  .customer-mv-bottom__features {
    margin-top: 24px;
  }
}
.customer-mv-bottom__features-heading {
  font-weight: 700;
  color: #002549;
  font-size: 30px;
  line-height: 1.6;
  margin-bottom: 20px;
}
.customer-mv-bottom__features-heading span {
  font-size: 52px;
  padding-bottom: 6px;
  border-bottom: 4px solid #edb700;
}
@media (max-width: 767px) {
  .customer-mv-bottom__features-heading {
    font-size: 22px;
  }
  .customer-mv-bottom__features-heading span {
    font-size: 32px;
  }
}
.customer-mv-bottom__cards {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  justify-content: center;
}
@media (max-width: 767px) {
  .customer-mv-bottom__cards {
    display: block;
  }
}

/* カード本体（PC=3 / Tablet=2 / SP=1） */
.customer-feature-card {
  background: #fff;
  border: 2px solid #f1c758; /* 指定の数字カラーを枠にも反映 */
  border-radius: 30px;
  -ms-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06);
  text-align: left;
  overflow: hidden;
  /* レスポンシブ幅（親幅基準で柔軟に） */
  flex: 1 1 calc((100% - 40px) / 3);
  max-width: 340px;
  /* ここを新規追加 */
  /* 2枚サムネ（縦配置） */
}
@media (max-width: 1110px) and (min-width: 768px) {
  .customer-feature-card {
    flex: 1 1 calc((100% - 20px) / 2);
    max-width: none;
  }
}
@media (max-width: 767px) {
  .customer-feature-card {
    width: 100%;
    max-width: none;
  }
  .customer-feature-card + .customer-feature-card {
    margin-top: 16px;
  }
}
.customer-feature-card__head {
  position: relative;
  background: #edb700;
  color: #fff;
  font-weight: 700;
  font-size: 22px;
  flex-direction: row;
}
@media (max-width: 767px) {
  .customer-feature-card__head {
    font-size: 18px;
    padding: 14px 16px 14px 58px;
  }
}
.customer-feature-card__num-img {
  height: 120px;
  width: 50px;
  top: 0;
  left: 10px;
  opacity: 0.9; /* 必要なら0.9〜1.0で微調整 */
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
}
@media (max-width: 767px) {
  .customer-feature-card__num-img {
    height: 78px;
    width: auto;
    padding-left: 2vw;
  }
}
.customer-feature-card__title {
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (max-width: 767px) {
  .customer-feature-card__title {
    height: 50px;
    font-size: 23px;
    padding-right: 46px;
  }
}
@media screen and (max-width: 380px) {
  .customer-feature-card__title {
    font-size: 21px;
  }
}
.customer-feature-card__body {
  display: flex;
  color: #002549;
  font-size: 16px;
  line-height: 1.8;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .customer-feature-card__body {
    justify-content: center;
    font-size: 14px;
  }
}
.customer-feature-card__body.flex-column1 {
  flex-direction: column;
  padding: 18px 0 0 0;
}
.customer-feature-card__body.flex-column2 {
  padding: 18px 18px 0px;
}
@media (max-width: 767px) {
  .customer-feature-card__body.flex-column2 {
    padding: 18px 18px 10px;
  }
}
.customer-feature-card__body.flex-column3 {
  flex-direction: column;
  padding: 18px 18px 0;
  flex: 1 1 auto;
  font-weight: bold;
}
.customer-feature-card__body.flex-column3 p {
  margin: 0;
}
@media (max-width: 767px) {
  .customer-feature-card__body.flex-column3 p {
    margin: 0 auto;
  }
}
.customer-feature-card__body .em {
  font-weight: 700;
}
.customer-feature-card__thumb {
  text-align: center;
  margin: 0;
}
.customer-feature-card__thumb img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: inline-block;
}
.customer-feature-card__thumb .img_1 {
  width: 340px;
}
.customer-feature-card__thumbs2 {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 10px;
}
.customer-feature-card__thumbs2 figure {
  margin: 0;
}
.customer-feature-card__thumbs2 img {
  max-width: 100%;
  height: auto;
  display: block;
}
.customer-feature-card__copy {
  text-align: center;
  font-weight: bold;
  margin: 6px 0 0 0;
  font-size: 30px;
}
@media screen and (max-width: 880px) {
  .customer-feature-card__copy {
    font-size: 20px;
  }
}
.customer-feature-card__copy span {
  font-size: 18px;
}
.customer-feature-card__list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 215px;
  font-weight: bold;
}
.customer-feature-card__list li {
  position: relative;
  padding-left: 28px;
  margin: 10px 0;
}
.customer-feature-card__list li div {
  margin: 0px 0px 15px -26px;
}
.customer-feature-card__list li .icon {
  position: absolute;
  left: 0;
  top: 6px;
  width: 21px;
  height: 21px;
}
.customer-feature-card__list li span {
  font-weight: 700;
  font-size: 20px;
}

/* ==========================================
   ② 下部テキスト帯（カテゴリ列＋リード文）
   ========================================== */
.customer-mv-bottom__belt {
  margin-top: 22px;
  text-align: center;
  color: #002549;
}
.customer-mv-bottom__belt .customer-mv-bottom__cats {
  font-size: 16px;
  line-height: 1.9;
  margin: 0px;
  font-weight: bold;
}
.customer-mv-bottom__belt .customer-mv-bottom__lead {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.customer-mv-bottom__belt .customer-mv-bottom__lead .hl {
  position: relative;
  font-weight: 800;
  background: linear-gradient(transparent 60%, #fff000 60%); /* 下線ハイライト */
}
@media (max-width: 767px) {
  .customer-mv-bottom__belt .customer-mv-bottom__cats {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
  .customer-mv-bottom__belt .customer-mv-bottom__lead {
    font-size: 16px;
  }
}

/* =========================================================
   2つの買取方法セクション
   ========================================================= */
/* セクション本体 */
.twomethods {
  padding: 64px 0 56px;
  background: #f8f9fa;
}
.twomethods .sp_only {
  display: none;
}
@media (max-width: 767px) {
  .twomethods .sp_only {
    display: inline;
  }
}
.twomethods__head {
  text-align: center;
  color: #002549;
  margin-bottom: 28px;
}
.twomethods__title {
  font-weight: 800;
  line-height: 1.5;
  font-size: 38px;
  letter-spacing: 0.02em;
}
.twomethods__title span {
  font-size: 52px;
  position: relative;
  display: inline-block;
  background: linear-gradient(transparent 68%, #fff000 68%);
}
@media (max-width: 767px) {
  .twomethods__title {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) and (max-width: 400px) {
  .twomethods__title {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .twomethods__title span {
    background: linear-gradient(transparent 63%, #fff000 63%);
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) and (max-width: 400px) {
  .twomethods__title span {
    font-size: 26px;
  }
}
.twomethods__arrow {
  display: block;
  margin: 10px auto 14px;
  width: 22px;
  height: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.twomethods__lead {
  font-size: 16px;
  color: #002549;
  opacity: 0.9;
  font-weight: bold;
}
@media (max-width: 767px) {
  .twomethods__lead {
    font-size: 14px;
  }
}
.twomethods__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2列を均等 */
  gap: 22px;
  align-items: stretch; /* 行の高さに合わせて子を伸ばす */
  margin-top: 100px;
}
@media (max-width: 767px) {
  .twomethods__cards {
    grid-template-columns: 1fr; /* SPは1列 */
    gap: 65px;
  }
}
.twomethods .relative-positioning {
  position: relative;
  height: 100%; /* 行高に追従して伸びる */
}

/* ▼ カード本体を行高いっぱいに */
.twomethods-card {
  height: 100%; /* ★ これで2枚が同じ高さになる */
  display: flex;
  flex-direction: column;
  /* 固定高（既存の高さ指定を使用） */
  /* 余白をここで吸収して均等化 */
}
.twomethods-card__head {
  flex: 0 0 auto;
}
.twomethods-card__body {
  flex: 1 1 auto;
}

/* カード本体（PC=2 / SP=1） */
.twomethods-card {
  position: relative;
  background: #fff;
  border: 2px solid #002549;
  box-shadow: 6px 6px 0px 2px rgba(0, 0, 0, 0.08);
  color: #002549;
  overflow: hidden;
  max-width: 560px;
  flex: 1 1 calc((100% - 22px) / 2);
}
@media (max-width: 767px) {
  .twomethods-card {
    max-width: none;
    width: 100%;
  }
  .twomethods-card + .twomethods-card {
    margin-top: 28px;
  }
}
.twomethods-card__head {
  position: relative; /* 波形の基準（内部） */
  height: 160px;
}
@media (max-width: 767px) {
  .twomethods-card__head {
    height: 140px;
  }
}
.twomethods-card__wave {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1000px;
  height: 919px;
  background: #f2f4f8;
  border-radius: 48%;
  top: -742.5px;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .twomethods-card__wave {
    height: 870px;
    top: -742.5px;
  }
}
.twomethods-card__wave__right_color {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1000px;
  height: 919px;
  background: #f1f9fd;
  border-radius: 48%;
  top: -742.5px;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .twomethods-card__wave__right_color {
    height: 870px;
    top: -742.5px;
  }
}
.twomethods-card__title {
  margin: 0;
  margin: -78px 24px 57px;
  text-align: center;
  font-size: 31px;
  font-weight: 800;
  color: #0f2b45;
  letter-spacing: 0.02em;
  z-index: 1;
  position: relative;
}
@media (max-width: 767px) {
  .twomethods-card__title {
    font-size: 20px;
  }
}
.twomethods-card__body {
  padding: 0 9% 35px;
  font-size: 16px;
  line-height: 1.9;
}
.twomethods-card__body p {
  margin: 0;
}
.twomethods-card__body p span {
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: #002549;
}
@media (max-width: 767px) {
  .twomethods-card__body {
    font-size: 14px;
    line-height: 1.85;
    padding: 0 18px 32px;
  }
}

/* 共通（両アイコン） */
.twomethods-card__illust.truck-icon,
.twomethods-card__illust.counter-icon {
  position: absolute;
  transform: translate(-50%, -50%); /* 中心基準で微調整しやすい */
  z-index: 2; /* 波形(z=1)より前面 */
  text-align: center;
  pointer-events: none; /* 装飾なので操作をブロックしない */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.twomethods-card__illust.truck-icon img,
.twomethods-card__illust.counter-icon img {
  display: block;
  height: auto;
  width: 120px; /* 必要に応じて固定幅 */
}
@media (max-width: 767px) {
  .twomethods-card__illust.truck-icon img,
  .twomethods-card__illust.counter-icon img {
    width: 92px;
  }
}

/* --- 個別位置（PC）--- */
/* 1枚目（出張買取）に合わせた位置：親幅の50%あたり */
.twomethods-card__illust.truck-icon {
  left: 50%;
  top: 0px; /* 波形の“山”に少し被る程度に */
}

/* 2枚目（店頭買取）に合わせた位置：親幅の50%あたり */
.twomethods-card__illust.counter-icon {
  left: 50%;
  top: 0px;
}

/* --- 個別位置（SP）--- */
/* SPは1カラムなので縦にずらす。leftは中央寄せ */
@media (max-width: 767px) {
  .twomethods-card__illust.truck-icon {
    left: 50%;
    top: 0px; /* 1枚目カードのヘッダ中心 */
  }
  .twomethods-card__illust.counter-icon {
    left: 50%;
    top: 0px; /* 2枚目カードのヘッダ中心に来るよう任意で調整 */
  }
}
/* ▼ 1枚目カードの画像を常にボトム固定（内側paddingの下端に揃う） */
.customer-feature-card {
  display: flex;
  flex-direction: column;
}

.customer-feature-card__body.flex-column1 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.customer-feature-card__body.flex-column1 .customer-feature-card__thumb {
  margin-top: auto; /* ←常にカードの底に貼り付く */
}

/* =========================================================
   2つの買取方法セクション下部テーブル
   ========================================================= */
.twomethods__table-wrap {
  margin-top: 48px;
  position: relative;
  /* 通常（768px以上）ではスクロールしない */
  overflow: visible;
}
@media (max-width: 767px) {
  .twomethods__table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
    /* カスタムスクロールバー（SP時のみ） */
  }
  .twomethods__table-wrap::-webkit-scrollbar {
    height: 6px;
  }
  .twomethods__table-wrap::-webkit-scrollbar-track {
    border-radius: 3px;
  }
  .twomethods__table-wrap::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 3px;
  }
  .twomethods__table-wrap::-webkit-scrollbar-thumb:hover {
    background: #999;
  }
}

.twomethods__table {
  width: 100%;
  border-collapse: collapse;
  /* 768px以上では普通に収まる */
  /* SP時のみ横スクロールが発生 */
}
@media (min-width: 992px) {
  .twomethods__table {
    min-width: auto;
  }
}
@media (max-width: 767px) {
  .twomethods__table {
    min-width: 750px;
  }
}
.twomethods__table th,
.twomethods__table td {
  padding: 16px 12px;
  border: 1px solid #ccc;
  font-size: 16px;
  line-height: 1.6;
  color: #002549;
  background-color: #fff;
}
@media (max-width: 767px) {
  .twomethods__table th,
  .twomethods__table td {
    font-size: 14px;
  }
}
.twomethods__table th {
  background-color: #5c6473;
  font-weight: 700;
  white-space: nowrap;
  color: #fff;
  font-size: 17px;
}
.twomethods__table tbody tr th {
  color: #002549;
  font-size: 16px;
  white-space: nowrap;
}
.twomethods__table .violet {
  background-color: #f2f4f8;
  padding: 16px 30px;
}
.twomethods__table .blue {
  background-color: #f1f9fd;
  padding: 16px 30px;
}
@media (max-width: 767px) {
  .twomethods__table {
    font-size: 14px;
  }
  .twomethods__table th,
  .twomethods__table td {
    padding: 14px 10px;
  }
}

/* オプション：SPでスクロールヒント */
@media (max-width: 767px) {
  .twomethods__table-wrap::after {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #888;
    margin-top: 6px;
  }
}
/* ==========================================
   ３問でわかる! 簡単診断（PC>=768 / SP<768）
   ========================================== */
.quickdiag--pc {
  background: url("../images/beginner_bg.jpg") repeat 0 0;
  padding: 20px 0;
  /* パネル基点（ストライプのz-index制御に必須） */
  /* 左下イラスト（PCは従来どおり固定） */
  /* 斜めストライプ：白パネルの上／他要素の下 */
  /* ストライプより前面に出す（まとめ指定） */
  /* 店頭買取がおすすめ画面 */
  /* 出張買取がおすすめ画面 */
  /* ラベル系（結果画面） */
  /* 店頭のゴールドCTA */
  /* 右端の白丸▷アイコン（画像不要） */
  /* SP 微調整 */
  /* ===== Q1 見た目（タイポ＆ボタン） ===== */
  /* ===== SP（～767px） ===== */
}
.quickdiag--pc .container {
  padding-bottom: 0;
}
.quickdiag--pc .qd-panel {
  position: relative;
  background: #fff;
  max-width: 1080px;
  margin: 0 auto;
  padding: 48px 0px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  text-align: center;
}
.quickdiag--pc .qd-illust--left {
  position: absolute;
  left: 5px;
  bottom: 0;
  width: 11vw;
  max-width: 180px;
  height: auto;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.quickdiag--pc .qd-stripe {
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(24%, 260px);
  height: 70%;
  background: url("../images/customer/slash.png") no-repeat right bottom/contain;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 0;
}
@media (max-width: 767px) {
  .quickdiag--pc .qd-panel > *:not(.qd-stripe) {
    position: relative;
    z-index: 1;
  }
}
.quickdiag--pc .qd-actions {
  position: relative;
  z-index: 1;
}
.quickdiag--pc .qd-screen--store {
  text-align: center;
}
.quickdiag--pc .qd-screen--shuccho {
  text-align: center;
}
.quickdiag--pc .qd-result-head {
  text-align: center;
  margin: 18px 0 12px;
}
.quickdiag--pc .qd-result-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  padding: 0px 40px;
  border-radius: 9999px;
  background: #ffe9b2;
  color: #a06a00;
  font-weight: 800;
  letter-spacing: 0.08em;
}
.quickdiag--pc .qd-result-label::before, .quickdiag--pc .qd-result-label::after {
  content: "";
  display: inline-block;
  width: 23px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .quickdiag--pc .qd-result-label::before, .quickdiag--pc .qd-result-label::after {
    width: 14px;
    height: 20px;
  }
}
.quickdiag--pc .qd-result-label::before {
  background-image: url("../images/customer/orange_before.png");
}
.quickdiag--pc .qd-result-label::after {
  background-image: url("../images/customer/orange_after.png");
}
.quickdiag--pc .qd-subcap--tel {
  margin: 22px 0 10px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.35em 0.8em;
  border-radius: 9999px;
  background: rgba(0, 0, 0, 0.25);
}
.quickdiag--pc .qd-subcap--tel::before, .quickdiag--pc .qd-subcap--tel::after {
  content: "";
  width: 42px;
  height: 14px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}
.quickdiag--pc .qd-subcap--tel::before {
  background-image: url("../images/customer/white_before.png");
}
.quickdiag--pc .qd-subcap--tel::after {
  background-image: url("../images/customer/white_after.png");
}
.quickdiag--pc .cta-btn--store {
  border: 4px solid #a78307;
  border-radius: 12px;
  background: linear-gradient(0deg, #987704 0%, #d2a816 100%);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  color: #fff;
  display: block;
  text-align: center;
  position: relative;
  max-width: 702px;
  width: 100%;
  margin: 0 auto;
  padding: 25px 12px;
  text-decoration: none;
}
@media (max-width: 767px) {
  .quickdiag--pc .cta-btn--store {
    border: 2px solid #a78307;
    border-radius: 6px;
  }
}
.quickdiag--pc .cta-btn--store .cta-btn__main {
  display: block;
  font-weight: 900;
  font-size: clamp(18px, 3.6vw, 28px);
  letter-spacing: 0.06em;
  line-height: 1.1;
  padding-right: 48px; /* 右の▷分の余白 */
  position: relative;
}
.quickdiag--pc .cta-btn--store .cta-btn__main::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.85);
}
.quickdiag--pc .cta-btn--store .cta-btn__main::before {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #a38107;
  z-index: 1;
}
@media (max-width: 767px) {
  .quickdiag--pc .cta-btn--store {
    padding: 16px 12px;
  }
  .quickdiag--pc .cta-btn--store .cta-btn__main {
    font-size: clamp(18px, 5.4vw, 24px);
    padding-right: 44px;
  }
  .quickdiag--pc .cta-btn--store .cta-btn__main::after {
    width: 28px;
    height: 28px;
    right: 10px;
  }
  .quickdiag--pc .cta-btn--store .cta-btn__main::before {
    right: 18px;
  }
}
.quickdiag--pc .qd-eyebrow {
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 28px;
  color: #0b2f4a;
  text-align: center;
}
@media (max-width: 767px) {
  .quickdiag--pc .qd-eyebrow {
    font-size: 16px;
  }
}
.quickdiag--pc .qd-title {
  margin: 0 0 40px;
  text-align: center;
  line-height: 1.25;
  font-weight: 800;
  font-size: 45px;
}
.quickdiag--pc .qd-title span {
  color: #edb700;
  font-weight: 900;
  display: inline-block;
}
.quickdiag--pc .qd-title em {
  background: #edb700;
  color: #fff;
  font-style: normal;
  font-weight: 900;
  padding: 0.1em 0.2em;
  display: inline-block;
  font-size: 53px;
}
@media (max-width: 767px) {
  .quickdiag--pc .qd-title em {
    font-size: 33px;
  }
}
.quickdiag--pc .qd-qnum {
  margin: 12px 0 6px;
  text-align: center;
  font-weight: 800;
  font-size: clamp(18px, 1.8vw, 24px);
  color: #0b2f4a;
}
.quickdiag--pc .qd-qtext {
  margin: 0 auto 40px;
  text-align: center;
  font-weight: 700;
  line-height: 1.7;
  color: #0b2f4a;
  font-size: 18px;
  max-width: 820px;
}
.quickdiag--pc .qd-actions {
  display: flex;
  justify-content: center;
  gap: clamp(12px, 2vw, 32px);
  margin-top: 10px;
}
.quickdiag--pc .qd-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 0;
  cursor: pointer;
  border-radius: 9999px;
  padding: 12px 0px;
  width: 15vw;
  max-width: 215px;
  font-weight: 900;
  letter-spacing: 0.08em;
  font-size: clamp(14px, 1.4vw, 18px);
  transition: transform 0.05s ease, filter 0.15s ease, box-shadow 0.15s ease;
  color: #fff;
}
.quickdiag--pc .qd-btn--yes {
  background: #edb700;
}
.quickdiag--pc .qd-btn--no {
  background: #9e9e9e;
}
.quickdiag--pc .qd-btn:hover {
  filter: brightness(1.03);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16);
}
.quickdiag--pc .qd-btn:active {
  transform: translateY(1px);
}
.quickdiag--pc .qd-btn:focus-visible {
  outline: 3px solid rgba(0, 0, 0, 0.4);
  outline-offset: 2px;
}
@media (max-width: 767px) {
  .quickdiag--pc {
    /* SPだけストライプ画像＆サイズ変更 */
    /* SPはイラストを通常フローで中央配置（HTMLでQ1直前に移動済） */
  }
  .quickdiag--pc .qd-stripe {
    background: url("../images/customer/slash_sp.png") no-repeat right bottom/contain;
    width: 28%;
    height: 50%;
  }
  .quickdiag--pc .qd-panel {
    padding: 28px 5px 32px;
  }
  .quickdiag--pc .qd-title {
    margin-bottom: 18px;
    font-size: clamp(22px, 5.6vw, 28px);
  }
}
@media screen and (max-width: 767px) and (max-width: 415px) {
  .quickdiag--pc .qd-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .quickdiag--pc .qd-title em {
    padding: 0.14em 0.4em;
  }
}
@media screen and (max-width: 767px) and (max-width: 415px) {
  .quickdiag--pc .qd-title em {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .quickdiag--pc .qd-qnum {
    font-size: clamp(20px, 6.2vw, 28px);
    margin: 6px 0 10px;
  }
  .quickdiag--pc .qd-qtext {
    font-size: 16px;
    margin-bottom: 24px;
    padding: 0 4px;
  }
  .quickdiag--pc .qd-actions {
    gap: 14px;
    flex-wrap: nowrap;
  }
  .quickdiag--pc .qd-btn {
    width: 27vw;
    min-width: 112px;
    padding: 6px 0;
    font-size: clamp(16px, 4.4vw, 20px);
  }
  .quickdiag--pc .qd-illust--left {
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
    display: block;
    margin: 0 auto 16px;
    min-width: 60px;
    height: auto;
  }
}

/* ===== 結果画面（共通） ===== */
.quickdiag--pc {
  /* 結果画面のベース：薄い黄色 #fff3cc */
  /* 中央の白いパネル＋オレンジ枠 */
  /* 「診断結果」ラベル：文字 #edb700 / 背景白（ピル型） */
  /* リード／タイトル */
  /* 「出張買取」が二重枠（ダブルボックス）になるように */
  /* 緑のCTAボタン（アンカー1つで3行構成） */
  /* 店頭買取のCTA（店舗を探す）にはアイコンを入れない */
  /* 出張／店頭の個別差分（今は中央寄せのみだが、将来差分が増えてもここで吸収） */
  /* SP最適化 */
  /* 旧要素は結果画面では非表示（残っていても邪魔しない） */
}
.quickdiag--pc .qd-screen--result {
  background: #fff3cc;
  padding: 28px 16px; /* 外側のクリーム余白 */
}
.quickdiag--pc .qd-result-card {
  background: #fff; /* 中央は白 */
  border: 16px solid #edb700; /* オレンジライン */
  border-radius: 12px;
  max-width: 980px;
  margin: 0 auto;
  padding: clamp(24px, 4vw, 48px);
  position: relative;
  /* 外側にさらに薄い帯がある風の余白は、親（.qd-screen--result）のpaddingで表現 */
}
.quickdiag--pc .qd-result-head {
  text-align: center;
  margin: -89px 0 30px;
}
@media (max-width: 767px) {
  .quickdiag--pc .qd-result-head {
    margin: -46px 0 30px;
  }
}
.quickdiag--pc .qd-result-label {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  padding: 0px 65px;
  border-radius: 9999px;
  background: #fff; /* 背景は白 */
  color: #edb700; /* 文字は #edb700 */
  font-weight: 800;
  letter-spacing: 0.2em;
  border: 2px solid #edb700; /* うっすら縁取りでコントラストUP */
  font-size: 40px;
  box-shadow: 4px 5px 0px #edb700;
}
@media (max-width: 767px) {
  .quickdiag--pc .qd-result-label {
    padding: 0px 28px;
    font-size: 23px;
    box-shadow: 1px 2px 0px #edb700;
  }
}
.quickdiag--pc .qd-result-lead {
  text-align: center;
  color: #0b2f4a;
  font-weight: 700;
  font-size: 28px;
  margin: 6px 0 12px;
}
@media (max-width: 767px) {
  .quickdiag--pc .qd-result-lead {
    font-size: 18px;
    margin: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 380px) {
  .quickdiag--pc .qd-result-lead {
    font-size: 15px;
  }
}
.quickdiag--pc .qd-result-title {
  text-align: center;
  color: #0b2f4a;
  font-weight: 800;
  font-size: 28px;
  margin: 0 0 18px;
}
@media (max-width: 767px) {
  .quickdiag--pc .qd-result-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) and (max-width: 380px) {
  .quickdiag--pc .qd-result-title {
    font-size: 15px;
  }
}
.quickdiag--pc .qd-result-title strong {
  display: inline-block;
  background: #002549;
  color: #fff;
  padding: 6px 4px;
  position: relative;
  font-weight: 900;
  line-height: 1;
  font-size: 47px;
  left: -11px;
}
@media (max-width: 767px) {
  .quickdiag--pc .qd-result-title strong {
    font-size: 35px;
    left: -6px;
  }
}
@media screen and (max-width: 380px) {
  .quickdiag--pc .qd-result-title strong {
    font-size: 22px;
  }
}
.quickdiag--pc .qd-result-title strong::after {
  /* 右下にずらした細枠 */
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #002549;
  z-index: 0;
}
@media (max-width: 767px) {
  .quickdiag--pc .qd-result-title strong::after {
    top: 2px;
    left: 2px;
    right: -3px;
    bottom: -3px;
    border: 1px solid #002549;
  }
}
.quickdiag--pc .qd-result-illust {
  display: block;
  margin: clamp(10px, 3vw, 22px) auto;
  width: 28vw;
  max-width: 250px;
  height: auto;
}
.quickdiag--pc .qd-guide {
  /* ▼ 買取のご相談はこちらから ▼ */
  text-align: center;
  color: #0b2f4a;
  font-weight: 800;
  margin: 4px 0 14px;
  font-size: 25px;
}
@media (max-width: 767px) {
  .quickdiag--pc .qd-guide {
    font-size: 19px;
  }
}
@media screen and (max-width: 767px) and (max-width: 380px) {
  .quickdiag--pc .qd-guide {
    font-size: 14px;
  }
}
.quickdiag--pc .cta-btn--tel {
  border: 4px solid rgb(52, 141, 57);
  border-radius: 12px;
  background: linear-gradient(0deg, rgb(50, 104, 51) 0%, rgb(94, 200, 4) 100%);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  color: #fff;
  display: block;
  text-align: center;
  position: relative;
  max-width: 702px;
  width: 100%;
  margin: 0 auto;
  padding: 18px 12px 16px;
  text-decoration: none;
}
@media (max-width: 767px) {
  .quickdiag--pc .cta-btn--tel {
    border: 2px solid rgb(52, 141, 57);
    border-radius: 6px;
  }
}
.quickdiag--pc .cta-btn__note {
  /* 上部の小テキスト */
  display: block;
  font-weight: 800;
  margin-bottom: 6px;
  font-size: 18px;
  opacity: 0.95;
}
@media (max-width: 767px) {
  .quickdiag--pc .cta-btn__note {
    margin-bottom: 4px;
    font-size: 14px;
  }
}
@media screen and (max-width: 415px) {
  .quickdiag--pc .cta-btn__note {
    font-size: 12px;
  }
}
.quickdiag--pc .cta-btn--tel .cta-btn__main {
  display: inline-block;
  font-weight: 900;
  font-size: 60px;
  font-family: "Roboto", sans-serif;
  line-height: 1.05;
  padding-left: 48px;
  background: url(../images/shop/icon_tel_white.svg) no-repeat 0 56%;
  background-size: 40px 40px;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .quickdiag--pc .cta-btn--tel .cta-btn__main {
    background-size: 22px 22px;
    font-size: 30px;
    letter-spacing: 0.02em;
    padding-left: 27px;
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .quickdiag--pc .cta-btn--tel .cta-btn__main {
    font-size: 24px;
  }
}
.quickdiag--pc .cta-btn--store .cta-btn__main {
  background: none;
  padding-left: 50px;
}
.quickdiag--pc .cta-btn__sub {
  /* 営業時間 */
  display: block;
  margin-top: 8px;
  font-size: 18px;
  font-weight: bold;
  opacity: 0.95;
}
@media (max-width: 767px) {
  .quickdiag--pc .cta-btn__sub {
    font-size: 14px;
  }
}
.quickdiag--pc .qd-screen--shuccho {
  text-align: center;
}
.quickdiag--pc .qd-screen--store {
  text-align: center;
}
@media (max-width: 767px) {
  .quickdiag--pc .qd-screen--result {
    padding: 45px 10px;
  }
  .quickdiag--pc .qd-result-card {
    border-width: 8px;
    border-radius: 10px;
    padding: 22px 7px;
  }
  .quickdiag--pc .qd-result-illust {
    margin: 35px auto 16px;
  }
  .quickdiag--pc .cta-btn--tel {
    padding: 6px 7px 4px;
  }
  .quickdiag--pc .cta-btn__main {
    font-size: clamp(24px, 7.6vw, 34px);
  }
}
.quickdiag--pc .qd-subcap--tel {
  display: none;
}

.quickdiag--pc {
  /* 結果画面のベース：薄い黄色 #fff3cc */
  /* 右下の斜めストライプを疑似要素で描画（PC） */
  /* カードは前面に */
  /* SP は画像とサイズだけ差し替え */
}
.quickdiag--pc .qd-screen--result {
  background: #fff3cc;
  padding: 55px 16px;
  position: relative; /* ← 疑似要素の基点 */
  overflow: hidden; /* はみ出し防止 */
}
.quickdiag--pc .qd-screen--result::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(24%, 260px);
  height: 70%;
  background: url("../images/customer/slash.png") no-repeat right bottom/contain;
  pointer-events: none;
  z-index: 0; /* これより前面にカードを置く */
}
.quickdiag--pc .qd-result-card {
  position: relative;
  z-index: 1;
  background: #fff;
  border: 15px solid #edb700;
  border-radius: 12px;
  max-width: 980px;
  margin: 0 auto;
  padding: 45px 10px;
}
@media (max-width: 767px) {
  .quickdiag--pc .qd-screen--result {
    padding: 40px 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .quickdiag--pc .qd-screen--result {
    padding: 40px 10px;
  }
}
@media (max-width: 767px) {
  .quickdiag--pc .qd-screen--result::after {
    background-image: url("../images/customer/slash_sp.png");
    width: 28%;
    height: 50%;
  }
  .quickdiag--pc .qd-result-card {
    border-width: 8px;
    border-radius: 10px;
    padding: 22px 7px;
  }
}/*# sourceMappingURL=page-customer.css.map */