@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";:root{--color-primary: #6582fd;--color-primary-soft: #c0ccfe;--color-text-primary: #000000;--color-text-secondary: #333333;--color-text-muted: rgba(0, 0, 0, .85);--color-white: #ffffff;--font-title-size: 1.5rem;--font-subtitle-size: 1rem;--font-weight-regular: 400;--font-weight-bold: 600;--spacing-xs: .4rem;--spacing-sm: .5rem;--transition-fast: .3s ease;--highlight-height: .6em;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}body{background-color:#fafafa;font-family:Roboto,sans-serif;font:1rem}::selection{background-color:#6583fe;color:#fff}.home-container{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative;overflow-x:hidden}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:var(--spacing-sm);text-align:center}.logo{width:100px;height:auto}.github-corner{position:absolute;top:0;left:0;color:var(--color-white);fill:var(--color-primary);transform-origin:top left;transition:transform var(--transition-fast);z-index:10}.github-corner:hover{transform:scale(1.2)}.title{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-xs);font-size:var(--font-title-size);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.2}.subtitle{font-size:var(--font-subtitle-size);font-weight:var(--font-weight-regular);color:var(--color-text-muted);max-width:600px;margin:0}.highlight{position:relative;z-index:1;color:var(--color-text-primary);display:inline-block}.highlight:before{content:"";position:absolute;left:0;bottom:.1em;width:0;height:var(--highlight-height);background:var(--color-primary-soft);z-index:-1;animation:highlight .8s ease forwards;animation-delay:.5s}@keyframes highlight{to{width:100%}}.emoji:after{content:"💻";display:inline-block;margin-left:5px;animation:emojiSwap 6s infinite ease-in-out}@keyframes emojiSwap{0%{content:"💻";transform:scale(.8)}10%{transform:scale(1)}25%{content:"🎨"}50%{content:"⚡"}75%{content:"🧠"}90%{transform:scale(.8)}to{content:"💻";transform:scale(1)}}.container-fluid{flex:1;width:100%;margin:0 auto;padding:0 1rem;box-sizing:border-box}#myBtnContainer{margin:0 0 30px;display:flex;justify-content:center;flex-wrap:wrap;gap:1px;width:100%}.btn{border:none;outline:none;padding:10px 20px;background-color:#ddd;cursor:pointer;font-size:16px;transition:all .3s ease;font-weight:500}.btn:hover{background-color:#ccc;transform:translateY(-2px)}.btn.active{background-color:#666;color:#fff}footer{background-color:var(--color-primary);color:#fff;padding:1.5rem 1rem;margin-top:auto;width:100%;display:flex;justify-content:center;align-items:center}.footer-text{font-size:.9rem;display:flex;align-items:center;gap:.4rem;opacity:.9}.heart-mask{width:14px;aspect-ratio:1;display:inline-block;background-color:currentColor;clip-path:polygon(50% 85%,100% 35%,75% 0,50% 25%,25% 0,0 35%);transform:translateY(1px)}footer:hover .heart-mask{transform:scale(1.1) translateY(1px)}.cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;width:100%;max-width:1400px;margin:0 auto;align-items:stretch;margin-bottom:1rem}@media(max-width:1200px){.cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cards-grid{grid-template-columns:1fr}}.card{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;margin:0 auto;padding:1rem;background-color:var(--color-white);border-radius:6px;text-align:center;border:1px solid var(--color-primary-soft)}.card:hover{border:1px solid var(--color-primary)}.card__image{width:100%;height:200px;object-fit:cover;object-position:center;border-radius:4px;border:1px solid var(--color-primary-soft)}.card__content{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;flex-grow:1}.card__title{font-size:var(--font-title-size);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.card__description{font-size:var(--font-subtitle-size);font-weight:var(--font-weight-regular);color:var(--color-text-muted);text-align:left;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card__action{padding:1rem;border-radius:6px;border:1px solid var(--color-primary);background-color:transparent;color:var(--color-primary);font-size:1rem;font-weight:var(--font-weight-bold);text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast, .2s),color var(--transition-fast, .2s)}.card__action:hover{background-color:var(--color-primary);color:var(--color-white)}.card__action:focus-visible{outline:2px solid var(--color-primary-soft);outline-offset:2px}.card__index{position:absolute;top:0;left:0;padding:.5rem 1rem;font-weight:var(--font-weight-bold);font-size:1.2rem;background-color:var(--color-primary);color:var(--color-white);border-radius:6px 0;z-index:2}.card__badge{position:absolute;top:0;right:0;padding:.6rem;font-size:.75rem;font-weight:var(--font-weight-regular);background-color:var(--color-primary-soft);color:var(--color-text-secondary);border-radius:0 6px;z-index:2}:root{--p01-primary-yellow: #FFC400;--p01-primary-blue: #347BC9;--p01-accent-red: #D0495B;--p01-accent-green: #8CB809;--p02-accent-brown: #50423D;--p01-text-main: #000000;--p01-text-muted: #666666;--p01-text-inverse: #ffffff;--p01-bg-white: #ffffff}.project01-container{position:relative;height:100vh;overflow:hidden;color:var(--p01-text-main);font-family:Nunito Sans,sans-serif}.backlink{bottom:1.5rem;left:1.5rem;z-index:9999999;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--p01-bg-white);text-decoration:none;cursor:pointer;position:absolute;top:0;left:0}.backlink img{width:32px;transition:transform .2s ease}.backlink:hover img{transform:scale(1.2)}.backlink:focus-visible{outline:2px solid #ffc400;outline-offset:4px}.project01-container ::selection,.aboutUs ::selection{background-color:var(--p01-primary-yellow);color:var(--p01-text-inverse)}.project01-container .nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000!important;opacity:0;pointer-events:none;transition:opacity .4s ease-in-out;background-color:transparent}.project01-container .nav-overlay.open{opacity:1;background-color:var(--p01-bg-white);pointer-events:all}.project01-container .nav-button{position:fixed;bottom:20px;right:20px;width:80px;height:80px;border-radius:100%;background-color:var(--p01-primary-yellow);color:var(--p01-text-main);border:none;cursor:pointer;z-index:1001!important;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;font-size:.8rem;font-weight:700}.project01-container .hamburger-bar{width:32px;height:3px;background-color:var(--p01-text-main);border-radius:4px;transition:all .3s ease-in-out;transform-origin:center}.project01-container .nav-button--open .hamburger-bar:first-child{transform:translateY(9px) rotate(45deg)}.project01-container .nav-button--open .hamburger-bar:nth-child(2){opacity:0;transform:scale(0)}.project01-container .nav-button--open .hamburger-bar:last-child{transform:translateY(-9px) rotate(-45deg)}.project01-container .nav-section{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1275.223'%20height='717.041'%20viewBox='0%200%201275.223%20717.041'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='kv-mask'%20transform='translate(-1428.777%20-1236.735)'%3e%3cpath%20id='パス_5819'%20data-name='パス%205819'%20class='cls-1'%20d='M234.36,735.486q-11.674-.167-23.379-.644c-40.473-1.675-82.55-9.19-116.769-28.1-38.224-21.121-54.161-58.912-58.588-95.979-4.518-37.83,24.242-76.84,28.455-114.695,8.548-76.836-74.07-182.659,32.063-237.336,51.2-26.377,116.829-15.2,176.646-20.6,72.742-6.569,141.333-40.372,183.361-90.362,23.8-28.309,39.728-61.692,69.821-85.465,34.177-27,82.927-38.082,129.984-38.274,28.966-.119,57.285,4.807,85.543,9.546,30.619,5.136,54.677,5.5,86.2,3.68,98.826-5.8,199.1-16.46,298.182-14.6,52.971.994,103.765,6.2,137.045,45.228,20.269,23.768,27.922,53.745,27.814,82.919-.232,62.486-24.618,124.058-28.883,186.618a566.179,566.179,0,0,0,10.608,154.037c11.96,57.41,41.138,128.124,5.127,183.407-34.148,52.423-113.881,57.4-177.378,58.671-37.543.749-75.2.166-112.618,3.326-19.595,1.655-38.653,3.133-58.387,2.449-38.116-1.322-75.717-7.2-113.692-9.843-94.716-6.589-192.387-10.844-288.459-8.9C429.017,722.558,332.512,736.889,234.36,735.486Z'%20transform='translate(1409.023%201214.293)'/%3e%3cpath%20id='パス_8'%20data-name='パス%208'%20class='cls-1'%20d='M38.606,213.123a20.584,20.584,0,0,0-2.525,1.192,20.934,20.934,0,0,0-10.757,17.909c.059,7.306,4.9,14.478,11.828,16.795,10.725,3.585,21.57-2.765,30.54-7.781,8.773-4.9,17.935-5.2,27.572-3.526C83.669,222.445,58.65,205.252,38.606,213.123Z'%20transform='translate(1403.454%201226.365)'/%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1275.223'%20height='717.041'%20viewBox='0%200%201275.223%20717.041'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='kv-mask'%20transform='translate(-1428.777%20-1236.735)'%3e%3cpath%20id='パス_5819'%20data-name='パス%205819'%20class='cls-1'%20d='M234.36,735.486q-11.674-.167-23.379-.644c-40.473-1.675-82.55-9.19-116.769-28.1-38.224-21.121-54.161-58.912-58.588-95.979-4.518-37.83,24.242-76.84,28.455-114.695,8.548-76.836-74.07-182.659,32.063-237.336,51.2-26.377,116.829-15.2,176.646-20.6,72.742-6.569,141.333-40.372,183.361-90.362,23.8-28.309,39.728-61.692,69.821-85.465,34.177-27,82.927-38.082,129.984-38.274,28.966-.119,57.285,4.807,85.543,9.546,30.619,5.136,54.677,5.5,86.2,3.68,98.826-5.8,199.1-16.46,298.182-14.6,52.971.994,103.765,6.2,137.045,45.228,20.269,23.768,27.922,53.745,27.814,82.919-.232,62.486-24.618,124.058-28.883,186.618a566.179,566.179,0,0,0,10.608,154.037c11.96,57.41,41.138,128.124,5.127,183.407-34.148,52.423-113.881,57.4-177.378,58.671-37.543.749-75.2.166-112.618,3.326-19.595,1.655-38.653,3.133-58.387,2.449-38.116-1.322-75.717-7.2-113.692-9.843-94.716-6.589-192.387-10.844-288.459-8.9C429.017,722.558,332.512,736.889,234.36,735.486Z'%20transform='translate(1409.023%201214.293)'/%3e%3cpath%20id='パス_8'%20data-name='パス%208'%20class='cls-1'%20d='M38.606,213.123a20.584,20.584,0,0,0-2.525,1.192,20.934,20.934,0,0,0-10.757,17.909c.059,7.306,4.9,14.478,11.828,16.795,10.725,3.585,21.57-2.765,30.54-7.781,8.773-4.9,17.935-5.2,27.572-3.526C83.669,222.445,58.65,205.252,38.606,213.123Z'%20transform='translate(1403.454%201226.365)'/%3e%3c/g%3e%3c/svg%3e");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:95vw 95vh;mask-size:95vw 95vh}.project01-container .nav-content{background-color:var(--p01-primary-blue);width:100%;height:100%;display:flex;justify-content:center;align-items:center}.project01-container .nav-section ul{list-style:none;padding:0;text-align:center}.project01-container .nav-section li{display:flex;flex-direction:column;font-size:3rem;color:var(--p01-text-inverse);font-weight:700;cursor:pointer;transition:transform .2s;margin-bottom:30px}.project01-container .nav-section li span{font-size:1rem;color:var(--p01-text-inverse);font-weight:400;margin-top:10px;cursor:pointer;transition:color .2s}.project01-container .nav-section li:hover{transform:scale(1.05);color:var(--p01-primary-yellow)}.project01-container .project-home{position:relative}.project01-container .project__logo{position:absolute;top:3vmax;left:10vmax;z-index:2;width:10%}.project01-container .project__logo img{position:absolute;width:240%}.project01-container .project__hero-bg{position:absolute;width:100%;height:100%;top:0;left:0;background-repeat:no-repeat;background-size:cover;background-position:center 10%;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1275.223'%20height='717.041'%20viewBox='0%200%201275.223%20717.041'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='kv-mask'%20transform='translate(-1428.777%20-1236.735)'%3e%3cpath%20id='パス_5819'%20data-name='パス%205819'%20class='cls-1'%20d='M234.36,735.486q-11.674-.167-23.379-.644c-40.473-1.675-82.55-9.19-116.769-28.1-38.224-21.121-54.161-58.912-58.588-95.979-4.518-37.83,24.242-76.84,28.455-114.695,8.548-76.836-74.07-182.659,32.063-237.336,51.2-26.377,116.829-15.2,176.646-20.6,72.742-6.569,141.333-40.372,183.361-90.362,23.8-28.309,39.728-61.692,69.821-85.465,34.177-27,82.927-38.082,129.984-38.274,28.966-.119,57.285,4.807,85.543,9.546,30.619,5.136,54.677,5.5,86.2,3.68,98.826-5.8,199.1-16.46,298.182-14.6,52.971.994,103.765,6.2,137.045,45.228,20.269,23.768,27.922,53.745,27.814,82.919-.232,62.486-24.618,124.058-28.883,186.618a566.179,566.179,0,0,0,10.608,154.037c11.96,57.41,41.138,128.124,5.127,183.407-34.148,52.423-113.881,57.4-177.378,58.671-37.543.749-75.2.166-112.618,3.326-19.595,1.655-38.653,3.133-58.387,2.449-38.116-1.322-75.717-7.2-113.692-9.843-94.716-6.589-192.387-10.844-288.459-8.9C429.017,722.558,332.512,736.889,234.36,735.486Z'%20transform='translate(1409.023%201214.293)'/%3e%3cpath%20id='パス_8'%20data-name='パス%208'%20class='cls-1'%20d='M38.606,213.123a20.584,20.584,0,0,0-2.525,1.192,20.934,20.934,0,0,0-10.757,17.909c.059,7.306,4.9,14.478,11.828,16.795,10.725,3.585,21.57-2.765,30.54-7.781,8.773-4.9,17.935-5.2,27.572-3.526C83.669,222.445,58.65,205.252,38.606,213.123Z'%20transform='translate(1403.454%201226.365)'/%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1275.223'%20height='717.041'%20viewBox='0%200%201275.223%20717.041'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='kv-mask'%20transform='translate(-1428.777%20-1236.735)'%3e%3cpath%20id='パス_5819'%20data-name='パス%205819'%20class='cls-1'%20d='M234.36,735.486q-11.674-.167-23.379-.644c-40.473-1.675-82.55-9.19-116.769-28.1-38.224-21.121-54.161-58.912-58.588-95.979-4.518-37.83,24.242-76.84,28.455-114.695,8.548-76.836-74.07-182.659,32.063-237.336,51.2-26.377,116.829-15.2,176.646-20.6,72.742-6.569,141.333-40.372,183.361-90.362,23.8-28.309,39.728-61.692,69.821-85.465,34.177-27,82.927-38.082,129.984-38.274,28.966-.119,57.285,4.807,85.543,9.546,30.619,5.136,54.677,5.5,86.2,3.68,98.826-5.8,199.1-16.46,298.182-14.6,52.971.994,103.765,6.2,137.045,45.228,20.269,23.768,27.922,53.745,27.814,82.919-.232,62.486-24.618,124.058-28.883,186.618a566.179,566.179,0,0,0,10.608,154.037c11.96,57.41,41.138,128.124,5.127,183.407-34.148,52.423-113.881,57.4-177.378,58.671-37.543.749-75.2.166-112.618,3.326-19.595,1.655-38.653,3.133-58.387,2.449-38.116-1.322-75.717-7.2-113.692-9.843-94.716-6.589-192.387-10.844-288.459-8.9C429.017,722.558,332.512,736.889,234.36,735.486Z'%20transform='translate(1409.023%201214.293)'/%3e%3cpath%20id='パス_8'%20data-name='パス%208'%20class='cls-1'%20d='M38.606,213.123a20.584,20.584,0,0,0-2.525,1.192,20.934,20.934,0,0,0-10.757,17.909c.059,7.306,4.9,14.478,11.828,16.795,10.725,3.585,21.57-2.765,30.54-7.781,8.773-4.9,17.935-5.2,27.572-3.526C83.669,222.445,58.65,205.252,38.606,213.123Z'%20transform='translate(1403.454%201226.365)'/%3e%3c/g%3e%3c/svg%3e");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:95vw 95vh;mask-size:95vw 95vh}.project01-container .project__props img{position:absolute;z-index:99;pointer-events:none;animation-name:float;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.project01-container .project__props img:first-child{top:5%;left:30%;width:10%;animation-duration:4s;animation-delay:0s}.project01-container .project__props img:nth-child(2){top:5%;right:4%;width:8%;animation-duration:6s;animation-delay:1s}.project01-container .project__props img:nth-child(3){bottom:45%;right:4%;width:7%;animation-duration:4s;animation-delay:.5s}.project01-container .project__props img:nth-child(4){bottom:25%;left:2%;width:10%;animation-duration:6s;animation-delay:1.5s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.project01-container .project__news-ticker{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:absolute;bottom:0;left:0;z-index:100!important;background-color:var(--p01-bg-white);border-radius:0 20px 0 0;padding:20px 40px;font-size:.85rem}.project01-container .project__news-ticker p{margin:5px 0 0;font-weight:700;color:var(--p01-text-main)}.project01-container .info{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;font-size:.75rem;color:var(--p01-text-muted)}.project01-container .info .tag{color:var(--p01-accent-red)}.project-home{height:100vh;background-color:var(--p01-bg-white)}.aboutUs{width:100%;background-color:var(--p01-bg-white);font-family:Nunito Sans,sans-serif;color:var(--p02-accent-brown);display:flex;flex-direction:column;align-items:center;gap:2rem;padding:4rem 0}h1{font-size:53px;line-height:111px;color:var(--p01-accent-brown);text-align:center}.about-article{width:100%;display:flex;justify-content:center;gap:2rem}.about-article .content{width:100%;max-width:1400px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem}.about-article.reverse .content{direction:rtl}.about-article.reverse .content>*{direction:ltr}.about-article img{width:100%;max-width:480px;border-radius:32px;object-fit:cover}.about-article .text{max-width:620px;line-height:32px;letter-spacing:.04em}.about-article .center{text-align:center}.about-article h2{font-size:2rem;font-weight:700;line-height:1.4;margin-bottom:1rem}.about-article h2.red{color:var(--p01-accent-red)}.about-article h2.blue{color:var(--p01-primary-blue)}.about-article h2.green{color:var(--p01-accent-green)}