@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&display=swap");svg{fill:currentColor}.sv_head_bg_wrap{position:absolute;top:-1px;left:50%;z-index:-1;transform:translateX(-50%)}@media screen and (min-width:280px){.sv_head_bg_wrap{width:2000px}}@media screen and (min-width:600px){.sv_head_bg_wrap{width:3000px}}@media screen and (min-width:1100px){.sv_head_bg_wrap{width:4400px}}.fv_color{width:100%;position:absolute;top:0;left:0;z-index:-2;background-color:#ff0}@media screen and (min-width:280px){.fv_color{height:1050px}}@media screen and (min-width:600px){.fv_color{height:1050px}}@media screen and (min-width:1100px){.fv_color{height:1100px}}#service-page{margin:var(--head_height) auto 0;max-width:1500px}@media screen and (min-width:280px){#service-page{width:90%;padding-top:5rem}}@media screen and (min-width:600px){#service-page{width:85%;padding-top:10rem}}@media screen and (min-width:1100px){#service-page{width:80%;padding-top:20rem}}#service-page .service_fv{position:relative;margin:0 auto;width:100%}@media screen and (min-width:280px){#service-page .service_fv{height:calc(1050px - var(--head_height) - 5rem)}}@media screen and (min-width:600px){#service-page .service_fv{height:calc(1050px - var(--head_height) - 10rem)}}@media screen and (min-width:1100px){#service-page .service_fv{height:calc(1100px - var(--head_height) - 20rem)}}#service-page .sv_page_ttl{font-family:"all-round-gothic",sans-serif;text-align:right;font-weight:600;line-height:1;color:#f7f7f7;letter-spacing:.1em}@media screen and (min-width:280px){#service-page .sv_page_ttl{font-size:2rem}}@media screen and (min-width:600px){#service-page .sv_page_ttl{font-size:2rem}}@media screen and (min-width:1100px){#service-page .sv_page_ttl{font-size:4rem}}#service-page .en_copy{font-family:"all-round-gothic",sans-serif;font-weight:700;line-height:1;letter-spacing:.05em}@media screen and (min-width:280px){#service-page .en_copy{font-size:6rem;padding-top:10rem}}@media screen and (min-width:600px){#service-page .en_copy{font-size:7rem;padding-top:7rem}}@media screen and (min-width:1100px){#service-page .en_copy{font-size:9rem;padding-top:7rem}}#service-page .en_copy.second{margin-top:6rem}#service-page .jp_topic{font-family:"M PLUS 1",sans-serif;font-weight:600;line-height:1.4;padding-top:5rem}@media screen and (min-width:280px){#service-page .jp_topic{font-size:2.5rem}}@media screen and (min-width:600px){#service-page .jp_topic{font-size:3rem}}@media screen and (min-width:1100px){#service-page .jp_topic{font-size:2.5rem}}@media screen and (min-width:280px){#service-page .jp_topic br{display:inline}}@media screen and (min-width:600px){#service-page .jp_topic br{display:inline}}@media screen and (min-width:1100px){#service-page .jp_topic br{display:none}}#service-page .jp_text{font-family:"M PLUS 1",sans-serif;line-height:2;word-break:auto-phrase;padding-top:4rem;color:inherit;padding-right:2rem;box-sizing:border-box;font-weight:400}@media screen and (min-width:280px){#service-page .jp_text{font-size:1.3rem;max-width:100%}}@media screen and (min-width:600px){#service-page .jp_text{font-size:1.4rem;max-width:100%}}@media screen and (min-width:1100px){#service-page .jp_text{font-size:1.5rem;max-width:70%}}#service-page .video_wrap{position:absolute;right:0;bottom:0;transform:translateY(50%);z-index:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;aspect-ratio:1}@media screen and (min-width:280px){#service-page .video_wrap{width:40%}}@media screen and (min-width:600px){#service-page .video_wrap{width:350px}}@media screen and (min-width:1100px){#service-page .video_wrap{width:35%}}#service-page .video_wrap video{-o-object-fit:cover !important;object-fit:cover !important}@media screen and (min-width:280px){#service-page .video_wrap video{width:350px;height:350px}}@media screen and (min-width:600px){#service-page .video_wrap video{width:450px;height:450px}}@media screen and (min-width:1100px){#service-page .video_wrap video{width:650px;height:650px}}#service-page .video_wrap .callout{position:absolute;fill:#bababa;width:300px;height:auto;bottom:0;left:0;transform:translateX(-100%)}@media screen and (min-width:280px){#service-page .video_wrap .callout{display:none}}@media screen and (min-width:600px){#service-page .video_wrap .callout{display:none}}@media screen and (min-width:1100px){#service-page .video_wrap .callout{display:block}}#service-page .service_contents{position:relative;width:100%}@media screen and (min-width:280px){#service-page .service_contents{margin-top:5rem}}@media screen and (min-width:600px){#service-page .service_contents{margin-top:7rem}}@media screen and (min-width:1100px){#service-page .service_contents{margin-top:10rem}}#service-page .service_contents .sv_con_inner{position:relative;width:100%;padding:10rem 0}#service-page .service_contents .sv_con{position:relative;height:auto}@media screen and (min-width:280px){#service-page .service_contents .sv_con{background-color:rgba(0,0,1,.9);background-image:none;aspect-ratio:inherit;transform:translateY(10rem);border-radius:2rem;padding:4rem 3rem;width:100%}}@media screen and (min-width:600px){#service-page .service_contents .sv_con{background-color:transparent;background-image:url(//noo-fabrica.co.jp/wp-content/themes/hp_visual/css/../img/sv_txt_bg.png);background-size:contain;background-repeat:no-repeat;aspect-ratio:1504/738;padding:4rem;width:650px;transform:translateY(10rem)}}@media screen and (min-width:1100px){#service-page .service_contents .sv_con{background-color:transparent;background-image:url(//noo-fabrica.co.jp/wp-content/themes/hp_visual/css/../img/sv_txt_bg.png);background-size:contain;background-repeat:no-repeat;aspect-ratio:1504/738;padding:5rem;width:700px;transform:translateY(0rem)}}#service-page .service_contents .sv_con_number{position:absolute;fill:#fff;width:auto;height:4.5rem;display:block}@media screen and (min-width:280px){#service-page .service_contents .sv_con_number{top:-5.5rem;right:0}}@media screen and (min-width:600px){#service-page .service_contents .sv_con_number{top:2rem;right:1rem}}@media screen and (min-width:1100px){#service-page .service_contents .sv_con_number{top:2rem;right:1rem}}#service-page .service_contents .sv_con_topic{font-family:"M PLUS 1",sans-serif;color:#f7f7f7;font-weight:500;line-height:1.4;border-bottom:2px solid #f7f7f7;width:-moz-fit-content;width:fit-content;letter-spacing:.1em;word-break:auto-phrase}@media screen and (min-width:280px){#service-page .service_contents .sv_con_topic{font-size:2rem;padding-bottom:2rem;margin-bottom:2rem}}@media screen and (min-width:600px){#service-page .service_contents .sv_con_topic{font-size:2rem;padding-bottom:3rem;margin-bottom:3rem}}@media screen and (min-width:1100px){#service-page .service_contents .sv_con_topic{font-size:2.3rem;padding-bottom:3rem;margin-bottom:3rem}}#service-page .service_contents .sv_con_txt{font-family:"M PLUS 1",sans-serif;line-height:2;color:#f7f7f7;font-weight:400}@media screen and (min-width:280px){#service-page .service_contents .sv_con_txt{font-size:1.3rem}}@media screen and (min-width:600px){#service-page .service_contents .sv_con_txt{font-size:1.4rem}}@media screen and (min-width:1100px){#service-page .service_contents .sv_con_txt{font-size:1.5rem}}#service-page .service_contents .sv_con_image{position:absolute;inset:0;border-radius:2rem;z-index:-1;overflow:hidden;display:flex;align-items:center;justify-content:center}@media screen and (min-width:280px){#service-page .service_contents .sv_con_image{width:100%;height:330px;transform:translateX(20%)}}@media screen and (min-width:600px){#service-page .service_contents .sv_con_image{width:800px;height:70%;transform:translateX(10%)}}@media screen and (min-width:1100px){#service-page .service_contents .sv_con_image{width:1300px;height:100%;transform:translateX(20%)}}#service-page .service_contents .sv_con_image img{display:block;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}#service-page .logotype_bg{fill:#bababa;height:100%;position:absolute;top:50%;transform:translateY(-50%);width:auto;z-index:-2}@media screen and (min-width:280px){#service-page .logotype_bg{left:-70%}}@media screen and (min-width:600px){#service-page .logotype_bg{left:-30%}}@media screen and (min-width:1100px){#service-page .logotype_bg{left:-10%}}#service-page .plusvg{width:2rem;height:auto;aspect-ratio:1;fill:#000001;display:block}@media screen and (min-width:280px){#service-page .plusvg{margin:3rem auto}}@media screen and (min-width:600px){#service-page .plusvg{margin:3rem 0;margin-left:20rem}}@media screen and (min-width:1100px){#service-page .plusvg{margin:3rem 0;margin-left:20rem}}#service-page .sv_bottom_deco{display:flex;padding-bottom:5rem;margin-bottom:15rem;border-bottom:1px solid #000001}@media screen and (min-width:280px){#service-page .sv_bottom_deco{flex-direction:column;align-items:flex-start;margin-top:5rem}}@media screen and (min-width:600px){#service-page .sv_bottom_deco{justify-content:space-between;flex-direction:row;align-items:end;margin-top:10rem}}@media screen and (min-width:1100px){#service-page .sv_bottom_deco{justify-content:space-between;flex-direction:row;align-items:end;margin-top:15rem}}#service-page .sv_bd_left{display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width:280px){#service-page .sv_bd_left{width:100%}}@media screen and (min-width:600px){#service-page .sv_bd_left{width:40%}}@media screen and (min-width:1100px){#service-page .sv_bd_left{width:40%}}#service-page .sv_bd_left .sv_sub_copy{margin-top:3rem;color:#000001;font-weight:600;line-height:1.4;letter-spacing:.05em}@media screen and (min-width:280px){#service-page .sv_bd_left .sv_sub_copy{font-size:1.5rem}}@media screen and (min-width:600px){#service-page .sv_bd_left .sv_sub_copy{font-size:2rem}}@media screen and (min-width:1100px){#service-page .sv_bd_left .sv_sub_copy{font-size:2.3rem}}#service-page .sv_bd_left img{width:100%;-o-object-fit:cover;object-fit:cover;display:block}#service-page .sv_bd_right{height:100%;max-width:500px;-o-object-fit:cover;object-fit:cover;display:block}@media screen and (min-width:280px){#service-page .sv_bd_right{width:100%;margin-left:0;margin-top:3rem}}@media screen and (min-width:600px){#service-page .sv_bd_right{width:40%;margin-left:3rem;margin-top:auto}}@media screen and (min-width:1100px){#service-page .sv_bd_right{width:auto;margin-left:3rem;margin-top:auto}}#works-page .works-vslider{--works-slide-index:0;position:relative;width:100%;height:100svh;min-height:620px;overflow:hidden}#works-page .works-vslider-track{width:100%;height:100%;display:flex;transition:transform .9s cubic-bezier(.22,1,.36,1);will-change:transform}@media screen and (min-width:280px){#works-page .works-vslider-track{flex-direction:row}}@media screen and (min-width:600px){#works-page .works-vslider-track{flex-direction:row}}@media screen and (min-width:1100px){#works-page .works-vslider-track{flex-direction:column}}#works-page .works-vslide{position:relative;flex:0 0 100%;width:100%;height:100%;color:#f7f7f7;background-size:cover;background-position:center center;background-repeat:no-repeat;isolation:isolate;display:flex;align-items:flex-end}#works-page .works-vslide.is-active .works-vslide-content{opacity:1;transform:translate3d(0,0,0)}#works-page .works-vslide.is-active .ameba_wrap{opacity:1;transform:translate(var(--ameba-base-x),var(--ameba-base-y))}#works-page .works-vslide-overlay{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.05) 45%,rgba(0,0,0,.15) 100%)}#works-page .works-bubble-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}#works-page .works-bubble{position:absolute;left:0;top:0;border-radius:50%;background:rgba(247,247,247,.92);box-shadow:0 0 14px rgba(247,247,247,.58),inset -3px -5px 10px rgba(255,255,255,.25);will-change:transform,opacity}#works-page .works-vslide-content{position:relative;z-index:3;width:min(800px, 100%);background:0 0;transition:opacity .5s ease .25s,transform .8s cubic-bezier(.22,1,.36,1) .1s}@media screen and (min-width:280px){#works-page .works-vslide-content{padding:3rem 2rem 7rem;background:linear-gradient(to top,rgba(0,0,1,.6) 0%,rgba(0,0,1,.5) 80%,rgba(0,0,1,0) 100%);opacity:1;transform:translate3d(0,0,0)}}@media screen and (min-width:600px){#works-page .works-vslide-content{padding:4rem 3rem 8rem;background:0 0;opacity:1;transform:translate3d(0,0,0)}}@media screen and (min-width:1100px){#works-page .works-vslide-content{padding:6rem 7rem 10rem;opacity:0;transform:translate3d(0,40px,0)}}#works-page .works-vslide-content h2{font-family:"M PLUS 1",sans-serif;font-weight:700;letter-spacing:.04em;line-height:1.2}@media screen and (min-width:280px){#works-page .works-vslide-content h2{font-size:2.3rem}}@media screen and (min-width:600px){#works-page .works-vslide-content h2{font-size:3rem}}@media screen and (min-width:1100px){#works-page .works-vslide-content h2{font-size:3.5rem}}@media screen and (min-width:280px){#works-page .works-vslide-content h2 span{font-size:1.3rem}}@media screen and (min-width:600px){#works-page .works-vslide-content h2 span{font-size:1.8rem}}@media screen and (min-width:1100px){#works-page .works-vslide-content h2 span{font-size:2rem}}#works-page .works-vslide-content p{margin-top:1.8rem;max-width:58ch;font-family:"M PLUS 1",sans-serif;line-height:1.9;letter-spacing:.04em;font-weight:300}@media screen and (min-width:280px){#works-page .works-vslide-content p{font-size:1.3rem}}@media screen and (min-width:600px){#works-page .works-vslide-content p{font-size:1.5rem}}@media screen and (min-width:1100px){#works-page .works-vslide-content p{font-size:1.65rem}}#works-page .works-vslide-kicker{display:block;margin:0 0 1.4rem;font-family:"all-round-gothic",sans-serif;line-height:1;letter-spacing:.2em;color:#f7f7f7}@media screen and (min-width:280px){#works-page .works-vslide-kicker{font-size:1.2rem}}@media screen and (min-width:600px){#works-page .works-vslide-kicker{font-size:1.3rem}}@media screen and (min-width:1100px){#works-page .works-vslide-kicker{font-size:1.4rem}}#works-page .works-vslide-link{display:inline-flex;align-items:center;justify-content:center;margin-top:2.8rem;border:1px solid #f7f7f7;color:#f7f7f7;text-decoration:none;letter-spacing:.08em;font-family:"all-round-gothic",sans-serif;transition:background-color .25s ease,color .25s ease}@media screen and (min-width:280px){#works-page .works-vslide-link{min-width:210px;height:4.2rem;font-size:1.2rem}}@media screen and (min-width:600px){#works-page .works-vslide-link{min-width:240px;height:4.6rem;font-size:1.25rem}}@media screen and (min-width:1100px){#works-page .works-vslide-link{min-width:260px;height:4.8rem;font-size:1.3rem}}#works-page .works-vslide-link:hover{background-color:#f7f7f7;color:#000001}#works-page .works-vslider-ui{position:absolute;z-index:4;pointer-events:none}@media screen and (min-width:280px){#works-page .works-vslider-ui{right:2rem;bottom:1.6rem;left:2rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.2rem}}@media screen and (min-width:600px){#works-page .works-vslider-ui{right:3rem;bottom:2rem;left:3rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2.5rem}}@media screen and (min-width:1100px){#works-page .works-vslider-ui{top:50%;right:4rem;transform:translateY(-50%);left:auto;bottom:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem}}#works-page .works-vslider-ui h1{margin:0;color:#f7f7f7;font-family:"all-round-gothic",sans-serif;letter-spacing:.2em;line-height:1}@media screen and (min-width:280px){#works-page .works-vslider-ui h1{font-size:2rem;writing-mode:inherit}}@media screen and (min-width:600px){#works-page .works-vslider-ui h1{font-size:2.5rem;writing-mode:inherit}}@media screen and (min-width:1100px){#works-page .works-vslider-ui h1{font-size:3rem;margin-bottom:0;writing-mode:vertical-rl}}#works-page .works-vslider-counter{pointer-events:auto;position:relative;display:inline-grid;grid-template-rows:auto auto;justify-items:center;min-width:1.5em;padding-block:.28em;color:#f7f7f7;font-family:"all-round-gothic",sans-serif;letter-spacing:.08em;line-height:1;font-variant-numeric:tabular-nums}#works-page .works-vslider-counter:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#f7f7f7;transform:translateY(-50%)}#works-page .works-vslider-counter [data-current],#works-page .works-vslider-counter [data-total]{display:block;position:relative;z-index:1}#works-page .works-vslider-counter [data-current]{font-weight:700;padding-bottom:.18em}#works-page .works-vslider-counter [data-total]{opacity:.86;font-size:.86em;padding-top:.22em}@media screen and (min-width:280px){#works-page .works-vslider-counter{font-size:1rem}}@media screen and (min-width:600px){#works-page .works-vslider-counter{font-size:1.2rem}}@media screen and (min-width:1100px){#works-page .works-vslider-counter{font-size:1.4rem}}#works-page .works-vslider-dots{pointer-events:auto;display:flex;align-items:center;gap:.8rem}@media screen and (min-width:1100px){#works-page .works-vslider-dots{flex-direction:column;gap:1rem}}#works-page .works-vslider-dots button{pointer-events:auto;border:none;background:rgba(247,247,247,.35);cursor:pointer;padding:0;transition:background-color .25s ease,transform .25s ease}@media screen and (min-width:280px){#works-page .works-vslider-dots button{width:1.8rem;height:.3rem;border-radius:.15rem}}@media screen and (min-width:600px){#works-page .works-vslider-dots button{width:2rem;height:.34rem;border-radius:.17rem}}@media screen and (min-width:1100px){#works-page .works-vslider-dots button{width:.45rem;height:2.4rem;border-radius:.22rem}}#works-page .works-vslider-dots button.is-active{background:#f7f7f7}@media screen and (min-width:1100px){#works-page .works-vslider-dots button.is-active{transform:scaleY(1.2)}}#works-page .works-vslider-nav{pointer-events:auto;display:flex;align-items:center}@media screen and (min-width:280px){#works-page .works-vslider-nav{margin-left:auto;gap:.8rem}}@media screen and (min-width:600px){#works-page .works-vslider-nav{margin-left:auto;gap:1.3rem}}@media screen and (min-width:1100px){#works-page .works-vslider-nav{margin-left:0;flex-direction:column;gap:1.5rem}}#works-page .works-vslider-nav button{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;border:none;background:0 0;padding:0;cursor:pointer;line-height:1;transition:opacity .25s ease}@media screen and (min-width:280px){#works-page .works-vslider-nav button{width:3rem;height:3rem;transform:rotate(-90deg)}}@media screen and (min-width:600px){#works-page .works-vslider-nav button{width:3.2rem;height:3.2rem;transform:rotate(-90deg)}}@media screen and (min-width:1100px){#works-page .works-vslider-nav button{width:3.4rem;height:3.4rem;transform:rotate(0deg)}}#works-page .works-vslider-nav button svg{display:block;width:100%;height:100%}#works-page .works-vslider-nav button svg path{fill:#f7f7f7;transition:fill .25s ease}#works-page .works-vslider-nav button:is(:focus-visible,:active) svg path,#works-page .works-vslider-nav button.is-active svg path{fill:#ff0}#works-page .works-vslider-nav button:focus-visible{outline:2px solid rgba(247,247,247,.85);outline-offset:.25rem;border-radius:50%}#works-page .works-vslider-nav button:disabled,#works-page .works-vslider-nav button.is-disabled{opacity:.45;cursor:default}#works-page .works-vslider-nav button:disabled svg path,#works-page .works-vslider-nav button.is-disabled svg path{fill:rgba(247,247,247,.7)}#works-page .ameba_wrap{top:50%;left:50%;position:absolute;z-index:2;--ameba-base-x:-50%;--ameba-base-y:-50%;opacity:0;transform:translate(var(--ameba-base-x),calc(var(--ameba-base-y) + 32px));transition:opacity .55s ease .12s,transform .85s cubic-bezier(.22,1,.36,1) .12s;will-change:transform,opacity}@media screen and (min-width:280px){#works-page .ameba_wrap{--ameba-base-y:-90%}}@media screen and (min-width:600px){#works-page .ameba_wrap{--ameba-base-y:-50%}}@media screen and (min-width:1100px){#works-page .ameba_wrap{--ameba-base-y:-50%}}#works-page .works_slide_ameba{background-color:#000001;border-radius:42% 58% 70% 30%/45% 45% 55% 55%;animation:morph 3s linear infinite;transform-style:preserve-3d;outline:1px solid transparent;will-change:border-radius;z-index:1}@media screen and (min-width:280px){#works-page .works_slide_ameba{width:250px;height:250px}}@media screen and (min-width:600px){#works-page .works_slide_ameba{width:400px;height:400px}}@media screen and (min-width:1100px){#works-page .works_slide_ameba{width:500px;height:500px}}#works-page .works_slide_ameba img{position:relative;width:100% !important;height:100% !important;border-radius:50%;z-index:1}#works-page .works_slide_ameba:before,#works-page .works_slide_ameba:after{content:"";width:100%;height:100%;display:block;position:absolute;left:0;top:0;border-radius:42% 58% 70% 30%/45% 45% 55% 55%;box-shadow:5px 5px 89px rgba(56,56,56,.21);will-change:border-radius,transform,opacity;animation-delay:.2s;background-color:#000001}#works-page .works_slide_ameba:before{animation:morph 3s linear infinite;opacity:.35;animation-duration:1.5s}#works-page .works_slide_ameba:after{animation:morph 3s linear infinite;animation-delay:.4s;opacity:1;content:""}@keyframes morph{0%,100%{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:translate3d(0,0,0) rotateZ(.01deg)}34%{border-radius:70% 30% 46% 54%/30% 29% 71% 70%;transform:translate3d(0,15px,0) rotateZ(.01deg)}50%{opacity:.89;transform:translate3d(0,0,0) rotateZ(.01deg)}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%;transform:translate3d(0,-10px,0) rotateZ(.01deg)}}