:root{--ink:#15243f;--line:#e2e5e9;--placeholder:#eef0f3;--muted:#6c7687;--yellow:#fff16c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #1379aa;outline-offset:5px}h1,h2,p{margin:0}img{display:block;max-width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-60px;left:16px;background:white;border:2px solid var(--ink);padding:8px 16px;z-index:50}.skip:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:106px;padding:8px 6%;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e8ebef}.site-logo{width:155px;flex-shrink:0}.site-logo img{width:100%;height:88px;object-fit:contain}nav{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;max-width:850px}nav a{display:block;padding:11px 13px;font-size:14px;font-weight:800;white-space:nowrap;transition:background .15s}nav a:hover,nav a:focus-visible{background:var(--yellow)}.menu-toggle{display:none}.hero{background:#fff}.hero img{width:100%;max-width:1920px;height:auto;margin:auto}.section-inner{width:88%;max-width:1120px;margin-left:auto;margin-right:auto}h2{font-size:32px;font-weight:900;line-height:1.5;letter-spacing:.04em}.information-section{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-top:72px;padding-bottom:88px}.information-panel{border:3px solid var(--ink);padding:32px 28px;min-width:0}.information-panel>h2,.heading-row{margin-bottom:24px}.news-placeholder{border-top:1px solid var(--line)}.news-placeholder>div{display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);min-height:70px}.skeleton{display:block;background:var(--placeholder);height:9px;width:65%}.skeleton.short{width:36px}.news-placeholder .skeleton.short{width:55px}.heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.heading-row h2{font-size:26px;letter-spacing:0}.connection-status{font-size:10px;color:var(--muted);white-space:nowrap}table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}th{font-size:12px;padding:0 8px 14px;border-bottom:2px solid var(--ink);font-weight:700}th:first-child{width:22%}th:nth-child(2){width:43%}td{padding:20px 8px;height:64px;border-bottom:1px solid var(--line)}td .skeleton{width:75%}td .skeleton.short{width:25px}.about-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding-top:32px;padding-bottom:112px}.about-logo{padding:0 12px}.about-logo img{width:100%;height:auto}.about-content h2{margin-bottom:34px}.text-placeholder{display:grid;gap:17px}.text-placeholder span{background:var(--placeholder);height:10px}.text-placeholder span:nth-child(3){width:85%}.text-placeholder span:nth-child(4){margin-top:12px}.text-placeholder span:last-child{width:65%}.members-section{padding-top:40px;padding-bottom:112px}.members-section>h2,.map-section h2{text-align:center;font-size:40px;margin-bottom:48px}.member-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.member-slots>div{aspect-ratio:4/3;background:#f2f4f5}.member-slots>div:nth-child(2),.member-slots>div:nth-child(6){background:#f5f3f4}.member-slots>div:nth-child(3),.member-slots>div:nth-child(4){background:#f3f4f0}.map-section{background:#f4f5f6;padding:80px 0 96px}.map-placeholder{height:460px;background:#fff;border:1px solid #dfe3e8;display:grid;place-items:center;font-size:14px;color:var(--muted)}footer{background:var(--ink);color:#fff;padding:50px 6%}.footer-inner{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}footer a{font-size:14px;font-weight:700}footer a:hover{text-decoration:underline}footer small{font-size:11px;color:#d0d6df}
@media(min-width:1600px){.site-header{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}}
@media(max-width:1050px){.site-header{gap:20px;padding:8px 4%}.site-logo{width:140px}nav{gap:6px}nav a{font-size:12px;padding:9px 8px}.information-section{gap:24px}.information-panel{padding:26px 20px}.heading-row{display:block}.heading-row h2{font-size:24px}.connection-status{display:block;margin-top:5px}.member-slots{gap:24px}}
@media(max-width:760px){html{scroll-padding-top:98px}.site-header{min-height:82px;padding:6px 6%}.site-logo{width:120px}.site-logo img{height:68px}.menu-toggle{display:block;background:var(--ink);color:#fff;border:0;padding:10px 14px;font-size:12px;font-weight:700}nav{display:none;position:absolute;left:0;top:100%;width:100%;max-width:none;padding:22px 6%;background:#fff;border-top:1px solid var(--line);border-bottom:2px solid var(--ink);grid-template-columns:1fr 1fr;gap:12px}nav.open{display:grid}nav a{font-size:13px;padding:10px}.section-inner{width:88%}h2{font-size:26px}.information-section{grid-template-columns:1fr;padding-top:36px;padding-bottom:56px;gap:24px}.information-panel{padding:24px 20px}.information-panel>h2,.heading-row{margin-bottom:22px}.heading-row{display:flex}.heading-row h2{font-size:22px}.connection-status{margin:0}.news-placeholder>div{min-height:64px;gap:20px}.news-placeholder .skeleton.short{width:42px}.about-section{grid-template-columns:1fr;gap:28px;padding-top:8px;padding-bottom:64px}.about-logo{padding:0 28px}.about-logo img{max-width:330px;margin:auto}.about-content h2{text-align:center;margin-bottom:28px}.text-placeholder{gap:15px}.text-placeholder span{height:9px}.members-section{padding-top:16px;padding-bottom:64px}.members-section>h2,.map-section h2{font-size:30px;margin-bottom:30px}.member-slots{grid-template-columns:1fr 1fr;gap:20px}.member-slots>div{aspect-ratio:3/4}.map-section{padding:48px 0 60px}.map-placeholder{height:330px;font-size:13px}footer{padding:34px 6%}.footer-inner{flex-direction:column;align-items:flex-start;gap:24px}footer small{font-size:10px}}
@media(max-width:350px){.heading-row h2{font-size:20px}.information-panel{padding:22px 16px}.member-slots{gap:16px}.map-placeholder{height:280px}.site-logo{width:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.ranking-section{padding-top:48px;padding-bottom:96px}.ranking-section .heading-row{margin-bottom:32px}.ranking-section .heading-row h2{font-size:36px}.ranking-section table{border:3px solid var(--ink)}.ranking-section th{padding:22px 28px}.ranking-section td{padding:24px 28px;height:78px}.ranking-section .connection-status{font-size:12px}.about-section{padding-top:80px}
@media(max-width:760px){.about-section{padding-top:36px}.ranking-section{padding-top:12px;padding-bottom:64px}.ranking-section .heading-row h2{font-size:25px}.ranking-section th,.ranking-section td{padding:18px 14px}.ranking-section td{height:64px}}
@media(max-width:350px){.ranking-section .heading-row h2{font-size:21px}}

/* Header palette: emerald green, white, black. */
.site-header{--header-emerald:#008568;--header-black:#111;--header-white:#fff;background:var(--header-white);color:var(--header-black);border-bottom:3px solid var(--header-emerald)}
.site-header nav a:hover,.site-header nav a:focus-visible{background:var(--header-emerald);color:var(--header-white)}
.site-header a:focus-visible,.site-header button:focus-visible{outline-color:var(--header-emerald)}
@media(max-width:760px){.site-header .menu-toggle{background:var(--header-black);color:var(--header-white);border-bottom:3px solid var(--header-emerald)}.site-header nav{background:var(--header-white);border-top:1px solid var(--header-emerald);border-bottom:3px solid var(--header-emerald)}}

/* Overall color direction: emerald as the main surface, white and black. */
:root{--emerald:#008568;--ink:#111;--line:#dce7e2;--placeholder:#eaf0ed;--muted:#53615a}
body{background:#fff;color:var(--ink)}
.site-header{--header-black:#111;background:var(--emerald);color:#fff;border-bottom:1px solid var(--emerald)}
.site-header nav a:hover,.site-header nav a:focus-visible{background:#fff;color:#111}
.site-header a:focus-visible,.site-header button:focus-visible{outline-color:#111}
.about-section{width:100%;max-width:none;background:var(--emerald);color:#fff;padding:80px max(6%,calc((100% - 1120px)/2)) 96px}
.about-section .text-placeholder span{background:rgba(255,255,255,.3)}
.members-section{padding-top:80px}
.member-slots>div,.member-slots>div:nth-child(n){background:#edf5f1}
.ranking-section{width:100%;max-width:none;padding:80px max(6%,calc((100% - 1120px)/2)) 96px;background:var(--emerald);color:#fff}
.ranking-section .connection-status{color:#fff}
.ranking-section table{background:#fff;color:#111;border-color:#111}
.map-section{background:#fff;color:#111}
.map-placeholder{background:#edf5f1;border-color:var(--emerald)}
footer{background:#111}
@media(max-width:760px){.site-header nav{background:var(--emerald);color:#fff;border-color:#fff}.site-header .menu-toggle{border-bottom-color:#fff}.about-section,.ranking-section{padding:48px 6% 60px}.members-section{padding-top:48px}}