@import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=Noto+Sans+JP:wght@400;600;700;900&display=swap');
.site-header--no-brand{justify-content:flex-end}
:root{--navy:#071c35;--navy-2:#0c2c4b;--blue:#0e5790;--sea:#087aaa;--cream:#fffaf0;--sand:#f4ead3;--gold:#f3bd3b;--ink:#14283a;--pixel:'DotGothic16',sans-serif;--sans:'Noto Sans JP',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);line-height:1.8}body.is-modal-open{overflow:hidden}a{color:inherit}button{font:inherit}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,5vw,72px);color:#fff}.site-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-family:var(--pixel);font-size:20px;font-weight:700}.site-brand__mark{display:grid;place-items:center;width:38px;height:38px;border:2px solid #fff;background:var(--blue);box-shadow:4px 4px 0 #00152b}.site-nav{display:flex;gap:30px;font-size:13px;font-weight:700}.site-nav a{text-decoration:none;border-bottom:1px solid transparent}.site-nav a:hover{border-color:#fff}.gahaha-hero{position:relative;display:grid;place-items:center;min-height:92vh;overflow:hidden;padding:130px 24px 150px;text-align:center;color:#fff;background:radial-gradient(circle at 50% 36%,#16679a 0,#0b406c 40%,#061d38 78%)}.gahaha-hero:before,.gahaha-hero:after{content:"";position:absolute;opacity:.12;background-image:linear-gradient(45deg,#fff 12.5%,transparent 12.5%,transparent 50%,#fff 50%,#fff 62.5%,transparent 62.5%);background-size:32px 32px}.gahaha-hero:before{inset:0 62% 0 0}.gahaha-hero:after{inset:0 0 0 62%;transform:scaleX(-1)}.gahaha-hero__content{position:relative;z-index:2;max-width:820px}.eyebrow,.section-heading>p,.rpg-modal__kicker{margin:0 0 10px;color:var(--gold);font:700 12px/1.5 var(--sans);letter-spacing:.2em}.gahaha-hero__title{margin:0;font:900 clamp(64px,10vw,128px)/1 var(--pixel);letter-spacing:.08em;text-shadow:6px 6px 0 #001327}.gahaha-hero__lead{margin:35px 0 18px;font:700 clamp(22px,3vw,38px)/1.55 var(--pixel)}.gahaha-hero__text{margin:0 0 34px;font-size:15px}.rpg-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:58px;padding:12px 28px;border:2px solid #fff;color:#fff;background:var(--navy);box-shadow:5px 5px 0 rgba(0,0,0,.35);font:700 15px var(--pixel);text-decoration:none;transition:.18s}.rpg-button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(0,0,0,.4);background:#113e67}.hero-sea{position:absolute;z-index:1;bottom:0;left:0;width:100%;height:90px;background:#07658e;clip-path:polygon(0 35%,6% 25%,12% 42%,18% 18%,25% 40%,32% 22%,40% 43%,48% 20%,55% 38%,63% 18%,72% 42%,80% 23%,90% 41%,100% 20%,100% 100%,0 100%)}.hero-sea i{position:absolute;width:90px;height:3px;background:#7ee0e2}.hero-sea i:nth-child(1){left:18%;top:55%}.hero-sea i:nth-child(2){left:52%;top:72%}.hero-sea i:nth-child(3){right:12%;top:47%}.gahaha-map-section{position:relative;padding:90px 0 80px;background:var(--navy)}.section-heading{text-align:center;margin:0 auto 45px;padding:0 20px}.section-heading h2{margin:0 0 8px;font:700 clamp(30px,4vw,48px)/1.4 var(--pixel);letter-spacing:.05em}.section-heading span{font-size:14px}.section-heading--light{color:#fff}.gahaha-map-scroll{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:var(--gold) #051426;scrollbar-width:thin}.gahaha-map-wrap{position:relative;width:min(1440px,100%);min-width:980px;margin:auto;border:4px solid #e8f5ef;box-shadow:0 0 0 8px #102f4b,0 24px 80px #020b16}.gahaha-map-image{display:block;width:100%;height:auto}.map-point{position:absolute;z-index:2;width:28px;height:28px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(7,28,53,.8),0 0 18px 5px rgba(255,214,71,.8);cursor:pointer;transform:translate(-50%,-50%);animation:pulse 2s infinite}.map-point:after{content:"";position:absolute;inset:5px;border:2px solid var(--navy);border-radius:50%}.map-point span{position:absolute;left:50%;bottom:34px;min-width:max-content;padding:7px 11px;border:2px solid #fff;color:#fff;background:rgba(5,22,42,.94);box-shadow:3px 3px 0 rgba(0,0,0,.5);font:700 12px var(--pixel);transform:translateX(-50%);transition:.18s}.map-point:hover,.map-point:focus-visible{z-index:5;transform:translate(-50%,-60%) scale(1.1);outline:3px solid #7ee0e2;outline-offset:5px}.map-point--guild{left:49%;top:39%}.map-point--web{left:16%;top:68%}.map-point--design{left:35%;top:71%}.map-point--event{left:87%;top:35%}.map-point--project{left:60%;top:72%}.map-point--works{left:66%;top:21%}.map-point--blog{left:16%;top:44%}.map-point--recruit{left:32%;top:17%}.map-point--news{left:70%;top:45%}.map-point--contact{left:11%;top:27%}.map-point--access{left:78%;top:61%}@keyframes pulse{50%{box-shadow:0 0 0 4px rgba(7,28,53,.8),0 0 8px 2px rgba(255,214,71,.5)}}.map-scroll-hint{display:none;margin:20px 0 0;color:#bdd5e6;text-align:center;font-size:13px}.rpg-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;transition:.2s}.rpg-modal[aria-hidden="false"]{visibility:visible;opacity:1}.rpg-modal__overlay{position:absolute;inset:0;background:rgba(0,7,17,.82);backdrop-filter:blur(4px)}.rpg-modal__window{position:relative;width:min(600px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:45px;color:#fff;background:var(--navy);border:3px solid #fff;box-shadow:0 0 0 7px var(--navy),0 0 0 10px #fff,16px 16px 0 rgba(0,0,0,.35);transform:translateY(15px);transition:.25s}.rpg-modal[aria-hidden="false"] .rpg-modal__window{transform:none}.rpg-modal__close{position:absolute;top:12px;right:14px;width:38px;height:38px;border:1px solid #fff;color:#fff;background:transparent;font-size:28px;line-height:1;cursor:pointer}.rpg-modal__title{margin:0 40px 20px 0;font:700 clamp(25px,5vw,36px) var(--pixel)}.rpg-modal__text{margin:0 0 25px;color:#dceaf2}.rpg-modal__sublinks{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 25px}.rpg-modal__sublinks a{padding:5px 10px;border:1px solid #8199ac;font-size:12px;text-decoration:none}.rpg-modal__button{min-height:50px}.modal-posts{padding:15px 15px 15px 34px;border:1px solid #587288}.modal-posts a{color:#fff}.content-section{padding:100px 24px}.content-section--sand{background:var(--sand)}.content-inner{max-width:1180px;margin:auto}.service-grid,.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{position:relative;overflow:hidden;min-height:330px;padding:38px 32px;border:2px solid var(--navy);background:#fff;box-shadow:8px 8px 0 var(--navy);transition:.2s}.service-card:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--navy)}.service-card__number{position:absolute;right:15px;top:-18px;color:#e7e9e6;font:900 90px var(--pixel)}.service-card h3{position:relative;margin:55px 0 20px;font:700 25px var(--pixel)}.service-card p{position:relative;font-size:14px}.service-card a,.text-link{font:700 14px var(--pixel);text-underline-offset:6px}.post-card{background:#fff;border:1px solid #d7cbb3}.post-card__image{display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;color:#fff;background:var(--navy);font:700 40px var(--pixel);text-decoration:none}.post-card__image img{width:100%;height:100%;object-fit:cover;transition:.3s}.post-card:hover img{transform:scale(1.04)}.post-card>div{padding:22px}.post-card time,.news-list time{color:#657584;font-size:11px;letter-spacing:.1em}.post-card h3{margin:7px 0;font-size:16px;line-height:1.6}.post-card h3 a{text-decoration:none}.text-link{display:block;width:max-content;margin:35px 0 0 auto}.news-list{border-top:2px solid var(--navy)}.news-list>a{display:grid;grid-template-columns:130px 1fr 30px;gap:20px;align-items:center;padding:24px 12px;border-bottom:1px solid #c8c5bb;text-decoration:none}.news-list>a:hover{background:#f4ead3}.contact-section{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding:100px max(24px,calc((100vw - 1180px)/2));color:#fff;background:var(--navy-2)}.contact-section h2{margin:0 0 20px;font:700 clamp(32px,4vw,50px)/1.45 var(--pixel)}.contact-panel{padding:38px;border:2px solid #fff;background:var(--navy)}.contact-phone{display:flex;flex-direction:column;color:#fff;font:700 clamp(24px,3vw,36px) var(--pixel);text-decoration:none}.contact-phone small{margin-bottom:10px;color:#b9cad8;font:400 12px var(--sans)}.rpg-button--gold{border-color:var(--gold);color:var(--navy);background:var(--gold)}.gahaha-fixed-contact{position:fixed;z-index:50;right:20px;bottom:20px;display:flex;align-items:center;gap:8px;padding:15px 21px;border:2px solid #fff;color:#fff;background:#c54a27;box-shadow:5px 5px 0 var(--navy);font:700 15px var(--pixel);text-decoration:none}.gahaha-fixed-contact:hover{transform:translateY(-3px)}.site-footer{padding:55px 24px;color:#b7c7d5;background:#051426;text-align:center}.site-footer p{color:#fff}.site-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;margin:20px}.site-footer a{font-size:12px}.plain-page{max-width:900px;margin:auto;padding:140px 24px}.empty-state{text-align:center}.post-card__placeholder{background:linear-gradient(135deg,var(--navy),var(--blue))}
@media(max-width:900px){.site-nav{display:none}.service-grid,.post-grid{grid-template-columns:1fr}.contact-section{grid-template-columns:1fr;gap:35px}.service-card{min-height:260px}.gahaha-map-wrap{width:1100px;min-width:1100px}.map-scroll-hint{display:block}.map-point{width:34px;height:34px}.map-point span{font-size:13px}}
@media(max-width:600px){.site-header{padding:18px 20px}.gahaha-hero{min-height:820px;padding-top:115px}.gahaha-hero__title{font-size:62px}.gahaha-hero__text br{display:none}.gahaha-map-section{padding:70px 0}.gahaha-map-wrap{width:980px;min-width:980px}.gahaha-map-scroll{scroll-padding-inline:25px}.map-point span{bottom:40px}.content-section{padding:72px 20px}.rpg-modal__window{padding:38px 25px 28px}.contact-section{padding:72px 20px}.contact-panel{padding:25px 20px}.gahaha-fixed-contact{right:12px;bottom:12px;padding:12px 16px;font-size:13px}.news-list>a{grid-template-columns:1fr 26px;gap:7px}.news-list time{grid-column:1}.news-list strong{grid-column:1}.news-list span{grid-column:2;grid-row:1/3}.site-footer{padding-bottom:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.map-point{animation:none}*{transition-duration:.01ms!important}}

/* Ver.2: 港町の体験を深める船・住人・物語 */
.gahaha-hero__actions{display:flex;flex-direction:column;align-items:center;gap:18px}.hero-map-link{color:#d9eaf2;font:700 13px var(--pixel);text-underline-offset:6px}.map-ship,.map-npc{position:absolute;z-index:4;padding:0;border:0;color:#fff;background:transparent;cursor:pointer}.map-ship{width:54px;height:48px;filter:drop-shadow(4px 5px 0 rgba(0,14,31,.55));animation:ship-float 2.4s ease-in-out infinite}.map-ship i{position:absolute;left:7px;bottom:2px;width:42px;height:13px;background:#9b4b26;clip-path:polygon(0 0,100% 0,82% 100%,20% 100%)}.map-ship i:before{content:"";position:absolute;left:21px;bottom:10px;width:4px;height:34px;background:#512a1b}.map-ship i:after{content:"";position:absolute;left:25px;bottom:14px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #fff2c7;filter:drop-shadow(2px 2px 0 #31506a)}.map-ship span,.map-npc span{position:absolute;left:50%;bottom:calc(100% + 8px);min-width:max-content;padding:5px 9px;border:2px solid #fff;color:#fff;background:#071c35;box-shadow:3px 3px 0 rgba(0,0,0,.5);font:700 11px var(--pixel);opacity:0;transform:translate(-50%,5px);transition:.18s}.map-ship:hover span,.map-ship:focus-visible span,.map-npc:hover span,.map-npc:focus-visible span{opacity:1;transform:translate(-50%,0)}.map-ship:focus-visible,.map-npc:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.map-ship--tsutawaru{left:7%;top:88%}.map-ship--tsunagu{left:27%;top:91%;animation-delay:-.7s}.map-ship--webship{left:68%;top:91%;animation-delay:-1.3s}.map-ship--eventship{left:91%;top:84%;animation-delay:-1.8s}@keyframes ship-float{50%{transform:translateY(-4px) rotate(1deg)}}.sea-route{position:absolute;z-index:2;height:3px;border-top:3px dashed rgba(255,255,255,.7);border-radius:50%;pointer-events:none}.sea-route--one{left:12%;bottom:6%;width:50%;transform:rotate(2deg)}.sea-route--two{right:4%;bottom:9%;width:25%;transform:rotate(-9deg)}.map-npc{width:28px;height:40px}.map-npc i{position:absolute;left:7px;top:2px;width:14px;height:14px;border:3px solid #fff;border-radius:2px;background:#efb56f;box-shadow:0 14px 0 3px #1e66a1,0 24px 0 1px #101522}.map-npc:after{content:"!";position:absolute;top:-20px;left:9px;color:var(--gold);font:900 20px var(--pixel);text-shadow:2px 2px 0 #071c35;animation:npc-alert 1.6s steps(2) infinite}.map-npc--president{left:49%;top:57%}.map-npc--webmaster{left:21%;top:69%}.map-npc--designer{left:42%;top:70%}.map-npc--eventboss{left:83%;top:44%}.map-npc--bartender{left:21%;top:49%}.map-npc--reception{left:17%;top:32%}@keyframes npc-alert{50%{transform:translateY(-3px)}}.rpg-modal__window{padding:24px;border-radius:4px;background:#101522;transform:scale(.96) translateY(10px)}.rpg-modal[aria-hidden="false"] .rpg-modal__window{transform:scale(1) translateY(0)}.rpg-modal__title{font-weight:900}.rpg-modal--small .rpg-modal__window{width:min(450px,100%)}.rpg-modal__window--ship:before{content:"⚓";position:absolute;right:55px;top:15px;color:#3a4659;font-size:48px}.rpg-modal__actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:24px}.rpg-modal__consult{color:var(--gold);font:700 13px var(--pixel);text-underline-offset:6px}.npc-dialogue{padding:20px;border:2px solid #fff;background:#080c15;font:700 18px/1.8 var(--pixel)}.modal-list-label,.news-label{margin:18px 0 7px;color:var(--gold);font:700 12px var(--pixel);letter-spacing:.12em}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.project-grid a{display:grid;grid-template-columns:18px 1fr;gap:4px 8px;padding:14px;border:2px solid #4b586c;color:#fff;background:#080c15;font:700 13px var(--pixel);text-decoration:none;transition:.18s}.project-grid a:hover{border-color:var(--gold);transform:translateY(-2px)}.project-grid a span{color:var(--gold)}.project-grid a small{grid-column:2;color:#8ca0b8;font-size:9px}.about-port{padding:100px 24px;color:#fff;background:#0b3557}.about-port .content-inner{display:grid;grid-template-columns:1fr 2fr;gap:70px;align-items:center;max-width:1000px}.about-port h2{margin:0 0 28px;font:700 clamp(32px,5vw,52px) var(--pixel)}.about-port p:not(.eyebrow){color:#d6e3eb}.about-port__label{color:rgba(255,255,255,.08);font:900 clamp(60px,9vw,120px)/.85 var(--pixel);letter-spacing:-.05em}.news-label{width:max-content;padding:5px 10px;border:1px solid var(--navy);color:var(--navy)}
@media(max-width:900px){.map-ship span,.map-npc span{opacity:1}.about-port .content-inner{grid-template-columns:1fr;gap:20px}.about-port__label{font-size:70px}.map-npc{transform:scale(1.15)}}
@media(max-width:600px){.project-grid{grid-template-columns:1fr}.rpg-modal__actions{align-items:stretch;flex-direction:column}.rpg-modal__actions>*{width:100%;text-align:center}.about-port{padding:72px 20px}.about-port__label{font-size:54px}.map-ship{transform:scale(1.12)}.map-ship--tsunagu{transform:scale(1.12)}.map-ship--webship{transform:scale(1.12)}.map-ship--eventship{transform:scale(1.12)}}

/* Ver.3: 導入とマップだけで完結する探索トップ */
body.home{background:#051426}.home .gahaha-hero{min-height:100svh;min-height:100dvh;padding-top:clamp(96px,12vh,150px);padding-bottom:clamp(80px,10vh,130px)}.home .gahaha-hero__lead{margin-top:24px}.home .gahaha-hero__text{max-width:700px;margin-right:auto;margin-bottom:26px;margin-left:auto}.home .gahaha-map-section{padding-top:58px;padding-bottom:38px}.home .gahaha-map-wrap{width:min(1540px,calc(100% - 48px));max-width:1540px}.site-footer--rpg{min-height:48px;padding:14px 90px 14px 24px;color:#7d93a6;background:#051426;text-align:center}.site-footer--rpg small{font:400 10px var(--sans);letter-spacing:.12em}
@media(max-width:900px){.home .gahaha-hero{min-height:100svh;min-height:100dvh}.home .gahaha-map-wrap{width:1100px;min-width:1100px;margin-left:20px;margin-right:20px}.home .gahaha-map-section{padding-top:48px;padding-bottom:24px}}
@media(max-width:600px){.home .gahaha-hero{min-height:100svh;min-height:100dvh;padding:96px 20px 76px}.home .gahaha-hero__lead{margin-top:22px}.home .gahaha-hero__text{font-size:13px;line-height:1.9}.home .gahaha-map-section{padding-top:40px;padding-bottom:18px}.home .gahaha-map-wrap{width:980px;min-width:980px;margin-left:14px;margin-right:14px}.home .map-scroll-hint{margin:14px 76px 0 14px;text-align:left}.home .gahaha-fixed-contact{right:10px;bottom:10px;padding:10px 13px}.site-footer--rpg{padding:12px 90px 70px 20px;text-align:left}}

/* Ver.4: 港マップをフルブリード表示 */
.home .gahaha-map-section{width:100%;margin:0;padding:42px 0 0;overflow:hidden}.home .gahaha-map-section .section-heading{margin-bottom:26px}.home .gahaha-map-scroll{width:100%;overflow-x:hidden}.home .gahaha-map-wrap{width:100vw;max-width:none;min-width:0;margin:0;border:0;border-radius:0;box-shadow:none}.home .gahaha-map-image{width:100%;height:auto}
@media(max-width:768px){.home .gahaha-map-section{padding-top:34px;overflow:hidden}.home .gahaha-map-scroll{overflow-x:auto}.home .gahaha-map-wrap{width:1400px;max-width:none;min-width:1400px;margin:0}.home .map-scroll-hint{margin:14px 76px 14px 16px}}

/* Ver.6.7.3: 港マップも1ビューポートで完結する縦Flex */
.home .gahaha-map-section{min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:0;background:#07101b}.home .gahaha-map-section__inner{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:clamp(92px,9vh,116px) 0 20px}.home .gahaha-map-heading{width:min(960px,calc(100% - 40px));margin:0 auto clamp(20px,3vh,36px);color:#fff;text-align:center}.gahaha-map-heading__eyebrow{margin:0 0 8px;color:var(--gold);font:700 11px var(--sans);letter-spacing:.2em}.gahaha-map-heading__title{margin:0;font:700 clamp(24px,5vw,56px)/1.25 var(--pixel);letter-spacing:.02em}.gahaha-map-heading__lead{max-width:780px;margin:12px auto 0;color:#c9d8e2;font-size:14px;line-height:1.9}.gahaha-map-heading__guide{margin:10px 0 0;color:var(--gold);font:700 12px var(--pixel)}.home .gahaha-map-wrap{width:min(100vw,max(680px,calc((100dvh - 300px)*1.776)));max-width:none;min-width:0;margin:0 auto}.gahaha-map-footer{flex-shrink:0;margin-top:auto;padding:12px 90px 12px 24px;color:#718a9d;background:#07101b;text-align:center}.gahaha-map-footer small{font-size:10px;letter-spacing:.12em}
@media(max-width:768px){.home .gahaha-map-section__inner{justify-content:flex-start;padding:76px 0 10px}.home .gahaha-map-heading{margin-bottom:22px}.gahaha-map-heading__title{font-size:clamp(24px,5vw,56px)}.gahaha-map-heading__lead{font-size:13px}.home .gahaha-map-wrap{width:1400px;max-width:none;min-width:1400px;margin:0}.gahaha-map-footer{padding:10px 90px 70px 18px;text-align:left}}