@charset "UTF-8";
/* stores - rate */
/*
Page - carsMARKET
-------------------------------------------------- */
.market-sell,
.market-buy,
.market {
  padding-bottom: 70px;
}
.market-sell > section.kv,
.market-buy > section.kv,
.market > section.kv {
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .market-sell > section.kv,
  .market-buy > section.kv,
  .market > section.kv {
    background-image: url(../images/market-kv-pc.png);
    background-size: auto 556px;
    background-position: center center;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.kv,
  .market-buy > section.kv,
  .market > section.kv {
    background-size: auto 39.4vw;
  }
}
@media screen and (max-width: 767px) {
  .market-sell > section.kv,
  .market-buy > section.kv,
  .market > section.kv {
    background-image: url(../images/market-kv.png);
    background-size: 100% auto;
    background-position: center top 6.2vw;
  }
}
.market-sell > section.kv.sell, .market-sell > section.kv.buy,
.market-buy > section.kv.sell,
.market-buy > section.kv.buy,
.market > section.kv.sell,
.market > section.kv.buy {
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-image: url(../images/market-lower-kv-bg.png);
}
.market-sell > section.lead,
.market-buy > section.lead,
.market > section.lead {
  background-repeat: no-repeat;
  background-image: url(../images/market-lead.png);
}
@media screen and (min-width: 768px) {
  .market-sell > section.lead,
  .market-buy > section.lead,
  .market > section.lead {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 782px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 276px;
    margin-top: 96px;
    background-size: auto 276px;
    background-position: left top;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.lead,
  .market-buy > section.lead,
  .market > section.lead {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 305px;
    margin-left: auto;
    margin-right: auto;
    height: unset;
    margin-top: 32px;
    padding-top: 228px;
    background-size: auto 228px;
    background-position: center top;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.service,
  .market-buy > section.service,
  .market > section.service {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 96px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell > section.service,
  .market-buy > section.service,
  .market > section.service {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.lineup,
  .market-buy > section.lineup,
  .market > section.lineup {
    margin-top: 160px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell > section.lineup,
  .market-buy > section.lineup,
  .market > section.lineup {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.lineup.linup-buy,
  .market-buy > section.lineup.linup-buy,
  .market > section.lineup.linup-buy {
    margin-top: 0;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.lineup.linup-buy,
  .market-buy > section.lineup.linup-buy,
  .market > section.lineup.linup-buy {
    margin-top: 0;
  }
}
.market-sell > section,
.market-buy > section,
.market > section {
  /*&.result{
    @include breakpoint.bp(pc){
      @include common.container(785px);
      margin-top: parts.$section-space-pc;
    }
    @include breakpoint.bp(sp){
      @include common.container(305px);
      margin-top: parts.$section-space-sp;
    }
  }   */
}
@media screen and (min-width: 768px) {
  .market-sell > section.about,
  .market-buy > section.about,
  .market > section.about {
    margin-top: 160px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.about,
  .market-buy > section.about,
  .market > section.about {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.charm,
  .market-buy > section.charm,
  .market > section.charm {
    margin-top: 160px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.charm,
  .market-buy > section.charm,
  .market > section.charm {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.merit,
  .market-buy > section.merit,
  .market > section.merit {
    margin-top: 160px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.merit,
  .market-buy > section.merit,
  .market > section.merit {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.reason,
  .market-buy > section.reason,
  .market > section.reason {
    margin-top: 160px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.reason,
  .market-buy > section.reason,
  .market > section.reason {
    margin-top: 96px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell > section.reason,
  .market-buy > section.reason,
  .market > section.reason {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.recommend,
  .market-buy > section.recommend,
  .market > section.recommend {
    margin-top: 160px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.recommend,
  .market-buy > section.recommend,
  .market > section.recommend {
    margin-top: 96px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell > section.recommend,
  .market-buy > section.recommend,
  .market > section.recommend {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.support,
  .market-buy > section.support,
  .market > section.support {
    margin-top: 160px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.support,
  .market-buy > section.support,
  .market > section.support {
    margin-top: 96px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell > section.support,
  .market-buy > section.support,
  .market > section.support {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.brand,
  .market-buy > section.brand,
  .market > section.brand {
    margin-top: 160px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.brand,
  .market-buy > section.brand,
  .market > section.brand {
    margin-top: 96px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell > section.brand,
  .market-buy > section.brand,
  .market > section.brand {
    margin-top: 96px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.compare,
  .market-buy > section.compare,
  .market > section.compare {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 696px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 160px !important;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.compare,
  .market-buy > section.compare,
  .market > section.compare {
    margin-top: 96px !important;
  }
}
@media screen and (max-width: 767px) {
  .market-sell > section.compare,
  .market-buy > section.compare,
  .market > section.compare {
    margin-top: 96px !important;
    max-width: none;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.value,
  .market-buy > section.value,
  .market > section.value {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 160px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.value,
  .market-buy > section.value,
  .market > section.value {
    margin-top: 96px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell > section.value,
  .market-buy > section.value,
  .market > section.value {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.matching,
  .market-buy > section.matching,
  .market > section.matching {
    margin-top: 160px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.matching,
  .market-buy > section.matching,
  .market > section.matching {
    margin-top: 96px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell > section.matching,
  .market-buy > section.matching,
  .market > section.matching {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.warranty,
  .market-buy > section.warranty,
  .market > section.warranty {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 160px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.warranty,
  .market-buy > section.warranty,
  .market > section.warranty {
    max-width: none;
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.flow,
  .market-buy > section.flow,
  .market > section.flow {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 160px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.flow,
  .market-buy > section.flow,
  .market > section.flow {
    margin-top: 96px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell > section.flow,
  .market-buy > section.flow,
  .market > section.flow {
    margin-top: 96px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.flow-buy,
  .market-buy > section.flow-buy,
  .market > section.flow-buy {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 160px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.flow-buy,
  .market-buy > section.flow-buy,
  .market > section.flow-buy {
    margin-top: 96px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.payment,
  .market-buy > section.payment,
  .market > section.payment {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 160px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.payment,
  .market-buy > section.payment,
  .market > section.payment {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 96px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell > section.payment,
  .market-buy > section.payment,
  .market > section.payment {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 305px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 96px;
    padding-left: unset;
    padding-right: unset;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.simulation,
  .market-buy > section.simulation,
  .market > section.simulation {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 666px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 160px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell > section.simulation,
  .market-buy > section.simulation,
  .market > section.simulation {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 305px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.loan,
  .market-buy > section.loan,
  .market > section.loan {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 160px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.loan,
  .market-buy > section.loan,
  .market > section.loan {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 305px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.other,
  .market-buy > section.other,
  .market > section.other {
    margin-top: 160px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.other,
  .market-buy > section.other,
  .market > section.other {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell > section.faq,
  .market-buy > section.faq,
  .market > section.faq {
    margin-top: 160px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell > section.faq,
  .market-buy > section.faq,
  .market > section.faq {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell-column,
  .market-buy-column,
  .market-column {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell-column,
  .market-buy-column,
  .market-column {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 305px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .market-sell-column-item,
  .market-buy-column-item,
  .market-column-item {
    width: 320px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell-column-item,
  .market-buy-column-item,
  .market-column-item {
    width: 100%;
  }
}
.market-sell-box-ttl,
.market-buy-box-ttl,
.market-box-ttl {
  font-size: 25px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
}
.market-sell-box-img,
.market-buy-box-img,
.market-box-img {
  display: block;
  margin-top: 60px;
}
.market-sell-box-img > img,
.market-buy-box-img > img,
.market-box-img > img {
  width: 100%;
}
.market-sell-box-list,
.market-buy-box-list,
.market-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.market-sell-box-list > li,
.market-buy-box-list > li,
.market-box-list > li {
  position: relative;
  margin-top: 16px;
  background-color: #0786BD;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .market-sell-box-list > li,
  .market-buy-box-list > li,
  .market-box-list > li {
    width: 96px;
    height: 96px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell-box-list > li,
  .market-buy-box-list > li,
  .market-box-list > li {
    width: 92px;
    height: 92px;
  }
}
.market-sell-box-list > li > p,
.market-buy-box-list > li > p,
.market-box-list > li > p {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
  color: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.market-sell-box-txt,
.market-buy-box-txt,
.market-box-txt {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 16px;
}
.market-sell-box-txt-pr,
.market-buy-box-txt-pr,
.market-box-txt-pr {
  line-height: 1.5;
  margin-top: 16px;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .market-sell-box-txt-pr,
  .market-buy-box-txt-pr,
  .market-box-txt-pr {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell-box-txt-pr,
  .market-buy-box-txt-pr,
  .market-box-txt-pr {
    font-size: 16px;
  }
}
.market-sell .kv.sell,
.market-buy .kv.sell,
.market .kv.sell {
  margin-top: 0;
}
.market-sell .kv-wrap,
.market-buy .kv-wrap,
.market .kv-wrap {
  position: relative;
  /*&:before{
    content: "";
    position: absolute;
    left: 50%;
    background-image: url(../svgs/market-kv-badge.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    @include breakpoint.bp(pc){
      top: 60%;
      width: 15vw;
      height: 8.6vw;
      transform: translateX(-78%);
    }
    @include breakpoint.bp(lg){
      width: 192px;
      height: 110px;
    }
    @include breakpoint.bp(sp){
      top: 37%;
      width: 29.8vw;
      height: 17.6vw;
      transform: translateX(48%);
    }
  }*/
}
@media screen and (min-width: 768px) {
  .market-sell .kv-wrap,
  .market-buy .kv-wrap,
  .market .kv-wrap {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    height: 600px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell .kv-wrap,
  .market-buy .kv-wrap,
  .market .kv-wrap {
    max-width: none;
    height: 39.4vw;
    margin: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell .kv-wrap,
  .market-buy .kv-wrap,
  .market .kv-wrap {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: unset;
    margin: 0 auto;
    padding-top: 78.2vw;
  }
}
.market-sell .kv-wrap.sell:before, .market-sell .kv-wrap.buy:before,
.market-buy .kv-wrap.sell:before,
.market-buy .kv-wrap.buy:before,
.market .kv-wrap.sell:before,
.market .kv-wrap.buy:before {
  content: unset;
}
.market-sell .kv-wrap.sell, .market-sell .kv-wrap.buy,
.market-buy .kv-wrap.sell,
.market-buy .kv-wrap.buy,
.market .kv-wrap.sell,
.market .kv-wrap.buy {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center top;
}
@media screen and (min-width: 768px) {
  .market-sell .kv-wrap.sell, .market-sell .kv-wrap.buy,
  .market-buy .kv-wrap.sell,
  .market-buy .kv-wrap.buy,
  .market .kv-wrap.sell,
  .market .kv-wrap.buy {
    height: 520px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell .kv-wrap.sell, .market-sell .kv-wrap.buy,
  .market-buy .kv-wrap.sell,
  .market-buy .kv-wrap.buy,
  .market .kv-wrap.sell,
  .market .kv-wrap.buy {
    height: 210px;
    padding: 0;
  }
}
.market-sell .kv-wrap.buy,
.market-buy .kv-wrap.buy,
.market .kv-wrap.buy {
  background-image: url(../images/market-lower-kv-bg-buy.png);
}
.market-sell .kv-wrap.sell,
.market-buy .kv-wrap.sell,
.market .kv-wrap.sell {
  background-image: url(../images/market-lower-kv-bg-sell2.png);
}
.market-sell .kv-box,
.market-buy .kv-box,
.market .kv-box {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .market-sell .kv-box,
  .market-buy .kv-box,
  .market .kv-box {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.market-sell .kv-box.sell, .market-sell .kv-box.buy,
.market-buy .kv-box.sell,
.market-buy .kv-box.buy,
.market .kv-box.sell,
.market .kv-box.buy {
  position: absolute;
  right: unset;
  left: 50%;
  -webkit-transform: translateX(-88%);
          transform: translateX(-88%);
}
@media screen and (min-width: 768px) {
  .market-sell .kv-box.sell, .market-sell .kv-box.buy,
  .market-buy .kv-box.sell,
  .market-buy .kv-box.buy,
  .market .kv-box.sell,
  .market .kv-box.buy {
    top: 72px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell .kv-ttl,
  .market-buy .kv-ttl,
  .market .kv-ttl {
    line-height: 60px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell .kv-ttl,
  .market-buy .kv-ttl,
  .market .kv-ttl {
    line-height: 5.7vw;
  }
}
@media screen and (max-width: 767px) {
  .market-sell .kv-ttl,
  .market-buy .kv-ttl,
  .market .kv-ttl {
    line-height: 46px;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .market-sell .kv-ttl > img,
  .market-buy .kv-ttl > img,
  .market .kv-ttl > img {
    height: 60px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell .kv-ttl > img,
  .market-buy .kv-ttl > img,
  .market .kv-ttl > img {
    height: 5.7vw;
  }
}
@media screen and (max-width: 767px) {
  .market-sell .kv-ttl > img,
  .market-buy .kv-ttl > img,
  .market .kv-ttl > img {
    height: 46px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell .kv-ttl.sell, .market-sell .kv-ttl.buy,
  .market-buy .kv-ttl.sell,
  .market-buy .kv-ttl.buy,
  .market .kv-ttl.sell,
  .market .kv-ttl.buy {
    line-height: 24px;
    padding-top: 34px;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .market-sell .kv-ttl.sell > img, .market-sell .kv-ttl.buy > img,
  .market-buy .kv-ttl.sell > img,
  .market-buy .kv-ttl.buy > img,
  .market .kv-ttl.sell > img,
  .market .kv-ttl.buy > img {
    height: 52px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell .kv-ttl.sell > img, .market-sell .kv-ttl.buy > img,
  .market-buy .kv-ttl.sell > img,
  .market-buy .kv-ttl.buy > img,
  .market .kv-ttl.sell > img,
  .market .kv-ttl.buy > img {
    height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell .kv-txt.sell, .market-sell .kv-txt.buy,
  .market-buy .kv-txt.sell,
  .market-buy .kv-txt.buy,
  .market .kv-txt.sell,
  .market .kv-txt.buy {
    margin-top: 14px;
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .market-sell .kv-txt.sell, .market-sell .kv-txt.buy,
  .market-buy .kv-txt.sell,
  .market-buy .kv-txt.buy,
  .market .kv-txt.sell,
  .market .kv-txt.buy {
    margin-top: 10px;
    font-size: 10px;
  }
}
.market-sell,
.market-buy,
.market {
  /*.service{
  // .service-list
    &-list{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-left: auto;
      margin-right: auto;
      @include breakpoint.bp(pc){
        margin-top: -70px;
      }
      @include breakpoint.bp(sp){
        margin-top: -30px;
      }
      &>li{
        position: relative;
        box-sizing: border-box;
        line-height: 1.6;
        font-weight: 500;
        text-align: center;
        @include breakpoint.bp(pc){
          width: 33%;
          min-width: 150px;
          font-size: 16px;
          margin-top: 70px;
          padding-top: 120px;
        }
        @include breakpoint.bp(sp){
          width: 115px;
          font-size: 14px;
          margin-top: 30px;
          padding-top: 66px;
        }
        &:before{
          position: absolute;
          top: 0;
          left: 50%;
          content: "";
          display: block;
          background-repeat: no-repeat;
          background-position: center top;
          background-size: 100% auto;
          transform: translateX(-50%);
          @include breakpoint.bp(pc){
            width: 150px;
            height: 104px;
          }
          @include breakpoint.bp(sp){
            width: 86px;
            height: 60px;
          }
        }
        &:nth-child(5){
          &:before{
            background-image: url(../svgs/market-detail-icon_09.svg); 
          }
        }
        &:nth-child(6){
          &:before{
            background-image: url(../svgs/market-detail-icon_10.svg); 
          }
        }
      }
    }
  }*/
}
.market-sell .lineup-ttl-before,
.market-buy .lineup-ttl-before,
.market .lineup-ttl-before {
  margin-bottom: 8px;
  text-align: center;
}
.market-sell .lineup-ttl-before > p,
.market-buy .lineup-ttl-before > p,
.market .lineup-ttl-before > p {
  position: relative;
  display: inline-block;
  font-size: 16px;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
}
.market-sell .lineup-ttl-before > p:after, .market-sell .lineup-ttl-before > p:before,
.market-buy .lineup-ttl-before > p:after,
.market-buy .lineup-ttl-before > p:before,
.market .lineup-ttl-before > p:after,
.market .lineup-ttl-before > p:before {
  content: "";
  position: absolute;
  top: 4px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1px;
  height: 16px;
  background-color: #333;
}
.market-sell .lineup-ttl-before > p:before,
.market-buy .lineup-ttl-before > p:before,
.market .lineup-ttl-before > p:before {
  left: -4px;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.market-sell .lineup-ttl-before > p:after,
.market-buy .lineup-ttl-before > p:after,
.market .lineup-ttl-before > p:after {
  right: -4px;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.market-sell .lineup-record .buy-wrap:before,
.market-buy .lineup-record .buy-wrap:before,
.market .lineup-record .buy-wrap:before {
  content: unset;
}
.market-sell .lineup-record .buy-wrap:after,
.market-buy .lineup-record .buy-wrap:after,
.market .lineup-record .buy-wrap:after {
  top: 18px;
}
.market-sell .lineup-note,
.market-buy .lineup-note,
.market .lineup-note {
  font-size: 10px;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  color: #747880;
}
@media screen and (min-width: 768px) {
  .market-sell .lineup-note,
  .market-buy .lineup-note,
  .market .lineup-note {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .market-sell .lineup-note,
  .market-buy .lineup-note,
  .market .lineup-note {
    width: 100%;
    margin-top: 20px;
  }
}
.market-sell .lineup-note > li,
.market-buy .lineup-note > li,
.market .lineup-note > li {
  display: inline-block;
}
.market-sell .lineup-btn,
.market-buy .lineup-btn,
.market .lineup-btn {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .market-sell .lineup-btn,
  .market-buy .lineup-btn,
  .market .lineup-btn {
    width: 364px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell .lineup-btn,
  .market-buy .lineup-btn,
  .market .lineup-btn {
    width: 240px;
  }
}
.market-sell .lineup-tab,
.market-buy .lineup-tab,
.market .lineup-tab {
  background: #F4F5F7;
  border-radius: 20px 20px 0 0;
  padding: 15px 15px 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
@media screen and (min-width: 768px) {
  .market-sell .lineup-tab,
  .market-buy .lineup-tab,
  .market .lineup-tab {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell .lineup-tab,
  .market-buy .lineup-tab,
  .market .lineup-tab {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
  }
}
.market-sell .lineup-tab > li,
.market-buy .lineup-tab > li,
.market .lineup-tab > li {
  position: relative;
}
@media screen and (min-width: 768px) {
  .market-sell .lineup-tab > li,
  .market-buy .lineup-tab > li,
  .market .lineup-tab > li {
    width: 15%;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell .lineup-tab > li,
  .market-buy .lineup-tab > li,
  .market .lineup-tab > li {
    width: 30%;
  }
}
.market-sell .lineup-tab > li > a,
.market-buy .lineup-tab > li > a,
.market .lineup-tab > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  border-radius: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 1;
}
.market-sell .lineup-tab > li > a > img,
.market-buy .lineup-tab > li > a > img,
.market .lineup-tab > li > a > img {
  display: block;
  max-width: 46px;
}
.market-sell .lineup-tab > li > a > span,
.market-buy .lineup-tab > li > a > span,
.market .lineup-tab > li > a > span {
  display: block;
  text-align: center;
  font-size: 12px;
  margin-top: 5%;
}
.market-sell .lineup-tab > li.select::after,
.market-buy .lineup-tab > li.select::after,
.market .lineup-tab > li.select::after {
  content: "";
  background: #fff;
  border: 1px solid #0786BD;
  -webkit-box-shadow: 0px 3px 15px rgba(84, 185, 229, 0.2);
          box-shadow: 0px 3px 15px rgba(84, 185, 229, 0.2);
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.market-sell .lineup-buy .lineup-record,
.market-buy .lineup-buy .lineup-record,
.market .lineup-buy .lineup-record {
  background: #F4F5F7;
  padding-bottom: 50px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .market-sell .lineup-buy .lineup-record,
  .market-buy .lineup-buy .lineup-record,
  .market .lineup-buy .lineup-record {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell .lineup-buy .lineup-record,
  .market-buy .lineup-buy .lineup-record,
  .market .lineup-buy .lineup-record {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0 0 20px 20px;
  }
}
.market-sell .lineup-buy .lineup-record-type,
.market-buy .lineup-buy .lineup-record-type,
.market .lineup-buy .lineup-record-type {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  padding: 5px 5px 0 5px;
  -webkit-animation: all 0.3s;
          animation: all 0.3s;
  z-index: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.market-sell .lineup-buy .lineup-record-type.select,
.market-buy .lineup-buy .lineup-record-type.select,
.market .lineup-buy .lineup-record-type.select {
  display: block;
  position: relative;
  opacity: 1;
  z-index: 1;
}
.market-sell .lineup-buy .lineup-record .slider-market-buy .buy-wrap,
.market-buy .lineup-buy .lineup-record .slider-market-buy .buy-wrap,
.market .lineup-buy .lineup-record .slider-market-buy .buy-wrap {
  background: #fff;
  width: auto;
}
.market-sell .lineup-buy .lineup-record .slider-market-buy .buy-wrap a,
.market-buy .lineup-buy .lineup-record .slider-market-buy .buy-wrap a,
.market .lineup-buy .lineup-record .slider-market-buy .buy-wrap a {
  color: #333;
  display: block;
}
.market-sell .lineup-buy .lineup-record .slider-market-buy .buy-wrap a span,
.market-buy .lineup-buy .lineup-record .slider-market-buy .buy-wrap a span,
.market .lineup-buy .lineup-record .slider-market-buy .buy-wrap a span {
  display: block;
}
.market-sell .lineup-buy .lineup-record .slider-market-buy .buy-price th,
.market-buy .lineup-buy .lineup-record .slider-market-buy .buy-price th,
.market .lineup-buy .lineup-record .slider-market-buy .buy-price th {
  width: 36%;
}
.market-sell .lineup-buy .lineup-record .slider-market-buy .buy-price th p,
.market-buy .lineup-buy .lineup-record .slider-market-buy .buy-price th p,
.market .lineup-buy .lineup-record .slider-market-buy .buy-price th p {
  width: 100%;
}
.market-sell .lineup-buy .lineup-record .slider-market-buy .buy-price td,
.market-buy .lineup-buy .lineup-record .slider-market-buy .buy-price td,
.market .lineup-buy .lineup-record .slider-market-buy .buy-price td {
  width: 64%;
  font-size: 14px;
}
.market-sell .lineup-buy .lineup-record .slider-market-buy .buy-price td span,
.market-buy .lineup-buy .lineup-record .slider-market-buy .buy-price td span,
.market .lineup-buy .lineup-record .slider-market-buy .buy-price td span {
  display: inline-block;
}
.market-sell .lineup-buy .lineup-record .slider-market-buy .buy-price td span.yen,
.market-buy .lineup-buy .lineup-record .slider-market-buy .buy-price td span.yen,
.market .lineup-buy .lineup-record .slider-market-buy .buy-price td span.yen {
  padding-right: 1em;
  padding-left: 0.2em;
}
.market-sell .lineup-buy .lineup-record .slider-market-buy .buy-price td span.yen.min,
.market-buy .lineup-buy .lineup-record .slider-market-buy .buy-price td span.yen.min,
.market .lineup-buy .lineup-record .slider-market-buy .buy-price td span.yen.min {
  padding-right: 0;
}
.market-sell .lineup-buy .lineup-record .slider-market-buy > .slick-list,
.market-buy .lineup-buy .lineup-record .slider-market-buy > .slick-list,
.market .lineup-buy .lineup-record .slider-market-buy > .slick-list {
  overflow: visible;
}
.market-sell .lineup-buy .lineup-record .slider-market-buy > .slick-list > .slick-track > .slick-slide,
.market-buy .lineup-buy .lineup-record .slider-market-buy > .slick-list > .slick-track > .slick-slide,
.market .lineup-buy .lineup-record .slider-market-buy > .slick-list > .slick-track > .slick-slide {
  margin: 5px;
}
.market-sell .lineup-buy .lineup-record .slider-market-buy .slick-arrow.slick-next,
.market-buy .lineup-buy .lineup-record .slider-market-buy .slick-arrow.slick-next,
.market .lineup-buy .lineup-record .slider-market-buy .slick-arrow.slick-next {
  right: 0;
}
.market-sell .lineup-buy .lineup-record .slider-market-buy .slick-arrow.slick-prev,
.market-buy .lineup-buy .lineup-record .slider-market-buy .slick-arrow.slick-prev,
.market .lineup-buy .lineup-record .slider-market-buy .slick-arrow.slick-prev {
  left: 0;
}
.market-sell .lineup-buy .lineup-note,
.market-buy .lineup-buy .lineup-note,
.market .lineup-buy .lineup-note {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-top: 20px;
  text-align: left;
}
.market-sell .lineup-buy .lineup-note > li,
.market-buy .lineup-buy .lineup-note > li,
.market .lineup-buy .lineup-note > li {
  display: block;
}
.market-sell,
.market-buy,
.market {
  /*  .result{
      &-column{
        display: flex;
        justify-content: space-between;
        align-items: center;
        @include breakpoint.bp(pc){
          margin-top:80px;
        }
        @include breakpoint.bp(sp){
          margin-top:45px;
        }
        &-item{

          box-sizing: border-box;
          background:color.$cars-light-gray;
          border-radius: 12px;
          position: relative;
          @include breakpoint.bp(pc){
            width:32%;
            padding:45px 10px 25px 10px;
            display: flex;
            align-items: center;
            justify-content: center;
          }
          @include breakpoint.bp(sp){
            width:31%;
            padding:30px 10px 20px 10px;
          }
          &::before{
            content:"";
            position: absolute;
            background-size:contain;
            left:50%;
          }
          dt{
            font-weight: bold;
            @include breakpoint.bp(pc){
              font-size:24px;
              margin-right:0.5em;
            }
            @include breakpoint.bp(sp){
              font-size:16px;
              text-align: center;
              margin-bottom:10px;
            }
          }
          dd{
            display: flex;
            align-items: center;
            justify-content: center;
            color:color.$cars-blue;
            font-weight: bold;
            line-height: 1;
            strong{
              font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
              letter-spacing: -0.04em;
              @include breakpoint.bp(pc){
                font-size: 60px;
              }
              @include breakpoint.bp(sp){
                font-size:42px;
              }
            }
            span{
              @include breakpoint.bp(pc){
                font-size:35px;
              }
              @include breakpoint.bp(sp){
                font-size:28px;
              }
            }
            small{
              width:1em;
              line-height: 1;
              margin-left:3px;
              @include breakpoint.bp(pc){
                font-size:20px;
              }
              @include breakpoint.bp(sp){
                font-size:14px;
              }
            }
          }
          &.result-price{
            &::before{
              background-image:url(../svgs/market-icon_matching_price.svg);
              @include breakpoint.bp(pc){
                width:41px;
                height:41px;
                top:-21px;
                margin-left:-21px;
              }
              @include breakpoint.bp(sp){
                width:27px;
                height:27px;
                top:-14px;
                margin-left:-14px;
              }
            }
          }
          &.result-per{

            &::before{
              background-image:url(../svgs/market-icon_matching_per.svg);
              @include breakpoint.bp(pc){
                width:60px;
                height:41px;
                top:-20px;
                margin-left:-30px;
              }
              @include breakpoint.bp(sp){
                width:39px;
                height:27px;
                top:-14px;
                margin-left:-20px;
              }
            }
            dd{
              align-items:baseline;
              span{
                margin-left:3px;
                @include breakpoint.bp(sp){
                  font-size:20px;
                }
              }
            }
          }
          &.result-day{

            &::before{
              background-image:url(../svgs/market-icon_matching_day.svg);
              @include breakpoint.bp(pc){
                width:35px;
                height:35px;
                top:-17px;
                margin-left:-17px;
              }
              @include breakpoint.bp(sp){
                width:24px;
                height:24px;
                top:-12px;
                margin-left:-12px;
              }
            }
            dd{
              align-items:baseline;
              span{
                margin-left:3px;
                @include breakpoint.bp(sp){
                  font-size:20px;
                }
              }
            }
          }

        }
      }
      &-caution{
        text-align: center;
        font-size:12px;
        margin-top:17px;
      }
    }*/
  /*.about{
    @include breakpoint.bp(pc){
      @include common.container(770px);
    }
    @include breakpoint.bp(tb){
      @include common.container(305px);
    }
    // .lineup-ttl
    &-ttl{
      // .lineup-ttl-before
      &-before{
        margin-bottom: 8px;
        text-align: center;
        &>p{
          @include before-txt(16px);
        }
      }
    }
    &-title{
      display: flex;
      justify-content: center;
      align-items: flex-end;
      line-height: 1;
      &>figure{
        margin-bottom:0;
        margin-right:5px;
        @include breakpoint.bp(tb){
          max-width:219px;
        }
      }
    }
    &-wrap{
      @include breakpoint.bp(pc){
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      @include breakpoint.bp(tb){
        display: block;
      }
    }
    &-image{
      @include breakpoint.bp(pc){
        width:45%;
      }
      @include breakpoint.bp(tb){
        width:100%;
      }
    }
    &-text{
      @include breakpoint.bp(pc){
        width:49%;
      }
      @include breakpoint.bp(tb){
        width:100%;
      }
      line-height: 1.75;
    }

  }*/
  /*.charm{
    @include breakpoint.bp(pc){
      @include common.container(1000px);
    }
    @include breakpoint.bp(tb){
      @include common.container(305px);
    }
    &>.ttl-lv1{
      margin-bottom:0;
    }
    // .lineup-ttl
    &-ttl{
      // .lineup-ttl-before
      &-before{
        margin-bottom: 8px;
        text-align: center;
        &>p{
          @include before-txt(16px);
        }
      }
    }
    &-list{
      @include breakpoint.bp(pc){
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
      }
      @include breakpoint.bp(tb){
        display: block;
      }
      counter-reset: benefitsCnt;
      &>li{
        @include breakpoint.bp(pc){
          width:30%;
        }
        @include breakpoint.bp(tb){
          width:100%;
        }
        margin-top:5%;
        &>h3{
          text-align: center;
          position: relative;
          line-height: 110px;
          &::before{
            counter-increment: benefitsCnt;
            content: counter(benefitsCnt, decimal-leading-zero);
            position: absolute;
            top: 55%;
            left: 50%;
            z-index: -1;
            font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
            font-size: 80px;
            line-height: 1px;
            height: 120px;
            font-weight: bold;
            color: #F4F5F7;
            transform: translateX(-50%);
          }
        }
        &>figure{
          text-align: center;
        }
        &>p{
          line-height: 1.5;
        }
      }
    }
  }*/
  /*.merit{
    @include breakpoint.bp(pc){
      @include common.container(686px);
    }
    @include breakpoint.bp(tb){
      @include common.container(305px);
    }
    // .lineup-ttl
    &-ttl{
      // .lineup-ttl-before
      &-before{
        margin-bottom: 8px;
        text-align: center;
        &>p{
          @include before-txt(16px);
        }
      }
    }
    &-image{
      max-width:295px;
      margin:0 auto;
    }
    &-list{
      @include breakpoint.bp(pc){
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
      }
      @include breakpoint.bp(tb){
        display: block;
      }
      &>li{
        @include breakpoint.bp(pc){
          width:47%;
        }
        @include breakpoint.bp(tb){
          width:100%;
        }
        margin-top:25px;
        border:1px solid #ddd;
        border-radius: 12px;
        padding:20px;
        box-sizing: border-box;
        &>h4{
          font-size:12px;
          position: relative;
          color:color.$cars-blue;
          padding-bottom:6px;
          text-align: center;
          &::after{
            content:"";
            position: absolute;
            bottom:0;
            left:50%;
            margin-left:-10px;
            width:20px;
            height:1px;
            background:color.$cars-blue;
          }
        }
        &>h3{
          margin-top:15px;
          text-align: center;
        }
        &>figure{
          margin-top:15px;
          text-align: center;
        }
        &>p{
          margin-top:15px;
          line-height: 1.5;
        }
      }
    }
  }*/
  /*.support{
    // .support-ttl
    &-ttl{
      line-height: 1.4;
    }
    // .support-box
    &-box{
      margin: 0 auto;
      @include breakpoint.bp(pc){
        @include common.container(520px);
      }
      @include breakpoint.bp(sp){
        @include common.container(305px);
      }
      // .support-box-list
      &-list{
        margin-top: 36px;
        &>li{
          margin-top: unset;
          @include breakpoint.bp(pc){
            width: 158px;
            height: 158px;
          }
          @include breakpoint.bp(sp){
            width: 92px;
            height: 92px;
          }
          &>p{
            @include breakpoint.bp(pc){
              font-size: 20px;
            }
            @include breakpoint.bp(sp){
              font-size: 12px;
            }
          }
        }
      }
      // .support-box-txt
      &-txt{
        margin-top: 28px;
      }
    }
  }*/
  /*.recommend{
    // .recommend-ttl
    &-ttl{
      line-height: 1.5;
    }
    // .recommend-img
    &-img{
      display: block;
      margin-left: auto;
      margin-right: auto;
      @include breakpoint.bp(pc){
        width: 400px;
        margin-top: 60px;
      }
      @include breakpoint.bp(sp){
        width: 280px;
        margin-top: 30px;
      }
      &>img{
        width: 100%;
        padding-left: 25px;
      }
    }
    // .recommend-txt
    &-txt{
      width: 305px;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.5;
      font-weight: bold;
      text-align: center;
      @include breakpoint.bp(pc){
        font-size: 20px;
        margin-top: 20px;
      }
      @include breakpoint.bp(sp){
        font-size: 16px;
        margin-top: 16px;
      }
    }
    // .recommend-column
    &-column{
    }
  }*/
  /*.brand{
    // .brand-list
    &-list{
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      max-width: 812px;
      margin: 0 auto;
      @include breakpoint.bp(pc){
        justify-content: space-between;
      }
      @include breakpoint.bp(sp){
        justify-content: center;
      }
      &>li{
        box-sizing: border-box;
        @include breakpoint.bp(pc){
          width: 356px;
        }
        @include breakpoint.bp(sp){
          width: 100%;
          max-width: 320px;
          margin: 48px auto 0;
        }
        &:first-of-type{
          @include breakpoint.bp(sp){
            margin-top: 0;
          }
        }
        &>h4{
          line-height: 1;
          font-weight: 600;
          text-align: center;
          @include breakpoint.bp(pc){
            font-size: 24px;
          }
          @include breakpoint.bp(sp){
            font-size: 20px;
          }
        }
      }
      // .brand-list-logo
      &-logo{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        &>li{
          width: 33%;
          min-width: 70px;
          @include breakpoint.bp(pc){
            margin-top: 40px;
          }
          @include breakpoint.bp(sp){
            margin-top: 24px;
          }
          &>figure{
            display: block;
            text-align: center;
            &>img{
              width: auto;
              height: 60px;
            }
            &>figcaption{
              display: block;
              line-height: 1;
              padding-top: 8px;
              font-weight: 600;
              @include breakpoint.bp(pc){
                font-size: 14px;
              }
              @include breakpoint.bp(sp){
                font-size: 11px;
              }
              &.vw,
              &.benz{
                letter-spacing: -1px;
              }
            }
          }
        }
      }
    }
    // .brand-txt
    &-txt{
      font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
      line-height: 1;
      font-weight: bold;
      text-align: center;
      @include breakpoint.bp(pc){
        font-size: 20px;
        margin-top: 40px;
      }
      @include breakpoint.bp(sp){
        font-size: 16px;
        margin-top: 30px;
      }
    }
  }*/
  /*.compare{
    // .compare-ttl
    &-ttl{
      width: 12em;
      line-height: 1.5;
    }
    // .compare-lead
    &-lead{
      font-weight: bold;
      text-align: center;
      @include breakpoint.bp(pc){
        font-size: 21px;
        line-height: 1;
      }
      @include breakpoint.bp(tb){
        font-size: 18px;
        line-height: 1.7;
      }
    }
    // .compare-table
    &-table{
      width: 100%;
      border-left: solid 2px color.$cars-light-gray;
      @include breakpoint.bp(pc){
        margin-top: 96px;
      }
      @include breakpoint.bp(tb){
        margin-top: 60px;
      }
      tr{
        @mixin compare-table-cell(){
          border-top: none;
          border-left: none;
          border-right: solid 2px color.$cars-light-gray;
          border-bottom: solid 2px color.$cars-light-gray;
        }
        &>th{
          @include compare-table-cell;
          width: 26%;
          line-height: 1;
          font-weight: bold;
          text-align: center;
          color: color.$white;
          background-color: color.$cars-gray;
          @include breakpoint.bp(pc){
            font-size: 16px;
            padding: 10px 0;
          }
          @include breakpoint.bp(tb){
            font-size: 12px;
            padding: 6px 0;
          }
          &:first-of-type{
            width: auto;
          }
          $compare-table-cell-th-color: #1E5199;
          &.new{
            background-color: $compare-table-cell-th-color;
          }
          &.used{
            background-color: $compare-table-cell-th-color;
          }
          &.ride{
            position: relative;
            background-color: color.$cars-blue;
            @include breakpoint.bp(pc){
              font-size: 21px;
            }
            @include breakpoint.bp(tb){
              font-size: 16px;
            }
            &>span{
              font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
              position: absolute;
              left: 50%;
              line-height: 1;
              font-weight: bold;
              color: color.$white;
              background-color: color.$cars-orange;
              border-radius: 6px;
              transform: translateX(-50%);
              @include breakpoint.bp(pc){
                top: -35px;
                font-size: 20px;
                padding: 6px 12px;
              }
              @include breakpoint.bp(tb){
                top: -25px;
                font-size: 15px;
                padding: 4px 8px;
              }
              &:after{
                content: "";
                position: absolute;
                z-index: -1;
                left: 50%;
                background-color: color.$cars-orange;
                transform: rotate(45deg) translateX(-50%);
                @include breakpoint.bp(pc){
                  bottom: -8px;
                  width: 10px;
                  height: 10px;
                }
                @include breakpoint.bp(tb){
                  bottom: -6px;
                  width: 8px;
                  height: 8px;
                }
              }
            }
          }
        }
        &>td{
          @include compare-table-cell;
          padding: 10px 0 10px;
          font-weight: bold;
          text-align: center;
          white-space: nowrap;
          word-wrap: nowrap;
          @include breakpoint.bp(pc){
            font-size: 16px;
          }
          @include breakpoint.bp(tb){
            font-size: 12px;
          }
          &.label{
            background-color: #E4E5E8;
          }
          span{
            display: inline-block;
            line-height: 1;
            background-repeat: no-repeat;
            background-position: center top;
            @include breakpoint.bp(pc){
              min-width: 32px;
              font-size: 14px;
              padding: 45px 0 0;
              background-size: auto 35px;
            }
            @include breakpoint.bp(tb){
              font-size: 11px;
              padding: 30px 4px 0;
              background-size: auto 26px;
            }
            &.maru{
              background-image: url(../svgs/icon-compare-maru.svg);
            }
            &.maru2{
              background-image: url(../svgs/icon-compare-maru2.svg);
            }
            &.sankaku{
              background-image: url(../svgs/icon-compare-sankaku.svg);
            }
            &.batsu{
              background-image: url(../svgs/icon-compare-batsu.svg);
            }
          }
        }
      }
    }
    // .compare-ride
    &-ride{
      @include breakpoint.bp(pc){
        margin-top: 48px;
      }
      @include breakpoint.bp(sp){
        margin-top: 32px;
        padding-left: 20px;
        padding-right: 20px;
      }
      &>figure{
        display: block;
        box-sizing: border-box;
        @include breakpoint.bp(pc){
          float: left;
          width: 310px;
          margin-right: 42px;
        }
        @include breakpoint.bp(sp){
          width: 254px;
          margin: 0 auto;
        }
        &>img{
          width: 100%;
        }
      }
      &>p{
        font-size: 16px;
        line-height: 1.7;
        @include breakpoint.bp(sp){
          margin-top: 32px;
        }
        &>strong{
          display: block;
          box-sizing: border-box;
          line-height: 1;
          font-weight: bold;
          @include breakpoint.bp(pc){
            font-size: 24px;
            margin-bottom: 20px;
          }
          @include breakpoint.bp(sp){
            font-size: 18px;
            margin-bottom: 32px;
            text-align: center;
          }
        }
      }
    }
  }*/
}
@media screen and (min-width: 768px) {
  .market-sell .faq-inc,
  .market-buy .faq-inc,
  .market .faq-inc {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell .faq-inc,
  .market-buy .faq-inc,
  .market .faq-inc {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.market-sell .faq-btn,
.market-buy .faq-btn,
.market .faq-btn {
  position: relative;
  height: 50px;
  color: #333;
}
.market-sell .faq-btn > a,
.market-buy .faq-btn > a,
.market .faq-btn > a {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  text-align: center;
  color: inherit;
  border-radius: calc(50px / 2);
  font-weight: normal;
  border: solid 1px;
  background-color: #fff;
}
.market-sell .faq-btn,
.market-buy .faq-btn,
.market .faq-btn {
  width: 168px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .market-sell .faq-btn,
  .market-buy .faq-btn,
  .market .faq-btn {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1039px) {
  .market-sell .faq-btn,
  .market-buy .faq-btn,
  .market .faq-btn {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  .market-sell .movie,
  .market-buy .movie,
  .market .movie {
    margin-top: 160px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .market-sell .movie,
  .market-buy .movie,
  .market .movie {
    margin-top: 96px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
}
.market-sell .movie-inner,
.market-buy .movie-inner,
.market .movie-inner {
  position: relative;
  padding-top: 56.25%;
}
.market-sell .movie iframe,
.market-buy .movie iframe,
.market .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.market-menu {
  position: fixed;
  bottom: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 10px rgba(173, 179, 190, 0.18);
          box-shadow: 0px 0px 10px rgba(173, 179, 190, 0.18);
}
@media screen and (min-width: 768px) {
  .market-menu {
    padding: 15px 0;
  }
}
@media screen and (max-width: 1039px) {
  .market-menu {
    padding: 10px 0;
  }
}
@media screen and (min-width: 768px) {
  .market-menu-btn {
    width: 400px;
    margin: 0 20px;
    position: relative;
    height: 50px;
    color: #fff;
    border-radius: calc(50px / 2);
  }
  .market-menu-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: inherit;
    border-radius: calc(50px / 2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .market-menu-btn:hover:before {
    opacity: 1;
  }
  .market-menu-btn > a {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    color: inherit;
    border-radius: calc(50px / 2);
  }
  .market-menu-btn > a:hover {
    opacity: 1;
  }
  .market-menu-btn {
    background: linear-gradient(135deg, #035ca8 0%, #0898ce 100%);
    -webkit-box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
            box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
  }
  .market-menu-btn:before {
    background: linear-gradient(135deg, #0571C0 0%, #19B3E2 100%);
  }
}
@media screen and (max-width: 1039px) {
  .market-menu-btn {
    width: 100%;
    margin: 0 15px;
    position: relative;
    height: 40px;
    color: #fff;
    border-radius: calc(40px / 2);
  }
  .market-menu-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: inherit;
    border-radius: calc(40px / 2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .market-menu-btn:hover:before {
    opacity: 1;
  }
  .market-menu-btn > a {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    color: inherit;
    border-radius: calc(40px / 2);
  }
  .market-menu-btn > a:hover {
    opacity: 1;
  }
  .market-menu-btn {
    background: linear-gradient(135deg, #035ca8 0%, #0898ce 100%);
    -webkit-box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
            box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
  }
  .market-menu-btn:before {
    background: linear-gradient(135deg, #0571C0 0%, #19B3E2 100%);
  }
}
@media screen and (min-width: 768px) {
  .market-menu-btn.buy {
    position: relative;
    height: 50px;
    color: #fff;
    border-radius: calc(50px / 2);
  }
  .market-menu-btn.buy:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: inherit;
    border-radius: calc(50px / 2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .market-menu-btn.buy:hover:before {
    opacity: 1;
  }
  .market-menu-btn.buy > a {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    color: inherit;
    border-radius: calc(50px / 2);
  }
  .market-menu-btn.buy > a:hover {
    opacity: 1;
  }
  .market-menu-btn.buy {
    background: -webkit-gradient(linear, left top, right top, from(#EF25A9), to(#FF655C));
    background: linear-gradient(to right, #EF25A9 0%, #FF655C 100%);
  }
  .market-menu-btn.buy:before {
    background: rgba(255, 255, 255, 0.3);
  }
}
@media screen and (max-width: 1039px) {
  .market-menu-btn.buy {
    position: relative;
    height: 40px;
    color: #fff;
    border-radius: calc(40px / 2);
  }
  .market-menu-btn.buy:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: inherit;
    border-radius: calc(40px / 2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .market-menu-btn.buy:hover:before {
    opacity: 1;
  }
  .market-menu-btn.buy > a {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    color: inherit;
    border-radius: calc(40px / 2);
  }
  .market-menu-btn.buy > a:hover {
    opacity: 1;
  }
  .market-menu-btn.buy {
    background: -webkit-gradient(linear, left top, right top, from(#EF25A9), to(#FF655C));
    background: linear-gradient(to right, #EF25A9 0%, #FF655C 100%);
  }
  .market-menu-btn.buy:before {
    background: rgba(255, 255, 255, 0.3);
  }
}
@media screen and (min-width: 768px) {
  .market-menu-btn.sell {
    position: relative;
    height: 50px;
    color: #fff;
    border-radius: calc(50px / 2);
  }
  .market-menu-btn.sell:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: inherit;
    border-radius: calc(50px / 2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .market-menu-btn.sell:hover:before {
    opacity: 1;
  }
  .market-menu-btn.sell > a {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    color: inherit;
    border-radius: calc(50px / 2);
  }
  .market-menu-btn.sell > a:hover {
    opacity: 1;
  }
  .market-menu-btn.sell {
    background: -webkit-gradient(linear, left top, right top, from(#CCE200), to(#6EEB72));
    background: linear-gradient(to right, #CCE200 0%, #6EEB72 100%);
  }
  .market-menu-btn.sell:before {
    background: rgba(255, 255, 255, 0.3);
  }
}
@media screen and (max-width: 1039px) {
  .market-menu-btn.sell {
    position: relative;
    height: 40px;
    color: #fff;
    border-radius: calc(40px / 2);
  }
  .market-menu-btn.sell:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: inherit;
    border-radius: calc(40px / 2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .market-menu-btn.sell:hover:before {
    opacity: 1;
  }
  .market-menu-btn.sell > a {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    color: inherit;
    border-radius: calc(40px / 2);
  }
  .market-menu-btn.sell > a:hover {
    opacity: 1;
  }
  .market-menu-btn.sell {
    background: -webkit-gradient(linear, left top, right top, from(#CCE200), to(#6EEB72));
    background: linear-gradient(to right, #CCE200 0%, #6EEB72 100%);
  }
  .market-menu-btn.sell:before {
    background: rgba(255, 255, 255, 0.3);
  }
}
@media screen and (min-width: 768px) {
  .market-menu-btn > a {
    font-size: 16px;
  }
}
@media screen and (max-width: 1039px) {
  .market-menu-btn > a {
    font-size: 14px;
  }
}
.market-menu-btn > a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: solid 3px;
  border-right: solid 3px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 768px) {
  .market-menu-btn > a:after {
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 1039px) {
  .market-menu-btn > a:after {
    width: 8px;
    height: 8px;
  }
}

.market-sell .market-menu-pop,
.market-buy .market-menu-pop {
  background: #fff;
  position: absolute;
  bottom: 73%;
  left: 50%;
  padding: 10px 15px;
  border-radius: 6px;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  -webkit-filter: drop-shadow(0px 0px 10px rgba(173, 179, 190, 0.18));
          filter: drop-shadow(0px 0px 10px rgba(173, 179, 190, 0.18));
  z-index: 100;
  font-weight: bold;
  line-height: 1;
  font-size: 12px;
  white-space: nowrap;
}
.market-sell .market-menu-pop::before,
.market-buy .market-menu-pop::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  bottom: -3px;
  left: 50%;
  margin-left: -5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.market-sell .market-menu-btn,
.market-buy .market-menu-btn {
  max-width: 300px;
}

.market-buy-list {
  background: #F4F5F7;
  margin-bottom: 20px;
}

.modal .onepoint {
  width: 77%;
  margin: 0 auto;
}

.modal .makers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}

.modal .makers li {
  width: calc(25% - 6px);
}

.modal .makers div {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal .makers p {
  margin-bottom: 0;
  font-size: 10px;
  font-weight: 700;
  line-height: 2;
}

#modal-mainte .modal-desc {
  font-size: 12px;
  margin-top: 10px;
  padding-left: 15px;
  position: relative;
  text-align: left;
}

#modal-mainte .modal-desc::before {
  content: "※";
  position: absolute;
  left: 0;
}

#modal-mainte .modal-step2-img {
  margin-bottom: 0;
  text-align: center;
}

#modal-mainte .modal-step2-img img {
  width: 170px;
}

.modal-market-eval .modal-content-head {
  padding: 20px;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
@media screen and (min-width: 768px) {
  .modal-market-eval .modal-content-body {
    width: 375px;
  }
}
@media screen and (max-width: 767px) {
  .modal-market-eval .modal-content-body {
    width: 335px;
  }
}
.modal-market-eval .modal-content-body {
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal-market-eval .modal-content-body table tr {
  border-bottom: 1px solid #ddd;
}
.modal-market-eval .modal-content-body table tr:last-of-type {
  border-bottom: none;
}
.modal-market-eval .modal-content-body table th {
  font-size: 16px;
  color: #ffda17;
  padding-right: 1em;
  font-weight: bold;
  text-align: left;
  padding: 10px 1em 10px 0;
}
.modal-market-eval .modal-content-body table td {
  color: #1E5199;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0;
}

/*
Page - Market Pickup
-------------------------------------------------- */
.market-pickup * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.market-pickup .owner-wrap {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.market-pickup .owner-wrap .owner-icon {
  width: 60px;
  height: 60px;
  position: relative;
  margin: 0;
  border-radius: 30px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.market-pickup .owner-wrap .owner-icon img {
  border-radius: 30px;
}
.market-pickup .owner-wrap .owner-icon::after {
  content: "";
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #F4F5F7;
  border-radius: 30px;
}
.market-pickup .owner-wrap .owner-head {
  width: calc(100% - 75px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.market-pickup .owner-wrap .owner-head .owner-so {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.market-pickup .owner-wrap .owner-head .owner-so span {
  color: #747880;
  font-weight: bold;
  margin-right: 5px;
}
@media screen and (min-width: 768px) {
  .market-pickup .owner-wrap .owner-head .owner-so span {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup .owner-wrap .owner-head .owner-so span {
    font-size: 10px;
  }
}
.market-pickup .owner-wrap .owner-head .owner-so strong {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .market-pickup .owner-wrap .owner-head .owner-so strong {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup .owner-wrap .owner-head .owner-so strong {
    font-size: 12px;
  }
}
.market-pickup .owner-wrap .owner-head .owner-so {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #F4F5F7;
}
.market-pickup .owner-wrap .owner-head .owner-area {
  line-height: 1;
  padding-left: 20px;
  height: 14px;
  background: url(../svgs/icon-location.svg) no-repeat 0 50%;
  background-size: 14px;
  color: #747880;
}
@media screen and (min-width: 768px) {
  .market-pickup .owner-wrap .owner-head .owner-area {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup .owner-wrap .owner-head .owner-area {
    font-size: 12px;
  }
}
.market-pickup .owner-wrap .owner-head .owner-copy {
  width: 100%;
  font-weight: bold;
  margin-top: 5px;
  /*height:2.8em;*/
  color: #0786BD;
}
@media screen and (min-width: 768px) {
  .market-pickup .owner-wrap .owner-head .owner-copy {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup .owner-wrap .owner-head .owner-copy {
    font-size: 12px;
  }
}
.market-pickup-top {
  background: url(../images/pickup_bg.png) no-repeat 50%;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .market-pickup-top {
    padding: 10vw 0 10vw 0;
    margin: 100px 0 0 0;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-top {
    padding: 10vw 0 25vw 0;
    margin: 60px 0 0 0;
  }
}
.market-pickup-top::before, .market-pickup-top::after {
  content: "";
  position: absolute;
  left: -1.5%;
  width: 103%;
  padding: 2.5%;
  background: url(../svgs/pickup_wave.svg) no-repeat 50% 100%;
  background-size: 100% auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.market-pickup-top::before {
  top: -0.3vw;
}
.market-pickup-top::after {
  bottom: -0.3vw;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.market-pickup-top .ttl-lv1 {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .market-pickup-top .ttl-lv1 {
    font-size: 32px;
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-top .ttl-lv1 {
    font-size: 24px;
    margin-bottom: 35px;
  }
}
.market-pickup-top .ttl-lv1 span {
  display: block;
}
@media screen and (min-width: 768px) {
  .market-pickup-top .ttl-lv1 span {
    font-size: 24px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-top .ttl-lv1 span {
    font-size: 18px;
  }
}
.market-pickup-top .slider-market-pickup {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
.market-pickup-top .slider-market-pickup .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.market-pickup-top .slider-market-pickup .slick-slide {
  height: auto !important;
}
.market-pickup-top .slider-pickup-nav {
  /*position: absolute;
  left: 0;
  bottom: 50px;*/
  margin-top: 30px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.market-pickup-top .slider-pickup-nav .slick-dots {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  bottom: auto;
  width: auto;
}
.market-pickup-top .slider-pickup-nav .slick-dots li button:before {
  background: #fff;
}
.market-pickup-top .slider-pickup-nav .slick-arrow {
  position: relative;
}
@media screen and (min-width: 768px) {
  .market-pickup-top .slider-pickup-nav .slick-arrow {
    top: unset;
    bottom: unset;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-top .slider-pickup-nav .slick-arrow {
    top: unset;
    bottom: unset;
  }
}
.market-pickup-top .slider-pickup-nav .slick-prev {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 15px;
}
@media screen and (min-width: 768px) {
  .market-pickup-top .slider-pickup-nav .slick-prev {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
    background: none !important;
  }
  .market-pickup-top .slider-pickup-nav .slick-prev::before {
    border-color: #fff;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-top .slider-pickup-nav .slick-prev {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    z-index: 1;
    bottom: 42px;
    width: 10px;
    height: 10px;
    border-left: solid 2px #0786BD;
    border-top: solid 2px #0786BD;
  }
}
.market-pickup-top .slider-pickup-nav .slick-prev {
  border-color: #fff !important;
  bottom: auto !important;
  left: auto !important;
}
.market-pickup-top .slider-pickup-nav .slick-prev:before {
  content: "";
}
.market-pickup-top .slider-pickup-nav .slick-next {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-left: 15px;
}
@media screen and (min-width: 768px) {
  .market-pickup-top .slider-pickup-nav .slick-next {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
    background: none !important;
  }
  .market-pickup-top .slider-pickup-nav .slick-next::before {
    border-color: #fff;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-top .slider-pickup-nav .slick-next {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    z-index: 1;
    bottom: 42px;
    width: 10px;
    height: 10px;
    border-left: solid 2px #0786BD;
    border-top: solid 2px #0786BD;
    border-color: #fff;
  }
}
.market-pickup-top .slider-pickup-nav .slick-next {
  border-color: #fff !important;
  bottom: auto !important;
  right: auto !important;
}
.market-pickup-top .slider-pickup-nav .slick-next:before {
  content: "";
}
.market-pickup-top {
  /*.slick-dots{
    bottom:-35px;
    li{

    }
  }*/
}
.market-pickup-top-block {
  background: #fff;
  border-radius: 6px;
  position: relative;
  margin: 0 10px;
  padding: 5px;
}
.market-pickup-top-block .car-data {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.market-pickup-top-block .car-data .car-flag {
  border-radius: 5px 0 12px 0;
}
.market-pickup-top-block a {
  color: #333;
  position: relative;
  display: block;
  background: url(../svgs/pickup_arrow.svg) no-repeat 100% 100%;
  height: 100%;
  /*&.sold{
    background:none;
    pointer-events: none;
  }*/
}
.market-pickup-top-block .car-image {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: -20px 0;
}
.market-pickup-top-block .car-name {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
  padding: 0 10px;
}
.market-pickup-top-block .car-price {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  width: 100%;
  padding: 10px;
}
.market-pickup-top-block .car-eval-basic {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}
.market-pickup-top-block .car-eval {
  background: #F4F5F7;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 7px;
  color: #0786BD;
  font-weight: bold;
  line-height: 1;
  margin-right: 10px;
}
.market-pickup-top-block .car-eval span {
  font-size: 10px;
  margin-right: 5px;
}
.market-pickup-top-block .car-eval strong {
  font-size: 16px;
}
.market-pickup-top-block .car-eval strong em {
  font-size: 14px;
  font-style: normal;
}
.market-pickup-top-block .car-basic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.market-pickup-top-block .car-basic dl {
  margin-right: 1em;
}
.market-pickup-top-block .car-basic dl dt {
  margin-right: 8px;
  border-left: 2px solid #707070;
  padding-left: 5px;
}
.market-pickup-top-block .owner-wrap {
  padding: 0 10px 5px 10px;
}
.market-pickup-top-block .owner-wrap .owner-copy {
  padding-right: 40px;
}
.market-pickup-top-button {
  margin: 15px auto 0 auto;
  width: 230px;
}
.market-pickup-top-button a {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 50px;
  display: block;
  position: relative;
  text-align: center;
}
.market-pickup-top-button a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: -4px;
}
.market-pickup-top-link {
  margin-top: 20px;
  text-align: center;
}
.market-pickup-top-link a {
  color: #fff;
  font-size: 12px;
  text-decoration: underline;
}
.market-pickup-top-link a:hover {
  text-decoration: none;
}
.market-pickup-top-pop {
  margin-top: 10px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.market-pickup-list .car-list-block {
  -webkit-box-shadow: 0px 3px 10px rgba(7, 134, 189, 0.2);
          box-shadow: 0px 3px 10px rgba(7, 134, 189, 0.2);
}
.market-pickup-list .car-list-block .car-data .car-flag {
  border-radius: 5px 0 12px 0;
}
.market-pickup-list .car-list-block .car-name {
  padding: 0 10px;
}
.market-pickup-list .car-list-block .car-price {
  padding: 10px;
  width: 100%;
}
.market-pickup-list .car-list-block .car-eval-basic {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}
.market-pickup-list .car-list-block .car-eval {
  background: #F4F5F7;
  border-radius: 4px;
  display: inline-block;
  padding: 5px 7px;
  color: #0786BD;
  font-weight: bold;
  line-height: 1;
  margin-right: 10px;
}
.market-pickup-list .car-list-block .car-eval span {
  font-size: 10px;
  margin-right: 5px;
}
.market-pickup-list .car-list-block .car-eval strong {
  font-size: 16px;
}
.market-pickup-list .car-list-block .car-eval strong em {
  font-size: 14px;
  font-style: normal;
}
.market-pickup-list .car-list-block .car-basic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.market-pickup-list .car-list-block .car-basic dl {
  margin-right: 1em;
}
.market-pickup-list .car-list-block .car-basic dl:last-of-type {
  margin-right: 0;
}
.market-pickup-list .car-list-block .car-basic dl dt {
  margin-right: 8px;
  border-left: 2px solid #707070;
  padding-left: 5px;
}
.market-pickup-list .car-list-block .owner-wrap {
  margin-top: 10px;
  padding: 0 10px 5px 10px;
}
.market-pickup-list .car-list-block .owner-wrap .owner-copy {
  padding-right: 40px;
}
@media screen and (max-width: 767px) {
  .market-pickup-list .car-list-wrap .column-2 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .market-pickup-list .car-list-wrap .column-2 .car-list-block .car-basic, .market-pickup-list .car-list-wrap .column-2 .car-list-block .car-deadline, .market-pickup-list .car-list-wrap .column-2 .car-list-block .owner-wrap {
    display: none;
  }
  .market-pickup-list .car-list-wrap .column-2 .car-list-block .car-image {
    margin: 0;
  }
  .market-pickup-list .car-list-wrap .column-2 .car-list-block .car-name {
    padding: 0 3px;
  }
  .market-pickup-list .car-list-wrap .column-2 .car-list-block .car-maker {
    font-size: 10px;
  }
  .market-pickup-list .car-list-wrap .column-2 .car-list-block .car-model {
    font-size: 12px;
  }
  .market-pickup-list .car-list-wrap .column-2 .car-list-block .car-price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5px 3px 10px 3px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .market-pickup-list .car-list-wrap .column-2 .car-list-block .car-price-inner {
    display: block;
  }
  .market-pickup-list .car-list-wrap .column-2 .car-list-block .car-price {
    /*&-all{
      strong{
        font-size:18px;
      }
      span{
        font-size:10px;
        width:auto;
      }
    }*/
  }
  .market-pickup-list .car-list-wrap .column-2 .car-list-block .car-price-month {
    padding-right: 0;
    border-right: none;
    margin-right: 0;
    margin-top: 5px;
  }
  .market-pickup-list .car-list-wrap .column-2 .car-list-block .car-price-month span {
    font-size: 10px;
  }
  .market-pickup-list .car-list-wrap .column-2 .car-list-block .car-price-month strong {
    font-size: 16px;
  }
  .market-pickup-list .car-list-wrap .column-2 .car-list-block .car-price-month strong em {
    font-size: 14px;
  }
  .market-pickup-list .car-list-wrap .column-2 .car-list-block .car-price-body {
    font-size: 10px;
  }
  .market-pickup-list .car-list-wrap .column-2 .car-list-block .car-eval-basic {
    padding: 0 3px;
  }
}
.market-pickup {
  /*  &-list{
      .inner{
        width:100%;
        max-width:1105px;
        margin-left:auto;
        margin-right:auto;
        box-sizing: border-box;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        @include breakpoint.bp(pc){
          padding:0 70px;
        }
        @include breakpoint.bp(tb){
          padding:0 50px;
          justify-content: space-between;
        }
        @include breakpoint.bp(sp){
          padding:0 20px;
        }
        .market-pickup-top-block{
          @include breakpoint.bp(pc){
            width:32%;
            margin:0 2% 2% 0;
            &:nth-of-type(3n){
              margin-right:0;
            }
          }
          @include breakpoint.bp(tb){
            width:49%;
            margin:0 0 2% 0;
          }
          @include breakpoint.bp(sp){
            width:100%;
            margin:0 0 4% 0;
          }
        }
      }
      &-head{
        background: linear-gradient(90deg, #64b8dd 0%, #008fcc 100%);
        overflow: hidden;
        padding:2% 0 5% 0%;
        position: relative;
        @include breakpoint.bp(sp){
          padding-bottom:8%;
        }
        &::after{
        content:"";
        position: absolute;
        left:-1.5%;
        width:103%;
        padding:2.5%;
        background:url(../svgs/pickup_list_wave.svg) no-repeat 50% 100%;
        background-size: 100% auto;
        box-sizing: border-box;
        bottom:-0.3vw;
        transform:rotate(180deg);
      }
        h2{
          color:#fff;
          text-align: center;
          font-size:24px;
          span{
            display: block;
            font-size:18px;
          }
        }
      }
      &-nav{
        .inner{
          margin-top:20px;
          display: flex;
          justify-content: space-between;
          .sort{
            a{
              display: flex;
              align-items: center;
              font-size:12px;
              color:#333;
              &::before{
                content:"";
                width:26px;
                height:20px;
                background:url(../svgs/icon_sort.svg) no-repeat 50% 50%;
                background-size: contain;
                margin-right:10px;
              }
            }
          }
          .column{
            display: none;
            @include breakpoint.bp(sp){
              display: block;
            }
            a{
              display: block;
              width:22px;
              height:20px;
              background:url(../svgs/icon_layout_1column.svg) no-repeat 50% 50%;
              background-size:contain;
            }
            &.column-2{
              a{
                background:url(../svgs/icon_layout_2column.svg) no-repeat 50% 50%;
                background-size:contain;
              }
            }
          }
        }
      }
      &-paginate{
        padding:20px 0;
        .inner{
          display: flex;
          justify-content: space-between;
          .paginate-views{
            font-size:14px;
            .paginate-views-num{
              font-size:12px;
            }
          }
          .paginate-arrows{
            display: flex;
            align-items: center;
            .page-numbers{
              font-size:12px;
              width:20px;
              height:20px;
              display: flex;
              justify-content: center;
              align-items: center;
              line-height:1;
              color:#333;
              &.current{
                background:#DFE6F0;
                color:color.$cars-blue;
                font-weight: bold;
                border-radius: 2px;
              }
            }
            .prev,.next{
              display: block;
              width:8px;
              height:8px;
              border-top:2px solid #333;
              border-right:2px solid #333;
            }
            .prev{
              transform:rotate(-135deg);
              margin-right:10px;
            }
            .next{
              transform:rotate(45deg);
              margin-right:4px;
              margin-left:10px;
            }
          }
        }
        &.pagenate-bottom{
          padding:0;
          @include breakpoint.bp(sp){
            padding-top:3%;
          }
        }

      }
      &-wrap{
        .inner{
          @include breakpoint.bp(sp){
            padding:0 35px;
          }
          &.column-2{
            @include breakpoint.bp(sp){
              justify-content: space-between;

              .market-pickup-top-block{
                width:49%;
                margin:0 0 2% 0;
                &:nth-of-type(2n){
                  margin-right:0;
                }
                a{
                  background:url(../svgs/pickup_arrow_s.svg) no-repeat 100% 100%;
                  height:100%;
                }
                .car-basic,.car-deadline,.owner-wrap{
                  display: none;
                }
                .car-image{
                  margin:0;
                }
                .car-name{
                  padding:0 3px;
                }
                .car-maker{
                  font-size:10px;
                }
                .car-model{
                  font-size:12px;
                }
                .car-price{
                  flex-direction: column;
                  padding: 5px 3px 10px 3px;
                  align-items: flex-start;
                  &-all{
                    strong{
                      font-size:18px;
                    }
                    span{
                      font-size:10px;
                      width:auto;
                    }
                  }
                  &-month{
                    margin-left:0;
                    padding:0 0 3px 0;
                    margin-top:5px;
                    span{
                      font-size:10px;
                    }
                    strong{
                      font-size:16px;
                      em{
                        font-size:14px;
                      }
                    }
                  }
                }
                .car-eval-basic{
                  padding:0 3px;
                }
              }
            }
          }
        }
      }
      // modal
      .modal-order{
        display: none;
        &-content{
          max-width:375px;
          width:100%;
          @include breakpoint.bp(sp){
            top:auto;
            bottom:0;
            border-radius: 20px 20px 0 0;
            transform:translate(-50% , 0);
          }  
        }
        &-head{
          font-size:18px;
          padding:13px 20px;
          line-height: 1;
          border-bottom:1px solid color.$cars-light-gray;
        }
        &-body{
          margin:14px 20px 20px 30px;
        }
        &-list{
          display: flex;
          justify-content: space-between;
          align-items: center;
          dt{
            font-size: 14px;
            font-weight: bold;
          }
          dd{
            ul{
              display: flex;
              justify-content: space-between;
              align-items: center;
              li{
                margin:6px;
                a{
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  border:1px solid #1A9BD3;
                  color:#1A9BD3;
                  padding:13px 20px;
                  line-height: 1;
                  font-size:14px;
                  font-weight: bold;
                  width:102px;
                  height:40px;
                  border-radius: 10px;
                  &.select{
                    background:#1A9BD3;
                    color:#fff;
                  }
                }
              }
            }
          }
        }

        .backlink{
          color:#747880;
          top: 7px;
          right: 20px;
          background: none;
          width: auto;
          height: auto;
          border: none;
          font-size: 28px;
        }
      }
    }*/
}
.market-pickup-detail .inner {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .inner {
    padding: 0 70px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .inner {
    padding: 0 20px;
  }
}
.market-pickup-detail .summary {
  position: relative;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary {
    padding-bottom: 70px;
  }
}
.market-pickup-detail .summary {
  overflow: hidden;
}
.market-pickup-detail .summary::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  z-index: -2;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary::before {
    height: 100%;
    background: url(../svgs/pickup_detail_bg.svg) no-repeat 50% 40%;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .summary::before {
    height: 80%;
    background: url(../svgs/pickup_detail_bg_sp.svg) no-repeat 50% 27%;
    background-size: 120vw;
  }
}
.market-pickup-detail .summary::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  padding: 2.7%;
  background: url(../svgs/pickup_detail_wave.svg) no-repeat 50% 100%;
  background-size: 100% auto;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary::after {
    bottom: -1px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .summary::after {
    bottom: calc(20% - 1px);
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .summary .inner {
    max-width: 500px;
    margin: 0 auto;
    padding: 0;
  }
}
.market-pickup-detail .summary .car-summary {
  position: relative;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .summary .car-summary {
    display: block;
  }
}
.market-pickup-detail .summary .car-data {
  position: relative;
}
.market-pickup-detail .summary .car-data .car-flag {
  border-radius: 0 0 12px 0;
  border: 1px solid #fff;
  border-top: none;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-data .car-flag {
    font-size: 16px;
    padding: 10px 15px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .summary .car-data .car-flag {
    font-size: 12px;
    border-left: 0;
  }
}
.market-pickup-detail .summary .car-data .car-deadline {
  color: #fff;
  margin-left: 20px;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-data .car-deadline {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .summary .car-data .car-deadline {
    font-size: 10px;
  }
}
.market-pickup-detail .summary .car-data::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  background: #0685BC;
  opacity: 0.74;
  z-index: -1;
  left: 50%;
  -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-image {
    width: 50%;
    margin-top: 30px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .car-image {
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .summary .car-image {
    /*position: absolute;
    top: 62%;
    bottom: auto;
    right: -10vw;
    width: 84%;
    margin: 0;
    transform: translate(0%, -50%);
    max-width: 320px;*/
  }
}
.market-pickup-detail .summary .car-image-inner {
  padding-top: 74.6%;
}
.market-pickup-detail .summary .car-text {
  position: relative;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-text {
    margin-top: 30px;
    width: 46%;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .summary .car-text {
    margin: 15px 20px 0 20px;
  }
}
.market-pickup-detail .summary .car-name {
  width: 100%;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-name {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .car-name {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-name .car-maker {
    font-size: 16px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .car-name .car-maker {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-name .car-model {
    font-size: 28px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .car-name .car-model {
    font-size: 22px;
  }
}
.market-pickup-detail .summary .car-price {
  display: block;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-price {
    /*position: absolute;
    left:0;
    top: 50%;
    transform: translate(0%, -30%);*/
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .summary .car-price {
    /*position: relative;
    transform:none;
    width:32%;*/
  }
}
.market-pickup-detail .summary .car-price-label {
  color: #747880;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-price-label {
    font-size: 16px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .car-price-label {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-price-label span {
    font-size: 12px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .car-price-label span {
    font-size: 10px;
  }
}
.market-pickup-detail .summary .car-price {
  /*&-all{
    margin-top:5px;
    justify-content: flex-end;
    strong{
      @include breakpoint.bp(pc){
        font-size:50px;
      }
      @include breakpoint.bp(tb){
        font-size:36px;
      }
    }
    span{
      @include breakpoint.bp(pc){
        font-size:18px;
      }
      @include breakpoint.bp(tb){
        font-size:12px;
      }

    }
  }*/
}
.market-pickup-detail .summary .car-price-inner {
  display: block;
}
.market-pickup-detail .summary .car-price-month {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-right: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.market-pickup-detail .summary .car-price-month .month {
  color: #747880;
  margin-right: 5px;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-price-month .month {
    font-size: 16px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .car-price-month .month {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-price-month strong {
    font-size: 50px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .car-price-month strong {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-price-month strong em {
    font-size: 42px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .car-price-month strong em {
    font-size: 34px;
  }
}
.market-pickup-detail .summary .car-price-month .yen {
  margin-top: 0;
  margin-left: 5px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-price-month .yen {
    font-size: 18px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .car-price-month .yen {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-price-body {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .summary .car-price-body {
    margin-top: 5px;
  }
}
.market-pickup-detail .summary .car-price-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.market-pickup-detail .summary .car-price-body-label {
  margin-right: 5px;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-price-body-label {
    font-size: 16px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .car-price-body-label {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-price-body-price {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-price-body-price {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-price-body-price strong {
    font-size: 20px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .car-price-body-price strong {
    font-size: 14px;
  }
}
.market-pickup-detail .summary .car-price .car-eval {
  background: #fff;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  color: #0786BD;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-price .car-eval span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .car-price .car-eval span {
    font-size: 12px;
  }
}
.market-pickup-detail .summary .car-price .car-eval span {
  margin-right: 10px;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-price .car-eval strong {
    font-size: 30px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .car-price .car-eval strong {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-price .car-eval strong em {
    font-size: 26px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .car-price .car-eval strong em {
    font-size: 18px;
  }
}
.market-pickup-detail .summary .car-price .car-eval strong em {
  font-style: normal;
}
.market-pickup-detail .summary .car-basic {
  /*position: absolute;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-basic {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .summary .car-basic {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .car-basic dl {
    font-size: 16px;
    margin-right: 1em;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .car-basic dl {
    font-size: 12px;
    margin-left: 1em;
  }
}
.market-pickup-detail .summary .car-basic dl dt {
  margin-right: 1em;
  border-left: 2px solid #707070;
  padding-left: 5px;
}
.market-pickup-detail .summary .owner-wrap {
  background: #fff;
  -webkit-box-shadow: 0 6px 24px rgba(14, 61, 128, 0.2);
          box-shadow: 0 6px 24px rgba(14, 61, 128, 0.2);
  border-radius: 12px;
  padding: 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .owner-wrap {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .summary .owner-wrap {
    margin-top: 20px;
  }
}
.market-pickup-detail .summary .owner-wrap .owner-carlife {
  width: 100%;
  margin: 20px 0 0 0;
}
.market-pickup-detail .summary .owner-wrap .owner-carlife h3 {
  font-size: 14px;
}
.market-pickup-detail .summary .owner-wrap .owner-carlife ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.market-pickup-detail .summary .owner-wrap .owner-carlife ul li {
  margin: 8px 8px 0 0;
  background: #F4F5F7;
  border-radius: 6px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .owner-wrap .owner-carlife ul li {
    font-size: 14px;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .owner-wrap .owner-carlife ul li {
    font-size: 12px;
    padding: 6px 12px;
  }
}
.market-pickup-detail .summary .owner-wrap .owner-rank {
  display: none;
}
.market-pickup-detail .summary .owner-wrap .owner-comment {
  background: #F4F5F7;
  padding: 10px;
  margin: 24px -12px -12px -12px;
  border-radius: 0 0 6px 6px;
  width: calc(100% + 24px);
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .owner-wrap .owner-comment {
    font-size: 14px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .summary .owner-wrap .owner-comment {
    font-size: 12px;
  }
}
.market-pickup-detail .summary .image-attention {
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.market-pickup-detail .summary .image-attention span {
  display: block;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .summary .image-attention span {
    background: rgba(255, 255, 255, 0.7);
    padding: 5px 10px;
    border-radius: 20px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap section {
    margin-top: 70px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .car-data-wrap section {
    margin-top: 40px;
  }
}
.market-pickup-detail .car-data-wrap section h2 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #F4F5F7;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap section h2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .car-data-wrap section h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-simulation {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .car-data-wrap .car-simulation {
    margin-top: 0px;
  }
}
.market-pickup-detail .car-data-wrap .car-simulation h2 {
  border-bottom: none;
  margin-bottom: 0;
}
.market-pickup-detail .car-data-wrap .car-simulation table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-simulation table thead {
    width: 33.333%;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .car-data-wrap .car-simulation table thead {
    width: 100%;
  }
}
.market-pickup-detail .car-data-wrap .car-simulation table thead tr {
  display: block;
  width: 100%;
  height: 100%;
}
.market-pickup-detail .car-data-wrap .car-simulation table thead tr th {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background: #F4F5F7;
  padding: 10px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-simulation table thead tr th {
    border-radius: 12px 0 0 12px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .car-data-wrap .car-simulation table thead tr th {
    border-radius: 12px 12px 0 0;
  }
}
.market-pickup-detail .car-data-wrap .car-simulation table tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-simulation table tbody {
    width: 66.666%;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .car-data-wrap .car-simulation table tbody {
    width: 100%;
  }
}
.market-pickup-detail .car-data-wrap .car-simulation table tbody tr {
  border: 1px solid #F4F5F7;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-simulation table tbody tr {
    width: 50%;
    border-left: none;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .car-data-wrap .car-simulation table tbody tr {
    width: 100%;
    border-top: none;
  }
}
.market-pickup-detail .car-data-wrap .car-simulation table tbody tr {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.market-pickup-detail .car-data-wrap .car-simulation table tbody tr th {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-simulation table tbody tr th {
    width: 40%;
    padding: 13px 15px 13px 20px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .car-data-wrap .car-simulation table tbody tr th {
    width: 30%;
    padding: 13px 20px;
    font-size: 12px;
    border-right: 1px solid #F4F5F7;
  }
}
.market-pickup-detail .car-data-wrap .car-simulation table tbody tr th {
  text-align: left;
  font-weight: normal;
}
.market-pickup-detail .car-data-wrap .car-simulation table tbody tr td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-simulation table tbody tr td {
    width: 60%;
    padding: 13px 20px 13px 15px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .car-data-wrap .car-simulation table tbody tr td {
    width: 70%;
    padding: 13px 20px;
    font-size: 14px;
  }
}
.market-pickup-detail .car-data-wrap .car-simulation table tbody tr td {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-simulation table tbody tr:nth-child(1) {
    border-bottom: none;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-simulation table tbody tr:nth-child(2) {
    border-bottom: none;
    border-radius: 0 12px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-simulation table tbody tr:nth-child(4) {
    border-radius: 0 0 12px 0;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .car-data-wrap .car-simulation table tbody tr:nth-child(4) {
    border-radius: 0 0 12px 12px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-simulation-month {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .car-data-wrap .car-simulation-month {
    font-size: 16px;
  }
}
.market-pickup-detail .car-data-wrap .car-simulation-month strong {
  margin: 0 5px;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-simulation-month strong {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .car-data-wrap .car-simulation-month strong {
    font-size: 32px;
  }
}
.market-pickup-detail .car-data-wrap .car-simulation-month strong {
  color: #0786BD;
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
}
.market-pickup-detail .car-data-wrap .car-simulation-link {
  font-size: 12px;
  font-weight: normal;
  position: relative;
  padding-right: 10px;
}
.market-pickup-detail .car-data-wrap .car-simulation-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 6px;
  height: 6px;
  border-top: solid 1px #0786BD;
  border-right: solid 1px #0786BD;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.market-pickup-detail .car-data-wrap .car-simulation .caution {
  margin-top: 10px;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-data-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-data-column section {
    width: 47.777%;
  }
}
.market-pickup-detail .car-data-wrap .car-evaluation table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.market-pickup-detail .car-data-wrap .car-evaluation table thead {
  width: 33.333%;
}
.market-pickup-detail .car-data-wrap .car-evaluation table thead tr {
  display: block;
  width: 100%;
  height: 100%;
}
.market-pickup-detail .car-data-wrap .car-evaluation table thead tr th {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  background: #F4F5F7;
  padding: 10px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 12px;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-evaluation table thead tr th span {
    font-size: 18px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .car-data-wrap .car-evaluation table thead tr th span {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-evaluation table thead tr th strong {
    font-size: 40px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .car-data-wrap .car-evaluation table thead tr th strong {
    font-size: 39px;
  }
}
.market-pickup-detail .car-data-wrap .car-evaluation table thead tr th strong {
  color: #0786BD;
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-evaluation table thead tr th strong em {
    font-size: 36px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .car-data-wrap .car-evaluation table thead tr th strong em {
    font-size: 34px;
  }
}
.market-pickup-detail .car-data-wrap .car-evaluation table thead tr th strong em {
  font-style: normal;
}
.market-pickup-detail .car-data-wrap .car-evaluation table tbody {
  margin-left: 20px;
}
.market-pickup-detail .car-data-wrap .car-evaluation table tbody tr th {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-evaluation table tbody tr th {
    font-size: 14px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .car-data-wrap .car-evaluation table tbody tr th {
    font-size: 12px;
  }
}
.market-pickup-detail .car-data-wrap .car-evaluation table tbody tr th {
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-evaluation table tbody tr td {
    font-size: 14px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .car-data-wrap .car-evaluation table tbody tr td {
    font-size: 12px;
  }
}
.market-pickup-detail .car-data-wrap .car-evaluation table tbody tr td {
  font-weight: bold;
  vertical-align: middle;
  padding-left: 15px;
  line-height: 31px;
}
.market-pickup-detail .car-data-wrap .car-evaluation table tbody tr td strong {
  color: #FFDA17;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-evaluation table tbody tr td strong {
    font-size: 24px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .car-data-wrap .car-evaluation table tbody tr td strong {
    font-size: 20px;
  }
}
.market-pickup-detail .car-data-wrap .car-payment table {
  width: 100%;
}
.market-pickup-detail .car-data-wrap .car-payment table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #F4F5F7;
  border-bottom: none;
}
.market-pickup-detail .car-data-wrap .car-payment table tr:nth-child(1) {
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}
.market-pickup-detail .car-data-wrap .car-payment table tr:nth-child(2) {
  border-top: 0;
}
.market-pickup-detail .car-data-wrap .car-payment table tr:nth-child(3) {
  border-top: 0;
  overflow: hidden;
  border-radius: 0 0 12px 12px;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-payment table th {
    width: 50%;
    padding: 10px 30px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .car-data-wrap .car-payment table th {
    width: 50%;
    padding: 10px 20px;
    font-size: 12px;
  }
}
.market-pickup-detail .car-data-wrap .car-payment table th {
  font-weight: normal;
  vertical-align: middle;
  text-align: left;
  background: #F4F5F7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-payment table th span {
    font-size: 12px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .car-data-wrap .car-payment table th span {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-payment table td {
    width: 50%;
    padding: 10px 30px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .car-data-wrap .car-payment table td {
    width: 50%;
    padding: 10px 20px;
    font-size: 12px;
  }
}
.market-pickup-detail .car-data-wrap .car-payment table td {
  font-weight: normal;
  text-align: right;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #F4F5F7;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-payment table td strong {
    font-size: 18px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .car-data-wrap .car-payment table td strong {
    font-size: 14px;
  }
}
.market-pickup-detail .car-data-wrap .car-maintenance table {
  border: 1px solid #F4F5F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  overflow: hidden;
}
.market-pickup-detail .car-data-wrap .car-maintenance table tbody, .market-pickup-detail .car-data-wrap .car-maintenance table tr {
  width: 100%;
}
.market-pickup-detail .car-data-wrap .car-maintenance table tr {
  display: table;
}
.market-pickup-detail .car-data-wrap .car-maintenance table th {
  width: 30%;
  text-align: center;
  font-weight: bold;
  background: #F4F5F7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-maintenance table th {
    width: 40%;
    padding: 10px 30px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .car-data-wrap .car-maintenance table th {
    width: 42%;
    padding: 10px 20px;
    font-size: 12px;
  }
}
.market-pickup-detail .car-data-wrap .car-maintenance table td {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-maintenance table td {
    width: 60%;
    padding: 10px 30px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .car-data-wrap .car-maintenance table td {
    width: 58%;
    padding: 10px 20px;
    font-size: 12px;
  }
}
.market-pickup-detail .car-data-wrap .car-maintenance table td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.market-pickup-detail .car-data-wrap .car-maintenance table td span {
  color: #747880;
  display: inline-block;
  margin-right: 10px;
}
.market-pickup-detail .car-data-wrap .car-tag ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.market-pickup-detail .car-data-wrap .car-tag ul li {
  margin: 8px 8px 0 0;
  background: #F4F5F7;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .car-data-wrap .car-tag ul li {
    font-size: 16px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .car-data-wrap .car-tag ul li {
    font-size: 12px;
  }
}
.market-pickup-detail .market-menu {
  position: fixed;
  bottom: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 10px rgba(173, 179, 190, 0.18);
          box-shadow: 0px 0px 10px rgba(173, 179, 190, 0.18);
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .market-menu {
    padding: 15px 0;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .market-menu {
    padding: 10px 0;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .market-menu-btn {
    width: 400px;
    margin: 0 20px;
    position: relative;
    height: 50px;
    color: #fff;
    border-radius: calc(50px / 2);
  }
  .market-pickup-detail .market-menu-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: inherit;
    border-radius: calc(50px / 2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .market-pickup-detail .market-menu-btn:hover:before {
    opacity: 1;
  }
  .market-pickup-detail .market-menu-btn > a {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    color: inherit;
    border-radius: calc(50px / 2);
  }
  .market-pickup-detail .market-menu-btn > a:hover {
    opacity: 1;
  }
  .market-pickup-detail .market-menu-btn {
    background: linear-gradient(135deg, #035ca8 0%, #0898ce 100%);
    -webkit-box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
            box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
  }
  .market-pickup-detail .market-menu-btn:before {
    background: linear-gradient(135deg, #0571C0 0%, #19B3E2 100%);
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .market-menu-btn {
    width: 39%;
    margin: 0 15px;
    position: relative;
    height: 40px;
    color: #fff;
    border-radius: calc(40px / 2);
  }
  .market-pickup-detail .market-menu-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: inherit;
    border-radius: calc(40px / 2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .market-pickup-detail .market-menu-btn:hover:before {
    opacity: 1;
  }
  .market-pickup-detail .market-menu-btn > a {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    color: inherit;
    border-radius: calc(40px / 2);
  }
  .market-pickup-detail .market-menu-btn > a:hover {
    opacity: 1;
  }
  .market-pickup-detail .market-menu-btn {
    background: linear-gradient(135deg, #035ca8 0%, #0898ce 100%);
    -webkit-box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
            box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
  }
  .market-pickup-detail .market-menu-btn:before {
    background: linear-gradient(135deg, #0571C0 0%, #19B3E2 100%);
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-detail .market-menu-btn {
    width: 240px;
  }
}
.market-pickup-detail .market-menu-btn > a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: solid 3px;
  border-right: solid 3px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 768px) {
  .market-pickup-detail .market-menu-btn > a:after {
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-detail .market-menu-btn > a:after {
    width: 8px;
    height: 8px;
  }
}
.market-pickup-simulation .inner {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .inner {
    padding: 0 70px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-simulation .inner {
    padding: 0 35px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation > section.loan {
    margin-top: 100px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-simulation > section.loan {
    margin-top: 35px;
  }
}
.market-pickup-simulation .loan-edit-range input[type=number] {
  width: 4em;
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .entry-car {
    margin-top: 100px;
    position: relative;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-simulation .entry-car {
    margin-top: 42px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .entry-car .ttl {
    font-size: 18px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-simulation .entry-car .ttl {
    font-size: 14px;
  }
}
.market-pickup-simulation .entry-car .ttl {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #F4F5F7;
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .entry-car .car-summary {
    width: 50%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.market-pickup-simulation .entry-car .car-data {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .entry-car .car-data .car-flag {
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-simulation .entry-car .car-data .car-flag {
    font-size: 12px;
    border-radius: 15px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .entry-car .car-data .car-deadline {
    font-size: 14px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-simulation .entry-car .car-data .car-deadline {
    font-size: 10px;
  }
}
.market-pickup-simulation .entry-car .car-image {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .entry-car .car-image {
    position: absolute;
    bottom: -40px;
    right: 0;
    width: 50%;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-simulation .entry-car .car-image {
    margin: -10px 0 0 0;
  }
}
.market-pickup-simulation .entry-car .car-name {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .entry-car .car-name {
    margin-top: 22px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .entry-car .car-name .car-maker {
    font-size: 14px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-simulation .entry-car .car-name .car-maker {
    font-size: 12px;
  }
}
.market-pickup-simulation .entry-car .car-name .car-model {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .entry-car .car-name .car-model {
    font-size: 20px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-simulation .entry-car .car-name .car-model {
    font-size: 16px;
  }
}
.market-pickup-simulation .entry-car .car-price {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  margin-top: 10px;
}
@media screen and (max-width: 1039px) {
  .market-pickup-simulation .entry-car .car-price {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .entry-car .car-price-all strong {
    font-size: 40px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-simulation .entry-car .car-price-all strong {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .entry-car .car-price-all span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-simulation .entry-car .car-price-all span {
    font-size: 10px;
  }
}
.market-pickup-simulation .entry-car .car-basic {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  border-left: 2px solid #707070;
  padding-left: 10px;
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .entry-car .car-basic {
    margin: 10px 0 0 20px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-simulation .entry-car .car-basic {
    margin: 0;
    width: 40%;
  }
}
.market-pickup-simulation .entry-car .car-basic dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .entry-car .car-basic dl dt {
    width: 4em;
    font-size: 14px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-simulation .entry-car .car-basic dl dt {
    width: 3em;
    font-size: 10px;
    line-height: 1.8;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .entry-car .car-basic dl dd {
    width: calc(100% - 4em);
    font-size: 14px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-simulation .entry-car .car-basic dl dd {
    width: calc(100% - 3em);
    font-size: 10px;
    line-height: 1.8;
  }
}
.market-pickup-simulation .entry-car .car-basic dl dd {
  text-align: right;
}
.market-pickup-simulation .entry-car .owner-wrap {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .entry-car .owner-wrap {
    width: 40%;
  }
}
.market-pickup-simulation .entry-confirm-btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .market-pickup-simulation .entry-confirm-btn {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-simulation .entry-confirm-btn {
    margin-top: 35px;
  }
}
.market-pickup-request {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 1039px) {
  .market-pickup-request {
    background-color: #F4F5F7;
  }
}
.market-pickup-request .entry-request,
.market-pickup-request .request-car {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.market-pickup-request .request-car {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .request-car {
    background-color: #F4F5F7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    position: fixed;
    right: 50%;
    top: 140px;
    max-width: 500px;
    border-radius: 24px;
    padding: 30px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .request-car {
    position: fixed;
    top: 91px;
    left: 0;
    max-width: none;
    border-radius: 0;
    padding: 20px;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .market-pickup-request .request-car {
    top: 45px;
  }
}
.market-pickup-request .request-car .inner {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .request-car h1 {
    display: none;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .request-car h1 {
    font-size: 24px;
    text-align: center;
    background: #fff;
    padding: 10px;
    display: block;
    margin: -20px -20px 0 -20px;
  }
}
.market-pickup-request .request-car .ttl {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .request-car .ttl {
    display: none;
  }
}
.market-pickup-request .request-car .car-summary {
  width: 100%;
}
.market-pickup-request .request-car .car-image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
}
.market-pickup-request .request-car .car-name {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .request-car .car-name .car-maker {
    font-size: 18px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .request-car .car-name .car-maker {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-request .request-car .car-name .car-model {
    font-size: 24px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .request-car .car-name .car-model {
    font-size: 20px;
  }
}
.market-pickup-request .request-car .car-basic {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .request-car .car-basic {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .request-car .car-basic {
    font-size: 12px;
  }
}
.market-pickup-request .request-car .car-basic dl {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.market-pickup-request .request-car .car-basic dl dt {
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .request-car .car-basic dl dt {
    width: 3em;
    font-size: 14px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .request-car .car-basic dl dt {
    width: 3em;
    font-size: 12px;
  }
}
.market-pickup-request .request-car .car-basic dl dd {
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .request-car .car-basic dl dd {
    width: calc(100% - 3em);
    font-size: 14px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .request-car .car-basic dl dd {
    width: calc(100% - 3em);
    font-size: 12px;
  }
}
.market-pickup-request .request-car .car-basic dl dd {
  text-align: right;
}
.market-pickup-request .request-car .car-price {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  right: 0;
  bottom: 0;
}
.market-pickup-request .request-car .car-price-label {
  width: 100%;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .request-car .car-price-label {
    font-size: 14px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .request-car .car-price-label {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-request .request-car .car-price-label span {
    font-size: 12px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .request-car .car-price-label span {
    font-size: 8px;
  }
}
.market-pickup-request .request-car .car-price-all {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .request-car .car-price-all strong {
    font-size: 40px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .request-car .car-price-all strong {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-request .request-car .car-price-all span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .request-car .car-price-all span {
    font-size: 9px;
  }
}
.market-pickup-request .entry-request {
  position: relative;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request {
    padding-top: 50px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .entry-request {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request {
    width: 50%;
    margin: 0 0 0 auto;
    overflow: scroll;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .entry-request {
    overflow: unset;
    width: 100%;
    background-color: #fff;
    border-radius: 20px 20px 0 0;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .entry-request::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 50%;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 30px;
    height: 4px;
    background-color: #ADB3BE;
    border-radius: 2px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.market-pickup-request .entry-request form {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request form {
    position: relative;
    left: 0;
    max-width: 570px;
    min-width: 430px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .entry-request form {
    left: unset;
    max-width: unset;
    min-width: unset;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request h1 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .entry-request h1 {
    display: none;
  }
}
.market-pickup-request .entry-request-wrap {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request-wrap {
    width: 430px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .entry-request-wrap {
    max-width: 400px;
    padding-top: 32px;
  }
}
.market-pickup-request .entry-request-line {
  text-align: center;
  background-color: #F4F5F7;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request-line {
    padding: 26px 0;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .entry-request-line {
    padding: 28px 0;
  }
}
.market-pickup-request .entry-request-line > h2 {
  font-weight: bold;
  position: relative;
  display: inline-block;
  font-size: 18px;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
}
.market-pickup-request .entry-request-line > h2:after, .market-pickup-request .entry-request-line > h2:before {
  content: "";
  position: absolute;
  top: 4px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1px;
  height: 18px;
  background-color: #333;
}
.market-pickup-request .entry-request-line > h2:before {
  left: -4px;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.market-pickup-request .entry-request-line > h2:after {
  right: -4px;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.market-pickup-request .entry-request-line-btn {
  margin-top: 14px;
}
.market-pickup-request .entry-request-line-btn > a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 305px;
  font-size: 16px;
  line-height: 48px;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #06C755;
}
.market-pickup-request .entry-request-border {
  position: relative;
  text-align: center;
  width: 100%;
  height: 1px;
  margin-top: 36px;
  background-color: #ADB3BE;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request-border {
    margin-bottom: 46px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .entry-request-border {
    margin-bottom: 36px;
  }
}
.market-pickup-request .entry-request-border > span {
  position: absolute;
  top: -0.55em;
  left: 50%;
  display: inline-block;
  width: 2.5em;
  line-height: 1;
  font-weight: bold;
  color: #747880;
  background-color: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request-border > span {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request-form-note {
    font-size: 14px;
  }
}
.market-pickup-request .entry-request-form-wrap {
  margin-top: 24px;
}
.market-pickup-request .entry-request-form-wrap > .entry-form-error {
  margin-top: 10px;
}
.market-pickup-request .entry-request-form-label {
  line-height: 1;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request-form-label {
    font-size: 16px;
  }
}
.market-pickup-request .entry-request-form-label-desc {
  color: #999;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request-form-label-desc {
    font-size: 12px;
    padding-left: 4px;
  }
}
.market-pickup-request .entry-request-form-label > .explanation {
  display: inline-block;
  margin-left: 1em;
  font-size: 12px;
}
.market-pickup-request .entry-request-form-label.margin-top {
  margin-top: 0.75em;
}
.market-pickup-request .entry-request-form-label.margin-top2 {
  margin-top: 1.5em;
}
.market-pickup-request .entry-request-form-column, .market-pickup-request .entry-request-form-block {
  margin-top: 12px;
}
.market-pickup-request .entry-request-form-column > textarea, .market-pickup-request .entry-request-form-column > select, .market-pickup-request .entry-request-form-column.mileage, .market-pickup-request .entry-request-form-column > input, .market-pickup-request .entry-request-form-column > label, .market-pickup-request .entry-request-form-block > textarea, .market-pickup-request .entry-request-form-block > select, .market-pickup-request .entry-request-form-block.mileage, .market-pickup-request .entry-request-form-block > input, .market-pickup-request .entry-request-form-block > label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
  border: solid 1px #1A9BD3;
  border-radius: 10px;
  -webkit-box-shadow: inset 0px 1px 6px rgba(26, 155, 211, 0.25);
          box-shadow: inset 0px 1px 6px rgba(26, 155, 211, 0.25);
}
.market-pickup-request .entry-request-form-column > input, .market-pickup-request .entry-request-form-column > label, .market-pickup-request .entry-request-form-block > input, .market-pickup-request .entry-request-form-block > label {
  line-height: 44px;
}
.market-pickup-request .entry-request-form-column > textarea, .market-pickup-request .entry-request-form-block > textarea {
  line-height: 1.5;
  padding-top: 14px;
  padding-bottom: 14px;
}
.market-pickup-request .entry-request-form-column.first-date > input, .market-pickup-request .entry-request-form-block.first-date > input {
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: auto 21px;
  background-image: url(../svgs/icon-calendar.svg);
}
.market-pickup-request .entry-request-form-column.mileage, .market-pickup-request .entry-request-form-block.mileage {
  position: relative;
}
.market-pickup-request .entry-request-form-column.mileage::after, .market-pickup-request .entry-request-form-block.mileage::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8px;
  height: 8px;
  color: #0786BD;
  border-bottom: solid 2px;
  border-right: solid 2px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.market-pickup-request .entry-request-form-column > select, .market-pickup-request .entry-request-form-block > select {
  width: 100%;
  height: 46px;
  font-size: 14px;
  color: #999;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
}
.market-pickup-request .entry-request-form-column.category, .market-pickup-request .entry-request-form-block.category {
  position: relative;
}
.market-pickup-request .entry-request-form-column.category::after, .market-pickup-request .entry-request-form-block.category::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  color: #0786BD;
  border-bottom: solid 2px;
  border-right: solid 2px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.market-pickup-request .entry-request-form-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.market-pickup-request .entry-request-form-column.zip {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.market-pickup-request .entry-request-form-column.zip > input {
  width: 96px;
}
.market-pickup-request .entry-request-form-column.zip > input:first-of-type {
  width: 68px;
}
.market-pickup-request .entry-request-form-column.zip .zip-dash {
  display: inline-block;
  font-size: 16px;
  line-height: 46px;
  padding: 0 10px;
}
.market-pickup-request .entry-request-form-column.price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.market-pickup-request .entry-request-form-column.price .yen {
  display: inline-block;
  margin-left: 0.5em;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request-form-column > input {
    width: 200px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .entry-request-form-column > input {
    width: 49%;
  }
}
.market-pickup-request .entry-request-form-column.select-button {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 18px;
}
.market-pickup-request .entry-request-form-column.select-button > label {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #0786BD;
  -webkit-box-shadow: 0px 1px 6px rgba(26, 155, 211, 0.25);
          box-shadow: 0px 1px 6px rgba(26, 155, 211, 0.25);
}
.market-pickup-request .entry-request-form-column.select-button > input[type=radio] {
  display: none;
}
.market-pickup-request .entry-request-form-column.select-button > input[type=radio]:checked + label {
  color: #fff;
  background-color: #0786BD;
}
.market-pickup-request .entry-request-form-column.select-button > input[type=checkbox] {
  display: none;
}
.market-pickup-request .entry-request-form-column.select-button > input[type=checkbox]:checked + label {
  color: #fff;
  background-color: #0786BD;
}
.market-pickup-request .entry-request-form-column.select-button > input[type=text] {
  width: 100%;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request-form-column.column-2 > label {
    width: 48%;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .entry-request-form-column.column-2 > label {
    width: 47%;
  }
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request-form-column.column-3 > label {
    width: 32%;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .entry-request-form-column.column-3 > label {
    width: 31%;
  }
}
.market-pickup-request .entry-request-form-column.when > label {
  margin-bottom: 18px;
}
.market-pickup-request .entry-request-form-attention {
  margin-top: 10px;
  text-align: right;
}
.market-pickup-request .entry-request-form-attention > a {
  font-size: 14px;
  text-decoration: underline;
}
.market-pickup-request .entry-request-form-submit {
  position: relative;
  width: 305px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request-form-submit {
    position: relative;
    height: 62px;
    color: #fff;
    border-radius: calc(62px / 2);
  }
  .market-pickup-request .entry-request-form-submit:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 62px;
    line-height: 62px;
    color: inherit;
    border-radius: calc(62px / 2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .market-pickup-request .entry-request-form-submit:hover:before {
    opacity: 1;
  }
  .market-pickup-request .entry-request-form-submit > a {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 62px;
    line-height: 62px;
    font-weight: bold;
    text-align: center;
    color: inherit;
    border-radius: calc(62px / 2);
  }
  .market-pickup-request .entry-request-form-submit > a:hover {
    opacity: 1;
  }
  .market-pickup-request .entry-request-form-submit {
    background: linear-gradient(135deg, #035ca8 0%, #0898ce 100%);
    -webkit-box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
            box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
  }
  .market-pickup-request .entry-request-form-submit:before {
    background: linear-gradient(135deg, #0571C0 0%, #19B3E2 100%);
  }
  .market-pickup-request .entry-request-form-submit {
    margin-top: 48px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .entry-request-form-submit {
    position: relative;
    height: 50px;
    color: #fff;
    border-radius: calc(50px / 2);
  }
  .market-pickup-request .entry-request-form-submit:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: inherit;
    border-radius: calc(50px / 2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .market-pickup-request .entry-request-form-submit:hover:before {
    opacity: 1;
  }
  .market-pickup-request .entry-request-form-submit > a {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    color: inherit;
    border-radius: calc(50px / 2);
  }
  .market-pickup-request .entry-request-form-submit > a:hover {
    opacity: 1;
  }
  .market-pickup-request .entry-request-form-submit {
    background: linear-gradient(135deg, #035ca8 0%, #0898ce 100%);
    -webkit-box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
            box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
  }
  .market-pickup-request .entry-request-form-submit:before {
    background: linear-gradient(135deg, #0571C0 0%, #19B3E2 100%);
  }
  .market-pickup-request .entry-request-form-submit {
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.market-pickup-request .entry-request-form-submit > button {
  position: relative;
  z-index: 1;
  display: block;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request-form-submit > button {
    width: 305px;
    font-size: 16px;
    line-height: 62px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .entry-request-form-submit > button {
    width: 100%;
    font-size: 16px;
    line-height: 50px;
  }
}
.market-pickup-request .entry-request-form-submit-note {
  line-height: 1.5;
  margin-top: 24px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request-form-submit-note {
    font-size: 14px;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .entry-request-form-submit-note {
    font-size: 12px;
  }
}
.market-pickup-request .entry-request-form-submit-note > a {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .market-pickup-request .entry-request .entry-confirm {
    padding-top: 0;
  }
}
@media screen and (max-width: 1039px) {
  .market-pickup-request .entry-request .entry-confirm {
    padding-top: 36px;
  }
}

.market-buy-model-list .market-pickup-list .car-list-block {
  -webkit-box-shadow: 0px 3px 10px rgba(7, 134, 189, 0.2);
          box-shadow: 0px 3px 10px rgba(7, 134, 189, 0.2);
}
.market-buy-model-list .market-pickup-list .car-list-block .car-data .car-flag {
  border-radius: 5px 0 12px 0;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-image {
  width: 56%;
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 10px;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-image-inner {
  padding-top: 74.6%;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-text {
  width: 44%;
  padding-right: 5px;
  margin-top: 10px;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-name {
  width: 100%;
  padding: 0 10px;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-price {
  width: 100%;
  padding: 0;
  display: block;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-price-inner {
  display: block;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-price-month {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-price-month .month {
  margin-right: 3px;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-price-month {
  /*padding: 5px;
  background:color.$cars-light-gray;
  border-radius: 4px;*/
}
.market-buy-model-list .market-pickup-list .car-list-block .car-price-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-price-body-label {
  margin-right: 5px;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-eval-basic {
  display: block;
  padding: 0;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-eval {
  background: #F4F5F7;
  border-radius: 4px;
  display: inline-block;
  padding: 5px 7px;
  color: #0786BD;
  font-weight: bold;
  line-height: 1;
  margin-top: 2px;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-eval span {
  font-size: 10px;
  margin-right: 5px;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-eval strong {
  font-size: 16px;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-eval strong em {
  font-size: 14px;
  font-style: normal;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-basic {
  display: block;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-basic dl {
  margin-top: 5px;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-basic dl:first-child {
  margin-top: 10px;
}
.market-buy-model-list .market-pickup-list .car-list-block .car-basic dl dt {
  margin-right: 8px;
  border-left: 2px solid #707070;
  padding-left: 5px;
}
.market-buy-model-list .market-pickup-list .car-list-block .owner-wrap {
  margin-top: 15px;
  padding: 0 10px 5px 10px;
}
.market-buy-model-list .market-pickup-list .car-list-block .owner-wrap .owner-copy {
  padding-right: 40px;
}

/*
Page - Market Buy
-------------------------------------------------- */
@media screen and (min-width: 768px) {
  .market-buy .flow-buy {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy .flow-buy {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .market-buy .flow-buy > .ttl-lv1 {
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 768px) {
  .market-buy .flow-buy-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy .flow-buy-list {
    display: block;
  }
}
.market-buy .flow-buy-list > li {
  position: relative;
}
@media screen and (min-width: 768px) {
  .market-buy .flow-buy-list > li {
    width: 20%;
    background: url(../svgs/flow_bg.svg) no-repeat 100% 50%;
    background-size: contain;
    padding: 35px;
    margin: 80px -10px 0 -10px;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy .flow-buy-list > li {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 210px 0 0 0;
    background: url(../svgs/flow_bg_sp.svg) no-repeat 50% 100%;
    background-size: cover;
    padding: 50px 20px 60px 20px;
  }
}
.market-buy .flow-buy-list > li > picture {
  position: absolute;
  left: 50%;
}
@media screen and (min-width: 768px) {
  .market-buy .flow-buy-list > li > picture {
    width: 133px;
    top: -130px;
    margin-left: -67px;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy .flow-buy-list > li > picture {
    position: absolute;
    width: 229px;
    top: -180px;
    margin-left: -114px;
  }
}
.market-buy .flow-buy-list > li > h5 {
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .market-buy .flow-buy-list > li > h5 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy .flow-buy-list > li > h5 {
    font-size: 18px;
  }
}
.market-buy .flow-buy-list > li > p {
  margin-top: 1em;
}
@media screen and (min-width: 768px) {
  .market-buy .flow-buy-list > li > p {
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.6;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy .flow-buy-list > li > p {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .market-buy .user-voice .inner, .market-buy .ride-about .inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy .user-voice .inner, .market-buy .ride-about .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) {
  .market-buy .user-voice {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 160px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy .user-voice {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 96px;
  }
}
.market-buy .user-voice li {
  position: relative;
  background: #F2F7FF;
  border-radius: 6px;
  margin-bottom: 60px;
  padding: 20px;
}
.market-buy .user-voice li::before {
  position: absolute;
  left: -16px;
  bottom: -60px;
  content: "";
  width: 72px;
  height: 72px;
  background: url(../images/icon_user_voice.png) no-repeat;
  background-size: contain;
}
.market-buy .user-voice li::after {
  position: absolute;
  left: 60px;
  bottom: -10px;
  content: "";
  width: 12px;
  height: 10px;
  background: url(../svgs/icon_user_voice_arrow.svg) no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .market-buy .user-voice li:nth-child(odd) {
    margin-right: 28%;
    margin-left: 10px;
  }
}
@media screen and (min-width: 768px) {
  .market-buy .user-voice li:nth-child(even) {
    margin-left: 28%;
    margin-right: 10px;
  }
}
.market-buy .user-voice li:nth-child(even)::before {
  left: auto;
  right: -16px;
}
.market-buy .user-voice li:nth-child(even)::after {
  left: auto;
  right: 60px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media screen and (min-width: 768px) {
  .market-buy .ride-about {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 160px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy .ride-about {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 96px;
  }
}
.market-buy .ride-about-content {
  background: #F4F5F7;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .market-buy .ride-about-content {
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .market-buy .ride-about-content {
    padding: 50px 15px;
  }
}
@media screen and (min-width: 768px) {
  .market-buy .ride-about-content-image {
    width: 47%;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .market-buy .ride-about-content-text {
    width: 48%;
  }
}
.market-buy .ride-about-content-text p {
  font-size: 14px;
}
.market-buy .ride-about-content .ttl-lv1 {
  font-size: 24px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .market-buy .ride-about-content .ttl-lv1 {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .market-buy .ride-about-content figure {
    width: 85%;
    margin: 0 auto 20px auto;
  }
}
.market-buy .ride-about-content .btn-radius-border-blue {
  max-width: 230px;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .market-buy .ride-about-content .btn-radius-border-blue {
    margin-left: auto;
    margin-right: auto;
  }
}
.market-buy .media-coverage-inner {
  padding: 0;
  background: none;
}
@media screen and (min-width: 768px) {
  .market-buy .market-ranking {
    margin-top: 160px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .market-buy .market-ranking {
    margin-top: 96px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
  }
}
.market-buy .market-ranking .ttl-lv1 {
  margin-bottom: 0;
}
.market-buy .market-ranking-lead {
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .market-buy .market-ranking-wrap {
    padding-left: 30px;
    padding-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .market-buy .market-ranking-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy .market-ranking-wrap.show .car-list-block:nth-child(n+6) {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .market-buy .market-ranking .car-list-block {
    width: 18%;
    margin: 2% 2% 0 0;
  }
  .market-buy .market-ranking .car-list-block:nth-of-type(3n) {
    margin: 2% 2% 0 0;
  }
}
@media screen and (max-width: 767px) {
  .market-buy .market-ranking .car-list-block {
    margin-top: 20px;
  }
}
.market-buy .market-ranking .car-list-block {
  border-radius: 20px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 15px rgba(173, 179, 190, 0.4);
          box-shadow: 0px 3px 15px rgba(173, 179, 190, 0.4);
  position: relative;
  padding: 11px;
}
.market-buy .market-ranking .car-list-block::before {
  font-size: 20px;
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
  line-height: 1;
  font-weight: bold;
  content: "";
  background: #BFBFBF;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 30px;
  height: 30px;
  color: #fff;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.1em;
  padding: 1px 2px 1px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.market-buy .market-ranking .car-list-block:nth-child(1)::before {
  content: "1";
  background: #E5D406;
}
.market-buy .market-ranking .car-list-block:nth-child(2)::before {
  content: "2";
  background: #A7A7A7;
}
.market-buy .market-ranking .car-list-block:nth-child(3)::before {
  content: "3";
  background: #C76161;
}
.market-buy .market-ranking .car-list-block:nth-child(4)::before {
  content: "4";
}
.market-buy .market-ranking .car-list-block:nth-child(5)::before {
  content: "5";
}
.market-buy .market-ranking .car-list-block:nth-child(6)::before {
  content: "6";
}
.market-buy .market-ranking .car-list-block:nth-child(7)::before {
  content: "7";
}
.market-buy .market-ranking .car-list-block:nth-child(8)::before {
  content: "8";
}
.market-buy .market-ranking .car-list-block:nth-child(9)::before {
  content: "9";
}
.market-buy .market-ranking .car-list-block:nth-child(10)::before {
  content: "10";
}
@media screen and (max-width: 767px) {
  .market-buy .market-ranking .car-list-block:nth-child(n+6) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .market-buy .market-ranking .car-list-block .car-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .market-buy .market-ranking .car-list-block .car-image {
    width: 56%;
  }
}
.market-buy .market-ranking .car-list-block .car-image figure a {
  display: block;
  width: 100%;
  height: 100%;
  background: none;
}
@media screen and (min-width: 768px) {
  .market-buy .market-ranking .car-list-block .car-name {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy .market-ranking .car-list-block .car-name {
    width: 42%;
  }
}
.market-buy .market-ranking .car-list-block .car-price {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .market-buy .market-ranking .car-list-block .car-price {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .market-buy .market-ranking .car-list-block .car-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
  }
}
.market-buy .market-ranking .car-list-block .car-price-block {
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.market-buy .market-ranking .car-list-block .car-price-block:before {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #0786BD;
  border-radius: 2px;
}
@media screen and (min-width: 768px) {
  .market-buy .market-ranking .car-list-block .car-price-block:first-of-type {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .market-buy .market-ranking .car-list-block .car-price-block:first-of-type:after {
    content: "";
    border: 1px dotted #F4F5F7;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -10px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy .market-ranking .car-list-block .car-price-block {
    width: 50%;
  }
}
.market-buy .market-ranking .car-list-block .car-price-block a {
  background: none;
  position: relative;
  z-index: 0;
}
.market-buy .market-ranking .car-list-block .car-price-block a:after {
  content: "";
  position: absolute;
  top: 42%;
  right: 0;
  width: 8px;
  height: 8px;
  border-top: solid 1px;
  border-right: solid 1px;
  border-color: #0786BD;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(45deg) translateX(5px);
          transform: rotate(45deg) translateX(5px);
}
.market-buy .market-ranking .car-list-block .car-price-block a.no:after {
  display: none;
}
.market-buy .market-ranking .car-list-block .car-price-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.market-buy .market-ranking .car-list-block .car-price-label strong {
  font-size: 12px;
}
.market-buy .market-ranking .car-list-block .car-price-label span {
  color: #747880;
  font-weight: normal;
  font-size: 12px;
}
.market-buy .market-ranking .car-list-block .car-price-month {
  border: none;
  color: #0786BD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0;
  margin: 5px 0 0 0;
}
.market-buy .market-ranking .car-list-block .car-price-month .month-label {
  width: 1em;
  display: block;
  font-size: 12px;
  line-height: 1.1;
  margin-right: 3px;
}
.market-buy .market-ranking .car-list-block .car-price-month .month-l {
  font-size: 30px;
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
  line-height: 0.7;
}
.market-buy .market-ranking .car-list-block .car-price-month .month-s {
  font-size: 24px;
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
  line-height: 0.7;
}
.market-buy .market-ranking .car-list-block .car-price-month .month-yen {
  font-size: 12px;
  line-height: 1;
}
.market-buy .market-ranking .car-list-block .car-price-body, .market-buy .market-ranking .car-list-block .car-price-deadline {
  font-size: 12px;
  color: #747880;
}
.market-buy .market-ranking .car-list-block .car-price-body span, .market-buy .market-ranking .car-list-block .car-price-deadline span {
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
  margin-left: 5px;
  display: inline-block;
}
.market-buy .market-ranking .car-list-block .car-price-body {
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .market-buy .market-ranking-more {
    display: none;
  }
}
.market-buy .market-ranking-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 20px;
}
.market-buy .market-ranking-more a {
  display: block;
  color: #333;
  font-size: 12px;
  border: 1px solid #333;
  padding: 10px 40px;
  border-radius: 40px;
  font-weight: bold;
  position: relative;
}
.market-buy .market-ranking-more a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-top: solid 1px;
  border-right: solid 1px;
  border-color: #333;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(135deg) translate(6px, 6px);
          transform: rotate(135deg) translate(6px, 6px);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
}

/*
Page - Market Buy Ride
-------------------------------------------------- */
.market-buy-ride .kv {
  height: 177px;
  background: -webkit-gradient(linear, left top, right top, from(#6eb9d9), to(#0786BD));
  background: linear-gradient(90deg, #6eb9d9 0%, #0786BD 100%);
}
@media screen and (min-width: 768px) {
  .market-buy-ride .kv-inner {
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-ride .kv-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.market-buy-ride .kv-ttl {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .market-buy-ride .kv-ttl {
    margin-left: 50px;
    margin-top: -40px;
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-ride .kv-ttl {
    padding-top: 25px;
    font-size: 24px;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .market-buy-ride .kv-image {
    max-width: 314px;
    margin: 45px 130px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-ride .kv-image {
    width: 252px;
    margin: 20px auto 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .market-buy-ride .different {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 160px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-ride .different {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .market-buy-ride .different .inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.market-buy-ride .different .ttl-lv1 {
  margin-bottom: 20px;
  width: auto;
}
@media screen and (max-width: 767px) {
  .market-buy-ride .different .ttl-lv1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) {
  .market-buy-ride .different p {
    font-size: 20px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-ride .different p {
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.market-buy-ride .different p strong {
  color: #0786BD;
}
.market-buy-ride .different picture {
  display: block;
}
@media screen and (min-width: 768px) {
  .market-buy-ride .different picture {
    margin-top: 60px;
    margin-right: -5%;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-ride .different picture {
    margin-top: 34px;
  }
}
@media screen and (min-width: 768px) {
  .market-buy-ride .compare {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 160px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-ride .compare {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .market-buy-ride .compare .inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.market-buy-ride .compare-ttl {
  width: 12em;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .market-buy-ride .compare-ttl {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .market-buy-ride .compare p {
    font-size: 20px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-ride .compare p {
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.market-buy-ride .compare-table {
  width: 100%;
  border-left: solid 2px #F4F5F7;
}
@media screen and (min-width: 768px) {
  .market-buy-ride .compare-table {
    margin-top: 96px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-ride .compare-table {
    margin-top: 60px;
  }
}
.market-buy-ride .compare-table tr > th {
  border-top: none;
  border-left: none;
  border-right: solid 2px #F4F5F7;
  border-bottom: solid 2px #F4F5F7;
  width: 26%;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #ADB3BE;
}
@media screen and (min-width: 768px) {
  .market-buy-ride .compare-table tr > th {
    font-size: 16px;
    padding: 10px 0;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy-ride .compare-table tr > th {
    font-size: 12px;
    padding: 6px 0;
  }
}
.market-buy-ride .compare-table tr > th:first-of-type {
  width: auto;
}
.market-buy-ride .compare-table tr > th.new {
  background-color: #1E5199;
}
.market-buy-ride .compare-table tr > th.used {
  background-color: #1E5199;
}
.market-buy-ride .compare-table tr > th.ride {
  position: relative;
  background-color: #0786BD;
}
@media screen and (min-width: 768px) {
  .market-buy-ride .compare-table tr > th.ride {
    font-size: 21px;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy-ride .compare-table tr > th.ride {
    font-size: 16px;
  }
}
.market-buy-ride .compare-table tr > th.ride > span {
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
  position: absolute;
  left: 50%;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  background-color: #FA6F68;
  border-radius: 6px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .market-buy-ride .compare-table tr > th.ride > span {
    top: -35px;
    font-size: 20px;
    padding: 6px 12px;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy-ride .compare-table tr > th.ride > span {
    top: -25px;
    font-size: 15px;
    padding: 4px 8px;
  }
}
.market-buy-ride .compare-table tr > th.ride > span:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  background-color: #FA6F68;
  -webkit-transform: rotate(45deg) translateX(-50%);
          transform: rotate(45deg) translateX(-50%);
}
@media screen and (min-width: 768px) {
  .market-buy-ride .compare-table tr > th.ride > span:after {
    bottom: -8px;
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy-ride .compare-table tr > th.ride > span:after {
    bottom: -6px;
    width: 8px;
    height: 8px;
  }
}
.market-buy-ride .compare-table tr > td {
  border-top: none;
  border-left: none;
  border-right: solid 2px #F4F5F7;
  border-bottom: solid 2px #F4F5F7;
  padding: 10px 0 10px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  word-wrap: nowrap;
}
@media screen and (min-width: 768px) {
  .market-buy-ride .compare-table tr > td {
    font-size: 16px;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy-ride .compare-table tr > td {
    font-size: 12px;
  }
}
.market-buy-ride .compare-table tr > td.label {
  background-color: #E4E5E8;
}
.market-buy-ride .compare-table tr > td span {
  display: inline-block;
  line-height: 1;
  background-repeat: no-repeat;
  background-position: center top;
}
@media screen and (min-width: 768px) {
  .market-buy-ride .compare-table tr > td span {
    min-width: 32px;
    font-size: 14px;
    padding: 45px 0 0;
    background-size: auto 35px;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy-ride .compare-table tr > td span {
    font-size: 11px;
    padding: 30px 4px 0;
    background-size: auto 26px;
  }
}
.market-buy-ride .compare-table tr > td span.maru {
  background-image: url(../svgs/icon-compare-maru.svg);
}
.market-buy-ride .compare-table tr > td span.maru2 {
  background-image: url(../svgs/icon-compare-maru2.svg);
}
.market-buy-ride .compare-table tr > td span.sankaku {
  background-image: url(../svgs/icon-compare-sankaku.svg);
}
.market-buy-ride .compare-table tr > td span.batsu {
  background-image: url(../svgs/icon-compare-batsu.svg);
}
@media screen and (min-width: 768px) {
  .market-buy-ride .compare-ride {
    margin-top: 48px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-ride .compare-ride {
    margin-top: 32px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.market-buy-ride .compare-ride > figure {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .market-buy-ride .compare-ride > figure {
    float: left;
    width: 310px;
    margin-right: 42px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-ride .compare-ride > figure {
    width: 254px;
    margin: 0 auto;
  }
}
.market-buy-ride .compare-ride > figure > img {
  width: 100%;
}
.market-buy-ride .compare-ride > p {
  font-size: 16px;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .market-buy-ride .compare-ride > p {
    margin-top: 32px;
  }
}
.market-buy-ride .compare-ride > p > strong {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .market-buy-ride .compare-ride > p > strong {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-ride .compare-ride > p > strong {
    font-size: 18px;
    margin-bottom: 32px;
    text-align: center;
  }
}

/*
Page - Market Buy Search
-------------------------------------------------- */
.market-buy-search {
  background: #F4F5F7;
  margin-bottom: 20px;
}
.market-buy-search .car-list-block {
  padding: 11px;
  -webkit-box-shadow: 0px 3px 10px rgba(7, 134, 189, 0.2);
          box-shadow: 0px 3px 10px rgba(7, 134, 189, 0.2);
}
.market-buy-search .car-list-block .car-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.market-buy-search .car-list-block .car-image {
  width: 52%;
}
.market-buy-search .car-list-block .car-image figure a {
  display: block;
  width: 100%;
  height: 100%;
  background: none;
}
.market-buy-search .car-list-block .car-name {
  width: 45%;
}
.market-buy-search .car-list-block .car-price {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px;
}
.market-buy-search .car-list-block .car-price-block {
  width: 50%;
  padding: 0px 0 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.market-buy-search .car-list-block .car-price-block:before {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #0786BD;
  border-radius: 2px;
}
.market-buy-search .car-list-block .car-price-block a {
  background: none;
  position: relative;
}
.market-buy-search .car-list-block .car-price-block a:after {
  content: "";
  position: absolute;
  top: 42%;
  right: 5px;
  width: 8px;
  height: 8px;
  border-top: solid 1px;
  border-right: solid 1px;
  border-color: #0786BD;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(45deg) translateX(5px);
          transform: rotate(45deg) translateX(5px);
}
.market-buy-search .car-list-block .car-price-block a.no:after {
  display: none;
}
.market-buy-search .car-list-block .car-price-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.market-buy-search .car-list-block .car-price-label strong {
  font-size: 12px;
}
.market-buy-search .car-list-block .car-price-label span {
  color: #747880;
  font-weight: normal;
  font-size: 12px;
}
.market-buy-search .car-list-block .car-price-month {
  padding: 0;
  border: none;
  margin: 0;
}
.market-buy-search .car-list-block .car-price-month .car-price-special-wrap {
  border: none;
  color: #0786BD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0;
  margin: 5px 0 0 0;
  gap: 3px;
}
.market-buy-search .car-list-block .car-price-month .car-price-special-wrap .month-label {
  width: 1em;
  display: block;
  font-size: 10px;
  line-height: 1.1;
}
.market-buy-search .car-list-block .car-price-month .car-price-special-wrap .month-n {
  width: calc(100% - 1em);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.market-buy-search .car-list-block .car-price-month .car-price-special-wrap .month-n .month-l {
  font-size: 24px;
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
  line-height: 0.7;
}
.market-buy-search .car-list-block .car-price-month .car-price-special-wrap .month-n .month-yen {
  font-size: 10px;
  line-height: 1;
}
.market-buy-search .car-list-block .car-price-month .car-price-special-wrap .month-b-inner span, .market-buy-search .car-list-block .car-price-month .car-price-special-wrap .month-b-inner strong {
  font-size: 12px;
  color: #747880;
  font-weight: normal;
}
.market-buy-search .car-list-block .car-price-other {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
  line-height: 1.4;
  color: #333;
}
.market-buy-search .car-list-block .car-price-other dt {
  width: 4.5em;
}
.market-buy-search .car-list-block .car-price-other dd {
  width: calc(100% - 4.5em);
}
.market-buy-search .car-list-block .car-price {
  /*
  &-body{
    //margin-top:5px;
    font-size:12px;
    span{
      font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
      margin-left:5px;
      display: inline-block;
    }
  }
  &-deadline{
    font-size:12px;
    //margin-top:2px;
    color:color.$cars-dark-gray;
    span{
      margin-left:5px;
      display: inline-block;
    }
  }*/
}
.market-buy-search .car-list-block .car-price-request {
  color: #0786BD;
  font-weight: bold;
  font-size: 14px;
  margin: 10px 0;
}

/*
Page - carsMARKET - Buy - RequestOrder
-------------------------------------------------- */
.market-buy-order {
  position: relative;
}
@media screen and (min-width: 768px) {
  .market-buy-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy-order {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order {
    padding-bottom: 48px;
  }
}
.market-buy-order h1 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .market-buy-order h1 {
    line-height: 106px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order h1 {
    position: fixed;
    top: 45px;
    left: 0;
    z-index: -1;
    width: 100%;
    line-height: 74px;
  }
}
.market-buy-order .entry-buy,
.market-buy-order .description {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .market-buy-order .entry-buy,
  .market-buy-order .description {
    width: 50%;
    height: calc(100vh - 91px);
  }
}
@media screen and (max-width: 1039px) {
  .market-buy-order .entry-buy,
  .market-buy-order .description {
    width: 100%;
    height: unset;
  }
}
.market-buy-order .description {
  background-color: #F4F5F7;
}
@media screen and (min-width: 768px) {
  .market-buy-order .description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy-order .description {
    overflow: unset;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .description {
    position: fixed;
    top: 129px;
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  .market-buy-order .entry-buy {
    overflow: scroll;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy-order .entry-buy {
    overflow: unset;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .entry-buy {
    top: 546px;
    left: 0;
    padding-bottom: 546px;
    background-color: #fff;
    border-radius: 20px 20px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .market-buy-order .title {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .market-buy-order .title-wrap {
    position: relative;
    left: 0;
    max-width: 570px;
    min-width: 430px;
  }
}
.market-buy-order .description-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .market-buy-order .description-wrap {
    position: absolute;
    right: 0;
    max-width: 620px;
    padding-top: 7px;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy-order .description-wrap {
    position: unset;
    top: unset;
    right: unset;
    max-width: unset;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .description-wrap {
    padding: 25px 20px 45px;
  }
}
.market-buy-order .description-slide {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0 !important;
}
@media screen and (min-width: 768px) {
  .market-buy-order .description-slide {
    width: 100%;
    max-width: 400px;
    min-width: 360px;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy-order .description-slide {
    width: 400px;
    max-width: unset;
    min-width: unset;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .description-slide {
    width: 100%;
    max-width: 400px;
  }
}
@media screen and (min-width: 768px) {
  .market-buy-order .description-slide-item {
    padding-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .description-slide-item {
    padding-top: 6px;
  }
}
.market-buy-order .description-slide-item h2 {
  position: relative;
  width: 188px;
  font-size: 20px;
  line-height: 40px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #fff;
  background-color: #0786BD;
  border-radius: 6px;
}
.market-buy-order .description-slide-item h2::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -12px;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #0786BD;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(45deg) translateX(-50%);
          transform: rotate(45deg) translateX(-50%);
}
.market-buy-order .description-slide-item h2 > strong {
  font-family: "Avenir Next", sans-serif;
  font-size: 32px;
  padding-left: 4px;
  vertical-align: bottom;
}
.market-buy-order .description-slide-item h3 {
  line-height: 1;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
  color: #0786BD;
}
@media screen and (min-width: 768px) {
  .market-buy-order .description-slide-item h3 {
    font-size: 24px;
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .description-slide-item h3 {
    font-size: 20px;
    margin-bottom: 18px;
  }
}
.market-buy-order .description-slide-item .lottie-image {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .market-buy-order .description-slide-item .lottie-image {
    min-height: 255px;
    margin-top: 28px;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .description-slide-item .lottie-image {
    min-height: 38.91vw;
    padding-left: 42px;
    padding-right: 42px;
    margin-top: 34px;
    margin-bottom: 28px;
  }
}
.market-buy-order .description-slide-item picture > img {
  width: 100%;
}
.market-buy-order .description-slide-item.top {
  padding-top: 0;
}
.market-buy-order .description-slide-item.top h2 {
  width: auto;
  line-height: 1.4;
  color: #0786BD;
  background-color: unset;
}
@media screen and (min-width: 768px) {
  .market-buy-order .description-slide-item.top h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .description-slide-item.top h2 {
    font-size: 20px;
  }
}
.market-buy-order .description-slide-item.top h2::before {
  content: none;
}
.market-buy-order .description-slide-item.top h3 {
  position: relative;
  z-index: 1;
  width: 128px;
  font-size: 16px;
  line-height: 36px;
  margin: 0 auto -18px;
  color: #fff;
  background-color: #0786BD;
  border-radius: 6px;
}
@media screen and (min-width: 768px) {
  .market-buy-order .description-slide-item.top .description-list-wrap {
    padding-top: 36px;
    padding-bottom: 28px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .description-slide-item.top .description-list-wrap {
    padding-top: 24px;
  }
}
.market-buy-order .description-slide-nav {
  position: relative;
}
@media screen and (min-width: 768px) {
  .market-buy-order .description-slide-nav {
    height: 34px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .description-slide-nav {
    height: 28px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .description-slide .slick-arrow {
    position: absolute;
    z-index: 1;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 3px 6px rgba(7, 134, 189, 0.25);
            box-shadow: 0px 3px 6px rgba(7, 134, 189, 0.25);
  }
}
@media screen and (min-width: 768px) {
  .market-buy-order .description-slide .slick-next {
    top: 48%;
    right: -2.6vw;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .description-slide .slick-next {
    top: 32%;
    background-color: #fff !important;
  }
  .market-buy-order .description-slide .slick-next:before {
    content: "";
    position: absolute;
    top: 40%;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 1;
  }
  .market-buy-order .description-slide .slick-next {
    right: 20px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  .market-buy-order .description-slide .slick-next:before {
    right: 45%;
    border-bottom: solid 2px #333;
    border-right: solid 2px #333;
  }
}
@media screen and (min-width: 768px) {
  .market-buy-order .description-slide .slick-prev {
    top: 48%;
    left: -2.6vw;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .description-slide .slick-prev {
    top: 32%;
    background-color: #fff !important;
  }
  .market-buy-order .description-slide .slick-prev:before {
    content: "";
    position: absolute;
    top: 40%;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 1;
  }
  .market-buy-order .description-slide .slick-prev {
    left: 20px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .market-buy-order .description-slide .slick-prev:before {
    left: 45%;
    border-top: solid 2px #333;
    border-left: solid 2px #333;
  }
}
.market-buy-order .description-list {
  margin: 0 auto;
}
.market-buy-order .description-list li {
  line-height: 1;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .market-buy-order .description-list li {
    font-size: 16px;
    margin-top: 14px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .description-list li {
    font-size: 14px;
    margin-top: 12px;
  }
}
.market-buy-order .description-list li::before {
  content: "";
  display: inline-block;
  width: 12px;
  margin-right: 6px;
  background-image: url(../svgs/icon-check-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 70%;
}
@media screen and (min-width: 768px) {
  .market-buy-order .description-list li::before {
    height: 16px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .description-list li::before {
    height: 14px;
  }
}
.market-buy-order .description-list li:first-of-type {
  margin-top: 0;
}
.market-buy-order .description-list-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .market-buy-order .description-list-wrap {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .description-list-wrap {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.market-buy-order .entry-buy {
  position: relative;
}
@media screen and (max-width: 767px) {
  .market-buy-order .entry-buy::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 50%;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 30px;
    height: 4px;
    background-color: #ADB3BE;
    border-radius: 2px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.market-buy-order .entry-buy form {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .market-buy-order .entry-buy form {
    position: relative;
    left: 0;
    max-width: 570px;
    min-width: 430px;
  }
}
@media screen and (max-width: 1039px) {
  .market-buy-order .entry-buy form {
    left: unset;
    max-width: unset;
    min-width: unset;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .entry-buy form {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.market-buy-order .entry-buy-wrap {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .market-buy-order .entry-buy-wrap {
    width: 430px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .entry-buy-wrap {
    max-width: 400px;
    padding-top: 32px;
  }
}
.market-buy-order .entry-buy-line {
  text-align: center;
  background-color: #F4F5F7;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .market-buy-order .entry-buy-line {
    padding: 26px 0;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .entry-buy-line {
    padding: 28px 0;
  }
}
.market-buy-order .entry-buy-line > h2 {
  font-weight: bold;
  position: relative;
  display: inline-block;
  font-size: 18px;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
}
.market-buy-order .entry-buy-line > h2:after, .market-buy-order .entry-buy-line > h2:before {
  content: "";
  position: absolute;
  top: 4px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1px;
  height: 18px;
  background-color: #333;
}
.market-buy-order .entry-buy-line > h2:before {
  left: -4px;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.market-buy-order .entry-buy-line > h2:after {
  right: -4px;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.market-buy-order .entry-buy-line-btn {
  margin-top: 14px;
}
.market-buy-order .entry-buy-line-btn > a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 305px;
  font-size: 16px;
  line-height: 48px;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #06C755;
}
.market-buy-order .entry-buy-border {
  position: relative;
  text-align: center;
  width: 100%;
  height: 1px;
  margin-top: 36px;
  background-color: #ADB3BE;
}
@media screen and (min-width: 768px) {
  .market-buy-order .entry-buy-border {
    margin-bottom: 46px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .entry-buy-border {
    margin-bottom: 36px;
  }
}
.market-buy-order .entry-buy-border > span {
  position: absolute;
  top: -0.55em;
  left: 50%;
  display: inline-block;
  width: 2.5em;
  line-height: 1;
  font-weight: bold;
  color: #747880;
  background-color: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .market-buy-order .entry-buy-border > span {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .market-buy-order .entry-buy-form-note {
    font-size: 14px;
  }
}
.market-buy-order .entry-buy-form-wrap {
  margin-top: 24px;
}
.market-buy-order .entry-buy-form-wrap > .entry-form-error {
  margin-top: 10px;
}
.market-buy-order .entry-buy-form-label {
  line-height: 1;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .market-buy-order .entry-buy-form-label {
    font-size: 16px;
  }
}
.market-buy-order .entry-buy-form-label-desc {
  color: #999;
}
@media screen and (min-width: 768px) {
  .market-buy-order .entry-buy-form-label-desc {
    font-size: 12px;
    padding-left: 4px;
  }
}
.market-buy-order .entry-buy-form-label > .explanation {
  display: inline-block;
  margin-left: 1em;
  font-size: 12px;
}
.market-buy-order .entry-buy-form-label.margin-top {
  margin-top: 0.75em;
}
.market-buy-order .entry-buy-form-label.margin-top2 {
  margin-top: 1.5em;
}
.market-buy-order .entry-buy-form-column, .market-buy-order .entry-buy-form-block {
  margin-top: 12px;
}
.market-buy-order .entry-buy-form-column > textarea, .market-buy-order .entry-buy-form-column > select, .market-buy-order .entry-buy-form-column.mileage, .market-buy-order .entry-buy-form-column > input, .market-buy-order .entry-buy-form-column > label, .market-buy-order .entry-buy-form-block > textarea, .market-buy-order .entry-buy-form-block > select, .market-buy-order .entry-buy-form-block.mileage, .market-buy-order .entry-buy-form-block > input, .market-buy-order .entry-buy-form-block > label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
  border: solid 1px #1A9BD3;
  border-radius: 10px;
  -webkit-box-shadow: inset 0px 1px 6px rgba(26, 155, 211, 0.25);
          box-shadow: inset 0px 1px 6px rgba(26, 155, 211, 0.25);
}
.market-buy-order .entry-buy-form-column > input, .market-buy-order .entry-buy-form-column > label, .market-buy-order .entry-buy-form-block > input, .market-buy-order .entry-buy-form-block > label {
  line-height: 44px;
}
.market-buy-order .entry-buy-form-column > textarea, .market-buy-order .entry-buy-form-block > textarea {
  line-height: 1.5;
  padding-top: 14px;
  padding-bottom: 14px;
}
.market-buy-order .entry-buy-form-column.first-date > input, .market-buy-order .entry-buy-form-block.first-date > input {
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: auto 21px;
  background-image: url(../svgs/icon-calendar.svg);
}
.market-buy-order .entry-buy-form-column.mileage, .market-buy-order .entry-buy-form-block.mileage {
  position: relative;
}
.market-buy-order .entry-buy-form-column.mileage::after, .market-buy-order .entry-buy-form-block.mileage::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8px;
  height: 8px;
  color: #0786BD;
  border-bottom: solid 2px;
  border-right: solid 2px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.market-buy-order .entry-buy-form-column > select, .market-buy-order .entry-buy-form-block > select {
  width: 100%;
  height: 46px;
  font-size: 14px;
  color: #999;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
}
.market-buy-order .entry-buy-form-column.category, .market-buy-order .entry-buy-form-block.category {
  position: relative;
}
.market-buy-order .entry-buy-form-column.category::after, .market-buy-order .entry-buy-form-block.category::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  color: #0786BD;
  border-bottom: solid 2px;
  border-right: solid 2px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.market-buy-order .entry-buy-form-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.market-buy-order .entry-buy-form-column.zip {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.market-buy-order .entry-buy-form-column.zip > input {
  width: 96px;
}
.market-buy-order .entry-buy-form-column.zip > input:first-of-type {
  width: 68px;
}
.market-buy-order .entry-buy-form-column.zip .zip-dash {
  display: inline-block;
  font-size: 16px;
  line-height: 46px;
  padding: 0 10px;
}
.market-buy-order .entry-buy-form-column.price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.market-buy-order .entry-buy-form-column.price .yen {
  display: inline-block;
  margin-left: 0.5em;
}
@media screen and (min-width: 768px) {
  .market-buy-order .entry-buy-form-column > input {
    width: 200px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .entry-buy-form-column > input {
    width: 49%;
  }
}
.market-buy-order .entry-buy-form-column.select-button {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 18px;
}
.market-buy-order .entry-buy-form-column.select-button > label {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #0786BD;
  -webkit-box-shadow: 0px 1px 6px rgba(26, 155, 211, 0.25);
          box-shadow: 0px 1px 6px rgba(26, 155, 211, 0.25);
}
.market-buy-order .entry-buy-form-column.select-button > input[type=radio] {
  display: none;
}
.market-buy-order .entry-buy-form-column.select-button > input[type=radio]:checked + label {
  color: #fff;
  background-color: #0786BD;
}
.market-buy-order .entry-buy-form-column.select-button > input[type=checkbox] {
  display: none;
}
.market-buy-order .entry-buy-form-column.select-button > input[type=checkbox]:checked + label {
  color: #fff;
  background-color: #0786BD;
}
.market-buy-order .entry-buy-form-column.select-button > input[type=text] {
  width: 100%;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .market-buy-order .entry-buy-form-column.column-2 > label {
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .entry-buy-form-column.column-2 > label {
    width: 47%;
  }
}
@media screen and (min-width: 768px) {
  .market-buy-order .entry-buy-form-column.column-3 > label {
    width: 32%;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .entry-buy-form-column.column-3 > label {
    width: 31%;
  }
}
.market-buy-order .entry-buy-form-column.when > label {
  margin-bottom: 18px;
}
.market-buy-order .entry-buy-form-attention {
  margin-top: 10px;
  text-align: right;
}
.market-buy-order .entry-buy-form-attention > a {
  font-size: 14px;
  text-decoration: underline;
}
.market-buy-order .entry-buy-form-submit {
  position: relative;
  width: 305px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .market-buy-order .entry-buy-form-submit {
    position: relative;
    height: 62px;
    color: #fff;
    border-radius: calc(62px / 2);
  }
  .market-buy-order .entry-buy-form-submit:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 62px;
    line-height: 62px;
    color: inherit;
    border-radius: calc(62px / 2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .market-buy-order .entry-buy-form-submit:hover:before {
    opacity: 1;
  }
  .market-buy-order .entry-buy-form-submit > a {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 62px;
    line-height: 62px;
    font-weight: bold;
    text-align: center;
    color: inherit;
    border-radius: calc(62px / 2);
  }
  .market-buy-order .entry-buy-form-submit > a:hover {
    opacity: 1;
  }
  .market-buy-order .entry-buy-form-submit {
    background: linear-gradient(135deg, #035ca8 0%, #0898ce 100%);
    -webkit-box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
            box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
  }
  .market-buy-order .entry-buy-form-submit:before {
    background: linear-gradient(135deg, #0571C0 0%, #19B3E2 100%);
  }
  .market-buy-order .entry-buy-form-submit {
    margin-top: 48px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .entry-buy-form-submit {
    position: relative;
    height: 50px;
    color: #fff;
    border-radius: calc(50px / 2);
  }
  .market-buy-order .entry-buy-form-submit:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: inherit;
    border-radius: calc(50px / 2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .market-buy-order .entry-buy-form-submit:hover:before {
    opacity: 1;
  }
  .market-buy-order .entry-buy-form-submit > a {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    color: inherit;
    border-radius: calc(50px / 2);
  }
  .market-buy-order .entry-buy-form-submit > a:hover {
    opacity: 1;
  }
  .market-buy-order .entry-buy-form-submit {
    background: linear-gradient(135deg, #035ca8 0%, #0898ce 100%);
    -webkit-box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
            box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
  }
  .market-buy-order .entry-buy-form-submit:before {
    background: linear-gradient(135deg, #0571C0 0%, #19B3E2 100%);
  }
  .market-buy-order .entry-buy-form-submit {
    margin-top: 70px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.market-buy-order .entry-buy-form-submit > button {
  position: relative;
  z-index: 1;
  display: block;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .market-buy-order .entry-buy-form-submit > button {
    width: 305px;
    font-size: 16px;
    line-height: 62px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .entry-buy-form-submit > button {
    width: 100%;
    font-size: 16px;
    line-height: 50px;
  }
}
.market-buy-order .entry-buy-form-submit-note {
  line-height: 1.5;
  margin-top: 24px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .market-buy-order .entry-buy-form-submit-note {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .market-buy-order .entry-buy-form-submit-note {
    font-size: 12px;
  }
}
.market-buy-order .entry-buy-form-submit-note > a {
  text-decoration: underline;
}

.flat-menu {
  position: fixed;
  bottom: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 10px rgba(173, 179, 190, 0.18);
          box-shadow: 0px 0px 10px rgba(173, 179, 190, 0.18);
}
@media screen and (min-width: 768px) {
  .flat-menu {
    padding: 15px 0;
  }
}
@media screen and (max-width: 1039px) {
  .flat-menu {
    padding: 10px 0;
  }
}
.flat-menu-btn {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .flat-menu-btn {
    max-width: 240px;
    width: 100%;
    position: relative;
    height: 50px;
    color: #fff;
    border-radius: calc(50px / 2);
  }
  .flat-menu-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: inherit;
    border-radius: calc(50px / 2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .flat-menu-btn:hover:before {
    opacity: 1;
  }
  .flat-menu-btn > a {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    color: inherit;
    border-radius: calc(50px / 2);
  }
  .flat-menu-btn > a:hover {
    opacity: 1;
  }
  .flat-menu-btn {
    background: linear-gradient(135deg, #035ca8 0%, #0898ce 100%);
    -webkit-box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
            box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
  }
  .flat-menu-btn:before {
    background: linear-gradient(135deg, #0571C0 0%, #19B3E2 100%);
  }
}
@media screen and (max-width: 1039px) {
  .flat-menu-btn {
    width: 39%;
    max-width: 240px;
    position: relative;
    height: 40px;
    color: #fff;
    border-radius: calc(40px / 2);
  }
  .flat-menu-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: inherit;
    border-radius: calc(40px / 2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .flat-menu-btn:hover:before {
    opacity: 1;
  }
  .flat-menu-btn > a {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    color: inherit;
    border-radius: calc(40px / 2);
  }
  .flat-menu-btn > a:hover {
    opacity: 1;
  }
  .flat-menu-btn {
    background: linear-gradient(135deg, #035ca8 0%, #0898ce 100%);
    -webkit-box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
            box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
  }
  .flat-menu-btn:before {
    background: linear-gradient(135deg, #0571C0 0%, #19B3E2 100%);
  }
}
@media screen and (max-width: 767px) {
  .flat-menu-btn {
    width: 304px;
  }
}
@media screen and (min-width: 768px) {
  .flat-menu-btn > a, .flat-menu-btn > span {
    font-size: 16px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-menu-btn > a, .flat-menu-btn > span {
    font-size: 14px;
  }
}
.flat-menu-btn > a:after, .flat-menu-btn > span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: solid 3px;
  border-right: solid 3px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 768px) {
  .flat-menu-btn > a:after, .flat-menu-btn > span:after {
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-menu-btn > a:after, .flat-menu-btn > span:after {
    width: 8px;
    height: 8px;
  }
}
.flat-menu-btn.stop {
  background: #747880;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flat-menu-btn.stop::before {
  content: none;
}
.flat-menu-btn.stop span::after {
  display: none;
}
.flat-menu-pop {
  background: #fff;
  position: absolute;
  bottom: 73%;
  left: 50%;
  padding: 10px 15px;
  border-radius: 6px;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  -webkit-filter: drop-shadow(0px 0px 10px rgba(173, 179, 190, 0.18));
          filter: drop-shadow(0px 0px 10px rgba(173, 179, 190, 0.18));
  z-index: 100;
  font-weight: bold;
  line-height: 1;
  font-size: 12px;
  white-space: nowrap;
}
.flat-menu-pop::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  bottom: -3px;
  left: 50%;
  margin-left: -5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.flat-menu .plan-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .flat-menu .plan-menu {
    max-width: 900px;
    margin: 0 auto;
    padding: 0px 30px;
  }
}
@media screen and (max-width: 767px) {
  .flat-menu .plan-menu {
    padding: 0px 15px;
  }
}
@media screen and (min-width: 768px) {
  .flat-menu .plan-menu-data {
    width: calc(70% - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .flat-menu .plan-menu-data {
    width: calc(58% - 4px);
    font-size: 12px;
  }
}
.flat-menu .plan-menu-data .total {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .flat-menu .plan-menu-data .total {
    font-size: 18px;
  }
}
.flat-menu .plan-menu-data .total strong {
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
  line-height: 1;
  font-weight: bold;
  color: #0786BD;
}
@media screen and (min-width: 768px) {
  .flat-menu .plan-menu-data .total strong {
    font-size: 39px;
  }
}
@media screen and (max-width: 767px) {
  .flat-menu .plan-menu-data .total strong {
    font-size: 20px;
  }
}
.flat-menu .plan-menu-data .total span {
  display: inline-block;
  margin-left: 2px;
}
.flat-menu .plan-menu-data .total .attention {
  display: block;
  width: 100%;
  margin-top: 5px;
  font-weight: normal;
  font-size: 12px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .flat-menu .plan-menu-data .total .attention {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .flat-menu .plan-menu-data-other {
    margin-left: 20px;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .flat-menu .plan-menu-data-other {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .flat-menu .plan-menu-data-other {
    margin-top: 5px;
    font-size: 10px;
  }
}
.flat-menu .plan-menu-data-other strong {
  font-weight: normal;
}
.flat-menu .plan-menu-data-other .bonus-price, .flat-menu .plan-menu-data-other .all-price {
  font-weight: bold;
}
.flat-menu .plan-menu-data-other .bonus-price strong, .flat-menu .plan-menu-data-other .all-price strong {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .flat-menu .plan-menu .plan-menu-btn {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .flat-menu .plan-menu .plan-menu-btn {
    width: 42%;
  }
}
.flat-menu .plan-menu .plan-menu-btn-attention {
  margin-top: 7px;
  font-weight: normal;
  font-size: 10px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .flat-menu .plan-menu .plan-menu-btn-attention {
    display: none;
  }
}
.flat-menu .plan-menu .flat-menu-btn {
  width: 100%;
  height: 50px;
  border-radius: 25px;
}
.flat-menu .plan-menu .flat-menu-btn::before {
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
}
.flat-menu .plan-menu .flat-menu-btn a, .flat-menu .plan-menu .flat-menu-btn span {
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
}
@media screen and (max-width: 767px) {
  .flat-menu .plan-menu .flat-menu-btn a::after, .flat-menu .plan-menu .flat-menu-btn span::after {
    display: none;
  }
}

/*
Page - carsMEMBER
-------------------------------------------------- */
.carsmember {
  overflow: hidden;
}
.carsmember .member-lead {
  position: relative;
}
@media screen and (min-width: 768px) {
  .carsmember .member-lead {
    margin-top: 0;
    padding-top: 160px;
  }
}
@media screen and (max-width: 767px) {
  .carsmember .member-lead {
    margin-top: 90px;
  }
}
.carsmember .member-lead::after, .carsmember .member-lead::before {
  content: "";
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}
@media screen and (min-width: 768px) {
  .carsmember .member-lead::after, .carsmember .member-lead::before {
    width: 1270px;
    height: 858px;
    background-image: url("../svgs/member-lead-bg-pc.svg");
  }
}
@media screen and (min-width: 768px) {
  .carsmember .member-lead::before {
    top: -130px;
    right: 50%;
    -webkit-transform: translateX(-315px);
            transform: translateX(-315px);
  }
}
@media screen and (max-width: 767px) {
  .carsmember .member-lead::before {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .carsmember .member-lead::after {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(110px);
            transform: translateX(110px);
  }
}
@media screen and (max-width: 767px) {
  .carsmember .member-lead::after {
    top: 18%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 54vw;
    background-repeat: no-repeat;
    background-image: url("../svgs/member-lead-bg-sp_02.svg");
    background-position: center top;
    background-size: contain;
  }
}

@media screen and (max-width: 767px) {
  .common-thanks .member-lead {
    margin-top: 46px;
  }
}
.common-thanks .member-lead::before {
  width: 100%;
  height: 858px;
  right: auto;
  left: 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  -webkit-transform: none;
          transform: none;
}
@media screen and (min-width: 768px) {
  .common-thanks .member-lead::before {
    background-image: url("../svgs/member-lead-bg-pc_02.svg");
    top: -130px;
  }
}
@media screen and (max-width: 767px) {
  .common-thanks .member-lead::before {
    display: block;
    background-image: url("../svgs/member-lead-bg-sp_02.svg");
    top: auto;
    bottom: 27vw;
  }
}
.common-thanks .member-lead::after {
  display: none;
}

/* cars member v1.0 */
.carsmember .note {
  top: 128vw;
}
@media screen and (min-width: 768px) {
  .carsmember .note {
    top: 25.5vw;
  }
}

/*.carsmember div.page-header {
    height: 150vw;
}
*/
.carsmember .member-special h3.special-title {
  content: "";
  width: auto;
  height: auto;
  background: none;
  margin-top: 5rem;
}
.carsmember .member-special h3.special-title::before {
  content: "";
  width: 100%;
  height: 107px;
  background: url("../svgs/member-special.svg") no-repeat center top;
  background-size: 125px 107px;
  display: block;
}
@media screen and (min-width: 768px) {
  .carsmember .member-special h3.special-title::before {
    width: 100%;
    height: 197px;
    background-size: 230px 197px;
  }
}
.carsmember .member-special h3.special-title > span {
  position: relative;
  margin-top: 2rem;
  display: block;
  line-height: 1.4em;
  font-size: 26px;
}

.member-btn,
.btn-lead,
.mx-auto {
  margin: 10px auto 0 auto;
  width: 250px;
  position: relative;
  height: 50px;
  color: #fff;
  border-radius: calc(50px / 2);
}
.member-btn:before,
.btn-lead:before,
.mx-auto:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: inherit;
  border-radius: calc(50px / 2);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.member-btn:hover:before,
.btn-lead:hover:before,
.mx-auto:hover:before {
  opacity: 1;
}
.member-btn > a,
.btn-lead > a,
.mx-auto > a {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  text-align: center;
  color: inherit;
  border-radius: calc(50px / 2);
}
.member-btn > a:hover,
.btn-lead > a:hover,
.mx-auto > a:hover {
  opacity: 1;
}
.member-btn,
.btn-lead,
.mx-auto {
  background: linear-gradient(135deg, #035ca8 0%, #0898ce 100%);
  -webkit-box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
          box-shadow: 0px 5px 15px rgba(84, 185, 229, 0.2);
}
.member-btn:before,
.btn-lead:before,
.mx-auto:before {
  background: linear-gradient(135deg, #0571C0 0%, #19B3E2 100%);
}
.member-btn > a,
.btn-lead > a,
.mx-auto > a {
  margin: 0;
}
.member-btn > a:hover,
.btn-lead > a:hover,
.mx-auto > a:hover {
  opacity: 1;
}

/* ====== style.css reset ====== */
.carsmember {
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .carsmember {
    background-size: auto 178vw;
    background-position: left 36% top -35vw;
  }
}
.carsmember div.page-header {
  height: 178vw;
}
.carsmember h1 {
  width: auto;
  height: auto;
  background: none;
  overflow: hidden;
  text-indent: 0;
  white-space: nowrap;
  display: block;
  margin: 0;
  position: static;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}

/* ====== Parts ====== */
.btn-lead-txt {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  margin: 0 auto;
  padding: 0 12px;
  line-height: 1;
  font-weight: bold;
  color: #0786BD;
}
@media screen and (min-width: 768px) {
  .btn-lead-txt {
    padding: 0 20px;
  }
}

.btn-lead-txt::after,
.btn-lead-txt::before {
  content: "";
  position: absolute;
  top: 0;
  width: 2px;
  height: 16px;
  background-color: #0786BD;
}

.btn-lead-txt::before {
  left: 0;
  -webkit-transform: translateY(3px) rotate(-35deg);
          transform: translateY(3px) rotate(-35deg);
}

.btn-lead-txt::after {
  right: 0;
  -webkit-transform: translateY(3px) rotate(35deg);
          transform: translateY(3px) rotate(35deg);
}

.btn-color-blue {
  /*position: relative;
  display: block;
  width: 230px;
  height: auto;
  font-size: 16px;
  line-height: 50px;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
  border-radius: 50px;
  color: #fff;*/
}

.btn-show-detail::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

/* ------ header block ------ */
.member-header {
  position: relative;
  background-image: url("../images/member-kv.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .member-header {
    height: 58vw;
    background-image: url("../images/member-kv-pc.jpg");
    background-repeat: no-repeat;
    background-position: -54% top;
    background-size: contain;
  }
}
.member-header h1 {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 8vw 0 13.3vw;
  text-align: center;
  background-image: url("../svgs/member-kv-bg-01.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 160%;
}
@media screen and (min-width: 768px) {
  .member-header h1 {
    margin: 12.5vw 0 0;
    padding: 0;
    background-image: none;
  }
}
.member-header h1 img {
  width: 276px;
  height: auto;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .member-header h1 img {
    width: 348px;
  }
}
@media screen and (min-width: 768px) {
  .member-header .btn-header, .member-header h2, .member-header h1 {
    max-width: 380px;
  }
}
.member-header h2 {
  font-size: 18px;
  line-height: 36px;
  font-weight: 500;
  margin: 48vw auto 0;
  padding-top: 40vw;
  text-align: center;
  background-image: url("../svgs/member-kv-bg-02.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 160%;
}
@media screen and (min-width: 768px) {
  .member-header h2 {
    font-size: 20px;
    line-height: 38px;
    margin: 3.3vw 0 0;
    padding: 0;
    background-image: none;
  }
}
.member-header .btn-header {
  margin-top: 24px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .member-header .btn-header {
    margin: 3.3vw 0 0;
  }
}
.member-header .btn-blue-gradation {
  margin-bottom: 0;
}
.member-header .txt-watchword {
  position: absolute;
  top: 67.5vw;
  right: 42%;
  width: 53.4vw;
  height: auto;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .member-header .txt-watchword {
    top: unset;
    right: 50%;
    bottom: 3.3vw;
    width: 40.6vw;
    -webkit-transform: translateX(-4vw);
            transform: translateX(-4vw);
  }
}
.member-header .txt-watchword img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .member-header .member-header-wrap {
    position: absolute;
    top: 0;
    left: 54%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 46%;
    height: 63vw;
    padding-left: 9%;
    padding-right: 2%;
    background-image: url("../svgs/member-kv-bg-pc.svg");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 370%;
  }
}

/* ------ lead block ------ */
@media screen and (min-width: 768px) {
  .member-lead .container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    min-height: 540px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .member-lead .container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 345px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 20px;
  }
}
.member-lead h3 {
  font-size: 26px;
  line-height: 38px;
  font-weight: bold;
  color: #0786BD;
}
@media screen and (min-width: 768px) {
  .member-lead h3 {
    font-size: 32px;
    line-height: 47px;
    padding-top: 60px;
    max-width: 48%;
    text-align: left;
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .member-lead h3 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: center;
    margin-bottom: 40px;
  }
}
.member-lead h3 span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  height: auto;
}
@media screen and (min-width: 768px) {
  .member-lead h3 span {
    font-size: 21px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .member-lead h3 span {
    font-size: 18px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.member-lead h3 span img {
  display: inline-block;
  margin-right: 5px;
}
@media screen and (min-width: 768px) {
  .member-lead h3 span img {
    max-width: 222px;
  }
}
@media screen and (max-width: 767px) {
  .member-lead h3 span img {
    max-width: 186px;
  }
}
.member-lead .txt-lead {
  font-size: 18px;
  line-height: 30px;
}
@media screen and (min-width: 768px) {
  .member-lead .txt-lead {
    max-width: 400px;
    margin: 16px 0 0 52%;
  }
}
@media screen and (max-width: 767px) {
  .member-lead .txt-lead {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .member-lead .img-lead {
    position: absolute;
    top: 0;
    left: 30px;
    width: 44%;
    max-width: none;
    height: auto;
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .member-lead .img-lead {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    display: block;
    width: 100%;
    margin: 0 auto;
  }
}
.member-lead .img-lead img {
  width: 100%;
}
.member-lead .btn-lead-wrap {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .member-lead .btn-lead-wrap {
    max-width: 250px;
    margin: 0 0 0 52%;
  }
}
@media screen and (max-width: 767px) {
  .member-lead .btn-lead-wrap {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
.member-lead .btn-lead-txt {
  margin: 40px auto 0;
}
@media screen and (min-width: 768px) {
  .member-lead .btn-lead-txt {
    margin: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .member-lead .btn-lead {
    width: 300px;
  }
}

/* ------ merit block ------ */
.member-merit {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .member-merit {
    margin-top: 160px;
  }
}
@media screen and (max-width: 767px) {
  .member-merit {
    margin-top: 96px;
  }
}
.member-merit h3 {
  position: relative;
  font-size: 26px;
  line-height: 38px;
  margin: 0 auto 30px;
  font-weight: bold;
  text-align: center;
  color: #0786BD;
}
@media screen and (min-width: 768px) {
  .member-merit h3 {
    font-size: 32px;
    line-height: 1;
  }
}
.member-merit h3:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100px;
  height: 5px;
  margin: 0 auto -30px;
  background: -webkit-gradient(linear, left top, right top, from(#0786bd), to(#54b9e5));
  background: linear-gradient(to right, #0786bd, #54b9e5);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.member-merit-list {
  counter-reset: benefitsCnt;
}
@media screen and (min-width: 768px) {
  .member-merit-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .member-merit-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 345px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
  }
}
.member-merit-list li {
  width: 100%;
  max-width: 335px;
  margin: 80px auto 0;
  padding: 0 0 10px;
}
@media screen and (min-width: 768px) {
  .member-merit-list li {
    width: 30%;
    max-width: none;
    margin: 75px 0 0;
    padding: 0 0 20px;
  }
}
.member-merit-list li h4 {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 120px;
  font-size: 26px;
  line-height: 34px;
  margin: 0;
  padding-top: 24px;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .member-merit-list li h4 {
    font-size: 20px;
    line-height: 28px;
    padding-top: 30px;
  }
}
.member-merit-list li h4::before {
  counter-increment: benefitsCnt;
  content: counter(benefitsCnt, decimal-leading-zero);
  position: absolute;
  top: 55%;
  left: 50%;
  z-index: -1;
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
  font-size: 160px;
  line-height: 1px;
  height: 120px;
  font-weight: bold;
  color: #F4F5F7;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.member-merit-list li:nth-child(5) > h4 {
  padding-top: 8px;
}
@media screen and (min-width: 768px) {
  .member-merit-list li:nth-child(5) > h4 {
    padding-top: 18px;
  }
}
.member-merit-list li picture {
  display: block;
  width: 175px;
  margin: 0 auto;
}
.member-merit-list li picture img {
  margin: 40px 0 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .member-merit-list li picture img {
    margin: 20px 0 0;
  }
}
.member-merit-list li p {
  font-size: 18px;
  margin: 40px 0 0;
}
@media screen and (min-width: 768px) {
  .member-merit-list li p {
    font-size: 14px;
  }
}

/* ------ special block ------ */
@media screen and (min-width: 768px) {
  .member-special {
    margin-top: 160px;
  }
}
@media screen and (max-width: 767px) {
  .member-special {
    margin-top: 96px;
  }
}
.member-special h3 {
  position: relative;
  font-size: 26px;
  line-height: 38px;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
  color: #0786BD;
}
@media screen and (min-width: 768px) {
  .member-special h3 {
    font-size: 32px;
  }
}
.member-special h3 {
  /*&:after{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100px;
    height: 5px;
    margin: 0 auto -30px;
    background: linear-gradient(to right, #0786bd, #54b9e5);
    transform: translateX(-50%);
  }*/
}
.member-special-list {
  counter-reset: benefitsCnt;
}
@media screen and (min-width: 768px) {
  .member-special-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 56px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 56px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .member-special-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 345px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    margin-top: 32px;
  }
}
.member-special-list li {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .member-special-list li:first-child {
    margin-top: 0;
  }
  .member-special-list li img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .member-special-list li {
    margin-top: 0;
    width: calc((100% - 120px) / 3);
  }
}
.member-special-price, .member-special-invite {
  background: #F4F5F7;
  border-radius: 20px;
  padding: 40px 15px 30px;
  margin-top: 64px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 305px;
  margin-left: auto;
  margin-right: auto;
}
.member-special-price-inner, .member-special-invite-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.member-special-price-copy, .member-special-invite-copy {
  display: contents;
}
.member-special-price h4, .member-special-invite h4 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  margin: 0;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.45;
  text-align: center;
}
.member-special-price figure, .member-special-invite figure {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  max-width: 100%;
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.member-special-price p, .member-special-invite p {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
@media screen and (min-width: 768px) {
  .member-special-price, .member-special-invite {
    max-width: 900px;
  }
  .member-special-price-inner, .member-special-invite-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 50px;
  }
  .member-special-price-copy, .member-special-invite-copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 14px;
    width: 322px;
    min-width: 0;
  }
  .member-special-price figure, .member-special-invite figure {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .member-special-price h4, .member-special-invite h4 {
    font-size: 26px;
    line-height: 37px;
    letter-spacing: 0.52px;
    text-align: left;
  }
}
.member-special-price figure {
  width: 289px;
}
@media screen and (min-width: 768px) {
  .member-special-price {
    padding: 59px 40px 47px;
  }
}
.member-special-invite figure {
  width: 419px;
}
@media screen and (min-width: 768px) {
  .member-special-invite {
    padding: 59px 56px 58px;
  }
  .member-special-invite-inner {
    gap: 46px;
  }
  .member-special-invite figure {
    width: 53.2%;
  }
}
.member-special-price::after, .member-special-invite::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) center/24px 5px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) center/5px 24px no-repeat, #DDB900;
  background: linear-gradient(#fff, #fff) center/24px 5px no-repeat, linear-gradient(#fff, #fff) center/5px 24px no-repeat, #DDB900;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}
.member-special-register {
  margin-top: 60px;
  text-align: center;
}
.member-special-register .btn-lead-txt {
  margin: 0;
  padding: 0 20px;
  font-size: 16px;
  line-height: 23px;
  color: #333;
}
.member-special-register .btn-lead-txt::before, .member-special-register .btn-lead-txt::after {
  top: 1px;
  width: 1px;
  height: 22px;
  background-color: currentColor;
}
.member-special-register .btn-lead-txt::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.member-special-register .btn-lead-txt::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.member-special-register .member-btn {
  margin: 10px auto 0;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .member-special-register .member-btn {
    width: 340px;
  }
}
.member-special-register .member-btn > a {
  font-size: 16px;
  letter-spacing: 0.48px;
}
.member-special-register .member-btn > a::after {
  right: 33px;
}
@media screen and (max-width: 767px) {
  .member-special-price, .member-special-invite {
    max-width: 320px;
    margin-top: 47px;
  }
  .member-special-price-inner, .member-special-invite-inner {
    gap: 0;
  }
  .member-special-price h4, .member-special-invite h4 {
    line-height: 30px;
    letter-spacing: 0.4px;
  }
  .member-special-price figure, .member-special-invite figure {
    margin-top: 26px;
  }
  .member-special-price p, .member-special-invite p {
    width: 100%;
    margin-top: 26px;
  }
  .member-special-price::after, .member-special-invite::after {
    width: 33px;
    height: 33px;
    background-size: 17px 5px, 5px 17px;
  }
  .member-special-price {
    min-height: 379px;
    padding: 30px 15px;
  }
  .member-special-price figure {
    width: 240px;
  }
  .member-special-invite {
    min-height: 370px;
    padding: 35px 15px 30px;
  }
  .member-special-invite figure {
    width: 272.612px;
    margin-top: 18px;
  }
  .member-special-invite p {
    margin-top: 34px;
  }
  .member-special-register {
    margin-top: 30px;
    padding: 0 20px;
  }
  .member-special-register .member-btn {
    width: 304px;
  }
}

/* ------ register block ------ */
.member-register {
  margin: 70px 0 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .member-register {
    margin: 75px 0 0;
  }
}
.member-register .register-btn {
  margin-top: 20px;
}