*,*::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 stream{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.footer,.gnav{font-family:"Cormorant Garamond",serif;font-size:14px;font-weight:400;line-height:17px;letter-spacing:.05em}#workspage .works__txtbox,#contact .form,#thanks .thanks__txt,.sectiontxt{font-family:"Noto Sans JP",sans-serif;font-size:14px;font-weight:400;line-height:17px;letter-spacing:.05em}.sectionttl{font-family:"Cormorant Garamond",serif;font-size:35px;font-weight:400;line-height:1.2}#viewall .viewall__worksttl,.ttl__sub{font-family:"Cormorant Garamond",serif;font-size:16px;font-weight:400}.header .ttl__main,.ttl__main{font-family:"Cormorant Garamond",serif;font-size:48px;font-weight:400}#top .skill__accnum{font-family:"Cormorant Garamond",serif;font-size:12px;font-weight:700}#top .skill__ttl{font-family:"Cormorant Garamond",serif;font-size:18px;font-weight:400}#workspage .works__subttl,#top .works__ttl{font-family:"Cormorant Garamond",serif;font-size:20px;font-weight:400}#top .contact .btn{font-family:"Cormorant Garamond",serif;font-size:36px;font-weight:400}#top .skill .sectiontxt{font-family:"Noto Sans JP",sans-serif;font-size:14px;font-weight:400;line-height:30px}:root{background:#e8ebe7;font-family:"Noto Sans JP",sans-serif}@media screen and (min-width: 768px){.ttl__main{font-size:10vw}}@media screen and (min-width: 1024px){.ttl__main{font-size:9vw}}@media screen and (min-width: 768px){.ttl__sub{font-size:3vw}}@media screen and (min-width: 1024px){.ttl__sub{font-size:40px}}.ttl__link{text-decoration:none;color:#000}@media screen and (min-width: 1024px){.sectionttl{font-size:60px}}@media screen and (min-width: 768px){.sectiontxt{font-size:20px;line-height:1.2;letter-spacing:normal}}.accentline{position:absolute;top:0;left:0;z-index:-4;width:100%;aspect-ratio:16/9;background:#1e90ff;-webkit-mask:url(../images/icon/original.svg) 0 0/contain no-repeat;mask:url(../images/icon/original.svg) 0 0/contain no-repeat;transform:translateY(20%);transition:.3ms}@media screen and (min-width: 768px){.accentline{z-index:-4}}@media screen and (min-width: 1200px){.accentline{-webkit-mask-size:cover;mask-size:cover;transform:none;left:-35px;width:102%;z-index:-2}}.accentline .accsentmask{position:absolute;right:0;z-index:-2;width:100%;height:100%;background:linear-gradient(-0.25turn, #1E90FF, #fff, #1E90FF);animation:stream 9.65s infinite}.btn{overflow:hidden;position:relative;margin:0 auto;border:1px solid #000;border-radius:50px}.btn__hover{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;content:"";width:100%;height:100%;border-radius:50px;background:#1e90ff;transform:translateX(-70%);color:#fff;transition:.5s}.btn__link{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;color:#000}#top .header{position:fixed;z-index:100;display:flex;justify-content:end;align-items:center;top:0;left:0;width:100%}#top .header__menubararea{overflow:hidden;position:relative;z-index:110;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle farthest-side at 48% 23%, rgba(244, 233, 109, 0) 0%, #F4E96D 180%);cursor:pointer}@media screen and (min-width: 1024px){#top .header__menubararea{width:80px;height:80px}}#top .top,#top .middle,#top .bottom,#top .hideleft,#top .hideright{position:absolute;height:1px;width:16px;background:#000}@media screen and (min-width: 1024px){#top .top,#top .middle,#top .bottom,#top .hideleft,#top .hideright{width:40px}}#top .top{transform:translateY(-8px);transition:.5s}@media screen and (min-width: 1024px){#top .top{transform:translateY(-10px)}}#top .middle{width:14px;transition:.5s;transition-delay:.25s}@media screen and (min-width: 1024px){#top .middle{width:30px}}#top .bottom{transform:translateY(8px);transition:.5s;transition-delay:.5s}@media screen and (min-width: 1024px){#top .bottom{transform:translateY(10px)}}#top .hideleft{transform:translateX(-100vw) rotate(-45deg);transition:.5s;transition-delay:.75s;pointer-events:none}#top .hideright{transform:translateX(-100vw) rotate(45deg);transition:.5s;transition-delay:1s;pointer-events:none}.header .ttl__main{position:fixed;top:0;left:2%;font-size:25px}.header__link{text-decoration:none;color:#000}.gnav{position:absolute;top:0;right:0;width:50%;height:100vh;background:rgba(104,101,101,.5215686275);pointer-events:none;transition:1s}@media screen and (min-width: 1024px){.gnav{font-size:24px}}.gnav__nav{display:flex;flex-direction:column;height:80%;margin-top:100px}.gnav__list{width:100%;height:100%}.gnav__link{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;text-align:center;color:#000;pointer-events:auto;transition:.8s}.gnav__link:hover{background:#1c83fa;color:#fff}.footer{width:100%;background:#1e90ff url(../images/icon/footeracc.svg) center center/cover;line-height:1.2;overflow:hidden}@media screen and (min-width: 1024px){.footer{height:55vh;display:flex;flex-direction:column;justify-content:space-between}}.footer .ttl{color:#fff;margin-left:8%}.footer .ttl__main{font-size:16px}@media screen and (min-width: 1024px){.footer .ttl__main{font-size:72px;margin-bottom:2%}}.footer .ttl__sub{font-size:10px}@media screen and (min-width: 1024px){.footer .ttl__sub{font-size:20px}}.footer__container{display:flex;padding:4% 0 0 4%}.footer__leftcon{width:333.3333333333vw}.footer__centercon{display:flex;justify-content:end}@media screen and (min-width: 1024px){.footer__centercon{padding:150px 0 0 600px}}.footer__list{margin-bottom:10px}.footer__link{width:100%;height:100%;text-decoration:none;color:#fff;font-size:2vh}@media screen and (min-width: 1024px){.footer__link{font-size:24px}}.footer__rightcon{position:relative;width:250vw;color:#fff}.footer__pagetop{position:absolute;top:40%;right:-5%;font-size:2vh;cursor:pointer;transform:rotate(90deg)}@media screen and (min-width: 1200px){.footer__pagetop{top:70%;right:0}}.footer__copy{color:#fff;text-align:center}#movie{display:none}@media screen and (min-width: 1600px){#movie{display:block;position:absolute;top:-40%;left:0;z-index:-6;width:100%;height:100vw}}#top .fv{position:relative;overflow:hidden;height:100vh}#top .fv .fvacc{z-index:-1;display:flex;margin:0;width:100vw;height:50vh}#top .fv .fvacc .topleftEllipse{position:absolute;top:0;left:0;z-index:-2;width:20vw;max-width:180px;aspect-ratio:1/1;background:radial-gradient(circle farthest-corner at 60% 75%, rgba(30, 144, 255, 0) 0%, #1e90ff 100%);border-radius:50%;transform:translate(-42%, 164%);filter:blur(10px)}@media screen and (min-width: 1024px){#top .fv .fvacc .topleftEllipse{max-width:360px}}#top .fv .fvacc .topcenterEllipse{position:absolute;top:0;left:0;z-index:-3;width:53vw;max-width:470px;aspect-ratio:1/1;opacity:.5;background-image:radial-gradient(circle farthest-corner at 45% 30%, rgba(30, 144, 255, 0) 0%, #1e90ff 100%);border-radius:50%;transform:translate(-30%, -7%);filter:blur(20px)}@media screen and (min-width: 1024px){#top .fv .fvacc .topcenterEllipse{max-width:880px}}#top .fv .fvacc .toprightEllipse{position:absolute;top:0;left:0;z-index:-4;width:30vw;max-width:270px;aspect-ratio:1/1;background:radial-gradient(circle farthest-side at 10% 80%, rgba(244, 233, 109, 0) 0%, #F4E96D 100%);border-radius:50%;transform:translate(67%, -26%);filter:blur(50px)}@media screen and (min-width: 1024px){#top .fv .fvacc .toprightEllipse{max-width:540px}}#top .fv .fvacc .bottomleftEllipse{position:absolute;bottom:0;right:0;z-index:-4;width:30vw;max-width:273px;aspect-ratio:1/1;background:radial-gradient(circle farthest-corner at 90% 40%, rgba(244, 233, 109, 0) 0%, #F4E96D 100%);border-radius:50%;transform:translate(-67%, -13%);filter:blur(50px)}@media screen and (min-width: 1024px){#top .fv .fvacc .bottomleftEllipse{bottom:-40%;right:5%;max-width:500px}}#top .fv .fvacc .bottomcenterEllipse{position:absolute;bottom:0;right:0;z-index:-3;width:53vw;max-width:500px;aspect-ratio:1/1;background-image:radial-gradient(circle farthest-corner at 60% 70%, rgba(30, 144, 255, 0) 0%, #1e90ff 100%);border-radius:50%;transform:translate(24%, 5%);filter:blur(20px)}@media screen and (min-width: 1024px){#top .fv .fvacc .bottomcenterEllipse{bottom:-30%;right:5%;max-width:900px}}#top .fv .fvacc .bottomrightEllipse{position:absolute;bottom:0;right:0;z-index:-2;width:20vw;max-width:185px;aspect-ratio:1/1;background:radial-gradient(circle farthest-side at 48% 23%, rgba(244, 233, 109, 0) 0%, #F4E96D 100%);border-radius:50%;transform:translate(52%, -90%);filter:blur(10px)}@media screen and (min-width: 1024px){#top .fv .fvacc .bottomrightEllipse{bottom:-30%;max-width:370px}}#top .fv .ttl{margin:-50% 0 0 5%}@media screen and (min-width: 650px){#top .fv .ttl{margin:-30vh 0 0 5%}}#top .about{position:relative;overflow:hidden}@media screen and (min-width: 1024px){#top .about{margin-bottom:80px}}#top .about .sectionttl{padding:4% 0 0 5%;margin-bottom:3%}#top .about__con{width:90%;margin:0 auto 10px}@media screen and (min-width: 1024px){#top .about__con{display:flex;justify-content:space-between}}#top .about .sectiontxt{padding:5% 0}@media screen and (min-width: 1024px){#top .about .sectiontxt{width:40%;padding:0;line-height:40px}}#top .about__pic{width:100%;aspect-ratio:16/9}@media screen and (min-width: 1024px){#top .about__pic{width:45%}}#top .about__img{width:100%}#top .about .bglinewrapper{position:relative;z-index:-5;transform:translateY(-50%)}@media screen and (min-width: 1024px){#top .about .bglinewrapper{transform:none}}#top .about .bglinewrapper .bgline1{width:100vw;height:1px;margin-bottom:5px;background:#fff}@media screen and (min-width: 1024px){#top .about .bglinewrapper .bgline1{height:5px}}#top .about .bglinewrapper .bgline2{width:100%;height:2px;margin-bottom:5px;background:#fff}@media screen and (min-width: 1024px){#top .about .bglinewrapper .bgline2{height:10px}}#top .about .bglinewrapper .bgline3{width:100%;height:4px;margin-bottom:5px;background:#fff}@media screen and (min-width: 1024px){#top .about .bglinewrapper .bgline3{height:20px}}#top .about .bglinewrapper .bgline4{width:100%;height:6px;margin-bottom:5px;background:#fff}@media screen and (min-width: 1024px){#top .about .bglinewrapper .bgline4{height:30px}}#top .about .bglinewrapper .bgline5{width:100%;height:60px;background:#fff;margin-bottom:60px}@media screen and (min-width: 1024px){#top .about .bglinewrapper .bgline5{position:relative;z-index:auto;height:100px;margin-bottom:150px}}#top .about .bglinewrapper .bgline6{width:100%;height:20px;background:#fff}@media screen and (min-width: 1024px){#top .about .bglinewrapper .bgline6{position:relative;z-index:auto;height:60px}}#top .works{position:relative;overflow:clip}#top .works .ttlcon{display:flex;align-items:center;width:100%}#top .works .ttlcon .btn{display:flex;justify-content:center;align-items:center;top:0;right:-10%;width:110px;height:40px;margin-left:0;text-decoration:none;color:#000}@media screen and (min-width: 768px){#top .works .ttlcon .btn{width:15vw;height:4vh}}@media screen and (min-width: 1300px){#top .works .ttlcon .btn{height:7vh;margin-left:40%}}#top .works .ttlcon .btn:hover .btn__hover{transform:translateX(0)}#top .works .ttlcon .btn__hover{transform:translateX(-85%)}#top .works .sectionttl{width:55%;margin-left:5%;background-image:url(../images/icon/worksttl.svg);background-size:cover;background-position:bottom left;background-repeat:no-repeat;padding:0 3%;color:#fff}@media screen and (min-width: 1300px){#top .works .sectionttl{width:25%}}#top .works .accentline{background:#f4e96d;transform:scaleY(-1)}#top .works .accentline .accsentmask{background:linear-gradient(-0.25turn, #F4E96D, #fff, #F4E96D);animation-direction:reverse}#top .works__container{position:sticky;top:0;left:0;width:90%;height:70vh;margin:0 auto;margin-bottom:20px;border:2px solid #1e90ff;border-radius:0 20px 20px 20px;background:linear-gradient(to bottom, #1E90FF, #fff 40%)}@media screen and (min-width: 768px){#top .works__container{background:linear-gradient(to bottom, #1E90FF, #fff 40%)}}#top .works__link{text-decoration:none;color:#fff}#top .works__ttl{padding:2% 0 2% 4%;color:#fff}@media screen and (min-width: 1024px){#top .works__ttl{font-size:36px}}#top .works__contents{width:90%;height:100%;margin:0 auto}@media screen and (min-width: 768px){#top .works__contents{display:flex;align-items:start;width:100%;padding-left:5%}}#top .works__pic{width:100%;max-width:500px;aspect-ratio:16/9}#top .works__img{width:100%;-o-object-fit:cover;object-fit:cover}#top .works__txtbox{padding:5% 0;color:#000}@media screen and (min-width: 768px){#top .works__txtbox{width:50%;padding:0 5%}}#top .works .sectiontxt{margin-bottom:4%}@media screen and (min-width: 1024px){#top .works .sectiontxt:last-of-type{line-height:40px}}#top .skill{position:relative;overflow:hidden}@media screen and (min-width: 1024px){#top .skill{margin-bottom:80px}}@media screen and (min-width: 1024px){#top .skill{height:100vh}}#top .skill .accentline{transform:translateY(-20%)}#top .skill .sectionttl{text-align:center}@media screen and (min-width: 1024px){#top .skill .sectionttl{margin-bottom:10%}}#top .skill__container{margin:0 2%;color:#fff}@media screen and (min-width: 1000px){#top .skill__container{display:flex;justify-content:space-between}}@media screen and (min-width: 1024px){#top .skill__box:nth-of-type(1){transform:translateY(-30%)}#top .skill__box:nth-of-type(2n){transform:translateY(-10%)}}#top .skill__skill{display:flex;margin:2% 2%;background:#595959}@media screen and (min-width: 1000px){#top .skill__skill{margin:0 0 25% 0;width:17.2413793103vw;max-width:300px;max-height:300px;aspect-ratio:3/4}}#top .skill__ttl{width:10%;margin-top:10%;margin-left:15px;font-family:"Cormorant Garamond",serif;font-size:18px;line-height:0;transform-origin:top left;transform:rotate(90deg)}@media screen and (min-width: 1024px){#top .skill__ttl{font-size:24px}}#top .skill__conbox{display:flex;align-items:center;gap:2%;margin:10% 0}@media screen and (min-width: 1000px){#top .skill__conbox{flex-direction:column;align-items:center;margin-right:5%;padding-top:14%}}#top .skill__pic{width:80px;height:80px;margin:0 auto}#top .skill__img{width:100%;height:100%}#top .skill__txtbox{width:90%}@media screen and (min-width: 1000px){#top .skill__txtbox{width:100%;aspect-ratio:1/1}}@media screen and (min-width: 768px){#top .skill .sectiontxt{font-size:16px;line-height:20px}}@media screen and (min-width: 1100px){#top .skill .sectiontxt{line-height:25px}}#top .skill__span{background:#fff;color:#595959;padding:0 4px}#top .contact{background:linear-gradient(to top, #1E90FF, 20%, #E8EBE7)}@media screen and (min-width: 1024px){#top .contact{padding-bottom:80px}}#top .contact__link{background:#f4e96d;display:block;width:100%;height:100%;padding:3% 0;margin:0 auto;text-decoration:none;color:#000;border:1px solid #000;border-radius:20px}@media screen and (min-width: 1024px){#top .contact__link{display:flex;align-items:center;padding:10% 0;width:86%}#top .contact__link:hover .btn__hover{transform:translateX(0)}}@media screen and (min-width: 1024px){#top .contact__con{padding-left:10%}}#top .contact .sectionttl{text-align:center;padding:4% 0;margin-bottom:2%}@media screen and (min-width: 1024px){#top .contact .sectionttl{font-size:96px;text-align:left}}#top .contact__txt{text-align:center;padding-bottom:30px}@media screen and (min-width: 1024px){#top .contact__txt{font-size:20px;text-align:left}}#top .contact .btn{display:none;font-size:2vw;margin-left:20%}@media screen and (min-width: 1024px){#top .contact .btn{margin-left:10%}}@media screen and (min-width: 1024px){#top .contact .btn{display:flex;align-items:center;justify-content:end;padding-right:5%;width:30%;height:100px}}#contact .wrapper{background:#e8ebe7}#contact .contact{max-width:700px;margin:0 auto;padding:0 5%}#contact .sectionttl{padding-top:5vh;text-align:center;margin-bottom:15%}#contact .form__box{margin-bottom:20px}#contact .form__label{display:block;padding:20px 0}#contact .form__label::after{content:"*";color:red}#contact .form__input,#contact .form__message{width:100%;padding:10px;background:#d8d8d8;border:none;border-radius:7px;font-size:14px;letter-spacing:.2em}#contact .form__message{height:130px}#contact .form__submit{display:block;margin:0 auto;width:30%;padding:10px;background:#abd3f9;color:#000;border:none;border-radius:7px;font-size:14px;letter-spacing:.2em;cursor:pointer;-webkit-appearance:none}#thanks .thanks__txt{padding-top:200px;margin-bottom:100px;text-align:center}@media screen and (min-width: 1024px){#thanks .thanks__txt{font-size:20px}}#thanks .thanks__btn{text-align:center;margin-bottom:100px}#viewall .viewall{padding-top:200px}#viewall .viewall .sectionttl{padding:0 3%;margin-bottom:80px;text-align:center}#viewall .viewall .accentline{overflow:hidden;transform:translateY(60%)}@media screen and (min-width: 768px){#viewall .viewall .accentline{transform:translateY(40%)}}@media screen and (min-width: 1024px){#viewall .viewall .accentline{transform:translateY(0%)}}#viewall .viewall__con{width:90%;margin:0 auto}@media screen and (min-width: 1200px){#viewall .viewall__con{display:flex;flex-wrap:wrap;gap:2%;justify-content:center;align-items:center}}#viewall .viewall__box{margin-bottom:80px;background:#fff;box-shadow:-5px -5px 10px 0px hsla(0,0%,100%,.5019607843),5px 5px 10px 0px rgba(0,0,0,.3019607843);transition:.2s}@media screen and (min-width: 1200px){#viewall .viewall__box{width:26.3157894737vw}}#viewall .viewall__box:hover{box-shadow:inset -5px -5px 10px 0px hsla(0,0%,100%,.5019607843),inset 5px 5px 10px 0px rgba(0,0,0,.3019607843)}#viewall .viewall__link{text-decoration:none;color:#000}#viewall .viewall__worksttl{padding:2% 5%}@media screen and (min-width: 768px){#viewall .viewall__worksttl{font-size:20px}}#viewall .viewall__pic{width:90%;padding-bottom:8px;margin:0 auto}#viewall .viewall__img{width:100%}#workspage .works{padding-top:200px;color:#fff;padding:5% 2%}#workspage .works .accentline{overflow:hidden;background:#f4e96d;transform:scaleY(-1) translateY(-40%)}@media screen and (min-width: 1024px){#workspage .works .accentline{transform:scaleY(-1)}}#workspage .works .accentline .accsentmask{background:linear-gradient(-0.25turn, #F4E96D, #fff, #F4E96D);animation-direction:reverse}#workspage .works .sectionttl{width:100%;background-image:url(../images/icon/worksttl.svg);background-size:cover;background-position:top left;background-repeat:no-repeat;padding:1% 2%}@media screen and (min-width: 1024px){#workspage .works .sectionttl{font-size:3vw}}#workspage .works__con{padding:0 2%;margin-bottom:5%;border-radius:0 20px 20px 20px;background:linear-gradient(to bottom, #1E90FF, #fff 40%)}@media screen and (min-width: 768px){#workspage .works__con{background:linear-gradient(to bottom, #1E90FF, #fff 40%)}}#workspage .works__pic{margin-bottom:5%}@media screen and (min-width: 1024px){#workspage .works__subttl{font-size:36px}}#workspage .works__txtbox{padding:5%;margin-bottom:5%;border:1px solid #fff;border-top:2px solid #fff;border-radius:0 20px 20px 20px;color:#000}@media screen and (min-width: 1024px){#workspage .works__txtbox{font-size:20px;line-height:1.2}}#workspage .works__txt:nth-of-type(1){font-weight:600;margin-bottom:5px}#workspage .works__txt:nth-of-type(5){font-weight:600;margin-bottom:5px}#workspage .works__txt:nth-of-type(7){font-weight:600;margin-bottom:5px}#workspage .works__txt:nth-last-child(2){margin-bottom:10px}#workspage .works__link{margin-left:auto;color:#000}#workspage .works__previewbox{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width: 1024px){#workspage .works__previewbox{flex-direction:row;justify-content:space-between}}#workspage .works__previewbox{width:100%}#workspage .works__pcpreviewpic{margin-bottom:5%}#workspage .works__sppreviewpic{margin-bottom:5%}.hideDisplay{transform:translateX(100%)}#top .header__menubararea .moveTop{transform:translateX(100vw)}#top .header__menubararea .moveMiddle{transform:translateX(100vw);pointer-events:none}#top .header__menubararea .moveBottom{transform:translateX(100vw)}#top .header__menubararea .activeHideleft{transform:rotate(-45deg)}#top .header__menubararea .activeHideright{transform:rotate(45deg)}/*# sourceMappingURL=style.css.map */