section.blog_sec{padding:15px 0 21px}section.blog_sec .inner .row{display:table;table-layout:fixed;width:100%}section.blog_sec .inner .row .col{display:table-cell;padding:0 10px 10px;vertical-align:top}section.blog_sec .blog_articles{margin:10px 0}section.blog_sec .blog_articles article{display:block;margin-bottom:20px}section.blog_sec article .catch{float:left;width:30%}section.blog_sec article:after,section.blog_sec article:before{clear:both;content:"";display:block}section.blog_sec article .catch a{color:#003b82;transition:unset}section.blog_sec article .catch a img{margin:0 auto;max-width:100%;text-align:center;width:100%}section.blog_sec .infomation{float:left;padding:0 0 0 1em;width:70%}section.blog_sec .infomation h2{font-size:18px;letter-spacing:0;line-height:1.5;margin:0;padding:0}section.blog_sec .infomation h2 a{color:#333;display:inline-block;font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:700;transition:unset}section.blog_sec .infomation span.published_at{background:none;display:block;font-size:14px;opacity:.8;padding:.5rem 0;text-align:left}section.blog_sec .infomation span.published_at time{font-family:Arial,メイリオ;letter-spacing:0}section.blog_sec .infomation p{display:-webkit-box;font-size:16px;line-height:2;max-height:160px;padding:0;-webkit-box-orient:vertical;-webkit-line-clamp:5;color:#333;font-family:Noto Sans JP,sans-serif;letter-spacing:0;overflow:hidden;text-overflow:ellipsis}section.blog_sec .infomation>a{color:#003b82;display:inline-block;font-size:16px;letter-spacing:0;padding:6px;text-align:right;text-decoration:underline;width:100%}section.blog_sec .infomation .tags{color:#333;font-family:Noto Sans JP,sans-serif;letter-spacing:0;line-height:2;padding:3px 3px 3px 0}section.blog_sec .infomation .tags a{background-color:#fff;border:1px solid #eba428;color:#eba428;display:inline-block;font-size:12px;margin:5px 10px 5px 0;padding:2px 15px;text-decoration:none!important;transition:unset}section.blog_sec .infomation .tags a:before{content:"\f02b";font-family:FontAwesome;margin-right:5px}section.blog_sec .blog_articles hr{background-color:transparent;border:0;border-bottom:1px solid #eee;height:auto;margin-bottom:30px;margin-top:8px}section.blog_sec .infomation .tags a:hover,section.blog_sec .infomation h2 a:hover,section.blog_sec article .catch a:hover img{opacity:.7}section.blog_sec .infomation>a:hover{text-decoration:none}.article-per-page{box-sizing:border-box;letter-spacing:normal;text-align:center;width:100%}.article-per-page nav{display:block}.article-per-page nav .blog-pagination{display:flex;font-size:10px;justify-content:center;letter-spacing:-.4em;margin:0 auto;padding:5px;text-align:center}.blog-pagination-center a,.blog-pagination-left a,.blog-pagination-right a{background:#fff;border:1px solid #eba428;border-radius:100px;box-sizing:content-box;color:#eba428;cursor:pointer;display:inline-block;font-family:Noto Sans JP,sans-serif;font-size:10px;font-weight:700;height:10px;letter-spacing:normal;line-height:10px;margin:0 5px;min-width:30px;padding:10px;transition:unset}.blog-pagination-center{display:block}.blog-pagination-center a.active{background:#eba428;color:#fff}.blog-pagination-left a.inactive,.blog-pagination-right a.inactive{display:none}.blog-pagination-center a:hover,.blog-pagination-left a:hover,.blog-pagination-right a:hover{opacity:.7}@media (max-width:767px){section.blog_sec{padding:0 0 15px}section.blog_sec .infomation,section.blog_sec article .catch{float:none;padding:1em 0 0;width:100%}section.blog_sec .inner .row .col{display:block;padding:0;width:100%!important}}