@charset "utf-8";



#car{ }
.inner{
  width: 1000px;
  margin: auto;
}


.hbg2{
    padding:40px;
    margin-bottom: 2em;
}



h3{
  background:#2D3562;
  padding: 2em 1em;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 1.5em;
}



#car h3{
  
}

.carlist{
  margin-bottom: 2em;

  /*　オフセット設定　*/
  margin-top:-150px;
  padding-top:150px;
}
.carlist ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  list-style-type: none;
  
  }
.carlist ul li{
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.carlist ul li:nth-child(3n){
  margin-right: 0;
}
.carlist ul li img{ width: 100%;}


@media only screen and (max-width:768px){

  .inner{
    width: 100%;
  }

  h3{
    padding: 1em 0.5em;
  }
  h3 span{ font-size: 85%; }



  .carlist{
    /*　オフセット設定　*/
    margin-top:-60px;
    padding-top:60px;
  }

  .carlist ul li{
    width: 47%;
    margin-right: 0;
    margin-left: 2%;
  }  


}