@charset "utf-8";
/* ------------------------------------------------------------------------------
 service
------------------------------------------------------------------------------ */
.topWorksList {
margin-bottom: 65px;
}
.topWorksList li {
width: 100%;
margin: 0 3% 6.5% 0;
padding: 12% 2% 5% 2%;
text-align: center;
background-color: #ffffff;
background-color: #f4f5f6;
box-shadow: 0 0 8px rgba(0,0,0,.14);
}
.topWorksList li > figure {
max-width: 65px;
margin: 0 auto;
margin-bottom: 25px;
}
.topWorksList li > figure img {
width: 70%;
height: auto;
}
.topWorksLisBox {
padding: 2.2em 1.8em;
}
.topWorksLisTitle {
margin-bottom: 20px;
font-weight: bold;
font-size: 22px;
font-size: 2.2rem;
}
.topWorksLisTxt {
font-size: 14px;
font-size: 1.4rem;
}

@media screen and (max-width: 751px) {
/* ---------- SP ---------- */
}

@media screen and (min-width: 751px) {
/* ---------- PC用 ---------- */
.topWorksList {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.topWorksList li {
width: 30%;
padding: 6% 1% 2% 1%;
margin: 0 3% 3.5% 0;
}
}