:root{--navy:#143b5d;--blue:#1f6f9d;--sky:#e9f6fa;--green:#4b826c;--leaf:#b4d87c;--orange:#ed6b35;--cream:#fffdf7;--ink:#20303d;--muted:#526777}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:"Noto Sans JP",sans-serif;color:var(--ink);font-size:16px}body.large-text{font-size:19px}a{text-decoration:none;color:inherit}.header{height:80px;padding:0 clamp(20px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:var(--cream);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900;letter-spacing:-.06em}.brand-mark{background:var(--navy);width:34px;height:34px;border-radius:50%;color:var(--leaf);display:grid;place-items:center;font-family:Georgia,serif;font-size:19px;letter-spacing:0}.brand small{font:8px "Noto Sans JP",sans-serif;display:block;letter-spacing:.12em;color:var(--blue)}.nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:700}.nav>a:not(.nav-cta):hover{text-decoration:underline;text-underline-offset:6px}.nav-cta{color:white;background:var(--orange);padding:11px 15px;border-radius:99px}.font-control{border:1px solid #aab6bc;background:white;border-radius:99px;padding:8px 10px;color:var(--ink);font:600 12px "Noto Sans JP",sans-serif;cursor:pointer}.menu-button{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hero{height:min(700px,calc(100vh - 80px));min-height:570px;position:relative;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(255,253,247,.96) 0%,rgba(255,253,247,.84) 40%,rgba(255,253,247,.12) 72%,rgba(255,253,247,.05))}.hero-content{position:relative;z-index:2;padding:clamp(65px,10vw,135px) clamp(24px,12vw,190px);max-width:830px}.hero-label,.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.hero-label:before{content:"";width:9px;height:9px;background:var(--orange);display:inline-block;border-radius:50%;margin-right:8px}.hero h1,h2,h3,p{margin-top:0}.hero h1,.section h2,.join h2{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:900;letter-spacing:-.075em}.hero h1{font-size:clamp(42px,5.3vw,76px);line-height:1.25;margin:17px 0 23px;color:var(--navy)}em{font-style:normal;color:var(--orange)}.hero-sub{font-size:17px;line-height:1.9;font-weight:600;color:#3c566b}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:31px}.button{display:inline-flex;align-items:center;gap:18px;border-radius:99px;padding:15px 18px 15px 23px;font-weight:800;font-size:14px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:21px;line-height:1}.button-orange{color:white;background:var(--orange)}.hero-link{font-size:14px;font-weight:800;border-bottom:2px solid var(--navy);padding-bottom:5px}.hero-link span{font-size:19px;margin-left:7px}.hero-credit{position:absolute;z-index:2;bottom:16px;right:30px;color:white;font:9px monospace;letter-spacing:.08em}.section{padding:110px clamp(24px,12vw,190px)}.vision{background:#f6faf5;display:grid;grid-template-columns:1fr 1fr;column-gap:95px;row-gap:65px}.section h2{font-size:clamp(35px,4.1vw,60px);line-height:1.28;margin:13px 0 0;color:var(--navy)}.section h2 span{color:var(--green)}.vision-content{padding-top:38px;max-width:540px}.vision-content p{color:#405563;line-height:2;font-size:15px}.vision-lead{font-size:19px!important;font-weight:700!important;color:var(--navy)!important;line-height:1.8!important}.marker{background:linear-gradient(transparent 63%,#ffca91 0);font-weight:800;color:var(--ink)}.stats{display:flex;align-items:center;margin:32px 0}.stat strong{font:900 clamp(49px,5vw,73px) Georgia,serif;letter-spacing:-.08em;color:var(--orange)}.stat strong span{font-size:.48em}.stat p{font-size:12px;margin:2px 0!important}.stat-divider{height:65px;width:1px;background:#bed0c1;margin:0 48px}.everyday{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cbdacb}.everyday-item{text-align:center;padding:23px 10px;border-right:1px solid #cbdacb}.everyday-item:last-child{border:0}.everyday-item span{display:block;font-size:29px}.everyday-item b{display:block;color:var(--navy);margin:7px 0 2px}.everyday-item small{font-size:11px;color:var(--muted)}.missions{background:var(--navy);color:white}.mission-heading{display:flex;justify-content:space-between;align-items:end}.mission-heading .eyebrow{color:#95c8df}.mission-heading h2{color:white}.mission-heading h2 span{color:var(--leaf)}.mission-heading>p{line-height:1.9;color:#d8e8ef;font-size:14px;margin:0}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.mission-card{padding:27px;min-height:370px;border-radius:18px;color:var(--ink);position:relative}.mission-card.design{background:#f2c880}.mission-card.sns{background:#a8d9d0}.mission-card.digital{background:#f4a177}.mission-number{font:11px monospace;letter-spacing:.1em}.mission-icon{font:65px Georgia,serif;line-height:1;margin:32px 0 22px}.mission-card h3{font-size:27px;line-height:1.4;letter-spacing:-.06em;margin-bottom:13px}.mission-card p{font-size:14px;line-height:1.8}.mission-card ul{position:absolute;bottom:18px;display:flex;gap:7px;padding:0;margin:0;list-style:none;flex-wrap:wrap}.mission-card li{font-size:11px;border:1px solid #263b45;border-radius:99px;padding:5px 8px}.winwin{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;padding:110px clamp(24px,12vw,190px);background:#fff6e6}.winwin h2{font-size:clamp(37px,4vw,58px);line-height:1.3;color:var(--navy);margin:13px 0 22px}.winwin-copy>p:last-child{line-height:1.9;color:#445966;max-width:420px}.benefits{display:grid;gap:12px}.benefits>div{background:white;padding:20px 22px 21px 83px;position:relative;border-radius:13px;min-height:106px}.benefits span{position:absolute;left:22px;top:20px;font:11px monospace;color:var(--orange)}.benefits i{position:absolute;left:21px;bottom:17px;width:36px;height:36px;border-radius:50%;background:var(--leaf);font-style:normal;display:grid;place-items:center;font-size:18px}.benefits h3{font-size:18px;margin:0 0 7px;color:var(--navy)}.benefits p{font-size:13px;line-height:1.8;margin:0;color:var(--muted)}.guide{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;background:#e8f5f3}.guide-copy p{max-width:430px;line-height:1.9;color:#445966;font-size:14px}.guide-copy strong{color:var(--green)}.button-blue{background:var(--blue);color:white;margin-top:10px}.download-link{display:block;width:max-content;margin:16px 0 0;font-size:13px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:3px}.guide-image-wrap{position:relative;transform:rotate(2deg);max-width:620px;margin:auto}.guide-image-wrap img{display:block;width:100%;box-shadow:14px 14px 0 rgba(20,59,93,.2);border-radius:5px}.tape{position:absolute;top:-13px;left:40%;z-index:2;padding:5px 18px;background:#f2c880;transform:rotate(-3deg);font:700 10px monospace;letter-spacing:.1em}.members{background:var(--cream)}.members-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.members-intro>p:last-child{line-height:1.9;color:#445966;margin:0;max-width:410px}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.member{border-radius:16px;overflow:hidden;border:1px solid #dbe2df;background:white}.portrait{height:160px;display:grid;place-items:center;position:relative}.portrait span{width:86px;height:86px;border:3px solid var(--navy);border-radius:50%;display:grid;place-items:center;font:30px Georgia,serif;color:var(--navy);background:rgba(255,255,255,.5)}.portrait small{position:absolute;bottom:10px;right:12px;font-size:10px;color:#526777;background:white;border-radius:99px;padding:4px 7px}.portrait-kazuki{background:linear-gradient(135deg,#c2e3df,#e3f1d5)}.portrait-aoha{background:linear-gradient(135deg,#f5c882,#f9dfbb)}.portrait-noriko{background:linear-gradient(135deg,#b6d9ed,#d9eef5)}.member-body{padding:22px}.role{font:10px monospace;letter-spacing:.1em;color:var(--orange);margin-bottom:9px}.member h3{font-size:23px;margin:0 0 3px;color:var(--navy)}.affiliation{font-size:12px;color:#62737d;margin-bottom:21px}.member dl{margin:0}.member dl>div{padding-top:11px;border-top:1px solid #dde4e3;margin-top:10px}.member dt{font-size:11px;font-weight:800;color:var(--green);margin-bottom:4px}.member dd{font-size:12px;line-height:1.8;margin:0;color:#445966}.photo-note{font-size:11px;color:#607079;margin:20px 0 0}.join{position:relative;overflow:hidden;padding:110px 24px;text-align:center;background:var(--green);color:white}.join-content{position:relative;z-index:1}.join .eyebrow{color:#e7f4d1}.join h2{font-size:clamp(38px,4.8vw,65px);line-height:1.25;margin:13px 0 20px}.join h2 span{color:#f7c56e}.join-content>p:not(.eyebrow):not(.line-notice){line-height:1.9;color:#eff7e5}.join-tags{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:28px 0}.join-tags span{border:1px solid #dcedcf;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:700}.join-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.disabled{background:#f2f5ec;color:#708271;cursor:default}.disabled:hover{transform:none}.disabled b{background:#06c755;border-radius:5px;color:white;padding:2px 4px;font-size:11px}.line-notice{font-size:11px;margin:15px 0 0;color:#dbeacd!important}.join-orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.25)}.orb-one{width:450px;height:450px;left:-220px;bottom:-255px}.orb-two{width:320px;height:320px;right:-120px;top:-160px}.footer{padding:42px clamp(24px,5vw,78px);display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;background:#102f49;color:white}.footer .brand-mark{background:var(--leaf);color:var(--navy)}.footer .brand small{color:#a9c6d5}.footer p,.footer small{font-size:11px;color:#b9d0db;margin:0}.footer>div{display:flex;gap:16px;font-size:12px;font-weight:700}.footer>div a:hover{text-decoration:underline}
@media(max-width:850px){.header{height:72px;padding:0 20px}.nav{display:none;position:absolute;top:64px;right:15px;padding:17px;background:white;box-shadow:0 8px 24px #183a4c33;border-radius:14px;flex-direction:column;align-items:stretch;gap:15px}.nav.open{display:flex}.menu-button{width:43px;height:43px;border:0;border-radius:50%;background:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.menu-button span:not(.sr-only){height:1.5px;width:17px;background:white}.hero{height:670px;min-height:0}.hero-image{object-position:63% center}.hero-shade{background:linear-gradient(90deg,rgba(255,253,247,.96),rgba(255,253,247,.77) 62%,rgba(255,253,247,.18))}.hero-content{padding:70px 24px}.hero h1{font-size:45px}.hero-sub{font-size:15px}.hero-actions{display:block}.hero-link{display:block;width:max-content;margin-top:22px}.section,.winwin{padding:75px 24px}.vision,.winwin,.guide{grid-template-columns:1fr;gap:35px}.vision-content{padding-top:0}.vision-lead{font-size:17px!important}.everyday{grid-template-columns:repeat(2,1fr);gap:0}.everyday-item:nth-child(2){border-right:0}.everyday-item:nth-child(-n+2){border-bottom:1px solid #cbdacb}.mission-heading,.members-intro{display:block}.mission-heading>p{margin-top:20px}.mission-grid,.member-grid{grid-template-columns:1fr;margin-top:32px}.mission-card{min-height:300px}.mission-icon{margin:16px 0}.winwin{gap:35px}.guide-image-wrap{margin-top:10px}.members-intro>p:last-child{margin-top:18px}.join{padding:80px 24px}.join h2{font-size:43px}.footer{grid-template-columns:1fr;gap:20px}.footer>div{flex-wrap:wrap}.footer small{margin-top:8px}}

/* 若者の参加イメージを伝えるビジュアルと、参加メリットの強調 */
.winwin-visual{margin:34px 0 0;border-radius:18px;overflow:hidden;box-shadow:12px 14px 0 rgba(237,107,53,.20)}
.winwin-visual img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.benefits>div{padding:27px 28px 27px 75px;min-height:126px}
.benefits i{display:none}
.benefits span{left:24px;top:27px;font-size:12px}
.benefits h3{font-size:24px;line-height:1.25;margin-bottom:9px}
.benefits p{font-size:14px;line-height:1.85}
@media(max-width:850px){.winwin-visual{margin-top:28px}.benefits>div{padding:24px 22px 24px 64px;min-height:0}.benefits h3{font-size:22px}}