@import"https://fonts.googleapis.com/css2?family=Jersey+15&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+Hentaigana:wght@200..900&display=swap";.navbar[data-v-191b75db]{position:fixed;top:0;left:0;width:60px;height:100vh;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);box-shadow:4px 0 10px #ffffff1a;display:flex;flex-direction:column;align-items:center;padding-top:20px;z-index:1000}.nav-list[data-v-191b75db]{list-style:none;padding:0;margin:0;width:100%}.nav-item[data-v-191b75db]{margin:10px 0;width:100%;text-align:center}.nav-item a[data-v-191b75db]{text-decoration:none;color:#ccc;font-size:12px;font-weight:700;padding:10px 20px;display:block;width:100%;transition:all .3s ease-in-out}.nav-item a[data-v-191b75db]:hover{color:#fff;background:linear-gradient(135deg,#333,#111);box-shadow:0 4px 10px #fff3;transform:scale(1.05)}.nav-item a.active[data-v-191b75db]{background:#fff;color:#000;font-weight:700}@media (max-width: 768px){.navbar[data-v-191b75db]{position:fixed;top:0;left:0;width:100%;height:auto;flex-direction:row;justify-content:center;align-items:center;padding:10px}.nav-list[data-v-191b75db]{display:flex;flex-direction:row;justify-content:center;width:100%;background:transparent}.nav-item[data-v-191b75db]{margin:0 10px;width:auto}.nav-item a[data-v-191b75db]{width:auto;padding:8px 12px;font-size:14px}}.headers{height:100vh;display:flex;justify-content:center;align-items:center}.face{position:relative;width:30vw;max-width:500px;height:auto}.character{width:100%;height:auto;position:relative}.eyes{position:absolute;top:32%;left:50%;width:20%;display:flex;justify-content:space-between;transform:translate(-50%)}.eye{width:2vw;height:2vw;background:#fff;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;box-shadow:inset 2px 2px 5px #0000004d}.pupil{width:1vw;height:1vw;background:#000;border-radius:50%;position:absolute;transition:transform .05s ease-out}@media (max-width: 768px){.face{width:50vw}.eyes{width:22%}.eye{width:4vw;height:4vw}.pupil{width:1.5vw;height:1.5vw}}.content-wrapper[data-v-d4616bb8]{color:#fff;display:flex;justify-content:center;padding:20px}.card[data-v-d4616bb8]{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;max-width:900px;width:100%;box-shadow:0 0 20px #00000040}.card h2[data-v-d4616bb8]{font-size:14px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:8px}.card p[data-v-d4616bb8],.card ul[data-v-d4616bb8]{font-size:12px;line-height:1.6}.card a[data-v-d4616bb8]{color:#90e0ef;text-decoration:none}.card a[data-v-d4616bb8]:hover{text-decoration:underline;color:#00b4d8}.portfolio[data-v-d4616bb8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,0fr));gap:10px;margin-top:10px}.sub-card[data-v-d4616bb8]{display:flex;flex-wrap:wrap;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;width:180px;transition:transform .3s ease;font-size:10px}.sub-card[data-v-d4616bb8]:hover{transform:scale(1.15);box-shadow:0 0 25px #90e0efb3;border-color:#90e0ef}.sub-card h3[data-v-d4616bb8]{margin-bottom:10px}.tech[data-v-d4616bb8]{font-size:14px;color:#ddd;margin-bottom:8px}.contact-icon[data-v-d4616bb8]{margin-right:8px;color:#90e0ef;font-size:18px}@media (max-width: 1150px){.card p[data-v-d4616bb8],.card ul[data-v-d4616bb8]{font-size:8px;line-height:1.6}.portfolio[data-v-d4616bb8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,0fr));gap:8px;margin-top:10px}.sub-card[data-v-d4616bb8]{display:flex;flex-wrap:wrap;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;width:170px;transition:transform .3s ease;font-size:10px}}.loading-overlay[data-v-5fd6f06e]{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#000000b3;z-index:9999}.jumpy-bars[data-v-5fd6f06e]{display:flex;justify-content:space-evenly;width:4.5em;height:3.5em;gap:.3em}.bar[data-v-5fd6f06e]{width:1em;height:auto;opacity:0;background-color:#fff;border-radius:100%;animation:jumping-bars-5fd6f06e 1s linear infinite alternate-reverse}#bar1[data-v-5fd6f06e]{animation-delay:.2s}#bar2[data-v-5fd6f06e]{animation-delay:.4s}#bar3[data-v-5fd6f06e]{animation-delay:.6s}#bar4[data-v-5fd6f06e]{animation-delay:.8s}#bar5[data-v-5fd6f06e]{animation-delay:1s}#bar6[data-v-5fd6f06e]{animation-delay:1.2s}#bar7[data-v-5fd6f06e]{animation-delay:1.5s}@keyframes jumping-bars-5fd6f06e{0%{opacity:1;transform:scaleY(0)}50%{opacity:1;transform:scaleY(.5)}to{opacity:1;transform:scaleY(1.8)}}*{font-family:Noto Sans JP,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}.layout{display:flex;height:100vh;background-image:url(/assets/%E9%BB%91%E6%A3%AE%E6%9E%97-5so64_n_.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;flex-direction:row}.navbar{width:10%;background-color:#2c3e50;color:#fff}.content{flex-grow:1;padding:20px;position:relative;left:15%}.headers{width:40%;padding:20px}@media (max-width: 768px){.layout{flex-direction:column;height:auto;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat}.navbar{width:100%!important;height:auto;order:1}.content{width:100%;height:100%;order:2;padding:145px 10px 10px;left:0}.headers{width:100%;height:auto;order:3;padding:10px}}