:root{--font-display:"ゴシックMB101 B", "Gothic MB101", "Yu Gothic", "Yu Gothic UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;--font-gothic:"新ゴ R", "Shin Go Regular", "Yu Gothic", "Yu Gothic UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif}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{font-family:var(--font-gothic);vertical-align:baseline;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:100%}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{vertical-align:baseline;background:0 0;margin:0;padding:0;font-size:100%}ins{color:#000;background-color:#ff9;text-decoration:none}mark{color:#000;background-color:#ff9;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{cursor:help;border-bottom:1px dotted}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;height:1px;margin:1em 0;padding:0;display:block}input,select{vertical-align:middle}ol,ul{list-style:none}button{cursor:pointer;-webkit-appearance:none;appearance:none;background-color:#0000;border:none;outline:none;padding:0}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sp-on{display:none}.section-inner{width:1200px;margin:0 auto;position:relative}.wrapper{overflow:hidden}section{z-index:0}.container{transition:opacity .5s cubic-bezier(.79,.17,.15,.96),transform .5s cubic-bezier(.79,.17,.15,.96)}header{opacity:0;z-index:500;width:100%;transition:opacity .5s cubic-bezier(.79,.17,.15,.96);position:fixed;top:0}header.active{opacity:1}header .section-inner{z-index:10;transition:transform .5s cubic-bezier(.79,.17,.15,.96)}header .section-inner.changeColor{transform:translateY(-20px)}header .section-inner.changeColor .header-area{padding-top:50px;transition:padding-top .5s linear}header .section-inner.changeColor nav .navi-global li span:before{border-bottom:2px solid #111}header .section-inner.changeColor nav .navi-global li a{color:#111}header .section-inner.changeColor nav .navi-global li.menu a:before{background:url(/assets/images/icon-arrow-bottom-black.png) 0 0/100% no-repeat}header .menu-modal-area{visibility:hidden;opacity:0;width:100%;position:fixed;top:0;left:0}header .menu-modal-area.changeColor .white-box{height:70px}header .menu-modal-area .white-box{z-index:10;background-color:#fff;width:100%;height:120px;position:relative}header .menu-modal-area .menu-modal{background-color:#f4f4f4;justify-content:center;width:100%;height:60px;display:none}header .menu-modal-area .menu-modal li{letter-spacing:1.8px;margin:0;padding:0;position:relative}header .menu-modal-area .menu-modal li a{color:#000;margin:0 22px;padding-bottom:2px;font-size:11px;text-decoration:none;display:block;position:relative;top:50%;transform:translateY(-50%)}header .menu-modal-area .menu-modal li a:hover:before{content:"";border-bottom:1px solid #111;width:100%;position:absolute;bottom:-2px;left:0}header .menu-modal-area .menu-modal li:before{content:"/";color:#d8d8d8;background:0 0;font-size:11px;line-height:60px;position:absolute;top:0;right:-2px}header .menu-modal-area .menu-modal li:last-child:before{display:none}header.index{transition:opacity .5s cubic-bezier(.79,.17,.15,.96) 2s,transform .5s cubic-bezier(.79,.17,.15,.96) 2s}header.index nav .navi-global li a{color:#fff}header.index nav .navi-global li span:before{border-bottom:2px solid #fff}header.index nav .navi-global li.menu a:before{background:url(/assets/images/icon-arrow-bottom.png) 0 0/100% no-repeat}header.index .humberger-btn span{background-color:#fff}header .header-area{justify-content:space-between;align-items:center;padding-top:50px;transition:padding-top .5s linear;display:flex}header .header-area .logo-main img{width:100%;height:100%}header nav .navi-global{display:flex}header nav .navi-global li{margin-right:28px}header nav .navi-global li:last-child{margin-right:0}header nav .navi-global li:hover span:before{width:100%}header nav .navi-global li span{font-family:var(--font-display);position:relative}header nav .navi-global li span:before{content:"";border-bottom:2px solid #111;width:0;transition:width .2s cubic-bezier(.79,.17,.15,.96) 50ms;position:absolute;bottom:-2px;left:0}header nav .navi-global li a{color:#111;font-size:14px;font-family:var(--font-display);letter-spacing:3.5px;text-decoration:none;display:block;position:relative}header nav .navi-global li a.color-black{color:#111}header nav .navi-global li a.color-black:before{background:url(/assets/images/icon-arrow-bottom-black.png) 0 0/100% no-repeat!important;transition:opacity .4s cubic-bezier(.79,.17,.15,.96) .2s!important}header nav .navi-global li.menu span:before{border-bottom:2px solid #111}header nav .navi-global li.menu a{padding-right:15px}header nav .navi-global li.menu a:before{content:"";background:url(/assets/images/icon-arrow-bottom-black.png) 0 0/100% no-repeat;width:8px;height:4px;margin-top:-2px;transition:opacity .4s cubic-bezier(.79,.17,.15,.96) .2s;position:absolute;top:50%;right:0}footer{margin-top:120px}footer .top-area{box-sizing:border-box;background:url(/assets/images/bg-footer.jpg) 50%/cover no-repeat;height:360px;padding:72px 0}footer .top-area .section-inner{justify-content:center;display:flex}footer .top-area .card-area{box-sizing:border-box;background-color:#fff;width:560px;height:216px;position:relative;box-shadow:16px 16px 40px #0000001f}footer .top-area .card-area a{color:#111;box-sizing:border-box;width:100%;height:100%;padding:32px;text-decoration:none;display:block;position:relative}footer .top-area .card-area a:before{content:"";background:url(/assets/images/icon-arrow-black.png) 0 0/100% no-repeat;width:32px;height:10px;transition:transform .3s;position:absolute;bottom:41px;right:30px}footer .top-area .card-area a:hover:before{transform:translate(10px)}footer .top-area .card-area .text-cat{font-size:13px;font-weight:700}footer .top-area .card-area .title{font-family:var(--font-display);letter-spacing:0;margin:24px 0;font-size:32px;font-weight:700}footer .top-area .card-area .text-content{width:440px;font-size:14px;line-height:28px}footer .bottom-area{background-color:#111;padding:68px 0 53px;position:relative}footer .bottom-area .logo-box{justify-content:center;align-items:center;margin-bottom:70px;display:flex;position:relative}footer .bottom-area .logo-box:before{content:"";opacity:.5;border-right:1px solid #fff;width:1px;height:56px;position:absolute;top:0;left:0;transform:rotate(15deg)}footer .bottom-area .logo-box:after{content:"";opacity:.5;border-right:1px solid #fff;width:1px;height:56px;position:absolute;top:0;right:0;transform:rotate(15deg)}footer .bottom-area .logo-box h2{padding-right:36px;position:relative}footer .bottom-area .logo-box h2:before{content:"";opacity:.5;border-right:1px solid #888;width:1px;height:56px;position:absolute;top:0;right:0;transform:rotate(15deg)}footer .bottom-area .logo-box h2 img{width:100%;height:100%;max-height:54px}footer .bottom-area .logo-box .text{color:#fff;margin-left:36px;font-size:12px;line-height:21.6px}footer .bottom-area .sns-box{justify-content:center;margin-top:60px;display:flex}footer .bottom-area .sns-box .list-sns{display:flex}footer .bottom-area .sns-box .list-sns li{margin-right:18px}footer .bottom-area .sns-box .list-sns li.tw{width:20px;height:16px}footer .bottom-area .sns-box .list-sns li img{width:100%;height:100%;transition:transform .3s}footer .bottom-area .sns-box .list-sns li:hover img{transform:rotateY(-360deg)}footer .bottom-area .sns-box .copy{color:#fff;font-size:12px;font-family:var(--font-display);letter-spacing:1.5px;font-weight:700}footer .to_top-areaPC{position:absolute;bottom:86px;right:53px}footer .to_top-areaPC a{color:#fff;font-size:10px;text-decoration:none;display:block;position:relative}footer .to_top-areaPC a:before{content:"";backface-visibility:hidden;background:url(/assets/images/arrow-footer-to_top_PC.png) 0 0/100% no-repeat;width:11px;height:88px;transition:opacity .5s;animation:3s linear infinite rotateYToTop;position:absolute;top:-130px;left:50%;transform:translate(-50%)rotateY(0)}footer .to_top-areaPC a:hover{opacity:.5}footer .to_top-areaPC span{font-family:var(--font-display);letter-spacing:2.5px;font-weight:700;display:block;transform:rotate(90deg)}.list-service{flex-wrap:wrap;justify-content:space-between;display:flex}.list-service li{background-color:#fff;width:100%;height:auto;min-height:350px;margin-bottom:82px;position:relative;overflow:hidden;box-shadow:11px 13px 27px 6px #00000014}.list-service li:before{content:"";background:url(/assets/images/img-service_workship.png) 0 0/100% no-repeat;width:302px;height:100%;transition:transform .6s cubic-bezier(.165,.84,.44,1) .1s;position:absolute;top:0;left:0}.list-service li a{color:#111;width:100%;height:100%;text-decoration:none;display:block;overflow:hidden}.list-service li a:before{content:"";z-index:50;width:32px;height:11px;bottom:32px;left:32px;left:initial;background:url(/assets/images/icon-arrow-black.png) 0 0/100% no-repeat;transition:transform .3s ease-out;display:none;position:absolute;right:32px}.list-service li a:after{content:"";z-index:50;background-color:#fff;width:100%;height:100%;transition:transform .6s cubic-bezier(.165,.84,.44,1) .8s;position:absolute;top:0;left:0}.list-service li.creative:before{background:url(/assets/images/img-service_creative.jpg) 0 0/cover no-repeat}.list-service li.system:before{background:url(/assets/images/img-service_system.jpg) 0 0/cover no-repeat}@keyframes pagePaper{0%{transform:rotate(15deg)translate(0)}50%{transform:rotate(15deg)translate(-10px)}to{transform:rotate(15deg)translate(0)}}.list-service li:after{content:"";z-index:10;background-color:#fff;width:556px;height:120%;transition:transform .3s cubic-bezier(.475,.425,0,.995) .4s;position:absolute;top:20px;right:-240px;transform:rotate(15deg)translate(0)}.list-service li:hover:before{transform:scale(1.1)}.list-service li:hover a:before{transform:translate(10px)}.list-service li:hover:after{animation:.3s ease-out pagePaper}.list-service .white-box{z-index:50;height:100%;padding-left:340px;position:relative}.list-service .text-mini{font-size:14px;font-family:var(--font-display);padding:30px 0 20px;font-weight:700}.list-service .title-service{font-size:32px;font-family:var(--font-display);letter-spacing:0;padding-left:0}.list-service .text-detail{width:96%;padding-top:28px;font-size:16px;line-height:28px}.list-works{opacity:0;flex-wrap:wrap;justify-content:space-between;transition:opacity .6s .4s,transform .6s .4s;display:flex;transform:translateY(20px)}.list-works li{background-color:#fff;width:360px;height:400px;margin-bottom:60px;box-shadow:11px 13px 27px 6px #00000014}.list-works li:hover img{transform:scale(1.1)}.list-works li:hover a:before{transform:translate(10px)}.list-works li .thumb{height:300px;overflow:hidden auto}.list-works li img{width:100%;height:auto;transition:transform 1s cubic-bezier(.165,.84,.44,1)}.list-works li a{color:#111;width:100%;height:100%;text-decoration:none;display:block;position:relative}.list-works li a:before{z-index:50;width:32px;height:11px;bottom:32px;left:32px;left:initial;background:url(/assets/images/icon-arrow-black.png) 0 0/100% no-repeat;transition:transform .3s ease-out;position:absolute;bottom:37px;right:32px}.list-works .detail-box{margin:0 1em}.list-works .text-content{font-family:var(--font-display);margin:24px 0 5px;font-size:14px;line-height:21px}.list-works .state-box{display:flex}.list-works .date{color:#888;font-size:12px;font-family:var(--font-display);letter-spacing:1.5px;margin-right:32px}@media screen and (width<=1200px){.section-inner{box-sizing:border-box;width:100%;padding:0 8.3vw}header{height:auto}header .section-inner.changeColor{transform:translateY(-1vw)}header .section-inner.changeColor .header-area{padding-top:4vw}header .logo-main{width:9vw}header .logo-main img{width:100%;height:100%}header nav .navi-global li{margin-right:2vw}header nav .navi-global li a{letter-spacing:.2vw;font-size:.97222vw}header .header-area{padding-top:5.55vw}header .menu-modal-area .white-box{height:8.33vw}header .menu-modal-area .menu-modal{height:4.166vw}header .menu-modal-area .menu-modal li:before{line-height:4.16vw}header .menu-modal-area .menu-modal li a{margin:0 1.527vw;font-size:.76389vw}.list-service li{width:100%;min-height:25vw;margin-bottom:5.69vw}.list-service li:before{width:22vw}.list-service li:after{width:38.6vw;top:1.38vw;right:-16.6vw}.list-service li a:before{width:2.2vw;height:.76vw;bottom:2.2vw;right:2.2vw}.list-service .title-service{letter-spacing:0;padding-left:0;font-size:2.22vw}.list-service .white-box{padding-left:24vw}.list-service .text-mini{padding:2.63vw 0 2vw;font-size:1.2vw}.list-service .text-detail{padding-top:1.94vw;font-size:1.4vw;line-height:1.94vw}.list-works li{width:25vw;height:27.7vw;margin-bottom:4.16vw}.list-works li a:before{width:2.2vw;height:.76vw;bottom:2.5vw;right:2.2vw}.list-works .text-content{margin:1.66vw 0;font-size:.97vw;line-height:1.45vw}.list-works .date{margin-right:2.22vw;font-size:.83vw}footer .top-area{height:25vw;padding:5vw 0}footer .top-area .card-area{width:38.8889vw;height:15vw}footer .top-area .card-area a{padding:2.22vw}footer .top-area .card-area a:before{width:2.22222vw;height:.69444vw;bottom:2.84722vw;right:2.08333vw}footer .top-area .card-area .text-cat{font-size:.90278vw}footer .top-area .card-area .title{letter-spacing:.27778vw;margin:1.666vw 0;font-size:2.22222vw}footer .top-area .card-area .text-content{width:30.5556vw;font-size:.97222vw;line-height:1.94444vw}footer .bottom-area{padding:4.72vw 0 3.68vw}footer .bottom-area .logo-box{margin-bottom:4.86111vw}footer .bottom-area .logo-box:before,footer .bottom-area .logo-box:after{width:.06944vw;height:3.88889vw}footer .bottom-area .logo-box h2{width:5.27778vw;padding-right:2.5vw}footer .bottom-area .logo-box h2:before{width:.06944vw;height:3.88889vw}footer .bottom-area .logo-box h2 img{width:100%}footer .bottom-area .logo-box .text{margin-left:2.5vw;font-size:.83333vw;line-height:1.5vw}footer .bottom-area .sns-box{margin-top:4.16667vw}footer .bottom-area .sns-box .list-sns li.tw{width:1.38889vw;height:1.11111vw}footer .bottom-area .sns-box .copy{letter-spacing:.10417vw;font-size:.83333vw}}@media screen and (width<=750px){.sp-on{display:block}.sp-none{display:none!important}img{width:100%}.section-inner{padding:0 4.8vw}header{top:6.4vw}header .section-inner.changeColor{transform:none}header .section-inner.changeColor .header-area{padding-top:0}header .header-area{padding-top:0;display:block}header .logo-main{width:30.9vw;padding-top:1.5vw}header .logo-main img{width:100%;height:100%}header nav{display:none}header .humberger-content{visibility:hidden;z-index:400;box-sizing:border-box;background-color:#111;width:100vw;height:100vh;padding:11.4vw;position:fixed;top:0;left:0;transform:translate(101vw)}header .humberger-content nav{opacity:0;display:block;transform:translateY(30px)}header .humberger-content li{margin-bottom:12vw}header .humberger-content li a{color:#fff;font-family:var(--font-display);letter-spacing:.6vw;font-size:7.46667vw;text-decoration:none}header .humberger-btn{z-index:500;width:6.66vw;position:fixed;top:6.4vw;right:4.8vw;overflow:hidden}header .humberger-btn.changeColor span{background-color:#111}header .humberger-btn span{background-color:#111;width:100%;height:.53vw;transition:transform .3s cubic-bezier(.475,.425,0,.995),background-color .3s cubic-bezier(.475,.425,0,.995);display:block}header .humberger-btn span:first-child,header .humberger-btn span:nth-child(2){margin-bottom:2.13vw}header .humberger-btn.active span{background-color:#fff}header .humberger-btn.active span:nth-child(2){transform:translate(2.6vw)}header .humberger-btn.active span:nth-child(3){transform:translate(5.4vw)}.list-service{display:initial}.list-service li{background-color:#fff;width:100%;height:auto;margin-bottom:8vw}.list-service li:before{width:34.6667vw;height:34.6667vw}.list-service li:after{width:37.8667vw;top:-9vw;right:28vw}.list-service li .title-box{border-bottom:2px solid #e9e9e9;height:34.6667vw}.list-service li .white-box{padding:0}.list-service li a:before{width:8.53vw;height:2.9vw;left:initial;bottom:5.86vw;right:5.86vw}.list-service .title-service{padding-left:32vw;font-size:5.86vw}.list-service .text-mini{padding-top:8vw;padding-left:32vw;font-size:3.2vw}.list-service .text-detail{box-sizing:border-box;width:100%;padding:5.333vw;font-size:3.2vw;line-height:5.86vw}.list-works{display:initial}.list-works li{width:100%;height:94.9vw;margin-bottom:7.2vw}.list-works li a:before{width:8.53vw;height:0;padding-top:4%;bottom:4.8vw;right:4.8vw}.list-works .text-content{margin:5.6vw 0 2.93vw;font-size:3.46667vw;line-height:5.6vw}.list-works .date{font-size:3.2vw}footer{margin-top:10.6667vw}footer .to_top-area{text-align:center;width:17.4vw;height:17.4vw;margin:0 auto 9.6vw}footer .to_top-area a{color:#111;width:100%;height:100%;font-size:2.5vw;font-family:var(--font-display);letter-spacing:0;box-sizing:border-box;padding-top:12vw;text-decoration:none;display:block;position:relative}footer .to_top-area a:before{content:"";backface-visibility:hidden;background:url(/assets/images/arrow-footer-to_top.png) 0 0/100% no-repeat;width:2.66667vw;height:9.6vw;animation:3s linear infinite rotateYToTop;position:absolute;top:0;left:50%;transform:translate(-50%)rotateY(0)}footer .top-area{height:auto;padding:10.66vw 4.8vw}footer .top-area .section-inner{display:block}footer .top-area .card-area{width:100%;height:50.6667vw;margin-bottom:4.8vw}footer .top-area .card-area:last-child{margin-bottom:0}footer .top-area .card-area a{padding:6.4vw 5.6vw}footer .top-area .card-area a:before{width:8.53333vw;height:4.26667vw;bottom:5.33333vw;right:8vw}footer .top-area .card-area .text-cat{letter-spacing:.26667vw;font-size:3.2vw}footer .top-area .card-area .title{letter-spacing:.90667vw;font-size:5.86667vw;line-height:6.93333vw}footer .top-area .card-area .text-content{width:100%;font-size:3.2vw;line-height:5.6vw}footer .bottom-area .section-inner{padding:0}footer .bottom-area .logo-box{margin-bottom:13.6vw;padding:0 4.8vw;display:block}footer .bottom-area .logo-box:before,footer .bottom-area .logo-box:after{display:none}footer .bottom-area .logo-box h2{width:13.6vw;margin-bottom:4.8vw}footer .bottom-area .logo-box h2:before{display:none}footer .bottom-area .logo-box .text{letter-spacing:.26667vw;margin-left:0;font-size:2.93333vw;line-height:5.6vw}footer .bottom-area .sns-box{margin-top:10.6667vw;display:block}footer .bottom-area .sns-box .list-sns{justify-content:center;margin-bottom:17.6vw}footer .bottom-area .sns-box .list-sns li{margin:0 6.66vw}footer .bottom-area .sns-box .list-sns li.tw{width:5.33333vw;height:4.53333vw}footer .bottom-area .sns-box .copy{letter-spacing:.4vw;text-align:center;padding-bottom:10.6667vw;font-size:3.2vw}}.index.active .section-top:before{clip-path:inset(0)}.index.active .section-top .section-inner:before{transform:rotate(-15deg)translateY(0)}.index.active .section-top .scroll-box{opacity:1}.index.active .section-top .text-area .text-good{opacity:1;transform:translateY(0)}.index.active .section-top .text-area .text-good:before{transform:scale(1)}.index.active .section-top .text-area .right-box{opacity:1;transform:translateY(0)}.index.active .section-top .img-area .part{opacity:1;clip-path:inset(0)}.index .section-top{background:#000;height:100vh;margin-bottom:0;position:relative;overflow:hidden}.index .section-top .section-inner{height:100%}.index .section-top .section-inner:before{content:"";background-color:#f6de79;width:1px;height:107vh;transition:transform 1s cubic-bezier(.165,.84,.44,1) 1.3s;display:none;position:absolute;top:-5vh;right:98px;transform:rotate(-15deg)translateY(-120vh)}.index .section-top:before{content:"";clip-path:inset(0 0 100%);background-color:#3b3d40;width:100%;height:150%;transition:clip-path 1s cubic-bezier(.165,.84,.44,1) .8s;position:absolute;top:-47%;right:-50%;transform:rotate(0)}.index .section-top .img-area{width:846px;height:384px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.index .section-top .img-area .part{opacity:0;clip-path:inset(0 0 0 100%);width:160px;transition:clip-path 1s cubic-bezier(.79,.17,.15,.96);position:absolute;bottom:0}.index .section-top .img-area .part img{width:100%;transition:transform .2s linear}.index .section-top .img-area .part.part01{transition-delay:1.5s;left:0}.index .section-top .img-area .part.part01 img{height:384px}.index .section-top .img-area .part.part02{width:160px;transition-delay:1.6s;bottom:150px;left:200px}.index .section-top .img-area .part.part03{width:400px;transition-delay:1.7s;left:235px}.index .section-top .img-area .part.part03 img{height:384px}.index .section-top .img-area .part.part04{width:160px;transition-delay:1.8s;bottom:-100px;left:460px}.index .section-top .img-area .part.part04 img{height:384px}.index .section-top .img-area .part.part05{transition-delay:1.9s;left:662px}.index .section-top .img-area .part.part05 img{height:384px}.index .section-top .text-area{width:560px;position:absolute;top:79.4vh;left:0}.index .section-top .text-area .text-good{float:left;opacity:0;width:175px;transition:opacity 1s cubic-bezier(.165,.84,.44,1) 2s,transform 1s cubic-bezier(.165,.84,.44,1) 2s;position:relative;transform:translateY(50px)}.index .section-top .text-area .text-good:before{content:"";background:url(/assets/images/border-good.png) 0 0/100% no-repeat;width:32px;height:65px;transition:transform 1s cubic-bezier(.165,.84,.44,1) 2.2s;position:absolute;top:7px;right:0;transform:scale(0)}.index .section-top .text-area .text-good span{letter-spacing:8px;font-size:32px;line-height:40px;font-family:var(--font-display);color:#fff;display:block}.index .section-top .text-area .text-good span.line1{padding-left:0}.index .section-top .text-area .text-good span.line2{padding-left:10px}.index .section-top .text-area .right-box{float:left;opacity:0;width:300px;margin-top:4px;padding-left:15px;transition:opacity 1s cubic-bezier(.165,.84,.44,1) 2s,transform 1s cubic-bezier(.165,.84,.44,1) 2s;transform:translateY(-50px)}.index .section-top .text-area .right-box .text-detail2{font-family:var(--font-display);color:#888;margin-top:18px;font-size:12px}.index .section-top .scroll-box{opacity:0;transition:opacity .7s cubic-bezier(.475,.425,0,.995) 1.8s;position:absolute;bottom:208px;right:24px}.index .section-top .scroll-box .scroll-inner{position:relative}.index .section-top .scroll-box .scroll-inner:before{content:"";backface-visibility:hidden;background:url(/assets/images/icon-scroll.png) 0 0/100% no-repeat;width:11px;height:88px;margin-right:-5.5px;animation:3s linear infinite rotateY;position:absolute;top:70px;right:50%;transform:rotateY(0)}.index .section-top .scroll-box .text{letter-spacing:2.5px;font-size:10px;font-family:var(--font-display);transform:rotate(90deg)}.index .section-top .scroll-box .text a{color:#fff;text-decoration:none}@keyframes rotateY{0%{transform:rotateY(0)}25%{transform:rotateY(90deg)}50%{transform:rotateY(180deg)}75%{transform:rotateY(270deg)}to{transform:rotateY(360deg)}}@keyframes rotateYToTop{0%{transform:translate(-50%)rotateY(0)}25%{transform:translate(-50%)rotateY(90deg)}50%{transform:translate(-50%)rotateY(180deg)}75%{transform:translate(-50%)rotateY(270deg)}to{transform:translate(-50%)rotateY(360deg)}}.index .section-service{margin-bottom:120px;padding-top:78px;padding-bottom:120px;position:relative;overflow:hidden}.index .section-service.isView .section-inner:before,.index .section-product.isView .section-inner:before{clip-path:inset(0)}.index .section-service.isView h2 span,.index .section-product.isView h2 span{opacity:1;transform:translate(0)}.index .section-product.isView .text-headding,.index .section-service.isView .text-headding{font-family:var(--font-display);opacity:1;transform:translateY(0)}.index .section-service.isView .list-service li{opacity:1;transform:translateY(0)}.index .section-service.isView .list-service li a:after{transform:translate(100%)}.index .section-service .section-inner:before{content:"";z-index:-1;clip-path:inset(0 0 100%);background-color:#f4f4f4;width:60%;height:200%;transition:clip-path 1.5s cubic-bezier(.475,.425,0,.995) .2s;position:absolute;top:-20%;left:-45%;transform:rotate(15deg)}.index .section-service .list-service li{opacity:0;transition:opacity 1s cubic-bezier(.165,.84,.44,1) .5s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;transform:translateY(50px)}.index .section-service h2,.index .section-product h2{letter-spacing:0;font-size:60px;font-family:var(--font-display);margin-bottom:35px;position:relative}.index .section-service h2 span,.index .section-product h2 span{font-family:var(--font-display);opacity:0;transition:opacity .4s cubic-bezier(.165,.84,.44,1) .3s,transform .4s cubic-bezier(.165,.84,.44,1) .3s;display:inline-block;transform:translate(-10px)}@media screen and (width<=1200px){.index .section-product h2,.index .section-service h2{margin-bottom:2.43vw;font-size:4.44vw}}@media screen and (width<=750px){.index .section-product h2,.index .section-service h2{font-size:8.26667vw}}.index .section-product .text-headding,.index .section-service .text-headding{opacity:0;width:80%;margin-bottom:70px;font-size:14px;line-height:28px;transition:opacity .6s cubic-bezier(.165,.84,.44,1) .5s,transform .6s cubic-bezier(.165,.84,.44,1) .5s;position:relative;transform:translateY(10px)}@media screen and (width<=1200px){.index .section-service .text-headding{margin-bottom:4.86vw;font-size:.97vw;line-height:1.94vw}}@media screen and (width<=750px){.index .section-service .text-headding{width:100%;margin-bottom:7.2vw;font-size:4vw;line-height:6.4vw}}.index .section-service .content-area{position:relative}.index .section-works{margin-bottom:120px;padding-top:78px;padding-bottom:218px;position:relative;overflow:hidden}.index .section-works.isView .section-inner:before{clip-path:inset(0)}.index .section-works.isView h2 span{opacity:1;transform:translate(0)}.index .section-works.isView .text-headding{opacity:1;transform:translateY(0)}.index .section-works.isView .list-works{opacity:1;transform:translate(0)}.index .section-works .section-inner:before{content:"";z-index:-1;clip-path:inset(0 0 100%);background-color:#f4f4f4;width:60%;height:200%;transition:clip-path 1.5s cubic-bezier(.475,.425,0,.995) .2s;position:absolute;top:-20%;left:-45%;transform:rotate(15deg)}.index .section-works h2{letter-spacing:0;font-size:60px;font-family:var(--font-display);margin-bottom:35px;position:relative}.index .section-works h2 span{font-family:var(--font-display);opacity:0;transition:opacity .4s cubic-bezier(.165,.84,.44,1) .3s,transform .4s cubic-bezier(.165,.84,.44,1) .3s;display:inline-block;transform:translate(-10px)}@media screen and (width<=1200px){.index .section-works h2{letter-spacing:.55vw;margin-bottom:2.43vw;font-size:4.44vw}}@media screen and (width<=750px){.index .section-works h2{letter-spacing:1vw;padding-left:7.46vw;font-size:8.26667vw}}.index .section-works h2:before{content:"";opacity:0;background:url(/assets/images/border-yellow.png) 0 0/100% no-repeat;width:32px;height:88px;transition:opacity .6s cubic-bezier(.165,.84,.44,1) .2s,transform .6s cubic-bezier(.165,.84,.44,1) .2s;position:absolute;top:-39px;left:-56px;transform:translate(-20px)}@media screen and (width<=1200px){.index .section-works h2:before{width:2.22vw;height:6.11vw;top:-1.94vw;left:-3.88vw}}@media screen and (width<=750px){.index .section-works h2:before{width:5.33vw;height:15.4vw;top:-6vw;left:0}}.index .section-works .text-headding{font-family:var(--font-display);opacity:0;width:100%;margin-bottom:70px;font-size:14px;line-height:28px;transition:opacity .6s cubic-bezier(.165,.84,.44,1) .5s,transform .6s cubic-bezier(.165,.84,.44,1) .5s;position:relative;transform:translateY(10px)}@media screen and (width<=1200px){.index .section-works .text-headding{width:34.7vw;margin-bottom:4.86vw;font-size:.97vw;line-height:1.94vw}}@media screen and (width<=750px){.index .section-works .text-headding{width:100%;margin-bottom:7.2vw;font-size:4vw;line-height:6.4vw}}.index .section-about{margin-bottom:103px;padding-top:78px;padding-bottom:176px;position:relative;overflow:hidden}.index .section-about.isView .section-inner:before{clip-path:inset(0)}.index .section-about.isView h2 span{opacity:1;transform:translate(0)}.index .section-about.isView .text-headding,.index .section-about.isView .text-big-headding{opacity:1;transform:translateY(0)}.index .section-about:before{content:"";z-index:-10;background:url(/assets/images/img-about.jpg) 0 0/100% no-repeat;width:1140px;height:640px;position:absolute;top:80px;right:0}.index .section-about .section-inner:before{content:"";z-index:-1;clip-path:inset(0 0 100%);background-color:#f4f4f4;width:60%;height:200%;transition:clip-path 1.5s cubic-bezier(.475,.425,0,.995) .2s;position:absolute;top:-20%;left:-45%;transform:rotate(15deg)}.index .section-about h2{letter-spacing:0;font-size:60px;font-family:var(--font-display);margin-bottom:35px;position:relative}.index .section-about h2 span{font-family:var(--font-display);opacity:0;transition:opacity .4s cubic-bezier(.165,.84,.44,1) .3s,transform .4s cubic-bezier(.165,.84,.44,1) .3s;display:inline-block;transform:translate(-10px)}@media screen and (width<=1200px){.index .section-product h2,.index .section-about h2{letter-spacing:.55vw;margin-bottom:2.43vw;font-size:4.44vw}}@media screen and (width<=750px){.index .section-product h2,.index .section-about h2{letter-spacing:1vw;font-size:8.26667vw}}@media screen and (width<=1200px){.index .section-product h2:before,.index .section-about h2:before{width:2.22vw;height:6.11vw;top:-1.94vw;left:-3.88vw}}@media screen and (width<=750px){.index .section-product h2:before,.index .section-about h2:before{width:5.33vw;height:15.4vw;top:-6vw;left:0}}.index .section-about .text-headding{font-family:var(--font-display);opacity:0;width:100%;margin-bottom:38px;font-size:14px;line-height:28px;transition:opacity .6s cubic-bezier(.165,.84,.44,1) .5s,transform .6s cubic-bezier(.165,.84,.44,1) .5s;position:relative;transform:translateY(10px)}@media screen and (width<=1200px){.index .section-about .text-headding{width:34.7vw;margin-bottom:4.86vw;font-size:.97vw;line-height:1.94vw}}@media screen and (width<=750px){.index .section-about .text-headding{width:100%;margin-bottom:7.2vw;font-size:4vw;line-height:6.4vw}}.index .section-about .text-big-headding{font-family:var(--font-display);opacity:0;margin-bottom:72px;font-size:24px;font-weight:700;line-height:40px;transition:opacity .6s cubic-bezier(.165,.84,.44,1) .7s,transform .6s cubic-bezier(.165,.84,.44,1) .7s;transform:translateY(10px)}@media screen and (width<=1200px){.index .section-about .text-big-headding{margin-bottom:5vw;font-size:1.66vw;line-height:2.77vw}}@media screen and (width<=750px){.index .section-about .text-big-headding{margin-bottom:8vw;font-size:4.53333vw;line-height:6.93vw}}@media screen and (width<=1200px){.index .section-top{margin-bottom:0}.index .section-top .section-inner:before{right:14vw}.index .section-top .img-area{width:58.7vw;height:26.6vw}.index .section-top .img-area .part{width:11.45vw}.index .section-top .img-area .part.part01 img{height:auto}.index .section-top .img-area .part.part02{width:8.33vw;bottom:10vw;left:13.8vw}.index .section-top .img-area .part.part02 img{height:auto}.index .section-top .img-area .part.part03{width:24vw;left:16vw}.index .section-top .img-area .part.part03 img{height:auto}.index .section-top .img-area .part.part04{width:8.33vw;bottom:-3vw;left:34.5vw}.index .section-top .img-area .part.part04 img{height:auto}.index .section-top .img-area .part.part05{left:45.97vw}.index .section-top .img-area .part.part05 img{height:auto}.index .section-top .text-area{width:38.88vw;left:initial}.index .section-top .text-area .text-good{width:25vw}.index .section-top .text-area .text-good:before{width:2.22vw;height:7.22vw;top:.69vw;right:-1.11vw}.index .section-top .text-area .text-good span{letter-spacing:.55vw;font-size:2.22vw;line-height:2.77vw}.index .section-top .text-area .right-box{width:22.8vw;margin-top:0;padding-left:3.33vw}.index .section-top .text-area .right-box .text-detail2{white-space:pre;margin-top:1.94vw;font-size:1.2vw;line-height:1.11vw}.index .section-service{margin-bottom:8.33vw;padding-top:5.41vw;padding-bottom:8.33vw}.index .section-works{margin-bottom:7.15vw;padding-top:5.41vw;padding-bottom:7.15vw}.index .section-about{margin-bottom:7.15vw;padding-top:5.41vw;padding-bottom:12.2vw}.index .section-about:before{background-size:cover;width:79.1vw;height:44.4vw;top:5.55vw}}@media screen and (width<=750px){.index .section-top:before{right:-50%}.index .section-top .section-inner:before{right:-5vw}.index .section-top .img-area{width:87.2vw;height:39.7vw;top:34.1vw;left:0;transform:none}.index .section-top .img-area .part{width:17vw}.index .section-top .img-area .part.part02{width:12.2vw;bottom:17vw;left:22vw}.index .section-top .img-area .part.part03{width:38vw;left:24vw}.index .section-top .img-area .part.part04{width:12.2vw;bottom:-7vw;left:50vw}.index .section-top .img-area .part.part05{width:18.9vw;left:68.5vw}.index .section-top .text-area{width:100%;top:90vw}.index .section-top .text-area .text-good{float:none;width:80vw;padding-left:10vw}.index .section-top .text-area .text-good:before{left:2.4vw;right:initial;width:7.2vw;height:23.73vw;top:1vw}.index .section-top .text-area .text-good span{letter-spacing:2.13vw;font-size:7.46vw;line-height:9vw}.index .section-top .text-area .text-good span.line1{padding-left:4.8vw}.index .section-top .text-area .text-good span.line2{padding-left:2.93vw}.index .section-top .text-area .right-box{float:none;width:100%;margin-top:7.2vw}.index .section-top .text-area .right-box .text-detail2{margin-top:6.4vw;font-size:3.2vw;line-height:6.1vw}.index .section-top .scroll-box{width:11.7vw;bottom:30vh;right:2vw}.index .section-top .scroll-box .text{font-size:2.66667vw}.index .section-top .scroll-box .scroll-inner:before{width:2.46vw;height:20vw;top:10vw}.index .section-service{margin-bottom:12.5vw;padding-top:20.8vw;padding-bottom:9.6vw}.index .section-service .section-inner:before{left:-60%}.index .section-works{margin-bottom:12.5vw;padding-top:20.8vw;padding-bottom:9.6vw}.index .section-works .section-inner:before{left:-60%}.index .section-about{margin-bottom:12.5vw;padding-top:20.8vw;padding-bottom:9.6vw}.index .section-about:before{display:none}.index .section-about .section-inner:before{left:-60%}}.index .section-about{margin-top:190px;padding-top:90px;padding-bottom:80px;overflow:hidden}.index .section-product .white-area,.index .section-about .white-area{opacity:0;box-sizing:border-box;background-color:#fff;padding:80px;transition:opacity .4s ease-out;position:relative;box-shadow:16px 16px 40px #0000000f}.index .section-product.isView .white-area,.index .section-about.isView .white-area{opacity:1}.index .section-product .white-area{padding:0}.index .section-product .white-area a,.index .section-product .white-area a img{width:100%;height:100%;display:block}.index .section-about .white-area .certification{position:absolute;top:80px;right:80px}.index .section-about .white-area dl{line-height:28px;display:flex}.index .section-about .white-area dt{box-sizing:border-box;border-top:1px solid #111;width:150px;min-height:90px;margin-right:40px;padding-top:28px;font-size:14px;font-weight:700}.index .section-about .white-area dd{box-sizing:border-box;border-top:1px solid #f4f4f4;width:290px;padding-top:28px;font-size:14px}.index .section-about .white-area .list-box{width:850px;display:flex}.index .section-about .white-area .list-box li{margin-bottom:8px}@media screen and (width<=1200px){.index .section-about .white-area{padding:5.55vw}.index .section-about .white-area dl{line-height:1.94vw}.index .section-about .white-area dt{width:10.4vw;min-height:6.25vw;margin-right:2.77vw;padding-top:1.94vw;font-size:.97222vw}.index .section-about .white-area dd{width:20.1vw;padding-top:1.94vw;font-size:.97222vw}.index .section-about .white-area .list-box{width:59vw}.index .section-about .white-area .list-box li{margin-bottom:.5vw}}@media screen and (width<=750px){.index .section-about .white-area{padding:10.6vw 6.66vw}.index .section-about .white-area dl{line-height:6.93vw}.index .section-about .white-area dt{width:21.3vw;min-height:24vw;padding-top:6.4vw;padding-bottom:6.4vw;font-size:3.46667vw}.index .section-about .white-area dd{width:50.6vw;padding-top:6.4vw;padding-bottom:6.4vw;font-size:3.46667vw}.index .section-about .white-area .certification{top:initial;right:initial;position:relative}.index .section-about .white-area .list-box{width:50.6vw;display:block}}html:not(.js) header,html:not(.js) .index .section-top:before,html:not(.js) .index .section-top .img-area .part,html:not(.js) .index .section-top .text-area .text-good,html:not(.js) .index .section-top .text-area .text-good:before,html:not(.js) .index .section-top .text-area .right-box,html:not(.js) .index .section-top .scroll-box,html:not(.js) .index .js-scroll .section-inner:before,html:not(.js) .index .js-scroll h2 span,html:not(.js) .index .js-scroll h2:before,html:not(.js) .index .js-scroll .text-headding,html:not(.js) .index .js-scroll .text-big-headding,html:not(.js) .index .js-scroll .list-service li,html:not(.js) .index .js-scroll .list-works,html:not(.js) .index .js-scroll .white-area{opacity:1;clip-path:none;transition:none;transform:none}@media (prefers-reduced-motion:reduce){.index .section-top .scroll-box .scroll-inner:before,footer .to_top-areaPC a:before,footer .to_top-area a:before{animation:none}}