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

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

.evaluation-box__title {
  padding-bottom: 16px;
}

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

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

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