@CHARSET "UTF-8";

.noPaddingBottom{padding-bottom:0;}

.partner-list-item{padding-bottom:120px;}

.wrap-logoMoving{width:100%; background-color:#E8EBF0; padding:70px 0;}
.wrap-logoMoving .title-box{width:100%; max-width:var(--max-width-page); padding:0 1%; margin:0 auto; margin-bottom:40px;}

.partner-lolling-container{position:relative; width:100%; height:110px; margin:0 auto; overflow:hidden;}
.partner-lolling-container.last{margin-top:25px;}

.partner-lolling-container .logoMoving{position:absolute; height:100%;}
.partner-lolling-container .logoMoving ul{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; gap:20px; height:100%; margin:0; padding:0;}
.partner-lolling-container .logoMoving .ani-lolling1{animation:50s linear 0s infinite normal none running lolling-left;}
.partner-lolling-container .logoMoving .ani-lolling2{animation:50s linear 0s infinite normal none running lolling-right;}
.partner-lolling-container .logoMoving ul li{width:240px; height:112px; border-radius:12px; box-sizing:border-box; overflow:hidden; background:#fff;}
.partner-lolling-container .logoMoving ul li span{text-align: center; display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 112px; padding:0 20px;}
.partner-lolling-container .logoMoving ul li span img{width:100%; height:auto;}

@keyframes lolling-left{ to{transform:translateX(-3050px);} }
@keyframes lolling-right{ from{transform:translateX(-3050px);} to{transform:translateX(0);} }


.wrap-company{background-color:#F7F9FD; padding:120px 0;}
.company-swiper{position:relative; background-color:#fff; padding:48px; overflow:hidden; border-radius:28px;}
.company-swiper:before{position:absolute; left:0; top:0; content:""; width:24px; height:100%; background:linear-gradient(to left, #fff, #fff); z-index:2;}
.company-swiper:after{position:absolute; right:0; top:0; content:""; width:24px; height:100%; background:linear-gradient(to right, #fff, #fff); z-index:1;}
.wrap-company-list .company-list{display:grid; text-align:center; grid-template-columns:repeat(3, 1fr); gap:40px 46px;}
.wrap-company-list .company-list p{font-size:18px;}
.wrap-company-list .company-list p span{display:inline-block; vertical-align:text-top;margin-left:6px; background-color:#4D5762; color:#fff; border-radius:6px; font-size:13px;padding: 2px 5px;}


@media screen and (max-width: 1024px){

.partner-list-item{padding-bottom:80px;}	
.wrap-logoMoving{padding:60px 0;}
.wrap-company{padding:80px 0;}

.company-swiper{padding:56px 31px;}
.wrap-company-list .company-list{gap:32px 14px; letter-spacing:-0.07em;}
.wrap-company-list .company-list p{font-size:17px;}
.wrap-company-list .company-list p span{margin-left:4px;}

.wrap-logoMoving .title-box{margin-bottom:36px;}
.partner-lolling-container .logoMoving ul{gap:12px;}
.partner-lolling-container.last{margin-top:12px;}
.partner-lolling-container .logoMoving ul li{width:216px; height:100px;}
.partner-lolling-container .logoMoving ul li span{width: 216px; height: 100px;}

}

@media screen and (max-width: 767px){

.partner-list-item{padding-bottom:70px;}	
.wrap-company{padding:70px 0;}

.wrap-logoMoving .title-box{margin-bottom:28px;}
.partner-lolling-container{height:83px;}
.partner-lolling-container-m{margin-top:12px;}
.partner-lolling-container .logoMoving ul li{width:190px; height:80px;}
.partner-lolling-container .logoMoving ul li span{width: 190px; height: 80px;}


.company-swiper{padding:40px 0;}
.wrap-company-list .company-list{display:block;}
.wrap-company-list .company-list p{font-size:16px; margin-bottom:22px;}
.wrap-company-list .company-list p:nth-child(10){margin-bottom:0px;}
.wrap-company-list .company-list p:nth-child(20){margin-bottom:0px;}
.wrap-company-list .company-list p:last-child{margin-bottom:0px;}
.wrap-company-list .company-list p span{font-size:11px; margin-left:6px;}

.partner-indicator{width:100%;margin-top:32px;margin-left:0; text-align:center;}


}
















