#blog-area{padding:4.5rem 0 10rem}#blog-area .inner{max-width:134rem;align-items:stretch}#blog-area .inner .side-bar{width:13.1rem;height:auto;position:relative}#blog-area .inner .side-bar .sticky-box{position:sticky;top:12rem}#blog-area .inner .side-bar .sticky-box .side-item{padding-left:1em;margin-bottom:1em;position:relative}#blog-area .inner .side-bar .sticky-box .side-item:last-of-type{margin-bottom:0}#blog-area .inner .side-bar .sticky-box .side-item:hover{color:#229c4f}#blog-area .inner .side-bar .sticky-box .side-item:hover:before{content:"";display:block;width:0.4em;height:0.4em;border-radius:50%;position:absolute;inset:0 auto 0 0.3rem;margin:auto 0;background-color:#229c4f}#blog-area .inner .side-bar .sticky-box .catebtn-box{font-size:1.8rem;padding-bottom:2em;border-bottom:2px solid #e1e1e1}#blog-area .inner .side-bar .sticky-box .archive-box{font-size:1.8rem;padding-top:1em}#blog-area .inner .side-bar .sticky-box .archive-box .ttl-box{font-size:2rem;padding-left:0.2em;margin-bottom:0.3em;color:#e1e1e1}#blog-area .inner .side-bar .sticky-box .archive-box li{line-height:1}#blog-area .inner .blog-wrap{width:calc(100% - 16rem);max-width:83.3%;background-color:#f7f7f7;padding:5rem}#blog-area .inner .blog-wrap .post-list{margin-bottom:1rem}#blog-area .inner .blog-wrap .post-list .blog-box{width:100%;border-bottom:1px solid #e1e1e1}#blog-area .inner .blog-wrap .post-list .blog-box a{padding:2.83rem 2.7rem;align-items:center;position:relative}#blog-area .inner .blog-wrap .post-list .blog-box a .data{display:flex;justify-content:space-between;align-items:center;width:18.4%}#blog-area .inner .blog-wrap .post-list .blog-box a .data .date{font-size:1.9rem;letter-spacing:0.03em}#blog-area .inner .blog-wrap .post-list .blog-box a .data .cate{font-size:1.5rem;width:4.4em;color:#229c4f}#blog-area .inner .blog-wrap .post-list .blog-box a h4.ttl{font-size:1.7rem;width:35em;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#blog-area .inner .blog-wrap .post-list .blog-box a:after{content:"";position:absolute;bottom:-2px;left:0;display:block;width:0;height:2px;background-color:#229c4f;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}#blog-area .inner .blog-wrap .post-list .blog-box a:hover:after{width:100%}#blog-area .inner .blog-wrap .post-list .blog-box a:hover .common-btn01 .arrow_box{background-color:transparent}#blog-area .inner .blog-wrap .post-list .blog-box a:hover .common-btn01 .arrow_box img{animation:btn_arrow 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;transform:translateX(4%);filter:brightness(0) saturate(100%) invert(44%) sepia(79%) saturate(456%) hue-rotate(90deg) brightness(95%) contrast(85%)}#blog-area .inner .blog-wrap .news-nav{padding:2.83rem 2.7rem;width:fit-content;margin-left:auto}#blog-area .inner .blog-wrap .news-nav .wp-pagenavi{display:flex;align-items:center;gap:2rem}#blog-area .inner .blog-wrap .news-nav .wp-pagenavi a,#blog-area .inner .blog-wrap .news-nav .wp-pagenavi span{border:none;font-family:"Roboto", serif;font-size:2rem;padding:0;margin:0}#blog-area .inner .blog-wrap .news-nav .wp-pagenavi span.current{color:#229c4f}#blog-area .inner .blog-wrap .news-nav .wp-pagenavi .nextpostslink,#blog-area .inner .blog-wrap .news-nav .wp-pagenavi .previouspostslink{display:inline-block;background-color:#229c4f;border:1px solid #229c4f;width:5rem;border-radius:1.2rem;height:2.4rem;position:relative}#blog-area .inner .blog-wrap .news-nav .wp-pagenavi .nextpostslink .arrow-box,#blog-area .inner .blog-wrap .news-nav .wp-pagenavi .previouspostslink .arrow-box{display:block;position:absolute;inset:0;margin:auto;width:30%;aspect-ratio:1.5627530364;padding:0;background-image:url(../img/common/wh-arrow.svg)}#blog-area .inner .blog-wrap .news-nav .wp-pagenavi .nextpostslink .arrow-box.re,#blog-area .inner .blog-wrap .news-nav .wp-pagenavi .previouspostslink .arrow-box.re{background-image:url(../img/common/wh-arrow-re.svg)}#blog-area .inner .blog-wrap .news-nav .wp-pagenavi .nextpostslink:hover,#blog-area .inner .blog-wrap .news-nav .wp-pagenavi .previouspostslink:hover{background-color:transparent}#blog-area .inner .blog-wrap .news-nav .wp-pagenavi .nextpostslink:hover .arrow-box,#blog-area .inner .blog-wrap .news-nav .wp-pagenavi .previouspostslink:hover .arrow-box{animation:btn_arrow 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;transform:translateX(4%);filter:brightness(0) saturate(100%) invert(44%) sepia(79%) saturate(456%) hue-rotate(90deg) brightness(95%) contrast(85%)}#blog-area .inner .blog-wrap .news-nav .wp-pagenavi .nextpostslink:hover .arrow-box.re,#blog-area .inner .blog-wrap .news-nav .wp-pagenavi .previouspostslink:hover .arrow-box.re{animation-direction:reverse}#blog-area .inner .blog-wrap .np-link{display:flex;align-items:stretch;gap:2rem;margin-top:15rem}#blog-area .inner .blog-wrap .np-link .pre-box a,#blog-area .inner .blog-wrap .np-link .next-box a{display:inline-block;background-color:#229c4f;border:1px solid #229c4f;width:5rem;border-radius:1.2rem;height:2.4rem;position:relative}#blog-area .inner .blog-wrap .np-link .pre-box a .arrow-box,#blog-area .inner .blog-wrap .np-link .next-box a .arrow-box{display:block;position:absolute;inset:0;margin:auto;width:30%;aspect-ratio:1.5627530364;padding:0;background-image:url(../img/common/wh-arrow.svg)}#blog-area .inner .blog-wrap .np-link .pre-box a .arrow-box.re,#blog-area .inner .blog-wrap .np-link .next-box a .arrow-box.re{background-image:url(../img/common/wh-arrow-re.svg)}#blog-area .inner .blog-wrap .np-link .pre-box a:hover,#blog-area .inner .blog-wrap .np-link .next-box a:hover{background-color:transparent}#blog-area .inner .blog-wrap .np-link .pre-box a:hover .arrow-box,#blog-area .inner .blog-wrap .np-link .next-box a:hover .arrow-box{animation:btn_arrow 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;transform:translateX(4%);filter:brightness(0) saturate(100%) invert(44%) sepia(79%) saturate(456%) hue-rotate(90deg) brightness(95%) contrast(85%)}#blog-area .inner .blog-wrap .np-link .pre-box a:hover .arrow-box.re,#blog-area .inner .blog-wrap .np-link .next-box a:hover .arrow-box.re{animation-direction:reverse}@media (max-width:1024px){#blog-area .inner .blog-wrap{padding:1.5rem}#blog-area .inner .blog-wrap .post-list .blog-box a .data{width:29%}#blog-area .inner .blog-wrap .post-list .blog-box a h4.ttl{width:28em}#blog-area .inner .blog-wrap .np-link{margin-top:13rem}}@media (max-width:1024px) and (max-width:840px){#blog-area .inner .blog-wrap{width:calc(100% - 14.5rem)}#blog-area .inner .blog-wrap .post-list .blog-box a .data{width:40%}#blog-area .inner .blog-wrap .post-list .blog-box a h4.ttl{width:24em}#blog-area .inner .blog-wrap .np-link{margin-top:9rem}}@media (max-width:1024px) and (max-width:840px) and (max-width:520px){#blog-area .inner{flex-direction:column-reverse;row-gap:3rem}#blog-area .inner .side-bar{width:100%}#blog-area .inner .side-bar .sticky-box .catebtn-box,#blog-area .inner .side-bar .sticky-box .archive-box{font-size:1.6rem}#blog-area .inner .blog-wrap{max-width:initial;width:100%;padding:1rem}#blog-area .inner .blog-wrap .post-list .blog-box a{padding:2.6rem 1rem}#blog-area .inner .blog-wrap .post-list .blog-box a .data{width:54%}#blog-area .inner .blog-wrap .post-list .blog-box a .data .date{font-size:1.3rem}#blog-area .inner .blog-wrap .post-list .blog-box a .data .cate{font-size:1.2rem;width:4.5em}#blog-area .inner .blog-wrap .np-link{margin-top:6rem}#blog-area .inner .blog-wrap .news-nav .wp-pagenavi .nextpostslink,#blog-area .inner .blog-wrap .news-nav .wp-pagenavi .previouspostslink,#blog-area .inner .blog-wrap .np-link .pre-box a,#blog-area .inner .blog-wrap .np-link .next-box a{width:4rem;border-radius:0.9rem;height:1.9rem}}#sv.news .inner .ttl-box .day-cate{display:flex;font-size:1.8rem;gap:0.7em}#sv.news .inner .ttl-box .day-cate .cate{color:#229c4f}#sv.news .inner .ttl-box h2{font-size:4rem;line-height:1.4}@media (max-width:1024px){#sv.news .inner .ttl-box h2{font-size:3.5rem}}@media (max-width:1024px) and (max-width:840px){#sv.news .inner .ttl-box h2{font-size:2.8rem}}@media (max-width:1024px) and (max-width:840px) and (max-width:520px){#sv.news .inner .ttl-box h2{font-size:2.2rem}}