html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box}input{-webkit-box-sizing:border-box;box-sizing:border-box}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}html,body{font-family:yu-gothic-pr6n, sans-serif;font-size:16px;line-height:1.5;letter-spacing:.5;color:#333}#top .mv__pattern,#thanks .mv__pattern{position:absolute;width:100%;height:100%}#top .mv__img,#top .works__img,#top .photos__img,#top .skills__img,#top .profile__img,#thanks .mv__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.header__box{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:24px 26px;background-color:#fff;z-index:100}@media screen and (min-width: 1024px){.header__box{background-color:transparent}}.header__ttl{font-family:rubik, sans-serif;font-style:italic;font-weight:900;font-size:34px;color:#707070;-webkit-transition:1s;transition:1s}@media screen and (min-width: 1024px){.header__ttl{color:#fff}}.header__slide{position:absolute;top:0;left:-100%;height:80vh;z-index:99;-webkit-transition:.2s;transition:.2s}.header__txt{display:block;position:fixed;left:-100%;padding-right:20px;margin-top:90vh;width:100%;height:10vh;font-family:rubik, sans-serif;font-style:italic;font-weight:900;text-align:right;color:#333;background-color:#fff;opacity:0;-webkit-transition:.2s;transition:.2s}@media screen and (min-width: 1024px){.header__txt{max-width:960px}}.btn{position:relative;width:44px;height:44px}.btn__top{position:absolute;top:50%;width:44px;height:2px;background-color:#707070;-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-transition:.3s;transition:.3s}@media screen and (min-width: 1024px){.btn__top{background-color:#fff}}.btn__middle{position:absolute;top:50%;margin-left:10px;width:34px;height:2px;background-color:#707070;-webkit-transition:.3s;transition:.3s}@media screen and (min-width: 1024px){.btn__middle{background-color:#fff}}.btn__bottom{position:absolute;top:50%;width:44px;height:2px;background-color:#707070;-webkit-transform:translateY(12px);transform:translateY(12px);-webkit-transition:.2s;transition:.2s}@media screen and (min-width: 1024px){.btn__bottom{background-color:#fff}}.gnav__nav{width:100%;height:90vh;position:fixed;padding-top:99px;padding-bottom:100px;background-color:#fff;-webkit-box-shadow:0 0 6px #b1b1b1;box-shadow:0 0 6px #b1b1b1}@media screen and (min-width: 1024px){.gnav__nav{max-width:960px;padding-top:160px;padding-left:170px}}.gnav__nav::before{content:url(../images/deco-3lines.svg);-webkit-transform:translateX(-20px);transform:translateX(-20px)}.gnav__list{position:relative;top:40px;list-style-type:none;opacity:0;-webkit-transition:.5s;transition:.5s}.gnav__link{display:block;padding:0 23px;font-family:rubik, sans-serif;font-style:italic;font-weight:900;font-size:56px;text-decoration:none;color:#333333}.footer{padding-top:38px;padding-bottom:57px;text-align:center;font-family:rubik, sans-serif;color:#fff;background-color:#000}@media screen and (min-width: 1024px){.footer{padding-bottom:38px}}@media screen and (min-width: 1024px){.footer__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 40px}}.footer__ttl{margin-bottom:83px;font-style:italic;font-size:34px;font-weight:900}@media screen and (min-width: 1024px){.footer__ttl{margin-bottom:0}}.footer__gnav{margin:0 auto 112px auto;width:230px;font-weight:600}@media screen and (min-width: 1024px){.footer__gnav{width:auto;margin:0 auto 0 auto}}.footer__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:14px}.footer__list{list-style-type:none;border-right:#fff 1px solid}.footer__list:last-child{border-right:none}.footer__link{padding:2px 14px 2px 0;text-decoration:none;color:#fff}#top .main{overflow:hidden}#top .mv{position:relative;width:100%;height:100vh;background-color:#5A6BFF;overflow:hidden}#top .mv__pattern{background:url(../images/mv_pattern.svg) no-repeat center center/cover}@-webkit-keyframes anime_mv_shrinkage{0%,100%{-webkit-transform:scale(0.9);transform:scale(0.9)}50%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes anime_mv_shrinkage{0%,100%{-webkit-transform:scale(0.9);transform:scale(0.9)}50%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}#top .mv__circle::before{content:"";position:absolute;left:37%;top:14%;width:100px;height:100px;display:inline-block;background:url(../images/mv_circle.svg) repeat center center/cover;-webkit-animation:3.5s linear infinite anime_mv_shrinkage;animation:3.5s linear infinite anime_mv_shrinkage}#top .mv__circle::after{content:"";position:absolute;right:1%;bottom:4%;width:98px;height:98px;display:inline-block;background:url(../images/mv_circle_yellow.svg) repeat center center/cover;-webkit-animation:2.5s ease-in-out infinite anime_mv_shrinkage;animation:2.5s ease-in-out infinite anime_mv_shrinkage}@media screen and (min-width: 1300px){#top .mv__circle::after{top:42%;width:177px;height:177px}}@-webkit-keyframes anime_mv_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{opacity:0}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes anime_mv_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{opacity:0}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}#top .mv__triangles::before{content:"";position:absolute;left:16%;top:16%;width:59px;height:69px;display:inline-block;background:url(../images/mv_triangle.svg) repeat center center/cover;-webkit-animation:1.3s linear infinite anime_mv_rotate;animation:1.3s linear infinite anime_mv_rotate}@media screen and (min-width: 1024px){#top .mv__triangles::before{top:6%}}#top .mv__triangles::after{content:"";position:absolute;right:20%;top:30%;width:59px;height:69px;display:inline-block;background:url(../images/mv_triangle.svg) repeat center center/cover;-webkit-animation:2s ease-in-out infinite anime_mv_rotate;animation:2s ease-in-out infinite anime_mv_rotate}@-webkit-keyframes anime_mv_blink{0%,100%{opacity:1}50%{opacity:0}}@keyframes anime_mv_blink{0%,100%{opacity:1}50%{opacity:0}}#top .mv__dots::before{content:"";position:absolute;left:48%;top:0;width:266px;height:259px;display:inline-block;background:url(../images/mv_dots.svg) repeat center center/cover;-webkit-animation:3s ease-in-out infinite anime_mv_blink;animation:3s ease-in-out infinite anime_mv_blink}#top .mv__dots::after{content:"";position:absolute;left:23%;bottom:6%;width:156px;height:152px;display:inline-block;background:url(../images/mv_dots_yellow.svg) repeat center center/cover;-webkit-animation:2.3s linear infinite anime_mv_blink;animation:2.3s linear infinite anime_mv_blink}@media screen and (min-width: 1024px){#top .mv__dots::after{left:16%;bottom:3%}}@-webkit-keyframes anime_mv_mirror{0%,100%{}50%{-webkit-transform:scaleY(-1);transform:scaleY(-1)}}@keyframes anime_mv_mirror{0%,100%{}50%{-webkit-transform:scaleY(-1);transform:scaleY(-1)}}#top .mv__zigzag::before{content:"";position:absolute;right:8%;top:34%;width:133px;height:18px;display:inline-block;background:url(../images/mv_zigzag.svg) repeat center center/cover;-webkit-animation:1s linear infinite anime_mv_mirror;animation:1s linear infinite anime_mv_mirror}#top .mv__zigzag::after{content:"";position:absolute;left:10%;bottom:6%;width:133px;height:18px;display:inline-block;background:url(../images/mv_zigzag.svg) repeat center center/cover;-webkit-animation:.8s linear infinite anime_mv_mirror;animation:.8s linear infinite anime_mv_mirror}#top .mv__name{position:relative;left:50%;top:50%;width:360px;-webkit-transform:translateX(-180px) translateY(-63px);transform:translateX(-180px) translateY(-63px)}@media screen and (min-width: 560px){#top .mv__name{width:500px;-webkit-transform:translateX(-250px) translateY(-102px);transform:translateX(-250px) translateY(-102px)}}@media screen and (min-width: 768px){#top .mv__name{width:700px;-webkit-transform:translateX(-350px) translateY(-142px);transform:translateX(-350px) translateY(-142px)}}@media screen and (min-width: 1024px){#top .mv__name{width:950px;-webkit-transform:translateX(-475px) translateY(-193px);transform:translateX(-475px) translateY(-193px)}}#top .mv__name::before{content:"";position:absolute;top:6px;left:45%;width:54px;height:54px;background:url(../images/o.svg) no-repeat center center/contain;-webkit-animation:3s linear infinite anime_skills_triangle;animation:3s linear infinite anime_skills_triangle}@media screen and (min-width: 560px){#top .mv__name::before{left:46%;top:12px;width:70px;height:70px}}@media screen and (min-width: 768px){#top .mv__name::before{left:45%;top:18px;width:100px;height:100px}}@media screen and (min-width: 1024px){#top .mv__name::before{top:32px;width:130px;height:130px}}#top .mv__name::after{content:"";position:absolute;top:86px;left:310px;width:56px;height:56px;background:url(../images/I.svg) no-repeat center center/contain;-webkit-animation:1.8s ease-in-out infinite anime_works_dots;animation:1.8s ease-in-out infinite anime_works_dots}@media screen and (min-width: 560px){#top .mv__name::after{top:118px;left:446px;width:80px;height:80px}}@media screen and (min-width: 768px){#top .mv__name::after{top:166px;left:614px;width:110px;height:110px}}@media screen and (min-width: 1024px){#top .mv__name::after{top:226px;left:840px;width:150px;height:150px}}#top .mv__img{-o-object-fit:contain;object-fit:contain}#top .pulsator{display:none;width:30px;height:30px;border-radius:50%;border-color:#FDF400;background:#FDF400;-webkit-box-shadow:0 0 0 #fdf50057;box-shadow:0 0 0 #fdf50057;position:absolute;-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite}@-webkit-keyframes pulse{from{-webkit-box-shadow:0 0 0 0 #FDF400;box-shadow:0 0 0 0 #FDF400}to{-webkit-box-shadow:0 0 0 20px rgba(255,0,0,0);box-shadow:0 0 0 20px rgba(255,0,0,0)}}@keyframes pulse{from{-webkit-box-shadow:0 0 0 0 #FDF400;box-shadow:0 0 0 0 #FDF400}to{-webkit-box-shadow:0 0 0 20px rgba(255,0,0,0);box-shadow:0 0 0 20px rgba(255,0,0,0)}}#top .works{position:relative;margin-bottom:218px}#top .works__fadeIn{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}#top .works__wrap{position:relative}#top .works__wrap::before{content:"";position:absolute;bottom:-90px;left:80px;display:inline-block;width:56px;height:56px;background:url(../images/deco_greendots.svg) no-repeat center center/contain;-webkit-animation:1s ease-in-out infinite anime_works_dots;animation:1s ease-in-out infinite anime_works_dots}@media screen and (min-width: 1600px){#top .works__wrap::before{bottom:200px;width:108px;height:108px;z-index:18}}@-webkit-keyframes anime_works_dots{0%,100%{-webkit-transform-origin:70px 50px 0;transform-origin:70px 50px 0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}50%{-webkit-transform:scale(1.06);transform:scale(1.06)}}@keyframes anime_works_dots{0%,100%{-webkit-transform-origin:70px 50px 0;transform-origin:70px 50px 0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}50%{-webkit-transform:scale(1.06);transform:scale(1.06)}}#top .works__wrap::after{content:"";position:absolute;bottom:-160px;left:40px;display:inline-block;width:56px;height:56px;background:url(../images/deco_bluedots.svg) no-repeat center center/contain;-webkit-animation:1s ease-in-out infinite anime_works_dots;animation:1s ease-in-out infinite anime_works_dots}@media screen and (min-width: 1600px){#top .works__wrap::after{bottom:30px;width:108px;height:108px;z-index:18}}#top .works__ttl{position:relative;padding-top:58px;margin-bottom:46px;text-align:center;font-family:rubik, sans-serif;font-style:italic;font-weight:900;font-size:60px}#top .works__ttl::after{content:url(../images/deco-3lines.svg);position:absolute;left:100%;top:72px;opacity:.5;z-index:-1;-webkit-animation:1.5s ease-in-out infinite anime_secttl;animation:1.5s ease-in-out infinite anime_secttl}@-webkit-keyframes anime_secttl{0%,100%{opacity:0.7;-webkit-transform:translateX(50px);transform:translateX(50px)}50%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes anime_secttl{0%,100%{opacity:0.7;-webkit-transform:translateX(50px);transform:translateX(50px)}50%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}}#top .works__container{max-width:375px;margin:0 auto}@media screen and (min-width: 1024px){#top .works__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px;max-width:1300px}}@media screen and (min-width: 1440px){#top .works__container{max-width:1500px}}#top .works .modal__container01,#top .works .modal__container02,#top .works .modal__container03,#top .works .modal__container04,#top .works .modal__container05,#top .works .modal__container06,#top .works .modal__container07,#top .works .modal__container08,#top .works .modal__container09{display:none;position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,0.9);color:#fff;z-index:30}#top .works .modal__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh}@media screen and (min-width: 1024px){#top .works .modal__wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px;margin:0 60px}}#top .works .modal__wrap::before{content:"";position:absolute;top:30px;right:20px;width:44px;height:2px;background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (min-width: 768px){#top .works .modal__wrap::before{top:100px;right:100px}}#top .works .modal__wrap::after{content:"";position:absolute;top:30px;right:20px;width:44px;height:2px;background-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media screen and (min-width: 768px){#top .works .modal__wrap::after{top:100px;right:100px}}#top .works .modal__wrap2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh}@media screen and (min-width: 1024px){#top .works .modal__wrap2{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:30px;margin:0 60px}}#top .works .modal__wrap2::before{content:"";position:absolute;top:30px;right:20px;width:44px;height:2px;background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (min-width: 768px){#top .works .modal__wrap2::before{top:100px;right:100px}}#top .works .modal__wrap2::after{content:"";position:absolute;top:30px;right:20px;width:44px;height:2px;background-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media screen and (min-width: 768px){#top .works .modal__wrap2::after{top:100px;right:100px}}#top .works .modal__pic{position:relative;margin:50px auto;width:300px;height:200px;overflow-y:scroll}@media screen and (min-width: 768px){#top .works .modal__pic{width:60%;height:40%}}@media screen and (min-width: 1024px){#top .works .modal__pic{margin:0 auto;width:50%;height:60%}}#top .works .modal__pic2{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 16px auto;height:280px}@media screen and (min-width: 768px){#top .works .modal__pic2{width:336px}}#top .works .modal__pic2-2{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 16px auto;height:280px}@media screen and (min-width: 768px){#top .works .modal__pic2-2{width:336px}}#top .works .modal__img{width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}#top .works .modal__img2{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}#top .works .modal__img2-2{height:100%;width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}#top .works .modal__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:80%;margin:0 auto}@media screen and (min-width: 1024px){#top .works .modal__box{max-width:700px;width:50%}}#top .works .modal__sub{margin:0 auto 50px auto;font-size:24px;letter-spacing:0.3em;color:#EFEFEF}#top .works .modal__txt{margin:0 auto 20px auto;letter-spacing:0.3em;font-size:14px;color:#efefef;line-height:2}#top .works .modal__span{display:block;margin-bottom:24px}#top .works .modal__more{width:200px;height:60px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;background:#9FF5DC;-webkit-transform:skewX(-30deg);transform:skewX(-30deg);-webkit-box-shadow:2px 2px 2px 2px #FDF4003c;box-shadow:2px 2px 2px 2px #FDF4003c;outline:1px solid;outline-color:#FDF400;outline-offset:0px;-webkit-animation:light .8s infinite;animation:light .8s infinite}@-webkit-keyframes light{100%{outline-color:transparent;outline-offset:12px}}@keyframes light{100%{outline-color:transparent;outline-offset:12px}}#top .works .modal__link{display:block;padding:18px 30px;font-family:rubik, sans-serif;font-style:italic;text-align:center;text-decoration:none;color:#333;-webkit-transition:.3s;transition:.3s;-webkit-transform:skewX(30deg);transform:skewX(30deg)}#top .works__box{margin-bottom:74px;width:100%;max-width:375px;-webkit-box-shadow:0 3px 6px #46464618;box-shadow:0 3px 6px #46464618;-webkit-transition:.2s;transition:.2s;z-index:12}#top .works__box:hover{-webkit-transform:scale(1.1) !important;transform:scale(1.1) !important}#top .works__link{text-decoration:none;color:#333;-webkit-transition:.2s;transition:.2s}#top .works__pic1{position:relative;width:100%;max-width:375px;height:216px;z-index:11}#top .works__pic1::before{content:url(../images/works_tag_web.svg);position:absolute;left:3px;top:-9px}#top .works__pic2{position:relative;width:100%;max-width:375px;height:216px;z-index:11}#top .works__pic2::before{content:url(../images/works_tag_logo.svg);position:absolute;left:3px;top:-9px}#top .works__pic3{position:relative;width:100%;max-width:375px;height:216px;z-index:11}#top .works__pic3::before{content:url(../images/works_tag_banner.svg);position:absolute;left:3px;top:-9px}#top .works__img{-o-object-position:center top;object-position:center top}#top .works__ttl2{width:100%;max-width:375px;height:77px;font-weight:200;background-color:#fff;color:#333;font-size:16px;font-weight:400;text-align:center;line-height:5;position:relative;z-index:14;display:block;overflow:hidden;-webkit-transition:.3s;transition:.3s}#top .works__belt{display:none}@media screen and (min-width: 450px){#top .works__belt{display:block;position:absolute;top:288px;width:100%;height:3014px;background-color:#EFEFEF;z-index:-1}}@media screen and (min-width: 1024px){#top .works__belt{height:1700px}}@media screen and (min-width: 1185px){#top .works__belt{height:896px}}#top .photos__wrap{margin-bottom:186px}#top .photos__belt{background-color:#EFEFEF;width:100%;height:480px;z-index:-1}@media screen and (min-width: 1024px){#top .photos__belt{height:556px}}#top .photos__ttl{position:relative;padding-top:58px;margin-bottom:46px;text-align:center;font-family:rubik, sans-serif;font-style:italic;font-weight:900;font-size:60px}#top .photos__ttl::after{content:url(../images/deco-3lines.svg);position:absolute;left:100%;top:72px;opacity:.5;z-index:-1;-webkit-animation:1.5s ease-in-out infinite anime_secttl;animation:1.5s ease-in-out infinite anime_secttl}@keyframes anime_secttl{0%,100%{opacity:0.7;-webkit-transform:translateX(50px);transform:translateX(50px)}50%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}}#top .photos__ttl2{padding:14px 0}@media screen and (min-width: 1024px){#top .photos__ttl2{font-size:22px}}#top .photos__pic{margin:0 auto;width:260px;height:180px}@media screen and (min-width: 1024px){#top .photos__pic{width:350px;height:200px}}#top .photos__link{position:absolute;right:10px;bottom:10px;padding:30px}#top .photos__link::after{content:"";position:absolute;right:10px;bottom:16px;width:20px;height:20px;background:url(../images/Icon-material-open-in-new.svg) no-repeat center center/contain}#top .swiper-photos__slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:56px 0 100px}#top .swiper-photos__box{position:relative;padding:24px 20px;width:300px;height:325px;background-color:#fff;border-bottom-right-radius:30px;-webkit-box-shadow:0 3px 6px #b1b1b1;box-shadow:0 3px 6px #b1b1b1}@media screen and (min-width: 1024px){#top .swiper-photos__box{width:390px;height:404px}}#top .skills__wrap{position:relative;padding-bottom:10px}#top .skills__wrap::before{content:"";position:absolute;bottom:0px;right:6px;width:54px;height:54px;display:inline-block;background:url(../images/deco_yellowcircle.svg) no-repeat center center/contain}@media screen and (min-width: 1024px){#top .skills__wrap::before{width:128px;height:128px}}#top .skills__wrap::after{content:"";position:absolute;bottom:0px;right:6px;width:120px;height:120px;display:inline-block;background:url(../images/deco_triangle.svg) no-repeat center center/contain;-webkit-animation:3s linear infinite anime_skills_triangle;animation:3s linear infinite anime_skills_triangle}@media screen and (min-width: 1024px){#top .skills__wrap::after{width:286px;height:286px;background:url(../images/deco_triangle.svg) no-repeat center center/contain}}@-webkit-keyframes anime_skills_triangle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes anime_skills_triangle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#top .skills__ttl{position:relative;padding-top:58px;margin-bottom:46px;text-align:center;font-family:rubik, sans-serif;font-style:italic;font-weight:900;font-size:60px}#top .skills__ttl::after{content:url(../images/deco-3lines.svg);position:absolute;left:100%;top:72px;opacity:.5;z-index:-1;-webkit-animation:1.5s ease-in-out infinite anime_secttl;animation:1.5s ease-in-out infinite anime_secttl}@keyframes anime_secttl{0%,100%{opacity:0.7;-webkit-transform:translateX(50px);transform:translateX(50px)}50%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}}#top .skills__ttl2{margin-bottom:38px;text-align:center;font-family:rubik, sans-serif;font-style:italic;font-weight:900;font-size:40px}#top .skills__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 8px;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:186px}@media screen and (min-width: 557px){#top .skills__container{margin:0 auto 186px auto;width:378px}}@media screen and (min-width: 1024px){#top .skills__container{width:742px}}#top .skills__fadeIn{opacity:0;-webkit-transform:scale(0.1);transform:scale(0.1)}#top .skills__box{width:180px;height:180px;border-radius:50%;background:#efefef;-webkit-transition:.3s;transition:.3s}#top .skills__box:hover{-webkit-animation:anime_skills_circle 3s ease-in-out infinite;animation:anime_skills_circle 3s ease-in-out infinite}@-webkit-keyframes anime_skills_circle{0%{}20%{background:#9FF5DC;-webkit-transform:scale(1.1) rotate(15deg);transform:scale(1.1) rotate(15deg)}40%{background:#FDF400;-webkit-transform:scale(0.8) rotate(-15deg);transform:scale(0.8) rotate(-15deg)}80%{background:#ffc374;-webkit-transform:scale(1.2) rotate(10deg);transform:scale(1.2) rotate(10deg)}100%{background:#ffb2e7;-webkit-transform:scale(1) rotate(5deg);transform:scale(1) rotate(5deg)}}@keyframes anime_skills_circle{0%{}20%{background:#9FF5DC;-webkit-transform:scale(1.1) rotate(15deg);transform:scale(1.1) rotate(15deg)}40%{background:#FDF400;-webkit-transform:scale(0.8) rotate(-15deg);transform:scale(0.8) rotate(-15deg)}80%{background:#ffc374;-webkit-transform:scale(1.2) rotate(10deg);transform:scale(1.2) rotate(10deg)}100%{background:#ffb2e7;-webkit-transform:scale(1) rotate(5deg);transform:scale(1) rotate(5deg)}}#top .skills__pic{margin:40px auto 0 auto;width:42px;height:42px}#top .skills__img{-o-object-fit:contain;object-fit:contain}#top .skills__tool{margin-top:32px;text-align:center;font-family:rubik, sans-serif;font-weight:100;font-size:12px;color:#546cff}#top .skills__tool2{margin-top:32px;text-align:center;font-family:rubik, sans-serif;font-weight:100;font-size:12px;color:#FF83D8}#top .books__fadeIn{-webkit-transform:scale(0.5);transform:scale(0.5)}#top .books__ttl{position:relative;padding-top:58px;margin-bottom:46px;text-align:center;font-family:rubik, sans-serif;font-style:italic;font-weight:900;font-size:60px}#top .books__ttl::after{content:url(../images/deco-3lines.svg);position:absolute;left:100%;top:72px;opacity:.5;z-index:-1;-webkit-animation:1.5s ease-in-out infinite anime_secttl;animation:1.5s ease-in-out infinite anime_secttl}@keyframes anime_secttl{0%,100%{opacity:0.7;-webkit-transform:translateX(50px);transform:translateX(50px)}50%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}}#top .books__wrap{margin-bottom:256px}#top .swiper-wrapper{width:100%}#top .swiper-slide{width:100%;height:100%}#top .swiper-pagination-bullet{width:12px !important;height:12px !important;margin:0 0 0 10px !important;background:#546CFF !important}#top .swiper-works{width:100%;padding:100px 0}@media screen and (min-width: 1024px){#top .swiper-works{width:70%;max-width:1080px}}#top .swiper-works__slide01,#top .swiper-works__slide02,#top .swiper-works__slide03,#top .swiper-works__slide04,#top .swiper-works__slide05,#top .swiper-works__slide06,#top .swiper-works__slide07,#top .swiper-works__slide08,#top .swiper-works__slide09{-webkit-transition:.3s;transition:.3s}#top .swiper-works__img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#top .swiper-works__pagination{bottom:20px}#top .swiper-works__isActive{-webkit-transform:scale(1.3);transform:scale(1.3)}#top .profile__ttl{position:relative;padding-top:58px;margin-bottom:46px;text-align:center;font-family:rubik, sans-serif;font-style:italic;font-weight:900;font-size:60px}#top .profile__ttl::after{content:url(../images/deco-3lines.svg);position:absolute;left:100%;top:72px;opacity:.5;z-index:-1;-webkit-animation:1.5s ease-in-out infinite anime_secttl;animation:1.5s ease-in-out infinite anime_secttl}@keyframes anime_secttl{0%,100%{opacity:0.7;-webkit-transform:translateX(50px);transform:translateX(50px)}50%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}}#top .profile__slideIn{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}@media screen and (min-width: 1440px){#top .profile__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:40px;width:930px;margin:0 auto}}#top .profile__pic{width:100%;max-width:400px;margin:0 auto 130px auto}@media screen and (min-width: 1024px){#top .profile__pic{max-width:600px}}@media screen and (min-width: 1440px){#top .profile__pic{max-width:500px;height:400px}}#top .profile__img{-o-object-position:center top;object-position:center top}#top .profile__txt{width:298px;margin:0 auto 256px auto;letter-spacing:.1rem}@media screen and (min-width: 768px){#top .profile__txt{width:365px}}@media screen and (min-width: 1024px){#top .profile__txt{width:600px}}@media screen and (min-width: 1440px){#top .profile__txt{width:492px}}#top .profile__span{display:block;margin-bottom:34px;line-height:2}#top .contact__wrap{height:1024px;background:url(../images/contact_back-tabsp.jpg)}@media screen and (min-width: 768px){#top .contact__wrap{background:url(../images/contact_back-pc.jpg)}}#top .contact__ttl{position:relative;padding-top:58px;margin-bottom:46px;text-align:center;font-family:rubik, sans-serif;font-style:italic;font-weight:900;font-size:60px;z-index:90;color:#f2f2f2;margin-bottom:150px}#top .contact__ttl::after{content:url(../images/deco-3lines.svg);position:absolute;left:100%;top:72px;opacity:.5;z-index:-1;-webkit-animation:1.5s ease-in-out infinite anime_secttl;animation:1.5s ease-in-out infinite anime_secttl}@keyframes anime_secttl{0%,100%{opacity:0.7;-webkit-transform:translateX(50px);transform:translateX(50px)}50%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}}#top .contact__dl{width:80%;margin:0 auto;color:#fff;font-size:16px;font-weight:600}@media screen and (min-width: 1024px){#top .contact__dl{width:740px}}#top .contact__dt,#top .contact__dd{display:block}#top .contact__dt{margin-bottom:6px}#top .contact__dt::after{content:" *"}#top .contact__dd{margin-bottom:44px}#top .contact__input{width:100%;height:50px;border-radius:5px;font-family:yu-gothic-pr6n, sans-serif;font-size:16px}#top .contact__textarea{width:100%;height:116px;border-radius:5px;font-family:yu-gothic-pr6n, sans-serif;font-size:16px}#top .contact__btn{width:176px;margin:0 auto}#top .contact__submit{margin-bottom:54px;width:100%;height:56px;border-radius:5px;font-size:16px;font-weight:600;font-family:yu-gothic-pr6n, sans-serif;cursor:pointer}#top .contact__arrow{position:relative;-webkit-transform:translateX(50%);transform:translateX(50%)}@media screen and (min-width: 1024px){#top .contact__arrow{-webkit-transform:translateX(90%);transform:translateX(90%)}}#top .contact__arrow::after{content:"Top";position:absolute;top:76px;left:4px;font-size:16px;font-weight:600;font-family:yu-gothic-pr6n, sans-serif;color:#fff;-webkit-transform:translateX(-18px);transform:translateX(-18px)}#thanks .mv{position:relative;width:100%;height:100vh;background-color:#5A6BFF;overflow:hidden}#thanks .mv__pattern{background:url(../images/mv_pattern2.svg) no-repeat center center/cover}#thanks .mv__circle::before{content:"";position:absolute;left:47%;top:24px;width:100px;height:100px;display:inline-block;background:url(../images/mv_circle.svg) repeat center center/cover;-webkit-animation:1s ease-in-out infinite anime_mv_pattern;animation:1s ease-in-out infinite anime_mv_pattern}#thanks .mv__circle::after{content:"";position:absolute;left:48%;top:0;width:333px;height:324px;display:inline-block;background:url(../images/mv_dots.svg) repeat center center/cover;-webkit-animation:1s ease-in-out infinite anime_mv_pattern;animation:1s ease-in-out infinite anime_mv_pattern}#thanks .mv__triangles::before{content:"";position:absolute;left:50%;top:50%;width:59px;height:69px;display:inline-block;background:url(../images/mv_triangle.svg) repeat center center/cover;-webkit-animation:1.3s linear infinite anime_mv_triangle;animation:1.3s linear infinite anime_mv_triangle}#thanks .mv__triangles::after{content:"";position:absolute;left:30%;top:30%;width:59px;height:69px;display:inline-block;background:url(../images/mv_triangle.svg) repeat center center/cover;-webkit-animation:2s ease-in-out infinite anime_mv_triangle;animation:2s ease-in-out infinite anime_mv_triangle}@-webkit-keyframes anime_mv_triangle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes anime_mv_triangle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}#thanks .mv__ttl{position:relative;left:50%;top:50%;width:360px;-webkit-transform:translateX(-180px) translateY(-63px);transform:translateX(-180px) translateY(-63px)}@media screen and (min-width: 560px){#thanks .mv__ttl{width:500px;-webkit-transform:translateX(-250px) translateY(-52px);transform:translateX(-250px) translateY(-52px)}}@media screen and (min-width: 768px){#thanks .mv__ttl{width:700px;-webkit-transform:translateX(-350px) translateY(-116px);transform:translateX(-350px) translateY(-116px)}}@media screen and (min-width: 1024px){#thanks .mv__ttl{width:950px;-webkit-transform:translateX(-475px) translateY(-193px);transform:translateX(-475px) translateY(-193px)}}#thanks .mv__img{-o-object-fit:contain;object-fit:contain}#thanks .toTop__link{position:relative;left:50%;top:50%}@media screen and (min-width: 768px){#thanks .toTop__link{top:-100px}}@media screen and (min-width: 1024px){#thanks .toTop__link{top:-220px}}#thanks .toTop::after{content:"Top Page";position:absolute;top:200px;left:50%;font-size:16px;font-weight:600;font-family:yu-gothic-pr6n, sans-serif;color:#fff;-webkit-transform:translateX(-38px);transform:translateX(-38px)}@media screen and (min-width: 560px){#thanks .toTop::after{top:220px}}@media screen and (min-width: 1024px){#thanks .toTop::after{top:100px}}#thanks .toTop__img{position:absolute;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.top-rotate{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.middle-hide{opacity:0}.bottom-rotate{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header__slide-isActive{left:0;padding-top:0}.header__ttl-isActive{color:#707070}.header__txt-isActive{left:0;padding-top:0;opacity:1}.header__box-modalActive{display:none}.changeHeaderttl{color:#707070}@media screen and (min-width: 1024px){.changeHeaderBtn{background-color:#707070}}.gnav__nav-isActive{padding-left:20px}.gnav__nav-isActive::before{content:url(../images/deco-3lines.svg);-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:.5s;transition:.5s}.gnav__list-isActive{top:0;opacity:1}#top .slideIn.isShow::after{content:url(../images/deco-3lines.svg);position:absolute;left:50%;top:72px;z-index:-1;opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:.5s;transition:.5s}#top .works__fadeIn.isShow{opacity:1;-webkit-transition:.5s;transition:.5s;-webkit-transform:translateX(0);transform:translateX(0)}#top .skills__fadeIn.isShow{opacity:1;-webkit-transform:scale(1);transform:scale(1)}#top .books__fadeIn.isShow{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.5s;transition:.5s}#top .profile__slideIn.isShow{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:.5s;transition:.5s}
/*# sourceMappingURL=style.css.map */