@charset "UTF-8";
.p-blog main{font-size:16px;line-height:1.7}
.p-blog .c-page-heading{padding-block:24px 30px;background:#f5f7ef}
.p-blog .c-page-heading>.l-wrap{max-width:960px}
.p-blog .c-page-heading h1{font-size:30px;line-height:1.6;margin-bottom:0;overflow-wrap:anywhere}
.blog-content{width:calc(100% - 64px);max-width:900px;margin:32px auto 56px;overflow-wrap:anywhere}
.blog-list{list-style:none;margin:0;padding:0}
.blog-list li{padding:24px 0;border-bottom:1px solid #dce3d3}
.blog-list li:first-child{border-top:4px solid #83a957}
.blog-date{display:block;color:#647056;font-size:14px;margin:0 0 8px}
.blog-list a{display:block;color:#365322;font-size:20px;font-weight:700;line-height:1.7;text-underline-offset:4px}
.blog-article p{margin:0 0 .55em}
.blog-article>.blog-date{margin-bottom:24px}
.blog-article h2{font-size:24px;line-height:1.6;padding:14px 0;margin:32px 0 20px;border-top:4px solid #83a957;border-bottom:1px solid #dce3d3;color:#365322}
.blog-article h3{font-size:20px;line-height:1.7;margin:24px 0 12px;color:#365322}
.blog-article img{display:block;width:auto;max-width:100%;height:auto;max-height:none;margin:24px auto}
.blog-article ul,.blog-article ol{padding-left:1.5em;margin:12px 0 20px}
.blog-article li{margin-bottom:.55em}
.blog-article a{text-underline-offset:4px}
.blog-article .blog-back{margin-top:32px;padding-top:24px;border-top:1px solid #dce3d3}
.blog-content a:focus-visible{outline:3px solid #497719;outline-offset:3px}
@media(max-width:650px){
 .blog-content{width:calc(100% - 32px);margin-block:24px 36px}
 .p-blog .c-page-heading h1{font-size:25px}
 .blog-list li{padding:20px 0}
 .blog-list a{font-size:18px}
 .blog-article h2{font-size:21px;margin-top:28px}
 .blog-article h3{font-size:19px}
}