*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure,blockquote,ul,ol,li,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}li{list-style-type:none}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-35px)}100%{transform:translateY(0)}}@keyframes floating2{0%{transform:translateY(0)}50%{transform:translateY(-30px)}100%{transform:translateY(0)}}@keyframes stop1{0%{stop-color:#7a5fff}25%{stop-color:#b68cfa}50%{stop-color:#fbbafd}75%{stop-color:#7a5fff}100%{stop-color:#ca62ee}}@keyframes stop2{0%{stop-color:#ca62ee}25%{stop-color:#df89c5}50%{stop-color:#7a5fff}75%{stop-color:#d672b8}100%{stop-color:#a9bdf3}}@keyframes stop3{0%{stop-color:#ff5da9}50%{stop-color:#ca62ee}100%{stop-color:#628bfb}}@keyframes stop4{0%{stop-color:#ee6bb7}50%{stop-color:#d897ee}100%{stop-color:#fb62cd}}@keyframes gradientShift{0%{background-position:0% 0%}50%{background-position:100% 100%}100%{background-position:0% 0%}}body{font-family:"Zen Kaku Gothic New",sans-serif;color:#444;font-size:14px;animation:fadeIn 2s forwards}@media screen and (min-width: 768px){body{font-size:16px}}@media screen and (min-width: 1024px){body{font-size:18px}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.header{padding:0 0 0 6%;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:5}@media screen and (min-width: 1024px){.header{padding:70px 0 0 70px}}.header__logo{width:164px}@media screen and (min-width: 768px){.header__logo{width:198px}}@media screen and (min-width: 1024px){.header__logo{width:94px}}.header__img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}.btn{padding-top:3.5vh;width:11vh;height:11vh;z-index:1;cursor:pointer}@media screen and (min-width: 1024px){.btn{opacity:0;cursor:auto}}.btn__txt{font-size:1.4vh;text-align:center}.box{margin:0 auto;position:relative;display:flex;justify-content:start;align-items:center;width:3vh;height:3vh;transition:.3s}.box__top,.box__middle,.box__bottom{position:absolute;display:block;height:1px;transition:.4s}.box__top{transform:translateY(-1vh);background:#686868;width:100%}.box__middle{background:#686868;width:80%}.box__bottom{transform:translateY(1vh);background:#686868;width:100%}.scroll{position:fixed;bottom:10vh;left:65px;color:#fff;font-family:"Work Sans",sans-serif;font-weight:700;z-index:1;writing-mode:vertical-rl;opacity:0}@media screen and (min-width: 1024px){.scroll{opacity:1}.scroll::after{position:absolute;margin-top:10px;content:"";display:inline-block;left:4px;width:17px;height:13px;background:url(../../images/scroll_white.svg) center center/cover}}.gnav{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;transition:.5s;opacity:0;background:#fff;pointer-events:none}@media screen and (min-width: 1024px){.gnav{width:auto;height:auto;display:block;position:static;background:none;opacity:1;pointer-events:auto}}.gnav::before{display:block;content:"";position:absolute;width:400px;height:500px;transform:scale(0.7);top:-10%;right:-30px;opacity:.8;background:url(../images/nav1.svg) center center/cover;filter:blur(3px);animation:floating 15s linear infinite}@media screen and (min-width: 768px){.gnav::before{width:600px;height:700px;top:-10%;right:-50px}}@media screen and (min-width: 1024px){.gnav::before{opacity:0;pointer-events:none}}.gnav::after{content:url(../images/nav2.svg);position:absolute;bottom:0;right:50%;opacity:.8;filter:blur(3px);animation:floating 10s linear infinite}@media screen and (min-width: 1024px){.gnav::after{opacity:0;pointer-events:none}}.gnav__nav{position:relative;z-index:1}@media screen and (min-width: 1024px){.gnav__nav{position:absolute;top:50vh;right:3vw;transform:translateY(-50%)}}.gnav__link{display:block;padding:35px;color:#686868;font-size:18px;font-family:"Work Sans",sans-serif;font-weight:700;text-decoration:none;transition:.4s}.gnav__link:hover{color:#adadad}@media screen and (min-width: 1024px){.gnav__link{padding:16px 30px;font-size:14px;color:#fff}.gnav__link:hover{color:#b3b3b3}}.footer{position:relative;z-index:1}.footer__logo{width:220px;margin:0 auto 14vh}@media screen and (min-width: 768px){.footer__logo{width:338px;margin-bottom:16vh}}@media screen and (min-width: 1024px){.footer__logo{width:546px;margin-bottom:19vh;position:relative}}.footer__img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}.footer__btn{margin-bottom:6vh;position:relative;transition:.4s;display:flex;justify-content:start;align-items:center;gap:8px;font-size:10px;color:#444;font-family:"Work Sans",sans-serif;font-weight:600;text-decoration:none;flex-direction:column-reverse}.footer__btn::after{content:"";display:inline-block;width:60px;height:60px;background:url(../images/arrowblack.svg) center center/cover;transition:.4s}.footer__btn:hover::after{background:url(../images/arrowbtn.svg) center center/cover}@media screen and (min-width: 1024px){.footer__btn:hover::after{background:url(../images/pagetop_hover.svg) center center/cover}}@media screen and (min-width: 768px){.footer__btn{font-size:16px}}@media screen and (min-width: 1024px){.footer__btn{padding:40px;margin-bottom:0;font-size:18px;color:#646464;flex-direction:row-reverse;transform:rotate(90deg);width:200px;left:-25px}.footer__btn:hover{color:#adadad}.footer__btn::after{position:absolute;content:"";display:inline-block;top:45px;left:12px;width:17px;height:14px;background:url(../images/pagetop.svg) center center/cover}}.footer__btn::after{transform:rotate(-90deg)}.footer__copy{margin-bottom:8vh;text-align:center;font-size:10px;font-family:"Work Sans",sans-serif;letter-spacing:.1em;color:#c6c6c6}@media screen and (min-width: 768px){.footer__copy{font-size:12px;margin-bottom:4vh}}@media screen and (min-width: 1024px){.footer__copy{font-size:16px;margin-bottom:10vh}}#top body{overflow-x:hidden}#top .wrapper{overflow:hidden;position:relative}#top .mv{margin-bottom:50vw;width:100%;height:100vh;position:relative}@media screen and (min-width: 1300px){#top .mv{height:200vh;margin-bottom:30vw}}#top .mv__box{padding-top:140px;position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width: 768px){#top .mv__box{padding-top:220px}}@media screen and (min-width: 1024px){#top .mv__box{padding-top:160px}}@media screen and (min-width: 1300px){#top .mv__box{padding-top:260px}}#top .mv__catch{margin-bottom:32px;font-size:28px;font-weight:600;line-height:2;letter-spacing:.1em;text-align:center;color:#fff;transform:translateX(5%)}@media screen and (min-width: 768px){#top .mv__catch{font-size:46px;margin-bottom:85px}}@media screen and (min-width: 1300px){#top .mv__catch{font-size:80px}}#top .mv__ttl{opacity:0;transform:translateX(5%)}@media screen and (min-width: 1024px){#top .mv__ttl{opacity:1;font-size:24px;letter-spacing:.2em;color:#fff;font-family:"Work Sans",sans-serif;font-weight:600;margin-bottom:280px}}#top .mv__txt{font-size:14px;line-height:2.2;text-align:center;color:#fff;transform:translateX(3%)}@media screen and (min-width: 768px){#top .mv__txt{font-size:20px}}@media screen and (min-width: 1300px){#top .mv__txt{font-size:24px;letter-spacing:.3em;transform:translateX(5%)}}#top .mv__svg{position:absolute;top:45%;left:50%;width:1150px;height:auto;transform:translate(-50%, -50%);opacity:.9;filter:blur(0.5px)}@media screen and (min-width: 768px){#top .mv__svg{top:55%;width:210vw}}@media screen and (min-width: 1024px){#top .mv__svg{top:50%;width:190vw}}@media screen and (min-width: 1300px){#top .mv__svg{top:40%;left:50%;width:180vw}}@media screen and (min-width: 1600px){#top .mv__svg{top:50%;width:170vw}}#top .mv__path{fill:url(#gradient)}#top .mv #stop1{animation:stop1 10s ease-in-out infinite alternate}#top .mv #stop2{animation:stop2 10s ease-in-out infinite alternate}#top .mv #stop3{animation:stop3 10s ease-in-out infinite alternate}#top .mv #stop4{animation:stop4 10s ease-in-out infinite alternate}#top .mv__shape1{position:absolute;opacity:.8;filter:blur(3px);top:10px;left:-65px;width:42vw;height:42vw;background:url(../images/colorful1.svg) center center/cover;animation:floating 15s linear infinite}@media screen and (min-width: 768px){#top .mv__shape1{top:15px;left:-130px}}@media screen and (min-width: 1024px){#top .mv__shape1{width:40vw;height:40vw;top:0}}@media screen and (min-width: 1200px){#top .mv__shape1{left:-220px;opacity:.7}}#top .mv__shape2{position:absolute;opacity:.8;filter:blur(1px);top:350px;left:25px;width:11vw;height:10vw;background:url(../images/colorful2.svg) center center/cover;animation:floating 20s linear infinite}@media screen and (min-width: 768px){#top .mv__shape2{top:420px;left:14%}}@media screen and (min-width: 1024px){#top .mv__shape2{top:600px;left:15%}}@media screen and (min-width: 1500px){#top .mv__shape2{top:750px}}#top .mv__shape3{position:absolute;opacity:.8;filter:blur(2px);bottom:10px;left:-40px;width:24vw;height:23vw;background:url(../images/colorful3.svg) center center/cover;animation:floating 10s linear infinite}@media screen and (min-width: 768px){#top .mv__shape3{bottom:0;left:-60px;width:25vw;height:24vw;filter:blur(3px)}}@media screen and (min-width: 1024px){#top .mv__shape3{bottom:-300px;left:60px}}@media screen and (min-width: 1300px){#top .mv__shape3{bottom:100px}}#top .mv__shape4{position:absolute;opacity:.8;filter:blur(4px);top:300px;right:-120px;width:55vw;height:55vw;background:url(../images/colorful5.svg) center center/cover;animation:floating-rotate 30s linear infinite;animation:floating 20s linear infinite}@media screen and (min-width: 768px){#top .mv__shape4{right:-200px;width:48vw;height:48vw;filter:blur(6px)}}@media screen and (min-width: 1300px){#top .mv__shape4{top:35%;right:-250px}}#top .mv__shape5{position:absolute;opacity:.8;filter:blur(2px);top:0;right:45px;width:30vw;height:30vw;background:url(../images/colorful4.svg) center center/cover;animation:floating 10s linear infinite}@media screen and (min-width: 768px){#top .mv__shape5{right:70px}}@media screen and (min-width: 1024px){#top .mv__shape5{top:-5px;right:-20px}}#top .mv__shape6{position:absolute;opacity:.8;bottom:-20px;right:55px;width:16vw;aspect-ratio:478/456;background:url(../images/colorful6.svg) center center/cover;animation:floating 20s linear infinite}@media screen and (min-width: 768px){#top .mv__shape6{bottom:-50px;width:13vw}}@media screen and (min-width: 1024px){#top .mv__shape6{bottom:-300px}}@media screen and (min-width: 1300px){#top .mv__shape6{bottom:0;right:300px;width:10vw;filter:blur(3px)}}#top .works{padding:0 6%;margin-bottom:21vh;position:relative;z-index:1}@media screen and (min-width: 1400px){#top .works{padding:0 16% 0 13%}}#top .works__topttl{margin-bottom:120px;font-size:14px;font-weight:600;font-family:"Work Sans",sans-serif}@media screen and (min-width: 768px){#top .works__topttl{margin-bottom:160px;font-size:18px}}@media screen and (min-width: 1024px){#top .works__topttl{margin-bottom:198px;font-size:22px}}@media screen and (min-width: 1024px){#top .works__topttl{padding:0 15%}}@media screen and (min-width: 1400px){#top .works__container{display:flex;justify-content:space-between;align-items:center}}#top .works__item{position:relative;margin:0 auto 40vw;max-width:525px}@media screen and (min-width: 1400px){#top .works__item{margin-bottom:15vw}}#top .works .works__container:nth-child(2) .works__item:nth-child(1) .works__piclink--pic::after{display:block;content:"";position:absolute;top:-60%;left:-25%;width:160%;aspect-ratio:892/889;opacity:.7;filter:blur(2px);z-index:-1;background:url(../../images/colorful1.svg) center center/cover;animation:floating 10s linear infinite}#top .works .works__container:nth-child(2) .works__item:nth-child(2) .works__piclink--pic::after{display:block;content:"";position:absolute;top:-30%;left:0;width:100%;aspect-ratio:607/559;transform:scale(1);opacity:.8;filter:blur(2px);z-index:-1;background:url(../../images/colorful2.svg) center center/cover;animation:floating2 8s linear infinite}#top .works .works__container:nth-child(3) .works__item:nth-child(1) .works__piclink--pic::after{display:block;content:"";position:absolute;top:-30%;left:0;width:90%;aspect-ratio:475/461;opacity:.7;filter:blur(2px);z-index:-1;background:url(../../images/colorful3.svg) center center/cover;animation:floating2 10s linear infinite}#top .works .works__container:nth-child(3) .works__item:nth-child(2) .works__piclink--pic::after{display:block;content:"";position:absolute;top:-60%;left:-25%;width:150%;aspect-ratio:970/972;opacity:.8;filter:blur(2px);z-index:-1;background:url(../../images/colorful4.svg) center center/cover;animation:floating 8s linear infinite}@media screen and (min-width: 1400px){#top .works .works__container:nth-child(2) .works__item:nth-child(2){transform:translateY(60%)}}#top .works .works__container:nth-child(3) .works__item:nth-child(2){margin-bottom:25vw}@media screen and (min-width: 768px){#top .works .works__container:nth-child(3) .works__item:nth-child(2){margin-bottom:15vw}}@media screen and (min-width: 1400px){#top .works .works__container:nth-child(3) .works__item:nth-child(2){transform:translateY(60%);margin-bottom:20vw}}#top .works__piclink{pointer-events:none;cursor:none !important}@media screen and (min-width: 1400px){#top .works__piclink{pointer-events:visible}}#top .works__piclink--pic{position:relative;margin:0 auto 9vh;width:70vw;max-width:525px;cursor:none !important}@media screen and (min-width: 1400px){#top .works__piclink--pic{width:26.5vw;height:auto;transition:.4s}}#top .works__piclink--img{display:block;width:100%;-o-object-fit:cover;object-fit:cover;transition:.4s;cursor:none !important}#top .works__piclink--img:hover{transform:scale(1.05)}#top .works__box{margin-bottom:24px;width:350px}@media screen and (min-width: 768px){#top .works__box{width:508px}}#top .works__box--genre{font-size:11px;margin-bottom:.7vh}@media screen and (min-width: 768px){#top .works__box--genre{font-size:14px}}@media screen and (min-width: 1400px){#top .works__box--genre{font-size:16px}}#top .works__box--itemttl{margin-bottom:10px;font-size:18px;font-family:"Work Sans",sans-serif}@media screen and (min-width: 768px){#top .works__box--itemttl{margin-bottom:16px;font-size:20px}}@media screen and (min-width: 1400px){#top .works__box--itemttl{font-size:22px}}#top .works__box--txt{line-height:1.7}@media screen and (min-width: 768px){#top .works__box--txt{margin-bottom:20px;line-height:0;display:inline-block}}@media screen and (min-width: 1400px){#top .works__box--txt{display:block;line-height:.5}}#top .works__box--span{font-size:10px;font-family:"Work Sans",sans-serif;color:#959595}@media screen and (min-width: 768px){#top .works__box--span{font-size:12px}}@media screen and (min-width: 1400px){#top .works__box--span{font-size:14px}}#top .works__btnlink{display:flex;justify-content:start;align-items:center;gap:5%;font-size:14px;color:#444;font-family:"Work Sans",sans-serif;font-weight:600;text-decoration:none}@media screen and (min-width: 768px){#top .works__btnlink{width:500px}}#top .works__btnlink::after{content:"";display:inline-block;width:60px;height:60px;background:url(../images/itembtn.svg) center center/cover}@media screen and (min-width: 1400px){#top .works__btnlink{pointer-events:none;opacity:0}}#top .works__allbtn{display:flex;justify-content:start;align-items:center;gap:12%;font-size:14px;color:#444;font-family:"Work Sans",sans-serif;font-weight:600;text-decoration:none;margin-left:auto;width:150px}@media screen and (min-width: 1024px){#top .works__allbtn{font-size:16px}}#top .works__allbtn::after{content:"";display:inline-block;width:60px;height:60px;background:url(../images/arrowbtn.svg) center center/cover;transition:.4s}#top .works__allbtn:hover::after{background:url(../images/arrowblack.svg) center center/cover}@media screen and (min-width: 768px){#top .works__allbtn{margin-right:100px}}@media screen and (min-width: 1024px){#top .works__allbtn{width:300px;padding:50px}}#top .aboutme{padding:0 6%;margin-bottom:35vh}@media screen and (min-width: 768px){#top .aboutme{padding:0 15% 0 6%}}@media screen and (min-width: 1024px){#top .aboutme{padding:0 15% 0 15%}}#top .aboutme__ttl{margin-bottom:120px;font-size:14px;font-weight:600;font-family:"Work Sans",sans-serif}@media screen and (min-width: 768px){#top .aboutme__ttl{margin-bottom:160px;font-size:18px}}@media screen and (min-width: 1024px){#top .aboutme__ttl{margin-bottom:198px;font-size:22px}}@media screen and (min-width: 1200px){#top .aboutme__container{display:flex;justify-content:start;align-items:center;gap:10%}}#top .aboutme__pic{position:relative;margin:0 0 10vh -7%;width:88vw}@media screen and (min-width: 768px){#top .aboutme__pic{width:70vw}}@media screen and (min-width: 1024px){#top .aboutme__pic{width:60vw}}@media screen and (min-width: 1200px){#top .aboutme__pic{margin:0 0 10vh -22%;width:43vw}}#top .aboutme__pic::after{content:"";display:block;position:absolute;bottom:-70%;right:-30%;z-index:-1;width:150vw;height:150vw;background:url(../images/ABOUTME_TOP.svg) center center/cover;animation:floating 20s linear infinite}@media screen and (min-width: 1200px){#top .aboutme__pic::after{width:70vw;height:70vw;top:-20%;left:30%;filter:blur(2px)}}#top .aboutme__img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}#top .aboutme__namebox{margin-bottom:6vh;display:flex;justify-content:start;align-items:center;gap:5%}#top .aboutme__name{font-weight:600}@media screen and (min-width: 768px){#top .aboutme__name{font-size:20px}}#top .aboutme__span{font-weight:600;font-size:12px;font-family:"Work Sans",sans-serif}@media screen and (min-width: 768px){#top .aboutme__span{font-size:16px}}@media screen and (min-width: 768px){#top .aboutme__tabbr{display:none}}@media screen and (min-width: 1200px){#top .aboutme__tabbr{display:block}}#top .aboutme__txt{line-height:2;letter-spacing:.05em;margin-bottom:4vh}@media screen and (min-width: 768px){#top .aboutme__txt{line-height:2}}@media screen and (min-width: 1200px){#top .aboutme__txt{margin-bottom:8vh}}#top .aboutme__btn{display:flex;justify-content:start;align-items:center;gap:12%;font-size:14px;color:#444;font-family:"Work Sans",sans-serif;font-weight:600;text-decoration:none;margin-left:auto;width:165px}@media screen and (min-width: 1024px){#top .aboutme__btn{font-size:16px}}#top .aboutme__btn::after{content:"";display:inline-block;width:60px;height:60px;background:url(../images/arrowbtn.svg) center center/cover;transition:.4s}#top .aboutme__btn:hover::after{background:url(../images/arrowblack.svg) center center/cover}@media screen and (min-width: 768px){#top .aboutme__btn{margin-right:100px;padding:30px;width:250px}}@media screen and (min-width: 1200px){#top .aboutme__btn{margin-right:0}}#top .contact{padding:0 6%;margin-bottom:20vh}@media screen and (min-width: 768px){#top .contact{padding:0 15% 0 6%}}@media screen and (min-width: 1024px){#top .contact{padding:0 15%;margin-bottom:30vh}}#top .contact__ttl{margin-bottom:120px;font-size:14px;font-weight:600;font-family:"Work Sans",sans-serif}@media screen and (min-width: 768px){#top .contact__ttl{margin-bottom:160px;font-size:18px}}@media screen and (min-width: 1024px){#top .contact__ttl{margin-bottom:198px;font-size:22px}}#top .contact__container{position:relative;display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 1024px){#top .contact__container{justify-content:start;gap:3vw}}#top .contact__container::before{content:"";display:block;position:absolute;top:-30vw;right:10vw;z-index:-1;width:35vw;height:35vw;background:url(../images/contact_top1.svg) center center/cover;filter:blur(1px);opacity:.8;animation:floating 10s linear infinite}@media screen and (min-width: 768px){#top .contact__container::before{top:-30vw;right:10vw}}@media screen and (min-width: 1024px){#top .contact__container::before{top:-20vw;right:-100px}}#top .contact__txt{line-height:1.8;letter-spacing:.05em;display:block}@media screen and (min-width: 600px){#top .contact__txt{font-size:16px;display:inline-block}}@media screen and (min-width: 1024px){#top .contact__txt{font-size:18px}}#top .contact__btn{padding:20px 0 20px 40px}@media screen and (min-width: 600px){#top .contact__btn{padding:20px 40px}}#top .contact__btn::after{content:"";display:block;width:60px;height:60px;background:url(../images/arrowbtn.svg) center center/cover;transition:.4s}#top .contact__btn:hover::after{background:url(../images/arrowblack.svg) center center/cover}#top .thanks{padding:0 6%;margin:0 auto 20vh}@media screen and (min-width: 768px){#top .thanks{margin-bottom:28vh}}@media screen and (min-width: 1024px){#top .thanks{padding:0 15%;margin-bottom:48vh}}#top .thanks__txt{position:relative;font-size:5vw;font-family:"Work Sans",sans-serif;font-weight:200;line-height:2;color:#646464}@media screen and (min-width: 768px){#top .thanks__txt{letter-spacing:.05em}}#top .thanks__txt::before{content:"";display:block;position:absolute;top:20%;right:50%;z-index:-1;width:20vw;height:20vw;background:url(../images/thanks.svg) center center/cover;filter:blur(2px);opacity:.8;animation:floating 5s linear infinite}#top .thanks__txt::after{content:"";display:block;position:absolute;top:60%;right:-60%;z-index:-1;width:100vw;height:100vw;background:url(../images/thanks2.svg) center center/cover;opacity:.8;animation:floating 10s linear infinite}@media screen and (min-width: 1024px){#top .thanks__txt::after{width:70vw;height:70vw}}#works .wrapper{overflow:hidden}#works .works{padding:30vw 6%;margin:0 auto}@media screen and (min-width: 768px){#works .works{padding:22vw 8%}}@media screen and (min-width: 1024px){#works .works{padding:20vw 15%}}@media screen and (min-width: 1600px){#works .works{padding:10vw 17%}}#works .works__ttl{margin-bottom:120px;font-size:14px;font-weight:600;font-family:"Work Sans",sans-serif;margin-bottom:40px}@media screen and (min-width: 768px){#works .works__ttl{margin-bottom:160px;font-size:18px}}@media screen and (min-width: 1024px){#works .works__ttl{margin-bottom:198px;font-size:22px}}@media screen and (min-width: 768px){#works .works__ttl{margin-bottom:98px}}#works .works__subttl{font-size:20px;font-weight:600;letter-spacing:.1em;margin-bottom:80px}@media screen and (min-width: 768px){#works .works__subttl{font-size:35px}}@media screen and (min-width: 1200px){#works .works__subttl{margin-bottom:120px}}@media screen and (min-width: 1400px){#works .works__container{display:flex;justify-content:space-between;align-items:center}}#works .works__item{position:relative;margin:0 auto 40vw;width:330px}@media screen and (min-width: 768px){#works .works__item{margin:0 auto 20vw;width:450px}}@media screen and (min-width: 1400px){#works .works__item{margin:0 auto 20vw;width:400px}}@media screen and (min-width: 1600px){#works .works__item{margin:0 0 15vw;width:500px}}#works .works .works__container:nth-child(3) .works__item:nth-child(1) .works__piclink--pic::after{display:block;content:"";position:absolute;top:-60%;left:-30%;width:160%;aspect-ratio:892/889;opacity:.7;filter:blur(2px);z-index:-1;background:url(../../images/colorful1.svg) center center/cover;animation:floating 10s linear infinite}#works .works .works__container:nth-child(3) .works__item:nth-child(2) .works__piclink--pic::after{display:block;content:"";position:absolute;top:-30%;left:0;width:100%;aspect-ratio:607/559;transform:scale(1);opacity:.8;filter:blur(2px);z-index:-1;background:url(../../images/colorful2.svg) center center/cover;animation:floating2 8s linear infinite}#works .works .works__container:nth-child(4) .works__item:nth-child(1) .works__piclink--pic::after{display:block;content:"";position:absolute;top:-30%;left:0;width:90%;aspect-ratio:475/461;opacity:.7;filter:blur(2px);z-index:-1;background:url(../../images/colorful3.svg) center center/cover;animation:floating2 10s linear infinite}#works .works .works__container:nth-child(4) .works__item:nth-child(2) .works__piclink--pic::after{display:block;content:"";position:absolute;top:-60%;left:-25%;width:150%;aspect-ratio:970/972;opacity:.8;filter:blur(2px);z-index:-1;background:url(../../images/colorful4.svg) center center/cover;animation:floating 8s linear infinite}#works .works .works__container:nth-child(5) .works__item:nth-child(1) .works__piclink--pic::after{display:block;content:"";position:absolute;top:-30%;left:-10%;width:110%;aspect-ratio:478/456;opacity:.7;filter:blur(3px);z-index:-1;background:url(../../images/colorful6.svg) center center/cover;animation:floating 10s linear infinite}#works .works .works__container:nth-child(5) .works__item:nth-child(2) .works__piclink--pic::after{display:block;content:"";position:absolute;top:-50%;left:-10%;width:120%;aspect-ratio:970/972;opacity:.8;filter:blur(2px);z-index:-1;background:url(../../images/colorful5.svg) center center/cover;animation:floating2 8s linear infinite}#works .works__piclink{pointer-events:none;cursor:none !important}@media screen and (min-width: 1400px){#works .works__piclink{pointer-events:visible}}#works .works__piclink--pic{position:relative;margin:0 auto 9vh;width:330px;max-width:525px;cursor:none !important}@media screen and (min-width: 768px){#works .works__piclink--pic{width:450px}}@media screen and (min-width: 1400px){#works .works__piclink--pic{width:400px}}@media screen and (min-width: 1600px){#works .works__piclink--pic{width:500px;height:auto;transition:.4s}}#works .works__piclink--img{display:block;width:100%;-o-object-fit:cover;object-fit:cover;transition:.4s;cursor:none !important}#works .works__piclink--img:hover{transform:scale(1.05)}#works .works__box{margin-bottom:24px;display:block}#works .works__box--genre{font-size:11px;margin-bottom:.7vh}@media screen and (min-width: 768px){#works .works__box--genre{font-size:14px}}@media screen and (min-width: 1400px){#works .works__box--genre{font-size:16px}}#works .works__box--itemttl{margin-bottom:10px;font-size:18px;font-family:"Work Sans",sans-serif}@media screen and (min-width: 768px){#works .works__box--itemttl{margin-bottom:16px;font-size:20px}}@media screen and (min-width: 1400px){#works .works__box--itemttl{font-size:22px}}#works .works__box--txt{font-size:14px;line-height:1.7;display:block}@media screen and (min-width: 768px){#works .works__box--txt{font-size:16px;margin-bottom:20px;line-height:0;display:inline-block}}@media screen and (min-width: 1400px){#works .works__box--txt{font-size:18px;display:block;line-height:.5}}#works .works__box--span{font-size:10px;font-family:"Work Sans",sans-serif;color:#959595}@media screen and (min-width: 768px){#works .works__box--span{font-size:12px}}@media screen and (min-width: 1400px){#works .works__box--span{font-size:14px}}#works .works__btnlink{display:flex;justify-content:start;align-items:center;gap:5%;font-size:14px;color:#444;font-family:"Work Sans",sans-serif;font-weight:600;text-decoration:none}@media screen and (min-width: 768px){#works .works__btnlink{width:500px}}#works .works__btnlink::after{content:"";display:inline-block;width:60px;height:60px;background:url(../images/itembtn.svg) center center/cover}@media screen and (min-width: 1400px){#works .works__btnlink{pointer-events:none;opacity:0}}#works .works__allbtn{display:flex;justify-content:start;align-items:center;gap:12%;font-size:14px;color:#444;font-family:"Work Sans",sans-serif;font-weight:600;text-decoration:none;margin-left:auto;width:150px}@media screen and (min-width: 1024px){#works .works__allbtn{font-size:16px}}#works .works__allbtn::after{content:"";display:inline-block;width:60px;height:60px;background:url(../images/arrowbtn.svg) center center/cover;transition:.4s}#works .works__allbtn:hover::after{background:url(../images/arrowblack.svg) center center/cover}@media screen and (min-width: 768px){#works .works__allbtn{margin-right:100px}}@media screen and (min-width: 1024px){#works .works__allbtn{width:300px;padding:50px}}#aboutme .wrapper{overflow:hidden}#aboutme .aboutme{max-width:1250px;margin:0 auto 160px;padding:30vw 6% 0}@media screen and (min-width: 768px){#aboutme .aboutme{padding:22vw 8% 0;margin:0 auto 186px}}@media screen and (min-width: 1024px){#aboutme .aboutme{padding:20vw 216px 0}}@media screen and (min-width: 1200px){#aboutme .aboutme{margin:0 auto 200px}}@media screen and (min-width: 1600px){#aboutme .aboutme{padding:10vw 0 0;margin:0 auto 320px}}#aboutme .aboutme__ttl{margin-bottom:120px;font-size:14px;font-weight:600;font-family:"Work Sans",sans-serif;margin-bottom:40px}@media screen and (min-width: 768px){#aboutme .aboutme__ttl{margin-bottom:160px;font-size:18px}}@media screen and (min-width: 1024px){#aboutme .aboutme__ttl{margin-bottom:198px;font-size:22px}}@media screen and (min-width: 768px){#aboutme .aboutme__ttl{margin-bottom:98px}}#aboutme .aboutme__subttl{font-size:20px;font-weight:600;letter-spacing:.1em;margin-bottom:80px}@media screen and (min-width: 768px){#aboutme .aboutme__subttl{font-size:35px;margin-bottom:64px}}@media screen and (min-width: 1200px){#aboutme .aboutme__subttl{margin-bottom:98px}}#aboutme .aboutme__container{display:flex;flex-direction:column-reverse}@media screen and (min-width: 1200px){#aboutme .aboutme__container{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:5vw}}@media screen and (min-width: 1600px){#aboutme .aboutme__container{gap:7vw}}#aboutme .aboutme__namebox{margin-bottom:40px;display:flex;justify-content:start;align-items:center;gap:7%}#aboutme .aboutme__name{font-weight:600;font-size:16px}@media screen and (min-width: 768px){#aboutme .aboutme__name{font-size:20px}}#aboutme .aboutme__span{font-weight:600;font-size:13px;font-family:"Work Sans",sans-serif}@media screen and (min-width: 768px){#aboutme .aboutme__span{font-size:16px}}#aboutme .aboutme__txt{margin-bottom:40px;line-height:1.8;letter-spacing:.05em}@media screen and (min-width: 768px){#aboutme .aboutme__txt{margin-bottom:120px;line-height:2;letter-spacing:.1em}}@media screen and (min-width: 1024px){#aboutme .aboutme__txt{display:block;width:440px;margin-bottom:8vh}}@media screen and (min-width: 1200px){#aboutme .aboutme__txt{display:block;width:440px;margin-bottom:0}}#aboutme .aboutme__pic{width:60vw;position:relative}@media screen and (min-width: 768px){#aboutme .aboutme__pic{width:50vw}}@media screen and (min-width: 1200px){#aboutme .aboutme__pic{width:32vw}#aboutme .aboutme__pic::after{content:"";display:block;position:absolute;top:-150px;left:250px;z-index:-1;opacity:.8;filter:blur(4px);width:50vw;height:50vw;background:url(../images/aboutme.svg) center center/cover;animation:floating 15s linear infinite}}@media screen and (min-width: 1600px){#aboutme .aboutme__pic::after{top:-300px;right:-900px;width:70vw;height:70vw}}#aboutme .aboutme__img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}#aboutme .skill{max-width:1250px;margin:0 auto 188px;padding:0 6%}@media screen and (min-width: 768px){#aboutme .skill{padding:0 8%;margin:0 auto 360px}}@media screen and (min-width: 1024px){#aboutme .skill{padding:0 216px}}@media screen and (min-width: 1600px){#aboutme .skill{padding:10vw 0 0;margin:0 auto 470px}}#aboutme .skill__ttl{margin-bottom:120px;font-size:14px;font-weight:600;font-family:"Work Sans",sans-serif;margin-bottom:40px}@media screen and (min-width: 768px){#aboutme .skill__ttl{margin-bottom:160px;font-size:18px}}@media screen and (min-width: 1024px){#aboutme .skill__ttl{margin-bottom:198px;font-size:22px}}@media screen and (min-width: 768px){#aboutme .skill__ttl{margin-bottom:98px}}#aboutme .skill__container{margin-bottom:96px}@media screen and (min-width: 768px){#aboutme .skill__container{margin-bottom:168px}}@media screen and (min-width: 1200px){#aboutme .skill__container{display:flex;justify-content:space-between;flex-direction:row;align-items:center}}@media screen and (min-width: 1600px){#aboutme .skill__container{margin-bottom:240px}}#aboutme .skill__box{position:relative;z-index:1;margin-bottom:64px}@media screen and (min-width: 1200px){#aboutme .skill__box{margin-bottom:0}}@media screen and (min-width: 1600px){#aboutme .skill__box{padding-bottom:260px}}#aboutme .skill__subttl{font-size:20px;font-weight:600;letter-spacing:.1em;margin-bottom:56px}@media screen and (min-width: 768px){#aboutme .skill__subttl{font-size:35px;margin-bottom:64px}}#aboutme .skill__txt1,#aboutme .skill__txt2,#aboutme .skill__txt3{line-height:1.8;letter-spacing:.05em;display:block;position:relative}@media screen and (min-width: 768px){#aboutme .skill__txt1,#aboutme .skill__txt2,#aboutme .skill__txt3{line-height:2}}@media screen and (min-width: 1024px){#aboutme .skill__txt1,#aboutme .skill__txt2,#aboutme .skill__txt3{display:block}}@media screen and (min-width: 1600px){#aboutme .skill__txt1::after{content:"";display:block;position:absolute;bottom:-250px;left:0;z-index:-1;opacity:.7;width:294px;height:200px;background:url(../images/design_illust.svg) center center/cover}}@media screen and (min-width: 1600px){#aboutme .skill__txt2::after{content:"";display:block;position:absolute;bottom:-250px;left:0;z-index:-1;opacity:.7;width:295px;height:178px;background:url(../images/cording_illust.svg) center center/cover}}@media screen and (min-width: 1600px){#aboutme .skill__txt3::after{content:"";display:block;position:absolute;bottom:-250px;left:0;z-index:-1;opacity:.7;width:288px;height:192px;background:url(../images/other_illust.svg) center center/cover}}@media screen and (min-width: 600px){#aboutme .skill__spnone{display:none}}@media screen and (min-width: 1200px){#aboutme .skill__spnone{display:block}}@media screen and (min-width: 1600px){#aboutme .skill__spnone{display:none}}#aboutme .skill__iconbox1,#aboutme .skill__iconbox2,#aboutme .skill__iconbox3{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;position:relative;margin:0 auto;width:300px}@media screen and (min-width: 1200px){#aboutme .skill__iconbox1,#aboutme .skill__iconbox2,#aboutme .skill__iconbox3{margin:0}}@media screen and (min-width: 1600px){#aboutme .skill__iconbox1,#aboutme .skill__iconbox2,#aboutme .skill__iconbox3{gap:15px}}@media screen and (min-width: 768px){#aboutme .skill__iconbox1{width:600px}}@media screen and (min-width: 1200px){#aboutme .skill__iconbox1{width:300px}}@media screen and (min-width: 1600px){#aboutme .skill__iconbox1{width:500px}}#aboutme .skill__iconbox1::after{content:"";display:block;position:absolute;bottom:-150px;right:-40px;z-index:-1;opacity:.8;filter:blur(2px);width:600px;height:600px;background:url(../images/skill1.svg) center center/cover;animation:floating 15s linear infinite}@media screen and (min-width: 768px){#aboutme .skill__iconbox1::after{bottom:-300px;right:-40px;width:800px;height:800px}}@media screen and (min-width: 1600px){#aboutme .skill__iconbox1::after{left:-100px}}@media screen and (min-width: 768px){#aboutme .skill__iconbox2{width:450px}}@media screen and (min-width: 1200px){#aboutme .skill__iconbox2{width:300px}}@media screen and (min-width: 1600px){#aboutme .skill__iconbox2{width:500px}}#aboutme .skill__iconbox2::after{content:"";display:block;position:absolute;bottom:-150px;right:-200px;z-index:-1;opacity:.8;width:700px;height:700px;background:url(../images/skill2.svg) center center/cover;animation:floating 20s linear infinite}@media screen and (min-width: 768px){#aboutme .skill__iconbox2::after{bottom:-250px;right:-200px;width:800px;height:800px}}@media screen and (min-width: 1600px){#aboutme .skill__iconbox2::after{width:1000px;height:1000px}}@media screen and (min-width: 768px){#aboutme .skill__iconbox3{width:600px}}@media screen and (min-width: 1200px){#aboutme .skill__iconbox3{width:300px}}@media screen and (min-width: 1600px){#aboutme .skill__iconbox3{width:500px}}#aboutme .skill__iconbox3::after{content:"";display:block;position:absolute;bottom:-150px;right:-150px;z-index:-1;opacity:.8;filter:blur(2px);width:500px;height:500px;background:url(../images/skill3.svg) center center/cover;animation:floating 20s linear infinite}@media screen and (min-width: 768px){#aboutme .skill__iconbox3::after{width:750px;height:750px;bottom:-400px;right:-150px}}@media screen and (min-width: 1600px){#aboutme .skill__iconbox3::after{width:900px;height:900px}}#aboutme .skill__icon{width:140px}@media screen and (min-width: 1600px){#aboutme .skill__icon{width:180px}}#aboutme .skill__img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}#contact .wrapper{overflow:hidden;position:relative}#contact .contact{max-width:1250px;margin:0 auto 100px;padding:30vw 6% 0}@media screen and (min-width: 768px){#contact .contact{padding:22vw 8% 0;margin:0 auto 180px}}@media screen and (min-width: 1024px){#contact .contact{padding:20vw 16% 0}}@media screen and (min-width: 1600px){#contact .contact{padding:10vw 0 0;margin:0 auto 320px}}#contact .contact::after{content:"";display:block;position:absolute;top:280px;left:-200px;z-index:-1;width:250%;height:150vw;background:url(../images/CONTACT.svg) center center/cover;animation:floating 20s linear infinite}@media screen and (min-width: 768px){#contact .contact::after{width:200%;top:350px;left:-300px}}@media screen and (min-width: 1024px){#contact .contact::after{top:400px;left:-200px;width:150%;height:100vw}}@media screen and (min-width: 1600px){#contact .contact::after{top:100px;left:-300px;width:130%;height:100vw}}#contact .contact__ttl{margin-bottom:120px;font-size:14px;font-weight:600;font-family:"Work Sans",sans-serif;margin-bottom:40px}@media screen and (min-width: 768px){#contact .contact__ttl{margin-bottom:160px;font-size:18px}}@media screen and (min-width: 1024px){#contact .contact__ttl{margin-bottom:198px;font-size:22px}}@media screen and (min-width: 768px){#contact .contact__ttl{margin-bottom:98px}}#contact .contact__subttl{font-size:20px;font-weight:600;letter-spacing:.1em;margin-bottom:40px}@media screen and (min-width: 768px){#contact .contact__subttl{font-size:35px;margin-bottom:64px}}#contact .contact__txtbox{margin-bottom:32px;width:334px}@media screen and (min-width: 768px){#contact .contact__txtbox{margin-bottom:80px;width:500px}}@media screen and (min-width: 1024px){#contact .contact__txtbox{width:1000px;margin-bottom:64px}}#contact .contact__span{display:block;margin-bottom:5px}@media screen and (min-width: 768px){#contact .contact__span{font-size:18px}}@media screen and (min-width: 1024px){#contact .contact__span{display:inline}}#contact .form{position:relative;padding:20px 5%;background-color:#fff}@media screen and (min-width: 768px){#contact .form{padding:80px 5%}}@media screen and (min-width: 1024px){#contact .form{margin-bottom:470px}}#contact .form__box{margin-bottom:32px}#contact .form__box:nth-of-type(5){margin-bottom:40px}@media screen and (min-width: 768px){#contact .form__box:nth-of-type(5){margin-bottom:80px}}#contact .form__label{position:relative;margin:auto;width:100%;max-width:280px;font-family:"Work Sans",sans-serif;font-weight:600;color:#868686}#contact .form__input{width:100%;padding:12px 10px;font-size:14px;font-weight:500;letter-spacing:.2em;background:none;border:none;outline:none;color:#868686;border-bottom:solid 1px #646464}@media screen and (min-width: 768px){#contact .form__input{font-size:22px}}#contact .form__message{width:100%;height:130px;padding:10px;border:none;outline:none;border-bottom:solid 1px #646464;font-size:14px;letter-spacing:.2em}@media screen and (min-width: 768px){#contact .form__message{font-size:22px}}#contact .form__submit{padding:30px 150px 30px 0;border:none;font-size:14px;font-family:"Work Sans",sans-serif;font-weight:600;color:#868686;background:none;cursor:pointer;-webkit-appearance:none}@media screen and (min-width: 768px){#contact .form__submit{font-size:22px}}#contact .form__btn::before{content:"";display:block;position:absolute;bottom:65px;left:120px;width:60px;height:60px;background:url(../images/arrowbtn.svg) center center/cover;pointer-events:none;transition:.4s}@media screen and (min-width: 768px){#contact .form__btn::before{bottom:130px;left:180px;width:60px;height:60px}}@media screen and (min-width: 1024px){#contact .form__btn::before{left:200px}}@media screen and (min-width: 1024px){#contact .form__btn:hover::before{background:url(../images/arrowblack.svg) center center/cover}}#contact .form__input::-moz-placeholder, #contact .form__message::-moz-placeholder{color:#b0b0b0;opacity:1}#contact .form__input::placeholder,#contact .form__message::placeholder{color:#b0b0b0;opacity:1}#contact .form__box:nth-of-type(odd) .form__label::after{content:"*";color:#868686;padding-left:5px}#thanks .wrapper{overflow:hidden;position:relative}#thanks .thanks{max-width:1250px;margin:0 auto 100px;padding:30vw 6% 0}@media screen and (min-width: 768px){#thanks .thanks{padding:22vw 8% 0;margin:0 auto 180px}}@media screen and (min-width: 1024px){#thanks .thanks{padding:20vw 16% 0}}@media screen and (min-width: 1600px){#thanks .thanks{padding:10vw 0 0;margin:0 auto 320px}}#thanks .thanks__ttl{margin-bottom:120px;font-size:14px;font-weight:600;font-family:"Work Sans",sans-serif;margin-bottom:40px}@media screen and (min-width: 768px){#thanks .thanks__ttl{margin-bottom:160px;font-size:18px}}@media screen and (min-width: 1024px){#thanks .thanks__ttl{margin-bottom:198px;font-size:22px}}@media screen and (min-width: 768px){#thanks .thanks__ttl{margin-bottom:98px}}#thanks .thanks__ttl::before{content:"";display:block;position:absolute;top:-30vw;right:10vw;z-index:-1;width:35vw;height:35vw;background:url(../images/contact_top1.svg) center center/cover;filter:blur(1px);opacity:.8;animation:floating 10s linear infinite}@media screen and (min-width: 768px){#thanks .thanks__ttl::before{top:-30vw;right:10vw}}@media screen and (min-width: 1024px){#thanks .thanks__ttl::before{width:50vw;top:-50px;right:0}}#thanks .thanks__subttl{font-size:20px;font-weight:600;letter-spacing:.1em;margin-bottom:40px}@media screen and (min-width: 768px){#thanks .thanks__subttl{font-size:35px;margin-bottom:98px}}#thanks .thanks__txt{letter-spacing:.05em;line-height:1.8}@media screen and (min-width: 768px){#thanks .thanks__txt{font-size:18px}}@media screen and (min-width: 1024px){#thanks .thanks__txt{display:inline}}#worksPage .wrapper{overflow:hidden;position:relative}#worksPage .wrapper::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:200% 200%;background-position:center;mix-blend-mode:screen;animation:gradientShift 30s infinite ease-in-out alternate;will-change:background-position;z-index:-1}#worksPage.verdure .wrapper::before{background-image:radial-gradient(circle at 30% 40%, rgba(255, 190, 214, 0.6), transparent 50%),radial-gradient(circle at 70% 60%, rgba(185, 236, 255, 0.6), transparent 50%),radial-gradient(circle at 20% 80%, rgba(255, 186, 215, 0.6), transparent 50%),radial-gradient(circle at 80% 20%, rgba(198, 248, 255, 0.6), transparent 50%)}#worksPage.wss .wrapper::before{background-image:radial-gradient(circle at 30% 40%, rgba(208, 227, 255, 0.6), transparent 50%),radial-gradient(circle at 70% 60%, rgba(185, 255, 206, 0.6), transparent 50%),radial-gradient(circle at 20% 80%, rgba(213, 233, 255, 0.6), transparent 50%),radial-gradient(circle at 80% 20%, rgba(208, 252, 237, 0.6), transparent 50%)}#worksPage.portfolio .wrapper::before{background-image:radial-gradient(circle at 30% 40%, rgba(191, 217, 255, 0.6), transparent 50%),radial-gradient(circle at 70% 60%, rgba(255, 185, 202, 0.6), transparent 50%),radial-gradient(circle at 20% 80%, rgba(199, 221, 255, 0.6), transparent 50%),radial-gradient(circle at 80% 20%, rgba(252, 208, 208, 0.6), transparent 50%)}#worksPage.reactive .wrapper::before{background-image:radial-gradient(circle at 30% 40%, rgba(255, 208, 225, 0.6), transparent 50%),radial-gradient(circle at 70% 60%, rgba(255, 225, 185, 0.6), transparent 50%),radial-gradient(circle at 20% 80%, rgba(255, 195, 220, 0.6), transparent 50%),radial-gradient(circle at 80% 20%, rgba(249, 255, 198, 0.6), transparent 50%)}#worksPage.bvb .wrapper::before{background-image:radial-gradient(circle at 30% 40%, rgba(255, 247, 171, 0.6), transparent 50%),radial-gradient(circle at 70% 60%, rgba(255, 184, 225, 0.6), transparent 50%),radial-gradient(circle at 20% 80%, rgba(248, 255, 149, 0.6), transparent 50%),radial-gradient(circle at 80% 20%, rgba(255, 195, 220, 0.6), transparent 50%)}#worksPage.cafeazito .wrapper::before{background-image:radial-gradient(circle at 30% 40%, rgba(162, 202, 255, 0.6), transparent 50%),radial-gradient(circle at 70% 60%, rgba(255, 205, 255, 0.6), transparent 50%),radial-gradient(circle at 20% 80%, rgba(158, 200, 255, 0.6), transparent 50%),radial-gradient(circle at 80% 20%, rgba(240, 190, 255, 0.6), transparent 50%)}#worksPage .detail{max-width:1250px;margin:0 auto 280px;padding:35vw 6% 0;position:relative}@media screen and (min-width: 768px){#worksPage .detail{padding:22vw 8% 0;margin:0 auto 320px}}@media screen and (min-width: 1024px){#worksPage .detail{padding:20vw 16% 0}}@media screen and (min-width: 1600px){#worksPage .detail{padding:10vw 0 0;margin:0 auto 400px}}#worksPage .detail::before{opacity:0}#worksPage .detail__span{display:block;margin-bottom:40px;font-size:14px;color:#959595}@media screen and (min-width: 768px){#worksPage .detail__span{font-size:18px;margin-bottom:98px}}@media screen and (min-width: 1400px){#worksPage .detail__span{font-size:22px;margin-bottom:40px}}#worksPage .detail__ttl{font-size:18px;font-weight:600;letter-spacing:.1em;margin-bottom:40px;margin-left:-9px}@media screen and (min-width: 768px){#worksPage .detail__ttl{font-size:35px;margin-bottom:64px}}@media screen and (min-width: 1200px){#worksPage .detail__ttl{margin-bottom:18px}}#worksPage .detail__linkbox{width:160px;margin-bottom:48px}@media screen and (min-width: 768px){#worksPage .detail__linkbox{margin-left:auto;margin-bottom:56px;width:170px}}@media screen and (min-width: 1600px){#worksPage .detail__linkbox{margin-right:110px;margin-bottom:72px}}#worksPage .detail__link{display:flex;justify-content:start;align-items:center;gap:12%;font-size:14px;color:#444;font-family:"Work Sans",sans-serif;font-weight:600;text-decoration:none;justify-content:space-between}@media screen and (min-width: 1024px){#worksPage .detail__link{font-size:16px}}#worksPage .detail__link::after{content:"";display:inline-block;width:60px;height:60px;background:url(../images/arrowbtn.svg) center center/cover;transition:.4s}#worksPage .detail__link:hover::after{background:url(../images/arrowblack.svg) center center/cover}#worksPage .detail__pic{width:100%;height:100%;margin-bottom:56px}@media screen and (min-width: 768px){#worksPage .detail__pic{margin-bottom:64px}}@media screen and (min-width: 1600px){#worksPage .detail__pic{width:82%;margin:0 auto 80px}}#worksPage .detail__img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}#worksPage .detail__line{margin-bottom:56px;width:100%;height:1px;background:#959595}@media screen and (min-width: 768px){#worksPage .detail__line{margin-bottom:72px}}@media screen and (min-width: 1400px){#worksPage .detail__line{margin-bottom:80px}}@media screen and (min-width: 1400px){#worksPage .detail__info{display:flex;flex-wrap:wrap;align-items:start;width:100%;margin-bottom:40px}}#worksPage .detail__label{font-weight:bold;margin-bottom:20px;letter-spacing:.05em}@media screen and (min-width: 1400px){#worksPage .detail__label{margin-bottom:0;width:20%;line-height:1.8}}#worksPage .detail__value{margin-bottom:56px;letter-spacing:.05em;line-height:1.8}@media screen and (min-width: 768px){#worksPage .detail__value{margin-bottom:64px}}@media screen and (min-width: 1400px){#worksPage .detail__value{font-size:18px;width:80%;margin-bottom:80px}}@media screen and (min-width: 768px){#worksPage .detail__spnone{display:none}}#worksPage .detail__container{margin-bottom:64px}@media screen and (min-width: 768px){#worksPage .detail__container{margin-bottom:68px}}@media screen and (min-width: 1400px){#worksPage .detail__container{display:flex;justify-content:space-between;gap:5%}}#worksPage .detail__comp{width:80%;margin:0 auto 40px}@media screen and (min-width: 768px){#worksPage .detail__comp{margin-bottom:80px}}@media screen and (min-width: 1400px){#worksPage .detail__comp{width:100%;margin:0 0 80px 0}}@media screen and (min-width: 1400px){#worksPage .detail__compbox{width:100%}}#worksPage .detail__next{width:180px;margin:0 auto 48px}@media screen and (min-width: 768px){#worksPage .detail__next{margin:0 auto 56px}}@media screen and (min-width: 1600px){#worksPage .detail__next{margin-right:110px;margin-bottom:72px}}.rotateTop{transform:rotate(45deg)}.hideMiddle{transform:translateX(100%);opacity:0;pointer-events:none}.rotateBottom{transform:rotate(-45deg)}.translateNav{opacity:1;pointer-events:visible}.resizeHeader{background:#fff}.fadeIn,.fadeIn-fast{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}#top .fadeIn-initial{opacity:0;transform:translateY(30px);transition:1s 1s}#top .fadeIn-initial2{opacity:0;transform:translateY(30px);transition:3s 1s}#top .fadeIn-initial3{opacity:0;transform:translateY(30px);transition:5s 1s}#top .showElement,#works .showElement,#aboutme .showElement,#contact .showElement{opacity:1;transform:translateY(0)}#top .showElement-top,#works .showElement-top,#aboutme .showElement-top,#contact .showElement-top{opacity:.8;transform:translateY(0)}.scrolled{color:#646464}.scrolled::after{background:url(../images/scroll.svg) center center/cover}.gnav__link.gray{color:#646464}.gnav__link.gray:hover{color:#b3b3b3}.cursor-hidden{cursor:none}#mouse-stalker{position:absolute;width:64px;height:64px;pointer-events:none;opacity:0;transition:opacity .3s ease-out;z-index:10}#mouse-stalker img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#mouse-stalker.active{opacity:1}#worksPage .showBefore::before{font-size:14vw;font-family:"Work Sans",sans-serif;font-weight:200;color:#e4e4e4;display:block;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1;opacity:1;transition:1s opacity}#worksPage.verdure .detail::before{content:"VERDURE"}#worksPage.wss .detail::before{content:"WSS"}#worksPage.portfolio .detail::before{content:"PORTFOLIO"}@media screen and (min-width: 768px){#worksPage.portfolio .detail__ttl{margin-bottom:64px}}@media screen and (min-width: 1600px){#worksPage.portfolio .detail__ttl{margin-bottom:80px}}#worksPage.reactive .detail::before{content:"Re:Active"}@media screen and (min-width: 768px){#worksPage.reactive .detail__ttl{margin-bottom:64px}}@media screen and (min-width: 1600px){#worksPage.reactive .detail__ttl{margin-bottom:80px}}@media screen and (min-width: 1400px){#worksPage.reactive .detail__compbox{width:50%}}#worksPage.reactive .detail__sp{width:30%;margin:0 auto 160px}@media screen and (min-width: 1400px){#worksPage.reactive .detail__sp{width:60%}}#worksPage.bvb .detail::before{content:"BVB"}#worksPage.cafeazito .detail::before{content:"cafeazito"}@media screen and (min-width: 768px){#worksPage.cafeazito .detail__ttl{margin-bottom:64px}}@media screen and (min-width: 1600px){#worksPage.cafeazito .detail__ttl{margin-bottom:80px}}@media screen and (min-width: 1600px){#worksPage.cafeazito .detail__comp{width:82%;margin:0 auto 80px}}/*# sourceMappingURL=style.css.map */