#filter');-webkit-filter:grayscale(0);filter:grayscale(0)}50%{mix-blend-mode:multiply;filter:url('data:image/svg+xml;charset=utf-8, #filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}to{mix-blend-mode:multiply;filter:url('data:image/svg+xml;charset=utf-8, #filter');-webkit-filter:grayscale(0);filter:grayscale(0)}}@keyframes imgProfile-data-v-53c83894{0%{mix-blend-mode:multiply;filter:url('data:image/svg+xml;charset=utf-8, #filter');-webkit-filter:grayscale(0);filter:grayscale(0)}50%{mix-blend-mode:multiply;filter:url('data:image/svg+xml;charset=utf-8, #filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}to{mix-blend-mode:multiply;filter:url('data:image/svg+xml;charset=utf-8, #filter');-webkit-filter:grayscale(0);filter:grayscale(0)}}@-webkit-keyframes textOpacity{0%{opacity:0}25%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes textOpacity-data-v-53c83894{0%{opacity:0}25%{opacity:1}50%{opacity:0}to{opacity:1}}.nav-sp .nav-sp__menu[data-v-7533d859]{position:fixed;top:0;left:0;width:100%;visibility:hidden;z-index:10}.nav-sp .nav-sp__menu.is-show[data-v-7533d859]{background:#111}.nav-sp .nav-sp__menu.is-active[data-v-7533d859]{visibility:visible}.nav-sp .nav-sp__menu.is-active span.nav-sp__menu__mask-line[data-v-7533d859]{-webkit-transform:translateX(0);transform:translateX(0)}.nav-sp .nav-sp__menu.is-active span.nav-sp__menu__mask-inner-line[data-v-7533d859]{overflow:hidden}.nav-sp .nav-sp__menu.is-active span.nav-sp__menu__mask-inner-line--01[data-v-7533d859]{width:calc(100% - 8.84rem)}@media screen and (max-width:980px){.nav-sp .nav-sp__menu.is-active span.nav-sp__menu__mask-inner-line--01[data-v-7533d859]{width:calc(100% - 6.84rem)}}.nav-sp .nav-sp__menu.is-active span.nav-sp__menu__mask-inner-line--01 span.nav-sp__menu__mask-inner-line__grad[data-v-7533d859]{width:100%;height:1px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:16s maskLine1 2s linear infinite;animation:16s maskLine1 2s linear infinite}.nav-sp .nav-sp__menu.is-active span.nav-sp__menu__mask-inner-line--02[data-v-7533d859]{height:calc(100% - 5.6rem)}@media screen and (max-width:980px){.nav-sp .nav-sp__menu.is-active span.nav-sp__menu__mask-inner-line--02[data-v-7533d859]{height:calc(100% - 3.6rem)}}.nav-sp .nav-sp__menu.is-active span.nav-sp__menu__mask-inner-line--02 span.nav-sp__menu__mask-inner-line__grad[data-v-7533d859]{width:1px;height:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-animation:16s maskLine2 2s linear infinite;animation:16s maskLine2 2s linear infinite}.nav-sp .nav-sp__menu.is-active span.nav-sp__menu__mask-inner-line--03[data-v-7533d859]{width:calc(100% - 6.56rem)}@media screen and (max-width:980px){.nav-sp .nav-sp__menu.is-active span.nav-sp__menu__mask-inner-line--03[data-v-7533d859]{width:calc(100% - 4.56rem)}}.nav-sp .nav-sp__menu.is-active span.nav-sp__menu__mask-inner-line--03 span.nav-sp__menu__mask-inner-line__grad[data-v-7533d859]{width:100%;height:1px;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-animation:16s maskLine3 2s linear infinite;animation:16s maskLine3 2s linear infinite}.nav-sp .nav-sp__menu.is-active span.nav-sp__menu__mask-inner-line--04[data-v-7533d859]{height:calc(100% - 7.4rem)}@media screen and (max-width:980px){.nav-sp .nav-sp__menu.is-active span.nav-sp__menu__mask-inner-line--04[data-v-7533d859]{height:calc(100% - 5.4rem)}}.nav-sp .nav-sp__menu.is-active span.nav-sp__menu__mask-inner-line--04 span.nav-sp__menu__mask-inner-line__grad[data-v-7533d859]{width:1px;height:100%;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-animation:16s maskLine4 2s linear infinite;animation:16s maskLine4 2s linear infinite}.nav-sp .nav-sp__menu.is-active span.nav-sp__menu__mask-inner-line span.nav-sp__menu__mask-inner-line__grad[data-v-7533d859]{display:block;background:#f093fb}.nav-sp .nav-sp__menu span.nav-sp__menu__mask-line[data-v-7533d859]{width:100%;background:#111;display:block;-webkit-transform:translateX(-100%);transform:translateX(-100%);position:relative}.nav-sp .nav-sp__menu span.nav-sp__menu__mask-line[data-v-7533d859]:first-of-type,.nav-sp .nav-sp__menu span.nav-sp__menu__mask-line[data-v-7533d859]:nth-of-type(2),.nav-sp .nav-sp__menu span.nav-sp__menu__mask-line[data-v-7533d859]:nth-of-type(3){-webkit-transition:all .15s ease-out 45ms;transition:all .15s ease-out 45ms}.nav-sp .nav-sp__menu span.nav-sp__menu__mask-line[data-v-7533d859]:nth-of-type(4){-webkit-transition:all .15s ease-out .09s;transition:all .15s ease-out .09s}.nav-sp .nav-sp__menu span.nav-sp__menu__mask-line[data-v-7533d859]:nth-of-type(5){-webkit-transition:all .15s ease-out 15ms;transition:all .15s ease-out 15ms}.nav-sp .nav-sp__menu span.nav-sp__menu__mask-line[data-v-7533d859]:nth-of-type(6){-webkit-transition:all .15s ease-out .06s;transition:all .15s ease-out .06s}.nav-sp .nav-sp__menu span.nav-sp__menu__mask-line[data-v-7533d859]:nth-of-type(7){-webkit-transition:all .15s ease-out .105s;transition:all .15s ease-out .105s}.nav-sp .nav-sp__menu span.nav-sp__menu__mask-line[data-v-7533d859]:nth-of-type(8){-webkit-transition:all .15s ease-out 45ms;transition:all .15s ease-out 45ms}.nav-sp .nav-sp__menu span.nav-sp__menu__mask-inner-line[data-v-7533d859]{position:absolute;display:block;background:#fff;z-index:12}.nav-sp .nav-sp__menu span.nav-sp__menu__mask-inner-line--01[data-v-7533d859]{width:0;height:1px;top:44.8px;top:2.8rem;right:88.96px;right:5.56rem;-webkit-transition:all .1s ease-in .3s;transition:all .1s ease-in .3s}@media screen and (max-width:980px){.nav-sp .nav-sp__menu span.nav-sp__menu__mask-inner-line--01[data-v-7533d859]{right:4.56rem;top:1.8rem}}.nav-sp .nav-sp__menu span.nav-sp__menu__mask-inner-line--02[data-v-7533d859]{width:1px;height:0;top:44.8px;top:2.8rem;left:52.48px;left:3.28rem;-webkit-transition:all .1s linear .4s;transition:all .1s linear .4s}@media screen and (max-width:980px){.nav-sp .nav-sp__menu span.nav-sp__menu__mask-inner-line--02[data-v-7533d859]{top:1.8rem;left:2.28rem}}.nav-sp .nav-sp__menu span.nav-sp__menu__mask-inner-line--03[data-v-7533d859]{width:0;height:1px;bottom:44.8px;bottom:2.8rem;left:52.48px;left:3.28rem;-webkit-transition:all .1s linear .5s;transition:all .1s linear .5s}@media screen and (max-width:980px){.nav-sp .nav-sp__menu span.nav-sp__menu__mask-inner-line--03[data-v-7533d859]{bottom:1.8rem;left:2.28rem}}.nav-sp .nav-sp__menu span.nav-sp__menu__mask-inner-line--04[data-v-7533d859]{width:1px;height:0;bottom:44.8px;bottom:2.8rem;right:52.48px;right:3.28rem;-webkit-transition:all .1s ease-out .6s;transition:all .1s ease-out .6s}@media screen and (max-width:980px){.nav-sp .nav-sp__menu span.nav-sp__menu__mask-inner-line--04[data-v-7533d859]{bottom:1.8rem;right:2.28rem}}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists[data-v-7533d859]{position:absolute;top:50%;left:100.48px;left:6.28rem;z-index:11;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:980px){.nav-sp .nav-sp__menu nav.nav-sp__menu__lists[data-v-7533d859]{left:4.28rem}}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul[data-v-7533d859]{list-style:none;padding-left:0}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list[data-v-7533d859]{margin-bottom:24px;margin-bottom:1.5rem}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list[data-v-7533d859]:last-child{margin-bottom:0}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link[data-v-7533d859]{color:#fff;text-decoration:none;font-size:24px;font-weight:300;letter-spacing:5px;line-height:1;position:relative;display:block}@media screen and (max-width:980px){.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link[data-v-7533d859]{font-size:21px}}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link.nuxt-link-exact-active.is-active[data-v-7533d859]:before{-webkit-animation:.4s navSpCrrent .4s ease-out forwards;animation:.4s navSpCrrent .4s ease-out forwards}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link[data-v-7533d859]:before{content:"";display:block;width:300%;height:1px;position:absolute;top:50%;right:300%;-webkit-transform:translateY(-3px);transform:translateY(-3px);background:#fff}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link[data-v-7533d859]:hover:before{-webkit-animation:.4s navSpCrrent 0s ease-out forwards;animation:.4s navSpCrrent 0s ease-out forwards}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container[data-v-7533d859]{position:relative;display:block}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container.is-active[data-v-7533d859]{overflow:hidden}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt[data-v-7533d859]{display:inline-block}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:first-child,.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(2),.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(3){-webkit-animation:1s navSpText .3s forwards;animation:1s navSpText .3s forwards}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(4),.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(5){-webkit-animation:1s navSpText .4s forwards;animation:1s navSpText .4s forwards}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(6){-webkit-animation:1s navSpText .2s forwards;animation:1s navSpText .2s forwards}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(7){-webkit-animation:1s navSpText .1s forwards;animation:1s navSpText .1s forwards}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(8),.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(9){-webkit-animation:1s navSpText .2s forwards;animation:1s navSpText .2s forwards}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(10){-webkit-animation:1s navSpText .1s forwards;animation:1s navSpText .1s forwards}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(11),.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(12){-webkit-animation:1s navSpText .4s forwards;animation:1s navSpText .4s forwards}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(13){-webkit-animation:1s navSpText .1s forwards;animation:1s navSpText .1s forwards}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(14){-webkit-animation:1s navSpText .4s forwards;animation:1s navSpText .4s forwards}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(15){-webkit-animation:1s navSpText .3s forwards;animation:1s navSpText .3s forwards}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(16){-webkit-animation:1s navSpText .1s forwards;animation:1s navSpText .1s forwards}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(17),.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(18){-webkit-animation:1s navSpText .4s forwards;animation:1s navSpText .4s forwards}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(19){-webkit-animation:1s navSpText .2s forwards;animation:1s navSpText .2s forwards}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt.is-active span[data-v-7533d859]:nth-child(20){-webkit-animation:1s navSpText .1s forwards;animation:1s navSpText .1s forwards}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__txt span[data-v-7533d859]{opacity:0}.nav-sp .nav-sp__menu nav.nav-sp__menu__lists ul li.nav-sp__menu__lists__list a.nav-sp__menu__lists__list__link span.nav-sp__menu__lists__list__link__container span.nav-sp__menu__lists__list__link__container__bk[data-v-7533d859]{display:block;background-color:#fff;position:absolute;top:50%}.nav-sp button.nav-sp__button[data-v-7533d859]{position:fixed;z-index:11;right:32px;right:2rem;top:32px;top:2rem;display:blcok;outline:0;border:none;background:0 0;width:40.96px;width:2.56rem;height:25.6px;height:1.6rem;display:block;padding:0;cursor:pointer;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}@media screen and (max-width:980px){.nav-sp button.nav-sp__button[data-v-7533d859]{right:1rem;top:1rem}}.nav-sp button.nav-sp__button span.bk[data-v-7533d859]{background:#232323;display:block;position:absolute;top:0;right:0}.nav-sp button.nav-sp__button.is-show span.nav-sp__button__line[data-v-7533d859]:first-child{-webkit-animation:.3s buttonLineShow 0s linear forwards;animation:.3s buttonLineShow 0s linear forwards}.nav-sp button.nav-sp__button.is-show span.nav-sp__button__line[data-v-7533d859]:nth-child(2){-webkit-animation:.3s buttonLineShow .3s linear forwards;animation:.3s buttonLineShow .3s linear forwards}.nav-sp button.nav-sp__button.is-show span.nav-sp__button__line[data-v-7533d859]:nth-child(3){-webkit-animation:.3s buttonLineShow .6s linear forwards;animation:.3s buttonLineShow .6s linear forwards}.nav-sp button.nav-sp__button.is-show2 span.nav-sp__button__line span.nav-sp__button__line__grad[data-v-7533d859]{width:200%;-webkit-transform:translateX(100%);transform:translateX(100%)}.nav-sp button.nav-sp__button.is-show2 span.nav-sp__button__line:first-child span.nav-sp__button__line__grad[data-v-7533d859]{-webkit-animation:buttonLine-data-v-7533d859 2s linear .1s infinite;animation:buttonLine-data-v-7533d859 2s linear .1s infinite}.nav-sp button.nav-sp__button.is-show2 span.nav-sp__button__line:nth-child(2) span.nav-sp__button__line__grad[data-v-7533d859]{-webkit-animation:buttonLine-data-v-7533d859 2s linear .2s infinite;animation:buttonLine-data-v-7533d859 2s linear .2s infinite}.nav-sp button.nav-sp__button.is-show2 span.nav-sp__button__line:nth-child(3) span.nav-sp__button__line__grad[data-v-7533d859]{-webkit-animation:buttonLine-data-v-7533d859 2s linear .3s infinite;animation:buttonLine-data-v-7533d859 2s linear .3s infinite}.nav-sp button.nav-sp__button.is-active[data-v-7533d859]{-webkit-transform:translate(0);transform:translate(0)}.nav-sp button.nav-sp__button.is-active span.nav-sp__button__line[data-v-7533d859]{background:#fff}.nav-sp button.nav-sp__button.is-active span.nav-sp__button__line[data-v-7533d859]:first-child{top:11px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (max-width:980px){.nav-sp button.nav-sp__button.is-active span.nav-sp__button__line[data-v-7533d859]:first-child{top:10px}}.nav-sp button.nav-sp__button.is-active span.nav-sp__button__line[data-v-7533d859]:nth-child(2){-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0}.nav-sp button.nav-sp__button.is-active span.nav-sp__button__line[data-v-7533d859]:nth-child(3){bottom:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media screen and (max-width:980px){.nav-sp button.nav-sp__button.is-active span.nav-sp__button__line[data-v-7533d859]:nth-child(3){bottom:11px}}.nav-sp button.nav-sp__button.is-active span.nav-sp__button__line span.nav-sp__button__line__grad[data-v-7533d859]{display:none}.nav-sp button.nav-sp__button span.nav-sp__button__line[data-v-7533d859]{width:0;height:1px;display:block;background:#232323;position:absolute;overflow:hidden;right:0}.nav-sp button.nav-sp__button span.nav-sp__button__line[data-v-7533d859]:first-child{top:0;-webkit-transition:all .4s;transition:all .4s}.nav-sp button.nav-sp__button span.nav-sp__button__line[data-v-7533d859]:nth-child(2){top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .4s ease-out;transition:all .4s ease-out}.nav-sp button.nav-sp__button span.nav-sp__button__line[data-v-7533d859]:nth-child(3){bottom:0;-webkit-transition:all .4s;transition:all .4s}.nav-sp button.nav-sp__button span.nav-sp__button__line span.nav-sp__button__line__grad[data-v-7533d859]{width:0;height:1px;display:block;will-change:transform;background-image:linear-gradient(120deg,#f093fb,#f5576c)}@-webkit-keyframes buttonLine{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}80%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes buttonLine-data-v-7533d859{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}80%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes maskLine1{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}25%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}75%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes maskLine1-data-v-7533d859{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}25%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}75%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes maskLine2{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}25%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{-webkit-transform:translateY(100%);transform:translateY(100%)}75%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes maskLine2-data-v-7533d859{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}25%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{-webkit-transform:translateY(100%);transform:translateY(100%)}75%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes maskLine3{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}25%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}75%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes maskLine3-data-v-7533d859{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}25%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}75%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes maskLine4{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}25%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{-webkit-transform:translateY(100%);transform:translateY(100%)}75%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes maskLine4-data-v-7533d859{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}25%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{-webkit-transform:translateY(100%);transform:translateY(100%)}75%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes navSpText{0%{opacity:0}25%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes navSpText-data-v-7533d859{0%{opacity:0}25%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes navSpCrrent{to{right:0}}@keyframes navSpCrrent-data-v-7533d859{to{right:0}}@-webkit-keyframes buttonLineShow{to{width:100%}}@keyframes buttonLineShow-data-v-7533d859{to{width:100%}}#logoMenu__bk[data-v-2847d9d8]{position:absolute;stroke:#333;stroke-width:.3px;top:0;right:0;height:100vh;z-index:11}#logoMenu__bk .logoMenu__bk__path.logoMenu__bk__path01[data-v-2847d9d8]{stroke-width:.5px;stroke-dasharray:200.28720092773438,200.28720092773438;stroke-dashoffset:200.28720092773438}#logoMenu__bk .logoMenu__bk__path.logoMenu__bk__path01.logoMenu__bk--active[data-v-2847d9d8]{-webkit-animation:svgAnim01-data-v-2847d9d8 1s ease-in-out 0s forwards;animation:svgAnim01-data-v-2847d9d8 1s ease-in-out 0s forwards}#logoMenu__bk .logoMenu__bk__path.logoMenu__bk__path02[data-v-2847d9d8]{stroke-width:.5px;stroke-dasharray:166.99850463867188,166.99850463867188;stroke-dashoffset:166.99850463867188}#logoMenu__bk .logoMenu__bk__path.logoMenu__bk__path02.logoMenu__bk--active[data-v-2847d9d8]{-webkit-animation:svgAnim01-data-v-2847d9d8 1s ease-in-out 0s forwards;animation:svgAnim01-data-v-2847d9d8 1s ease-in-out 0s forwards}#logoMenu__bk .logoMenu__bk__path.logoMenu__bk__path03[data-v-2847d9d8]{stroke-width:.5px;opacity:0}#logoMenu__bk .logoMenu__bk__path.logoMenu__bk__path03.logoMenu__bk--active[data-v-2847d9d8]{-webkit-animation:svgAnim02-data-v-2847d9d8 1s ease-out 0s forwards;animation:svgAnim02-data-v-2847d9d8 1s ease-out 0s forwards}@-webkit-keyframes svgAnim01{to{stroke-dashoffset:0}}@keyframes svgAnim01-data-v-2847d9d8{to{stroke-dashoffset:0}}@-webkit-keyframes svgAnim02{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes svgAnim02-data-v-2847d9d8{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}#logo__bk[data-v-8cd9b0d6]{position:absolute;stroke:#f1f1f1;stroke-width:.5px;top:0;right:0;height:100vh}#logo__bk .logo__bk__path.logo__bk__path01[data-v-8cd9b0d6]{stroke-width:.5px;stroke-dasharray:200.28720092773438,200.28720092773438;stroke-dashoffset:200.28720092773438}#logo__bk .logo__bk__path.logo__bk__path01.logo__bk--active[data-v-8cd9b0d6]{-webkit-animation:svgAnim01-data-v-8cd9b0d6 1s ease-in-out 0s forwards;animation:svgAnim01-data-v-8cd9b0d6 1s ease-in-out 0s forwards}#logo__bk .logo__bk__path.logo__bk__path02[data-v-8cd9b0d6]{stroke-width:.5px;stroke-dasharray:166.99850463867188,166.99850463867188;stroke-dashoffset:166.99850463867188}#logo__bk .logo__bk__path.logo__bk__path02.logo__bk--active[data-v-8cd9b0d6]{-webkit-animation:svgAnim01-data-v-8cd9b0d6 1s ease-in-out 0s forwards;animation:svgAnim01-data-v-8cd9b0d6 1s ease-in-out 0s forwards}#logo__bk .logo__bk__path.logo__bk__path03[data-v-8cd9b0d6]{stroke-width:.5px;opacity:0}#logo__bk .logo__bk__path.logo__bk__path03.logo__bk--active[data-v-8cd9b0d6]{-webkit-animation:svgAnim02-data-v-8cd9b0d6 1s ease-out 0s forwards;animation:svgAnim02-data-v-8cd9b0d6 1s ease-out 0s forwards}@-webkit-keyframes svgAnim01{to{stroke-dashoffset:0}}@keyframes svgAnim01-data-v-8cd9b0d6{to{stroke-dashoffset:0}}@-webkit-keyframes svgAnim02{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes svgAnim02-data-v-8cd9b0d6{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}svg .logo__text__path[data-v-68fc62cb]{fill:none;stroke:#232323;stroke-width:0}svg .logo__text__path.logo__line--active[data-v-68fc62cb]{-webkit-animation:svgAnim-data-v-68fc62cb .2s linear 0s forwards;animation:svgAnim-data-v-68fc62cb .2s linear 0s forwards}@-webkit-keyframes svgAnim{to{stroke-dashoffset:0;stroke-width:1px}}@keyframes svgAnim-data-v-68fc62cb{to{stroke-dashoffset:0;stroke-width:1px}}.ScrollDown[data-v-e1c0090e]{position:absolute;bottom:40px;bottom:2.5rem;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.ScrollDown_Text._active span[data-v-e1c0090e]:first-child{-webkit-animation:1s scrollText .4s forwards;animation:1s scrollText .4s forwards}.ScrollDown_Text._active span[data-v-e1c0090e]:nth-child(2),.ScrollDown_Text._active span[data-v-e1c0090e]:nth-child(3),.ScrollDown_Text._active span[data-v-e1c0090e]:nth-child(4),.ScrollDown_Text._active span[data-v-e1c0090e]:nth-child(5),.ScrollDown_Text._active span[data-v-e1c0090e]:nth-child(6){-webkit-animation:1s scrollText .1s forwards;animation:1s scrollText .1s forwards}.ScrollDown p[data-v-e1c0090e]{font-weight:200;color:#999;font-style:italic;font-size:12px}.ScrollDown p span[data-v-e1c0090e]{opacity:0}.ScrollDown p._active span[data-v-e1c0090e]:first-child{-webkit-animation:1s scrollText .2s forwards;animation:1s scrollText .2s forwards}.ScrollDown p._active span[data-v-e1c0090e]:nth-child(2){-webkit-animation:1s scrollText .4s forwards;animation:1s scrollText .4s forwards}.ScrollDown p._active span[data-v-e1c0090e]:nth-child(3){-webkit-animation:1s scrollText .6s forwards;animation:1s scrollText .6s forwards}.ScrollDown p._active span[data-v-e1c0090e]:nth-child(4){-webkit-animation:1s scrollText .1s forwards;animation:1s scrollText .1s forwards}.ScrollDown p._active span[data-v-e1c0090e]:nth-child(5){-webkit-animation:1s scrollText .3s forwards;animation:1s scrollText .3s forwards}.ScrollDown p._active span[data-v-e1c0090e]:nth-child(6){-webkit-animation:1s scrollText .2s forwards;animation:1s scrollText .2s forwards}.scroll-down[data-v-e1c0090e]{position:absolute;bottom:-32px;bottom:-2rem;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);overflow:hidden;width:1px;height:64px;height:4rem}.scroll-down .scroll-down__line[data-v-e1c0090e]{width:1px;display:block;height:64px;height:4rem;background:#ddd;will-change:transform;-webkit-animation:scroollLine-data-v-e1c0090e 2s ease-in-out infinite;animation:scroollLine-data-v-e1c0090e 2s ease-in-out infinite}@-webkit-keyframes scroollLine{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}80%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes scroollLine-data-v-e1c0090e{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}80%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes scrollText{0%{opacity:0}25%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes scrollText-data-v-e1c0090e{0%{opacity:0}25%{opacity:1}50%{opacity:0}to{opacity:1}}footer.Footer{padding:0 32px 64px;padding:0 2rem 4rem;position:relative}@media screen and (max-width:980px){footer.Footer{padding:0 1rem 2rem}}footer.Footer._active .ScrollTop button.ScrollTop_Btn{-webkit-animation:scrollButton .7s linear 1s forwards;animation:scrollButton .7s linear 1s forwards}footer.Footer._active .Footer_Copy p span:first-child{-webkit-animation:2s textOpacity 1.4s forwards;animation:2s textOpacity 1.4s forwards}footer.Footer._active .Footer_Copy p span:nth-child(2){-webkit-animation:2s textOpacity 1.5s forwards;animation:2s textOpacity 1.5s forwards}footer.Footer._active .Footer_Copy p span:nth-child(3){-webkit-animation:2s textOpacity .5s forwards;animation:2s textOpacity .5s forwards}footer.Footer._active .Footer_Copy p span:nth-child(4){-webkit-animation:2s textOpacity .7s forwards;animation:2s textOpacity .7s forwards}footer.Footer._active .Footer_Copy p span:nth-child(5){-webkit-animation:2s textOpacity .9s forwards;animation:2s textOpacity .9s forwards}footer.Footer._active .Footer_Copy p span:nth-child(6){-webkit-animation:2s textOpacity .4s forwards;animation:2s textOpacity .4s forwards}footer.Footer._active .Footer_Copy p span:nth-child(7){-webkit-animation:2s textOpacity .2s forwards;animation:2s textOpacity .2s forwards}footer.Footer._active .Footer_Copy p span:nth-child(8){-webkit-animation:2s textOpacity 1.4s forwards;animation:2s textOpacity 1.4s forwards}footer.Footer._active .Footer_Copy p span:nth-child(9){-webkit-animation:2s textOpacity .4s forwards;animation:2s textOpacity .4s forwards}footer.Footer._active .Footer_Copy p span:nth-child(10){-webkit-animation:2s textOpacity .3s forwards;animation:2s textOpacity .3s forwards}footer.Footer._active .Footer_Copy p span:nth-child(11){-webkit-animation:2s textOpacity .7s forwards;animation:2s textOpacity .7s forwards}footer.Footer._active .Footer_Copy p span:nth-child(12){-webkit-animation:2s textOpacity 1s forwards;animation:2s textOpacity 1s forwards}footer.Footer._active .Footer_Copy p span:nth-child(13){-webkit-animation:2s textOpacity .6s forwards;animation:2s textOpacity .6s forwards}footer.Footer._active .Footer_Copy p span:nth-child(14){-webkit-animation:2s textOpacity .3s forwards;animation:2s textOpacity .3s forwards}footer.Footer._active .Footer_Copy p span:nth-child(15){-webkit-animation:2s textOpacity .7s forwards;animation:2s textOpacity .7s forwards}footer.Footer._active .Footer_Copy p span:nth-child(16){-webkit-animation:2s textOpacity 1.2s forwards;animation:2s textOpacity 1.2s forwards}footer.Footer._active .Footer_Copy p span:nth-child(17){-webkit-animation:2s textOpacity 1.5s forwards;animation:2s textOpacity 1.5s forwards}footer.Footer._active .Footer_Copy p span:nth-child(18){-webkit-animation:2s textOpacity .4s forwards;animation:2s textOpacity .4s forwards}footer.Footer .Footer_Line{margin-bottom:96px;margin-bottom:6rem;width:0;height:1px;background:#eaeaea;margin-left:-10%}@media screen and (max-width:980px){footer.Footer .Footer_Line{margin-bottom:3rem}}footer.Footer .ScrollTop_Btn{-webkit-transform:scale(0);transform:scale(0)}footer.Footer .Footer_Copy p{text-align:right;letter-spacing:3px}footer.Footer .Footer_Copy p span{opacity:0}footer.Footer .Footer_Copy p span._heart{vertical-align:sub}footer.Footer .Footer_Copy p span._heart svg{height:16px;fill:#fe5196;-webkit-animation:heart 2s linear infinite;animation:heart 2s linear infinite}@-webkit-keyframes heart{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes heart{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes scrollButton{0%{-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1.1);transform:scale(1.1)}90%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scrollButton{0%{-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1.1);transform:scale(1.1)}90%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes textOpacity{0%{opacity:0}25%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes textOpacity{0%{opacity:0}25%{opacity:1}50%{opacity:0}to{opacity:1}}.ScrollTop_Btn[data-v-f7e14f64]{border:none;position:absolute;top:-72px;top:-4.5rem;right:32px;right:2rem;width:64px;width:4rem;height:64px;height:4rem;background:#fff;border-radius:50%;-webkit-box-shadow:0 8px 15px rgba(123,138,147,.15);box-shadow:0 8px 15px rgba(123,138,147,.15);cursor:pointer;-webkit-transition:-webkit-box-shadow .4s ease-in;transition:-webkit-box-shadow .4s ease-in;transition:box-shadow .4s ease-in;transition:box-shadow .4s ease-in,-webkit-box-shadow .4s ease-in}.ScrollTop_Btn[data-v-f7e14f64]:hover{-webkit-box-shadow:0 10px 20px rgba(123,138,147,.25);box-shadow:0 10px 20px rgba(123,138,147,.25);-webkit-transition:-webkit-box-shadow .4s ease-out;transition:-webkit-box-shadow .4s ease-out;transition:box-shadow .4s ease-out;transition:box-shadow .4s ease-out,-webkit-box-shadow .4s ease-out}@media screen and (max-width:980px){.ScrollTop_Btn[data-v-f7e14f64]{top:-3rem;right:1rem}}.ScrollTop_Btn[data-v-f7e14f64]:focus{outline:0}.ScrollTop_BtnArrow[data-v-f7e14f64]{position:absolute;left:50%;-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);width:25px;height:40px}.ScrollTop_BtnArrow span[data-v-f7e14f64]{position:absolute}.ScrollTop_BtnArrow span[data-v-f7e14f64]:first-child{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;width:1px;background:#232323;height:40px;-webkit-transition:all .1s linear .1s;transition:all .1s linear .1s}.ScrollTop_BtnArrow span[data-v-f7e14f64]:nth-child(2){top:0;left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);-webkit-transform-origin:top center;transform-origin:top center;display:block;width:1px;background:#232323;height:17.6px;-webkit-transition:all .1s linear .2s;transition:all .1s linear .2s}.ScrollTop_BtnArrow span[data-v-f7e14f64]:nth-child(3){width:25px;height:1px;display:block;background:#232323;left:0;top:12px;-webkit-transition:all .1s linear .3s;transition:all .1s linear .3s}.ScrollTop_Mask[data-v-f7e14f64]{position:fixed;top:-100%;left:32px;left:2rem;background:#232323;overflow:hidden;z-index:999}@media screen and (max-width:980px){.ScrollTop_Mask[data-v-f7e14f64]{left:1rem}}.ScrollTop_MaskArrow[data-v-f7e14f64]{position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:62.5px;height:100px}.ScrollTop_MaskArrow span[data-v-f7e14f64]{position:absolute}.ScrollTop_MaskArrow span[data-v-f7e14f64]:first-child{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;width:1px;background:#fff;height:0;-webkit-transition:all .2s linear .1s;transition:all .2s linear .1s}.ScrollTop_MaskArrow span[data-v-f7e14f64]:nth-child(2){top:0;left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);-webkit-transform-origin:top center;transform-origin:top center;display:block;width:1px;background:#fff;height:0;-webkit-transition:all .2s linear .3s;transition:all .2s linear .3s}.ScrollTop_MaskArrow span[data-v-f7e14f64]:nth-child(3){width:0;height:1px;display:block;background:#fff;left:0;top:30px;-webkit-transition:all .2s linear .5s;transition:all .2s linear .5s}.ScrollTop_MaskArrow._active span[data-v-f7e14f64]:first-child{height:100px}.ScrollTop_MaskArrow._active span[data-v-f7e14f64]:nth-child(2){height:44px}.ScrollTop_MaskArrow._active span[data-v-f7e14f64]:nth-child(3){width:62.5px}
H e l l o ! I ' m W e b D e s i g n e r 1986年生まれ京都出身福岡市在住、フリーランスのWebデザイナー兼フロントエンドエンジニア。 上場企業などのWeb製作、運用保守、中小企業のWebからの集客相談、文章校閲推敲支援ツールのフロントエンドの実装(Vue.js)とUIデザイン担当。 現在は賃貸サービスアプリのフロントエンド開発(React Native)をしております。
個人の活動では、Ruby on Railsで構築したフィットネスのサプリメント比較サイト「FITOUT」の運営(2017年末に閉鎖)、仮想通貨チャート表示サービス 「bitChecker」(2018年に閉鎖)の運営、 WordPress公式ディレクトリにて飲食店向けテーマ「GildRest」 を配布中。2019年5月にツリー状に書くマークダウンドキュメントサービス「Tree」 をリリース。現在は2020年春に向けてに文章を聴くテキストプレイヤー「9nine」 を開発中です。
Webサービスのフロントエンドとデザインをまとめてできるのが強みです。
I n f o r m a t i o n 形態 合同会社(フリーランス) 所在地 福岡市内 出身・居住地 東京生まれ京都育ち。SIerに就職し、東京や大阪を点々とし独立。2014年より京都市内在住。2018年6月から福岡に拠点を変更。 最終学歴 同志社大学卒 開発スキル/環境 言語
HTML CSS JavaScript PHP Ruby Python(TensorFlow経験あり) Node.js CMS
Webアプリケーションフレームワーク
Rails React.js React Native Vue.js Nuxt.js コミュニケーション
サーバー
Amazon Web Service Google Cloud Platform Firebase Netlify Heroku Rental Server お受けできる仕事(1日7時間/7万円(税別)〜) Webサービス開発
Webサイト制作
ホームページ キャンペーンサイト メディアサイト ブログ 運用保守 Web集客・販売
1人日作業
プログラミング・デザインのレクチャー Webサイトの運営のレクチャー アクセス解析 その他柔軟にご対応 プログラミングが必要な作業は別途費用 趣味 カメラ(CANON EOS 6D) ロードバイク(Cannondale、ルイガノ2台保有) 筋トレ(ゴールドジム) サウナ 映画 海外ドラマ鑑賞 ウイスキー(スコッチ)