@charset "utf-8";
.full_screen { display: block;}
.blog-description li > ul { margin: 0.5rem;}
.blog-description li > ul li, .add-disc li { list-style: disc; list-style-position: inside;}
.blog-wrap { margin: 3rem auto; width: 75rem; min-height: 30rem; padding-bottom: 3rem; display: flex; gap: 2rem; flex-wrap: wrap;}
.blog-header { position: relative; display: flex; justify-content: center; max-width: 93.75rem; margin: 0 auto;}
.blog-img img { width: 100%;}
.blog-wrap .blog-section { width: 31%;}
.blog-title { margin: 1rem 0 0.5rem; font-size: 1rem; height: 3rem;}
.blog-title a, .blog-description a { color: #333;}
.blog-short-desc { position: relative; height: 4rem; overflow: hidden;}
.blog-fade { position: absolute; bottom: 0; left: 0;width: 100%; text-align: center; margin: 0; padding: 30px 0; background-image: linear-gradient(to bottom, #fff0, #fff);}
.blog-author { display: flex; gap: 1rem; margin: 1rem 0; text-transform: uppercase; color: #072446; font-weight: 700;}
.blog-content { margin: 3rem auto; width: 75rem; min-height: 30rem; padding-bottom: 3rem;}
.blog-content .blog-author { color: #999;}
.blog-description img { margin: 1rem 0;}
.small_screen { display: none;}
figure { margin: 0; padding: 0;}
table { border: 1px solid #ddd; border-collapse: collapse; width: 100%; margin: 1rem 0; text-align: center;}
th, td { border: 1px solid #ddd; padding: 5px;}
.blog-description { line-height: 1.3;}
.blog-description p, .blog-description div { margin: 1.5rem 0 0.5rem 0;}
.blog-description strong, h2, h3, h4, h5 { line-height: 1.5;}
@media (max-width: 801px) {
.full_screen { display: none;}
.small_screen { display: block;}
.blog-wrap, .blog-content { width: 100%; padding: 0 1rem; box-sizing: border-box;}
.blog-wrap .blog-section { width: 100%;}
.blog-wrap img, .blog-description img, .blog-header img { width: 100%;}
}