/*--------------------
download.css
--------------------*/


.l-block01{
  padding:10.0rem 3.0rem 15.0rem;
}
.l-block01-inner{
  max-width:1500px;
  width:100%;
  margin:0 auto;
}
.l-block01-block{
  width:100%;
  display:block;
  text-align: left;
  font-size:0;
}
.l-block01-block-list{
  width:33.3%;
  display:inline-block;
  vertical-align: top;
  padding-top:5.0rem;
}
.l-block01-block-list:nth-of-type(3n+1){
  padding-right:3.0rem;
}
.l-block01-block-list:nth-of-type(3n+2){
  padding-left:1.5rem;
  padding-right:1.5rem;
}
.l-block01-block-list:nth-of-type(3n){
  padding-left:3.0rem;
}
.l-block01-block-list-link{
  display:block;
  border:1px solid #999999;
  border-radius:1.5rem;
  overflow: hidden;
}
.l-block01-block-list-link picture{
  
}
.l-block01-block-list-link picture img{
  width:100%;
}
.l-block01-block-list-title{
  padding:2.0rem 2.5rem;
  text-align: left;  
  color: #808080;
  
  font-size:clamp(14px, 2.0rem, 20px);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.1em;
}


@media screen and (max-width: 767.5px) {
  .l-block01{
    padding:5.0rem 3.0rem 15.0rem;
  }
  .l-block01-inner{
    max-width:100%;
    width:100%;
    margin:0 auto;
  }
  .l-block01-block{
    width:100%;
    display:block;
    text-align: left;
    font-size:0;
  }
  .l-block01-block-list{
    width:100%;
    display:block;
    vertical-align: top;
    padding-top:5.0rem;
  }
  .l-block01-block-list:nth-of-type(3n+1){
    padding-right:0;
  }
  .l-block01-block-list:nth-of-type(3n+2){
    padding-left:0;
    padding-right:0;
  }
  .l-block01-block-list:nth-of-type(3n){
    padding-left:0;
  }
  .l-block01-block-list-link{
    display:block;
    border:1px solid #999999;
    border-radius:1.5rem;
    overflow: hidden;
  }
  .l-block01-block-list-link picture{

  }
  .l-block01-block-list-link picture img{
    width:100%;
  }
  .l-block01-block-list-title{
    padding:4.0rem 3.0rem;
    text-align: left;  
    color: #808080;

    font-size:3.2rem;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
}


@media screen and (max-width: 767.5px) {
  
}


@media screen and (max-width: 767.5px) {
  
}








