:root{--ink:#203b32;--muted:#65746b;--green:#317057;--cream:#f7f7f1;--line:#dfe4dc;--white:#fff;--sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.8}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e9ac35;outline-offset:5px}img{display:block;max-width:100%}.shell{width:min(1160px,calc(100% - 96px));margin-inline:auto}.preview-note{height:30px;display:flex;align-items:center;justify-content:center;gap:20px;background:#263d33;color:#f5f7f1;font-size:10px;letter-spacing:.13em}.preview-note span{font-size:10px;letter-spacing:.04em;opacity:.8}.skip{position:absolute;top:-100px;left:15px;z-index:30;background:white;padding:12px}.skip:focus{top:5px}.header{height:112px;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:22px}.brand img{width:47px;height:auto}.brand>span{font-size:11px;letter-spacing:.07em;line-height:1.7;color:var(--muted)}.nav{margin-left:auto;display:flex;gap:32px;font-size:12px;font-weight:600}.nav a{padding:10px 0;border-bottom:1px solid transparent}.nav a:hover{border-color:var(--green)}.header-cta{display:flex;gap:27px;align-items:center;background:var(--cream);padding:11px 22px;font-size:12px;font-weight:700}.header-cta span{font-size:19px}.menu-button{display:none}.mobile-menu[hidden]{display:none}.hero{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:30px;padding-top:36px;padding-bottom:62px}.hero-copy{padding-bottom:16px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;margin:0 0 25px;line-height:1.5}.hero .eyebrow{display:flex;gap:10px;align-items:center}.eyebrow i{width:6px;height:6px;background:var(--green);border-radius:50%}h1{font-size:clamp(42px,4.55vw,65px);line-height:1.5;font-weight:600;letter-spacing:.03em;margin:0 0 25px}p{margin:0}.hero-text{font-size:14px;line-height:2.05;letter-spacing:.025em}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:35px}.button{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:17px 24px;font-size:13px;font-weight:600}.primary{background:var(--green);color:var(--white)}.primary:hover{background:#24553f}.button span{font-size:20px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;font-weight:600;padding:10px 0;border-bottom:1px solid #a5b3a8}.text-link:hover{border-color:var(--green)}.text-link span{font-size:18px}.area-note{margin-top:30px;font-size:10px;letter-spacing:.1em;color:var(--muted)}.area-note b{font-weight:400;padding:0 13px}.hero-photo{position:relative;margin:0;height:505px;isolation:isolate}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#132d2563,transparent 50%);z-index:-1}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:66% 50%;position:relative;z-index:-2}.hero-photo figcaption{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;color:white;align-items:center;font-size:10px;letter-spacing:.12em}.photo-label{position:absolute;right:26px;top:26px;writing-mode:vertical-rl;line-height:2;letter-spacing:.15em;font-size:12px;color:white;text-shadow:0 1px 6px #17352a80}.intro-bar{display:flex;align-items:center;gap:27px;padding-top:22px;padding-bottom:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro-bar p{font-size:15px;font-weight:600;letter-spacing:.05em}.intro-bar>span{font-size:11px;color:var(--muted)}.intro-bar>a{margin-left:auto;font-size:21px}.section{padding-block:100px}.section-top{display:flex;justify-content:space-between;gap:50px;align-items:center;margin-bottom:42px}h2{font-size:34px;letter-spacing:.04em;line-height:1.65;font-weight:500;margin:0}.section-description{font-size:13px;line-height:2.2;width:44%;padding-top:31px}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.scene-image{aspect-ratio:1.38;overflow:hidden}.scene-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.scene:hover img{transform:scale(1.035)}.scene-caption{padding-top:18px;display:flex;align-items:baseline;justify-content:space-between}h3{font-size:18px;font-weight:600;margin:0}.scene-caption span{font-size:9px;letter-spacing:.11em;color:var(--muted)}.scene-foot{display:flex;align-items:center;justify-content:space-between;margin-top:28px;gap:25px;font-size:11px;color:var(--muted)}.scene-foot small{font-size:10px}.scene-foot .text-link{color:var(--ink)}.how-section{background:var(--cream)}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps li{border-top:1px solid #c6d3c7;padding-top:23px}.step-number{font-family:Georgia,serif;font-size:40px;line-height:1.3;color:#719581}.steps h3{margin-block:22px 12px}.steps p{font-size:12px;line-height:2;color:var(--muted)}.registration-link{margin-top:47px;display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid #c6d3c7;border-bottom:1px solid #c6d3c7;font-size:12px}.registration-link span{font-size:11px}.registration-link b{font-weight:400;margin-left:35px;font-size:19px}.donation{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.donation h2{font-size:31px}.donation p:not(.eyebrow){margin-top:23px;font-size:12px;line-height:2.1;color:var(--muted)}.portal-links{border-top:1px solid var(--line)}.portal-links a{padding:21px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.portal-links a:hover{color:var(--green);padding-left:7px}.portal-links span{font-size:19px}.guide-section{background:var(--cream)}.guide-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding-block:65px}.guide-inner h2{font-size:25px}.guide-inner .eyebrow{margin-bottom:15px}.guide-links>a,.guide-links summary{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #c6d3c7;font-size:13px;cursor:pointer}.guide-links summary{list-style:none}.guide-links summary::-webkit-details-marker{display:none}.guide-links span{font-size:19px}.merchant-links{display:grid;padding:15px 0;gap:12px;font-size:12px}.merchant-links a:hover{text-decoration:underline}.footer{padding-top:55px;padding-bottom:30px}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.footer .brand img{width:38px}.footer .brand>span{font-size:11px}.backtop{border:1px solid var(--line);width:42px;height:42px;display:grid;place-items:center}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:25px}.footer-bottom nav{display:flex;gap:25px;font-size:10px;color:var(--muted)}.footer-bottom small{font-size:9px;color:var(--muted)}
@media(min-width:1500px){.hero{padding-top:55px}.hero-photo{height:565px}}
@media(max-width:1050px){.shell{width:calc(100% - 56px)}.header{gap:20px}.nav{gap:18px}.brand>span{display:none}.hero{gap:20px}.hero-photo{height:465px}h1{font-size:44px}.hero-actions{gap:16px}.button{padding:15px 18px;gap:16px;font-size:12px}.section{padding-block:80px}.section-description{width:45%}.donation{gap:45px}.scene-caption span{font-size:8px}}
@media(max-width:720px){.shell{width:calc(100% - 40px)}.preview-note{height:26px;font-size:8px;gap:12px}.preview-note span{font-size:8px}.header{height:85px;gap:18px}.brand img{width:38px}.nav{display:none}.header-cta{margin-left:auto;font-size:11px;padding:8px 14px;gap:15px}.menu-button{display:grid;gap:6px;background:none;border:0;padding:12px 0 12px 5px;cursor:pointer;width:29px}.menu-button span{display:block;height:1px;width:24px;background:var(--ink)}.mobile-menu{background:var(--cream);padding:10px 20px 25px;display:grid;gap:5px}.mobile-menu a{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.hero{grid-template-columns:1fr;gap:35px;padding-top:26px;padding-bottom:34px}.hero-copy{padding:0}.eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:clamp(34px,10.4vw,57px);line-height:1.5;margin-bottom:20px}.hero-text{font-size:12px;line-height:2}.hero-actions{margin-top:25px;gap:23px}.button{font-size:12px;padding:15px 18px;gap:20px}.text-link{font-size:11px;gap:17px}.area-note{margin-top:23px;font-size:9px}.area-note b{padding-inline:9px}.hero-photo{height:300px}.hero-photo figcaption{bottom:18px;left:18px;right:18px;font-size:9px}.photo-label{font-size:11px;top:22px;right:20px}.intro-bar{display:grid;grid-template-columns:1fr auto;gap:2px;padding-block:18px}.intro-bar p{font-size:13px}.intro-bar>span{font-size:10px;grid-column:1}.intro-bar>a{grid-column:2;grid-row:1/3}.section{padding-block:64px}.section-top{display:block;margin-bottom:30px}h2{font-size:28px;line-height:1.65}.section-description{width:auto;font-size:12px;padding-top:25px;line-height:2.1}.desktop-break{display:none}.scene-grid{gap:12px}.scene-image{aspect-ratio:.76}.scene-caption{padding-top:11px;display:block}.scene h3{font-size:14px}.scene-caption span{font-size:7px;letter-spacing:.03em}.scene-foot{display:block;margin-top:22px;font-size:10px}.scene-foot .text-link{margin-top:16px}.how-section .section-top .text-link{margin-top:17px}.steps{display:block}.steps li{display:grid;grid-template-columns:45px 1fr;gap:0 15px;padding-top:20px;margin-top:23px}.step-number{grid-row:1/3;font-size:30px}.steps h3{font-size:16px;margin:0 0 7px}.steps p{font-size:11px}.steps br{display:none}.registration-link{font-size:11px;margin-top:30px}.registration-link span{font-size:10px}.registration-link b{margin-left:12px}.donation{display:block}.donation h2{font-size:28px}.donation p:not(.eyebrow){font-size:11px;margin-top:20px}.portal-links{margin-top:30px}.portal-links a{font-size:12px;padding:18px 0}.guide-inner{display:block;padding-block:44px}.guide-inner h2{font-size:24px}.guide-links{margin-top:20px}.guide-links>a,.guide-links summary{font-size:12px;padding:16px 0}.footer{padding-top:35px;padding-bottom:24px}.footer .brand{gap:14px}.footer .brand img{width:32px}.footer .brand>span{display:block;font-size:9px}.footer-top{margin-bottom:25px}.footer-bottom{display:block;padding-top:20px}.footer-bottom nav{gap:10px 20px;flex-wrap:wrap;font-size:9px}.footer-bottom small{display:block;margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* 独立モックの利用者入口。ふるさと納税の案内・既存導線は維持。 */
.header-auth{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:600;white-space:nowrap}
.entry-login,.entry-register{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px}
.entry-login{border:1px solid var(--line)}.entry-register{background:var(--green);color:white}
.entry-login:hover{background:var(--cream)}.entry-register:hover{background:#24553f}
@media(max-width:1050px){.header-auth{gap:8px}.entry-login,.entry-register{padding-inline:12px}}
@media(max-width:720px){.header{height:auto;min-height:85px;flex-wrap:wrap;padding-block:17px;gap:12px 18px}.header-auth{order:5;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}.entry-login,.entry-register{min-height:42px;padding:9px 15px}.menu-button{order:4}}