/* ----------------------------------------------------------------------
DOCUMENTS
蜷�ｨｮ譖ｸ鬘槭ム繧ｦ繝ｳ繝ｭ繝ｼ繝�
---------------------------------------------------------------------- */

/* ------------------------------
SEC-DOCUMENTS
------------------------------ */
.documents-area li {
    width:32%;
    float:left;
    margin-left:2%;
    background:#fff;
    box-shadow:5px 5px 0px 3px #ef857d;
    -moz-box-shadow:5px 5px 0px 3px #ef857d;
    -webkit-box-shadow:5px 5px 0px 3px #ef857d;
    margin-bottom:20px;
}

.documents-area li:nth-child(3n+1){
    margin-left:0;
}

.documents-area li a {
    padding:20px 20px 20px 100px;
    display:block;
    background:url(../img/documents/co_ic_01.png) no-repeat 20px center;
    transition:0.5s;
}

.documents-area li a:hover {
    background:#ffe4e1 url(../img/documents/co_ic_01.png) no-repeat 20px center;
}

.documents-area h3 {
    margin-bottom:5px;
}

.description {
    font-size:1.4rem;
}

@media only screen and (max-width: 768px) {
    .documents-area li {
        width:49%;
        margin-left:0;
    }
    .documents-area li:nth-child(even){
        margin-left:2%;
    }
    .documents-area h3 {
        margin-bottom:3px;
        font-size:1.5rem;
    }
    .description {
        font-size:1.3rem;
    }
    .documents-area li a {
        padding:15px 15px 15px 100px;
    }
}

@media only screen and (max-width: 600px) {
    .documents-area li {
        width:98%;
    }
    .documents-area li:nth-child(even){
        margin-left:0;
    }
}