.partner-box{
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}
.partner-all-box{
    width: 1360px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    font-size: 0;
    position: relative;
    box-sizing: border-box;
    padding: 12.5rem 0;
}
.partner-info-box{
    margin-top: 7.5rem;
}
.partner-info{
    width: 20%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 2.5rem;
    overflow: hidden;
}
.partner-info-img-box{
    width: 100%;
    height: 125px;
    transition: all 0.3s ease;
}



@media only screen and (max-width: 1360px){
    .partner-all-box{
        width: 1200px;
    }
    .partner-info-img-box{
        height: calc((125 / 200) * 160px);
    }
}
@media only screen and (max-width: 1200px){
    .partner-all-box{
        width: 1000px;
        padding: 7.5rem 0;
    }
    .partner-info-box {
        margin-top: 5rem;
    }
    .partner-info{
        padding: 1.25rem;
    }
}
@media only screen and (max-width: 1000px){
    .partner-all-box{
        width: 750px;
        padding: 5rem 0;
    }
    .partner-info-box {
        margin-top: 3.125rem;
    }
    .partner-info{
        padding: 1.25rem;
    }
    .partner-info-img-box{
        height: calc((125 / 200) * 110px);
    }
}
@media only screen and (max-width: 768px){
    .partner-all-box{
        width: 550px;
        padding: 2.5rem 0;
    }
    .partner-info-box {
        margin-top: 1.25rem;
    }
    .partner-info{
        width: 25%;
        padding: 1rem;
    }
    .partner-info-img-box{
        height: calc((125 / 200) * (550px / 4 - 2rem));
    }
}
@media only screen and (max-width: 550px){
    .partner-all-box{
        width: calc(100vw - 40px);
        padding: 1rem 0;
    }
    .partner-info-box {
        margin-top: 1.25rem;
    }
    .partner-info{
        width: 50%;
    }
    .partner-info-img-box{
        height: calc((125 / 200) * ((100vw - 40px) / 2 - 2rem));
    }
}




@media only screen and (min-width: 769px){
    .partner-info:hover .partner-info-img-box{
        transform: scale(1.1);
    }

    .partner-info{
        opacity: 0;
    }
    .partner-info.anima{
        animation: fadeInUp 1.4s ease 0s 1 both;
    }
}