:root{--ink:#162320;--muted:#596862;--paper:#f5f6f0;--accent:#c7ef50;--line:#cdd5ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic",Meiryo,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #82ab18;outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:10;background:white}.header{height:80px;display:flex;align-items:center;gap:50px;padding:0 6%;background:#f8f9f4}.logo{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.06em;font-size:30px;line-height:1}.logo span{color:#718e21}.logo small{font-size:9px;letter-spacing:.08em;margin-left:4px}.header nav{display:flex;gap:32px;font-size:13px;font-weight:700}.header-link{margin-left:auto;font-size:12px;font-weight:700;border-bottom:1px solid;padding:8px 0}.header-link span,.text-link span{margin-left:22px}.hero{position:relative;overflow:hidden;background:#dfe7dc;min-height:650px;display:flex;flex-direction:column}canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.75}.hero-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:40px;flex:1;padding:100px 8% 90px}.hero-copy{max-width:750px}.hero-label,.section-tag{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.16em}.hero-label span{display:inline-block;width:8px;height:8px;background:#779e29;border-radius:50%;margin-right:10px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(35px,4.5vw,64px);line-height:1.4;letter-spacing:-.04em;margin:30px 0}h1 em{font-style:normal;color:#4f6e40}.lead{font-size:15px;line-height:2.1;color:#41534b}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;padding:16px 22px;margin-top:23px;background:#1c3028;color:#fff;font-size:13px;font-weight:700;transition:background .2s}.button:hover{background:#415d35}.hero-side{border-top:1px solid #829589;border-bottom:1px solid #829589;width:250px;padding:18px 0;display:flex;flex-direction:column;gap:50px;font:11px/1.4 Arial,sans-serif;letter-spacing:.1em}.hero-side strong{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.04em;line-height:.97}.hero-side strong span,.closing-mark span{color:#82a72d}.hero-side small{font-size:10px;line-height:1.7}.hero-bottom{z-index:1;display:flex;justify-content:space-between;border-top:1px solid #a7b9a9;padding:17px 8%;font:10px Arial;letter-spacing:.15em}.hero-bottom b{margin-left:15px}.section{max-width:1380px;margin:auto;padding:130px 8%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px}.section-tag{color:#668232;margin-bottom:28px}h2{font-size:clamp(29px,3vw,43px);line-height:1.45;letter-spacing:-.03em}.intro-copy{padding-top:36px;color:var(--muted);font-size:15px;max-width:490px}.intro-copy p:first-child{font-weight:700;color:var(--ink);font-size:17px}.text-link{display:inline-block;border-bottom:1px solid var(--ink);padding:8px 0;font-size:13px;font-weight:700;margin-top:20px}.games{padding-top:35px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head p:last-child{font-size:13px;color:var(--muted)}.game-list{border-top:1px solid #819188}.game{display:grid;grid-template-columns:70px 1fr auto;gap:15px;align-items:center;padding:28px 10px;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}.game:hover{background:#ebefe4;padding-left:20px}.game-num{font:12px Arial;color:#78887f}.game-category{font:700 10px Arial;letter-spacing:.13em;color:#6c7c70;margin:0 0 8px}.game h3{font:700 clamp(24px,3vw,36px)/1.1 Arial,sans-serif;letter-spacing:-.035em;margin:0 0 8px}.game div>p:last-child{font-size:12px;color:var(--muted);margin:0}.status{font-size:11px;color:#586a5c;border:1px solid #bac9b8;padding:6px 12px}.closing{background:#dbe6d4;display:flex;justify-content:space-between;align-items:end;padding:85px 8%;overflow:hidden}.closing-inner{position:relative;z-index:1}.closing p:not(.section-tag){color:#526459;font-size:14px}.closing-mark{font:900 clamp(120px,23vw,330px)/.7 Arial;letter-spacing:-.1em;color:#c3d4bc}footer{display:flex;align-items:center;gap:40px;padding:40px 8%;background:#1c3028;color:#f2f5e9}footer .logo span{color:#c7ef50}footer p,footer small{font:10px Arial;letter-spacing:.12em;margin:0}footer small{margin-left:auto}@media(max-width:700px){.header{height:68px;padding:0 6%;gap:15px}.header nav{margin-left:auto;gap:16px;font-size:11px}.header-link{display:none}.hero{min-height:590px}.hero-inner{padding:75px 7% 55px}.hero-side{display:none}h1{font-size:clamp(31px,8vw,46px)}.lead{font-size:13px}.hero-bottom{padding:15px 7%}.section{padding:85px 7%}.intro{grid-template-columns:1fr;gap:0}.intro-copy{padding-top:0}.games{padding-top:0}.section-head{display:block}.game{grid-template-columns:35px 1fr auto;padding:23px 0}.game h3{font-size:23px}.status{font-size:10px;padding:5px}.closing{padding:70px 7%}.closing-mark{position:absolute;right:7%;opacity:.4}footer{padding:35px 7%;flex-wrap:wrap;gap:20px}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
