.l-main{width:100%}.l-main .l-category{width:1200px;margin:0 auto;background:#fff;padding:80px 100px;box-sizing:border-box}@media screen and (max-width: 768px){.l-main .l-category{width:100%;padding:10.6666666667vw 2.6666666667vw}}.l-main .l-category h2{font-weight:700;font-size:24px;text-align:center}@media screen and (max-width: 768px){.l-main .l-category h2{font-size:4.8vw}}.l-main .l-category>ul:nth-of-type(1){margin-top:50px;width:100%;display:flex;align-items:flex-start;flex-flow:row wrap}@media screen and (max-width: 768px){.l-main .l-category>ul:nth-of-type(1){margin-top:8vw;display:block}}.l-main .l-category>ul:nth-of-type(1) li{width:313px}@media screen and (max-width: 768px){.l-main .l-category>ul:nth-of-type(1) li{width:100%}}.l-main .l-category>ul:nth-of-type(1) li a{transition:.3s}@media screen and (max-width: 768px){.l-main .l-category>ul:nth-of-type(1) li a{display:flex;align-items:flex-start;justify-content:space-between}}.l-main .l-category>ul:nth-of-type(1) li a img{width:100%;height:180px;object-fit:cover}@media screen and (max-width: 768px){.l-main .l-category>ul:nth-of-type(1) li a img{width:40vw;height:23.2vw}}.l-main .l-category>ul:nth-of-type(1) li a>div{width:100%;padding:10px 5px;box-sizing:border-box}@media screen and (max-width: 768px){.l-main .l-category>ul:nth-of-type(1) li a>div{padding:0;width:49.3333333333vw}}.l-main .l-category>ul:nth-of-type(1) li a>div span{display:block;color:#aaa;font-size:14px;margin-top:5px}@media screen and (max-width: 768px){.l-main .l-category>ul:nth-of-type(1) li a>div span{font-size:3.2vw;margin-top:0}}.l-main .l-category>ul:nth-of-type(1) li a>div p{margin-top:10px;line-height:1.42;width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px}@media screen and (max-width: 768px){.l-main .l-category>ul:nth-of-type(1) li a>div p{font-size:3.7333333333vw;-webkit-line-clamp:3;margin-top:2.6666666667vw}}.l-main .l-category>ul:nth-of-type(1) li a:hover{opacity:.8;transition:.3s}.l-main .l-category>ul:nth-of-type(1) li:nth-of-type(n+4){margin-top:30px}@media screen and (max-width: 768px){.l-main .l-category>ul:nth-of-type(1) li:nth-of-type(n+4){margin-top:2.6666666667vw}}.l-main .l-category>ul:nth-of-type(1) li+li{margin-left:30px}@media screen and (max-width: 768px){.l-main .l-category>ul:nth-of-type(1) li+li{margin:2.6666666667vw 0 0}}.l-main .l-category>ul:nth-of-type(1) li:nth-of-type(3n-2){margin-left:0}.l-main .l-category .paginate-btn{margin-top:70px}@media screen and (max-width: 768px){.l-main .l-category .paginate-btn{margin-top:13.3333333333vw}}.l-main .l-category .paginate-btn ul{display:flex;justify-content:center}.l-main .l-category .paginate-btn ul li span,.l-main .l-category .paginate-btn ul li a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#eee}@media screen and (max-width: 768px){.l-main .l-category .paginate-btn ul li span,.l-main .l-category .paginate-btn ul li a{width:10.6666666667vw;height:10.6666666667vw;font-size:4.2666666667vw}}.l-main .l-category .paginate-btn ul li a{transition:.3s}.l-main .l-category .paginate-btn ul li a:hover{opacity:.8;transition:.3s}.l-main .l-category .paginate-btn ul li+li{margin-left:10px}@media screen and (max-width: 768px){.l-main .l-category .paginate-btn ul li+li{margin-left:2.6666666667vw}}.l-main .l-category .paginate-btn ul .active span{background:#333;color:#fff}