@charset "UTF-8";
/*--------------------------------
セルフ査定 レイアウト
---------------------------------*/
.page-evalutation {
  margin-top: 20px;
}

.page-evaluation__contents {
  max-width: 900px;
  min-height: 40vh;
  margin: 0 auto;
}

/*media Queries 850
----------------------------------------------------*/
@media screen and (max-width: 850px) {
  .page-evalutation {
    margin-top: 16px;
  }

  .evaluation-box-condition-view,
  .evaluation-box-result-view {
    height: auto;
    overflow-y: auto;
  }

  .evaluation-color-palette__item {
    flex: 0 1 20%;
  }
}

/*--------------------------------
セルフ査定 QRコード
---------------------------------*/
.evaluation-box-qr {
  display: flex;
  justify-content: center;
  gap: 32px;
  margin-top: 20px;
}

.evaluation-box-qr__btn {
  width: 248px;
}

/*media Queries 850
----------------------------------------------------*/
@media screen and (max-width: 850px) {
  .evaluation-box-qr {
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
  }

  .evaluation-box-qr__btn {
    width: 100%;
  }
}