@charset "UTF-8";
:root{--color_border:hsla(0,0%,78%,.5);--color_gray:hsla(0,0%,78%,.15);--swl-color_hov_gray:rgba(3,2,2,.05);--swl-color_shadow:rgba(0,0,0,.12);--swl-fz--root:3.6vw;--swl-fz--side:var(--swl-fz--root);--swl-block-margin:2em;--swl-sidebar_width:280px;--swl-sidebar_margin:24px;--swl-pad_post_content:0px;--swl-pad_container:4vw;--swl-h2-margin--x:-2vw;--swl-box_shadow:0 2px 4px rgba(0,0,0,.05),0 4px 4px -4px rgba(0,0,0,.1);--swl-img_shadow:0 2px 8px rgba(0,0,0,.1),0 4px 8px -4px rgba(0,0,0,.2);--swl-btn_shadow:0 2px 2px rgba(0,0,0,.1),0 4px 8px -4px rgba(0,0,0,.2);--swl-text_color--black:#333;--swl-text_color--white:#fff;--swl-fz--xs:.75em;--swl-fz--small:.9em;--swl-fz--normal:1rem;--swl-fz--medium:1.1em;--swl-fz--large:1.25em;--swl-fz--huge:1.6em}
:root{--swl-fz--content:4vw;--swl-font_family:"Segoe UI","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji";--swl-font_weight:400;--color_main:#2b5329;--color_text:#333;--color_link:#2b7a3d;--color_htag:#2b5329;--color_bg:#fdfdfd;--color_gradient1:#d4ecd0;--color_gradient2:#8abf7e;--color_main_thin:rgba(43,83,41,0.05);--color_main_dark:rgba(28,54,26,1);--color_header_bg:#fdfdfd;--color_header_text:#333;--color_footer_bg:#fdfdfd;--color_footer_text:#333;--container_size:1200px;--article_size:900px;--logo_size_sp:48px;--logo_size_pc:40px;--logo_size_pcfix:32px;--card_posts_thumb_ratio:56.25%}
html{font-size:var(--swl-fz--root)}
.c-plainBtn{-webkit-appearance:none;-o-appearance:none;appearance:none;background-color:transparent;border:none;box-shadow:none}
*,.c-plainBtn{margin:0;padding:0}*{box-sizing:border-box;font-family:inherit;font-size:inherit;line-height:inherit}:after,:before{box-sizing:inherit;text-decoration:inherit;vertical-align:inherit}
b,strong{font-weight:700}sub,sup{font-size:smaller}main{display:block}:where(ol:not([type])),:where(ul:not([type])){list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}td,th{word-break:break-all}img{border-style:none;height:auto;max-width:100%}
body{word-wrap:break-word;-webkit-text-size-adjust:100%;background-color:var(--color_bg);color:var(--color_text);font-family:var(--swl-font_family);font-size:1rem;font-weight:var(--swl-font_weight);line-height:1.6;max-width:100%;min-width:100%;overflow-wrap:break-word;overflow-x:clip;position:relative}
a{color:var(--color_link);transition:opacity .2s}
a:hover{opacity:.78}
.l-article{max-width:var(--article_size);padding-left:0;padding-right:0}
.-sidebar-off .l-article,.lp-content .l-article{margin-left:auto;margin-right:auto}
.l-container{margin-left:auto;margin-right:auto;max-width:calc(var(--container_size, 0px) + var(--swl-pad_container, 0px)*2);padding-left:var(--swl-pad_container,0);padding-right:var(--swl-pad_container,0)}
.l-content{margin:0 auto 6em;padding-top:2em;position:relative;z-index:1}
.l-header{background:var(--color_header_bg);left:0;top:0;z-index:100;box-shadow:0 1px 4px rgba(0,0,0,.12)}.l-header,.l-header__inner{position:relative;width:100%}.l-header__inner{color:var(--color_header_text);z-index:1}
.l-header__bar{background:var(--color_main);color:#fff;font-size:12px;padding:4px 0}
.l-header__barInner{display:flex;align-items:center;justify-content:space-between}
.c-catchphrase{font-size:.75em;letter-spacing:.5px;opacity:.88}
.c-iconList{display:flex;list-style:none;gap:8px}.c-iconList__link{color:inherit;background:none;border:none;cursor:pointer;font-size:14px;padding:2px 6px}
.c-headLogo.-txt{align-items:center;display:flex}
.c-headLogo.-img{align-items:center;display:flex}
.c-headLogo__link{display:block;text-decoration:none}
.-txt .c-headLogo__link{color:inherit;display:block;font-size:5vw;font-weight:700;letter-spacing:-.3px}
.-img .c-headLogo__link{height:100%;display:block}
.c-headLogo__img{height:var(--logo_size_sp);width:auto;display:block}
.c-gnav{display:flex;height:100%;text-align:center}.c-gnav a{text-decoration:none}.c-gnav .ttl{color:inherit;line-height:1;position:relative;z-index:1}.c-gnav>.menu-item{height:100%;position:relative}.c-gnav>.menu-item>a{color:inherit;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 12px;position:relative;white-space:nowrap}
.c-gnav a::after{content:"";position:absolute;bottom:0;left:0;background:var(--color_main);width:100%;height:2px;transform:scaleX(0);transition:transform .25s}
.c-gnav > .menu-item:hover > a::after{transform:scaleX(1)}
.l-mainContent{position:static!important;width:100%}.-sidebar-on .l-mainContent{max-width:100%}
#sidebar{font-size:var(--swl-fz--side);position:relative}
.p-mainVisual{position:relative;overflow:hidden}
.p-mainVisual.-height-set{height:56vw;min-height:300px;max-height:520px}
.p-mainVisual__inner{position:relative;width:100%;height:100%}
.c-filterLayer{position:relative;overflow:hidden}
.p-mainVisual__imgLayer{position:absolute;top:0;left:0;width:100%;height:100%}
.c-filterLayer__img{width:100%;height:100%}
.p-mainVisual__img{width:100%;height:100%;object-fit:cover;display:block}
.-texture-dot::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);z-index:1;pointer-events:none}
.p-mainVisual__textLayer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:100%;padding:0 4vw}
.p-mainVisual__slideTitle{font-size:6.2vw;font-weight:700;line-height:1.28;margin-bottom:10px;text-shadow:1px 1px 3px rgba(0,0,0,.4)}
.p-mainVisual__slideText{font-size:3.4vw;line-height:1.5;margin-bottom:1.6em;opacity:.88}
.p-mainVisual__btn{display:inline-block}
.c-mvBtn__btn{background-color:var(--color_main);border-radius:40px;box-shadow:0 1px 4px rgba(0,0,0,.1);display:inline-block;font-size:3.2vw;letter-spacing:1px;overflow:hidden;padding:.75em 2.5em;position:relative;text-decoration:none;text-shadow:none;transition:box-shadow .25s,opacity .25s;color:#fff}
.c-mvBtn__btn:hover{opacity:.85;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.c-mvBtn__btn:after{animation:shiny_btn 3s ease-in-out infinite;background-image:linear-gradient(100deg,hsla(0,0%,100%,0),#fff);content:"";height:100%;left:-100px;position:absolute;top:0;width:50px}
@keyframes shiny_btn{0%{left:-100px;opacity:0}20%{left:120%;opacity:1}100%{left:120%;opacity:0}}
.p-mainVisual__scroll{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);color:#fff;font-size:11px;letter-spacing:2px;z-index:3;opacity:.65}
.u-ta-c{text-align:center}
.u-thin{opacity:.78}
.u-obf-cover{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}
.post_content{line-height:1.8;margin:0;max-width:100%;padding:0}
.post_content>*{clear:both;margin-bottom:var(--swl-block-margin,2em)}
.post_content h2{font-size:1.2em;line-height:1.4;margin:3.5em 0 1.5em;position:relative;z-index:1;background:var(--color_htag);padding:.75em 1em;color:#fff}
.post_content h2::before{position:absolute;display:block;pointer-events:none;content:"";top:-4px;left:0;width:100%;height:calc(100% + 4px);box-sizing:content-box;border-top:solid 2px var(--color_htag);border-bottom:solid 2px var(--color_htag)}
.post_content>h2{margin-left:var(--swl-h2-margin--x,0);margin-right:var(--swl-h2-margin--x,0)}
.post_content h2:first-child{margin-top:0}
.post_content h3{font-size:1.05em;font-weight:700;line-height:1.4;margin:2.5em 0 1.2em;position:relative;padding:0 .5em .5em}
.post_content h3::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:repeating-linear-gradient(90deg,var(--color_htag) 0%,var(--color_htag) 29.3%,rgba(150,150,150,.2) 29.3%,rgba(150,150,150,.2) 100%)}
.post_content p{margin-bottom:1.4em}
.c-postTitle{margin:0 auto 2em}.c-postTitle__ttl{font-size:5vw;line-height:1.4;font-weight:700}
.p-postList.p-postList{list-style:none;margin-bottom:0;padding-left:0}
.p-postList.-type-card{display:flex;flex-wrap:wrap;margin-left:-.5em;margin-right:-.5em}
.-type-card .p-postList__item{margin-bottom:2.5em;margin-top:0;padding:0 .5em;width:50%}
.p-postList__item.p-postList__item:before{content:none}
.p-postList__link{color:inherit;display:block;position:relative;text-decoration:none;z-index:0}
.-type-card .p-postList__link{height:100%}
.p-postList__link:hover .p-postList__body{opacity:.72}
.p-postList__thumb.c-postThumb{overflow:hidden;position:relative;vertical-align:middle;border-radius:4px}
.c-postThumb__figure{margin:0;overflow:hidden;position:relative;width:100%;z-index:0}
.c-postThumb__figure:before{content:"";display:block;height:0;padding-top:var(--card_posts_thumb_ratio)}
.c-postThumb__img{transition:transform .4s}
.p-postList__link:hover .c-postThumb__img{transform:scale(1.04)}
.c-postThumb__cat{position:absolute;bottom:0;left:0;background:var(--color_main);color:#fff;font-size:10px;padding:3px 10px;z-index:1;line-height:1.4}
.c-postThumb__cat .bi{font-size:9px;margin-right:2px}
.p-postList__body{position:relative;transition:opacity .25s}
.-type-card .p-postList__body{padding-top:.9em}
.p-postList .p-postList__title{background:none;border:none;color:inherit;display:block;font-weight:700;line-height:1.5;margin:0;padding:0}
.-type-card .p-postList__title{font-size:3.6vw}
.p-postList__meta{align-items:center;display:flex;flex-wrap:wrap;font-size:10px;line-height:1.25;margin-top:.7em;position:relative;color:#888}
.p-postList__meta .bi{font-size:10px;margin-right:3px;vertical-align:-1px}
.c-postTimes{align-items:center;display:flex;flex-wrap:wrap;gap:.5em}
.c-widget+.c-widget{margin-top:2em}
.c-widget__title{font-size:4vw;font-weight:700;margin-bottom:1.5em;overflow:hidden;position:relative}
.c-widget__title.-side{padding:.5em .75em;border-radius:2px;background:var(--color_main);color:#fff}
.c-widget__title.-spmenu{font-size:14px;font-weight:700;padding:.5em 0;letter-spacing:2px;color:var(--color_main)}
.c-listMenu.c-listMenu li{margin:0;position:relative;list-style:none}
.c-listMenu a{border-bottom:1px solid var(--color_border);color:inherit;display:block;line-height:1.4;position:relative;text-decoration:none;padding:.75em .25em}
.c-listMenu a:hover{background-color:var(--swl-color_hov_gray)}
.c-footerNavi{display:flex;flex-wrap:wrap;justify-content:center;gap:.8em 1.5em;list-style:none;padding:0;margin:0 0 14px}
.c-footerNavi a{color:inherit;text-decoration:none;font-size:13px}
.c-footerNavi a:hover{text-decoration:underline}
.l-footer{background:var(--color_footer_bg);color:var(--color_footer_text);border-top:1px solid var(--color_border);padding:2em 0 1.25em}
.l-footer__inner{text-align:center}
.copyright{font-size:12px;color:#888;margin:0}
.p-fixBtnWrap{align-items:flex-end;bottom:1.25em;display:flex;flex-direction:column;opacity:0;position:fixed;right:1em;text-align:center;transform:translateY(-8px);transition:opacity .3s,transform .3s,visibility .3s;visibility:hidden;z-index:99}
.c-fixBtn{align-items:center;background:#fff;border:1px solid var(--color_main);border-radius:50%;box-shadow:var(--swl-box_shadow);color:var(--color_main);cursor:pointer;display:flex;flex-direction:column;height:52px;justify-content:center;letter-spacing:normal;line-height:1;opacity:.75;overflow:hidden;text-align:center;transition:all .25s;width:52px;font-size:16px}
.c-fixBtn:hover{opacity:1;background:var(--color_main);color:#fff}
.p-spMenu{position:fixed;top:0;right:0;width:100%;height:100%;z-index:200;pointer-events:none;visibility:hidden}
.p-spMenu.is-opened{pointer-events:auto;visibility:visible}
.p-spMenu__inner{position:fixed;top:0;right:0;width:80%;max-width:320px;height:100%;background:#fff;z-index:201;transform:translateX(100%);transition:transform .35s ease;overflow-y:auto;padding:1em 1.5em 2em}
.p-spMenu.is-opened .p-spMenu__inner{transform:translateX(0)}
.p-spMenu__closeBtn{text-align:right;margin-bottom:.8em}
.p-spMenu__closeBtn button{font-size:20px;cursor:pointer;color:#333;padding:4px 8px}
.p-spMenu__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);z-index:200;opacity:0;transition:opacity .35s;pointer-events:none}
.p-spMenu.is-opened .p-spMenu__overlay{opacity:1;pointer-events:auto}
.p-spMenu__nav .c-listMenu{padding:0;margin:0}
.p-spMenu__nav .c-listMenu a{padding:.8em .5em;font-size:15px}
.l-header__menuBtn{display:none}
.l-header__gnav{display:none}
.pc_{display:none}
.sp_{display:block}
@media (min-width:600px){
:root{--swl-fz--root:16px;--swl-fz--content:16px;--swl-h2-margin--x:-16px}
.l-content{padding-top:4em}
.-txt .c-headLogo__link{font-size:24px}
.c-mvBtn__btn{font-size:14px}
.c-widget__title{font-size:16px}
.-type-card .p-postList__title{font-size:15px}
.p-mainVisual__slideTitle{font-size:32px}
.p-mainVisual__slideText{font-size:15px}
.post_content h2{font-size:1.2em}
.c-postTitle__ttl{font-size:24px}
}
@media (min-width:960px){
:root{--swl-fz--side:14px;--swl-pad_post_content:16px;--swl-pad_container:32px}
.-sidebar-on .l-content{display:flex;flex-wrap:wrap;justify-content:space-between}
.c-headLogo{height:var(--logo_size_pc)}
.c-headLogo__img{height:var(--logo_size_pc)}
.-sidebar-on .l-mainContent{width:calc(100% - var(--swl-sidebar_width) - var(--swl-sidebar_margin))}
#sidebar .c-widget+.c-widget{margin-top:2.5em}
.-sidebar-on #sidebar{width:var(--swl-sidebar_width)}
.l-header__gnav{display:flex;align-items:center;height:100%}
.l-header__menuBtn{display:none}
.l-header__inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.pc_{display:block}
.sp_{display:none}
.p-mainVisual.-height-set{height:420px;max-height:420px}
}
@media (min-width:1200px){
:root{--swl-sidebar_width:304px;--swl-sidebar_margin:52px;--swl-pad_container:48px}
}
@media not all and (min-width:960px){
.l-header[data-spfix="1"]{position:sticky;top:0}
.l-header__inner{align-items:center;display:flex;justify-content:space-between;padding:0;height:52px}
.l-header__logo{padding:0 2vw}
.l-header__menuBtn{display:flex;align-items:center;padding-right:2vw}
.l-header__menuBtn button{font-size:24px;cursor:pointer;color:var(--color_header_text)}
}