@charset "UTF-8";

.step-list{
  margin: 0 0 30px;
}

.step-list li{
  list-style: none;
  width: 28%;
  float: left;
  margin: 0;
}

.step-list li:nth-child(2){
  margin: 0 8%;
}

.dl-list{
  margin: 0 0 30px 0;
}

.dl-list li{
  width: 18%;
  margin: 0 2% 1% 0;
  float: left;
  list-style: none;
  text-align: center;
}

.dl-list li a{
  padding: 1%;
  background: #FFF;
  box-shadow: 0 0 5px #e6e6e6;
  display: block;
}
.dl-list li img{
  border-bottom: none;
  padding: 0 0 10px 0;
}



/* --------------------------------------------------------------     スマホ */

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


  .dl-list li{
    width: 31%;
    float: left;
    margin: 1%;
    font-size: 70%;
    
  }
  
  .dl-list li:nth-child(3n+4){
    clear: both;
    
  }

 
}