header{width:100%;margin:0 auto;position:fixed;top:0;left:0}header,header .app-bar{z-index:10000}header .app-bar a:after{position:absolute;width:100%;text-align:center;bottom:-1.2em;left:0;margin-top:6px;opacity:0;transition:.4s;font-size:10px;letter-spacing:.182em}header .app-bar a.logo{width:54px;height:42px;position:absolute;left:34px;top:24px}@media only screen and (max-width:769px){header .app-bar a.logo{left:24px}}header .app-bar a.logo:after{content:"TOP"}header .app-bar a.logo:hover:after{opacity:1;transition:.4s}header .app-bar a.ham{width:32px;height:42px;padding:0 11px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:absolute;right:34px;top:24px}@media only screen and (max-width:769px){header .app-bar a.ham{right:24px;padding-right:0}}header .app-bar a.ham .bar{height:1px;background:#000;margin-top:12px;transition:.4s}header .app-bar a.ham .bar:first-child{margin-top:0;width:32px}header .app-bar a.ham .bar:last-child{width:16px}header .app-bar a.ham:hover .bar:first-child{width:36px}header .app-bar a.ham:hover .bar:last-child{width:32px}header .app-bar a.ham:hover:after{opacity:1;transition:.4s}header #sidebar{display:flex;justify-content:center;align-items:center;flex-flow:column;width:100vw;height:100vh;background:#fff;opacity:0;transition:.6s;z-index:1000}header #sidebar.active{opacity:1;transition:.6s}header #sidebar ul{display:flex;justify-content:center;align-items:center;flex-flow:column}header #sidebar ul li{display:block;font-weight:600;margin-bottom:4rem;height:1.84rem;letter-spacing:.05em}header #sidebar ul li:last-child{margin-bottom:0}header #sidebar ul li a{width:auto;height:100%;margin:0 auto;display:block;text-align:center;padding:6px 0;position:relative;transition:.4s}header #sidebar ul li a svg{height:100%;width:auto;margin:0 auto;overflow:visible}header #sidebar ul li a svg path{transition:.4s}header #sidebar ul li a:after{content:"";width:0;height:2px;position:absolute;background:#000;left:50%;bottom:-6px;transform:translateX(-50%);transition:.4s}header #sidebar ul li a:hover{letter-spacing:.14em}header #sidebar ul li a:hover svg path.l2{transform:translateX(-.4rem)}header #sidebar ul li a:hover svg path.l1{transform:translateX(-.2rem)}header #sidebar ul li a:hover svg path.center{transform:translateX(0)}header #sidebar ul li a:hover svg path.r1{transform:translateX(.2rem)}header #sidebar ul li a:hover svg path.r2{transform:translateX(.4rem)}header #sidebar ul li a:hover:after{width:100%}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:260px}@media only screen and (max-width:769px){footer{height:157px}}footer .logo-wrap{display:flex;justify-content:center;align-items:center;flex-direction:column;width:66px;height:66px}@media only screen and (max-width:769px){footer .logo-wrap{width:42px;height:42px}}footer .logo-wrap svg{display:block;width:100%;height:auto}footer .logo-wrap svg.logo{margin-bottom:9px}@media only screen and (max-width:769px){footer .logo-wrap svg.logo{margin-bottom:6px}}#kv{height:100vh;min-height:760px;justify-content:center;position:relative;padding-top:0;padding-bottom:0}@media only screen and (max-width:769px){#kv{justify-content:flex-start;padding-top:130px;height:auto;min-height:unset}}#kv .spline{width:100%;height:20vh;position:absolute;bottom:0;left:0;overflow:hidden}#kv .spline:after{content:"";display:block;width:.5px;height:100%;background:#000;margin:0 auto;-webkit-animation-name:none;animation-name:none;transform:translateY(-100%);-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-timing-function:cubic-bezier(.165,.84,.44,1);animation-timing-function:cubic-bezier(.165,.84,.44,1)}@media only screen and (max-width:769px){#kv .spline{position:relative;display:block;height:20vh;margin-top:calc(28.8vw + 5%)}}#kv .inner{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;width:48.571vw;max-width:640px;height:48.571vw;max-height:640px}@media only screen and (max-width:769px){#kv .inner{width:calc(100vw - 48px);height:calc(100vw - 48px);max-width:540px;max-height:540px}}#kv .inner h1{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;width:136px;height:136px;right:calc(50% - 68px);transition:.6s;transition-timing-function:cubic-bezier(.77,0,.175,1);top:calc(50% - 52px)}@media only screen and (max-width:769px){#kv .inner h1{width:28.8vw;top:90%;right:unset;left:50%;transform:translateX(-50%)}}@media only screen and (max-width:480px){#kv .inner h1{left:50%;transform:translateX(-50%)}}#kv .inner h1 .logo{margin-bottom:16px}#kv .inner .onlyIE{height:100%}#kv .inner .box-gradient{width:100%;height:100%;opacity:0;transition:1.2s;transition-delay:.6s}#kv .inner .gradient{-webkit-animation-name:gradient;animation-name:gradient;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.79,.465,.275,.98);animation-timing-function:cubic-bezier(.79,.465,.275,.98);-webkit-animation-duration:4s;animation-duration:4s;opacity:.59;width:144%;height:144%;left:-22%;top:-22%;z-index:2}#kv .inner .gradient:after{opacity:.4}#kv .inner .gradient:before{-webkit-animation-name:gradient;animation-name:gradient;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.79,.465,.275,.98);animation-timing-function:cubic-bezier(.79,.465,.275,.98);-webkit-animation-duration:8s;animation-duration:8s;animation-direction:reverse}#kv .inner .cover{opacity:.32;z-index:0}#kv.active .inner h1{right:-68px}#kv.active .inner .box-gradient{opacity:1}#kv.active .spline:after{-webkit-animation-name:spline;animation-name:spline}@-webkit-keyframes gradient{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes gradient{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes spline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}#vision{padding-top:120px}#vision .wrapper h3{margin-top:-.54em}@media only screen and (max-width:980px){#vision .wrapper h3{margin-top:0}}#vision .wrapper .left{width:24.46%;padding-right:calc(9.84vw - 57px)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){#vision .wrapper .left{width:226px}#vision .wrapper .left svg{width:226px;height:240px}}@media only screen and (max-width:980px){#vision .wrapper .left{width:100%;height:19.666vw;padding:0;margin:0;margin-bottom:36px;max-height:138px}#vision .wrapper .left svg{height:100%;width:auto}}#vision .wrapper .right{width:70%}@media only screen and (max-width:980px){#vision .wrapper .right{width:100%}}#mission .wrapper h3{margin-top:-.54em}@media only screen and (max-width:980px){#mission .wrapper h3{margin-top:0}}#mission .wrapper .left{width:24.46%;padding-right:calc(9.84vw - 57px)}@media only screen and (max-width:980px){#mission .wrapper .left{width:100%;height:5.4666vw;padding:0;margin:0;margin-bottom:36px;max-height:43px}#mission .wrapper .left svg{height:100%;width:auto}}#mission .wrapper .right{width:70%}@media only screen and (max-width:980px){#mission .wrapper .right{width:100%}}#mission .wrapper .right ol li{display:flex;justify-content:flex-start;align-items:stretch;flex-flow:row nowrap;height:3.32em;margin-bottom:40px}#mission .wrapper .right ol li:last-child{margin-bottom:0}#mission .wrapper .right ol li span{display:flex;justify-content:flex-start;align-items:center;width:82px;overflow:hidden;margin-right:30px}@media only screen and (max-width:980px){#mission .wrapper .right ol li span{width:10.13333vw;height:calc(100% - 12px);padding:6px 0;justify-content:center;overflow:visible;margin-right:16px}}#mission .wrapper .right ol li span img{height:100%;width:100%;display:block}#mission .wrapper .right ol li h4{display:block;width:100%}#video-container{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:2}#video-container,#video-container .inner{display:flex;flex-flow:column;justify-content:center;align-content:center}#video-container .inner{width:auto;max-width:640px;z-index:1;margin:0 auto;background:#000}@media only screen and (max-width:541px){#video-container .inner{width:100%}}#video-container .inner iframe{display:block;margin:0 auto;max-width:100%}@media only screen and (max-width:541px){#video-container .inner iframe{width:100%;height:56.25vw}}#video-container .cover{width:100vw;height:100vh;background:#000;opacity:.6;position:absolute;display:block;top:0;left:0;z-index:0}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){#works .wrapper h2{width:100%;display:flex;justify-content:flex-start;align-items:flex-start}#works .wrapper h2 svg{height:auto;width:140px}}#works .wrapper .grid-wrapper{display:flex;flex-flow:column;align-items:center;justify-content:center;width:100%;min-height:120px}#works .wrapper .grid-wrapper ul{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(50% - 6vw),.5fr));grid-template-rows:repeat(auto-fit,minmax(auto,1fr));grid-gap:6vw;border-bottom:0;box-sizing:border-box}@media only screen and (max-width:541px){#works .wrapper .grid-wrapper ul{grid-template-columns:repeat(auto-fit,minmax(calc(100% - 6vw),1fr))}}#works .wrapper .grid-wrapper ul li a{display:flex;flex-flow:column;justify-content:flex-start;align-items:stretch;width:100%;height:100%}@media only screen and (max-width:541px){#works .wrapper .grid-wrapper ul li a{margin-bottom:6px}}#works .wrapper .grid-wrapper ul li img{margin-bottom:20px}#works .wrapper .grid-wrapper ul li h5{line-height:1.25em}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){#works .wrapper .grid-wrapper ul{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch}#works .wrapper .grid-wrapper ul li{display:flex;justify-content:flex-start;align-items:flex-start;width:calc(50% - 3vw);margin-bottom:6vw}#works .wrapper .grid-wrapper ul li:last-child,#works .wrapper .grid-wrapper ul li:nth-last-child(2){margin-bottom:0}#works .wrapper .grid-wrapper ul li img{height:247px}}#about .wrapper .inner{padding:21px 0 0}#about .wrapper .inner.paragraph{padding:72px 0 0}#about .wrapper .inner.paragraph p{width:100%;display:block}@media only screen and (max-width:769px){#about .wrapper .inner.paragraph{padding:40px 0 0}}#about .wrapper .inner.service{justify-content:flex-start;align-items:flex-start}#about .wrapper .inner.service h2{height:1.25rem;line-height:0;display:block;width:100%;margin:0;margin-bottom:20px}@media only screen and (max-width:769px){#about .wrapper .inner.service h2{margin-bottom:10px}}#about .wrapper .inner.service h2 svg{padding:.125rem 0;height:calc(100% - .25rem);width:auto}@media only screen and (max-width:769px){#about .wrapper .inner.service h2 svg{height:10px}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){#about .wrapper .inner.service h2{width:93px}}#about .wrapper .inner.service ul{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:0}#about .wrapper .inner.service ul li{display:flex;justify-content:flex-start;align-items:stretch;flex-flow:row nowrap;margin-bottom:.2em;word-break:normal;-webkit-word-brak:break-all}#about .wrapper .inner.service ul li:last-child{margin-bottom:0}@media only screen and (max-width:769px){#about .wrapper .inner.service ul li{margin-bottom:1.2em}#about .wrapper .inner.service ul li:last-child{margin-bottom:0}}#about .wrapper .inner.service ul li p{width:100%;text-align:left;overflow-wrap:break-word}#about .wrapper .inner.service ul li:before{content:"・";position:relative;height:100%;margin-top:.75em}@media only screen and (max-width:769px){#about .wrapper .inner.service ul li:before{margin-top:.42em}}#about .wrapper .inner .box{display:block;position:relative;width:41.4vw;max-width:460px;height:41.4vw;max-height:460px;margin-top:15px;margin-bottom:15px}@media only screen and (max-width:541px){#about .wrapper .inner .box{width:46.9333vw;height:46.9333vw}}#about .wrapper .inner .box .box-gradient{transform:rotate(90deg)}#about .wrapper .inner .box .gradient{width:140%;height:140%;left:50%;top:50%;transform:translate(-50%,-50%)}#about .wrapper .inner .box .cover{z-index:-1}#about .wrapper .inner .box span.point{display:block;height:15px;position:absolute;z-index:2}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){#about .wrapper .inner .box span.point{width:64.25px}}@media only screen and (max-width:769px){#about .wrapper .inner .box span.point{height:10px}}#about .wrapper .inner .box span.point svg{display:block;height:100%;width:auto}#about .wrapper .inner .box span.point:first-child{bottom:calc(100% + 6px);right:calc(100% + 10px)}#about .wrapper .inner .box span.point:nth-child(2){bottom:calc(100% + 6px);left:calc(100% + 10px)}#about .wrapper .inner .box span.point:nth-child(3){top:calc(100% + 6px);right:calc(100% + 10px)}#about .wrapper .inner .box span.point:nth-child(4){top:calc(100% + 6px);left:calc(100% + 10px)}#about .wrapper .inner .logomark{position:absolute;width:37.5%;left:50%;top:50%;transform:translate(-50%,-50%)}#company{padding-top:0}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){#company .wrapper{align-items:flex-start}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){#company .wrapper h2{width:170.45px}}#company .wrapper h2{margin-bottom:20px}@media only screen and (max-width:769px){#company .wrapper h2{margin-bottom:10px}#company .wrapper h2 svg{height:10px}}#company .wrapper .inner{padding-bottom:0}#company .wrapper .inner .table{width:100%;-webkit-border-vertical-spacing:1.2em;border-collapse:separate;margin-bottom:54px}@media only screen and (max-width:769px){#company .wrapper .inner .table{margin-bottom:42px}}@media only screen and (max-width:769px){#company .wrapper .inner .table tr{line-height:1.5em;vertical-align:top}}#company .wrapper .inner .table tr .title{display:table-cell;width:4.4rem;padding-right:30px;text-align:justify;-moz-text-align-last:justify;text-align-last:justify;color:#605e5e}@media only screen and (max-width:769px){#company .wrapper .inner .table tr .title{padding-right:4.26vw}}#company .wrapper .inner .table tr .text{display:flex;flex-flow:row wrap;color:#000;font-weight:500}#company .wrapper .inner .table tr .text a{text-align:left;display:block;text-decoration:underline}#company .wrapper .inner .table tr .text a:hover{color:#605e5e}@media only screen and (max-width:769px){#company .wrapper .inner .table tr .text{line-height:1.5em}}#company #map{width:100%;height:500px;background:#f7f7f7}@media only screen and (max-width:769px){#company #map{height:260px}}@media only screen and (max-width:980px){.hideSp{display:none!important}}@media only screen and (min-width:981px){.hidePc{display:none!important}}@media only screen and (min-width:768px){.onlySp{display:none!important}}@media only screen and (max-width:769px){.notOnlySp{display:none!important}}.onlyIE{display:none}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.onlyIE{display:block}.notIE{display:none!important}}#app,.wrapper.inner,.wrapper.inner div.inner,.wrapper.main .inner,a,main,section{display:flex;flex-direction:column;justify-content:center;align-items:center}body{font-size:16px;color:#000;font-family:游ゴシック,Yu Gothic,游ゴシック体,YuGothic,メイリオ,Hiragino Kaku Gothic ProN,Hiragino Sans,sans-serif;font-weight:500;letter-spacing:.025em}@media only screen and (max-width:769px){body{font-size:14px}}caption,h1,h2,h3,h4,h5,p,span{font-style:normal;margin:0}h1{margin:0}h2{font-size:2.865rem;font-weight:600;line-height:1.75em;letter-spacing:.12em}@media only screen and (max-width:980px){h2{margin-left:0}}h3{font-size:1.5625em;font-weight:600;letter-spacing:.12em;line-height:1.92em;margin-bottom:40px;text-align:left}@media only screen and (max-width:769px){h3{margin-bottom:1.2em}}@media only screen and (max-width:541px){h3{font-size:18px}}h4{font-size:1.125em;line-height:1.66em;font-weight:600;letter-spacing:.12em}@media only screen and (max-width:541px){h4{font-size:1em;line-height:1.5em}}h5{line-height:1.85em}h5,p{font-size:1em}p{display:block;line-height:2.5em;letter-spacing:.025em}@media only screen and (max-width:980px){p{line-height:1.8em;text-align:justify;-moz-text-align-last:justify}}@media only screen and (max-width:980px){p .spacing{display:none}}caption{font-size:.75rem;line-height:1em;letter-spacing:.25em}.en{font-family:游ゴシック,Yu Gothic,游ゴシック体,YuGothic,メイリオ,Hiragino Kaku Gothic ProN,Hiragino Sans,sans-serif;font-weight:700;font-size:2.5rem;letter-spacing:.075em}@media only screen and (max-width:769px){.en{font-size:28px;line-height:1em}}.si{font-family:游ゴシック,Yu Gothic,游ゴシック体,YuGothic,メイリオ,Hiragino Kaku Gothic ProN,Hiragino Sans,sans-serif;font-weight:300;line-height:1.75em}body,html{overflow:hidden auto;background:#fff}html.isfixed{overflow:hidden}img,svg{display:block}#app{max-width:1400px;background:#fff;position:relative}#app,main{margin:0 auto}main{width:100%}section{max-width:980px;width:calc(100% - 80px);padding:60px 40px;margin:0 auto}@media only screen and (max-width:769px){section{padding:40px 24px;width:calc(100% - 48px)}}section h2{display:block;position:relative}section h2 svg{width:100%}section h2 caption{position:absolute;visibility:hidden}.wrapper{display:flex;justify-content:center;align-items:center;flex-flow:column;width:100%;height:auto}.wrapper.two-col{justify-content:space-between;align-items:flex-start;flex-flow:row nowrap}@media only screen and (max-width:980px){.wrapper.two-col{flex-flow:column}}.wrapper.main h2{height:28px;line-height:2.5rem;display:block;width:100%;margin-bottom:72px;margin-left:0}@media only screen and (max-width:980px){.wrapper.main h2{height:5.6vw;max-height:36px}}@media only screen and (max-width:769px){.wrapper.main h2{margin-bottom:40px}}.wrapper.main h2 svg{height:100%;width:auto}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.wrapper.main h2{width:100%;display:flex;justify-content:flex-start;align-items:flex-start}.wrapper.main h2 svg{height:auto;width:140px}}.wrapper.main .inner{padding:0 40px;width:calc(100% - 80px)}@media only screen and (max-width:980px){.wrapper.main .inner{padding:0 20px;width:calc(100% - 40px)}}@media only screen and (max-width:541px){.wrapper.main .inner{padding:0;width:100%}}.wrapper.inner{padding:0 40px;width:calc(100% - 80px)}@media only screen and (max-width:980px){.wrapper.inner{padding:0 20px;width:calc(100% - 40px)}}@media only screen and (max-width:541px){.wrapper.inner{padding:0;width:100%}}.wrapper.inner h2{height:1.25rem;line-height:0;display:block;width:100%;margin:0;margin-bottom:72px}.wrapper.inner h2 svg{padding:.125rem 0;height:calc(100% - .25rem);width:auto}.wrapper.inner div.inner{width:100%;padding:0 0 56px}a{cursor:pointer;text-decoration:none;color:#000}ol,ul{padding:0;margin:0 auto}li{list-style:none;text-decoration:none;color:#000}img{height:auto}.box-gradient,img{display:block;width:100%}.box-gradient{height:100%;position:absolute;overflow:hidden;z-index:0;opacity:.82}.gradient{position:absolute;display:block;background:#fff;background:linear-gradient(135deg,#00cded 30%,#ff16d8 70%);background-size:100% 100%;left:-50%;top:-50%;width:200%;height:200%;z-index:2;opacity:.59}.gradient:after,.gradient:before{content:"";display:block;position:absolute;width:100%;height:100%;background:transparent}.gradient:after{background:linear-gradient(45deg,#62a4e3 30%,#fff 70%);opacity:.4}.gradient:before{background:linear-gradient(45deg,transparent 30%,#ffea00 75%);opacity:.6}.cover{opacity:.32;z-index:1}.cover img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}