html{font-size:62.5%;font-family:YuGothic,sans-serif;width:100%;line-height:normal;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:auto;color:#3b3b3b;background-color:#fff}.card{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-32px;margin-bottom:25px}.card,.card__box{display:-webkit-box;display:-ms-flexbox;display:flex}.card__box{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;font-size:0;padding-bottom:0;border-bottom:1px solid #e4e4e4;margin-top:32px;margin-right:16px;max-width:calc(33.33333% - 12px)}.card__box:nth-child(3n){margin-right:0}.card__img-wrapper{overflow:hidden;width:100%;display:block;float:none;position:relative;z-index:1}.card__img-link{position:relative;display:inline-block;width:100%;padding-bottom:55%;background-color:#f2f2f2;background-repeat:no-repeat;background-size:cover;background-position:50%;-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;will-change:transform}.card__img-link.lazyloaded .loading-icon{display:none}.card__text-wrapper,.card__title-wrapper{display:block;width:100%;margin-top:16px;padding-left:0;float:none}.card__text-wrapper{margin-top:4px}.card__title-link:hover .card__title{color:#23e8c4}.card__title{font-size:16px;color:#333;font-weight:700;line-height:1.5;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;-webkit-transition:color .2s linear;transition:color .2s linear;min-height:72px;max-height:72px;margin-bottom:0}.card__time{font-size:12px;color:#abb3bf;margin-top:8px;line-height:1;display:block}.card__tags{font-size:12px;color:#294c7a;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:0;overflow:hidden}.card__tags-link{display:inline-block;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:1;pointer-events:none}.card__tags-link:hover{opacity:.7}.card__tags-text{position:relative;z-index:0;font-weight:700;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}.card__tags-text:before{content:"";width:100%;height:100%;background-color:#f3f8ff;position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:auto;z-index:-1}@media (-ms-high-contrast:none){.card__tags-text{display:block}}.card__genre{font-size:12px;color:#abb3bf;font-weight:700;margin-top:4px}.card__genre-link:hover .card__genre-link-text:before{-webkit-transform:translateX(0);transform:translateX(0)}.card__genre-link-text{font-size:12px;line-height:1.4;position:relative;display:inline-block;overflow:hidden}.card__genre-link-text:after,.card__genre-link-text:before{content:"";position:absolute;-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:100%;height:1px;left:0;right:0;bottom:0}.card__genre-link-text:before{-webkit-transform:translateX(-100%);transform:translateX(-100%);background-color:currentColor;opacity:.5}.card__inner:hover .card__img-link{-webkit-transform:scale(1.05);transform:scale(1.05)}.card__inner:hover .card__title{color:#23e8c4}.card__wrapper{margin:51px 0}.heading-title,.heading-title--story{font-weight:700;font-size:16px;color:#333;line-height:1.3;margin-top:1px;padding:4px 0 10px 34px;border-bottom:2px solid #155088;position:relative}.heading-title--story:before,.heading-title:before{content:"";display:block;position:absolute;top:0;left:0;width:26px;height:26px;background-color:transparent;background-repeat:no-repeat;overflow:hidden}.heading-title--story{margin-top:50px}.heading-title--story:before{background-image:url(/src/images/html/heading.png);background-position:0 0}.read-more-btn{margin-top:25px}.read-more-btn__link{color:#3b3b3b;width:102px;height:38px;line-height:33px;border-radius:3px;margin:0 auto 35px;background-color:#ededed;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24);box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24);font-size:13px;letter-spacing:.5px;display:block;text-align:center;cursor:pointer}.read-more-btn__link:hover{color:inherit;background-color:#f2f2f2}.read-more-btn__link.is-hide{display:none}