@charset "UTF-8";
/* stores - rate */
.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 - carsマイカー定額
-------------------------------------------------- */
.flat .kv {
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .flat .kv {
    background-image: url(../images/flat-kv-pc.jpg);
    background-size: contain;
    background-position: center top;
  }
}
@media screen and (max-width: 767px) {
  .flat .kv {
    background-image: url(../images/flat-kv-sp.jpg);
    background-size: contain;
    background-position: center top;
  }
}
@media screen and (min-width: 768px) {
  .flat .kv-wrap {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    height: 41vw;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (max-width: 1039px) {
  .flat .kv-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .flat .kv-wrap {
    height: auto;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .flat .kv-box {
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 1039px) {
  .flat .kv-box {
    padding-bottom: 7vw;
  }
}
@media screen and (max-width: 767px) {
  .flat .kv-box {
    padding-top: calc(69.6vw + 32px);
    padding-bottom: 0;
  }
}
.flat .kv-ttl {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .flat .kv-ttl {
    line-height: 60px;
  }
}
@media screen and (max-width: 1039px) {
  .flat .kv-ttl {
    line-height: 5.7vw;
  }
}
@media screen and (max-width: 767px) {
  .flat .kv-ttl {
    line-height: 46px;
    margin-top: 0;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .flat .kv-ttl > img {
    height: 60px;
  }
}
@media screen and (max-width: 1039px) {
  .flat .kv-ttl > img {
    height: 5.7vw;
  }
}
@media screen and (max-width: 767px) {
  .flat .kv-ttl > img {
    height: 46px;
  }
}
.flat {
  /*.service{
  @include breakpoint.bp(pc){
  	@include common.container(660px);
  	margin-top:26px;
  }
  @include breakpoint.bp(sp){
  	@include common.container(310px);
  	margin-top: 18px;
  }
    // .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: 98px;
          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(1){
          &:before{
            background-image: url(../svgs/flat-detail-icon_01.svg); 
          }
        }
        &:nth-child(2){
          &:before{
            background-image: url(../svgs/flat-detail-icon_02.svg); 
          }
        }
        &:nth-child(3){
          &:before{
            background-image: url(../svgs/flat-detail-icon_03.svg); 
          }
        }
        &:nth-child(4){
          &:before{
            background-image: url(../svgs/flat-detail-icon_04.svg); 
          }
        }
        &:nth-child(5){
          &:before{
            background-image: url(../svgs/flat-detail-icon_05.svg); 
          }
        }
        &:nth-child(6){
          &:before{
            background-image: url(../svgs/flat-detail-icon_06.svg); 
          }
        }
      }
    }
  .attention{
  	text-align: right;
  	@include breakpoint.bp(pc){
  		font-size: 12px;
  		margin: 30px 50px 0 0;
  	}
  	@include breakpoint.bp(tb){
  		font-size: 10px;
  		margin: 15px 15px 0 0;
  	}
  }
  }*/
  /*.lineup{
  	@include breakpoint.bp(pc){
  		@include common.container(507px);
  		margin-top:70px;
  	}
  	@include breakpoint.bp(tb){
  		@include common.container(375px);
  		margin-top:55px;
  	}
  	@include breakpoint.bp(sp){
  		@include common.container(305px);
  		margin-top:40px;
  	}
  	h2{
  		@include breakpoint.bp(pc){
  			width:53%;
  		}
  		@include breakpoint.bp(sp){
  			width:80%;
  		}
  		margin:0 auto;
  	}
  	figure{
  		margin-top:30px;
  	}
  }*/
  /*.recommend{
  	@include breakpoint.bp(pc){
  		margin-top:parts.$section-space-pc;
  		@include common.container(1000px);
  	}
  	@include breakpoint.bp(tb){
  		margin-top:parts.$section-space-pc;
  		@include common.container(96%);
  		margin-left:auto;
  		margin-right:auto;
  	}
  	@include breakpoint.bp(sp){
  		margin-top:parts.$section-space-sp;
  		@include common.container(305px);
  	}
  	&-list{
  		display: flex;
  		flex-wrap: wrap;
  		justify-content: space-between;
  		@include breakpoint.bp(sp){
  			display: block;
  		}
  		li{
  			overflow: hidden;
  			box-shadow: 0 3px 15px rgba(173,179,190,0.4);
  			border-radius: 7px;
  			@include breakpoint.bp(pc){
  				width:49%;
  				margin-top:2%;
  				&:nth-child(-n+2){
  					margin-top:0;
  				}
  			}
  			@include breakpoint.bp(sp){
  				margin-top:5%;
  				&:nth-child(1){
  					margin-top:0;
  				}
  			}
  		}
  	}
  	&-attention{

  		@include breakpoint.bp(pc){
  			font-size:12px;
  			margin: 30px 0 0 0;
  		}
  		@include breakpoint.bp(tb){
  			font-size:10px;
  			margin: 15px 0 0 0;
  		}
  	}

  }*/
  /*.plan{
  	@include breakpoint.bp(pc){
  		margin-top:parts.$section-space-pc;
  		@include common.container(966px);
  	}
  	@include breakpoint.bp(sp){
  		margin-top:parts.$section-space-sp;
  	}
  	.ttl-lv1{
  		@include breakpoint.bp(pc){
  			margin-bottom:20px;
  		}
  		@include breakpoint.bp(sp){
  			margin-bottom:32px;
  			@include common.container(305px);
  		}
  	}
  	.lead{
  		@include breakpoint.bp(pc){
  			font-size:20px;
  			margin-bottom:85px;
  			text-align: center;
  		}
  		@include breakpoint.bp(sp){
  			font-size:16px;
  			margin-bottom:50px;
  			@include common.container(305px);
  		}
  	}
  	&-list{
  		display: flex;
  		flex-wrap: wrap;
  		justify-content: space-between;
  		@include breakpoint.bp(sp){
  			display: block;
  			@include common.container(305px);
  		}
  		li{
  			text-align: center;
  			@include breakpoint.bp(pc){
  				width:30%;
  			}
  			@include breakpoint.bp(sp){
  				margin-top:10%;
  				&:nth-child(1){
  					margin-top:0;
  				}
  			}
  		}
  	}
  	&-table{
  		display: flex;
  		@include breakpoint.bp(pc){
  				margin:80px auto 0 auto;
  				max-width:696px;
  		}
  		@include breakpoint.bp(sp){
  			margin:40px auto 0 auto;
  			justify-content: center;
  		}
  		img{
  			max-width: none;
  			width:auto;	
  			@include breakpoint.bp(pc){
  				height:840px;
  			}
  			@include breakpoint.bp(sp){
  				height:600px;
  			}
  		}
  		&-slide{
  			overflow: auto;
  			position: relative;
  		}
  	}
  }*/
  /*.insurance{
  	@include breakpoint.bp(pc){
  		margin-top:parts.$section-space-pc;
  		@include common.container(660px);
  	}
  	@include breakpoint.bp(sp){
  		margin-top:parts.$section-space-sp;
  		@include common.container(310px);
  	}
  	&::before{
  		content:"";
  		background:url(../svgs/flat_icon_insurance.svg);
  		background-size:contain;
  		width:60px;
  		height:50px;
  		display: block;
  		margin:0 auto 20px auto;
  	}
  	.ttl-lv1{
  		margin-bottom:0;
  	}
  	&-list{
  		display: flex;
  		justify-content: center;
  		flex-direction: column;
  		max-width:460px;
  		margin-left:auto;
  		margin-right:auto;
  		@include breakpoint.bp(pc){
  			margin-top:50px;
  		}
  		@include breakpoint.bp(sp){
  			margin-top:30px;
  		}
  		li{
  			line-height: 1.4;
  			position: relative;
  			font-weight: bold;
  			@include breakpoint.bp(pc){
  				font-size:23px;
  				padding:0.5em 0 0.5em 30px;
  			}
  			@include breakpoint.bp(sp){
  				font-size:14px;
  				padding:0.5em 0 0.5em 20px;
  			}
  			&::before{
  				content:"";
  				background:url(../svgs/flat_icon_check.svg);
  				background-size:contain;
  				position: absolute;
  				left:0;
  				top:50%;
  				transform:translate(0 , -50%);

  				@include breakpoint.bp(pc){
  					width:22px;
  					height:16px;
  				}
  				@include breakpoint.bp(sp){
  					width:13px;
  					height:9px;
  				}
  			}
  		}
  	}
  }*/
}
@media screen and (min-width: 768px) {
  .flat .faq {
    margin-top: 160px;
  }
}
@media screen and (max-width: 767px) {
  .flat .faq {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .flat .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) {
  .flat .faq-inc {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.flat .faq-btn {
  position: relative;
  height: 50px;
  color: #333;
}
.flat .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;
}
.flat .faq-btn {
  width: 168px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .flat .faq-btn {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1039px) {
  .flat .faq-btn {
    margin-top: 30px;
  }
}
.flat {
  /*.course{
  	@include breakpoint.bp(pc){
  		margin-top:parts.$section-space-pc;
  		@include common.container(900px);
  	}
  	@include breakpoint.bp(sp){
  		margin-top:30px;
  		@include common.container(336px);
  	}
  	&::before{
  		@include breakpoint.bp(sp){
  			content:"";
  			background:url(../svgs/flat_course_agent.svg) no-repeat;
  			background-size:contain;
  			width:125px;
  			height:158px;
  			display: block;
  			margin:0 auto;
  		}
  	}
  	.ttl-lv1{
  		margin-bottom:0;
  	}
  	&-list{
  		display: flex;
  		justify-content: space-between;
  		flex-wrap: wrap;
  		@include breakpoint.bp(pc){
  			margin-top:70px;
  		}
  		@include breakpoint.bp(tb){
  			margin-top:0;
  			padding:0 2%;
  		}
  		li{
  			@include breakpoint.bp(pc){
  				width:22.5%;
  			}
  			@include breakpoint.bp(tb){
  				width:48%;
  				margin-top:20px;
  			}
  			figure{
  				border-radius: 10px;
  				overflow: hidden;
  				img{
  					width:100%;
  				}
  			}
  			p{
  				font-weight: bold;
  				display: flex;
  				align-items: center;
  				justify-content: center;
  				@include breakpoint.bp(pc){
  					font-size:16px;
  				}
  				@include breakpoint.bp(sp){
  					font-size:14px;
  				}
  				span{
  					width:20px;
  					height:20px;
  					font-size: 12px;
  					line-height: 1;
  					background:color.$cars-blue;
  					color:#fff;
  					display: flex;
  					justify-content: center;
  					align-items: center;
  					border-radius: 30px;
  					margin-right:0.5em;
  					@include breakpoint.bp(sp){
  						font-size:11px;
  					}
  				}
  			}
  		}
  	}
  	&-attention{
  		@include breakpoint.bp(pc){
  			font-size: 12px;
  			margin-top:70px;
  		}
  		@include breakpoint.bp(tb){
  			margin-top:20px;
  			padding:0 2%;
  		}
  		@include breakpoint.bp(sp){
  			font-size: 10px;
  			margin-top:20px;
  		}
  	}
  }*/
}
.flat .car-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flat .car-image-inner {
  width: 100%;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
.flat .car-image-figure {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  background-position: center;
}
.flat .car-image-color {
  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 .car-image-color li {
  margin: 0 3px;
  line-height: 1;
}
.flat .car-image-color li img {
  width: 15px;
  height: auto;
}
.flat .car-image-color li.car-image-color-label {
  font-size: 12px;
  margin: 0 10px 0 0;
  font-weight: bold;
}
.flat .car-name {
  width: 100%;
}
.flat .car-name .car-maker {
  font-size: 12px;
}
.flat .car-name .car-model {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 16px;
}
.flat .car-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flat .car-price strong {
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
  line-height: 1;
  font-weight: bold;
  font-size: 28px;
  margin-bottom: -0.1em;
  margin: 0 0.1em -0.1em 0.1em;
}
@media screen and (min-width: 768px) {
  .flat .car-price span {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .flat .car-price span {
    font-size: 10px;
  }
}
.flat .car-price .label {
  width: 1em;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .flat .contact-cta {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .flat .contact-cta {
    margin-top: 40px;
  }
}
.flat .contact-cta-point {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .flat .contact-cta-point {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .flat .contact-cta-btn {
    width: 240px;
  }
}
.flat .contact-cta-btn {
  margin: 10px auto 0 auto;
}
@media screen and (min-width: 768px) {
  .flat .search {
    margin-top: 160px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .flat .search {
    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) {
  .flat .search .ttl-lv1 {
    margin-bottom: 64px;
  }
}
@media screen and (max-width: 767px) {
  .flat .search .ttl-lv1 {
    margin-bottom: 32px;
  }
}
.flat .search .ttl-lv1 .pop {
  display: block;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .flat .search .ttl-lv1 .pop {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .flat .search .ttl-lv1 .pop {
    font-size: 12px;
  }
}
.flat .search-wrap {
  background: #F4F5F7;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .flat .search-wrap {
    padding: 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;
  }
}
@media screen and (max-width: 767px) {
  .flat .search-wrap {
    padding: 20px;
  }
}
.flat .search-tab {
  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;
  width: 100%;
}
.flat .search-tab li {
  position: relative;
}
@media screen and (min-width: 768px) {
  .flat .search-tab li {
    width: 23%;
    margin-bottom: 4%;
  }
}
@media screen and (max-width: 767px) {
  .flat .search-tab li {
    width: 48%;
    margin-bottom: 4%;
  }
}
.flat .search-tab li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0px 0px 15px rgba(84, 185, 229, 0.2);
          box-shadow: 0px 0px 15px rgba(84, 185, 229, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.7);
  padding: 10px 5px;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
}
.flat .search-tab li a img {
  display: block;
  width: 40px;
}
.flat .search-tab li a span {
  display: block;
  font-size: 12px;
  font-weight: bold;
  width: calc(100% - 42px);
}
.flat .search-tab li.select a {
  background: rgb(255, 255, 255);
  border: 1px solid #0786BD;
  color: #0786BD;
}
.flat .search-list {
  display: none;
  padding: 15px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 15px rgba(84, 185, 229, 0.2);
          box-shadow: 0px 0px 15px rgba(84, 185, 229, 0.2);
  margin-bottom: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flat .search-list-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flat .search-list-head span {
  font-weight: bold;
  font-size: 16px;
  display: block;
  margin-left: 5px;
}
.flat .search-list.select {
  display: block;
}
.flat .search-list.maker ul, .flat .search-list.bodytype ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .flat .search-list.maker ul li, .flat .search-list.bodytype ul li {
    width: 18%;
    margin: 15px 1%;
  }
}
@media screen and (max-width: 767px) {
  .flat .search-list.maker ul li, .flat .search-list.bodytype ul li {
    width: 31.3%;
    margin: 15px 1%;
  }
}
.flat .search-list.maker ul li, .flat .search-list.bodytype ul li {
  text-align: center;
}
.flat .search-list.maker ul li a, .flat .search-list.bodytype ul li a {
  color: #333;
}
.flat .search-list.maker ul li figure, .flat .search-list.bodytype ul li figure {
  margin-bottom: 5px;
}
.flat .search-list.maker ul li span, .flat .search-list.bodytype ul li span {
  font-size: 12px;
  display: block;
  font-weight: bold;
}
.flat .search-list.month ul, .flat .search-list.lifestyle ul {
  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;
}
@media screen and (min-width: 768px) {
  .flat .search-list.month ul li, .flat .search-list.lifestyle ul li {
    width: 32%;
    margin-top: 2%;
  }
  .flat .search-list.month ul li:nth-child(1), .flat .search-list.month ul li:nth-child(2), .flat .search-list.month ul li:nth-child(3), .flat .search-list.lifestyle ul li:nth-child(1), .flat .search-list.lifestyle ul li:nth-child(2), .flat .search-list.lifestyle ul li:nth-child(3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .flat .search-list.month ul li, .flat .search-list.lifestyle ul li {
    width: 48%;
    margin-top: 4%;
  }
  .flat .search-list.month ul li:nth-child(1), .flat .search-list.month ul li:nth-child(2), .flat .search-list.lifestyle ul li:nth-child(1), .flat .search-list.lifestyle ul li:nth-child(2) {
    margin-top: 0;
  }
}
.flat .search-list.month ul li a, .flat .search-list.lifestyle ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #F4F5F7;
  border-radius: 10px;
  padding: 10px;
  min-height: 54px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  line-height: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .flat .search-list.month ul li a, .flat .search-list.lifestyle ul li a {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .flat .search-list.month ul li a, .flat .search-list.lifestyle ul li a {
    font-size: 12px;
  }
}
.flat .search-list.lifestyle ul li a {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.flat .search-list.lifestyle ul li a figure {
  width: 32px;
  margin: 0 10px 0 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flat .search-modal {
  width: 100%;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flat .search-modal a {
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0px 0px 15px rgba(84, 185, 229, 0.2);
          box-shadow: 0px 0px 15px rgba(84, 185, 229, 0.2);
  color: #333;
  font-size: 12px;
  padding: 15px 30px 15px 40px;
  font-weight: bold;
  position: relative;
}
.flat .search-modal a::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../svgs/flat_search_icon_blue.svg) no-repeat;
  background-size: contain;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
          transform: translate(0px, -50%);
}
@media screen and (min-width: 768px) {
  .flat .resale {
    margin-top: 160px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .flat .resale {
    margin-top: 96px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
  }
}
.flat .resale .ttl-lv1 {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .flat .resale-slider {
    padding: 0 30px;
  }
}
.flat .resale-slider .slick-arrow {
  background: transparent !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  top: 50%;
  width: 42px;
  height: 42px;
}
.flat .resale-slider .slick-arrow::before {
  border-color: #E4E5E8;
  border-width: 3px;
  width: 30px;
  height: 30px;
}
.flat .resale-slider .slick-prev {
  left: 20px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.flat .resale-slider .slick-prev::before {
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}
.flat .resale-slider .slick-next {
  right: 18px;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.flat .resale-slider .slick-next::before {
  right: 30%;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
.flat .resale-slider .slick-dots {
  left: 0;
}
.flat .resale-block {
  padding: 10px;
}
.flat .resale-block a {
  display: block;
  padding: 15px;
  border-radius: 6px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 10px rgba(7, 134, 189, 0.2);
          box-shadow: 0px 3px 10px rgba(7, 134, 189, 0.2);
}
.flat .resale-copy {
  color: #0786BD;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
}
.flat .resale-summary .car-data-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0px;
     -moz-column-gap: 0px;
          column-gap: 0px;
  margin-bottom: 10px;
}
.flat .resale-summary .car-data-01 .car-image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flat .resale-summary .car-data-01 .car-name-price {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flat .resale-summary .car-data-01 .car-maker {
  color: #333;
  font-size: 10px;
  font-weight: normal;
}
.flat .resale-summary .car-data-01 .car-model {
  color: #333;
  font-size: 16px;
}
.flat .resale-summary .car-data-01 .car-price-month {
  margin: 5px 0 0 0;
  border-right: none;
  position: relative;
  padding-left: 8px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flat .resale-summary .car-data-01 .car-price-month::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background: #0786BD;
  border-radius: 1.5px;
}
.flat .resale-summary .car-data-01 .car-price-month .month-label {
  width: 1em;
  display: block;
  font-size: 12px;
  line-height: 1.1;
  margin-right: 3px;
}
.flat .resale-summary .car-data-01 .car-price-month .month-l {
  font-size: 30px;
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
  line-height: 0.7;
}
.flat .resale-summary .car-data-01 .car-price-month .month-s {
  font-size: 24px;
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
  line-height: 0.7;
}
.flat .resale-summary .car-data-01 .car-price-month .month-yen {
  font-size: 12px;
  line-height: 1;
}
.flat .resale-summary .car-data-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flat .resale-summary .car-data-02 .car-basic {
  width: calc(100% - 130px);
}
.flat .resale-summary .car-data-02 .car-basic dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
  line-height: 1.4;
  color: #747880;
}
.flat .resale-summary .car-data-02 .car-basic dl dt {
  width: 52%;
  line-height: 1.6;
}
.flat .resale-summary .car-data-02 .car-basic dl dd {
  width: 48%;
  line-height: 1.6;
}
.flat .resale-summary .car-data-02 .car-deadline {
  width: 115px;
  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;
  background: #F4F5F7;
  border-radius: 6px;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flat .resale-summary .car-data-02 .car-deadline dl dt {
  color: #333;
  font-size: 12px;
  text-align: center;
  margin-bottom: 0.5em;
}
.flat .resale-summary .car-data-02 .car-deadline dl dd {
  color: #0786BD;
  font-size: 16px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flat .resale-summary .car-data-02 .car-deadline dl dd strong {
  font-size: 30px;
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
  line-height: 0.7;
}
.flat .resale-summary .car-data-02 .car-deadline dl dd span {
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  .flat .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) {
  .flat .movie {
    margin-top: 96px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
}
.flat .movie-inner {
  position: relative;
  padding-top: 56.25%;
}
.flat .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.flat {
  /*.voice{
  	background:color.$cars-blue;
  	@include breakpoint.bp(pc){
  		margin-top:parts.$section-space-pc;
  		padding:40px 20px;
  	}
  	@include breakpoint.bp(tb){
  		margin-top:parts.$section-space-sp;
  		padding:35px 20px;
  	}
  	h2{
  		max-width:500px;
  		text-align: center;
  		margin:0 auto;
  		img{
  			width:100%;
  			@include breakpoint.bp(tb){
  				width: auto;
  			}
  		}
  	}
  }*/
  /*.merit{
    @include breakpoint.bp(pc){
      margin-top:parts.$section-space-pc;
      @include common.container(900px);
    }
    @include breakpoint.bp(sp){
      margin-top:parts.$section-space-sp;
      @include common.container(275px);
    }
    h2{
      margin-bottom:0;
    }
    &-list{
      counter-reset: benefitsCnt;
      @include breakpoint.bp(pc){
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
      }
      &>li{
        @include breakpoint.bp(pc){
          width:30%;
        }
      }
      h3{
        position: relative;
        box-sizing: border-box;
        height: 120px;
        font-size: 18px;
        line-height: 36px;
        margin: 0;
        padding-top: 24px;
        font-weight: bold;
        text-align: center;
        margin: 60px 0 30px 0;
        &::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;
          transform: translateX(-50%);
        }
      }
      figure{
        max-width:257px;
        margin:0 auto 30px auto;
      }
      p{
        font-size:14px;
        &.attention{
          font-size:10px;
          margin-top:1em;
        }
      }
      &-02{
        ul{
          li{
            font-size:14px;
            padding-left:1em;
            position:relative;
            &::before{
              content:"・";
              position: absolute;
              left:0;
              top:0;
            }
          }
        }
      }


    }


  }*/
  /*.charm{
    background:color.$cars-blue;
    &-inner{
      @include breakpoint.bp(pc){
        padding:60px 40px;
        margin-top:parts.$section-space-pc;
        @include common.container(980px);
      }
      @include breakpoint.bp(sp){
        padding:40px 0;
        margin-top:parts.$section-space-sp;
        @include common.container(335px);
      }
    }
    h2{
      position: relative;
      background-image: url(../images/flat_charm_pic1.png), url(../images/flat_charm_pic2.png);
      background-repeat: no-repeat, no-repeat;
      background-position: center left, center right;
      color:#fff;
      line-height: 1.4;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      @include breakpoint.bp(pc){
        background-size: 100px;
        min-height:100px;
        padding:0 120px;
        max-width:550px;
        margin:0 auto;
        box-sizing: border-box;
        font-size:32px;
      }
      @include breakpoint.bp(sp){
        padding:0 60px;
        background-size: 55px;
        min-height:55px;
        font-size:24px;
      }
    }
    ul{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      li{
        @include breakpoint.bp(pc){
          width:31%;
          margin-top:5%;
        }
        @include breakpoint.bp(sp){
          width: 47%;
          margin-top: 8%;
        }
        color:#fff;
        figure{
          @include breakpoint.bp(pc){
            margin:30px auto;
            width:60%;
          }
          @include breakpoint.bp(sp){
            margin:15px auto;
            width:70%;
          }
        }
        .merit_detail{
          line-height: 1.8;
          @include breakpoint.bp(pc){
            font-size:16px;
          }
          @include breakpoint.bp(sp){
            font-size:12px;
          }
        }
        .asta_con{
          @include breakpoint.bp(pc){
            font-size:12px;
          }
          @include breakpoint.bp(sp){
            font-size:10px;
          }
        }
      }
    }
    .fukidashi{
      width:100%;
      height: auto;
    }
  }*/
}
@media screen and (min-width: 768px) {
  .flat .flow {
    margin-top: 120px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1039px) {
  .flat .flow {
    margin-top: 120px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .flat .flow {
    margin-top: 60px;
  }
}
.flat .flow .inner {
  min-width: auto;
}
@media screen and (min-width: 768px) {
  .flat .flow-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-top: 70px;
  }
}
.flat .flow-list {
  /*@include breakpoint.bp(tb){
  	padding:0 1%;
  }*/
}
@media screen and (max-width: 1039px) {
  .flat .flow-list {
    display: block;
    margin-top: 32px;
  }
}
.flat .flow-list li {
  position: relative;
}
@media screen and (min-width: 768px) {
  .flat .flow-list li {
    width: 20%;
    background: url(../svgs/flat_flow_bg.svg) no-repeat;
    background-size: contain;
    padding: 40px 30px 40px 40px;
    margin: 0 -1%;
    min-width: auto;
  }
}
.flat .flow-list li {
  /*@include breakpoint.bp(tb){
  	padding:30px 20px 20px 20px;
  }*/
}
@media screen and (max-width: 1039px) {
  .flat .flow-list li {
    width: auto;
    margin: 50px 0 0 0;
    background: url(../svgs/flat_flow_bg_sp.svg) no-repeat 50% 100%;
    background-size: cover;
    padding: 40px 20px 40px 20px;
  }
}
.flat .flow-list li figure {
  position: absolute;
  left: 50%;
}
@media screen and (min-width: 768px) {
  .flat .flow-list li figure {
    width: 65px;
    top: -32px;
    margin-left: -32px;
  }
}
@media screen and (max-width: 1039px) {
  .flat .flow-list li figure {
    position: absolute;
    left: 50%;
    top: -25px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 767px) {
  .flat .flow-list li figure {
    width: 65px;
    top: -32px;
    margin-left: -32px;
  }
}
.flat .flow-list li h5 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .flat .flow-list li h5 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1039px) {
  .flat .flow-list li h5 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .flat .flow-list li h5 {
    font-size: 18px;
  }
}
.flat .flow-list li div {
  margin-top: 0.5em;
  font-size: 13px;
  line-height: 1.4;
}
@media screen and (max-width: 1039px) {
  .flat .flow-list li div {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .flat .flow-list li div {
    margin-left: 10px;
    font-size: 14px;
  }
}
.flat .roadservice {
  margin-bottom: auto;
}
@media screen and (min-width: 768px) {
  .flat .import-pickup .ttl-lv1 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .flat .import-pickup .ttl-lv1 {
    margin-bottom: 30px;
  }
}
.flat .import-pickup .car-list-block::before {
  display: none;
}
.flat-top {
  padding-bottom: 70px;
}
.flat-list {
  background: #F4F5F7;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .flat-list .car-list-head h2 {
    max-width: 255px;
  }
}
@media screen and (max-width: 767px) {
  .flat-list .car-list-head h2 {
    max-width: 170px;
  }
}
.flat-list .car-list-head h2 {
  margin: 0 auto;
}
.flat-list .car-list-head h2 span {
  margin-top: 10px;
}
.flat-list .car-list-block {
  padding-top: 0;
}
.flat-list .car-list-block a {
  color: #333;
}
.flat-list .car-list-block .car-name {
  padding: 10px 10px 0 10px;
}
.flat-list .car-list-block .car-maker {
  font-size: 12px;
}
.flat-list .car-list-block .car-model {
  font-size: 16px;
}
.flat-list .car-list-block .car-price {
  padding: 5px 10px 0 10px;
}
.flat-list .car-list-block .car-deadline {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 5px 10px 5px 10px;
}
@media screen and (min-width: 768px) {
  .flat-list .car-list-block .car-deadline {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .flat-list .car-list-block .car-deadline {
    font-size: 10px;
  }
}
.flat-list .car-list-block .car-deadline dt {
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
  .flat-list .column-2 .car-list-block .car-image-color {
    display: none;
  }
  .flat-list .column-2 .car-list-block .car-name {
    padding: 0 5px;
  }
  .flat-list .column-2 .car-list-block .car-name .car-maker {
    font-size: 10px;
  }
  .flat-list .column-2 .car-list-block .car-model {
    font-size: 12px;
  }
  .flat-list .column-2 .car-list-block .car-price {
    padding: 5px 5px 0 5px;
  }
  .flat-list .column-2 .car-list-block .car-price span {
    font-size: 10px;
  }
  .flat-list .column-2 .car-list-block .car-price strong {
    font-size: 20px;
  }
  .flat-list .column-2 .car-list-block .car-deadline {
    padding: 5px 5px 0 5px;
  }
}
.flat-list {
  /*.modal-search{
    // .flat-top-service
    display: none;
  }*/
}
.flat-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) {
  .flat-detail .inner {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-detail .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) {
  .flat-detail .summary {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .summary {
    margin-top: 20px;
  }
}
.flat-detail .summary .inner {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .flat-detail .summary .inner {
    padding-bottom: 120px;
  }
}
.flat-detail .summary .car-name {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (min-width: 768px) {
  .flat-detail .summary .car-name .car-maker {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .flat-detail .summary .car-name .car-model {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .summary .car-name .car-model {
    font-size: 22px;
  }
}
.flat-detail .summary .car-image {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: -20px 0;
}
.flat-detail .summary .car-price {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .flat-detail .summary .car-price {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .summary .car-price {
    margin-top: 45px;
  }
}
.flat-detail .summary .car-price {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.flat-detail .summary .car-price strong {
  font-size: 44px;
  color: #0786BD;
}
.flat-detail .summary .car-price span {
  font-size: 14px;
  font-weight: bold;
}
.flat-detail .summary .car-price span.attention {
  width: 100%;
  margin-top: 5px;
  display: block;
  font-weight: normal;
}
.flat-detail .summary .car-price span.attention span {
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .flat-detail .summary .car-price span.attention span {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .summary .car-price span.attention span {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) {
  .flat-detail .summary .car-price span.attention {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .summary .car-price span.attention {
    font-size: 10px;
  }
}
.flat-detail .summary .car-price .label {
  line-height: 1.4;
  font-size: 14px;
  margin-bottom: 0.3em;
}
.flat-detail .summary .car-price .car-deadline-bonus {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 5px 20px;
  width: 100%;
}
.flat-detail .summary .car-price .car-deadline-bonus dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  font-weight: bold;
  font-size: 12px;
}
.flat-detail .summary .car-price .car-deadline-bonus dl dd strong {
  font-size: 18px;
  color: #333;
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
}
.flat-detail .summary .car-price .car-deadline-bonus dl dd strong .month {
  color: #0786BD;
}
.flat-detail .summary .car-price .car-price-special-label {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 13px;
}
.flat-detail .summary .car-price .car-price-special-label span {
  display: block;
  font-size: 14px;
  color: #fff;
  background: #0786BD;
  padding: 6px;
  line-height: 1;
  border-radius: 3px;
  font-weight: bold;
}
.flat-detail .summary .car-price .car-price-special-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 8px 1fr;
  grid-template-columns: auto 1fr;
  -ms-grid-rows: auto 4px auto;
  grid-template-rows: auto auto;
  gap: 4px 8px;
  width: 100%;
}
.flat-detail .summary .car-price .car-price-special-wrap > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.flat-detail .summary .car-price .car-price-special-wrap > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.flat-detail .summary .car-price .car-price-special-wrap > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.flat-detail .summary .car-price .car-price-special-wrap > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.flat-detail .summary .car-price .car-price-special-wrap .label {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/span 2;
  width: 1.5em;
  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;
  margin-bottom: 0;
  background: #F4F5F7;
}
.flat-detail .summary .car-price .car-price-special-wrap .label span {
  width: 1em;
}
.flat-detail .summary .car-price .car-price-special-wrap .car-price-b {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/span 1;
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.flat-detail .summary .car-price .car-price-special-wrap .car-price-b-inner {
  position: relative;
  font-size: 14px;
  color: #747880;
  font-weight: bold;
}
.flat-detail .summary .car-price .car-price-special-wrap .car-price-b-inner strong {
  font-size: 20px;
  color: #333;
  font-family: YakuHanJP, "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 500;
}
.flat-detail .summary .car-price .car-price-special-wrap .car-price-b-inner span {
  font-size: 12px;
}
.flat-detail .summary .car-price .car-price-special-wrap .car-price-n {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/span 1;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.flat-detail .summary .car-price .car-price-special-wrap .car-price-n strong {
  margin-left: 0;
}
.flat-detail .summary .car-summary .car-name {
  display: none;
}
@media screen and (min-width: 768px) {
  .flat-detail .summary .car-summary {
    position: relative;
    padding-left: 55%;
  }
  .flat-detail .summary .car-summary .car-image {
    position: absolute;
    left: -50px;
    top: 0;
    width: 55%;
    margin: 0;
    max-width: 495px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-detail .summary .car-summary .car-image {
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  .flat-detail .summary .summary-data {
    padding-left: 55%;
  }
}
.flat-detail .summary-free {
  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;
  margin-top: 15px;
}
.flat-detail .summary-free li {
  width: 49%;
  border: 1px solid #E3E3E3;
  border-radius: 6px;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
}
.flat-detail .summary-free li .summary-free-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flat-detail .summary-free li .summary-free-wrap img {
  margin-left: 3px;
}
.flat-detail .summary-free li span {
  font-size: 12px;
}
.flat-detail .summary-free li strong {
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
  font-size: 23px;
  color: #0786BD;
}
.flat-detail .summary-free li strong em {
  font-size: 10px;
  font-style: normal;
  margin-left: 3px;
}
.flat-detail .summary-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flat-detail .summary-price {
  width: 54%;
}
.flat-detail .summary-price-label {
  font-size: 12px;
}
.flat-detail .summary-price-all {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flat-detail .summary-price-all strong {
  font-size: 28px;
  line-height: 1;
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
  margin-bottom: -0.1em;
}
.flat-detail .summary-price-all span {
  font-size: 12px;
  margin-left: 3px;
}
.flat-detail .summary-price-breakdown {
  width: 100%;
  margin-top: 5px;
  font-size: 12px;
}
.flat-detail .summary-basic {
  width: 38%;
  border-left: 1px solid #0786BD;
  padding-left: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flat-detail .summary-basic dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
  line-height: 1.6;
  gap: 3px 0;
}
.flat-detail .summary-basic dl dt {
  width: 4em;
}
.flat-detail .summary-basic dl dd {
  width: calc(100% - 4em);
  text-align: right;
}
@media screen and (min-width: 768px) {
  .flat-detail .summary-lifestyle {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .summary-lifestyle {
    margin-top: 20px;
  }
}
.flat-detail .summary-lifestyle p {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .flat-detail .summary-lifestyle p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .summary-lifestyle p {
    font-size: 12px;
  }
}
.flat-detail .summary-lifestyle ul {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .flat-detail .summary-lifestyle ul li {
    width: 106px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .summary-lifestyle ul li {
    width: 31.347%;
  }
}
.flat-detail .summary-lifestyle ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F4F5F7;
  padding: 5px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0.3;
}
.flat-detail .summary-lifestyle ul li figure {
  width: 22px;
  margin: 0 5px 0 0;
}
.flat-detail .summary-lifestyle ul li span {
  font-size: 12px;
  font-weight: bold;
}
.flat-detail .summary-lifestyle ul li.disp {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .flat-detail .car-agent {
    margin-top: 60px;
    background: #F4F5F7;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .car-agent {
    margin-top: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .flat-detail .car-agent-inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .car-agent-inner {
    padding: 30px 15px;
    border-radius: 12px;
    background: #F4F5F7;
  }
}
.flat-detail .car-agent h2 {
  text-align: center;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .flat-detail .car-agent h2 {
    margin-bottom: 20px;
  }
}
.flat-detail .car-agent-wrap {
  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;
}
.flat-detail .car-agent-comment {
  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;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .flat-detail .car-agent-comment {
    width: 48%;
    margin-top: 0;
  }
}
.flat-detail .car-agent-comment figure {
  width: 86px;
  margin: 0;
}
.flat-detail .car-agent-comment p {
  background: #fff;
  width: calc(100% - 100px);
  padding: 10px;
  border-radius: 10px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
}
.flat-detail .car-agent-comment p::before {
  content: "";
  background: url(../svgs/flat_agent_comment_arrow.svg) no-repeat 50%;
  width: 9px;
  height: 11px;
  position: absolute;
  top: 50%;
  left: -9px;
  margin-top: -5px;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .flat-detail .car-agent-recommend {
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .car-agent-recommend {
    margin-top: 20px;
    width: 100%;
  }
}
.flat-detail .car-agent-recommend h3 {
  font-size: 16px;
  color: #0786BD;
}
@media screen and (max-width: 767px) {
  .flat-detail .car-agent-recommend h3 {
    text-align: center;
  }
}
.flat-detail .car-agent-recommend ul li {
  margin-top: 10px;
  padding-left: 25px;
  position: relative;
  font-weight: bold;
  font-size: 14px;
}
.flat-detail .car-agent-recommend ul li::before {
  content: "";
  background: url(../svgs/flat_check.svg) no-repeat 50%;
  width: 16px;
  height: 1.6em;
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .flat-detail .car-features {
    margin-top: 64px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .car-features {
    margin-top: 40px;
  }
}
.flat-detail .car-features h2 {
  text-align: center;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .flat-detail .car-features-wrap {
    margin-top: 30px;
    padding: 0 30px;
  }
}
.flat-detail .car-features-gallery {
  background: #F4F5F7;
}
@media screen and (min-width: 768px) {
  .flat-detail .car-features-gallery {
    max-width: 680px;
    margin: 0 auto;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 10px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .car-features-gallery {
    padding: 20px 0 0 0;
    margin-top: 20px;
  }
}
.flat-detail .car-features-gallery ul {
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .flat-detail .car-features-gallery ul {
    white-space: pre;
    overflow-x: scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .flat-detail .car-features-gallery ul li {
    display: none;
  }
  .flat-detail .car-features-gallery ul li.select {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .car-features-gallery ul li {
    min-width: 80%;
    margin-left: 20px;
  }
  .flat-detail .car-features-gallery ul li:last-of-type {
    margin-right: 20px;
  }
}
.flat-detail .car-features-gallery ul li figure {
  border-radius: 10px;
  margin-bottom: 0;
  overflow: hidden;
}
.flat-detail .car-features-gallery ul li figure img {
  width: 100%;
}
.flat-detail .car-features-gallery ul li span {
  display: block;
  font-size: 12px;
  margin-top: 10px;
}
.flat-detail .car-features-gallery-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .flat-detail .car-features-gallery-dots {
    display: none;
  }
}
.flat-detail .car-features-gallery-dots span {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #E3E3E3;
  margin: 0 3px;
}
.flat-detail .car-features-gallery-dots span.select {
  background: #0786BD;
}
.flat-detail .car-features-gallery-dots span:hover {
  cursor: pointer;
}
.flat-detail .car-features-text {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .flat-detail .car-features-text {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
  }
}
.flat-detail .car-features-text h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 40px 0 0 0;
  /*@include breakpoint.bp(pc){
    &:first-of-type{
      margin-top:0;
    }
  }*/
}
.flat-detail .car-features-text p {
  font-size: 14px;
  margin-top: 1em;
  line-height: 1.6;
}
.flat-detail .car-features-text .no-margin {
  margin-top: 0;
}
.flat-detail .car-features-text .car-movie {
  position: relative;
  padding-top: 56.25%;
}
.flat-detail .car-features-text .car-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .flat-detail .car-contact {
    margin-top: 64px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .car-contact {
    margin-top: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .flat-detail .car-contact-inner {
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .car-contact-inner {
    padding: 0;
  }
}
.flat-detail .car-contact-inner a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  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;
}
@media screen and (min-width: 768px) {
  .flat-detail .car-contact-image {
    width: 200px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .car-contact-image {
    width: 150px;
  }
}
.flat-detail .car-contact-image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin: 0;
}
.flat-detail .car-contact-text {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  color: #333;
}
@media screen and (min-width: 768px) {
  .flat-detail .car-contact-text {
    width: calc(100% - 210px);
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .car-contact-text {
    width: calc(100% - 150px);
  }
}
.flat-detail .car-contact-text {
  /*.car-name{
    margin-top:10px;
  }*/
}
.flat-detail .car-contact-text .car-model {
  font-size: 16px;
}
.flat-detail .car-contact-text .car-price {
  margin-top: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .flat-detail .car-contact-text .car-price span {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .car-contact-text .car-price span {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) {
  .flat-detail .car-contact-text .car-price strong {
    font-size: 35px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .car-contact-text .car-price strong {
    font-size: 28px;
  }
}
.flat-detail .car-contact-text .car-price .year {
  position: absolute;
  top: 7px;
  right: 7px;
  border: 1px solid #CDDBE0;
  padding: 5px 10px;
  border-radius: 30px;
  color: #0786BD;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
}
.flat-detail .car-contact-footer {
  width: 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
}
.flat-detail .car-contact-footer span {
  color: #fff;
  background: #1E5199;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  font-size: 12px;
  font-weight: bold;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 5px 0 15px;
  line-height: 1.4;
}
.flat-detail .car-contact-footer strong {
  color: #fff;
  width: calc(100% - 40px);
  background: #0786BD;
  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;
  position: relative;
  font-size: 18px;
}
.flat-detail .car-contact-footer strong::after {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  background: url(../svgs/btn_circle_arrow.svg) no-repeat 50%;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .flat-detail .flat-media {
    margin-top: 64px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .flat-media {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .flat-media-inner {
    padding: 0;
  }
}
.flat-detail .flat-media h2 {
  text-align: center;
}
.flat-detail .flat-media h2 figure {
  width: 162px;
  margin: 0 auto;
}
.flat-detail .flat-media h2 span {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  display: block;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .flat-detail .flat-media .slider-life {
    margin-top: 40px;
  }
}
.flat-detail .flat-media .slider-life .slick-dots {
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .flat-detail .flat-recommend {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .flat-recommend {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  .flat-detail .flat-recommend-inner {
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .flat-recommend-inner {
    padding: 0;
  }
}
.flat-detail .flat-recommend h2 {
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
}
.flat-detail .flat-recommend .slick-dots {
  bottom: 0;
}
.flat-detail .flat-recommend .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.flat-detail .flat-recommend .car-list-block {
  -webkit-box-shadow: 0px 3px 15px rgba(173, 179, 190, 0.4);
          box-shadow: 0px 3px 15px rgba(173, 179, 190, 0.4);
  margin: 15px 15px 30px 15px;
  /* @include breakpoint.bp(sp){
     margin:0 10px 30px 0;
   }*/
}
.flat-detail .flat-recommend .car-summary .car-name {
  padding: 10px 10px 0 10px;
}
.flat-detail .flat-recommend .car-summary .car-maker {
  font-size: 12px;
}
.flat-detail .flat-recommend .car-summary .car-model {
  font-size: 16px;
}
.flat-detail .flat-recommend .car-summary .car-price {
  padding: 5px 10px 10px 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flat-detail .flat-recommend .car-summary .car-price .car-year, .flat-detail .flat-recommend .car-summary .car-price .attention {
  display: none;
}
.flat-detail .flat-recommend .car-summary .car-price .car-deadline-bonus {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 5px 20px;
  width: 100%;
}
.flat-detail .flat-recommend .car-summary .car-price .car-deadline-bonus dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .flat-detail .flat-recommend .car-summary .car-price .car-deadline-bonus dl {
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .flat-recommend .car-summary .car-price .car-deadline-bonus dl {
    gap: 10px 5px;
  }
}
.flat-detail .flat-recommend .car-summary .car-price .car-deadline-bonus dl dd strong {
  font-size: 18px;
  color: #333;
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
}
.flat-detail .flat-recommend .car-summary .car-price .car-deadline-bonus dl dd strong .month {
  color: #0786BD;
}
@media screen and (max-width: 1039px) {
  .flat-detail .comparison .inner, .flat-detail .leaseplan .inner {
    padding: 0;
  }
}
.flat-detail {
  /*.plan-head table,.plan-data table{
    table-layout: fixed;
    width:100%;
    border-top:1px solid;
    border-left:1px solid;
    border-collapse: collapse;
  }
  .plan-head table td ,.plan-data table td{
    width:3%;
    font-size: 9px;
    border-right:1px solid;
    border-bottom:1px solid;
    border-spacing: 0;
    text-align: center;
    vertical-align: middle;
    word-break: break-all;
  }

  .plan-head table td strong{
    display: block;
    width:1em;
    margin:0 auto;
    }


  .plan-data table td.select{
     background:#0786BD;
    color:#fff;
  }*/
  /* simulation */
}
.flat-detail .plan-simulation {
  display: none;
}
.flat-detail .plan-simulation.show {
  display: block;
}
@media screen and (min-width: 768px) {
  .flat-detail .plan-select-block {
    margin: 30px 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-block {
    margin: 20px 0 0 0;
  }
}
@media screen and (min-width: 768px) {
  .flat-detail .plan-select-block.grade-block {
    margin-top: 0;
  }
}
.flat-detail .plan-select-block h3 {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .flat-detail .plan-select-block h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-block h3 {
    font-size: 12px;
  }
}
.flat-detail .plan-select-block ul {
  list-style: none;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flat-detail .plan-select-block ul.slide {
  overflow-x: auto;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (min-width: 768px) {
  .flat-detail .plan-select-block ul.slide {
    padding: 20px;
    -webkit-box-shadow: inset 0px 0px 14px rgba(84, 185, 229, 0.2);
            box-shadow: inset 0px 0px 14px rgba(84, 185, 229, 0.2);
    border-radius: 16px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-block ul.slide {
    margin: 0 -20px;
    padding: 10px 20px 20px 20px;
  }
}
.flat-detail .plan-select-block ul.slide li label {
  padding: 1em 2em;
}
.flat-detail .plan-select-block ul li input[type=checkbox],
.flat-detail .plan-select-block ul li input[type=radio] {
  display: none; /* ラジオボタンを非表示にする */
}
.flat-detail .plan-select-block ul li input[type=checkbox]:checked + label,
.flat-detail .plan-select-block ul li input[type=radio]:checked + label {
  -webkit-animation: 0.4s forwards selectAnim;
          animation: 0.4s forwards selectAnim;
}
.flat-detail .plan-select-block ul li input[type=checkbox]:checked + label::before,
.flat-detail .plan-select-block ul li input[type=radio]:checked + label::before {
  -webkit-animation: 0.4s forwards selectAnimBorder;
          animation: 0.4s forwards selectAnimBorder;
}
.flat-detail .plan-select-block ul li input[type=checkbox]:disabled + label,
.flat-detail .plan-select-block ul li input[type=radio]:disabled + label {
  background: #F4F5F7;
  border-color: #F4F5F7;
  color: #C2C2C2;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.flat-detail .plan-select-block ul li label {
  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;
  border: 1px solid #ADB3BE;
  background: #fff;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  height: 100%;
  -webkit-box-shadow: 0px 3px 15px rgba(84, 185, 229, 0.2);
          box-shadow: 0px 3px 15px rgba(84, 185, 229, 0.2);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: bold;
  position: relative;
}
@media screen and (min-width: 768px) {
  .flat-detail .plan-select-block ul li label {
    border-radius: 16px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-block ul li label {
    border-radius: 12px;
    font-size: 12px;
  }
}
.flat-detail .plan-select-block ul li label span {
  display: block;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .flat-detail .plan-select-block ul li label span {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-block ul li label span {
    font-size: 10px;
  }
}
.flat-detail .plan-select-block ul li label::before {
  content: "";
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: -1px;
  left: -1px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  border: solid 2px #0786BD;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .flat-detail .plan-select-block ul li label::before {
    border-radius: 16px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-block ul li label::before {
    border-radius: 12px;
  }
}
@-webkit-keyframes selectAnim {
  0% {
    border-color: #ADB3BE;
    background: #fff;
    color: #333;
  }
  100% {
    border-color: transparent;
    background-color: #EBF5FF;
    color: #0786BD;
  }
}
@keyframes selectAnim {
  0% {
    border-color: #ADB3BE;
    background: #fff;
    color: #333;
  }
  100% {
    border-color: transparent;
    background-color: #EBF5FF;
    color: #0786BD;
  }
}
@-webkit-keyframes selectAnimBorder {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes selectAnimBorder {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .grade-block h3 {
    margin-bottom: 0;
  }
}
.flat-detail .plan-select-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .flat-detail .plan-select-wrap {
    padding-bottom: 15px;
    border-bottom: 1px solid #F4F5F7;
    gap: 60px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-wrap {
    gap: 30px;
  }
}
.flat-detail .plan-select-wrap .plan-select-block {
  position: relative;
}
@media screen and (min-width: 768px) {
  .flat-detail .plan-select-wrap .plan-select-block {
    padding-bottom: 20px;
  }
}
.flat-detail .plan-select-wrap .plan-select-block {
  width: 100%;
}
.flat-detail .plan-select-wrap .plan-select-block::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  background: #F4F5F7;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .flat-detail .plan-select-wrap .plan-select-block::after {
    right: -30px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-wrap .plan-select-block::after {
    right: -15px;
  }
}
.flat-detail .plan-select-wrap .plan-select-block:last-of-type::after {
  display: none;
}
.flat-detail .plan-select-wrap .plan-select-block ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-wrap.column-3 .plan-select-block {
    margin-top: 0;
  }
}
.flat-detail .plan-select-wrap.column-3 .plan-select-block ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flat-detail .plan-select-wrap.column-3 .plan-select-block ul li {
  width: 100%;
}
.flat-detail .plan-select-wrap.column-2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-wrap.column-2 {
    display: block;
  }
}
.flat-detail .plan-select-wrap.column-2 .year-block, .flat-detail .plan-select-wrap.column-2 .bonus-block, .flat-detail .plan-select-wrap.column-2 .month-mileage-block {
  position: relative;
}
@media screen and (min-width: 768px) {
  .flat-detail .plan-select-wrap.column-2 .year-block, .flat-detail .plan-select-wrap.column-2 .bonus-block, .flat-detail .plan-select-wrap.column-2 .month-mileage-block {
    width: 46%;
  }
}
@media screen and (max-width: 1039px) {
  .flat-detail .plan-select-wrap.column-2 .year-block, .flat-detail .plan-select-wrap.column-2 .bonus-block, .flat-detail .plan-select-wrap.column-2 .month-mileage-block {
    width: 46%;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-wrap.column-2 .year-block, .flat-detail .plan-select-wrap.column-2 .bonus-block, .flat-detail .plan-select-wrap.column-2 .month-mileage-block {
    width: 100%;
  }
}
.flat-detail .plan-select-wrap.column-2 .year-block, .flat-detail .plan-select-wrap.column-2 .bonus-block, .flat-detail .plan-select-wrap.column-2 .month-mileage-block {
  /*ul{
    gap: unset;
    justify-content: space-between;
    li{
      width: calc(33% - 5px);
      margin-bottom: 10px;
      &:nth-child(7),&:nth-child(8),&:nth-child(9){
        margin-bottom:0;
      }
    }
  }
  &::after{
    content:"";
    position: absolute;
    right:-30px;
    top:0;
    width:1px;
    background:color.$cars-light-gray;
    height: 100%;
    @include breakpoint.bp(sp){
      display: none;         
    }
  }*/
}
.flat-detail .plan-select-wrap.column-2 .year-block .year-display, .flat-detail .plan-select-wrap.column-2 .year-block .bonus-display, .flat-detail .plan-select-wrap.column-2 .year-block .month-mileage-display, .flat-detail .plan-select-wrap.column-2 .bonus-block .year-display, .flat-detail .plan-select-wrap.column-2 .bonus-block .bonus-display, .flat-detail .plan-select-wrap.column-2 .bonus-block .month-mileage-display, .flat-detail .plan-select-wrap.column-2 .month-mileage-block .year-display, .flat-detail .plan-select-wrap.column-2 .month-mileage-block .bonus-display, .flat-detail .plan-select-wrap.column-2 .month-mileage-block .month-mileage-display {
  position: absolute;
  top: -10px;
  right: 0;
}
.flat-detail .plan-select-wrap.column-2 .year-block input[type=number], .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=number], .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=number] {
  font-size: 20px;
  border: solid 1px #1A9BD3;
  border-radius: 10px;
  text-align: right;
  margin-right: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-appearance: textfield;
}
.flat-detail .plan-select-wrap.column-2 .year-block input[type=number]::-webkit-outer-spin-button, .flat-detail .plan-select-wrap.column-2 .year-block input[type=number]::-webkit-inner-spin-button, .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=number]::-webkit-outer-spin-button, .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=number]::-webkit-inner-spin-button, .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=number]::-webkit-outer-spin-button, .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .flat-detail .plan-select-wrap.column-2 .year-block input[type=number], .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=number], .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=number] {
    width: 50px;
    padding: 8px 10px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-wrap.column-2 .year-block input[type=number], .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=number], .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=number] {
    width: 70px;
    padding: 6px 10px;
  }
}
.flat-detail .plan-select-wrap.column-2 .year-block input[type=range], .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=range], .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=range] {
  margin: auto;
  padding: 0;
  -webkit-appearance: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 58px;
  cursor: pointer;
  border: none;
  border-radius: 0; /* iOS */
  outline: none;
}
.flat-detail .plan-select-wrap.column-2 .year-block input[type=range]::-webkit-slider-runnable-track, .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=range]::-webkit-slider-runnable-track, .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=range]::-webkit-slider-runnable-track {
  background: #f5f5f5;
}
.flat-detail .plan-select-wrap.column-2 .year-block input[type=range]::-webkit-slider-thumb, .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=range]::-webkit-slider-thumb, .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 30px;
  height: 30px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-image: url(../svgs/market-loan-range.svg);
  border: none;
  -webkit-box-shadow: 0 409px 0 390px #fff, 0 -409px 0 390px #fff, -100vw 0 0 100vw #0786BD;
          box-shadow: 0 409px 0 390px #fff, 0 -409px 0 390px #fff, -100vw 0 0 100vw #0786BD;
}
.flat-detail .plan-select-wrap.column-2 .year-block input[type=range]::-moz-range-track, .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=range]::-moz-range-track, .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=range]::-moz-range-track {
  height: 22px;
  background: #f5f5f5;
}
.flat-detail .plan-select-wrap.column-2 .year-block input[type=range]::-moz-range-thumb, .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=range]::-moz-range-thumb, .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-image: url(../svgs/market-loan-range.svg);
  border: none;
  border-radius: 0 !important;
  box-shadow: 0 409px 0 390px #fff, 0 -409px 0 390px #fff, -100vw 0 0 100vw #0786BD;
}
.flat-detail .plan-select-wrap.column-2 .year-block input[type=range]::-ms-fill-upper, .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=range]::-ms-fill-upper, .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=range]::-ms-fill-upper {
  background: #f5f5f5;
  border-radius: 4px;
}
.flat-detail .plan-select-wrap.column-2 .year-block input[type=range]::-ms-fill-lower, .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=range]::-ms-fill-lower, .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=range]::-ms-fill-lower {
  background: #0786BD;
  height: 8px;
  border-radius: 4px;
}
.flat-detail .plan-select-wrap.column-2 .year-block input[type=range]::-ms-thumb, .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=range]::-ms-thumb, .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=range]::-ms-thumb {
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-image: url(../svgs/market-loan-range.svg);
  border: none;
  box-shadow: 0 409px 0 390px #fff, 0 -409px 0 390px #fff, -100vw 0 0 100vw #0786BD;
}
.flat-detail .plan-select-wrap.column-2 .year-block input[type=range]::-ms-ticks-after, .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=range]::-ms-ticks-after, .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=range]::-ms-ticks-after {
  display: none;
}
.flat-detail .plan-select-wrap.column-2 .year-block input[type=range]::-ms-ticks-before, .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=range]::-ms-ticks-before, .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=range]::-ms-ticks-before {
  display: none;
}
.flat-detail .plan-select-wrap.column-2 .year-block input[type=range]::-ms-track, .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=range]::-ms-track, .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=range]::-ms-track {
  color: transparent;
  height: 30px;
  border: none;
}
.flat-detail .plan-select-wrap.column-2 .year-block input[type=range]::-ms-tooltip, .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=range]::-ms-tooltip, .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=range]::-ms-tooltip {
  display: none;
}
.flat-detail .plan-select-wrap.column-2 .year-block input[type=range] :focus, .flat-detail .plan-select-wrap.column-2 .bonus-block input[type=range] :focus, .flat-detail .plan-select-wrap.column-2 .month-mileage-block input[type=range] :focus {
  outline: none;
}
.flat-detail .plan-select-wrap.column-2 .year-block::after {
  right: -8%;
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-wrap.column-2 .year-block::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-wrap.column-2 .year-block {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  .flat-detail .plan-select-wrap.column-2 .month-mileage-display input[type=number] {
    width: 70px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-wrap.column-2 .month-mileage-display input[type=number] {
    width: 90px;
  }
}
@media screen and (min-width: 768px) {
  .flat-detail .plan-select-wrap.column-2 .plan-block {
    width: 46%;
  }
}
@media screen and (max-width: 1039px) {
  .flat-detail .plan-select-wrap.column-2 .plan-block {
    width: 46%;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-wrap.column-2 .plan-block {
    width: 100%;
    margin-top: 0;
  }
}
.flat-detail .plan-select-wrap.column-2 .plan-block ul {
  max-width: none;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.flat-detail .plan-select-wrap.column-2 .plan-block ul li {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .flat-detail .plan-select-wrap.column-2 .plan-block ul li {
    max-width: 260px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .plan-select-wrap.column-2 .plan-block ul li {
    max-width: 105px;
  }
}
@media screen and (min-width: 768px) {
  .flat-detail .color-block {
    padding-bottom: 30px;
    border-bottom: 1px solid #F4F5F7;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .color-block h3 {
    margin-bottom: 0;
  }
}
.flat-detail .color-block ul li label {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.flat-detail .color-block ul li label img {
  margin-right: 7px;
  width: 15px;
}
.flat-detail .option-block {
  border-bottom: 1px solid #F4F5F7;
}
@media screen and (min-width: 768px) {
  .flat-detail .option-block {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .option-block {
    padding-bottom: 20px;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .option-block ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .flat-detail .option-block ul li {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail .option-block ul li {
    width: 31.347%;
  }
}
.flat-detail .option-block ul li label strong {
  display: block;
  width: 100%;
  text-align: center;
}
.flat-detail .option-block ul li label span {
  width: 100%;
  text-align: center;
}
.flat-detail .option-block .attention {
  font-size: 12px;
  margin-top: 15px !important;
}
@media screen and (min-width: 768px) {
  .flat-detail-used .summary .inner {
    padding-bottom: 60px;
  }
}
.flat-detail-used .summary-used {
  margin-top: 10px;
  background: #F4F5F7;
  padding: 6px 15px;
  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;
}
.flat-detail-used .summary-used-list {
  padding: 3px 20px 3px 0;
  margin-right: 20px;
  border-right: 1px solid #CDDBE0;
}
@media screen and (min-width: 768px) {
  .flat-detail-used .summary-used-list {
    width: 60%;
  }
}
@media screen and (max-width: 767px) {
  .flat-detail-used .summary-used-list {
    width: 55%;
  }
}
.flat-detail-used .summary-used-list li {
  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;
  padding: 3px 0;
}
.flat-detail-used .summary-used-list li span {
  font-size: 12px;
  font-weight: bold;
}
.flat-detail-used .summary-used-list li strong {
  font-size: 14px;
  font-weight: bold;
  color: #0786BD;
}
.flat-detail-used .summary-used-eval {
  background: #fff;
  border-radius: 6px;
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0786BD;
  font-weight: bold;
  line-height: 1;
}
.flat-detail-used .summary-used-eval span {
  font-size: 12px;
}
.flat-detail-used .summary-used-eval strong {
  font-size: 20px;
  font-family: "Avenir Next", "Helvetica", Arial, sans-serif;
  padding: 0 20px;
}
.flat-request {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 1039px) {
  .flat-request {
    background-color: #F4F5F7;
  }
}
.flat-request .entry-request,
.flat-request .request-car {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flat-request .request-car {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .flat-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) {
  .flat-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) {
  .flat-request .request-car {
    top: 45px;
  }
}
.flat-request .request-car .inner {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .flat-request .request-car h1 {
    display: none;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .request-car h1 {
    font-size: 24px;
    text-align: center;
    background: #fff;
    padding: 10px;
    display: block;
    margin: -20px -20px 0 -20px;
  }
}
.flat-request .request-car .ttl {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 1039px) {
  .flat-request .request-car .ttl {
    display: none;
  }
}
.flat-request .request-car .car-summary {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flat-request .request-car .car-image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
  margin-bottom: -20px;
}
.flat-request .request-car .car-name {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 55%;
}
@media screen and (min-width: 768px) {
  .flat-request .request-car .car-name .car-maker {
    font-size: 18px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .request-car .car-name .car-maker {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .flat-request .request-car .car-name .car-model {
    font-size: 24px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .request-car .car-name .car-model {
    font-size: 20px;
  }
}
.flat-request .request-car .car-price {
  width: 43%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  /*margin-top:10px;*/
}
.flat-request .request-car .car-price .label {
  line-height: 1;
}
.flat-request .request-car .car-price strong {
  line-height: 1.4;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .flat-request .request-car .car-price strong {
    font-size: 30px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .request-car .car-price strong {
    font-size: 28px;
  }
}
.flat-request .request-car .car-price .car-year {
  display: block;
  width: 100%;
  text-align: right;
}
.flat-request .request-car .car-plan-grade {
  margin-top: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E3E3E3;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .flat-request .request-car .car-plan-grade {
    font-size: 14px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .request-car .car-plan-grade {
    font-size: 12px;
  }
}
.flat-request .request-car .car-plan-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .flat-request .request-car .car-plan-list li {
    font-size: 14px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .request-car .car-plan-list li {
    font-size: 12px;
  }
}
.flat-request .request-car .car-plan-list li::after {
  content: "　|　";
}
.flat-request .request-car .car-plan-list li:last-of-type::after {
  display: none;
}
.flat-request .request-car .car-plan-option {
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  .flat-request .request-car .car-plan-option {
    font-size: 14px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .request-car .car-plan-option {
    font-size: 12px;
  }
}
.flat-request .request-car .car-plan-option dt {
  margin-bottom: 5px;
}
.flat-request .request-car .car-plan-option dt span {
  display: inline-block;
  background: #fff;
  padding: 7px;
  line-height: 1;
  border-radius: 4px;
}
.flat-request .entry-request {
  position: relative;
}
@media screen and (min-width: 768px) {
  .flat-request .entry-request {
    padding-top: 50px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .entry-request {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  .flat-request .entry-request {
    width: 50%;
    margin: 0 0 0 auto;
    overflow: scroll;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .entry-request {
    overflow: unset;
    width: 100%;
    background-color: #fff;
    border-radius: 20px 20px 0 0;
  }
}
@media screen and (max-width: 1039px) {
  .flat-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%);
  }
}
.flat-request .entry-request form {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .flat-request .entry-request form {
    position: relative;
    left: 0;
    max-width: 570px;
    min-width: 430px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .entry-request form {
    left: unset;
    max-width: unset;
    min-width: unset;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) {
  .flat-request .entry-request h1 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .entry-request h1 {
    display: none;
  }
}
.flat-request .entry-request-wrap {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .flat-request .entry-request-wrap {
    width: 430px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .entry-request-wrap {
    max-width: 400px;
    padding-top: 32px;
  }
}
.flat-request .entry-request-line {
  text-align: center;
  background-color: #F4F5F7;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .flat-request .entry-request-line {
    padding: 26px 0;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .entry-request-line {
    padding: 28px 0;
  }
}
.flat-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;
}
.flat-request .entry-request-line > h2:after, .flat-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;
}
.flat-request .entry-request-line > h2:before {
  left: -4px;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.flat-request .entry-request-line > h2:after {
  right: -4px;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.flat-request .entry-request-line-btn {
  margin-top: 14px;
}
.flat-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;
}
.flat-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) {
  .flat-request .entry-request-border {
    margin-bottom: 46px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .entry-request-border {
    margin-bottom: 36px;
  }
}
.flat-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) {
  .flat-request .entry-request-border > span {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .flat-request .entry-request-form-note {
    font-size: 14px;
  }
}
.flat-request .entry-request-form-wrap {
  margin-top: 24px;
}
.flat-request .entry-request-form-wrap > .entry-form-error {
  margin-top: 10px;
}
.flat-request .entry-request-form-label {
  line-height: 1;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .flat-request .entry-request-form-label {
    font-size: 16px;
  }
}
.flat-request .entry-request-form-label-desc {
  color: #999;
}
@media screen and (min-width: 768px) {
  .flat-request .entry-request-form-label-desc {
    font-size: 12px;
    padding-left: 4px;
  }
}
.flat-request .entry-request-form-label > .explanation {
  display: inline-block;
  margin-left: 1em;
  font-size: 12px;
}
.flat-request .entry-request-form-label.margin-top {
  margin-top: 0.75em;
}
.flat-request .entry-request-form-label.margin-top2 {
  margin-top: 1.5em;
}
.flat-request .entry-request-form-column, .flat-request .entry-request-form-block {
  margin-top: 12px;
}
.flat-request .entry-request-form-column > textarea, .flat-request .entry-request-form-column.category, .flat-request .entry-request-form-column > input, .flat-request .entry-request-form-column > label, .flat-request .entry-request-form-block > textarea, .flat-request .entry-request-form-block.category, .flat-request .entry-request-form-block > input, .flat-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);
}
.flat-request .entry-request-form-column > input, .flat-request .entry-request-form-column > label, .flat-request .entry-request-form-block > input, .flat-request .entry-request-form-block > label {
  line-height: 44px;
}
.flat-request .entry-request-form-column > input[type=radio], .flat-request .entry-request-form-block > input[type=radio] {
  display: none;
}
.flat-request .entry-request-form-column > input[type=radio] + label, .flat-request .entry-request-form-block > input[type=radio] + label {
  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);
  width: 49%;
}
.flat-request .entry-request-form-column > input[type=radio]:checked + label, .flat-request .entry-request-form-block > input[type=radio]:checked + label {
  color: #fff;
  background-color: #0786BD;
}
.flat-request .entry-request-form-column > textarea, .flat-request .entry-request-form-block > textarea {
  line-height: 1.5;
  padding-top: 14px;
  padding-bottom: 14px;
}
.flat-request .entry-request-form-column.first-date > input, .flat-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);
}
.flat-request .entry-request-form-column.category, .flat-request .entry-request-form-block.category {
  position: relative;
}
.flat-request .entry-request-form-column.category::after, .flat-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);
}
.flat-request .entry-request-form-column > select, .flat-request .entry-request-form-block > select {
  width: 100%;
  height: 46px;
  font-size: 14px;
  padding-left: 0;
  padding-right: 0;
  color: #999;
  border: none;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
}
.flat-request .entry-request-form-column.bonus-add, .flat-request .entry-request-form-block.bonus-add {
  display: none;
}
.flat-request .entry-request-form-column.bonus-add.open, .flat-request .entry-request-form-block.bonus-add.open {
  display: block;
}
.flat-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;
}
.flat-request .entry-request-form-column.zip {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.flat-request .entry-request-form-column.zip > input {
  width: 96px;
}
.flat-request .entry-request-form-column.zip > input:first-of-type {
  width: 68px;
}
.flat-request .entry-request-form-column.zip .zip-dash {
  display: inline-block;
  font-size: 16px;
  line-height: 46px;
  padding: 0 10px;
}
.flat-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;
}
.flat-request .entry-request-form-column.price .yen {
  display: inline-block;
  margin-left: 0.5em;
}
@media screen and (min-width: 768px) {
  .flat-request .entry-request-form-column > input {
    width: 200px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .entry-request-form-column > input {
    width: 49%;
  }
}
.flat-request .entry-request-form-column.examination {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 18px;
}
.flat-request .entry-request-form-column.examination > label {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  margin-bottom: 18px;
  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);
}
@media screen and (min-width: 768px) {
  .flat-request .entry-request-form-column.examination > label {
    width: 49%;
  }
}
@media screen and (max-width: 767px) {
  .flat-request .entry-request-form-column.examination > label {
    width: 48%;
  }
}
.flat-request .entry-request-form-column.examination > input[type=radio] {
  display: none;
}
.flat-request .entry-request-form-column.examination > input[type=radio]:checked + label {
  color: #fff;
  background-color: #0786BD;
}
.flat-request .entry-request-form-column.examination > input[type=text] {
  width: 100%;
  margin-bottom: 0;
}
.flat-request .entry-request-form-column.select-button {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 18px;
}
.flat-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);
}
.flat-request .entry-request-form-column.select-button > input[type=radio] {
  display: none;
}
.flat-request .entry-request-form-column.select-button > input[type=radio]:checked + label {
  color: #fff;
  background-color: #0786BD;
}
.flat-request .entry-request-form-column.select-button > input[type=checkbox] {
  display: none;
}
.flat-request .entry-request-form-column.select-button > input[type=checkbox]:checked + label {
  color: #fff;
  background-color: #0786BD;
}
.flat-request .entry-request-form-column.select-button > input[type=text] {
  width: 100%;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .flat-request .entry-request-form-column.column-2 > label {
    width: 48%;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .entry-request-form-column.column-2 > label {
    width: 47%;
  }
}
@media screen and (min-width: 768px) {
  .flat-request .entry-request-form-column.column-3 > label {
    width: 32%;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .entry-request-form-column.column-3 > label {
    width: 31%;
  }
}
.flat-request .entry-request-form-column.when > label {
  margin-bottom: 18px;
}
.flat-request .entry-request-form-column.bonus {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 18px;
}
.flat-request .entry-request-form-column.bonus > 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);
}
@media screen and (min-width: 768px) {
  .flat-request .entry-request-form-column.bonus > label {
    width: 49%;
  }
}
@media screen and (max-width: 767px) {
  .flat-request .entry-request-form-column.bonus > label {
    width: 48%;
  }
}
.flat-request .entry-request-form-column.bonus > input[type=radio] {
  display: none;
}
.flat-request .entry-request-form-column.bonus > input[type=radio]:checked + label {
  color: #fff;
  background-color: #0786BD;
}
.flat-request .entry-request-form-attention {
  margin-top: 10px;
  text-align: right;
}
.flat-request .entry-request-form-attention > a {
  font-size: 14px;
  text-decoration: underline;
}
.flat-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) {
  .flat-request .entry-request-form-submit {
    position: relative;
    height: 62px;
    color: #fff;
    border-radius: calc(62px / 2);
  }
  .flat-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;
  }
  .flat-request .entry-request-form-submit:hover:before {
    opacity: 1;
  }
  .flat-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);
  }
  .flat-request .entry-request-form-submit > a:hover {
    opacity: 1;
  }
  .flat-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);
  }
  .flat-request .entry-request-form-submit:before {
    background: linear-gradient(135deg, #0571C0 0%, #19B3E2 100%);
  }
  .flat-request .entry-request-form-submit {
    margin-top: 48px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .entry-request-form-submit {
    position: relative;
    height: 50px;
    color: #fff;
    border-radius: calc(50px / 2);
  }
  .flat-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;
  }
  .flat-request .entry-request-form-submit:hover:before {
    opacity: 1;
  }
  .flat-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);
  }
  .flat-request .entry-request-form-submit > a:hover {
    opacity: 1;
  }
  .flat-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);
  }
  .flat-request .entry-request-form-submit:before {
    background: linear-gradient(135deg, #0571C0 0%, #19B3E2 100%);
  }
  .flat-request .entry-request-form-submit {
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.flat-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) {
  .flat-request .entry-request-form-submit > button {
    width: 305px;
    font-size: 16px;
    line-height: 62px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .entry-request-form-submit > button {
    width: 100%;
    font-size: 16px;
    line-height: 50px;
  }
}
.flat-request .entry-request-form-submit-note {
  line-height: 1.5;
  margin-top: 24px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .flat-request .entry-request-form-submit-note {
    font-size: 14px;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .entry-request-form-submit-note {
    font-size: 12px;
  }
}
.flat-request .entry-request-form-submit-note > a {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .flat-request .entry-request .entry-confirm {
    padding-top: 0;
  }
}
@media screen and (max-width: 1039px) {
  .flat-request .entry-request .entry-confirm {
    padding-top: 36px;
  }
}

.modal-plan .modal-content {
  background: none;
}
.modal-plan-table {
  width: 325px;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}
.modal-plan-table th, .modal-plan-table td {
  padding: 15px 5px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal-plan-table th:nth-child(1), .modal-plan-table td:nth-child(1) {
  width: 40%;
}
.modal-plan-table th:nth-child(2), .modal-plan-table td:nth-child(2) {
  width: 24%;
}
.modal-plan-table th:nth-child(3), .modal-plan-table td:nth-child(3) {
  width: 10%;
}
.modal-plan-table th:nth-child(4), .modal-plan-table td:nth-child(4) {
  width: 26%;
}
.modal-plan-table th {
  font-size: 12px;
  color: #0786BD;
}
.modal-plan-table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-plan-table td {
  font-size: 12px;
}
.modal-plan-table td img {
  width: 22px;
  height: auto;
}
.modal-plan-table td span {
  display: block;
  font-size: 10px;
}
.modal-plan-table thead, .modal-plan-table tbody {
  display: block;
}
.modal-plan-table thead th {
  padding: 10px 0px;
}
.modal-plan-table tbody {
  height: 362px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.modal-plan-table tbody tr:nth-child(odd) {
  background-color: #F4F5F7;
}
.modal-plan ul.attention {
  padding: 10px 0;
  display: block;
  width: 305px;
}
@media screen and (min-width: 768px) {
  .modal-plan ul.attention {
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  .modal-plan ul.attention {
    font-size: 10px;
  }
}
.modal-plan ul.attention li {
  position: relative;
  padding-left: 1em;
  width: auto !important;
  color: #fff;
}
.modal-plan ul.attention li::before {
  content: "※";
  position: absolute;
  left: 0;
}
.modal-plan .backlink {
  top: -19px;
  right: -19px;
}

/*
Page - carsflat - order
-------------------------------------------------- */
@media screen and (min-width: 768px) {
  .flat-order > section.entry-flat {
    padding-bottom: 140px;
  }
}
@media screen and (max-width: 767px) {
  .flat-order > section.entry-flat {
    padding-bottom: 60px;
  }
}
.flat-order .entry-flat {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .flat-order .entry-flat {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.flat-order .entry-flat-wrap > h1 {
  line-height: 1;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .flat-order .entry-flat-wrap > h1 {
    font-size: 42px;
    padding-top: 120px;
  }
}
@media screen and (max-width: 767px) {
  .flat-order .entry-flat-wrap > h1 {
    font-size: 24px;
    padding-top: 40px;
  }
}
.flat-order .entry-flat-note {
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .flat-order .entry-flat-note {
    font-size: 16px;
    margin-top: 48px;
  }
}
@media screen and (max-width: 767px) {
  .flat-order .entry-flat-note {
    font-size: 12px;
    margin-top: 32px;
  }
}
@media screen and (min-width: 768px) {
  .flat-order .entry-flat-form {
    margin-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .flat-order .entry-flat-form {
    margin-top: 40px;
  }
}
.flat-order .entry-flat-form-wrap {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .flat-order .entry-flat-form-wrap {
    width: 690px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .flat-order .entry-flat-form-wrap {
    max-width: 335px;
    padding-top: 32px;
  }
}
.flat-order .entry-flat-form-label {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .flat-order .entry-flat-form-label {
    font-size: 16px;
  }
}
.flat-order .entry-flat-form-label.first-date {
  line-height: 18px;
}
.flat-order .entry-flat-form-label-desc {
  color: #999;
}
@media screen and (min-width: 768px) {
  .flat-order .entry-flat-form-label-desc {
    font-size: 12px;
    padding-left: 4px;
  }
}
@media screen and (max-width: 767px) {
  .flat-order .entry-flat-form-label-desc {
    padding-left: 8px;
  }
}
.flat-order .entry-flat-form-unit {
  display: inline-block;
  font-size: 16px;
  vertical-align: bottom;
}
@media screen and (min-width: 768px) {
  .flat-order .entry-flat-form-unit {
    margin-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .flat-order .entry-flat-form-unit {
    margin-left: 8px;
  }
}
.flat-order .entry-flat-form-column, .flat-order .entry-flat-form-block {
  margin-top: 12px;
}
.flat-order .entry-flat-form-column > label, .flat-order .entry-flat-form-column > textarea, .flat-order .entry-flat-form-column.color, .flat-order .entry-flat-form-column.category, .flat-order .entry-flat-form-column.mileage, .flat-order .entry-flat-form-column > input[type=tel], .flat-order .entry-flat-form-column > input[type=text], .flat-order .entry-flat-form-block > label, .flat-order .entry-flat-form-block > textarea, .flat-order .entry-flat-form-block.color, .flat-order .entry-flat-form-block.category, .flat-order .entry-flat-form-block.mileage, .flat-order .entry-flat-form-block > input[type=tel], .flat-order .entry-flat-form-block > input[type=text] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  border: solid 1px #1A9BD3;
  border-radius: 10px;
}
.flat-order .entry-flat-form-column > textarea, .flat-order .entry-flat-form-column.color, .flat-order .entry-flat-form-column.category, .flat-order .entry-flat-form-column.mileage, .flat-order .entry-flat-form-column > input[type=tel], .flat-order .entry-flat-form-column > input[type=text], .flat-order .entry-flat-form-block > textarea, .flat-order .entry-flat-form-block.color, .flat-order .entry-flat-form-block.category, .flat-order .entry-flat-form-block.mileage, .flat-order .entry-flat-form-block > input[type=tel], .flat-order .entry-flat-form-block > input[type=text] {
  -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);
}
.flat-order .entry-flat-form-column > label, .flat-order .entry-flat-form-column > textarea, .flat-order .entry-flat-form-column > input[type=tel], .flat-order .entry-flat-form-column > input[type=text], .flat-order .entry-flat-form-block > label, .flat-order .entry-flat-form-block > textarea, .flat-order .entry-flat-form-block > input[type=tel], .flat-order .entry-flat-form-block > input[type=text] {
  padding-left: 20px;
  padding-right: 20px;
}
.flat-order .entry-flat-form-column > label, .flat-order .entry-flat-form-column.color, .flat-order .entry-flat-form-column.category, .flat-order .entry-flat-form-column.mileage, .flat-order .entry-flat-form-column > input[type=tel], .flat-order .entry-flat-form-column > input[type=text], .flat-order .entry-flat-form-block > label, .flat-order .entry-flat-form-block.color, .flat-order .entry-flat-form-block.category, .flat-order .entry-flat-form-block.mileage, .flat-order .entry-flat-form-block > input[type=tel], .flat-order .entry-flat-form-block > input[type=text] {
  line-height: 44px;
}
.flat-order .entry-flat-form-column > textarea, .flat-order .entry-flat-form-block > textarea {
  line-height: 1.5;
  padding-top: 14px;
  padding-bottom: 14px;
}
.flat-order .entry-flat-form-column > label, .flat-order .entry-flat-form-column.color, .flat-order .entry-flat-form-column.category, .flat-order .entry-flat-form-column.mileage, .flat-order .entry-flat-form-block > label, .flat-order .entry-flat-form-block.color, .flat-order .entry-flat-form-block.category, .flat-order .entry-flat-form-block.mileage {
  overflow: hidden;
}
.flat-order .entry-flat-form-block.category, .flat-order .entry-flat-form-block.color, .flat-order .entry-flat-form-block.mileage {
  position: relative;
}
.flat-order .entry-flat-form-block.category::after, .flat-order .entry-flat-form-block.color::after, .flat-order .entry-flat-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);
}
.flat-order .entry-flat-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);
}
.flat-order .entry-flat-form-block > select {
  width: 100%;
  height: 46px;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
  color: #999;
  border: none;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
}
@media screen and (min-width: 768px) {
  .flat-order .entry-flat-form-block > input.flat-request-amount {
    width: 336px;
  }
}
@media screen and (max-width: 767px) {
  .flat-order .entry-flat-form-block > input.flat-request-amount {
    width: 160px;
  }
}
.flat-order .entry-flat-form-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flat-order .entry-flat-form-column.zip {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.flat-order .entry-flat-form-column.zip > input[type=text] {
  width: 96px;
}
.flat-order .entry-flat-form-column.zip > input[type=text]:first-of-type {
  width: 68px;
}
.flat-order .entry-flat-form-column.zip .zip-dash {
  display: inline-block;
  font-size: 16px;
  line-height: 46px;
  padding: 0 10px;
}
.flat-order .entry-flat-form-column.repair, .flat-order .entry-flat-form-column.when {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 18px;
}
.flat-order .entry-flat-form-column.repair > label, .flat-order .entry-flat-form-column.when > label {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  margin-bottom: 18px;
  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);
}
@media screen and (min-width: 768px) {
  .flat-order .entry-flat-form-column.repair > label, .flat-order .entry-flat-form-column.when > label {
    width: 49%;
  }
}
@media screen and (max-width: 767px) {
  .flat-order .entry-flat-form-column.repair > label, .flat-order .entry-flat-form-column.when > label {
    width: 48%;
  }
}
.flat-order .entry-flat-form-column.repair > input[type=radio], .flat-order .entry-flat-form-column.when > input[type=radio] {
  display: none;
}
.flat-order .entry-flat-form-column.repair > input[type=radio]:checked + label, .flat-order .entry-flat-form-column.when > input[type=radio]:checked + label {
  color: #fff;
  background-color: #0786BD;
}
.flat-order .entry-flat-form-column.repair > input[type=text], .flat-order .entry-flat-form-column.when > input[type=text] {
  width: 100%;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .flat-order .entry-flat-form-column > input[type=text] {
    width: 330px;
  }
}
@media screen and (max-width: 767px) {
  .flat-order .entry-flat-form-column > input[type=text] {
    width: 49%;
  }
}
.flat-order .entry-flat-form-submit {
  position: relative;
  width: 305px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .flat-order .entry-flat-form-submit {
    position: relative;
    height: 62px;
    color: #fff;
    border-radius: calc(62px / 2);
  }
  .flat-order .entry-flat-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;
  }
  .flat-order .entry-flat-form-submit:hover:before {
    opacity: 1;
  }
  .flat-order .entry-flat-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);
  }
  .flat-order .entry-flat-form-submit > a:hover {
    opacity: 1;
  }
  .flat-order .entry-flat-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);
  }
  .flat-order .entry-flat-form-submit:before {
    background: linear-gradient(135deg, #0571C0 0%, #19B3E2 100%);
  }
  .flat-order .entry-flat-form-submit {
    margin-top: 48px;
  }
}
@media screen and (max-width: 767px) {
  .flat-order .entry-flat-form-submit {
    position: relative;
    height: 50px;
    color: #fff;
    border-radius: calc(50px / 2);
  }
  .flat-order .entry-flat-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;
  }
  .flat-order .entry-flat-form-submit:hover:before {
    opacity: 1;
  }
  .flat-order .entry-flat-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);
  }
  .flat-order .entry-flat-form-submit > a:hover {
    opacity: 1;
  }
  .flat-order .entry-flat-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);
  }
  .flat-order .entry-flat-form-submit:before {
    background: linear-gradient(135deg, #0571C0 0%, #19B3E2 100%);
  }
  .flat-order .entry-flat-form-submit {
    margin-top: 70px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.flat-order .entry-flat-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) {
  .flat-order .entry-flat-form-submit > button {
    width: 305px;
    font-size: 16px;
    line-height: 62px;
  }
}
@media screen and (max-width: 767px) {
  .flat-order .entry-flat-form-submit > button {
    width: 100%;
    font-size: 16px;
    line-height: 50px;
  }
}
.flat-order .entry-flat-form-submit-note {
  line-height: 1.5;
  margin-top: 24px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .flat-order .entry-flat-form-submit-note {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .flat-order .entry-flat-form-submit-note {
    font-size: 12px;
  }
}
.flat-order .entry-flat-form-submit-note > a {
  text-decoration: underline;
}

/*
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 - 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;
}