:root{--section-pad:80px;--green:#234f3d;--ink:#222d26;--sage:#e8efe3;--paper:#faf9f3;--hand:"Klee One",serif}@media (width<=760px){:root{--section-pad:56px}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}@media (width<=760px){html{scroll-padding-top:15px}}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans JP,sans-serif;font-size:16px;line-height:1.85}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #bd9b46}img{object-fit:cover;width:100%;display:block}h1,h2,h3,p{margin:0}h2{font-size:clamp(25px,2.5vw,36px);line-height:1.6}h3{font-size:18px;line-height:1.6}.hand{font-family:var(--hand);letter-spacing:.035em;font-weight:600}.wrap{width:min(1240px,90%);margin:auto}.nowrap{display:inline-block}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.button{background:var(--green);color:#fff;border:1px solid #527965;border-radius:9px;justify-content:center;align-items:center;gap:35px;min-height:48px;padding:12px 27px;font-size:16px;font-weight:500;line-height:1.5;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 2px #143b2a18}.button:hover{background:#37694f;transform:translateY(-2px)}.button.small{gap:18px;min-height:44px;padding:10px 20px;font-size:14px}.button.light{color:var(--green);background:#fff;border-color:#fff}.button.light:hover{background:#eef4ea}.button.outline{color:var(--green);border:1.5px solid var(--green);box-shadow:none;background:0 0;border-radius:10px;gap:14px;min-height:60px;padding:16px 40px;font-weight:700}.button.outline:hover{background:#eef4ea;transform:translateY(-2px)}@media (width<=760px){.button{font-size:15px}}.crop{aspect-ratio:1.5;background-image:url(/assets/reference.jpg);background-position:5.4% 40.3%;background-repeat:no-repeat;background-size:613%;width:100%;display:block}.crop1{background-position:27.7% 40.3%}.crop2{background-position:50% 40.3%}.crop3{background-position:72.4% 40.3%}.crop4{background-position:94.7% 40.3%}.resource-art{background:#e9ede2;border-radius:4px;height:150px;margin-bottom:12px;position:relative;overflow:hidden}@media (width<=760px){.resource-art{grid-row:1/4;height:160px;margin:0}}.paper{background:linear-gradient(135deg,#d8ddd5,#efede4);justify-content:center;align-items:center;display:flex}.paper>span{font-family:var(--hand);background:#fffdf4;padding:10px 35px;font-size:16px;line-height:1.6;transform:rotate(-10deg);box-shadow:0 5px 10px #223a2815}@media (width<=760px){.paper>span{padding:15px;font-size:14px}}.paper b{color:#598163;margin-top:10px;font-size:12px;display:block}.badge{color:#fff;z-index:2;background:#345d47;border-radius:3px;padding:1px 8px;font-size:12px;position:absolute;top:10px;right:10px}.bars{background:#edf0e9;justify-content:center;align-items:flex-end;gap:12px;padding:40px 30px 20px;display:flex}.bars i{background:#759e80;width:18px;height:75%}.bars i:nth-of-type(2){height:55%}.bars i:nth-of-type(3){height:85%}.bars i:nth-of-type(4){height:45%}.bars i:nth-of-type(5){height:65%}@media (width<=760px){.bars{gap:7px;padding:40px 16px 20px}}.rings{place-items:center;display:grid}.ring{background:conic-gradient(#375f48 0 30%, #96b198 30% 70%, #ccd9c6 70%);border:16px solid #e2e8db;border-radius:50%;width:105px;height:105px}.resource-art.line:before{content:"";background:#c7d2c4;height:3px;position:absolute;top:50%;left:14%;right:14%;transform:translateY(-50%)}.resource-art.line i{background:var(--green);border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%)}.resource-art.line i:nth-child(2){left:20%}.resource-art.line i:nth-child(3){background:#b8862b;left:44%}.resource-art.line i:nth-child(4){left:66%}.resource-art.line i:nth-child(5){background:#5c6f5f;left:84%}.landscape{clip-path:polygon(0 8%,12% 4%,25% 8%,45% 0,64% 4%,83% 2%,100% 6%,100% 100%,0 100%);height:250px;position:relative;overflow:hidden}.landscape img{object-position:50% 58%;height:100%}@media (width<=760px){.landscape{height:180px}}.filter-chips{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.chip{color:var(--green);background:#fff;border:1px solid #b9c9b7;border-radius:99px;padding:6px 14px;font-size:13px;line-height:1.4}.chip.is-active{background:var(--green);border-color:var(--green);color:#fff}.cat-tag{color:var(--green);background:#e8efe3;border-radius:3px;margin-bottom:6px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.prose{max-width:760px}.prose section{margin-bottom:48px;padding-top:8px}.prose h2{color:var(--green);border-bottom:2px solid #dfe8d8;margin-bottom:18px;padding-bottom:8px;font-size:clamp(23px,2.2vw,29px)}.prose p{margin-bottom:1.1em;font-size:16px;line-height:2}.action-list,.step-list{counter-reset:n;gap:14px;margin:0 0 1.2em;padding:0;list-style:none;display:grid}.action-list li,.step-list li{counter-increment:n;background:#fff;border-radius:8px;padding:20px 22px 8px 66px;position:relative;box-shadow:0 2px 10px #20492b0d}.action-list li:before,.step-list li:before{content:counter(n);background:var(--green);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:grid;position:absolute;top:20px;left:20px}.action-list h3,.step-list h3{margin-bottom:6px;font-size:17px;line-height:1.6}.action-list p,.step-list p{font-size:15px;line-height:1.9}@media (width<=760px){.action-list li,.step-list li{padding:18px 16px 6px 58px}.action-list li:before,.step-list li:before{top:18px;left:14px}}.step-list li:not(:last-child):after{content:"";background:#b8cbb3;width:2px;height:14px;position:absolute;bottom:-14px;left:35px}@media (width<=760px){.step-list li:not(:last-child):after{left:29px}}.goal{background:linear-gradient(120deg,#e8efe0,#f2f5ea);border-radius:10px;padding:28px 30px 12px}.goal h2{border-bottom-color:#cfdcc8}@media (width<=760px){.goal{padding:22px 18px 8px}}.check-list{background:#f3f7f0;border:1px solid #dfe8d8;border-radius:6px;margin:0 0 1em;padding:18px 22px 6px;list-style:none}.check-list li{margin-bottom:12px;padding-left:22px;font-weight:600;line-height:1.7;position:relative}.check-list li:before{content:"";background:var(--green);border-radius:50%;width:10px;height:10px;position:absolute;top:.6em;left:0}.prose .source-list{padding-left:1.2em;font-size:14px}.prose .source-list li{margin-bottom:6px}.source-list a{color:var(--green)}.note-small a,.next-link{color:var(--green);font-size:14px}.next-link{margin-top:8px}.page-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;padding:36px 0 56px;display:grid}.page-hero h1{margin-bottom:20px;font-size:clamp(28px,3.4vw,44px);line-height:1.55}@media (width<=900px){.page-hero{grid-template-columns:1fr;gap:28px;padding-bottom:36px}}.page-lead{font-size:17px;line-height:1.95}@media (width<=760px){.page-lead{font-size:15px}}.page-subtitle{color:#5c6f5f;margin-top:14px;font-size:13px}.page-hero-media>img,.page-hero-media>.crop,.page-hero-media>.resource-art{aspect-ratio:1.5;border-radius:8px;width:100%;height:auto;transform:rotate(1.2deg);box-shadow:0 12px 30px #20492b1f}.page-hero-media>.crop{background-size:613%}@media (width<=900px){.page-hero-media{order:0}}.page-body{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:56px;padding-bottom:64px;display:grid}@media (width<=900px){.page-body{grid-template-columns:1fr;gap:24px}}.page-badge{background:var(--green);color:#fff;border-radius:4px;margin-bottom:14px;padding:3px 12px;font-size:13px;font-weight:600;display:inline-block}.page-sub{color:var(--green);margin:-4px 0 14px;font-size:18px;font-weight:700}@media (width<=760px){.pc{display:none}}.subpage h1,.subpage h2,.subpage h3{letter-spacing:.01em;font-family:Noto Sans JP,sans-serif;font-weight:700}.subpage .page-hero{grid-template-columns:1fr;gap:28px;padding:22px 0 48px}.subpage .page-hero h1{color:var(--ink);margin-bottom:14px;font-size:clamp(28px,3.6vw,42px);line-height:1.45}.subpage .page-hero-copy{max-width:820px}.subpage .page-lead{color:#3e4a41;font-size:16px;line-height:1.95}.subpage .page-hero-media>img,.subpage .page-hero-media>.crop,.subpage .page-hero-media>.resource-art{aspect-ratio:2.3;box-shadow:none;border-radius:6px;transform:none}.subpage .prose h2{color:var(--ink);border-bottom:0;margin-bottom:14px;padding-bottom:0;font-size:clamp(21px,2.2vw,26px)}.subpage .prose section{margin-bottom:44px}.subpage .action-list li{box-shadow:none;background:#f3f7f0;border:1px solid #dfe8d8;border-radius:6px}.subpage .action-list h3{font-size:16px}.subpage .goal{background:#f3f7f0;border:1px solid #dfe8d8;border-radius:6px}.subpage .breadcrumb{padding-top:22px}@media (width<=760px){.subpage .page-hero-media>img,.subpage .page-hero-media>.crop{aspect-ratio:1.6}}.brand:where(.astro-2abpm7aj){align-items:center;gap:23px;display:flex}.brand:where(.astro-2abpm7aj) strong:where(.astro-2abpm7aj){letter-spacing:.06em;font-family:Noto Sans JP,sans-serif;font-size:30px;font-weight:700;line-height:1.1}.brand:where(.astro-2abpm7aj) span:where(.astro-2abpm7aj){font-family:var(--hand);font-size:14px;font-weight:600;line-height:1.55}@media (width<=1100px){.brand:where(.astro-2abpm7aj) span:where(.astro-2abpm7aj){display:none}}@media (width<=760px){.brand:where(.astro-2abpm7aj){gap:13px}.brand:where(.astro-2abpm7aj) strong:where(.astro-2abpm7aj){font-size:24px}.brand:where(.astro-2abpm7aj) span:where(.astro-2abpm7aj){font-size:11px;display:block}}.header:where(.astro-vwn3tmth){background:#faf9f3fa;justify-content:space-between;align-items:center;gap:25px;height:92px;padding:0 4%;display:flex}.header:where(.astro-vwn3tmth) nav:where(.astro-vwn3tmth){align-items:center;gap:26px;font-size:14px;font-weight:600;display:flex}.header:where(.astro-vwn3tmth) nav:where(.astro-vwn3tmth)>a:where(.astro-vwn3tmth):hover{color:#568263}.header:where(.astro-vwn3tmth) nav:where(.astro-vwn3tmth) a:where(.astro-vwn3tmth)[aria-current=page]{color:#568263;box-shadow:inset 0 -2px #568263}@media (width<=1100px){.header:where(.astro-vwn3tmth) nav:where(.astro-vwn3tmth){gap:15px}}@media (width<=760px){.header:where(.astro-vwn3tmth) nav:where(.astro-vwn3tmth){background:var(--paper);flex-direction:column;align-items:stretch;gap:16px;padding:24px;display:none;position:absolute;top:74px;left:0;right:0;box-shadow:0 10px 15px #19351a1a}.header:where(.astro-vwn3tmth) nav:where(.astro-vwn3tmth).open{display:flex}.header:where(.astro-vwn3tmth) nav:where(.astro-vwn3tmth)>a:where(.astro-vwn3tmth){padding:8px}.header:where(.astro-vwn3tmth){z-index:10;height:74px;padding:0 5%;position:relative}}.menu:where(.astro-vwn3tmth){display:none}@media (width<=760px){.menu:where(.astro-vwn3tmth){background:0 0;border:1px solid #c7d2c4;border-radius:5px;width:44px;height:44px;font-size:23px;display:block}}footer:where(.astro-qup6pdxl){background:var(--green);color:#fff;padding:30px 0 20px}.footer-main:where(.astro-qup6pdxl){justify-content:space-between;align-items:center;gap:25px;display:flex}.footer-main:where(.astro-qup6pdxl) nav:where(.astro-qup6pdxl){gap:25px;font-size:14px;display:flex}@media (width<=760px){.footer-main:where(.astro-qup6pdxl){flex-wrap:wrap}.footer-main:where(.astro-qup6pdxl) nav:where(.astro-qup6pdxl){flex-wrap:wrap;order:3;gap:15px 25px}}.top-link:where(.astro-qup6pdxl){border:1px solid #89a092;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.footer-bottom:where(.astro-qup6pdxl){color:#c9d7ca;justify-content:space-between;margin-top:25px;font-size:12px;display:flex}@media (width<=760px){.footer-bottom:where(.astro-qup6pdxl){flex-direction:column;gap:8px;font-size:12px}}dialog:where(.astro-7otk5typ){background:var(--paper);width:min(700px,92vw);max-height:85vh;color:var(--ink);border:0;border-radius:12px;padding:52px 40px 40px;box-shadow:0 20px 80px #17342044}dialog:where(.astro-7otk5typ)::backdrop{backdrop-filter:blur(3px);background:#102a22a6}dialog:where(.astro-7otk5typ) h2:where(.astro-7otk5typ){font-family:var(--hand);color:var(--green);margin-bottom:24px;font-size:29px}dialog:where(.astro-7otk5typ) h3:where(.astro-7otk5typ){margin:25px 0 10px}dialog:where(.astro-7otk5typ) p:where(.astro-7otk5typ){margin-bottom:15px}dialog:where(.astro-7otk5typ) ul:where(.astro-7otk5typ){padding-left:22px}dialog:where(.astro-7otk5typ) li:where(.astro-7otk5typ){margin-bottom:10px}@media (width<=760px){dialog:where(.astro-7otk5typ){padding:50px 23px 27px}dialog:where(.astro-7otk5typ) h2:where(.astro-7otk5typ){font-size:25px}}.close:where(.astro-7otk5typ){background:0 0;border:0;width:40px;height:40px;font-size:30px;position:absolute;top:10px;right:14px}
