@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap);.works_04{display:flex;height:100vh;align-items:center;justify-content:center;background-color:#222}.works_04 .video-wrap{height:80%;color:#fff;position:relative}.works_04 video{height:100%}.works_04 .text-wrap{position:absolute;top:0;left:0}@media screen and (max-width:960px){.works_04 video{width:100%}.works_04 .video-wrap{width:90%}}*,:after,:before{box-sizing:border-box}body,html{margin:0;font-family:Josefin Sans,Noto Sans JP,sans-serif;line-height:1.6}img{width:100%}a{text-decoration:none;color:#333}p{font-size:17px;font-family:Noto Sans JP}.section-wrap{height:100vh;overflow:hidden}.section-title-wrap{position:relative}.section-title{width:40%;position:absolute;bottom:0;right:0;mix-blend-mode:soft-light}#section-title-pc-works,#section-title-sp-works{will-change:transform}.sp{display:none}.pc{display:block}.flex-wrap{display:unset;align-items:unset}small{position:absolute;right:30px;bottom:20px;font-size:12px;opacity:.3;white-space:nowrap}.logo{line-height:1.3;text-align:center}.logo a{padding:20px 10px 10px;display:block}.nav-wrap{font-weight:700;position:fixed;width:100%;padding:0 5%;display:flex;align-items:center;justify-content:space-between;z-index:100}.nav-list{display:flex;gap:20px}.nav-list a{display:block;padding:20px}#topbutton{position:fixed;bottom:60px;right:30px;opacity:0;width:50px;height:50px;z-index:100;border:1px solid #000;border-radius:50%;transition:.5s}#topbutton a{width:100%;height:100%;display:block;position:absolute}#topbutton:before{width:25px;height:1.5px;top:24px;left:13px}#topbutton:after,#topbutton:before{content:"";background-color:#000;position:absolute}#topbutton:after{width:13px;height:1px;top:20px;left:10px;transform:rotate(-45deg)}#topbutton:hover{transform:translateX(-10px);transition:.5s}.neonText:hover a{animation:flicker 1.5s infinite alternate;color:#fff}#splash{position:fixed;height:100%;background:#222;text-align:center}#splash,#splash_text{z-index:999;width:100%;color:#fff}#splash_text,.neonText-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:flicker 1.5s infinite alternate}.neonText-loading{padding:0;margin:-60px 0 0;font-size:1.2rem;color:#fff}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #0fa,0 0 80px #0fa,0 0 90px #0fa,0 0 100px #0fa,0 0 150px #0fa}20%,24%,55%{text-shadow:none}}.area{overflow:hidden}.wrap{display:flex;height:100%;z-index:50;position:relative}.panels{height:100%;width:100%}.panel1{background-image:url(/images/works-bg.jpg);z-index:20}.panel1,.panel1 .works-item:first-child{background-position:50%;background-repeat:no-repeat;background-size:cover}.panel1 .works-item:first-child{background-image:url(/images/section-works-img.png)}.panel2{background-image:url(/images/works-bg.jpg);z-index:20}.panel2,.panel2 .contact-item:first-child{background-position:50%;background-repeat:no-repeat;background-size:cover}.panel2 .contact-item:first-child{width:20vw;background-image:url(/images/section-contact-img.png)}.top-title-wrap{position:fixed;z-index:2;top:25%;left:8%;color:#000}.top-title{font-size:70px;margin-bottom:0;font-weight:700}.top-title__lead{font-size:20px;font-weight:700}.top-title__text{font-size:18px;display:block;width:100%;margin-top:20px;font-weight:400;font-family:Noto Sans JP}.canvasWrap{position:absolute;width:100%;height:100%}.works-list{width:100%;display:flex;overflow:hidden}.works-item{width:20%;height:100vh;padding:5vh 20px;display:flex}.works-item:not(.works-item:last-child,.works-item:first-child){border-right:1px solid #333}.works-item__inner{height:auto;display:flex;flex-direction:column;justify-content:center;padding-top:20%}.works-item__top{position:relative;line-height:0}.works-item__title-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:4vh}.works-item__title{font-size:30px;font-weight:700;line-height:1.1}.works-item__num-wrap{display:flex;flex-direction:column}.works-item__num{display:block;font-size:60px;font-weight:700;line-height:1;color:rgba(51,51,51,.231372549)}.works-item__total-num{line-height:1;font-size:20px;margin-left:auto;margin-right:3px;position:relative}.works-item__total-num:before{content:"";position:absolute;top:40%;left:-40px;width:30px;height:1px;background-color:#333}.works-item .mask,.works-item .mask:before{position:absolute;width:100%;height:100%}.works-item .mask:before{content:"";top:0;left:0;background-color:#000;opacity:0;transition:.3s}.works-item .mask:after{content:"サイトを見る";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;opacity:0;transition:.3s;font-size:15px}.works-item:nth-of-type(5) .mask:after{content:"動画を見る"}.works-item__inner:hover .mask:before{opacity:.8;transition:.5s}.works-item__inner:hover .mask:after{animation:flicker 1.5s infinite alternate;opacity:1;transition:.8s}.works-item__bottom{padding:2vh 0}.works-item__name{font-size:24px;font-weight:700;line-height:1.1}.works-item__category{display:block;font-size:16px;margin-bottom:15px}.contact-list{width:100%;height:100%;display:flex}.contact-item{width:40%;display:flex;align-items:center;padding:4vw}.contact__inner{width:100%}.contact__mail{display:flex;margin-bottom:20px;color:#faebd7}.about__image{display:flex;align-items:center;margin-bottom:10px}.about__image-wrap{width:30%}.about__name{font-size:28px;font-weight:700;width:70%;margin-left:20px}.about__name span{display:block;font-size:16px;font-weight:400;line-height:1.1}.mail{line-height:1.2;font-size:18px;margin-right:1px}.address,.mail{padding:24px 15px 20px;background-color:#333}.address{line-height:1;font-size:20px;letter-spacing:1px}@media screen and (min-width:960px) and (max-width:1440px){p{font-size:15px}.top-title{font-size:70px;margin-bottom:0;font-weight:700;line-height:1.2}.works-item .mask:after{font-size:14px}.works-item__title{font-size:19px}.works-item__num{font-size:35px}.works-item__total-num{font-size:14px}.works-item__name{font-size:17px}.mail,.works-item__category{font-size:16px}.address{font-size:18px}}@media screen and (max-width:960px){.section-wrap{height:auto}.pc{display:none}.sp{display:block}.section-title-wrap{overflow:hidden}.section-img-sp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-title{width:unset;height:40%}.flex-wrap{display:flex;align-items:flex-start}.nav-wrap{top:0;width:100%;transition:.3s}.nav-wrap.inActive{transform:translateY(-100%)}.nav-list{display:flex;gap:20px}.logo,.nav-list{font-size:15px}.top-title{font-size:66px;line-height:1.2}.top-title__lead{font-size:18px}.top-title__text{font-size:16px;width:70%;padding-right:20px}.sp-fv{position:relative;height:100vh;background-image:url(/images/portfolio-movie00.png);background-repeat:no-repeat;background-position:50%;background-size:cover}.sp-fv .top-title-wrap{position:absolute;color:#222;text-shadow:0 0 20px hsla(0,0%,100%,.8)}.wrap{flex-direction:column;margin-top:unset}.area{overflow:unset}.panels{height:auto}.panel2 .contact-item:first-child{width:100vw}.works-list{flex-direction:column}.works-item{width:100%;height:auto;padding:50px 20px 20px}.works-item__inner{padding-top:30px}.works-item__title-wrap{padding:0 10px 14px;margin-bottom:0}.works-item__top{width:50%;height:auto}.works-item .mask:after,.works-item .mask:before{display:none}.works-item__bottom{width:50%;height:auto;padding:0 10px 0 20px}.works-item:first-child{height:30vw}.works-item:last-child{padding-bottom:180px}.new-window-icon{margin-left:7px;height:20px;opacity:.6;display:inline-block}.svg-elem-1{animation:animate-svg-stroke-1 1.8s cubic-bezier(.25,.46,.45,.94) 0s infinite}.svg-elem-2{animation:animate-svg-stroke-2 1.8s cubic-bezier(.25,.46,.45,.94) 0s infinite}.svg-elem-3{animation:animate-svg-stroke-3 1.8s cubic-bezier(.25,.46,.45,.94) 0s infinite}@keyframes animate-svg-stroke-1{0%{stroke-dashoffset:20px;stroke-dasharray:20px}90%{stroke-dashoffset:0;stroke-dasharray:20px}to{stroke-dashoffset:0;stroke-dasharray:20px}}@keyframes animate-svg-stroke-2{0%{stroke-dashoffset:54px;stroke-dasharray:54px}90%{stroke-dashoffset:0;stroke-dasharray:54px}to{stroke-dashoffset:0;stroke-dasharray:54px}}@keyframes animate-svg-stroke-3{0%{stroke-dashoffset:17.5563488007px;stroke-dasharray:17.5563488007px}90%{stroke-dashoffset:0;stroke-dasharray:17.5563488007px}to{stroke-dashoffset:0;stroke-dasharray:17.5563488007px}}.contact-list{height:auto;flex-direction:column}.contact__inner{width:auto}.contact__inner.flex-wrap{flex-direction:column}.contact-item:first-child{height:30vw}.contact-item{width:100%;height:auto;padding:100px 20px 20px}.contact-item:not(.contact-item:first-child){width:100%;justify-content:center}.contact-item:last-child{padding-bottom:150px}.about__image,.text-wrap{width:100%;padding:0 20px}.contact__mail{justify-content:center}}@media screen and (max-width:520px){.flex-wrap{flex-direction:column}p{font-size:16px}.section-title{height:50%;mix-blend-mode:unset;opacity:.6}small{right:unset;left:50%;transform:translateX(-50%)}.top-title-wrap{top:30%}.top-title{font-size:46px}.top-title__text{font-size:15px;width:100%}.nav-list{gap:unset;font-size:14px}.nav-item a{padding:20px 0 10px;margin-right:6vw}.nav-item:last-child a{margin-right:0}.works-item{padding:0 20px 50px}.works-item__title{font-size:28px}.works-item__bottom,.works-item__top{width:100%}.works-item__bottom{padding:30px 10px}.works-item__image{height:auto}.works-item:last-child{padding-bottom:120px}.contact__inner{width:100%}.about__image{width:100%;padding:0}.about__name{font-size:24px}.about__name span{font-size:15px}.text-wrap{width:100%;padding:30px 0 0}.contact-item:last-child{padding-bottom:120px}.mail{display:none}.address{font-size:18px}}@media screen and (max-width:350px){.top-title{font-size:56px}.logo{margin:0 auto}.nav-list{width:100%;justify-content:flex-end}.nav-list a{display:block;padding:5px}.logo a{line-height:1;padding:15px 0 5px;display:block}.mail{font-size:14px}.address,.mail{padding:17px 8px 13px}.address{font-size:17px}}@media screen and (max-width:320px){small{font-size:10px}}