.gn-page{--gn-navy:#071a3a;--gn-deep:#04122b;--gn-teal:#00ac9b;--gn-teal-dark:#00857a;--gn-cyan:#4fd8c8;--gn-orange:#ff3410;--gn-line:#dde4ea;color:var(--gn-navy);background:#f4f7f9;padding-bottom:120px}.gn-hero{background-color:var(--gn-deep);color:#fff;text-align:center;background-image:repeating-linear-gradient(0deg,#4fd8c80d 0 1px,#0000 1px 3px);padding:72px 20px 64px}.gn-hero__en{color:var(--gn-cyan);letter-spacing:.3em;margin:0 0 10px;font-family:Share Tech Mono,ui-monospace,monospace;font-size:14px}.gn-hero__ttl{letter-spacing:.08em;margin:0;font-size:clamp(28px,4vw,40px);font-weight:900}.gn-inner{max-width:1040px;margin:0 auto;padding:0 24px}.gn-inner--narrow{max-width:860px}.gn-breadcrumb{color:#6b7886;flex-wrap:wrap;gap:8px;padding:20px 0 36px;font-size:13px;font-weight:700;display:flex}.gn-breadcrumb a{color:var(--gn-teal-dark)}.gn-breadcrumb span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.gn-tabs{gap:0;display:flex}.gn-tab{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);background:var(--gn-deep);color:#ffffffb8;min-width:0;font:inherit;letter-spacing:.04em;cursor:pointer;background-image:linear-gradient(#4fd8c814 1px,#0000 1px);background-size:100% 6px;border:0;flex:1;padding:18px 8px;font-size:16px;font-weight:700;transition:background-color .2s,color .2s;box-shadow:inset 0 2px #4fd8c873}.gn-tab:hover{color:#fff;background-color:#0b2246}.gn-tab[aria-selected=true]{background:var(--gn-teal);box-shadow:inset 0 3px 0 var(--gn-orange);color:#fff;background-image:none}.gn-list{background:#fff;margin:0;padding:8px 32px;list-style:none}.gn-list li+li{border-top:1px solid var(--gn-line)}.gn-item{color:inherit;grid-template-columns:200px minmax(0,1fr) 24px;align-items:center;gap:28px;padding:24px 0;text-decoration:none;display:grid}.gn-item__thumb{aspect-ratio:16/9;background:#e8eef2;display:block;overflow:hidden}.gn-item__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.gn-item:hover .gn-item__thumb img{transform:scale(1.04)}.gn-item__body{flex-direction:column;gap:10px;min-width:0;display:flex}.gn-item__meta{color:#6b7886;align-items:center;gap:14px;font-family:Share Tech Mono,ui-monospace,monospace;font-size:14px;display:flex}.gn-cat{border:1px solid var(--gn-teal);color:var(--gn-teal-dark);padding:4px 12px;font-family:Noto Sans JP,sans-serif;font-size:12px;font-weight:700;line-height:1.4;display:inline-block}.gn-item__title{font-size:17px;font-weight:800;line-height:1.65}.gn-item:hover .gn-item__title{color:var(--gn-teal-dark)}.gn-item__arrow{border-top:2px solid var(--gn-teal);border-right:2px solid var(--gn-teal);width:10px;height:10px;transform:rotate(45deg)}.gn-empty{color:#6b7886;text-align:center;background:#fff;margin:0;padding:64px 20px;font-weight:700}.gn-page--detail{padding-top:8px}.gn-article{border-top:3px solid var(--gn-teal);background:#fff;padding:clamp(28px,5vw,56px)}.gn-article__ttl{margin:16px 0 28px;font-size:clamp(22px,3vw,30px);font-weight:900;line-height:1.5}.gn-article__thumb{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;margin-bottom:36px;display:block}.gn-article__body{font-size:16px;line-height:2}.gn-article__body h2{border-left:4px solid var(--gn-teal);background:#f1f7f6;margin:48px 0 18px;padding:10px 0 10px 16px;font-size:21px;line-height:1.5}.gn-article__body h3{margin:32px 0 10px;font-size:18px}.gn-article__body p{margin:0 0 1.4em}.gn-article__body ul,.gn-article__body ol{margin:0 0 1.4em;padding-left:1.4em}.gn-article__body img{max-width:100%;height:auto}.gn-article__body a{color:var(--gn-teal-dark);text-decoration:underline}.gn-back{text-align:center;margin:36px 0 0}.gn-back a{border:2px solid var(--gn-teal);color:var(--gn-teal-dark);padding:14px 40px;font-weight:800;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.gn-back a:hover{background:var(--gn-teal);color:#fff}@media (max-width:767px){.gn-hero{padding:48px 16px 40px}.gn-inner{padding:0 16px}.gn-breadcrumb{padding:16px 0 24px;font-size:12px}.gn-tab{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);padding:12px 4px;font-size:13px}.gn-list{padding:0 16px}.gn-item{grid-template-columns:112px minmax(0,1fr);gap:14px;padding:18px 0}.gn-item__arrow{display:none}.gn-item__meta{gap:10px;font-size:12px}.gn-cat{padding:2px 8px;font-size:11px}.gn-item__title{font-size:14px;line-height:1.6}.gn-article__body{font-size:15px}.gn-article__body h2{font-size:18px}}