@charset "UTF-8";

/*実績ページ--------------------------------*/
#case-wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap:wrap;
}

.case-container {
   width:calc(100% / 3 - 20px);
   margin-right:20px;
   margin-bottom: 30px;
}

.case-container:last-of-type {
   margin-right:0px;
}

.case-container:nth-of-type(3n) {
   margin-right:0px;
}

.case-container ul {
    list-style: none;
    
}

.case-container li {
    margin: 0; 
}

.case-container li img {
    
}

.case-container span.case-lp {
    padding: 3px;
    background: #0059b2;
    color: #fff;
}

.case-container .case-area {
}

.case-container .case-name {
}

.case-container .case-link {
}

@media screen and (max-width:1200px) {

}

@media screen and (max-width:800px) {
    
    .case-container {
   width:calc(100% / 2 - 10px);
   margin-right:10px;
}

.case-container:last-of-type {
   margin-right:0px;
}

.case-container:nth-of-type(2n) {
   margin-right:0px;
}
    
.case-container span {
    font-size: 11px; 
}
    
.case-container .case-area {
    margin-top: 5px;
        font-size: 12px; 
}

.case-container .case-name {
        font-size: 12px; 
}

.case-container .case-link {
    font-size: 12px; 
}

}