@charset "UTF-8";.loader{--circle-outline: #505050;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;z-index:999;opacity:0}.loader.loading{background:#000;opacity:1}.loader .counter{position:absolute;justify-self:flex-end;align-self:flex-end;bottom:20%;color:var(--circle-outline);padding:2rem 4rem;font-size:10vw;font-family:Saol Display;font-weight:lighter;font-style:italic;z-index:1000}.loader .circles{display:flex;position:absolute;width:400px;height:400px;border-radius:100%}.loader .circles .circle{position:absolute;top:0;left:0;width:100%;height:100%;background:none;border:2px solid var(--circle-outline);border-radius:100%}.loader .circles .circle-inner,.loader .circles .circle-inner2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px}.loader .circles .circle-inner-rotator{position:absolute;left:50%;transform:translate(-50%) scale(0);width:162.5px;height:162.5px;background:none;border:2px solid var(--circle-outline);border-radius:100%}.loader .circles .circles-block{position:absolute;top:50%;left:50%;width:0px;height:0px;visibility:hidden;background:none;border:2px solid var(--circle-outline);transform-origin:center;transform:translate(-50%,-50%)}:root{--color-text-light: #333333;--color-background-light: #faf4e5;--color-pink-light: #e5a1aa;--color-green-light: #7ad0ac;--color-blue-light: #8395cd;--color-text-dark: #faf4e5;--color-background-dark: #8395cd}:root .light-theme{--color-text: var(--color-text-light);--color-background: var(--color-background-light);--color-pink: var(--color-pink-light);--color-green: var(--color-green-light);--color-blue: var(--color-blue-light)}:root .dark-theme{--color-text: var(--color-text-dark);--color-background: var(--color-background-dark);--color-pink: var(--color-text-dark);--color-green: var(--color-text-dark);--color-blue: var(--color-text-dark)}body{color:var(--color-text);font-family:Courier New,Courier,monospace}.experience{position:fixed;width:100vw;height:100vh;opacity:0;transition:opacity 1.5s}.experience .experience-canvas{width:100%;height:100%}.page-content{display:none;z-index:999;width:100%;overflow:hidden}.page-content .toggle-bar{display:flex;position:fixed;top:1rem;right:1rem;justify-content:center;align-items:center;z-index:1001}.page-content .toggle-bar .sun-wrapper,.page-content .toggle-bar .moon-wrapper{display:flex;justify-content:center;align-items:center}.page-content .toggle-bar .toggle-button{display:flex;position:relative;justify-content:center;align-items:center;cursor:pointer;margin:0px .2rem;box-shadow:rgba(149,157,165,.2) 0 8px 24px;border:none;border-radius:13.4765625rem;background-color:#f47f54;width:2.2rem;height:1.2rem}.page-content .toggle-bar .toggle-button .toggle-circle{position:absolute;left:.2rem;transform:translate(0);transition:all .2s ease-in-out;border-radius:50%;background-color:#f0f8ff;width:.8rem;height:.8rem}.page-content .toggle-bar .toggle-button .toggle-circle.slide{left:100%;transform:translate(-1rem)}.page-content .nav{display:none;position:relative}.page-content .slogan{display:flex;position:relative;justify-content:center;align-items:center;height:100vh;text-align:center}.page-content .slogan h1{font-weight:700;font-size:1.248125rem}.page-content .section1,.page-content .section2,.page-content .section3,.page-content .section4{display:flex;position:relative;justify-content:center;align-items:center;min-height:clamp(640px,100vh,90rem)}.page-content .section1 .design-categories{display:flex;justify-content:center;width:100%}.page-content .section1 .design-categories .left-column,.page-content .section1 .design-categories .right-column{margin:1.25rem 2.875rem;font-weight:700}.page-content .section1 .design-categories p{margin:1.34765625rem 0 .26953125rem;font-size:.8125rem;text-align:center}.page-content .section2 .about{--about-font-size-title: 1.015625rem;--about-font-size-content: .8125rem;display:flex;flex-direction:column;width:100%}.page-content .section2 .about .reveal-type{position:relative;margin-left:1rem;font-style:normal;font-weight:900;font-size:var(--about-font-size-title);font-family:Zen Maru Gothic,serif;letter-spacing:.203125rem}.page-content .section2 .about .reveal-type2{align-self:flex-end;margin-top:6rem;margin-right:1rem;margin-left:1rem;width:17.5rem;font-weight:600;font-size:var(--about-font-size-content);line-height:1.8;font-family:Zen Maru Gothic,serif;letter-spacing:.0203125rem}.page-content .section2 .about .user-info{display:flex;flex-direction:column;gap:.7125rem;margin-top:1rem;margin-left:1rem}.page-content .section2 .about .user-info .user-img{flex-shrink:0;width:4rem;object-fit:cover}.page-content .section2 .about .user-info .user-cont{display:flex;flex-direction:column;gap:1rem;margin-top:.4875rem;font-size:var(--about-font-size-content)}.page-content .section2 .about .user-info .user-cont .user-cont-item{display:flex;gap:.4875rem}.page-content .section3{display:none}.page-content .mobile_img{display:flex;position:relative;flex-wrap:wrap;justify-content:space-between;margin-right:1rem;margin-left:1rem}.page-content .mobile_img a{margin-bottom:1rem;width:calc(50vw - 1.5rem);text-align:center}.page-content .mobile_img a .mobile_image{display:block;width:100%;height:auto}.page-content .mobile_img a .mobile_project_title,.page-content .mobile_img a .mobile_project_title2{margin-top:.3125rem;font-size:.875rem}.page-content .final{display:flex;position:relative;flex-direction:column;justify-content:center;margin-top:5rem;padding-bottom:8rem}.page-content .final .footerCont{order:1;margin-right:1rem;margin-left:1rem;padding-top:8rem;width:100%;color:#000;font-size:2rem}.page-content .final .footerCont2{order:3;margin-top:8rem;color:#000;font-size:1.5rem;text-align:center}.page-content .final .contact{display:flex;flex-direction:column;align-items:center;order:2;margin-top:10rem;margin-left:0;color:#000}.page-content .final .contact .contactus{font-weight:700;font-size:2.2rem}.page-content .final .contact .final_cont .ins,.page-content .final .contact .final_cont .rikou,.page-content .final .contact .final_cont .mail,.page-content .final .contact .final_cont .Rikoutaku{margin-top:1rem;width:8rem;font-size:1rem;text-align:center}.page-content .final .contact .final_cont>*:nth-child(odd){border-radius:6rem;background-color:#faf4e5;padding:.1rem}.dark-theme .page-content .toggle-bar .sun-wrapper svg{fill:#faf4e5}.dark-theme .page-content .toggle-bar .moon-wrapper svg{fill:#faf4e5}.dark-theme .page-content .nav .Eye_wrapper .Position_eye svg .cls-1,.dark-theme .page-content .nav .Eye_wrapper .Position_eye svg .cls-2,.dark-theme .page-content .nav .Eye_wrapper .Position_eye svg .cls-3,.dark-theme .page-content .nav .Eye_wrapper .Position_eye svg .cls-4{filter:invert(1)}.dark-theme .page-content .final .footerCont,.dark-theme .page-content .final .footerCont2,.dark-theme .page-content .final .contact{color:var(--color-text)}.dark-theme .page-content .final .contact .final_cont>*:nth-child(odd){color:#000}@media(min-width:520px){.page-content .section2 .about .reveal-type2{width:19rem}}@media(min-width:640px){.page-content .slogan h1{font-size:1.875rem}.page-content .section1 .design-categories p{font-size:1.25rem}.page-content .section2 .about{--about-font-size-title: 1.66666875rem;--about-font-size-content: 1.25rem}.page-content .section2 .about .reveal-type2{width:27.5rem}.page-content .section2 .about .user-info{flex-direction:row;gap:1rem}.page-content .section2 .about .user-info .user-img{flex-shrink:0;width:8.4rem}.page-content .mobile_img a{margin-bottom:2rem}.page-content .mobile_img a .mobile_project_title,.page-content .mobile_img a .mobile_project_title2{margin-top:.6rem;font-size:1.25rem}.page-content .final{margin-top:5rem;padding-bottom:12rem}.page-content .final .footerCont{margin-right:2rem;margin-left:2rem;padding-top:16rem;font-size:4rem}.page-content .final .footerCont2{margin-top:12rem;font-size:3rem}.page-content .final .contact{margin-top:12rem;margin-left:0}.page-content .final .contact .contactus{font-size:4rem}.page-content .final .contact .final_cont .ins,.page-content .final .contact .final_cont .rikou,.page-content .final .contact .final_cont .mail,.page-content .final .contact .final_cont .Rikoutaku{margin-top:2rem;width:16rem;font-size:2rem}.page-content .final .contact .final_cont>*:nth-child(odd){border-radius:12rem;padding:.2rem}}@media(min-width:768px){.page-content .nav{display:flex;position:fixed;top:0;justify-content:space-between;align-items:center;z-index:1000;box-sizing:border-box;padding:1rem;width:100%;max-height:4rem}.page-content .nav .nav-left{font-weight:700;font-size:1.875rem}.page-content .nav .nav-right{display:flex;justify-content:flex-end}.page-content .nav .nav-right a{margin-right:1rem;margin-left:3.125rem;margin-left:1.875rem;font-size:1.25rem;white-space:nowrap}.page-content .nav .Eye_wrapper{display:flex;position:absolute;top:1rem;left:50%;transform:translate(-50%);width:5.875rem;height:4.7rem}.page-content .nav .Eye_wrapper .Position_eye{display:flex;justify-content:center;width:100%;height:100%}.page-content .nav .Eye_wrapper .Position_eye svg{width:100%;height:auto}.page-content .section2 .about .reveal-type2{width:34.5rem}.page-content .section3{display:block;position:relative;height:240rem;margin-top:-15rem;margin-bottom:15rem}.page-content .section3 #image-track-wrap{width:100vw;height:100vh}.page-content .section3 #image-track-wrap #image-track{display:flex;position:absolute;top:40rem;left:50%;gap:4vmin;transform:translateY(-50%);user-select:none;text-align:center;width:max-content}.page-content .section3 #image-track-wrap #image-track>a{flex-shrink:0}.page-content .section3 #image-track-wrap #image-track>a .image{width:40vmin;height:56vmin;object-fit:cover;object-position:0% center}.page-content .section3 #image-track-wrap #image-track>a .project_title,.page-content .section3 #image-track-wrap #image-track>a .project_title2{margin-top:.6rem;font-weight:700;font-size:1.25rem;font-family:Zen Maru Gothic,serif}.page-content .mobile_img{display:none}}@media(min-width:1024px){.page-content .slogan h1{font-size:2.15rem}.page-content .section1 .design-categories p{font-size:1.5rem}.page-content .section2 .about .reveal-type2{letter-spacing:.0403125rem;font-size:1.25rem}.page-content .section2 .about .user-info{gap:1.4rem;margin-top:3rem}.page-content .section2 .about .user-info .user-img{width:12rem}.page-content .section2 .about .user-info .user-cont{gap:1.4rem;font-size:1.5rem}.page-content .section2 .about .user-info .user-cont .user-cont-item{gap:1rem}.page-content .section3{margin-top:4rem;margin-bottom:0}.page-content .final{margin-top:0;padding-top:8rem;padding-bottom:0rem}.page-content .final .footerCont{font-size:8rem}.page-content .final .footerCont2{align-self:flex-end;padding-right:4rem;margin-top:8rem;font-size:4rem}.page-content .final .contact{align-self:flex-end;padding-right:4rem;margin-top:8rem}.page-content .final .contact .contactus{font-size:3.5rem}}@media(min-width:1280px){.page-content .section2 .about{--about-font-size-title: 2rem;--about-font-size-content: 1.5rem}.page-content .section2 .about .reveal-type2{width:39.5rem}.page-content .section2 .about .user-info .user-img{width:16.6666875rem}.page-content .section3 #image-track-wrap #image-track>a .project_title,.page-content .section3 #image-track-wrap #image-track>a .project_title2{font-size:1.5rem;margin-top:1rem}}@media(min-width:1440px){.page-content .toggle-bar{top:1.5rem;right:1.5rem}.page-content .toggle-bar .sun-wrapper svg{width:2.25rem;height:2.25rem}.page-content .toggle-bar .moon-wrapper svg{width:2.25rem;height:2.25rem}.page-content .toggle-bar .toggle-button{width:3.3rem;height:1.8rem}.page-content .toggle-bar .toggle-button .toggle-circle{left:.3rem;width:1.2rem;height:1.2rem}.page-content .toggle-bar .toggle-button .toggle-circle.slide{transform:translate(-1.5rem)}.page-content .nav{padding:2rem;max-height:6rem}.page-content .nav .nav-left{font-size:2.4rem}.page-content .slogan h1{font-size:2.58rem}.page-content .section2 .about{--about-font-size-title: 2.4rem;--about-font-size-content: 1.8rem}.page-content .section2 .about .reveal-type{margin-left:2rem;font-size:2.4rem}.page-content .section2 .about .reveal-type2{margin-right:2rem;width:44.5rem}.page-content .section2 .about .user-info{margin-left:2rem}}@media(min-width:1536px){.page-content .section3{margin-top:6rem}.page-content .final{padding-bottom:1rem}}@media(min-width:1920px){.page-content .slogan h1{font-size:3.612rem}.page-content .section1,.page-content .section2,.page-content .section3,.page-content .section4{margin-right:auto;margin-left:auto;max-width:2560px}.page-content .section2 .about{--about-font-size-title: 3.36rem;--about-font-size-content: 2.44rem}.page-content .section2 .about .reveal-type{margin-top:4.2rem;margin-left:3rem}.page-content .section2 .about .reveal-type2{margin-top:8.4rem;margin-right:3rem;width:62rem}.page-content .section2 .about .user-info{gap:2rem;margin-left:3rem}.page-content .section2 .about .user-info .user-img{width:23.3333625rem}.page-content .section2 .about .user-info .user-cont{gap:2rem;margin-top:.6725rem}.page-content .section2 .about .user-info .user-cont .user-cont-item{gap:1.4rem}.page-content .section3{margin-top:10rem}.page-content .section3 #image-track-wrap #image-track>a .image{width:26.25rem;height:36.75rem}.page-content .final{margin-right:auto;margin-left:auto;padding-top:10rem;max-width:2560px}.page-content .final .footerCont{font-size:12.5rem}.page-content .final .footerCont2{font-size:6.25rem}}@media(min-width:2560px){.page-content .section3{margin-top:0}.page-content .final{margin-top:10rem}.page-content .final .footerCont2,.page-content .final .contact{margin-top:14rem}}@media(min-width:2880px){.page-content .section3{margin-bottom:20rem}.page-content .final{padding-bottom:2rem}.page-content .final .footerCont{margin-right:0;margin-left:0}.page-content .final .footerCont2{padding-right:0;margin-top:20rem}.page-content .final .contact{padding-right:0}}@media(min-width:3840px){.page-content .section3{margin-bottom:32rem}.page-content .final{padding-bottom:8rem}}@media(min-width:5120px){.page-content .section3{margin-bottom:54rem}.page-content .final{padding-bottom:20rem}.page-content .final .footerCont2{margin-top:40rem}}@media(min-width:6016px){.page-content .section3{margin-bottom:68rem}}