.m-articles.\--col{display:flex;width:100%;margin:0 auto 10px;flex-wrap:wrap}.m-articles.\--col .m-articles__item{width:calc(25% - 15px);margin-bottom:30px}.m-articles.\--col .m-articles__item:not(:nth-of-type(4n)){margin-right:20px}.m-articles.\--col .m-articles__img{width:100%;height:135px;margin-bottom:6px}.m-articles.\--col .m-articles__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.m-articles.\--col .m-articles__txt{display:flex;flex-direction:column;min-height:58px;justify-content:space-between}.m-articles.\--col .m-articles__txt span:not(.m-articles__ttl-clamp){font-size:1.2rem;font-weight:400;display:flex;color:#555;align-items:center}.m-articles.\--col .m-articles__txt span:not(.m-articles__ttl-clamp):after,.m-articles.\--col .m-articles__txt span:not(.m-articles__ttl-clamp):before{width:6px;content:"";border-top:1px solid}.m-articles.\--col .m-articles__txt span:not(.m-articles__ttl-clamp):before{margin-right:4px}.m-articles.\--col .m-articles__txt span:not(.m-articles__ttl-clamp):after{margin-left:4px}.m-articles.\--col .m-articles__ttl{font-size:1.3rem;font-weight:700;line-height:2rem;margin-bottom:6px}.m-articles.\--col .m-articles__ttl-clamp{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.m-articles.\--col .m-articles__author{font-size:1.2rem;line-height:1.8rem}.m-articles.\--col .m-articles__date{font-size:1.1rem;display:block;margin-bottom:6px;color:#909090}.m-articles.\--row{width:100%;margin:0 auto 10px}.m-articles.\--row .m-articles__item{display:flex;padding:15px 0;border-bottom:1px solid #d7d7d7}.m-articles.\--row .m-articles__img{width:110px;min-width:110px;height:74px;margin-right:10px}.m-articles.\--row .m-articles__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.m-articles.\--row .m-articles__txt span:not(.m-articles__ttl-clamp){font-size:1.2rem;font-weight:400;display:flex;color:#555;align-items:center}.m-articles.\--row .m-articles__txt span:not(.m-articles__ttl-clamp):after,.m-articles.\--row .m-articles__txt span:not(.m-articles__ttl-clamp):before{width:6px;content:"";border-top:1px solid}.m-articles.\--row .m-articles__txt span:not(.m-articles__ttl-clamp):before{margin-right:4px}.m-articles.\--row .m-articles__txt span:not(.m-articles__ttl-clamp):after{margin-left:4px}.m-articles.\--row .m-articles__ttl{font-size:1.3rem;font-weight:700;line-height:21px}.m-articles.\--row .m-articles__ttl-clamp{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.m-articles.\--row .m-articles__author{font-size:1.2rem}.m-articles.\--row .m-articles__date{font-size:1.1rem;display:block;color:#909090}.m-articles.\--ranking{counter-reset:ranking}.m-articles.\--ranking .m-articles__img{position:relative}.m-articles.\--ranking .m-articles__img:before{font-size:1.2rem;line-height:18px;position:absolute;top:0;left:0;width:20px;height:18px;content:counter(ranking,decimal);counter-increment:ranking;text-align:center;color:#fff;background-color:#ff4b00}.top-feature{display:flex;height:285px;margin-bottom:42px}.top-feature__left-block{margin-right:18px}.top-feature__item{position:relative;width:428px;height:285px}.top-feature__item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.top-feature__txt:not(:last-of-type){margin-bottom:20px}.top-feature__txt.current{padding-left:10px;border-left:5px solid #ff4b00}.top-feature__txt a{display:block}.top-feature__ttl{font-size:1.6rem;font-weight:700}.top-feature__author{font-size:1.4rem;display:block;margin-top:6px}