/* Start:/local/templates/ranx-landing/components/bitrix/news.list/adojapan_blog/style.css?17890385173136*/
.ado-blog-list { padding-top: 56px; padding-bottom: 72px; color: #333; }
.ado-blog-list *, .ado-blog-list *::before, .ado-blog-list *::after { box-sizing: border-box; }
.ado-blog-list .ado-blog-list__header { margin-bottom: 36px; }
.ado-blog-list .ado-blog-list__header h1 { margin: 0 0 16px; font-size: 38px; line-height: 1.25; font-weight: 600; }
.ado-blog-list .ado-blog-list__header p { margin: 0; color: #68727f; font-size: 16px; line-height: 26px; }
.ado-blog-list .ado-blog-list__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.ado-blog-list .ado-blog-list__card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #e8edf2; border-radius: 10px; background: #fff; }
.ado-blog-list a { text-decoration: none; }
.ado-blog-list a:focus-visible { outline: 3px solid #0077ff; outline-offset: 3px; }
.ado-blog-list .ado-blog-list__cover { position: relative; display: block; width: 100%; aspect-ratio: 4 / 3; background: #eaf0f5; overflow: hidden; }
.ado-blog-list .ado-blog-list__cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ado-blog-list .ado-blog-list__cover:hover img { opacity: .9; }
.ado-blog-list .ado-blog-list__video { position: absolute; bottom: 12px; left: 12px; padding: 5px 9px; border-radius: 5px; background: rgba(7, 26, 48, .82); color: #fff; font-size: 12px; line-height: 19px; }
.ado-blog-list .ado-blog-list__video span { margin-right: 5px; }
.ado-blog-list .ado-blog-list__body { display: flex; flex-direction: column; flex: 1; padding: 20px; }
.ado-blog-list .ado-blog-list__date { display: block; margin-bottom: 10px; color: #6d7784; font-size: 13px; line-height: 21px; }
.ado-blog-list .ado-blog-list__body h2 { margin: 0 0 12px; font-size: 21px; font-weight: 600; line-height: 29px; overflow-wrap: anywhere; }
.ado-blog-list .ado-blog-list__body h2 a { color: #333; }
.ado-blog-list .ado-blog-list__body h2 a:hover { color: #1264b5; }
.ado-blog-list .ado-blog-list__excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 75px; overflow: hidden; margin: 0 0 22px; color: #68727f; font-size: 15px; line-height: 25px; overflow-wrap: anywhere; }
.ado-blog-list .ado-blog-list__read { align-self: flex-start; margin-top: auto; color: #1264b5; font-size: 14px; line-height: 23px; }
.ado-blog-list .ado-blog-list__read span { margin-left: 4px; }
.ado-blog-list .ado-blog-list__pagination { margin-top: 36px; }
.ado-blog-list .ado-blog-list__empty { padding: 28px 0; color: #68727f; }
@media (max-width: 1099px) { .ado-blog-list .ado-blog-list__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } }
@media (max-width: 679px) {
    .ado-blog-list { padding-top: 32px; padding-bottom: 44px; }
    .ado-blog-list .ado-blog-list__header { margin-bottom: 24px; }
    .ado-blog-list .ado-blog-list__header h1 { font-size: 29px; }
    .ado-blog-list .ado-blog-list__grid { grid-template-columns: minmax(0, 1fr); }
    .ado-blog-list .ado-blog-list__body { padding: 18px; }
    .ado-blog-list .ado-blog-list__body h2 { font-size: 20px; line-height: 28px; }
}

/* End */
/* /local/templates/ranx-landing/components/bitrix/news.list/adojapan_blog/style.css?17890385173136 */