#list-c{padding-left:var(--size-padding-box);padding-right:var(--size-padding-box)}@media(min-width: 1000px)and (max-width: 2561px){#list-c{padding-top:7.3333rem;padding-bottom:3.1666rem}}@media(min-width: 650px)and (max-width: 1000px){#list-c{padding-top:3rem}}@media(min-width: 25px)and (max-width: 650px){#list-c{padding-top:8vw}#list-c .page-box{border-top:none}}#list-c .flex-box{margin-top:2rem}@media screen and (min-width: 650px){#list-c .flex-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}#list-c .flex-box .son-type-swiper-box{margin-top:0}@media(min-width: 1000px)and (max-width: 2561px){#list-c .flex-box .son-type-swiper-box{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}}@media screen and (min-width: 650px)and (max-width: 1000px)and (min-width: 750px){#list-c .flex-box .son-type-swiper-box{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}}@media screen and (min-width: 650px)and (max-width: 1000px)and (max-width: 750px){#list-c .flex-box .son-type-swiper-box{width:64%}}@media(min-width: 25px)and (max-width: 650px){#list-c .flex-box #search-box{margin:6vw 0}}#list-c .article-box{display:grid}@media(min-width: 1000px)and (max-width: 2561px){#list-c .article-box{grid-template-columns:repeat(3, 1fr);grid-row-gap:5.5rem;margin:5.3333rem 0 8rem}}@media(min-width: 650px)and (max-width: 1000px){#list-c .article-box{grid-template-columns:repeat(2, 1fr);grid-row-gap:3.5rem;margin:4rem 0}}@media(min-width: 25px)and (max-width: 650px){#list-c .article-box{grid-row-gap:6vw;margin:6vw 0 2vw}}@media screen and (min-width: 650px){#list-c .article-box{grid-column-gap:1.8333rem}}#list-c .article-box .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;width:100%;background-color:#fff;-webkit-box-shadow:1px 1px 12px rgba(153,153,153,.33);box-shadow:1px 1px 12px rgba(153,153,153,.33)}@media(min-width: 1000px)and (max-width: 2561px){#list-c .article-box .item:nth-child(1) .img,#list-c .article-box .item:nth-child(2) .img,#list-c .article-box .item:nth-child(3) .img{display:block}}@media(min-width: 650px)and (max-width: 1000px){#list-c .article-box .item:nth-child(1) .img,#list-c .article-box .item:nth-child(2) .img{display:block}}@media(min-width: 25px)and (max-width: 650px){#list-c .article-box .item{font-size:1.1666rem;border-radius:6px}#list-c .article-box .item:nth-child(1) .img,#list-c .article-box .item:nth-child(2) .img,#list-c .article-box .item:nth-child(3) .img{display:block}#list-c .article-box .item:nth-child(1) .text,#list-c .article-box .item:nth-child(2) .text,#list-c .article-box .item:nth-child(3) .text{-webkit-line-clamp:1 !important;line-clamp:1 !important;height:2rem !important}}@media screen and (min-width: 650px){#list-c .article-box .item{border-radius:8px}}#list-c .article-box .item:hover .img img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}#list-c .article-box .item:hover .info-box::before{-webkit-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);transform:translate(50%, -50%)}#list-c .article-box .item:hover .info-box::after{-webkit-clip-path:circle(150% at right top);clip-path:circle(150% at right top)}#list-c .article-box .item:hover .info-box .title,#list-c .article-box .item:hover .info-box .date,#list-c .article-box .item:hover .info-box .text,#list-c .article-box .item:hover .info-box .more,#list-c .article-box .item:hover .info-box .user span{color:#fff}#list-c .article-box .item .img{display:none;overflow:hidden;width:100%;border-radius:8px 8px 0 0}@media(min-width: 1000px)and (max-width: 2561px){#list-c .article-box .item .img{height:25.8333rem}}@media screen and (min-width: 650px)and (max-width: 1000px)and (min-width: 750px){#list-c .article-box .item .img{height:25.8333rem}}@media screen and (min-width: 650px)and (max-width: 1000px)and (max-width: 750px){#list-c .article-box .item .img{height:19.1666rem}}@media(min-width: 25px)and (max-width: 650px){#list-c .article-box .item .img{max-height:67vw}}#list-c .article-box .item .img img{display:block;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;-webkit-transition-duration:.3s;transition-duration:.3s}#list-c .article-box .item .info-box{position:relative;z-index:5;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;width:100%;color:#1e1e1e;font-size:1.3333rem}@media(min-width: 1000px)and (max-width: 2561px){#list-c .article-box .item .info-box{padding:3rem 3.5rem 2.75rem}}@media(min-width: 650px)and (max-width: 1000px){#list-c .article-box .item .info-box{padding:2.5rem 3.25rem}}@media(min-width: 25px)and (max-width: 650px){#list-c .article-box .item .info-box{padding:4vw 6vw;font-size:1.1666rem}}#list-c .article-box .item .info-box::before,#list-c .article-box .item .info-box::after{content:"";position:absolute;right:0;top:0;pointer-events:none}#list-c .article-box .item .info-box::before{z-index:-1;width:11.6666rem;height:11.6666rem;border-radius:50%;background-color:#667fa8;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transform:translate(100%, -100%);-ms-transform:translate(100%, -100%);transform:translate(100%, -100%)}#list-c .article-box .item .info-box::after{z-index:-2;width:100%;height:100%;background-color:#223555;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-clip-path:circle(0 at right top);clip-path:circle(0 at right top)}#list-c .article-box .item .info-box .title,#list-c .article-box .item .info-box .date,#list-c .article-box .item .info-box .text,#list-c .article-box .item .info-box .more,#list-c .article-box .item .info-box .user span{display:block;-webkit-transition:color .3s;transition:color .3s}#list-c .article-box .item .info-box .title{font-size:1.75rem}@media(min-width: 25px)and (max-width: 650px){#list-c .article-box .item .info-box .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.5rem;line-height:1}}@media screen and (min-width: 650px){#list-c .article-box .item .info-box .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:2.5rem}}#list-c .article-box .item .info-box .date{display:block;line-height:1;margin:2.5rem 0 1.6666rem;color:rgba(30,30,30,.6)}@media(min-width: 25px)and (max-width: 650px){#list-c .article-box .item .info-box .date{margin:3vw 0 2vw}}#list-c .article-box .item .info-box .text{line-height:2rem;color:rgba(30,30,30,.6);font-size:1.1666rem}@media(min-width: 25px)and (max-width: 650px){#list-c .article-box .item .info-box .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:4rem;margin-bottom:2vw}}@media screen and (min-width: 650px){#list-c .article-box .item .info-box .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:6rem}}#list-c .article-box .item .info-box .flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#list-c .article-box .item .info-box .flex .user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;overflow:hidden;font-size:1.3333rem;color:#1e1e1e}#list-c .article-box .item .info-box .flex .user img{display:block;-o-object-fit:cover;object-fit:cover;border:1px solid #fff;border-radius:50%;-webkit-transition-duration:.3s;transition-duration:.3s}@media(min-width: 25px)and (max-width: 650px){#list-c .article-box .item .info-box .flex .user img{width:7vw;height:7vw;margin-right:2vw}}@media screen and (min-width: 650px){#list-c .article-box .item .info-box .flex .user img{width:3.1666rem;height:3.1666rem;margin-right:.75rem}}#list-c .article-box .item .info-box .more{margin-left:auto;text-transform:uppercase}