@charset "utf-8";
@font-face {font-family: Futura; src: url(../fonts/FuturaPTMedium.otf);}

#box01 {justify-content: flex-start; margin-bottom: 2rem;}
#box01 .item {width: 19%; margin-right: 1.25%; margin-bottom: 2rem;}
#box01 .item:nth-of-type(5n) {margin-right: 0;}
#box01 .item figure {margin-bottom: 1rem;}
#box01 .item .txt {margin-bottom: 0.5rem;}
#box01 .item .txt .name {font-size: 1.4rem;}
#box01 .item .txt .project {font-weight: 500;}
#box01 .item .btn-download {}
#box01 .item .btn-download a {display: inline-block; padding: 0 0 0 3rem; font-size: 1.2rem; background: url(../img/catalog/btn_download.svg) no-repeat top left; background-size: auto 100%; font-weight: 500; margin-left: 2rem;}

.ex-link a {display: block; max-width: 400px; width: 100%; margin: 0 auto; text-align: center; border: 1px solid #000; padding: 1.2rem 1rem;}

/*Responsive*/

@media only screen and (max-width: 768px){
  #box01 .item {width: 48%; margin-bottom: 2rem;}
  #box01 .item:nth-of-type(4n) {margin-right: 4%;}
  #box01 .item:nth-of-type(2n) {margin-right: 0;}
}

@media only screen and (max-width: 480px){
  #box01 .item {width: 100%; margin-bottom: 2rem; margin-right: 0 !important;}
}