@charset "UTF-8";

/* CSS Document */

/*PC*/
@media print, screen and (min-width: 768px) {

/*sec01*/
.sec01 { margin: 0 auto 50px;}
.sec01 .txt { text-align: center; margin: 0 0 30px;}
.sec01 .txt p { font-size: 1.5rem; line-height: 2.4rem; }

.sec01 ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.sec01 ul li { width: 260px; margin: 0 0 60px 32px;}
.sec01 ul li:nth-child(3n+1) { margin-left: 0}
.sec01 ul li figure {}
.sec01 ul li figure img { width: 100%; height: auto; margin: 0 0 15px;}



}



/*sp*/
@media only screen and (max-width: 767px) {

.sec01 { margin: 0 5% 50px;}
.sec01 .txt { text-align: center; margin: 0 0 40px}
.sec01 .txt p { font-size: 1.6rem; line-height: 2.4rem; }

.sec01 ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.sec01 ul li { width: 48%; margin: 0 0 8% 4%;}
.sec01 ul li:nth-child(2n+1) { margin-left: 0}
.sec01 ul li figure {}
.sec01 ul li figure img { width: 100%; height: auto; margin: 0 0 15px;}


}