.blog-wrapper{width:100%}.blog-wrapper .bg-img{background-image:url(//8335639.fs1.hubspotusercontent-na1.net/hubfs/8335639/raw_assets/public/greff_service/greff-assets/images/blog-first-view-bg-sp.png);background-position:50%;background-size:cover;height:calc(100vh - 257px);height:calc(100svh - 257px);width:100%}.section-title{font-size:28px;font-weight:700;line-height:40px;margin-bottom:20px}.first-view-contents{border-bottom:1px solid #dcdcdc;padding:48px 24px;text-align:center}.first-view-contents p{font-size:16px;line-height:26px;margin:0}.blog-section{padding-top:48px}.blog-items{margin-bottom:96px}.blog-item{margin-bottom:60px}.blog-headlines{width:100%}.blog-headlines h4{font-size:20px;font-weight:700;line-height:38px;margin:24px 0 12px}.post-time{color:#666;font-size:12px}.blog-beginning,.post-time{font-weight:400;margin-bottom:24px}.blog-beginning{font-size:14px;line-height:26px}.blog-tag,.blog-tags{display:flex}.blog-tag{border:1px solid #3d97eb;color:#3d97eb;font-size:14px;font-weight:500;overflow:hidden;padding:5px 12px}.blog-tag img{margin-right:8px}.blog-tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{display:flex;justify-content:center;margin-bottom:66px;text-align:center}.pagination a,.pagination span{align-items:center;color:#333;display:flex;height:40px;justify-content:center;width:40px}.pagination a:nth-child(3){color:#3d97eb}.pagination .oldest,.pagination .prev{transform:scaleX(-1)}@media screen and (min-width:600px){.blog-wrapper .bg-img{background-image:url(//8335639.fs1.hubspotusercontent-na1.net/hubfs/8335639/raw_assets/public/greff_service/greff-assets/images/blog-first-view-bg.png);height:512px}}@media screen and (min-width:1025px){.first-view-contents{padding:80px 192px}.section-title{font-size:40px;margin-bottom:24px}.blog-section{padding-top:96px}.horizon{margin:80px 0 96px;width:100%}.blog-items{margin-bottom:160px}.blog-item{align-items:start;display:flex;margin-bottom:60px}.blog-thumbnail{margin-right:56px;max-width:516px}.blog-headlines h4{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:24px;margin-bottom:16px;margin-top:0;overflow:hidden}.post-time{font-size:14px}.blog-beginning{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;font-size:16px;margin-bottom:32px;overflow:hidden}.pagination{margin-bottom:130px}}