:root{--color-basefont:#272727;--color-black: #252525;--color-bgwhite:#f9f9f9;--color-gray: #555;--color-grayB: #999;--color-boder: #ccc;--color-hover: #2296ef}.techno{background-color:#000;padding:120px 0;background-image:url(../../img/common/info-bg.webp);background-position:center;background-size:cover}.wrap{width:100%;max-width:1480px;margin:0 auto;padding:0 20px}.techno-ttl{display:flex;flex-direction:column;gap:.5rem;color:#fff;line-height:1.2;font-size:2.5rem;letter-spacing:.05em;font-weight:400;margin-top:0;margin-bottom:80px;text-align:center}.techno-ttl span{font-size:.4em;opacity:.8;letter-spacing:.1em}.techno-subtxt{color:#fff;font-size:1rem;line-height:1.8;margin-top:1em;text-align:center}.techno-list{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:0px 0px;background-color:#fff3}.techno-list-item{width:calc(100% / 3 - 0px);height:auto;background-color:var(--color-bgwhite);opacity:0}.techno-list.animate .techno-list-item:first-child{opacity:1;transition:all ease .4s;transition-delay:.4s}.techno-list.animate .techno-list-item:nth-child(2){opacity:1;transition:all ease .4s;transition-delay:.6s}.techno-list.animate .techno-list-item:nth-child(3){opacity:1;transition:all ease .4s;transition-delay:.8s}.techno-list.animate .techno-list-item:nth-child(4){opacity:1;transition:all ease .4s;transition-delay:1s}.techno-list-item:nth-child(2n){background-color:#d7d7d7}.techno-list-item figure{width:100%;height:auto;margin:0;padding:0;position:relative;overflow:hidden}.techno-list-item figure img{width:100%;height:auto;display:block;transition:transform .3s ease}.techno-list-item-inner{padding:20px}.techno-list-item h3{margin:0;font-size:1.5rem;transition:color .3s ease}.techno-list-item h3 span{font-size:.667em}.techno-list-item p{margin:0;font-size:.875rem;opacity:.6;transition:color .3s ease}.techno-list-item a:hover{img{transform:scale(1.1)}h2,p{color:var(--color-hove)}}.techno-btn-wrap{margin-top:20px;padding:0 10px 0 0;text-align:right}.techno-btn{font-size:1.125rem;color:#fff}.techno-btn:hover{opacity:.6}@media screen and (max-width: 840px){.techno-area{padding:80px 0 60px}.techno-ttl{font-size:2rem;margin-bottom:60px}.techno-subtxt{font-size:.875rem}.techno-list-item h3{font-size:1.125rem}.techno-list-item p{font-size:.75rem}.techno-btn{font-size:.875rem}}@media screen and (max-width: 768px){.techno-list-item{width:calc(50% + -0px)}.techno-list-item-inner{padding:20px 15px}}.news{position:relative;z-index:1}.news-wrap{width:100%;max-width:1060px;margin:0 auto;padding:120px 20px}.news-ttl{display:flex;flex-direction:column;gap:.5rem;line-height:1.2;font-size:2.5rem;letter-spacing:.05em;font-weight:400;margin-top:0;text-align:center}.news-ttl span{font-size:.4em;opacity:.8;letter-spacing:.1em}.news-list{margin-top:100px}.news-item:nth-child(1){opacity:0;transition:opacity .4s ease-in;transition-delay:.4s}.news-item:nth-child(2){opacity:0;transition:opacity .4s ease-in;transition-delay:.6s}.news-item:nth-child(3){opacity:0;transition:opacity .4s ease-in;transition-delay:.8s}.news-item:nth-child(4){opacity:0;transition:opacity .4s ease-in;transition-delay:1s}.news-item:nth-child(5){opacity:0;transition:opacity .4s ease-in;transition-delay:1.2s}.news-list.animate .news-item{opacity:1}.news-list li:not(:first-child){margin-top:40px}.news-list li:last-child a{border-bottom:none}.news-item a{display:flex;flex-direction:row;padding-bottom:1rem;border-bottom:1px solid var(--color-boder)}.news-item-left{flex:0 0 230px;width:230px;height:auto;margin-right:20px}.news-item-left img{width:100%;object-fit:cover;vertical-align:bottom}.news-item-right{display:flex;flex-direction:column;justify-content:flex-start}.news-item-info{display:flex;flex-direction:row;gap:10px;font-size:.875rem;letter-spacing:.05em;color:#868686;margin-top:.4em;margin-bottom:.4em}.single-sub{display:flex;flex-direction:row;gap:10px}.single-sub>li{position:relative}.single-sub>li:before{background-color:#c3c3c3;content:"";display:block;left:-5px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:calc(50% + -0px);position:absolute;width:1px;height:14px}.news-item-ttl{font-size:1rem;letter-spacing:.05em;font-weight:400;margin:0;padding:0;line-height:1.4}@media screen and (max-width: 840px){.news-ttl{font-size:2rem}.news-wrap{padding:60px 20px}.news-list{margin-top:50px}.news-btn-wrap{margin-top:40px}}@media screen and (max-width: 768px){.news-item-left{flex:0 0 180px;width:180px;margin-right:10px}.news-item-info{font-size:.75rem;margin-top:0;margin-bottom:0}.news-item-ttl{font-size:.875rem;padding:6px 0 0}}@media screen and (max-width: 480px){.news-item-left{flex:0 0 132px;width:132px;margin-right:10px}.news-list li:not(:first-child){margin-top:30px}.news-item-left{margin-right:16px}}.news-btn-wrap{margin-top:60px;padding:0;text-align:center}.livetoon-btn{margin-top:auto;margin-bottom:20px}.livetoon-btn{a{background:linear-gradient(90deg,#8ad6ff,#ff93ee);display:inline-block;padding:.12em .12rem;border-radius:2rem;text-decoration:none;color:#555;min-width:215px;span{font-size:1rem;font-weight:400;letter-spacing:.04rem;display:block;background:#fff;padding:.6rem 4em;border-radius:2rem;transition:all .1s linear}&:hover{span{background:transparent;color:#fff}}}}@media screen and (max-width: 840px){.livetoon-btn{a{span{font-size:.875rem}}}}.recruit{position:relative;z-index:1;padding:0 20px}.recruit-wrap{width:100%;max-width:1060px;margin:0 auto;padding:120px 0 100px;display:flex;flex-direction:row;border-bottom:1px solid var(--color-boder)}.item-left,.item-right{width:50%}.recruit-ttl{display:flex;flex-direction:column;gap:.5rem;line-height:1.2;font-size:2.5rem;letter-spacing:.05em;font-weight:400;margin-top:0;text-align:left}.recruit-ttl span{font-size:.4em;opacity:.8;letter-spacing:.1em}.recruit-subtxt{margin:0 0 .5em;font-size:1rem;line-height:1.8}.recruit-subtxt strong{font-size:1.125rem}.recruit-wrap .livetoon-btn{margin-top:80px;padding:0;text-align:left}@media screen and (max-width: 840px){.recruit-wrap{padding:60px 0 50px}.recruit-ttl{font-size:2rem}.recruit-subtxt strong{font-size:1rem}.recruit-subtxt{font-size:.875rem}}@media screen and (max-width: 768px){.recruit-wrap{flex-direction:column}.item-left{width:100%;margin-bottom:20px}.item-right{width:100%}.recruit-wrap .livetoon-btn{margin-top:40px;text-align:center}}.company{position:relative;z-index:1;padding:0 20px}.company-wrap{width:100%;max-width:1060px;margin:0 auto 120px;padding:120px 0 100px;display:flex;flex-direction:row}.company-btn-wrap{display:flex;flex-wrap:wrap;flex-direction:row;gap:0px 20px;margin-top:80px}@media screen and (max-width: 840px){.company-wrap{margin:0 auto 60px;padding:60px 0 50px}}@media screen and (max-width: 768px){.company-wrap{flex-direction:column}.company-btn-wrap{flex-direction:column;align-items:center}}.products{position:relative;z-index:1;background-image:url(../../img/index/deco-03.png);background-size:1000px;background-position:bottom 0px right 0%;background-repeat:no-repeat}.products-wrap{width:100%;max-width:1480px;margin:0 auto;padding:120px 20px 120px 15px}.products-ttl{display:flex;flex-direction:column;gap:.5rem;line-height:1.2;font-size:2.5rem;font-weight:400;margin-top:0;margin-bottom:2em;text-align:center}.products-ttl span{font-size:.4em;opacity:.8;letter-spacing:.1em}.products-subttl{font-size:1rem;text-align:center;letter-spacing:.05em}.products-list{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:60px 0px}.products-item{width:calc(100% / 3 - 20px);opacity:0;transform:translateY(30px)}.products-list.animate .products-item:first-child{opacity:1;transform:translateY(0);transition:all ease .6s;transition-delay:.4s}.products-list.animate .products-item:nth-child(2){opacity:1;transform:translateY(0);transition:all ease .6s;transition-delay:.6s}.products-list.animate .products-item:nth-child(3){opacity:1;transform:translateY(0);transition:all ease .6s;transition-delay:.8s}.products-item a{display:block;height:100%;padding:20px 30px;background-color:#f5f5f5;border-radius:16px;box-sizing:border-box;transition:all ease .4s}.products-item a:hover{transform:translateY(5px)}.products-item:nth-child(1) a{background-image:url(../../img/index/01@2x.png);background-size:30px;background-position:25px 28px;background-repeat:no-repeat}.products-item:nth-child(2) a{background-image:url(../../img/index/02@2x.png);background-size:30px;background-position:25px 28px;background-repeat:no-repeat}.products-item:nth-child(3) a{background-image:url(../../img/index/03@2x.png);background-size:30px;background-position:25px 28px;background-repeat:no-repeat}.products-item figure img{width:100%;height:auto;border-radius:16px}.products-item-inner h3{font-size:2rem;letter-spacing:.1em;margin-top:.5em;margin-bottom:.5em}.products-item-txt{font-size:1rem;margin:.5em 0;opacity:.65}.products-item-link{text-align:right;font-size:.825rem;margin-bottom:0;opacity:.65}img[alt=kaiwa]{width:175px}@media screen and (max-width: 980px){.products-list{gap:20px 0px}.products-item{width:calc(50% - 20px)}}@media screen and (max-width: 840px){.products-wrap{padding:60px 20px 60px 15px}.products-item a{padding:20px 25px}.products-ttl{font-size:2rem;margin-bottom:40px}.products-subttl{font-size:.875rem}.products-item-inner h3{font-size:1.25rem;margin-bottom:0}.products-item-txt{font-size:.875rem}.products-item-link{font-size:.75rem}img[alt=kaiwa]{width:130px!important}}@media screen and (max-width: 768px){img[alt=kaiwa]{width:120px!important}}@media screen and (max-width: 480px){.products-list{flex-direction:column;align-items:center;gap:20px 0px}.products-item{width:calc(100% + -0px)}.products{background-size:530px}}.deco-wrapA{position:relative;width:100%;height:auto}.deco-wrapA:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../../img/index/deco_line2.png);background-size:1920px;background-position:top 0px right 0%;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease-out,transform 1s ease-out;transition-delay:.5s;z-index:0}.deco-wrapA:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url(../../img/index/deco_line.png);background-size:1920px;background-position:top 400px left -200px;background-repeat:no-repeat;opacity:0;transform-origin:right;transition:opacity 1.2s ease-out,transform 1.2s ease-out;transition-delay:1.2s;z-index:0}.deco-wrapA.animate:before{opacity:1;width:100%}.deco-wrapA.animate:after{opacity:1;width:100%}.deco-wrapB{position:relative;width:100%;height:auto}.deco-wrapB:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url(../../img/index/deco-02.png);background-size:1920px;background-position:top 100px left 0px;background-repeat:no-repeat;transition:opacity 1.2s ease-out,transform 1.2s ease-out;transition-delay:.5s;opacity:0;z-index:0}.deco-wrapB.animate:after{opacity:1;width:100%}@media screen and (max-width: 840px){.deco-wrapA:before{background-size:1200px;background-position:top 150px right -100px}.deco-wrapA:after{background-size:1000px;background-position:top 100px left -150px}}@media screen and (max-width: 768px){.deco-wrapA:before{background-position:top 100px right -150px}.deco-wrapA:after{background-position:top 80px left -100px}}@media screen and (max-width: 480px){.deco-wrapA:before{background-position:top 86px right -370px}.deco-wrapA:after{background-position:top 550px left -100px}}.vision-wrap{position:relative;z-index:2;width:100%;max-width:800px;margin:0 auto;padding:180px 20px 80px;text-align:center}.vision-ttl{line-height:1.2;font-size:2.5rem;letter-spacing:.05em;font-weight:400;margin-top:0;margin-bottom:2.5em;text-align:center}.vision-mainttl{text-align:center;font-size:2.5rem;letter-spacing:.05em}.vision-subttl{text-align:center;font-size:1rem;letter-spacing:.05em;margin-bottom:100px}@media screen and (max-width: 840px){.vision-wrap{padding:120px 45px 60px}.vision-ttl{font-size:2rem;margin-bottom:1.5em}.vision-mainttl{font-size:2rem;text-align:justify}.vision-subttl{font-size:.875rem;text-align:justify;margin-bottom:60px}}.mainvisual{position:relative;width:100%;height:calc(100vh + 40px);min-height:400px;overflow:hidden}.mainvisual-wrap{position:relative;z-index:1;width:90%;max-width:1480px;margin:0 auto;padding:0 20px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;text-align:left}.mainvisual-ttl{font-size:3rem;letter-spacing:.05em;font-weight:700;font-feature-settings:"palt" on;margin-top:0;margin-bottom:0;text-align:left}.mainvisual-subttl{font-size:.875rem;font-weight:700;opacity:.4;letter-spacing:.1em}.mainvisual-scroll{position:absolute;bottom:0;left:50%;transform:translate(-50%);text-align:center;z-index:2;opacity:0;transition:opacity .3s ease-in-out}.mainvisual-scroll.active{opacity:1}.mainvisual-scroll-txt{font-size:1rem;color:var(--color-basefont);margin-bottom:10px}.vertical-line{width:1px;height:60px;margin:0 auto;position:relative;overflow:hidden}.vertical-line:before{content:"";position:absolute;top:0;left:0;width:100%;height:30px;background-color:var( --color-basefont );animation:scrollDown 2s ease-in-out infinite}@keyframes scrollDown{0%{transform:translateY(-30px);opacity:0}50%{opacity:1}to{transform:translateY(60px);opacity:0}}#MyCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:#40e0d0}@media screen and (max-width: 840px){.mainvisual-wrap{width:100%}.mainvisual-ttl{font-size:1.85rem;letter-spacing:0em;white-space:nowrap}.mainvisual-subttl{font-size:.75rem}.mainvisual-scroll-txt{font-size:.875rem}}.loading{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff;z-index:1001;opacity:1;transition:top .4s .3s ease}.loading.loaded{top:-100%;opacity:0}.loadingInner{position:relative;width:100%;height:100%;overflow:hidden;z-index:1002}.loadingText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1}.loadingText.active{opacity:0;transition:opacity .4s ease}.circle{width:65px;height:65px;border-radius:50%;border:6px solid #ddd;border-top-color:#999;animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#logoWrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition-delay:1s;transition:opacity .4s ease}#logoWrapper.loading{opacity:1}#logoWrapper img{display:block}.init-setA{opacity:0;transform:translateY(30px)}.init-setB{opacity:0;transform:translate(-20px)}#mark{position:relative;margin-right:0;width:70px;height:auto}#text{position:relative;width:200px;height:auto;left:30px;top:-34px}.decoPlane{position:absolute;bottom:0;left:0;width:100%;height:0%;background:#d4f3ff;background:linear-gradient(324deg,#fcaefc,#8fc9ff 49%,#d4f3ff 90%);transition:height .4s ease}.decoPlane.active{height:100vh}