/* Home: three support panels with a quiet graph-paper backdrop. */
.support-catalog{
 padding:72px 0 88px;
 background-color:#f0f7f3;
 background-image:linear-gradient(#93b4b31f 1px,transparent 1px),linear-gradient(90deg,#93b4b31f 1px,transparent 1px),linear-gradient(165deg,#eff8f2 0%,#eff6fb 52%,#f5eff9 100%);
 background-size:28px 28px,28px 28px,100% 100%;
 color:#344650;
}
.catalog-container{max-width:1200px;padding-inline:40px;margin:auto}
.catalog-heading{text-align:center;margin-bottom:65px}
.catalog-heading h2{font-size:2.25rem;line-height:1.65;letter-spacing:.045em;color:#344650}
.catalog-group{
 --catalog-accent:#51776c;--catalog-tint:#e2f0e8;--catalog-pale:#f0f7f3;--catalog-line:#d5e4dc;
 position:relative;isolation:isolate;background:#fff;border-radius:28px;
 padding:66px 60px 42px;scroll-margin-top:50px;
}
.catalog-group+.catalog-group{margin-top:72px}
.catalog-blue{--catalog-accent:#557c94;--catalog-tint:#e1edf6;--catalog-pale:#f0f6fa;--catalog-line:#d7e4ed}
.catalog-lavender{--catalog-accent:#806999;--catalog-tint:#eee5f6;--catalog-pale:#f6f1fa;--catalog-line:#e4daed}
.catalog-point{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:12px 28px;background:var(--catalog-accent);color:#fff;border-radius:99px;font-size:.875rem;line-height:1;letter-spacing:.13em;white-space:nowrap}
.catalog-point>span{font:400 1.875rem/1 Arial,sans-serif;letter-spacing:.02em}
.catalog-group-heading{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);align-items:center;gap:52px}
.catalog-copy{min-width:0}
.catalog-category{color:var(--catalog-accent);font-size:1rem;line-height:1.7;font-weight:700;letter-spacing:.05em;margin-bottom:12px}
.catalog-copy :is(h2,h3){color:#344650;font-size:clamp(1.65rem,2.55vw,2.125rem);font-weight:700;line-height:1.85;letter-spacing:.015em;overflow-wrap:anywhere}
.catalog-copy :is(h2,h3)>span{background:var(--catalog-tint);padding:2px 5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.catalog-intro{color:#5c727d;font-size:1rem;line-height:2;margin-top:21px}
.catalog-photo{position:relative;min-width:0;margin:0;padding:7px 5px 30px}
.catalog-photo-mat{background:var(--catalog-tint);padding:13px;border-radius:5px;transform:rotate(-4deg)}
.catalog-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:6px solid #fff;border-radius:3px}
.catalog-photo figcaption{position:absolute;right:-3px;bottom:9px;max-width:100%;padding:9px 15px;background:var(--catalog-pale);border:1px solid var(--catalog-line);color:var(--catalog-accent);font-size:.875rem;line-height:1.7;font-weight:600;transform:rotate(3deg)}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--catalog-line);margin-top:42px}
.catalog-item{display:block;min-width:0;border-bottom:1px solid var(--catalog-line);padding:27px 0;scroll-margin-top:40px;overflow-wrap:anywhere}
.catalog-item-heading{display:flex;align-items:flex-start;gap:13px}
.catalog-item-icon{flex:none;display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--catalog-pale);color:var(--catalog-accent)}
.catalog-item-icon:before{content:'';width:19px;height:19px;background:currentColor;-webkit-mask:var(--catalog-icon) center/contain no-repeat;mask:var(--catalog-icon) center/contain no-repeat}
.catalog-item h4{color:#344650;font-size:1.125rem;line-height:1.8;font-weight:700;margin:1px 0 0}
.catalog-item p{font-size:1rem;line-height:1.95;color:#5c727d;margin:12px 0 0}
.catalog-item:hover h4{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;color:var(--catalog-accent)}
.catalog-grid-3 .catalog-item:last-child{grid-column:1/-1}
.catalog-footer{display:flex;justify-content:center;margin-top:32px}
.catalog-detail-link{display:inline-flex;align-items:center;justify-content:center;gap:28px;max-width:100%;min-height:52px;padding:13px 29px;border:1px solid var(--catalog-accent);border-radius:99px;background:#fff;color:var(--catalog-accent);font-size:1rem;line-height:1.7;font-weight:500;transition:background .2s}
.catalog-detail-link>span{font-size:1.25rem;flex:none}
.catalog-detail-link:hover{background:var(--catalog-pale)}
@media(max-width:1000px){
 .catalog-container{padding-inline:5%}
 .catalog-group{padding:52px 36px 36px}
 .catalog-group-heading{gap:30px}
 .catalog-grid{gap:0 28px;margin-top:32px}
 .catalog-photo-mat{padding:10px}
 .catalog-photo figcaption{font-size:.8125rem;padding:7px 11px}
}
@media(max-width:700px){
 .support-catalog{padding:49px 0 58px;background-size:24px 24px,24px 24px,100% 100%}
 .catalog-container{padding-inline:5%}
 .catalog-heading{margin-bottom:50px}
 .catalog-heading h2{font-size:1.8125rem}
 .catalog-group{padding:43px 25px 29px;border-radius:23px}
 .catalog-group+.catalog-group{margin-top:56px}
 .catalog-point{padding:11px 24px;gap:11px;font-size:.8125rem}
 .catalog-point>span{font-size:1.625rem}
 .catalog-group-heading{grid-template-columns:1fr;gap:24px}
 .catalog-copy :is(h2,h3){font-size:clamp(1.45rem,5.7vw,1.875rem)}
 .catalog-category{font-size:.9375rem;margin-bottom:10px}
 .catalog-intro{margin-top:17px;line-height:1.95}
 .catalog-photo{width:88%;max-width:370px;margin:auto;padding-bottom:26px}
 .catalog-photo figcaption{font-size:.875rem}
 .catalog-grid{grid-template-columns:1fr;margin-top:28px;gap:0}
 .catalog-grid-3 .catalog-item:last-child{grid-column:auto}
 .catalog-item{padding:23px 0}
 .catalog-item-heading{gap:11px}
 .catalog-item h4{font-size:1.0625rem;line-height:1.8}
 .catalog-item p{margin-top:11px;line-height:1.9}
 .catalog-footer{margin-top:27px}
 .catalog-detail-link{font-size:.9375rem;gap:18px;padding:12px 22px}
}
@media(max-width:360px){
 .catalog-container{padding-inline:4%}
 .catalog-group{padding-inline:20px}
 .catalog-photo{width:94%}
 .catalog-photo figcaption{font-size:.8125rem}
 .catalog-detail-link{padding-inline:17px;gap:12px}
}
@media(prefers-reduced-motion:reduce){.catalog-detail-link{transition:none}}

.support-page-container{max-width:1200px;padding-inline:40px;margin:auto}
.support-page .desktop-nav [aria-current=page]{color:#557d75;border-bottom:2px solid #b7dfd1}
.support-page-intro{background:linear-gradient(110deg,#edf8f1,#eff7fc 52%,#f4eef9);padding:26px 0 53px}
.support-breadcrumb{display:flex;align-items:center;gap:14px;font-size:13px;color:#6b7c85;margin-bottom:40px}
.support-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.support-page-intro .section-label{margin-bottom:13px;font-size:15px}
.support-page-intro h1{font-size:46px;line-height:1.5;letter-spacing:.055em;color:#344650}
.support-page-intro h1+p{font-size:17px;line-height:1.95;margin-top:18px;color:#5d737c}
.support-page-index{position:sticky;top:0;z-index:4;display:flex;gap:13px;max-width:1200px;margin:0 auto;padding:15px 40px;background:#ffffffed;backdrop-filter:blur(10px);border-bottom:1px solid #e4eaf0}
.support-page-index a{flex:1;display:flex;justify-content:center;align-items:center;gap:12px;border-radius:6px;padding:15px 10px;font-size:16px;font-weight:600;color:#4e6976;line-height:1.5;transition:filter .2s}
.support-page-index a:hover{filter:brightness(.975)}
.support-page-index a span{font-family:Arial,sans-serif;font-size:15px;font-weight:400;color:#78988c}
.support-page-index .index-mint{background:#e8f4ee}
.support-page-index .index-blue{background:#e9f3fa}
.support-page-index .index-lavender{background:#f0eaf8}
.support-page-index .index-blue span{color:#7795b0}
.support-page-index .index-lavender span{color:#9680ac}















@media(max-width:1100px) and (min-width:821px){
 .support-page-container{padding-inline:4%}
 
 
}
@media(max-width:820px){
 .support-page-container{padding-inline:6%}
 .support-page-intro{padding:22px 0 34px}
 .support-breadcrumb{margin-bottom:29px}
 .support-page-intro h1{font-size:36px}
 .support-page-intro h1+p{font-size:16px;line-height:1.95;margin-top:16px}
 .support-page-index{padding:10px 5%;gap:8px}
 .support-page-index a{font-size:14px;gap:7px;padding:12px 7px}
 .support-page-index a span{font-size:13px}
 
 
 
 
 
 
 
 
}
@media(max-width:560px){
 .support-page-container{padding-inline:5.5%}
 .support-page-index{gap:6px;padding-inline:4%;align-items:stretch}
 .support-page-index a{flex-direction:column;gap:3px;font-size:13px;padding:9px 4px;text-align:center}
 .support-page-index a span{font-size:12px}
 .support-page-intro h1+p br{display:none}
 
 
 
 
 
}
@media(prefers-reduced-motion:reduce){.support-page-index a{transition:none}}

/* Support page: detail panels share the home "主な支援内容" design (graph paper / SUPPORT label / marker headline / tilted photo). */
.support-page-index a{border-radius:99px}
.detail-area{padding-top:84px}
.detail-panel{
 --catalog-accent:#51776c;--catalog-tint:#e2f0e8;--catalog-pale:#f0f7f3;--catalog-line:#d5e4dc;
 position:relative;isolation:isolate;background:#fff;border-radius:28px;padding:66px 60px 46px;scroll-margin-top:130px;
}
.detail-panel.catalog-blue{--catalog-accent:#557c94;--catalog-tint:#e1edf6;--catalog-pale:#f0f6fa;--catalog-line:#d7e4ed}
.detail-panel.catalog-lavender{--catalog-accent:#806999;--catalog-tint:#eee5f6;--catalog-pale:#f6f1fa;--catalog-line:#e4daed}
.detail-panel+.detail-panel{margin-top:80px}
.detail-panel .catalog-copy h2{color:#344650;font-size:clamp(1.65rem,2.55vw,2.125rem);font-weight:700;line-height:1.85;letter-spacing:.015em;overflow-wrap:anywhere}
.detail-topics{margin-top:46px;border-top:1px solid var(--catalog-line)}
.detail-topic{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:48px;padding:36px 0;border-bottom:1px solid var(--catalog-line);scroll-margin-top:120px;transition:background .3s}
.detail-topic-head{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:13px;row-gap:12px;align-content:start}
.detail-topic-num{font:400 .9375rem/1 Arial,sans-serif;letter-spacing:.08em;color:var(--catalog-accent)}
.detail-topic-head h3{grid-column:1/-1;color:#344650;font-size:1.3125rem;line-height:1.7;font-weight:700;margin:0;overflow-wrap:anywhere}
.detail-topic-body>p{font-size:1rem;line-height:2;color:#5c727d}
.detail-points{margin-top:20px;background:var(--catalog-pale);border-radius:14px;padding:18px 24px 20px}
.detail-points-label{font-size:.8125rem;font-weight:700;letter-spacing:.12em;color:var(--catalog-accent);margin-bottom:8px}
.detail-points ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.detail-points li{position:relative;padding-left:30px;font-size:1rem;line-height:1.85;color:#40555f}
.detail-points li:before{content:'';position:absolute;left:0;top:.3em;width:19px;height:19px;border-radius:50%;background:#fff;border:1px solid var(--catalog-line)}
.detail-points li:after{content:'';position:absolute;left:7px;top:calc(.3em + 5px);width:5px;height:8px;border:solid var(--catalog-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}
.detail-topic:target{background:linear-gradient(90deg,var(--catalog-pale),#fff 70%)}
@media(max-width:1000px){
 .detail-panel{padding:52px 36px 38px}
 .detail-topic{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:30px}
}
@media(max-width:700px){
 .detail-area{padding-top:64px}
 .detail-panel{padding:43px 25px 31px;border-radius:23px;scroll-margin-top:110px}
 .detail-panel+.detail-panel{margin-top:60px}
 .detail-panel .catalog-copy h2{font-size:clamp(1.45rem,5.7vw,1.875rem)}
 .detail-topics{margin-top:30px}
 .detail-topic{grid-template-columns:1fr;gap:14px;padding:26px 0;scroll-margin-top:100px}
 .detail-topic-head h3{font-size:1.1875rem}
 .detail-points{padding:15px 16px 17px;margin-top:16px}
 .detail-points li{font-size:.9375rem;padding-left:28px}
}
@media(max-width:360px){.detail-panel{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.detail-topic{transition:none}}