._partners{ width: 100%; position: relative; overflow: hidden; }
._partners .partnercon{ width: 100%; position: relative; margin-top: 35px; }
._partners .partnercon .flx{ display: flex; align-items: flex-start; }
._partners .partnercon .flx .leftnavi{ padding: 75px 0; }
._partners .partnercon .rightbx{ width: calc(1235 / 1520 * 100%); padding-bottom: 150px; }
._partners .partnercon .rightbx .partbx{ width: 100%; padding-top: 75px; }
._partners .partnercon .rightbx .partbx > strong{ font-size: 22px; letter-spacing: -0.03em; font-weight: 600; display: none; }
._partners .partnercon .rightbx .partbx > strong img{ width: 16px; margin-right: 6px; }
._partners .partnercon .rightbx .partbx > ul{ width: 100%; display: flex; flex-wrap: wrap; gap: 10px; }
._partners .partnercon .rightbx .partbx > ul li{ width: calc((100% - 40px) / 5); border: 1px solid rgba(13, 13, 35, 0.2); box-sizing: border-box; cursor: pointer; transition-duration: 0.2s; }
._partners .partnercon .rightbx .partbx > ul li img{ width: 100%; height: 100%; object-fit: contain; filter: saturate(0); transition-duration: 0.2s; }

._partners .partnercon .rightbx .partbx > ul li:hover{ background-color: rgba(13,13,35,0.02); }
._partners .partnercon .rightbx .partbx > ul li:hover img{ filter: saturate(1); }

@media screen and (min-width: 821px){
    
}

@media screen and (max-width: 1280px){
    ._partners .partnercon{ margin-top: 0; }
    ._partners .partnercon .rightbx .partbx > ul li{ width: calc((100% - 30px) / 4); }
}

@media screen and (max-width: 820px){
    ._partners .partnercon{ margin-top: 40px; }
    ._partners .partnercon .rightbx .partbx{ padding-top: 40px; }
    ._partners .partnercon .rightbx .partbx > ul li{ width: calc((100% - 20px) / 3); }
}

@media screen and (max-width: 500px){
    ._partners .partnercon{ margin-top: 30px; }
    ._partners .partnercon .rightbx{ width: 100%; }
    ._partners .partnercon .rightbx .partbx > strong{ display: flex; align-items: center; margin-bottom: 20px; }
    ._partners .partnercon .rightbx .partbx > ul{ gap: 5px; }
    ._partners .partnercon .rightbx .partbx > ul li{ width: calc((100% - 10px) / 3); }
}

@media screen and (max-width: 350px){
    ._partners .partnercon .rightbx .partbx > strong{ font-size: 18px; margin-bottom: 10px; }
    ._partners .partnercon .rightbx .partbx > ul li{ width: calc((100% - 5px) / 2); }
}