@media only screen and (min-width: 1000px){.mobile-only{display:none !important}}@media only screen and (max-width: 1000px){.desktop-only{display:none !important}}.m-read{counter-reset:read}.m-read h2{font-size:3rem;line-height:5.6rem;font-weight:900;margin-bottom:3.2rem;color:#1e4e8c}.m-read>a{display:block;max-width:15.9rem;text-transform:uppercase;font-size:1.4rem;letter-spacing:.028rem;color:#888a8d;padding:1.6rem 3.1rem;border:.15rem solid #888a8d;transition:all .2s ease-in-out;margin-left:auto;margin-top:1.5rem;margin-bottom:-5.3rem}.m-read>a:hover{background-color:#888a8d;color:#fff}.m-read__content{display:flex;flex-flow:column}.m-read__block{counter-increment:read;position:relative;display:flex;align-items:flex-start;flex-flow:row;gap:3.7rem;padding:3.4rem 0 7.1rem 7.7rem}.m-read__block::after{position:absolute;content:"";display:block;width:100%;height:.4rem;border-radius:.4rem;background-color:gray;top:0;left:0;right:0}.m-read__block::before{position:absolute;font-style:italic;font-size:6rem;font-weight:400;line-height:5.6rem;top:calc(50% - 4.8rem);left:0;margin:auto 0;content:counter(read)}.m-read__block:first-of-type::after{background-color:#d6a3b5}.m-read__block:nth-of-type(2)::after{background-color:#6dd2c8}.m-read__block:nth-of-type(3)::after{background-color:#e7b260}.m-read__block:nth-of-type(4)::after{background-color:#8770c5}.m-read__block:nth-of-type(5)::after{background-color:#c85b72}.m-read__block img{width:10rem;height:10rem;object-fit:cover;border-radius:1rem}.m-read__block div{max-width:27.3rem;display:flex;flex-flow:column}.m-read__block div h3{font-size:2.2rem;line-height:2.6rem;font-weight:500;color:#707070;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis}.m-read__block div a{font-size:1.6rem;line-height:2.6rem;color:#707070;text-decoration:underline;margin-top:1rem;font-weight:500;opacity:.5;transition:.2s ease-in-out all}.m-read__block div a:hover{opacity:1;font-weight:600}@media only screen and (max-width: 1000px){.m-read h2{margin-top:0}.m-read>a{width:100%;max-width:unset;text-align:center;margin-bottom:unset}.m-read__block{padding:3.4rem 0 3.4rem 7.1rem}.m-read__block div h3{font-size:1.7rem;line-height:1.8rem}}@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait){.m-read{width:100%}}/*# sourceMappingURL=m-read.css.map */