@charset "UTF-8";main section:before{content:"";background:#fff}.Btn .btn{background:#080a0f}.videoArea{position:fixed;width:100%;height:100svh;z-index:-1;inset:0;overflow:hidden}.videoArea:before{content:"";position:absolute;background:#3333334d;width:100%;height:100%}.videoArea video{position:absolute;z-index:-1;width:100%;height:100%;transform:scale(3)}@media (width >= 769px){.videoArea video{transform:scale(1.3)}}.topView{padding:110px 0 0;height:calc(200vw - 100px);position:relative;background:url(../assets/images/front/hero_sp.jpg) no-repeat;background-size:cover;background-position:center;min-height:700px;max-height:800px}@media (width >= 769px){.topView{height:calc(80vh - 100px);background:url(../assets/images/front/hero.jpg) no-repeat}}.topView_inner{width:100%;margin:150px auto;background-size:cover;z-index:-1;border-radius:2vh}@media (width >= 769px){.topView_inner{width:90%;margin:0 auto}}.topView_inner_text{font-size:clamp(2rem,4vw,2rem);text-align:center;padding:0;width:88%;margin:20px auto;color:#fff}@media (width >= 769px){.topView_inner_text{position:absolute;left:4%;width:88%;right:unset;top:78%;bottom:50%;margin:auto;text-align:left}}.topView_inner-box{position:relative;height:100%;width:100%;margin:0 auto}@media (width >= 769px){.topView_inner-box{width:75%}}.topView_inner-box:after{content:"";background:#f7f5f0;position:absolute;top:-120px;right:-11%;width:9%;height:66%;transform:skew(-16.5deg);z-index:-3}.topView_inner_list{background:#fff;width:90%;margin:5dvh auto 0;box-shadow:0 4px 4px #00000040;border-radius:2vh;padding:2rem 3rem;border:1px solid #f5a623;background:#f7f5f0e6}@media (width >= 769px){.topView_inner_list{margin:0 auto;width:43%;padding:4rem 2rem;width:510px;justify-content:space-between;position:absolute;top:50%;left:80%;transform:translate(-50%,-45%)}}.topView_inner_list li{width:100%;display:flex;flex-direction:column}.topView_inner_list li:nth-of-type(1){padding-bottom:40px;position:relative}.topView_inner_list li h3{font-weight:700;color:#080a0f}.topView_inner_list li p{flex-grow:1;text-align:center;margin:20px 0;font-size:12px;font-size:1.2rem;color:#080a0f;display:none}@media (width >= 769px){.topView_inner_list li p{font-size:14px;font-size:1.4rem;display:block}}.topView_inner_list li .btn{text-align:center}.topView_inner_list li .btn .arrow{background:#fff}.topView_inner_list li .btn .arrow:before{border:.2em solid #fff;border-left:0;border-bottom:0}.topView h2{font-size:clamp(3rem,3vw,6rem);text-align:center;color:#080a0f;font-weight:500;color:#fff;letter-spacing:-1px;width:90%;margin:auto;line-height:1.45}@media (width >= 769px){.topView h2{font-size:60px;font-size:6rem;text-align:left;position:absolute;left:4%;right:unset;top:50%;bottom:50%;margin:auto;padding:0;color:#fff}}.topView h2:before{content:"";color:#080a0f;width:230px;height:2px;display:block;left:-21%;top:46%;margin:10px 0;position:absolute;transform:rotate(90deg)}.topView h3{font-size:22px;font-size:2.2rem;color:#fff;text-align:center;font-weight:500}@media (width >= 769px){.topView h3{font-size:32px;font-size:3.2rem}}@media (width >= 769px){.TopClient{margin-top:30px}}.TopClient_inner .swiper{margin:0 calc(50% - 50vw)}.TopAbout{color:#080a0f;margin:15px 0 0;padding:5rem 0;border-radius:2vh;position:relative}@media (width >= 769px){.TopAbout{margin:30px 0 0;padding:6rem 2rem 10rem}}.TopAbout:before{content:"";background:#f7f5f0;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}.TopAbout_text{text-align:center}.TopAbout_text h3{font-size:22px;font-size:2.2rem;margin-bottom:20px;text-align:left}@media (width >= 769px){.TopAbout_text h3{font-size:50px;font-size:5rem}}.TopAbout_text p{font-weight:400;margin-bottom:60px;text-align:left;line-height:2;letter-spacing:.1em;font-size:16px}@media (width >= 769px){.TopAbout_text p{font-size:18px}}.TopAbout .forum{color:#080a0f}.TopAbout_inner{max-width:1200px}.TopAbout_inner_list{gap:30px}@media (width >= 769px){.TopAbout_inner_list{gap:3%}}.TopAbout_inner_list li{width:100%;border:solid 1px #080a0f;border-radius:15px;position:relative;z-index:2}@media (width >= 769px){.TopAbout_inner_list li{width:31%}}.TopAbout_inner_list_item h3{text-align:center;font-size:clamp(1.5rem,2vw,2rem);font-weight:500;position:absolute;top:0;left:0;background:#080a0f;color:#fff;padding:2px 7px;border-radius:10px 0 0}.TopAbout_inner_list_item h4{text-align:center;margin-bottom:20px;position:relative;font-size:18px;font-size:1.8rem;color:#080a0f}.TopAbout_inner_list_item p{color:#080a0f}.TopAbout_inner_list_item .icon01:before{content:"";width:60px;height:50px;display:block;position:absolute;top:-60px;left:0;right:0;margin:0 auto;background:url(../assets/images/front/about01.svg) no-repeat;background-size:contain;filter:brightness(.5)}.TopAbout_inner_list_item .icon02:before{content:"";width:40px;height:50px;display:block;position:absolute;top:-60px;left:0;right:0;margin:0 auto;background:url(../assets/images/front/about02.svg) no-repeat;background-size:contain;filter:brightness(.5)}.TopAbout_inner_list_item .icon03:before{content:"";width:50px;height:50px;display:block;position:absolute;top:-60px;left:0;right:0;margin:0 auto;background:url(../assets/images/front/about03.svg) no-repeat;background-size:contain;filter:brightness(.5)}.TopAbout_inner_list_item .border{padding:12rem 1rem 2rem}.TopService{margin:0;position:relative}@media (width >= 769px){.TopService{margin:0}}.TopService:before{content:"";position:absolute;left:0;z-index:-1;width:100%;height:100%}.TopService h2{color:#080a0f}.TopService_inner{padding:60px 0}@media (width >= 769px){.TopService_inner{padding-top:80px}}.TopService_item{gap:20px;position:relative;margin:0 auto 65px}@media (width >= 769px){.TopService_item{margin-bottom:180px;justify-content:space-between;gap:2%}}.TopService_item:before{opacity:.3}.TopService_item:nth-of-type(2):before{content:"WEB CREATIVE";display:block;position:absolute;bottom:6vw;right:unset;left:0;margin:0 auto;color:#d5d5d5;z-index:-1;width:50%;font-family:Jost;font-style:italic;font-weight:700;font-size:200px;line-height:170px;letter-spacing:4.5px}@media (width >= 769px){.TopService_item:nth-of-type(2):before{top:6vw;bottom:unset;right:-29%;left:0}}.TopService_item:nth-of-type(3){flex-direction:row-reverse}.TopService_item:nth-of-type(3):before{content:"WEB MARKETING";display:block;position:absolute;bottom:6vw;right:unset;left:0;margin:0 auto;color:#d5d5d5;z-index:-1;width:50%;font-family:Jost;font-style:italic;font-weight:700;font-size:200px;line-height:170px;letter-spacing:4.5px}@media (width >= 769px){.TopService_item:nth-of-type(3):before{top:6vw;bottom:unset;right:50%;left:0}}.TopService_item:nth-of-type(4):before{content:"WEB CONSULTING";display:block;position:absolute;bottom:6vw;right:unset;left:0;margin:0 auto;color:#d5d5d5;z-index:-1;width:50%;font-family:Jost;font-style:italic;font-weight:700;font-size:200px;line-height:170px;letter-spacing:4.5px}@media (width >= 769px){.TopService_item:nth-of-type(4):before{top:6vw;bottom:unset;right:-29%;left:0}}.TopService_content{position:relative;order:1;width:100%}@media (width >= 769px){.TopService_content{order:unset;width:45%}}.TopService_content:after{content:"";width:1340px;height:500px;display:block;position:absolute;top:10%;margin-inline:calc((100% - 70dvi)/2);z-index:-1}.TopService_content h3{color:#080a0f;padding:.5rem 2rem .5rem 0rem;border-radius:.5vh;width:100%;font-size:26px;font-size:2.6rem}@media (width >= 769px){.TopService_content h3{font-size:45px;font-size:4.5rem;padding:0}}.TopService_content .subtitle{margin-top:10px;display:inline-block;color:#fff;border-radius:.5vh;padding:.5rem 2rem;font-size:18px;font-size:1.8rem}@media (width >= 769px){.TopService_content .subtitle{font-size:30px;font-size:3rem}}.TopService_content p{color:#080a0f}.TopService_content ul{gap:7px;margin:20px 0}.TopService_content ul li{font-size:14px;font-size:1.4rem;border:solid 1px #f39800;background:#f39800;color:#fff;border-radius:.5vh;padding:.5rem 1rem}.TopService_img{display:block}@media (width >= 769px){.TopService_img{width:50%}}.TopService .Btn02 .button-container{width:100%}.TopService .Btn02 .button-text{background:#080a0f;color:#fff}.TopService .Btn02 .semi-circle{border:1px solid #fff}.TopService .Btn02 .arrow{background:#fff}.TopService .Btn02 .arrow:before{border:.2em solid #fff;border-left:0;border-bottom:0}.TopService .Btn{margin-top:30px}.TopService .Btn .btn{text-align:center}.TopService .Btn .btn .arrow{background:#fff}.TopService .Btn .btn .arrow:before{border:.2em solid #fff;border-left:0;border-bottom:0}.topBlog{position:relative;margin:75px 0 0;overflow:hidden;background:#080a0f;padding:50px 0 0}@media (width >= 769px){.topBlog{margin:150px 0 0;padding:100px 0 30px}}.topBlog ul li{background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}@media (width >= 769px){.topBlog ul li{padding:2rem}}.topBlog ul li:hover{transform:translateY(-5px)}.topBlog ul li h2{margin-top:10px;color:#080a0f;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:50px}@media (width >= 769px){.topBlog ul li h2{max-height:60px}}.topBlog ul li .date{color:#080a0f;margin:15px 0 0}.topBlog .forum{color:#fff}.topBlog .thumbnail{display:block;width:100%;height:220px;border-radius:.5vh}@media (width >= 769px){.topBlog .thumbnail{height:220px}}.topBlog .grid{display:grid;grid-auto-columns:1fr;gap:20px 30px;grid-template-areas:"item-0 item-0" "item-1 item-2" "item-3 item-4" "item-5 item-6"}@media (width >= 769px){.topBlog .grid{grid-template-areas:"item-0 item-0 item-0 item-0 item-1 item-1 item-1 item-1 item-2 item-2 item-2 item-2" "item-3 item-3 item-3 item-4 item-4 item-4 item-5 item-5 item-5 item-6 item-6 item-6"}}.topBlog .grid_item:nth-of-type(n+4){display:none}@media (width >= 769px){.topBlog .grid_item:nth-of-type(n+4){display:block}}.topBlog .item-0{grid-area:item-0}@media (width >= 769px){.topBlog .item-0 .thumbnail{height:185px}}.topBlog .item-1{grid-area:item-1}.topBlog .item-1 .thumbnail{height:88px}@media (width >= 769px){.topBlog .item-1 .thumbnail{height:185px}}.topBlog .item-2{grid-area:item-2}.topBlog .item-2 .thumbnail{height:88px}@media (width >= 769px){.topBlog .item-2 .thumbnail{height:185px}}.topBlog .item-3{grid-area:item-3}.topBlog .item-3 .thumbnail{height:100px}@media (width >= 769px){.topBlog .item-3 .thumbnail{height:145px}}.topBlog .item-4{grid-area:item-4}.topBlog .item-4 .thumbnail{height:100px}@media (width >= 769px){.topBlog .item-4 .thumbnail{height:145px}}.topBlog .item-5{grid-area:item-5}.topBlog .item-5 .thumbnail{height:100px}@media (width >= 769px){.topBlog .item-5 .thumbnail{height:145px}}.topBlog .item-6{grid-area:item-6}.topBlog .item-6 .thumbnail{height:100px}@media (width >= 769px){.topBlog .item-6 .thumbnail{height:145px}}.topBlog .Btn02 .semi-circle{border:1px solid #fff}.topBlog .Btn02 .button-text{color:#fff;background:#080a0f}.topBlog .arrow{background:#fff}.topBlog .arrow:before{border:.2em solid #fff;border-left:0;border-bottom:0}.topNews{position:relative;margin:75px 0 0}@media (width >= 769px){.topNews{margin:150px 0 0}}.topNews .forum{color:#080a0f}.topNews .grid li{display:contents;padding:unset!important;padding:0 0 30px}@media (width >= 769px){.topNews .grid li{grid-template-columns:auto auto 1fr}}@media (width >= 769px){.topNews .grid li:first-child{padding:100px 0 30px}}.topNews .grid li .date{position:relative}.topNews .grid li a{display:grid;grid-template-columns:inherit;grid-column:span 3;column-gap:2.5em;align-items:center;padding:20px;background:#eee;border-radius:2vh;margin-bottom:10px;position:relative}@media (width >= 769px){.topNews .grid li a:before{content:"";border-right:6px solid #fff;position:absolute;left:140px;height:100%}}.topAbout{position:relative;background:#f7f5f0;padding:40px 0 60px}@media (width >= 769px){.topAbout{margin:150px 0 0;padding:70px 0 90px}}.topAbout .forum_Title{margin-bottom:40px;color:#080a0f}.topAbout .topAbout_inner_list{margin:auto}.topAbout .topAbout_inner_list .topAbout_inner_list_item{width:100%;margin:0 0 10px}@media (width >= 769px){.topAbout .topAbout_inner_list .topAbout_inner_list_item{width:32%}}@media (width >= 769px){.topAbout .topAbout_inner_list .topAbout_inner_list_item:nth-of-type(4){margin-left:17%}}@media (width >= 769px){.topAbout .topAbout_inner_list .topAbout_inner_list_item:nth-of-type(5){margin-right:17%}}@media (width >= 769px){.topAbout .topAbout_inner_list .topAbout_inner_list_item:nth-of-type(n+4){margin-top:50px}}.topAbout .topAbout_inner_list .topAbout_inner_list_item a{font-size:12px;font-size:1.2rem;display:block;text-align:left;padding:25px;background:#080a0f;color:#fff;position:relative;border-radius:10px;letter-spacing:.1em}@media (width >= 769px){.topAbout .topAbout_inner_list .topAbout_inner_list_item a{font-size:14px;font-size:1.4rem;padding:50px 15px}}.topAbout .topAbout_inner_list .topAbout_inner_list_item a .en{display:block;width:fit-content;position:relative;padding-bottom:7px;margin-bottom:7px;font-size:18px;font-size:1.8rem}@media (width >= 769px){.topAbout .topAbout_inner_list .topAbout_inner_list_item a .en{width:auto;top:0;bottom:0;margin:0 auto 7px}}.topAbout .topAbout_inner_list .topAbout_inner_list_item a .en:after{content:"";border-bottom:1px solid #fff;position:absolute;left:0;bottom:1px;width:60px;height:1px}@media (width >= 769px){.topAbout .topAbout_inner_list .topAbout_inner_list_item a .en:after{right:0}}.topAbout .topAbout_inner_list .topAbout_inner_list_item a .arrow{display:inline-block;vertical-align:middle;color:#fff;line-height:1;position:absolute;width:1.5em;height:.1em;background:#fff;right:10%;transform:rotate(-45deg);transition:transform .5s ease-in-out;top:0;bottom:0;margin:auto}@media (width >= 769px){.topAbout .topAbout_inner_list .topAbout_inner_list_item a .arrow{right:5%}}.topAbout .topAbout_inner_list .topAbout_inner_list_item a .arrow:before{content:"";width:.85em;height:.85em;border:.2em solid #fff;border-left:0;border-bottom:0;transform:rotate(45deg);transform-origin:top right;position:absolute;top:50%;right:-.05em;box-sizing:border-box;transition:transform .5s ease-in-out}.topAbout .topAbout_inner_list .topAbout_inner_list_item a:hover{background:#fff;color:#080a0f;opacity:1}.topAbout .topAbout_inner_list .topAbout_inner_list_item a:hover .en:after{border-bottom:1px solid #080a0f}.topAbout .topAbout_inner_list .topAbout_inner_list_item a:hover .arrow{transform:rotate(0);background:#080a0f}.topAbout .topAbout_inner_list .topAbout_inner_list_item a:hover .arrow:before{border:.2em solid #080a0f;border-left:0;border-bottom:0}.topAbout .flex{justify-content:space-between}.custom-cursor{position:fixed;width:100px;height:100px;background:url(../assets/images/viewmore_circle.png) no-repeat center center;background-size:contain;pointer-events:none;z-index:1000;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease,transform .3s ease}.custom-cursor.spin{animation:spin 10s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}canvas{display:block}.topVoice{padding:40px 0 60px}@media (width >= 769px){.topVoice{margin:0;padding:70px 0 90px}}.topVoice ul{gap:42px}@media (width >= 769px){.topVoice ul{gap:3%}}.topVoice ul li{background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease;width:100%}@media (width >= 769px){.topVoice ul li{padding:2rem;width:31%}}.topVoice ul li:hover{transform:translateY(-5px)}.topVoice ul li h2{margin-top:10px;color:#080a0f;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:50px}@media (width >= 769px){.topVoice ul li h2{max-height:60px}}.topVoice ul li .date{color:#080a0f;margin:15px 0 0}.topWorks{background:#f7f5f0;padding:40px 0 60px}@media (width >= 769px){.topWorks{padding:70px 0 90px}}.topWorks ul{gap:42px}@media (width >= 769px){.topWorks ul{gap:40px 3%}}.topWorks ul li{background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease;width:100%}@media (width >= 769px){.topWorks ul li{padding:2rem;width:31%}}.topWorks ul li:hover{transform:translateY(-5px)}.topWorks ul li h2{margin-top:10px;color:#080a0f;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:50px}@media (width >= 769px){.topWorks ul li h2{max-height:60px}}.topWorks ul li .date{color:#080a0f;margin:15px 0 0}.topWorks .Btn02 .button-text{background:#f7f5f0}.topWorks .thumbnail{width:100%;height:unset;object-fit:cover}.slider-box[data-astro-cid-3pkutmap] .swiper-wrapper[data-astro-cid-3pkutmap]{transition-timing-function:linear}.swiper-slide[data-astro-cid-3pkutmap]>img[data-astro-cid-3pkutmap]{object-fit:cover;width:100%;height:100%;align-self:center}.slider-box[data-astro-cid-3pkutmap][data-astro-cid-3pkutmap] .swiper-wrapper[data-astro-cid-3pkutmap][data-astro-cid-3pkutmap]{align-items:center}