.background-fish-layer{position:absolute;inset:0;z-index:0;min-height:100%;overflow:hidden;pointer-events:none}.background-fish,.background-bubble{position:absolute;display:block;height:auto}.background-fish{width:clamp(56px,6vw,112px);opacity:.58;filter:saturate(1.35) contrast(1.12) drop-shadow(0 10px 18px rgba(32,112,165,.2)) drop-shadow(0 0 10px rgba(255,255,255,.42))}.background-bubble{width:clamp(34px,4.4vw,86px);opacity:.5;filter:saturate(1.18) contrast(1.08) drop-shadow(0 8px 16px rgba(52,139,190,.16)) drop-shadow(0 0 8px rgba(255,255,255,.5))}body[data-page=profile] .fish-one{top:9%;left:4%;transform:scaleX(-1) rotate(7deg)}body[data-page=profile] .fish-two{top:17%;right:5%;transform:rotate(-11deg)}body[data-page=profile] .fish-three{top:42%;left:2%;width:clamp(46px,5vw,92px);transform:rotate(12deg)}body[data-page=profile] .fish-four{top:57%;right:3%;width:clamp(48px,5.2vw,98px);transform:scaleX(-1) rotate(-6deg)}body[data-page=profile] .fish-five{top:74%;left:6%;width:clamp(42px,4.6vw,84px);transform:scaleX(-1) rotate(-14deg)}body[data-page=profile] .fish-six{top:83%;right:12%;width:clamp(44px,4.8vw,88px);transform:rotate(9deg)}body[data-page=profile] .fish-seven{top:29%;left:14%;width:clamp(38px,4.2vw,76px);transform:scaleX(-1) rotate(3deg)}body[data-page=profile] .fish-eight{top:91%;right:34%;width:clamp(36px,4vw,72px);transform:rotate(-8deg)}body[data-page=profile] .bubble-one{top:11%;left:13%;transform:rotate(8deg)}body[data-page=profile] .bubble-two{top:24%;right:12%;width:clamp(28px,3.8vw,72px);transform:rotate(-10deg)}body[data-page=profile] .bubble-three{top:36%;left:7%;width:clamp(30px,4vw,76px);transform:rotate(15deg)}body[data-page=profile] .bubble-four{top:49%;right:10%;transform:rotate(-6deg)}body[data-page=profile] .bubble-five{top:67%;left:15%;width:clamp(26px,3.6vw,68px);transform:rotate(12deg)}body[data-page=profile] .bubble-six{top:80%;right:19%;width:clamp(30px,4vw,76px);transform:rotate(-14deg)}body[data-page=profile] .bubble-seven{top:88%;left:35%;width:clamp(24px,3.4vw,62px);transform:rotate(5deg)}body[data-page=profile] .bubble-eight{top:94%;right:8%;width:clamp(26px,3.6vw,68px);transform:rotate(-8deg)}body[data-page=photo] .fish-one{top:4%;left:8%;transform:scaleX(-1) rotate(-7deg)}body[data-page=photo] .fish-two{top:6%;right:9%;transform:rotate(8deg)}body[data-page=photo] .fish-three{top:13%;left:31%;width:clamp(42px,4.6vw,82px);transform:rotate(-12deg)}body[data-page=photo] .fish-four{top:15%;right:30%;width:clamp(46px,4.8vw,88px);transform:scaleX(-1) rotate(5deg)}body[data-page=photo] .fish-five{top:87%;left:10%;width:clamp(40px,4.4vw,80px);transform:rotate(13deg)}body[data-page=photo] .fish-six{top:89%;right:11%;width:clamp(42px,4.6vw,84px);transform:scaleX(-1) rotate(-9deg)}body[data-page=photo] .fish-seven{top:96%;left:28%;width:clamp(36px,4vw,72px);transform:scaleX(-1) rotate(4deg)}body[data-page=photo] .fish-eight{top:95%;right:27%;width:clamp(38px,4.2vw,76px);transform:rotate(-15deg)}body[data-page=photo] .bubble-one{top:1%;left:20%;transform:rotate(-7deg)}body[data-page=photo] .bubble-two{top:7%;right:20%;width:clamp(28px,3.8vw,72px);transform:rotate(10deg)}body[data-page=photo] .bubble-three{top:11%;left:48%;width:clamp(24px,3.4vw,64px);transform:rotate(-12deg)}body[data-page=photo] .bubble-four{top:18%;right:43%;width:clamp(30px,4vw,76px);transform:rotate(6deg)}body[data-page=photo] .bubble-five{top:85%;left:24%;width:clamp(28px,3.8vw,72px);transform:rotate(-9deg)}body[data-page=photo] .bubble-six{top:91%;right:23%;transform:rotate(14deg)}body[data-page=photo] .bubble-seven{top:97%;left:46%;width:clamp(24px,3.4vw,62px);transform:rotate(-5deg)}body[data-page=photo] .bubble-eight{top:98%;right:8%;width:clamp(26px,3.6vw,68px);transform:rotate(11deg)}body[data-page=link] .fish-one{top:10%;left:4%;transform:rotate(-9deg)}body[data-page=link] .fish-two{top:16%;right:4%;transform:scaleX(-1) rotate(7deg)}body[data-page=link] .fish-three{top:41%;left:2%;width:clamp(46px,5vw,92px);transform:scaleX(-1) rotate(13deg)}body[data-page=link] .fish-four{top:54%;right:2%;width:clamp(48px,5.2vw,98px);transform:rotate(-5deg)}body[data-page=link] .fish-five{top:77%;left:6%;width:clamp(42px,4.6vw,84px);transform:rotate(6deg)}body[data-page=link] .fish-six{top:84%;right:8%;width:clamp(44px,4.8vw,88px);transform:scaleX(-1) rotate(-13deg)}body[data-page=link] .fish-seven{top:29%;left:15%;width:clamp(36px,4vw,72px);transform:rotate(11deg)}body[data-page=link] .fish-eight{top:91%;right:33%;width:clamp(38px,4.2vw,76px);transform:scaleX(-1) rotate(3deg)}body[data-page=link] .bubble-one{top:12%;left:14%;transform:rotate(-8deg)}body[data-page=link] .bubble-two{top:25%;right:11%;width:clamp(28px,3.8vw,72px);transform:rotate(10deg)}body[data-page=link] .bubble-three{top:37%;left:8%;width:clamp(30px,4vw,76px);transform:rotate(-14deg)}body[data-page=link] .bubble-four{top:50%;right:9%;transform:rotate(6deg)}body[data-page=link] .bubble-five{top:70%;left:16%;width:clamp(26px,3.6vw,68px);transform:rotate(-11deg)}body[data-page=link] .bubble-six{top:81%;right:18%;width:clamp(30px,4vw,76px);transform:rotate(13deg)}body[data-page=link] .bubble-seven{top:87%;left:36%;width:clamp(24px,3.4vw,62px);transform:rotate(-4deg)}body[data-page=link] .bubble-eight{top:94%;right:9%;width:clamp(26px,3.6vw,68px);transform:rotate(8deg)}@media(max-width:699px){.background-fish{width:12vw;opacity:.52}.background-bubble{width:9vw;opacity:.46}.fish-five,.fish-six,.fish-seven,.fish-eight,.bubble-five,.bubble-six,.bubble-seven,.bubble-eight{display:none}body[data-page=profile] .fish-one{top:6%;left:10%}body[data-page=profile] .bubble-one{top:4%;left:24%}body[data-page=profile] .fish-two{top:8%;right:12%}body[data-page=profile] .bubble-two{top:10%;right:27%}body[data-page=profile] .fish-three{inset:auto auto 7% 17%}body[data-page=profile] .bubble-three{inset:auto auto 12% 32%}body[data-page=profile] .fish-four{inset:auto 16% 5% auto}body[data-page=profile] .bubble-four{inset:auto 31% 10% auto}body[data-page=photo] .fish-one{top:2%;left:10%}body[data-page=photo] .bubble-one{top:0%;left:28%}body[data-page=photo] .fish-two{top:5%;right:13%}body[data-page=photo] .bubble-two{top:3%;right:29%}body[data-page=photo] .fish-three{inset:92% auto auto 19%}body[data-page=photo] .bubble-three{inset:90% auto auto 37%}body[data-page=photo] .fish-four{inset:94% 18% auto auto}body[data-page=photo] .bubble-four{inset:96% 36% auto auto}}@media(max-width:599px){body[data-page=link] .fish-one{top:6%;left:10%}body[data-page=link] .bubble-one{top:4%;left:24%}body[data-page=link] .fish-two{top:8%;right:12%}body[data-page=link] .bubble-two{top:10%;right:27%}body[data-page=link] .fish-three{inset:auto auto 7% 17%}body[data-page=link] .bubble-three{inset:auto auto 12% 32%}body[data-page=link] .fish-four{inset:auto 16% 5% auto}body[data-page=link] .bubble-four{inset:auto 31% 10% auto}}@media(min-width:600px)and (max-width:699px){body[data-page=link] .fish-one{inset:14% auto auto 3%}body[data-page=link] .bubble-one{inset:11% auto auto 18%}body[data-page=link] .fish-two{inset:20% 3% auto auto}body[data-page=link] .bubble-two{inset:17% 18% auto auto}body[data-page=link] .fish-three{inset:76% auto auto 4%}body[data-page=link] .bubble-three{inset:73% auto auto 19%}body[data-page=link] .fish-four{inset:83% 5% auto auto}body[data-page=link] .bubble-four{inset:80% 21% auto auto}}@media(min-width:700px)and (max-aspect-ratio:1/1){body[data-page=profile] .fish-one{inset:7% auto auto 9%}body[data-page=profile] .bubble-one{inset:5% auto auto 22%}body[data-page=profile] .fish-two{inset:9% 10% auto auto}body[data-page=profile] .bubble-two{inset:12% 24% auto auto}body[data-page=profile] .fish-three{inset:auto auto 8% 12%}body[data-page=profile] .bubble-three{inset:auto auto 11% 27%}body[data-page=profile] .fish-four{inset:auto 11% 7% auto}body[data-page=profile] .bubble-four{inset:auto 26% 10% auto}body[data-page=profile] .fish-five{inset:15% auto auto 24%}body[data-page=profile] .bubble-five{inset:18% auto auto 38%}body[data-page=profile] .fish-six{inset:17% 25% auto auto}body[data-page=profile] .bubble-six{inset:20% 39% auto auto}body[data-page=profile] .fish-seven{inset:auto auto 15% 29%}body[data-page=profile] .bubble-seven{inset:auto auto 18% 44%}body[data-page=profile] .fish-eight{inset:auto 30% 14% auto}body[data-page=profile] .bubble-eight{inset:auto 44% 17% auto}}header{position:fixed;inset:0 0 auto;z-index:20;background:transparent;font-family:var(--heading-font)}nav{display:flex;flex-direction:column;align-items:flex-end;padding:24px}.menu{position:relative;z-index:2;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;border:0;background:transparent;color:#0f172a;text-shadow:0 1px 8px rgba(255,255,255,.95),0 0 2px rgba(255,255,255,1);cursor:pointer;-webkit-tap-highlight-color:transparent}.menu span{display:block;width:100%;height:2px;background:currentColor}.nav-links{position:fixed;inset:0;z-index:1;box-sizing:border-box;width:100vw;height:100vh;margin:0;padding-top:112px;background-color:var(--page-background-color);background-image:var(--page-background);background-attachment:fixed;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-3%);transition:opacity .28s ease,transform .36s cubic-bezier(.22,1,.36,1),visibility 0s linear .36s}.nav-links a{display:block;padding:20px 0;color:#0d0950;font-size:2.2rem;font-weight:400;letter-spacing:.04em;text-align:center;text-decoration:none;text-shadow:0 1px 8px rgba(255,255,255,.9),0 0 2px rgba(255,255,255,.95);transition:color .16s ease,text-shadow .16s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.nav-links a:hover,.nav-links a:focus,.nav-links a:active{background:transparent;color:#0d0950}@media(max-width:635px){.nav-links{top:0;right:0;bottom:calc((env(safe-area-inset-bottom,0px) + 96px)*-1);left:0;width:100%;height:auto;min-height:0;background-attachment:scroll}@supports (height: 100lvh){.nav-links{height:auto;min-height:0}}.nav-links a.is-tap-active,.nav-links a:active{color:#4fb6ec;text-shadow:0 0 6px rgba(255,255,255,.95),0 0 14px rgba(98,207,255,.95),0 0 26px rgba(98,207,255,.72)}}nav.is-menu-open .nav-links,nav:has(.menu[aria-expanded=true]) .nav-links{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .26s ease,transform .42s cubic-bezier(.22,1,.36,1),visibility 0s}@media(min-width:636px){nav{box-sizing:border-box;flex-direction:row;align-items:center;justify-content:flex-end;width:100%;min-height:60px;margin:0;padding:0 clamp(32px,4.5vw,86px)}.menu{display:none}.nav-links{position:static;display:flex;align-items:center;justify-content:flex-end;gap:clamp(32px,4vw,72px);width:auto;height:auto;padding:0;background:transparent;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none}.nav-links a{display:flex;align-items:center;min-height:60px;padding:0;color:#050b3d;font-size:1.65rem;line-height:1;text-shadow:0 1px 8px rgba(255,255,255,.95),0 0 2px rgba(255,255,255,1)}.nav-links a:hover,.nav-links a:focus,.nav-links a:active{background:transparent;color:#4fb6ec}}:root{--site-font: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;--heading-font: "Yu Mincho", "Hiragino Mincho ProN", "Times New Roman", serif;--content-wide: min(90vw, 1180px);--heading-color: #211946;--heading-accent: #9fb4df;--glass-panel-bg: rgba(255, 255, 255, .45);--glass-panel-border: rgba(255, 255, 255, .84);--glass-panel-blur: blur(18px);--glass-panel-shadow-color: rgba(83, 126, 186, .22);--page-background-color: #d5f0fb;--page-background: radial-gradient(circle at 18% 82%, rgba(86, 176, 230, .34) 0%, rgba(139, 207, 244, .2) 34%, transparent 70%), radial-gradient(circle at 84% 12%, rgba(70, 196, 219, .32) 0%, rgba(154, 225, 239, .2) 34%, transparent 72%), linear-gradient(180deg, rgba(243, 252, 255, .98) 0%, rgba(213, 239, 252, .94) 38%, rgba(188, 222, 246, .9) 100%), linear-gradient(135deg, #f4fbff 0%, #d5f0fb 46%, #eaf7ff 100%)}html,body{margin:0;width:100%;min-height:100vh;background-color:var(--page-background-color);background-image:var(--page-background);background-repeat:repeat-y;background-size:100% 100%}html{overflow-x:clip;overflow-y:scroll;scrollbar-gutter:stable}body{position:relative;box-sizing:border-box;padding:0;background-attachment:fixed;font-family:var(--site-font)}.page-shell{position:relative;z-index:1;min-height:100vh}@media(max-width:699px){html[data-page=home],body[data-page=home]{height:100dvh;min-height:100dvh;overflow:hidden;overscroll-behavior:none}body[data-page=home] .page-shell{height:100dvh;min-height:0;overflow:hidden}body[data-page=home] .hero{position:fixed;inset:0;width:100vw;height:100dvh;min-height:100dvh}body[data-page=home] .hero-bg{inset:-10dvh 0;width:100%;height:120dvh;object-fit:cover}@supports (height: 100lvh){html[data-page=home],body[data-page=home],body[data-page=home] .page-shell,body[data-page=home] .hero{height:100lvh;min-height:100lvh}body[data-page=home] .hero-bg{inset:-10lvh 0;height:120lvh}}}@media(max-width:699px){html,body{height:auto;min-height:100dvh;background-attachment:scroll;overscroll-behavior-y:none}@supports (min-height: 100lvh){html,body{min-height:100lvh}}}body>*{margin:0;padding:0}.page-heading{display:grid;justify-items:center;gap:18px;width:var(--content-wide);margin:0 auto clamp(28px,4vw,42px);text-align:center}.page-title{margin:0;color:var(--heading-color);font-family:var(--heading-font);font-size:clamp(3.2rem,8vw,6rem);font-weight:400;letter-spacing:.03em;line-height:1}.page-title:after{display:block;width:66px;height:2px;margin:18px auto 0;content:"";background:var(--heading-accent)}.page-subtitle{margin:0;color:#6898df;font-size:1rem;font-weight:600;letter-spacing:.14em}#loading{position:fixed;inset:0;z-index:9999;width:100vw;height:100vh;background-color:var(--page-background-color);background-image:var(--page-background);background-attachment:fixed;opacity:1;visibility:visible;transition:opacity 1s ease,visibility 0s linear 1s}#loading.loaded{opacity:0;visibility:hidden}.loading-decoration-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.loading-fish-track{position:absolute;left:-24vw;z-index:2;display:block;width:max-content;animation:loading-fish-swim linear infinite both;backface-visibility:hidden;will-change:transform}.loading-fish{display:block;width:clamp(72px,13vw,180px);height:auto;opacity:.62;filter:saturate(1.35) contrast(1.12) drop-shadow(0 12px 20px rgba(32,112,165,.2)) drop-shadow(0 0 12px rgba(255,255,255,.48));transform:scaleX(-1);backface-visibility:hidden}.loading-fish-track-one{top:26%;animation-duration:8.5s}.loading-fish-track-two{top:52%;animation-duration:11s;animation-delay:-3.8s}.loading-fish-track-two .loading-fish{width:clamp(58px,10vw,144px);opacity:.48}.loading-fish-track-three{top:72%;animation-duration:9.5s;animation-delay:-6.2s}.loading-fish-track-three .loading-fish{width:clamp(64px,11vw,156px);opacity:.54}.loading-bubble{position:absolute;bottom:-12vh;z-index:1;display:block;width:clamp(26px,5vw,72px);height:auto;opacity:.42;filter:saturate(1.15) contrast(1.08) drop-shadow(0 0 10px rgba(255,255,255,.56));animation:loading-bubble-rise ease-in infinite both;will-change:transform,opacity}.loading-bubble-one{left:12%;animation-duration:5.6s}.loading-bubble-two{left:31%;width:clamp(20px,3.8vw,56px);animation-duration:7.2s;animation-delay:-2.4s}.loading-bubble-three{left:53%;width:clamp(24px,4.5vw,66px);animation-duration:6.4s;animation-delay:-4.1s}.loading-bubble-four{left:72%;width:clamp(18px,3.4vw,50px);animation-duration:8s;animation-delay:-1.6s}.loading-bubble-five{left:86%;width:clamp(22px,4vw,60px);animation-duration:6.8s;animation-delay:-5.2s}@keyframes loading-fish-swim{0%{transform:translate(0) translateY(0) rotate(1deg)}50%{transform:translate(62vw) translateY(-1.8vh) rotate(-3deg)}to{transform:translate(148vw) translateY(1.4vh) rotate(2deg)}}@keyframes loading-bubble-rise{0%{opacity:0;transform:translateY(0) translate(0) scale(.72)}16%{opacity:.42}54%{opacity:.5;transform:translateY(-48vh) translate(1.8vw) scale(1)}to{opacity:0;transform:translateY(-104vh) translate(-1.2vw) scale(1.16)}}@media(prefers-reduced-motion:reduce){#loading{transition-duration:1ms}.loading-fish-track,.loading-bubble{animation-duration:1ms;animation-iteration-count:1}}@media(max-width:699px){#loading{top:0;right:0;bottom:calc((env(safe-area-inset-bottom,0px) + 96px)*-1);left:0;width:100%;height:auto;min-height:0;background-attachment:scroll}@supports (height: 100lvh){#loading{height:auto;min-height:0}}}