.content-company ul li{ display: block; padding: 22px 12px; border-bottom: 2px dotted #c5c5c5;}
.content-company ul li span{ display: block; color: #3b1705; padding: 2px 12px; line-height: 1.5; }
.content-company ul li span:first-child{font-size: 22px; font-weight: 500; padding-left: 0;}

.filter-search{ background: #707070; padding: 12px 0; height: 75px; font-size: 0; position: relative; z-index: 90;}
.filter-search select{ -webkit-appearance:none; -moz-appearance:none; padding: 12px; width: 100%; border-radius: 4px; border: 1px solid #fff; color: #fff; box-sizing: border-box;}
.filter-search select::-ms-expand{ display: none;}
.filter-search select.style-select{  background: url(../images/down.png) no-repeat right center #7d7d7d; }

.box-filter{ display: table; width: 100%; }
.box-filter span{ display: table-cell; width: 50%; padding: 14px 8px;}

.slide-recommend{ background: #e3fffc; padding: 100px 0;}
.slide-recommend .title-slide{ color: #343434; font-weight: 600; font-size: 40px; text-align: center; margin: 0 auto 50px; }
.slide-recommend .title-slide span{ background: #45cec1; width: 100px; margin: 8px auto; display: block; height: 3px; }

.thumb-car{ background: #fff; border: 1px solid #d2d2d2; border-radius: 4px; margin: 6px; overflow: hidden; box-shadow: 0 0 12px 0px rgba(74, 120, 115, 0.3); position: relative; padding-bottom: 65px;}
.thumb-car .images-car {width: 100%;/* height: 228px; */padding: 10px 0;display: flex;align-items: center;overflow: hidden;}
.thumb-car img{ width: 100%;}

.detail-car{padding: 10px 15px;}
.detail-car .brand {display: inline-block;background: #8e8e8e;color: #fff;padding: 0 12px;font-size: 15px;line-height: 1.5;margin-bottom: 8px;}
.detail-car h3 {color: #3b1705;font-size: 22px;font-weight: 600;}
.detail-car h3 small{font-size: 19px;font-weight: 500;padding-left: 12px;}

.price-car{ font-weight: 600; color: #3b1705; font-size: 18px; margin-top: 8px; line-height: 1.2;}
.price-car .month{display: inline-block;font-size: 14px;min-width: 35px;}
.price-car .price-pink{color: #f12174;font-size: 27px;}
.price-car .time{ color: #737373;}
.price-car small{ font-size: 12px;}

.more-detail a{background: #3b1705;color: #fff;text-align: center;padding: 13px 8px;display: block;border-radius: 24px;font-size: 16px;text-decoration: none;position: absolute;width: 94%;bottom: 12px;left: 3%;}
.more-detail a:hover{ background: #45cec1; transition: all 0.3s ease-in-out; }

.slide-recommend .slick-track{ display: flex; flex-wrap: wrap;}
.slide-recommend .slick-slide{ height: auto;}

.bg-lease{ background: #e2f7fc; padding: 50px 0 0; margin-bottom: -24px;}
.bg-wave{ background: url(../images/wave.jpg); text-align: center; padding: 30px 0 100px;;}
.bg-wave .title-lease{ color: #3b1705; font-weight: 600; font-size: 50px; line-height: 1.5;}
.bg-wave .title-lease span{ width: 100px; display: block; height: 4px; margin: 4px auto; background: #4083c4;}
.bg-wave .text-lease{color: #262626; font-size: 24px; padding: 22px 18px; }
.bg-wave .text-lease img{ width: 100%;}
.bg-wave .lease-text-blue{ font-size: 50px; font-weight: 600; color: #026aba; display: inline-block; }
.bg-wave .lease-text-blue .line-yellow{ background: #fff833; display: block; height: 5px;}
.bg-wave .lease-text-pink{ color:#f22e7b; font-weight: 600; font-size: 35px;}



.box-support{ margin: 28px auto;}
.box-support .arrow-down{ position: absolute; width: 100%; height: 100%; top: 0; text-align: right; right:20px; display: none; padding-top: 7px; }
.support-top{ display: flex; flex-wrap: wrap; box-sizing: border-box; }
.support-top .box-gray{ width: 49%; margin-right: 1%; border: 1px solid #79848d; border-radius: 8px; overflow: hidden; background: #fff; }
.support-top .title-gray{ position: relative; background: #79848d; text-align: center; padding: 8px; font-weight: 600; font-size: 28px; color: #fff; }
.support-top .content-gray{ padding: 24px 12px;  text-align: center;  background: #fff; }
.support-top .content-gray ul{ padding-left: 35px;}
.support-top .content-gray ul li{ list-style: disc; color: #5b646b; font-size: 22px; text-align: left; }
.support-top .box-brown{ width: 49%; margin-left: 1%; border: 1px solid #857440; border-radius: 8px; overflow: hidden; }
.support-top .title-brown{position: relative; background: #857440; text-align: center; padding: 8px; font-weight: 600; font-size: 28px; color: #fff;}
.support-top .content-brown{ padding: 24px 12px;  text-align: center;  background: #fff; }
.support-top .content-brown ul{ padding-left: 32px;}
.support-top .content-brown ul li{ list-style: disc; color: #857440; font-size: 22px; text-align: left; }
.support-top .price{ background: url(../images/line2.png) #fff repeat-x; background-position: bottom; color: #ec2828; font-size: 30px; font-weight: 600; display: inline-block; padding-bottom: 8px; margin: auto; margin-bottom: 22px; }
.support-top .price strong{ font-size: 50px; }
.box-support .icon-plus{ color: #f55935; font-size: 50px; font-weight: 600; padding: 12px 0; text-align: center;}

.support-bottom{ display: block; border: 1px solid #f55935; border-radius: 8px; overflow: hidden;}
.support-bottom .title-orange{ position: relative; background: #f55935; text-align: center; padding: 8px; font-weight: 600; font-size: 28px; color: #fff; }
.support-bottom .content-orange{ padding: 24px 12px;  text-align: center; background: #fff; }
.support-bottom .sub-title-orange{ border-bottom: 8px solid #fff833; color: #262626; font-size: 28px; font-weight: 600; display: inline-block; }
.support-bottom .sub-title-orange.hide-pc{ display: none; text-align: center; margin-bottom: 12px;}
.support-bottom ul{ display: flex; flex-wrap: wrap; padding-left: 15px; margin: 14px auto; }
.support-bottom ul li{ list-style-type: disc;  font-size: 20px; font-weight: 500; color: #f55935; text-align: left; width: 31.33%; margin: 4px 1%; box-sizing: border-box; padding-right: 8px; }

.include-payment{ display: block; border: 1px solid #026aba; border-radius: 8px; overflow: hidden;}
.include-payment .title-blue{ position: relative; background: #026aba; text-align: center; padding: 8px; font-weight: 600; font-size: 28px; color: #fff; }
.include-payment .content-blue{ padding: 24px 12px;  text-align: center; background: #fff;  }
.include-payment .content-blue ul{ display: block; text-align: center;}
.include-payment .content-blue ul li{ font-size: 20px; font-weight: 500; text-align: left; margin: 4px 1%;  padding-right: 8px; color: #026aba; display: inline-block;}
.include-payment .content-blue ul li::before{ content: '・'; position: relative; top: 7px; font-size: 40px; display: inline-block; line-height: 1pt;}




.point{ margin: 80px auto 22px;}
.content-point{ border: 2px solid #0d84de; border-radius: 4px; background: #fff; margin-bottom: 50px; }
.content-point .title-point{ background: #0d84de; color: #fff; font-size: 32px; text-align: center; font-weight: 600; padding: 18px;}

.text-point1{ width: 85%; margin: 24px auto; text-align: left; padding: 12px;}
.text-point1 .title-orange{ background: #ff911b; color: #fff; font-size: 22px; font-weight: 600; padding: 4px 12px; display: inline-block; margin: 8px 0;}
.text-point1 p{ font-size: 22px; padding-left: 18px;}
.text-point1 .title-green{ background: #2bb151; color: #fff; font-size: 22px; font-weight: 600; padding: 4px 12px; display: inline-block; margin: 8px 0;}

.text-point2{ padding: 22px;}
.point-2{ margin: 22px auto;}
.point-2 .sub-point2{ background: #fbfacf; color: #3b1705; font-size: 32px; font-weight: 600; text-align: center; padding: 8px; }
.point-2 p{ text-align: center; padding: 12px; color: #262626; font-size: 24px; font-weight: 400;}
.text-point2 .plus{ color: #0d84de; font-weight: 600; font-size: 50px; display: block; }
.img-point-2{display: table; width: 100%; }
.img-point-2 span{ display: table-cell; width: 50%; padding: 12px; text-align: center;}
.img-point-2 span img{ max-width: 100%;}

.text-point3{ padding: 22px; text-align: center;}
.text-point3 img{max-width: 100%;}
.text-point3 p { font-size: 22px; padding-left: 18px; }

.text-point4{ padding: 22px; text-align: center;}
.text-point4 img{max-width: 100%;}
.text-point4 p { font-size: 22px; padding-left: 18px; font-weight: 500; padding-bottom: 18px; }

.car-play{ display: block; margin: 22px auto;}
.car-play ul{ display: block;}
.car-play ul li{ display: inline-block; padding: 4px 22px; margin: 4px 1%; font-size: 22px; font-weight: 600; color: #fff; background: #19a6e8;}

.point4-plan{ display: block; width: 100%;}
.point4-plan ul{ display: flex; flex-wrap: wrap;}
.point4-plan ul li{ display: block; width: 48%; margin: 8px 1%; background: #e8e8e8; border-bottom: 6px solid #24baff; color: #262626; font-size: 24px; font-weight: 600; text-align: left; padding: 2px 24px; box-sizing: border-box;}
.point4-plan ul li img { height:80px;}
.text-remark p{ color: #565656; font-size: 16px; text-align: left; padding-bottom: 0; font-weight: 400;}

/**
 * Styling top level items
 */
.nav{display: inline-block; width: 48%; margin: 0 1%; box-sizing: border-box; font-size: 18px; vertical-align: top;}
 .nav a, .nav label {
    display: block;
    color: #fff;
    background-color: #7d7d7d;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
  }
  
  .nav >ul >li >label{border:2px solid #FFF; border-radius: 5px; padding: 10px;}
  
  .nav label { cursor: pointer; }
  
  /**
   * Styling first level lists items
   */
  
  .group-list a, .group-list label {
    background: #FFF;
    border-bottom:1px solid #CCC;
    color: #000;
  }

  .group-list a{margin: 10px;}
  .group-list{border-radius:3px; margin: 5px 0 0; background: #FFF;}
  .group-list >li{width: 100%;}
  .group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { background: #CCC; }

  .car-list a{display: flex; flex-wrap: wrap; text-decoration: none;}
  .car-list figure,.car-list div{display: inline-block; vertical-align: top;}
  .car-list figure img{width: 100%;}
  .car-list figure{width:20%;}
  .car-list div{width:80%; padding: 0 0 0 20px;}
  .car-list div strong{display: block; font-weight: bold; padding:10px 0 0;}

  .maker-sub{margin:10px 10px 0; font-size:22px; font-weight: bold;}
  .maker-sub figure{display: inline-block; padding: 10px;}
  .maker-sub span{margin:18px 15px 0;}
  .maker-list a{margin: 0 10px;}
  
  /**
   * Styling second level list items
   */
  
  .sub-group-list a, .sub-group-list label {
    padding:12px 12px 12px 82px;
    border-bottom: 1px solid #CCC;
    text-decoration: none;  
    font-size: 18px;
    background: url(../images/right.png) right 13px no-repeat;
}
  
  .sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { background:url(../images/right.png) right 13px no-repeat #CCC; }
  
  /**
   * Styling third level list items
   */
  
  .sub-sub-group-list a, .sub-sub-group-list label {
    padding-left: 6rem;
    background: #454545;
    box-shadow: inset 0 -1px #575757;
  }
  
  .sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { background: #333333; }
  
  /**
   * Hide nested lists
   */
  
  .group-list, .sub-group-list, .sub-sub-group-list {
    height: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out;
  }
  
  .nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
  max-height: 1000px; }
  
  /**
   * Rotating chevron icon
   */
  
  label > span {
    float: right;
    -webkit-transition: -webkit-transform .65s ease;
    transition: transform .65s ease;
    margin: -3px 0 0;
  }
  
  .nav__list input[type=checkbox]:checked + label > span {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(-180deg);
  }

@media(max-width:860px){
    .support-bottom .sub-title-orange{ font-size: 22px;}
    .support-bottom ul{ padding-left: 40px;}
    .support-bottom ul li{ width: 48%; margin: 4px 1%;}
}

@media(max-width:780px){
    .box-support .arrow-down{ display: block !important;}

    .support-bottom ul li,
    .include-payment .content-blue ul li{ font-size: 16px;}
    

    .support-top .box-gray,
    .support-top .box-brown{ width: 100%; margin: 8px auto;}

    .support-top .box-gray{ border: 0; background: none;}
    .support-top .title-gray{ border-radius: 28px; margin-bottom: 8px;}
    .support-top .content-gray{ border: 1px solid #79848d; border-radius: 8px; overflow: hidden; display: none; }

    .support-top .box-brown{ border: 0;}
    .support-top .title-brown{ border-radius: 28px; margin-bottom: 8px;}
    .support-top .content-brown{ border: 1px solid #857440; border-radius: 8px; overflow: hidden; display: none; }

    .support-bottom{ border: 0;}
    .support-bottom .title-orange{ border-radius: 28px; margin-bottom: 8px;}
    .support-bottom .content-orange{ border: 1px solid #f55935; border-radius: 8px; overflow: hidden; display: none; }
    .support-bottom .sub-title-orange{ display: none;}
    .support-bottom .sub-title-orange.hide-pc{ display: block;}

    .include-payment{ border: 0;}
    .include-payment .title-blue{ border-radius: 28px; margin-bottom: 8px;}
    .include-payment .content-blue{ border: 1px solid #026aba; border-radius: 8px; overflow: hidden; display: none; }

    .nav{width: 100%; margin:5px 0;}
    .filter-search{height: auto;}

}

@media(max-width:520px){
    .point4-plan ul li{ margin: 8px auto; width: 85%;}
}
@media(max-width:480px){
    .box-filter{ display: block;}
    .box-filter span{ display: block; width: 100%; box-sizing: border-box;}
    
    .detail-car h3{ font-size: 22px;}
    .detail-car h3 small{ font-size: 20px;}
    .price-car .price-pink{ font-size: 24px;}
    .price-car{ font-size: 16px;}

    .point4-plan ul li{ width: 100%;}

    .slide-recommend{ padding: 50px 0;}
    .slide-recommend .title-slide{ font-size: 28px; margin: 0 auto 20px;}

    .bg-lease{ padding: 8px 0 0;}
    .bg-wave .title-lease{ font-size: 28px;}
    .bg-wave .text-lease{ font-size: 18px;}
    .bg-wave .lease-text-blue{ font-size: 26px;}
    .bg-wave .lease-text-pink{ font-size: 22px;}

    .point{ margin: 50px auto 22px;}
    .content-point .title-point{ font-size: 24px; padding: 8px;}
    .point-2 .sub-point2{ font-size: 22px;}
    .text-point2 .plus{ font-size: 35px;}

    .support-bottom ul li{ width: 85%; margin: 4px auto;}
    .include-payment .content-blue ul li{ display: block; }
    .include-payment .title-blue,
    .support-top .title-gray,
    .support-top .title-brown,
    .support-bottom .title-orange{ font-size: 17px;}

   
}

@media(max-width:420px){
    .support-top .price{ font-size: 22px;}
    .support-top .price strong{ font-size: 36px;}
}