@charset "UTF-8";
/* CSS Document */

#contents.index {
max-width: 1200px;
}
.dlList ul {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}

.dlList ul li {
width: 24%;
margin-right: 1.3%;
margin-bottom: 20px;
align-self: stretch;
}

.dlList ul li:nth-child(4n){
margin-right: 0;
}

.dlList ul li a {
display: block;
background: #fff;
box-shadow: 0 0 6px #eee;
padding: 30px 15px;
border: 1px solid #eee;
border-radius: 20px;
box-sizing: border-box;
height: 100%;
}

.dlList ul li a:hover {
box-shadow: none;
text-decoration: none;
background: #eee;
}

.dlTitle {
position: relative;
padding-left: 15px;
font-weight: 500;
}
.dlTitle:after {
color: #2aa53b;
    font-family: 'icon';
    content: "\e905";
    position: absolute;
    left: 0;
top: 0;
}

.dlList ul li img {
display: block;
margin: 0 auto 10px;
width: 70%;
border: 1px solid #eee;
}

.dlList ul li .number {
color: #2aa53b;
font-size: 1.2rem;
font-weight: 500;
}