.client-list {
    margin: 0 -10px;
}
.client-list .item {
    width: 25%;
    padding: 0 10px;
}
.client-list .box {
    display: block;
    max-width: 295px;
    margin: 0 auto 5px;
    text-align: center;
    overflow: hidden;
    position: relative;
    padding-bottom: 0px;
}
.client-list .box .cover{
    font-size: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index:30;
}
.client-list .box:hover .pic img {
    -moz-transform: unset;
    -webkit-transform: unset;
    -o-transform: unset;
    -ms-transform: unset;
    transform: unset;
}
.client-list .pic {
    overflow: visible;
    position: relative;
    background: url(../../images/common/bg-1.png);
    padding: 67px;
    background-size: cover;
    box-sizing: border-box;
    background-position: center;

}

/*背景 開始*/
.client-list .pic {
    min-height: unset;
    overflow: visible;
    position: relative;
    background: url(../../images/common/bg-1.png);
    padding: 70px 80px;
    background-size: cover;
    box-sizing: border-box;
    background-position: center;
    background:none;
}
.client-list .box:before {
    content:"";
     background: url(../../images/common/bg-2.png);
    position:absolute;
    width:calc(100%);
    height:calc(100%);
    background-size:contain;
    left:0;
    top:0;
    background-repeat: no-repeat;
}
/*背景 結束*/


.page.client-list .item {
    width: 20%;
    padding: 0 10px;
}
@media screen and (max-width: 1200px) {
    .client-list .item {
        width: 50%;
    }   
    .client-list .item:nth-child(3n+1) {
        clear: none;
    }
    .client-list .item:nth-child(2n+1) {
        clear: left;
    }


    .page.client-list .item {
        width: 50%;
    }   
    .page.client-list .item:nth-child(3n+1) {
        clear: none;
    }
    .page.client-list .item:nth-child(2n+1) {
        clear: left;
    }
}
@media screen and (max-width: 600px) {
    .client-list .item {
        width: 100%;
    }
    .client-list .item:nth-child(n) {
        clear: left;
    }

    .page.client-list .item {
        width: 100%;
    }
    .page.client-list .item:nth-child(n) {
        clear: left;
    }
}