CINXE.COM

<!DOCTYPE HTML><html lang="vi"><head><meta charset="utf-8"><meta name="google" content="notranslate"><meta name="language" content="vi_VN"><meta name="robots" content="index, follow"><meta name="author" content="BTQ Company"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#fff"><title>Công ty thiết kế BTQ đồng hành cùng doanh nghiệp phát triển giá trị thương hiệu</title><meta name="description" content="Công ty BTQ chuyên thiết kế website, thiết kế đồ hoạ, thiết kế nhận diện thương hiệu, thiết kế logo, xây dựng câu chuyện thương hiệu, phát triển giá trị thương hiệu"><meta name="keywords" content="Công ty BTQ, thiết kế website, thiết kế đồ họa, thiết kế nhận diện thương hiệu, thiết kế logo, xây dựng câu chuyện thương hiệu, phát triển giá trị thương hiệu"><meta property="og:title" content="Công ty thiết kế BTQ đồng hành cùng doanh nghiệp phát triển giá trị thương hiệu"><meta property="og:description" content="Công ty BTQ chuyên thiết kế website, thiết kế đồ hoạ, thiết kế nhận diện thương hiệu, thiết kế logo, xây dựng câu chuyện thương hiệu, phát triển giá trị thương hiệu"><meta property="og:url" content="https://www.btq.vn/"><meta property="og:type" content="website"><meta property="og:image" content="https://www.btq.vn/pictures/files/logo-seo.jpg"><meta property="og:site_name" content="BTQ Company"><meta property="og:locale" content="vi_VN"><meta name="google-site-verification" content="DapcNHflyUilv6OK5hJhrghdUyu3LVdVNUwNZJE4-GY"><meta name="DC.title" content="BTQ Company"><meta name="geo.region" content="VN-HCM"><meta name="geo.placename" content="District 10, Ho Chi Minh City"><meta name="geo.position" content="10.779978;106.664416"><meta name="ICBM" content="10.779978, 106.664416"><meta name="mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-title" content="BTQ Company"><meta itemprop="name" content="Công ty thiết kế BTQ đồng hành cùng doanh nghiệp phát triển giá trị thương hiệu"><meta itemprop="description" content="Công ty BTQ chuyên thiết kế website, thiết kế đồ hoạ, thiết kế nhận diện thương hiệu, thiết kế logo, xây dựng câu chuyện thương hiệu, phát triển giá trị thương hiệu"><meta itemprop="image" content="https://www.btq.vn/pictures/files/logo-seo.jpg"><link rel="shortcut icon" href="https://www.btq.vn/template/images/favicon.ico"><link rel="apple-touch-icon" sizes="180x180" href="https://www.btq.vn/template/images/apple-touch-icon-180x180.png"><link rel="icon" sizes="512x512" href="https://www.btq.vn/template/images/icon-512.png"><link rel="manifest" href="https://www.btq.vn/webmanifest.json"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="alternate" href="https://www.btq.vn/" hreflang="vi-vn"><link rel="alternate" href="https://www.btq.vn/en/" hreflang="en-vn"><link href="https://www.btq.vn/" rel="canonical"><link rel="amphtml" href="https://www.btq.vn/amp"><style>html, body{visibility:hidden;}</style><script>var supports = function () { var e, t = document.createElement("style"); return t.innerHTML = "root: {--tmp-var:bold;}", document.head.appendChild(t), e = !!(window.CSS && window.CSS.supports && window.CSS.supports("font-weight", "var(--tmp-var)")), t.parentNode.removeChild(t), e, support(e) }; var supports = function (e) { if (e == false) { window.top.location = 'https://www.btq.vn/detect.html';}} supports(); document.addEventListener("DOMContentLoaded", function () { var MixMode = window.getComputedStyle(document.body).backgroundBlendMode; if (typeof MixMode === "undefined") { window.top.location = 'https://www.btq.vn/detect.html';} }, false);</script><style id="append">@keyframes Start{0%{visibility:hidden}to{visibility:visible}}@keyframes Preloader{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeTran{to{opacity:1;transform:none}}@keyframes scrollStroke{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}@keyframes scrollOutStroke{0%{stroke-dashoffset:0}to{stroke-dashoffset:400}}@keyframes strokeInOut{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes fadeOff{to{transform:scale3d(.8,.8,1);opacity:0}}@keyframes goRight{0%{opacity:0;margin-right:-300px}to{opacity:1;margin-right:0}}@keyframes goLeft{0%{opacity:0;margin-left:-300px}to{opacity:1;margin-left:0}}@keyframes Bg-ZoomIn{0%,to{transform:scale3d(1,1,1)}50%{transform:scale3d(1.2,1.5,1.2)}}@keyframes showSVG{0%{transform:scale(1.2);filter:blur(10px);opacity:0}to{transform:none;filter:none;opacity:1}}@keyframes horRunLeft{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes horRunLeft2{0%{transform:translate3d(-200%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes horRunRight{0%{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes Horizontal{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes Horizontal2{0%{transform:translate3d(-200%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes aniText{0%{background-position:200% 50%}to{background-position:0 50%}}.splitting .char,.splitting .word{display:inline-block}.splitting .char,.splitting .line{position:relative}.splitting .char::after,.splitting .char::before{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;user-select:none}.splitting{--word-center:calc((var(--word-total) - 1) / 2);--char-center:calc((var(--char-total) - 1) / 2);--line-center:calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent:calc(var(--word-index) / var(--word-total));--line-percent:calc(var(--line-index) / var(--line-total))}.splitting .char{--char-percent:calc(var(--char-index) / var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc( (var(--char-offset) * var(--char-offset)) / var(--char-center));--distance-sine:calc(var(--char-offset) / var(--char-center));--distance-percent:calc((var(--distance) / var(--char-center)))}.splitting.cells img{width:100%;display:block}.splitting.cells{position:relative;overflow:hidden;background-size:cover;visibility:hidden}.splitting .cell-grid{background:inherit;position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template:repeat(var(--row-total),1fr)/repeat(var(--col-total),1fr)}.splitting .cell{background:inherit;position:relative;overflow:hidden}.splitting .cell-inner{background:inherit;position:absolute;visibility:visible;width:calc(100%*var(--col-total));height:calc(100%*var(--row-total));left:calc(-100%*var(--col-index));top:calc(-100%*var(--row-index))}.splitting .cell{--center-x:calc((var(--col-total) - 1) / 2);--center-y:calc((var(--row-total) - 1) / 2);--offset-x:calc(var(--col-index) - var(--center-x));--offset-y:calc(var(--row-index) - var(--center-y));--distance-x:calc( (var(--offset-x) * var(--offset-x)) / var(--center-x) );--distance-y:calc( (var(--offset-y)* var(--offset-y)) / var(--center-y))}.detail-load .bg-twin,.whitespace,.word>.char{opacity:0}.bg-twin{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;background-color:var(--color-bg);transition:background-color .5s linear;overflow:hidden;filter:contrast(105%) brightness(105%);z-index:1}.bg-twin canvas,.detail-load .bg-twin::before{width:100%;height:100%;left:0;top:0;position:absolute}.bg-twin canvas{opacity:0;display:none;z-index:5}.bg-twin canvas.show,.detail-load.show .bg-twin{animation-name:fadeIn;animation-duration:1s;animation-fill-mode:forwards}.bg-twin canvas.show{display:block;mix-blend-mode:multiply;animation-delay:0s}.detail-load .bg-twin::before{content:'';background-color:var(--color-client-bg);transition:background-color .5s linear}.detail-load.show .bg-twin{animation-delay:.5s}.banner-full-slide,.banner-slide{position:relative;width:100%;height:100%;align-items:center;overflow:hidden}.banner-full-slide{display:grid;grid-template-rows:100%;grid-template-columns:100%;padding:0}.banner-slide{display:flex;grid-area:1/1/2/2;opacity:0;pointer-events:none;justify-content:center;margin:0 auto}.bg-line{position:fixed;width:100vw;height:100vh;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;transition:opacity 1s ease-in-out;opacity:0;animation-name:Bg-ZoomIn;animation-duration:20s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:paused}.slide-img-wrap{position:absolute;right:15vw;width:60vw;height:100%;max-height:80vh;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;transform-origin:50% 50%}.pic-img,.slide-img{position:relative;display:block}.pic-img{width:25vw;height:25vw;overflow:hidden;margin:0}.slide-img{width:100%;height:100%;pointer-events:none;object-fit:contain;object-position:center center}.ratio-4-4 .pic-img{width:30vw;height:30vw}.slide-img-1,.slide-img-2{margin-bottom:2vh}.slide-img-3,.slide-img-4{margin-top:2vh}.slide-current{opacity:1;pointer-events:auto}.slide-current .bg-line:not(.out-bg){opacity:1;animation-play-state:running}.slide-current .bg-line.out-bg{opacity:0;animation-play-state:paused}.banner-slide-title{position:absolute;left:0;width:100%;height:auto;font-size:10vw;font-weight:900;margin:0;padding:0 15vw;text-align:right;line-height:1;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;-webkit-touch-callout:none;user-select:none;color:var(--color-white);transform-origin:50% 50%}.slide-title-inner{position:relative;overflow:hidden;display:block;white-space:nowrap}.slide-title-inner .whitespace{position:relative;display:inline-block;margin:0 5px}.slide-title-inner-middle{font-size:1vw;line-height:2;display:block;margin-top:20px;font-weight:300;text-transform:none;-webkit-text-stroke:inherit;-webkit-text-fill-color:var(--color-white);color:var(--color-white)}.outer-nav{position:absolute;left:0;top:50%;margin-top:-2.5rem;width:100%;height:auto;z-index:10}.slides-nav{position:absolute;top:0;cursor:pointer;width:5rem;height:5rem;color:var(--color-white-05);pointer-events:none;z-index:20}.contact li svg,.slides-nav svg,.text-content li svg{position:relative;width:100%;height:100%;display:block}.slides-nav-prev{left:1.5rem}.slides-nav-next{right:1.5rem}.outer-nav.show .slides-nav-next,.outer-nav.show .slides-nav-prev{pointer-events:auto}.outer-nav.show .line-color{animation-name:scrollStroke;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-timing-function:linear}.play,.stop{position:absolute;width:0;height:0;top:0;left:0;overflow:hidden;display:none;font-size:0;z-index:-999}.column{will-change:transform;transform:translateZ(0)}.slidebox{position:relative;visibility:hidden}.slidebox-container{position:relative;box-sizing:border-box}.slidebox-track{position:relative;overflow:hidden}.slidebox-list{position:relative;display:flex;backface-visibility:hidden;height:100%;margin:0;padding:0}.slidebox.is-initialized:not(.is-active) .slidebox-list{display:block}.slidebox:not(.is-overflow) .slidebox-pagination{display:none}.slidebox.is-initialized,.slidebox.is-rendered{visibility:visible}.slidebox-item{position:relative;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none;margin:0}.slidebox-sr{position:absolute;width:1px;height:1px;border:0;margin:-1px;overflow:hidden;padding:0;clip:rect(0 0 0 0)}.slidebox-track-draggable{-webkit-touch-callout:none;user-select:none}.slidebox-track-fade>.slidebox-list>.slidebox-item{margin:0;opacity:0;z-index:0}.slidebox-track-fade>.slidebox-list>.slidebox-item.is-active{opacity:1;z-index:1}.slidebox-rtl{direction:rtl}.slidebox-draggable:active{cursor:grab}.slidebox-arrow,.slidebox-arrows{position:relative;align-items:center}.slidebox-arrows{width:auto;height:auto;display:inline-flex;margin:5rem 0 0;justify-content:flex-start;z-index:10}.slidebox-arrow{width:6rem;height:6rem;margin:0 .5rem;color:var(--color-white-05);border-radius:50%;cursor:pointer;display:flex;justify-content:center;transition:opacity .3s ease-in-out;z-index:5}.slidebox-arrow svg{position:absolute;width:100%;height:100%;display:block;left:0;top:0;transition:all .3s ease-in-out;transform-origin:center center;z-index:2}.slidebox-arrow-prev svg{transform:scaleX(-1)}.slidebox-arrow:disabled{opacity:.2;pointer-events:none}.slidebox-arrow.show .line-color{animation-name:scrollStroke;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-timing-function:linear}@media (hover:hover) and (pointer:fine) and (min-width:1024px){.slides-nav{transition:all .3s ease-in-out}.slidebox-arrow:hover svg{transform:scale(.9);filter:drop-shadow(.5rem 1rem 1.5rem var(--color-black-02))}.slidebox-arrow:hover .line-color,.slides-nav:hover .line-color{stroke-opacity:0;fill:var(--color-highlight)}.slidebox-arrow-prev:hover svg{transform:scaleX(-1) scale(.9)}.slides-nav-prev:hover{transform:translate3d(-15%,0,0) scale(.9)}.slides-nav-next:hover{transform:translate3d(15%,0,0) scale(.9)}.slides-nav:hover svg{color:var(--color-highlight);filter:drop-shadow(.5rem 1rem 1.5rem var(--color-black-02))}}@media screen and (max-width:1200px){.slide-img-wrap{right:5vw}}@media screen and (max-width:1024px){.outer-nav,.slides-nav{display:none}.banner-slide-title{padding:0 1.5rem;align-items:center;justify-content:center}.slide-img-wrap{right:0}.slidebox-arrows{margin:2rem 0 0}.slidebox-arrow{width:5rem;height:5rem}}@media only screen and (max-width:1024px) and (orientation:portrait){.banner-slide-title{font-size:14vw;align-items:center;justify-content:center}.slide-img-wrap{width:100vw}.pic-img{width:45vw;height:45vw}.slide-img-1,.slide-img-2{margin-bottom:5vh}.slide-img-3,.slide-img-4{margin-top:5vh}}@media only screen and (max-width:1024px) and (orientation:landscape){.banner-slide-title{font-size:12vw;align-items:flex-start;justify-content:flex-start}.slide-img-wrap{width:80vw}.pic-img{width:35vw;height:35vw}}@media screen and (max-width:780px){.slidebox-arrow{width:4rem;height:4rem}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,iframe,img,ins,kbd,label,legend,li,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}body,html{border:0;vertical-align:baseline}cite,em,i,mark,sup{margin:0;padding:0;border:0}.brand-home .text-content li,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--color-bg1:#0e3a74;--color-bg2:#30246b;--color-bg3:#ab6836;--color-bg4:#6f314f;--color-bg5:#0e4c35;--color-bg6:#5c8057;--color-bg7:#c76c70;--color-bg8:#349ca7;--color-bgx-1:#21609b;--color-bgx-2:#4d3e8c;--color-bgx-3:#daa360;--color-bgx-4:#a36384;--color-bgx-5:#1d7d60;--color-bgx-6:#8fb78a;--color-bgx-7:#de9fa2;--color-bgx-8:#56c2c9;--color-white:#fff;--color-white-grey:#eee;--color-black:#000;--color-grey:#444;--color-highlight:#ffb80c;--color-orange:#ffa400;--color-white-zero:rgba(255,255,255,0);--color-zero:rgba(0,0,0,0);--color-white-05:rgba(255,255,255,0.5);--color-black-01:rgba(0,0,0,0.1);--color-black-02:rgba(0,0,0,0.2);--color-black-03:rgba(0,0,0,0.3);--color-black-04:rgba(0,0,0,0.4);--color-black-05:rgba(0,0,0,0.5);--color-black-06:rgba(0,0,0,0.6);--color-black-07:rgba(0,0,0,0.7)}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a,p{line-height:1.5;font-size:1.2rem}strong{font-weight:900}cite,em,i{font-weight:400;font-style:italic}a,code,dd,dl dt,ins,p,pre,strong{text-decoration:none}sup{bottom:.4rem;font-size:70%;position:relative}cite,em,i,mark,sup{text-decoration:none;vertical-align:baseline}del{text-decoration:line-through}[title],img[alt]{font-size:0}h1,h2,h3,h4,h5,h6{line-height:1.4}.clear{clear:both}.class-hidden{display:none;visibility:hidden}button,input,select,textarea{-webkit-appearance:none;appearance:none;font-family:Roboto,sans-serif}button{border:0;background:0 0;cursor:pointer}button:active,button:focus,button:visited{outline:0;border:0}.cursor{display:none}img:not([src]):not([srcset]){visibility:hidden;opacity:0}body,html{width:100%;margin:0;padding:0;font-size:1vw;height:auto}body{padding:constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-family:Roboto,sans-serif;font-weight:300}html{user-select:none}@media (display-mode:fullscreen){body{height:100%}}@media (display-mode:standalone){body{height:100%}}.style-1{--color-stop:#0e3a74;--color-bottom:#21609b}.style-2{--color-stop:#30246b;--color-bottom:#4d3e8c}.style-3{--color-stop:#ab6836;--color-bottom:#daa360}.style-4{--color-stop:#6f314f;--color-bottom:#a36384}.style-5{--color-stop:#0e4c35;--color-bottom:#1d7d60}.style-6{--color-stop:#5c8057;--color-bottom:#8fb78a}.style-7{--color-stop:#c76c70;--color-bottom:#de9fa2}.style-8{--color-stop:#349ca7;--color-bottom:#56c2c9}.b-1{background-color:var(--color-bg1);color:var(--color-bgx-1)}.b-2{background-color:var(--color-bg2);color:var(--color-bgx-2)}.b-3{background-color:var(--color-bg3);color:var(--color-bgx-3)}.b-4{background-color:var(--color-bg4);color:var(--color-bgx-4)}.b-5{background-color:var(--color-bg5);color:var(--color-bgx-5)}.b-6{background-color:var(--color-bg6);color:var(--color-bgx-6)}.b-7{background-color:var(--color-bg7);color:var(--color-bgx-7)}.b-8{background-color:var(--color-bg8);color:var(--color-bgx-8)}.loadicon{position:fixed;width:4rem;height:4rem;top:50%;left:50%;margin:-2rem 0 0 -2rem;overflow:hidden;z-index:110000}.loadicon span.circle{width:4rem;height:4rem;position:absolute;left:0;top:0;animation:Preloader 3s linear infinite}.header{position:fixed;width:100%;height:0;top:0;left:0;padding:1.5rem;display:flex;align-items:flex-start;justify-content:space-between;transition:all .3s ease-in-out;opacity:0;pointer-events:none;z-index:200}.header.show{opacity:1;pointer-events:auto}.logo{position:relative;width:10rem;height:calc(40/160*10rem);display:block;margin:0;cursor:default;transition:transform .3s linear;z-index:10}.logo.on-click{cursor:pointer;pointer-events:auto}.logo,.logo.on-detail{pointer-events:none}.logo.hide,.scroll-top .logo:not(.on-detail){transform:translate3d(-16rem,0,0)}.no-scroll .logo:not(.on-detail){transform:translate3d(0,0,0)}.icon-logo,.icon-logo-over{position:absolute;width:10rem;height:calc(40/160*10rem);left:0;top:0;overflow:hidden;clip:rect(0,12rem,3rem,0)}.icon-logo-over{display:block;clip:rect(0,0,3rem,0);z-index:1}.left-header,.right-header{position:relative;width:auto;height:auto;display:inline-flex;transition:opacity .3s ease-in-out;align-items:center;z-index:50}.nav-click{position:relative;width:4rem;height:3rem;margin:0 .5rem;cursor:pointer;align-items:center;justify-content:center;color:var(--color-white);display:flex;z-index:10}.nav-click .line{position:relative;width:100%;height:100%;display:block;overflow:visible}.nav-click rect{transition:all .3s ease-in-out;transform-origin:center center;fill:var(--color-white);transform:translate(0,0) rotate(0);width:100px;height:2px}.close-details .one,.open-click .one{transform:translate(0,25px) rotate(45deg);width:60px}.close-details .three,.open-click .three{transform:translate(-1px,-26px) rotate(-45deg);width:60px}.close-details .two,.open-click .two{width:0}.close-details rect,.open-click rect{height:3px}.close-details,.open-click{transition:transform .3s ease-in-out}.click-lang{position:relative;width:auto;height:auto;display:inline-flex;align-items:center;margin:0 1rem;transition:margin .2s ease-in-out;z-index:10}.language,.navigation{display:flex;align-items:center}.language{font-weight:900;font-size:.7rem;width:3rem;height:3rem;text-transform:uppercase;justify-content:center;color:var(--color-white);position:relative;text-align:center}.language span{display:block;width:100%;line-height:100%}.language::before,.link-hoz .text-nav::after{position:absolute;width:100%;height:100%;top:0;left:0}.language::before{content:'';border:.063rem solid var(--color-white-05);display:block;border-radius:50%}.click-lang.hide{opacity:0}.navigation{position:fixed;top:0;left:0;margin:0;width:100%;height:100vh;text-align:right;opacity:0;pointer-events:none;overflow:hidden}.main-menu{width:100%;height:auto;display:block;padding:5.5rem 6.8rem;z-index:10}.link-page,.main-menu,.nav-item{position:relative;margin:0}.nav-item{width:auto;height:auto;padding:0;text-align:right;display:block}.link-page{font-weight:900;font-size:calc(100vh/8);line-height:1.2;display:inline-block;letter-spacing:.05rem;text-transform:uppercase;white-space:nowrap;color:var(--color-white);-webkit-text-stroke:.05rem var(--color-white);-webkit-text-fill-color:transparent}.icon-home,.link-home{position:relative;width:3.2rem}.link-home{display:inline-flex;align-items:center;text-align:center;margin:0 .5rem 1rem 0;opacity:0;height:3rem}.icon-home{height:2.25rem;color:var(--color-white);display:block}.nav-item.current .link-page{color:var(--color-highlight);pointer-events:none;-webkit-text-stroke:0;-webkit-text-fill-color:var(--color-highlight);filter:drop-shadow(-.1rem .01rem .1rem var(--color-black-01))}.click-lang.hide,.nav-item.current{pointer-events:none}.nav-item.current .link-home .icon-home{color:var(--color-highlight)}.link-hoz{white-space:nowrap;overflow:hidden}.link-hoz .text-nav{padding:.3rem}.language span,.link-hoz .text-nav span{position:relative}.link-hoz .text-nav::after{content:attr(data-text);padding:.3rem;text-align:center;transform-origin:50% 50%;transform:translate3d(0,120%,0);pointer-events:none;font-size:inherit;color:currentColor}.open-nav{pointer-events:auto;opacity:1}.show-char .link-page .char{animation-name:fadeIn;animation-duration:2s;animation-delay:calc(80ms*var(--char-index));animation-fill-mode:forwards}.svg-menu,.svg-menu svg{position:absolute;width:100%;top:0;right:0}.svg-menu{height:100vh;pointer-events:none;z-index:5}.svg-menu svg{height:100%}.gradient{transform-origin:center center}.gradient path{fill:url(#ColorGradient)}.gradient path:nth-of-type(1){fill-opacity:.7;transform-origin:top right;transform:translate(50%,-180%)}.gradient path:nth-of-type(2){fill-opacity:.3;transform-origin:center left;transform:translate(50%,-100%)}.gradient path:nth-of-type(3){fill-opacity:.4;transform-origin:center left;transform:translate(50%,-50%)}.gradient path:nth-of-type(4){fill-opacity:.5;transform-origin:top right;transform:translate(50%,-50%)}.gradient path:nth-of-type(5){fill-opacity:.6;transform-origin:top right;transform:translate(100%,-50%)}.bg-page{position:fixed;height:100vh;width:100%;left:0;top:0;pointer-events:none;z-index:-888}.bg-nav,.overlay-bg{position:absolute;width:100%;height:100%;left:0;top:0}.bg-nav{opacity:0;overflow:hidden;transition:opacity .5s ease-in-out}.bg-nav.active{opacity:1;z-index:1}.social{width:100%;height:auto;position:relative;display:block;margin:0;text-align:center}.facebook{position:relative;width:5rem;height:5rem;color:var(--color-white);display:inline-flex;align-items:center;margin:5rem 0 0}.facebook a,.facebook svg{color:currentColor;height:100%}.bottom{height:auto;padding:5vw 0 0;z-index:5}.bottom::before{content:'';position:relative;background-color:var(--color-white-05);width:.063rem;height:5rem;display:block;margin:auto;z-index:2}.bottom .pic-svg{mix-blend-mode:unset}.bottom,.copyright,.facebook a,.facebook svg,.picture{position:relative;width:100%;display:block}.copyright{margin:3rem 0;text-align:center;height:auto}.copyright p{font-size:1rem;line-height:1.2;color:var(--color-white);text-transform:uppercase}.picture{height:100%;pointer-events:none}.title-page{position:absolute;width:auto;height:auto;display:flex;align-items:center;left:0;top:0;margin:0;padding:1.7rem 0;transform:translate3d(0,-10rem,0);transition:all .5s ease-in-out .2s;text-align:left;z-index:5}.title-page.hide{opacity:0}.title-page h2,.title-page::before{position:relative;display:inline-block}.title-page::before{content:'';width:1.25rem;height:1.25rem;margin:0 1rem 0 12.5rem}.title-page h2{color:var(--color-white);font-size:2rem;line-height:1.1;text-transform:uppercase;padding:0;font-weight:400}.company,.company h1{position:absolute;left:0;bottom:0;text-indent:-9999px;opacity:0;z-index:-9999}.title-main{position:relative;display:block;width:auto;height:auto;z-index:5}.main,.page,.page-home,.title-main>h2{position:relative;width:100%;height:auto}.title-main>h2{display:block;z-index:5}.title-main.max>h2{font-size:14vw;line-height:1;padding:0 2rem 0 0;white-space:nowrap;text-transform:uppercase;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--color-white);-webkit-text-fill-color:transparent;font-weight:900}.main{width:auto;height:100%;display:block;margin:0;padding:0}.page,.page-home{overflow:hidden}.page{display:block;margin:0;padding:0;opacity:0;z-index:5}.page-home{user-select:none;pointer-events:none}.content-page{display:block}.content-inner,.content-page{position:relative;width:100%;height:auto;margin:0;padding:0;text-align:center}.banner-item{padding:0;overflow:hidden}.second-inner::before{position:absolute;content:'';pointer-events:none;width:100%;height:100%;left:0;top:-3rem;transform:skewY(-3deg);background-color:var(--color-client-bg)}.bg-content{width:100%;height:auto;position:relative;display:block;padding:10vw 0;opacity:0}.bg-content>svg,.pic-svg{position:absolute;width:100%;left:0;top:0}.bg-content>svg{height:calc(1350/2400*100vw);display:block;color:var(--color-client-bg)}.bg-content .rect{fill:var(--color-black-01)}.bg-content .svg-circle,.svg-bg>svg g{transform-origin:center center}.pic-svg{height:100vh;pointer-events:none;mix-blend-mode:multiply;display:flex;align-items:center}.bg-svg-white,.bg-svg-white svg,.object-bg svg,.pic-svg>svg{position:relative;width:100%;height:auto;display:block}.pic-svg>svg{opacity:.3}.bg-svg-white{position:absolute;height:100%;left:0;top:0}.bg-svg-white svg,.object-bg svg{object-fit:cover;object-position:center center}.bg-content.fade{animation-name:fadeIn;animation-duration:1s;animation-fill-mode:forwards}.image-banner{position:relative;width:100%;height:calc(1350/2400*100vw);min-height:100vh;text-align:center;overflow:hidden;display:block}.color-svg{left:0;width:100%;background:var(--color-client-bg-2)}.color-svg,.object-bg,.object-icon{position:absolute;height:100%;top:0}.object-bg{width:100%;left:0;overflow:hidden}.object-bg svg{height:100%;color:var(--color-client-bg);transform-origin:center center}.object-icon{width:94vw;left:3vw}.object-icon span,.text-banner{position:absolute;left:0;width:100%}.object-icon span{background-size:contain;background-repeat:no-repeat;background-position:center center;opacity:0;transform-origin:center center;height:100%;top:0}.text-banner{top:50%;height:auto;overflow:hidden;transform:translateY(-55%);pointer-events:none}.boxes,.thisbox,.wrapbox{position:relative;height:auto}.wrapbox{display:flex;margin:3vh 0;width:100%}.boxes,.thisbox{width:auto}.boxes{display:flex;flex-wrap:nowrap}.thisbox{color:var(--color-white-05);font-size:10vw;font-weight:900;line-height:1;display:block;padding:0 2vw;margin:0;white-space:nowrap}.thisbox large,.thisbox strong{-webkit-text-stroke:4px var(--color-white);-webkit-text-fill-color:transparent;color:transparent}.thisbox large{font-size:150%}.ratio-4-4 .object-bg svg{width:auto;height:100%;left:50%;transform:translateX(-50%)}.inner-footer{min-height:calc(800/2000*100vw);padding:5vw 0}.inner-footer .text-banner{top:auto;bottom:0;transform:none;padding:1vh 0;opacity:.2}.inner-footer .wrapbox{margin:-1vh 0!important}.text-banner.show #loop1 .thisbox:nth-child(1){animation:horRunLeft 50s linear -50s infinite}.text-banner.show #loop1 .thisbox:nth-child(2){animation:horRunLeft2 50s linear -25s infinite}.text-banner.show #loop2 .thisbox:nth-child(1){animation:horRunLeft 36s linear -36s infinite}.text-banner.show #loop2 .thisbox:nth-child(2){animation:horRunLeft2 36s linear -18s infinite}.text-banner.show #loop3 .thisbox:nth-child(1){animation:horRunRight 40s linear 0s infinite}.text-banner.show #loop3 .thisbox:nth-child(2){animation:horRunRight 40s linear -40s infinite}.page{transition:opacity .5s ease-in-out}.currentpage .title-page{transform:translate3d(0,0,0);transition-delay:.2s}.page-home.inactive{pointer-events:none;opacity:0;height:0;z-index:-1}.page-home.activated{pointer-events:auto;opacity:1;height:auto;z-index:5}.page-home.inactive .background,.page-home.inactive .banner-full-slide{height:0}.page.currentpage{opacity:1}.page::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-black-06);opacity:0;transition:opacity .3s ease-in-out}.line-color{stroke-width:1px;fill:var(--color-white-zero);stroke:currentColor;stroke-dasharray:400;stroke-dashoffset:400}.go-top,.go-top-details,.scroll-down,.scroll-down-desktop{position:fixed;width:5rem;height:5rem;right:1.5rem;color:var(--color-white-05);cursor:pointer;pointer-events:none}.scroll-down,.scroll-down-desktop{top:calc(100vh - 7rem);display:block;z-index:999}.go-top.show,.scroll-down-desktop.aniscroll,.scroll-down.aniscroll{pointer-events:auto}.go-top svg,.go-top-details svg,.scroll-down svg,.scroll-down-desktop svg{position:relative;display:block;width:100%;height:100%}.go-top,.go-top-details{bottom:2rem;z-index:1000}.no-scroll>.go-top.show,.page::after{pointer-events:none}.go-top-details.show{pointer-events:auto;z-index:4000}.no-scroll .go-top,.no-scroll .scroll-down{pointer-events:none;opacity:0}.go-top-details.show .line-color,.go-top.show .line-color,.scroll-down-desktop.aniscroll .line-color,.scroll-down.aniscroll .line-color{animation-name:scrollStroke;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-timing-function:linear}.outoff .line-color,.scroll-text.fade{animation-name:scrollOutStroke;animation-duration:.5s;animation-fill-mode:forwards}.inner-text,.scroll-text{position:relative;height:auto;display:flex;align-items:center}.scroll-text{white-space:nowrap;padding:2rem 0;overflow:hidden;opacity:0;z-index:5;width:100%}.inner-text{width:auto}.scroll-text span{position:relative;font-size:14vw;line-height:1;padding:0 2vw;white-space:nowrap;text-transform:uppercase;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--color-white-05);-webkit-text-fill-color:transparent;font-weight:900}.scroll-text.fade{animation-name:fadeIn;animation-duration:1s}.scroll-text.fade .inner-text:nth-child(1){animation:Horizontal 40s linear -40s infinite}.scroll-text.fade .inner-text:nth-child(2){animation:Horizontal2 40s linear -20s infinite}.box-content{height:auto;margin:0;z-index:5}.box-content h3,.box-content p{position:relative;display:block;margin:0 0 1.5rem}.box-content,.box-content li,.box-content ul{position:relative;width:100%;display:block}.box-content ul{margin:0;list-style:none}.box-content li{margin:0 0 1.5rem}.contact,.text-content{position:relative;width:90%;z-index:5}.text-content{height:auto;display:inline-block;max-width:60rem;margin:0}.contact h2,.text-content h2{position:relative;font-size:6rem;font-weight:100;line-height:1.2;letter-spacing:0;margin:0 0 3rem}.text-content h3{font-size:3rem;font-weight:900;line-height:1.2;margin:0 0 2rem;text-align:left;text-transform:uppercase}.text-content>p{position:relative;text-align:justify;margin:0 0 1rem}.text-content ul{position:relative;width:100%;height:auto}.text-content .text-list{position:relative;display:inline-block;text-align:left;vertical-align:top}.text-content li{height:auto;display:flex;margin:.5rem 0}.text-content li>p{font-size:140%;font-weight:400;display:inline-block;vertical-align:middle;margin:0;padding:0;text-align:left}.text-content li a{font-size:150%;margin:0 .5rem .5rem 0;color:currentColor;text-align:left}.text-content li a,.text-content li span,.text-content small{position:relative;display:inline-block;vertical-align:middle}.text-content li span{color:var(--color-white-05);width:2rem;height:2rem}.text-content small{font-weight:100;font-size:1.5rem;margin:0 .5rem}.contact h3,.text-content h3,blockquote{position:relative;display:block}blockquote{padding-left:5rem;text-align:left;margin:1rem 0}blockquote::before{content:' “ ';font-family:Arial;font-size:8rem;line-height:4rem;font-weight:700;position:absolute;left:0}.contact{max-width:70rem;margin:auto}.contact h3{font-size:2rem;font-weight:900;text-align:center;text-transform:uppercase;margin:2rem 0}.contact,.contact ul{height:auto;display:block}.contact li,.contact ul,.link-icon svg,.text-content li{position:relative;width:100%}.contact li{display:inline-flex;align-items:center;justify-content:center;margin:.5rem 0;height:auto}.contact li>p{font-size:160%;text-align:center;padding:.5rem}.contact li a,.contact li span,.contact li>p{position:relative;display:inline-block}.contact li a{font-size:160%;margin:0;padding:.5rem;color:currentColor}.contact li span{color:var(--color-white-05);width:2rem;height:2rem}.line-white,.pattern{position:absolute;left:50%;pointer-events:none}.line-white{width:.063rem;height:5rem;background-color:var(--color-white-05);top:0;z-index:5}.pattern{width:100vw;height:20vw;top:50%;transform:translate(-50%,-50%);z-index:1}.logo-pattern{position:absolute;width:100%;height:100%;left:0;top:0;transform-origin:center center}.link-other,.link-other button{position:relative;display:inline-flex;justify-content:center;width:auto;height:auto;margin:0}.link-other{z-index:5}.link-other button{align-items:flex-end;color:currentColor}.link-icon,.link-other span{position:relative;display:inline-block}.link-other span{font-size:5rem;font-weight:100;line-height:1;text-align:right;margin:0 .5rem;padding:.5rem;pointer-events:none;text-shadow:0 .01rem .01rem var(--color-black-01)}.link-other span strong{display:block;font-size:80%}.link-icon{width:6rem;height:6rem;color:var(--color-white-05)}.link-icon svg{height:100%;display:block}.link-other.is-show .line-color{animation-name:scrollStroke;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-timing-function:linear}.svg-bg{pointer-events:none;z-index:2}.svg-bg,.svg-bg>svg{position:absolute;width:100%;height:100%;left:0;top:0}.home-content{position:relative;width:100%;height:auto;display:block;overflow:hidden;z-index:5}.brand-home,.client-home,.contact-home,.service-home{color:var(--color-white)}.home-content .link-other span{font-size:.7rem;font-weight:900;opacity:0;transform:translateY(100%);text-transform:uppercase}.home-content .link-other{max-width:inherit;text-align:center}.home-content .link-other button{flex-direction:column;align-items:center}.background{position:relative;width:100vw;height:100vh;overflow:hidden;display:block;z-index:2}.client-home{padding:0 0 10vw}.client-home .scroll-text{position:absolute;top:30%}.client-home .link-other{position:absolute;left:calc(50% - 6vw);bottom:20%}.client-home .link-icon{width:12vw;height:12vw}.grid-cover{position:relative;width:100%;max-width:80rem;--img-size:15vmin;margin:auto;display:grid;gap:1vmin;grid-template:repeat(9,var(--img-size))/repeat(9,var(--img-size));z-index:5}.grid-item,.grid-item img{position:relative;aspect-ratio:14/9}.grid-item{display:inline-flex;max-inline-size:100%;grid-column:var(--x1,auto)/var(--x2,auto);grid-row:var(--y1,auto)/var(--y2,auto);overflow:hidden;cursor:pointer;width:auto;height:auto;border-radius:3rem}.grid-item img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;border-radius:2rem;filter:drop-shadow(2rem 2rem 2rem var(--color-black-02))}.grid-item:nth-child(1){--x1:2;--x2:7;--y1:1;--y2:4}.grid-item:nth-child(2){--x1:7;--x2:10;--y1:2;--y2:5}.grid-item:nth-child(3){--x1:1;--x2:4;--y1:4;--y2:7}.grid-item:nth-child(4){--x1:5;--x2:9;--y1:5;--y2:8}.grid-item:nth-child(5){--x1:8;--x2:11;--y1:4;--y2:6}.grid-item:nth-child(6){--x1:2;--x2:5;--y1:7;--y2:10}.grid-item:nth-child(7){--x1:4;--x2:7;--y1:11;--y2:13}.grid-item:nth-child(8){--x1:8;--x2:11;--y1:9;--y2:12}.content-flex{position:relative;width:100%;height:auto;display:block;padding:0 10vw}.content-flex .text-content{display:flex;max-width:inherit;width:auto}.brand-home,.contact-home,.service-home{padding:5vw 0}.brand-home .content-flex{margin-top:10vw}.brand-home .text-content h3{font-size:2vw;font-weight:900;margin:0 0 1rem}.brand-home .link-other{position:absolute;top:3rem;right:calc(20% - 3rem)}.brand-home .link-icon{width:6rem;height:6rem}.service-home .scroll-text{display:none}.service-home .title-main{width:80%}.service-home .title-main>h2{text-transform:uppercase;text-align:left;font-size:5vw;font-weight:900}.service-home .title-main>h2 .word{--color-text-gradient:linear-gradient(90deg, var(--color-bg) 0%, var(--color-white) 10%, var(--color-bg) 90%, var(--color-white) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:var(--color-text-gradient);-webkit-box-decoration-break:clone;padding:.5rem}.service-home .box-content{display:none}.service-home .link-other{position:absolute;top:calc(50% - 6rem);right:calc(15% - 6rem)}.service-home .link-icon{width:12rem;height:12rem}.contact-home .box-content,.contact-home .scroll-text{display:none}.contact-home .title-main>h2{text-transform:uppercase;font-size:4vw;font-weight:900}.contact-home .link-icon{width:8rem;height:8rem}.contact-home .pic-svg{mix-blend-mode:unset}.about-page,.client-page,.service-page{color:var(--color-white)}.about-page .bg-content{padding:10vw 0 20vw}.about-page .second-inner{padding:10vw 0}.about-page .content-company{padding:5vw 10vw 5vw 0;text-align:right}.about-page .content-link{padding:5vw 0}.about-page .content-contact{padding:5vw 0 0}.service-page .bg-content{padding:20vw 0}.service-page .content-inner{text-align:center}.service-page .wrapbox{margin:0}.service-page .thisbox{line-height:.8}.service-page .svg-bg{opacity:.5}.service-page .second-inner{padding:10vw 0}.service-page .content-link{padding:5vw 0}.service-page .graphic-service,.service-page .web-service{padding:10vw 0}.client-page .content-contact::before,.client-page .content-project-second::before,.service-page .web-service::before{position:absolute;content:'';pointer-events:none;width:100%;height:100%;left:0;transform:skewY(-3deg);background-color:var(--color-black-01)}.client-page .content-project-second::before,.service-page .web-service::before{top:0}.service-page .content-service{padding:5vw 0}.service-page .content-contact{padding:10vw 0}.brand-service .text-list{width:50%;margin:0 -.5rem}.graphic-service .text-list{display:grid;grid-template-columns:auto auto;grid-gap:0 1rem}.client-page .svg-bg{opacity:.5}.client-page .wrapbox{margin:0}.client-page .thisbox{line-height:.8}.client-page .second-inner{padding:10vw 0}.client-page .content-project-second{padding:10vw 0 5vw}.client-page .content-client{padding:10vw 0}.client-page .content-client .text-content{max-width:inherit;width:100%}.client-page .content-contact{padding:5vw 0 10vw}.client-page .content-contact::before{top:-3rem}.grid,.item-content-box{position:relative;height:auto;z-index:5}.grid{width:86vw;display:grid;grid-template-columns:1fr 1fr;grid-gap:0 1rem;margin:auto;padding:5vw 0;text-align:left}.grid.on-current{pointer-events:none}.item-content-box{display:inline-block;width:100%;padding:0;margin:0 0 20rem}.item-content-box:nth-child(even){margin:20rem 0 0}.frame-item{position:absolute;width:100%;height:90%;top:5%;left:0;border:.063rem solid var(--color-black-01);border-radius:1rem}.col-top{width:100%;height:auto;padding:1rem;margin:0;z-index:5}.col-top .pic{width:100%;height:auto;aspect-ratio:900/550;overflow:hidden;border-radius:1rem}.col-top,.col-top .pic,.col-top .pic img,.tilte-name{position:relative;display:block}.col-top .pic img{pointer-events:none;object-fit:contain;object-position:center center;aspect-ratio:900/550}.tilte-name{width:100%;height:auto;margin:1.5rem 0 0;padding:0 5%;color:var(--color-white);text-align:left;mix-blend-mode:difference;z-index:2}.tilte-name h3,.tilte-name h4{position:relative;padding:0;margin:0;display:block}.tilte-name h3{text-transform:uppercase;font-size:3.5rem;font-weight:900;line-height:1.2}.tilte-name h4{font-weight:400;font-size:.8rem;line-height:1.4}.client-view{position:absolute;width:5rem;height:5rem;display:block;top:calc(var(--this-height) + 2rem);right:5%;border-radius:50%;z-index:10}.client-view .link-icon,.col-top .pic img{width:100%;height:100%}.client-view.show .line-color{animation-name:scrollStroke;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-timing-function:linear}.des-pro{display:none}.second-project,.slide-project{position:relative;height:auto;display:block}.second-project{width:100%;overflow:hidden;z-index:10}.slide-project{max-width:80rem;margin:auto;padding:2rem 0}.item-second-box{position:relative;display:inline-block;width:50%;padding:0 2rem;height:auto;margin:0}.item-second-box:nth-child(even){margin:3rem 0 0}.item-second-box .col-top{padding:0}.item-second-box .tilte-name{margin:0;padding:0 1rem}.item-second-box .tilte-name h3{font-size:2.4rem;padding:1rem 0 0}.item-second-box .client-view{width:4rem;height:4rem;top:calc(var(--this-height) + 1rem);right:1rem}.slide-project .slidebox-track{overflow:visible}.slide-logo{position:relative;width:90%;max-width:80rem;height:auto;margin:0 auto;display:block}.logo-pic{max-width:450px;height:auto;max-height:200px;margin:0}.content-data,.logo-pic,.logo-pic img{position:relative;width:100%;display:block}.detail-load,.logo-pic img{height:100%;pointer-events:none}.logo-pic img{object-fit:contain;object-position:center center}.detail-load{position:fixed;width:100%;left:0;top:0;display:none;overflow-x:hidden;overflow-y:auto;z-index:100}.detail-load.show{pointer-events:auto;display:block}.content-data{height:auto;z-index:10}.insert-content{transform-origin:center center}.content-details,.insert-content,.show-img{position:relative;width:100%;height:auto;display:block;opacity:0}.content-details::after,.show-img.first::before{content:'';position:absolute;left:50%;width:.063rem;display:block;background-color:var(--color-white-05);pointer-events:none}.content-details::after{height:5rem;bottom:0;z-index:5}.content-details .pic-svg{opacity:0;z-index:5}.content-details .pic-svg.is-show{animation-name:fadeIn;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}.show-img{margin:0}.show-img.first::before{height:0;top:0;overflow:hidden;transition:height 1s ease-in-out .5s;z-index:1}.insert-content.show .content-details,.insert-content.show .show-img.first{animation-name:fadeIn;animation-duration:1s;animation-delay:0s;animation-fill-mode:forwards}.insert-content.show .show-img.first::before{height:5rem}.insert-content.show .show-img.first{animation-name:fadeInUp}.insert-content.show .show-img.second,.insert-content.show .show-img.third{animation-name:fadeIn;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}.insert-content.show .show-img.third{animation-delay:1s}.show-img.second,.show-img.third{width:84vw;margin:auto}.show-img.second .cover-pic:first-child{border-radius:3rem 3rem 0 0}.show-img.third .cover-pic:last-child{border-radius:0 0 3rem 3rem}.show-img.padding{padding:0 0 10vw}.show-img.second.padding .cover-pic:last-child{border-radius:3rem}.pic-detail-slide{position:relative;width:100%;height:auto}.cover-pic,.pic-detail-slide{overflow:hidden;margin:0;padding:0}.cover-pic img{pointer-events:none;object-fit:contain;object-position:center center}.cover-pic,.cover-pic img,.tilte-name-content,.tilte-name-details{position:relative;width:100%;height:auto;display:block}.tilte-name-details{padding:10vw 0;margin:0;text-align:center}.tilte-name-details h3{position:relative;font-size:5vw;font-weight:100;line-height:1.2;margin:1rem 0 0;color:var(--color-white);text-align:center;display:block}.inner-button span,.tilte-name-details h4{position:relative;display:block;line-height:1.4}.tilte-name-details h4{margin:0 0 1rem;color:var(--color-white);text-align:center;font-size:1rem}.tilte-name-content{padding:0 5%;margin:0 auto 1.25rem;max-width:50rem}.tilte-name-details p,.view-web-page{position:relative;color:var(--color-white)}.tilte-name-details p{font-size:1rem;line-height:1.6;text-align:center;margin:0 auto .5rem;display:block}.tilte-name-content a{color:var(--color-highlight)}.view-web-page{display:inline-block;margin:1rem 0}.inner-button,.slide-click{height:auto;position:relative;text-align:center}.inner-button{display:block;width:auto}.inner-button span{font-size:.8rem;color:currentColor;font-weight:400}.inner-button .link-icon{width:8rem;height:8rem;display:block;margin:.5rem auto}.slide-click.show .line-color,.view-web-page.show .line-color{animation-name:scrollStroke;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-timing-function:linear}.slide-click{width:100%;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;z-index:10}.thumb-click{position:relative;display:inline-block;margin:0 2vw 10vw;width:14vw;height:8vw;color:var(--color-white-05);cursor:pointer;z-index:5}.thumb-click span{width:100%;height:100%;position:absolute;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;overflow:hidden;border-radius:1rem}.thumb-click svg{position:absolute;width:3rem;height:3rem;top:calc(50% - 1.5rem);z-index:2}.click-prev svg{left:-25%}.click-next svg{right:-25%}.thumb-click.disable{display:none}.slide-click .line-color{stroke-width:1}.contact-page,.error-page,.page-not-found h2{color:var(--color-white)}.contact-page .wrapbox{margin:0}.contact-page .thisbox{line-height:.8}.contact-page .second-inner{padding:10vw 0}.contact-page .content-link,.error-page .content-contact,.error-page .second-inner{padding:5vw 0}.error-page .bg-content .circle{fill:var(--color-black-01)}.error-page .page-404{position:absolute;width:100%;height:100vh;left:0;top:0;display:flex;align-items:center;justify-content:center;z-index:10}.page-not-found,.page-not-found a{position:relative;color:var(--color-black);box-shadow:0 1.5rem 1.5rem 0 var(--color-black-01)}.page-not-found{display:inline-block;width:90%;height:auto;max-width:35rem;border-bottom:.4rem solid var(--color-highlight);text-align:center;backdrop-filter:blur(.7rem);z-index:10;background-color:var(--color-white-05);padding:2rem}.page-not-found h2{font-size:5rem;margin:0 0 1rem;font-weight:900}.page-not-found h2,.page-not-found p{position:relative;display:block}.page-not-found a{font-size:1rem;text-transform:uppercase;font-weight:900;margin:1.25rem 0;padding:.8rem 1.8rem;background-color:var(--color-highlight);border-radius:.7rem;display:inline-flex}.no-scroll{overflow-x:hidden;overflow-y:hidden!important;overflow:hidden!important}.display-none,.hidden{display:none!important}.display-block{display:block!important}.drap-smooth{scroll-behavior:auto}.drap-smooth a,.drap-smooth button{pointer-events:none}.header.hide:not(.active) .right-header{flex-direction:column}.header.hide:not(.active) .click-lang{order:2;margin:2rem 0}.right-header.hide{flex-direction:column}.right-header.hide .click-lang{order:2;margin:1rem 0}.scrolling .right-header{opacity:0;pointer-events:none}@media screen and (max-width:1400px) and (pointer:coarse){.is-touch .pic-svg,.is-touch .service-home .title-main>h2 .word,.is-touch .tilte-trans{transform:none!important}.is-touch .frame-item{top:0;border:0;background-color:var(--color-black-01)}.is-touch .trans-banner{transform:none!important}}@media screen and (max-width:1300px){body,html{font-size:1.1vw}.icon-logo,.icon-logo-over,.logo{width:12rem;height:calc(40/160*12rem)}.brand-home .link-other{right:calc(10% - 3rem)}.brand-home .link-icon{width:8rem;height:8rem}.grid-cover{--img-size:12vmin}.title-page{padding:1.8rem 0}.title-page::before{margin:0 1rem 0 14.5rem}.tilte-name h3{font-size:2.8rem}}@media screen and (max-width:1024px){body,html{font-size:22px}a,p{font-size:1rem}.cursor{display:none;visibility:hidden}.icon-logo,.icon-logo-over,.logo{width:8rem;height:calc(40/160*8rem)}.header.hide:not(.active) .right-header{flex-direction:row}.header.hide:not(.active) .click-lang{order:unset;margin:0 .5rem}.header.hide:not(.active) .left-header,.header.hide:not(.active) .right-header{margin:-.8rem 0 0}.right-header.hide{flex-direction:row}.right-header.hide .click-lang{order:unset;margin:0 .5rem}.scrolling .right-header{opacity:1;pointer-events:auto}.logo.hide,.scroll-top .logo:not(.on-detail){transform:none}.header{align-items:center;height:auto}.header.hide{padding:.8rem}.header::after{content:'';position:absolute;height:66px;width:100%;top:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .3s ease-in-out;background-color:var(--color-black-02)}.header.hide:not(.active)::after{opacity:1}.left-header,.right-header{transition:margin .3s ease-in-out}.language{width:45px;height:45px}.click-lang{margin:0 .5rem}.facebook{height:4rem;width:4rem}.copyright p{font-size:.8rem}.inner-footer{min-height:calc(1125/2000*100vw)}.nav-click .line{width:90%}.close-details .one,.open-click .one{transform:translate(0,30px) rotate(45deg);width:50px}.close-details .three,.open-click .three{transform:translate(-1px,-30px) rotate(-45deg);width:50px}.navigation{display:flex;align-items:center}.link-hoz{overflow:visible}.link-hoz .text-nav{padding:0}.title-page{position:relative;width:100%;left:auto;top:auto;padding:0;display:block;text-align:left}.title-page h2{font-size:16vw;line-height:1;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--color-white-05);-webkit-text-fill-color:transparent;font-weight:900}.currentpage .title-page{transform:none;transition:none}.go-top,.go-top-details,.link-hoz .text-nav::after,.scroll-down,.scroll-down-desktop,.title-page::before{display:none}.pic-svg{height:100%}.svg-bg>svg{width:100vw;height:100%;top:0;transform:none;overflow:hidden}.color-svg{padding:0}.image-banner{min-height:60vh}.text-banner{transform:translateY(-50%)}.wrapbox{margin:0}.thisbox{font-size:12vw}.thisbox large,.thisbox strong{-webkit-text-stroke:3px var(--color-white)}.object-icon{width:100%;left:0}.object-bg svg{width:auto;height:100%;left:auto;transform:none}.scroll-text span{font-size:16vw}.contact,.text-content{width:100%}.text-content li>p{font-size:1.1rem}.contact h2,.text-content h2{font-size:3rem;line-height:1.4;margin:0 0 2rem}.text-content h3{margin:0 0 2rem}.link-other span,.page-not-found h2{font-size:4rem}.contact{padding:5vw}.contact h3,.text-content h3{font-size:2rem;line-height:1.4}.contact li a,.contact li>p{font-size:1.2rem;font-weight:400}.bg-content{padding:20vw 0}.second-inner::before{top:-1.5rem}.client-home .scroll-text{top:auto;bottom:18rem}.client-home .link-other{position:relative;left:auto;bottom:auto;margin:6rem 0 0}.client-home .link-icon{width:10rem;height:10rem}.grid-cover{width:90vw;max-width:500px;grid-template:unset;grid-template-columns:auto;margin:5rem auto}.grid-item{border-radius:2rem;width:100%;grid-column:unset;grid-row:unset;margin-bottom:2rem}.grid-item img{border-radius:1rem;filter:drop-shadow(1rem 1rem 1rem var(--color-black-02))}.content-flex{padding:0 5vw}.content-flex .text-content{display:block;width:100%}.title-main.max{margin:3rem 0}.title-main.max>h2{padding:0;font-size:30vw;-webkit-text-stroke-color:var(--color-white-05)}.brand-home .text-content h3{font-size:1.4rem;margin:0 0 1rem;text-align:center}.brand-home .link-other{position:relative;top:auto;right:auto}.brand-home .link-icon{width:5rem;height:5rem}.service-home .title-main{width:100%}.service-home .title-main>h2{font-size:3rem;text-align:center}.service-home .title-main>h2 .word{padding:0 .3rem;transform:none!important;-webkit-background-clip:unset;-webkit-text-fill-color:var(--color-white);background-image:unset;color:var(--color-white)}.service-home .link-other{position:relative;top:auto;left:auto;right:auto}.service-home .link-icon{width:8rem;height:8rem}.contact-home .content-flex{max-width:800px;margin:auto}.contact-home .title-main>h2{font-size:2.4rem}.contact-home .link-icon{width:6rem;height:6rem}.about-page .bg-content{padding:10vw 0}.about-page .second-inner{padding:5vw 10vw}.about-page .content-company{padding:5vw 10vw;text-align:left}.about-page .content-link{padding:5vw 10vw}.about-page .content-contact{padding:5vw 0}.service-page .bg-content{padding:10vw 0}.service-page .second-inner{padding:5vw 10vw}.service-page .thisbox{line-height:1}.service-page .content-service,.service-page .graphic-service,.service-page .web-service{padding:10vw}.service-page .content-link .pic-svg{transform:none!important}.brand-service .text-list{width:100%;margin:0}.graphic-service .text-list{display:block}.client-page .thisbox{line-height:1}.client-page .title-page{display:none}.client-page .second-inner{padding:10vw 0}.client-page .content-project-second{padding:15vw 0 10vw}.client-page .content-client{padding:10vw 0 15vw}.client-page .content-contact{padding:0 0 10vw}.grid{width:96vw;padding:5vw 0 10vw}.item-content-box{margin:0 0 15rem;cursor:pointer}.item-content-box:nth-child(even){margin:15rem 0 0}.frame-item{top:0;border:0;background-color:var(--color-black-01)}.col-top{padding:.5rem}.col-top .pic{border-radius:.8rem}.tilte-name{margin:0;padding:0 1rem;mix-blend-mode:unset}.tilte-name h3{font-size:1.8rem;padding:1rem 0 .5rem;width:80%}.inner-button span,.tilte-name h4{font-size:.7rem}.tilte-trans{transform:none!important}.client-view{width:4rem;height:4rem;right:1rem;top:calc(var(--this-height) + 2rem);pointer-events:none}.slide-project{max-width:90vw;padding:0}.item-second-box{padding:0 1rem;cursor:pointer}.item-second-box .tilte-name{padding:0 1rem}.item-second-box .tilte-name h3{font-size:1.4rem;padding:1rem 0 .5rem;width:80%}.item-second-box .client-view{width:3rem;height:3rem;top:calc(var(--this-height) + 1rem);right:0}.slide-logo{width:90vw;max-width:inherit}.logo-pic{max-width:350px;max-height:156px}.content-details{min-height:50vh;margin-top:66px}.content-details::after{width:1px;height:5rem}.show-img.first::before{position:relative;left:auto;top:auto;margin:auto;width:1px;transition:height .5s ease-in-out 0s}.show-img.second,.show-img.third{width:90vw;margin:auto}.show-img.padding{padding:0 0 5rem}.show-img.second .cover-pic:last-child{border-radius:1rem 1rem 0 0}.show-img.third .cover-pic:last-child{border-radius:0 0 1rem 1rem}.show-img.second.padding .cover-pic:last-child{border-radius:1rem}.tilte-name-details h3{font-size:3rem}.page-not-found a,.tilte-name-details h4{font-size:.8rem}.inner-button .link-icon{width:4rem;height:4rem}.thumb-click{width:10rem;height:6rem;margin:0 1rem 10rem}.thumb-click span{border-radius:.5rem}.thumb-click svg{width:2rem;height:2rem;top:calc(50% - 1rem)}.contact-page .thisbox{line-height:1}.contact-page .second-inner{padding:5vw 0}.contact-page .title-page{text-align:center}.contact-page .content-link{padding:10vw 0}.error-page .title-page{display:none}.error-page .page-404{position:relative;height:auto;left:auto;top:-10vw;display:block}}@media only screen and (max-width:1024px) and (orientation:portrait){.header{padding:1rem}.image-banner{min-height:60vh}.navigation{text-align:center}.main-menu{padding:5vw}.nav-item{text-align:center;margin:0 0 1.5rem}.link-page{font-size:12vw;-webkit-text-stroke:1.5px var(--color-white)}.link-home{margin:0}}@media only screen and (max-width:1024px) and (orientation:landscape){.header{padding:1rem 1.5rem}.image-banner{min-height:90vh}.nav-item,.navigation{text-align:right}.nav-item{margin:0 0 .5rem}.main-menu{max-height:calc(100vh - 70px);top:66px;padding:0 6.5rem 3rem 0;overflow-x:hidden;overflow-y:auto}.link-page{font-size:8vw;-webkit-text-stroke:1px var(--color-white)}}@media screen and (max-width:900px){.tilte-name h3{font-size:1.5rem}.item-second-box .tilte-name h3{font-size:1.2rem}}@media screen and (max-width:780px){body,html{font-size:20px}.thisbox{font-size:14vw}.grid-cover{max-width:400px}.client-page .content-client{padding:15vw 0 20vw}.grid{display:flex;flex-direction:column}.item-content-box{margin:0 0 10rem;max-width:80vw}.item-content-box:nth-child(even){margin:0 0 10rem;align-self:flex-end}.item-content-box:last-child{margin:0}.col-top{padding:1rem}.tilte-name h3{font-size:2.2rem}.client-view{right:1rem}.slide-project{max-width:70vw}.item-second-box{width:100%}.item-second-box .tilte-name h3{font-size:1.6rem}.item-second-box .client-view{width:4rem;height:4rem}}@media screen and (max-width:680px){.object-icon span{background-size:cover}.item-content-box{max-width:inherit}.item-content-box:nth-child(even){align-self:unset}.contact li{display:block;text-align:center}.contact li span{display:block;margin:auto}}@media screen and (max-width:580px){.header::after{height:60px}.header.hide:not(.active) .left-header,.header.hide:not(.active) .right-header{margin:-.7rem 0 0}.scroll-text span{font-size:20vw}.thisbox{font-size:16vw}.contact h3,.text-content h3{font-size:1.8rem}.text-content small{margin:0 .7rem 0 0}.link-other span{font-size:3rem}.brand-home .box-content{width:80%;margin:auto}.service-home .title-main>h2{font-size:2rem}.contact-home .title-main>h2{font-size:1.5rem}.thisbox large,.thisbox strong{-webkit-text-stroke:2px var(--color-white)}.client-page .content-client{padding:20vw 0 25vw}.tilte-name h3{font-size:1.6rem}.client-view{width:3rem;height:3rem}.slide-project{max-width:80vw}.item-second-box,.item-second-box .tilte-name{padding:0 .5rem}.item-second-box .tilte-name h3{font-size:1.4rem}.item-second-box .client-view{width:3rem;height:3rem}.tilte-name-details h3{font-size:2rem;font-weight:300}.content-details{margin-top:60px}.thumb-click{width:8rem;height:5rem;margin:0 .5rem 8rem}.click-next svg{right:-30%}.click-prev svg{left:-30%}}@media screen and (max-width:440px){body,html{font-size:19px}.line-color{stroke-width:1.5px}.link-other span{font-size:2.4rem}.link-other .line-color{stroke-width:1px}.contact h3,.text-content h3{font-size:1.6rem}.nav-click{width:3rem}.text-content li>p{font-size:1rem}blockquote{padding-left:4.5rem}.grid-cover{max-width:320px}.tilte-name h3{font-size:1.5rem}.item-second-box .tilte-name h3{font-size:1.2rem}.thumb-click{width:7rem;height:4.5rem;margin:0 .5rem 7rem}.click-next svg{right:-35%}.click-prev svg{left:-35%}}@media screen and (max-width:380px){body,html{font-size:18px}}body,html{animation-name:Start;animation-duration:.1s;animation-fill-mode:forwards}.fadein,.fadeoff,.fadeout,.text-ani.show .word,.text-li.show h3{animation-name:fadeIn;animation-duration:1s;animation-fill-mode:forwards}.fadeoff,.fadeout{animation-name:fadeOut}.fadeoff{animation-name:fadeOff}.currentpage .object-icon span{animation-name:showSVG;animation-duration:1.5s;animation-delay:.5s;animation-fill-mode:forwards}.text-ani .word,.text-li h3{opacity:0}.text-ani.show .word,.text-li.show h3{animation-duration:2s;animation-delay:calc(50ms*var(--word-index))}.text-li li{overflow:hidden}.text-li.show h3{animation-name:fadeInUp;animation-delay:calc(300ms*var(--item-index))}@media screen and (min-width:1024px){.on-text.show .word{animation-name:aniText;animation-duration:2s;animation-delay:.1s;animation-fill-mode:forwards}}@media screen and (max-width:1024px){.on-text .word{opacity:0}.on-text.show .word{animation-name:fadeIn;animation-duration:2s;animation-delay:calc(50ms*var(--word-index));animation-fill-mode:forwards}}@media (hover:hover) and (pointer:fine){.contact li a,.facebook,.go-top svg,.go-top-details svg,.icon-home,.language,.language::before,.line-color,.link-icon,.link-icon path,.link-load,.link-other button,.link-other span,.link-page,.scroll-down svg,.scroll-down-desktop svg,.text-content li a,.view-web-page{transition:all .3s ease-in-out}.click-next span,.click-prev span{transition:background-position .6s ease-in-out}.icon-logo{transition:all .6s ease-in-out}.icon-logo-over{transition:all .5s ease-in-out}.logo.on-click:hover .icon-logo{clip:rect(0,0,3rem,0)}.logo.on-click:hover .icon-logo-over{opacity:1;clip:rect(0,12rem,3rem,0)}.facebook:hover,.link-other button:hover span{color:var(--color-highlight)}.language:hover::before{background-color:var(--color-highlight);border-color:transparent}.go-top-details:hover svg,.go-top:hover svg,.scroll-down-desktop:hover svg,.scroll-down:hover svg{transform:scale(.9);filter:drop-shadow(.5rem 1rem 1.5rem var(--color-black-02))}.client-view:hover .line-color,.go-top-details:hover .line-color,.go-top:hover .line-color,.link-other button:hover .line-color,.scroll-down-desktop:hover .line-color,.scroll-down:hover .line-color{stroke-opacity:0;fill:var(--color-highlight)}.nav-item:not(.current):hover .icon-home{color:var(--color-highlight)}.client-view:hover .link-icon,.link-other button:hover .link-icon,.view-web-page:hover .link-icon{transform:scale(.9);filter:drop-shadow(.5rem 1rem 1.5rem var(--color-black-02))}.link-load:hover{background-color:var(--color-orange);color:var(--color-white)}.view-web-page:hover .line-color{stroke-opacity:0;fill:var(--color-highlight)}.home-content .link-other:hover span{opacity:1;transform:none}.text-content li a:hover{background-color:var(--color-highlight);color:var(--color-black)}.contact li a:hover,.view-web-page:hover{color:var(--color-highlight)}.link-hoz .text-nav .word,.link-hoz .text-nav::after{transition:transform .5s cubic-bezier(.5,.5,.3,1)}.link-hoz .link-page:hover{color:var(--color-highlight);-webkit-text-stroke:1px var(--color-highlight);-webkit-text-fill-color:var(--color-highlight)}.link-hoz .text-nav:hover::after{transform:translate3d(0,0,0);filter:drop-shadow(-.1rem .01rem .1rem var(--color-black-01))}.link-hoz .text-nav:hover .word{transform:translate3d(0,-100%,0)}.col-top .pic img{transition:filter .3s ease-in-out}.frame-item{transition:background .3s ease-in-out,border-color .3s ease-in-out}.tilte-name h3::before{content:attr(data-text);position:absolute;width:100%;height:0;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--color-white);-webkit-text-fill-color:transparent;overflow:hidden;transition:height .3s ease-out;pointer-events:none;font-size:inherit;font-weight:inherit;z-index:2}.tilte-name h3{transition:color .3s ease-in-out}.item-content-box.hover .col-top .pic img,.item-second-box.hover .col-top .pic img{filter:contrast(120%)}.item-content-box.hover .frame-item{background:var(--color-black-01);border-color:transparent}.item-content-box.hover .line-color,.item-second-box.hover .line-color{stroke-dasharray:5;stroke-dashoffset:0;stroke-width:2px;animation:strokeInOut 3s linear infinite}.item-content-box.hover .link-icon,.item-second-box.hover .link-icon{transform:scale(.9);filter:drop-shadow(.5rem 1rem 1.5rem var(--color-black-02))}.item-content-box.hover .tilte-name h3::before,.item-second-box.hover .tilte-name h3::before{height:100%}.item-content-box.hover .tilte-name h3,.item-second-box.hover .tilte-name h3{color:var(--color-white-zero)}.nav-click:hover rect{fill:var(--color-highlight)}.nav-click:not(.open-click):not(.close-details):hover .one{width:60px}.nav-click:not(.open-click):not(.close-details):hover .two{width:80px}.close-details:hover,.open-click:hover{transform:rotate(90deg)}.thumb-click span{transition:all .3s ease-in-out}.fill-color{transition:transform .3s ease-in-out}.click-prev:hover .fill-color{transform:translateX(-10%)}.click-next:hover .fill-color{transform:translateX(10%)}.thumb-click:hover .line-color{stroke-opacity:0;fill:var(--color-highlight)}.thumb-click:hover span{filter:contrast(120%);box-shadow:.8rem 1.5rem 1.5rem 0 var(--color-black-01)}.cursor{position:fixed;top:0;left:0;display:block;pointer-events:none;backface-visibility:hidden;overflow:visible;z-index:99900000}.cursor-inner{fill:none;stroke:var(--color-highlight);stroke-width:.01rem}.cursor-dot{fill:var(--color-white);stroke:none;stroke-width:0}.cursor.focus:not(.drag){mix-blend-mode:difference}.cursor.focus:not(.drag) .cursor-inner{fill:none;stroke-width:.005rem}.cursor .t-drag{fill:var(--color-white);font-size:2px;font-weight:900;opacity:0}.cursor.drag .cursor-inner{fill:var(--color-black-03);stroke-width:0}.cursor.drag .cursor-dot{fill:none}.cursor.drag .t-drag{opacity:1}.cursor-none{cursor:none!important}}*{scrollbar-width:none}* ::-webkit-scrollbar,::-webkit-scrollbar{width:0;display:none}.smooth,.smooth-detail{scroll-behavior:auto;min-height:100vh}.smooth [data-prevent],.smooth-detail [data-prevent]{overscroll-behavior:contain}[data-orientation=vertical]{overflow-x:hidden;overflow-y:auto}[data-orientation=horizontal]{overflow-y:hidden;overflow-x:auto}.scrollbar,.scrollbar-body{position:fixed;right:0;top:0;width:.6rem;height:100%;transform-origin:center right}.scrollbar{z-index:240}.scrollbar-body{z-index:230}.scrollbar-body-thumb,.scrollbar-thumb{position:absolute;top:0;right:.1rem;background-color:var(--color-white-05);transition:opacity .3s ease-in-out,width .2s ease;width:.2rem;border-radius:.2rem;opacity:.5;cursor:grab}.scrollbar-body-thumb:active,.scrollbar-thumb:active{cursor:grabbing}.scrollbar-body-thumb:hover,.scrollbar-thumb:hover{opacity:1;width:.5rem;border-radius:.5rem}[data-orientation=horizontal] .scrollbar,[data-orientation=horizontal] .scrollbar-body{width:100%;height:.2rem;top:auto;right:auto;left:0;bottom:.1rem;border-radius:.2rem}[data-orientation=horizontal] .scrollbar-body-thumb,[data-orientation=horizontal] .scrollbar-thumb{right:auto;bottom:0}[data-orientation=horizontal] .scrollbar-body-thumb:hover,[data-orientation=horizontal] .scrollbar-thumb:hover{opacity:1;height:.4rem;border-radius:.4rem}.scrolling .scrollbar-body-thumb,.scrolling .scrollbar-thumb{opacity:1}.scrolling .trans,.scrolling iframe{pointer-events:none}.stopped{overflow:hidden}.stopped body>.scrollbar-body{opacity:0;pointer-events:none}.is-touch .scrollbar,.is-touch .scrollbar-body{display:none}</style>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-78183549-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-78183549-1'); </script> <script type="application/ld+json">{"@context": "https://schema.org","@type": "Organization","url": "https://www.btq.vn","name": "Công Ty BTQ","logo": ["https://www.btq.vn/template/images/social-share.png"],"contactPoint": {"@type": "ContactPoint", "telephone": "028-6659-8327","contactType": "Customer service"},"sameAs": ["https://www.facebook.com/btq.vn/"],"aggregateRating": { "@type": "AggregateRating","ratingValue": "4.7","bestRating": "5","ratingCount": "368"}}</script> <meta name="csrf-token" content="KOXk16Tl8FkvmaYJBVq8B6yI8ylnOjHP7GpvmnqV"></head><body id="main-page"><div id="render-styles"></div><noscript id="deferred-styles"><link rel="stylesheet" href="https://www.btq.vn/template/css/image.css?ver=3.0.0"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;900&display=swap"></noscript><script>var loadDeferredStyles = function() { var addStylesNode = document.getElementById("deferred-styles"); var replacement = document.getElementById("render-styles"); replacement.innerHTML = addStylesNode.textContent; document.body.appendChild(replacement) addStylesNode.parentElement.removeChild(addStylesNode);}; var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame; if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0);}); else window.addEventListener('load', loadDeferredStyles);</script><header class="header"><div class="left-header"><div class="logo"><div class="company"><h1>Công ty BTQ, thiết kế website, thiết kế đồ hoạ, thiết kế thương hiệu</h1></div><span class="icon-logo"></span> <span class="icon-logo-over"></span></div></div><div class="right-header"><div class="click-lang"><a id="language" class="language" href="#" aria-label="language"><span>en</span></a> </div><div class="nav-click"><svg class="line" viewBox="0 0 100 50"><rect class="one" x="0" y="6"/><rect class="two" x="0" y="24"/><rect class="three" x="0" y="42"/></svg></div></div><div class="navigation"><nav class="main-menu"> <div class="nav-item"><a class="link-home" href="https://www.btq.vn/" data-name="home-page" aria-label="home"><span class="icon-home"><svg viewBox="0 0 50 36"><path fill="currentColor" d="M25,0 15.017,10 15.017,6 7.031,6 7.031,18 0,25.043 1.412,26.457 25,2.828 48.588,26.457 50,25.043z"/><path fill="currentColor" d="M7.031,26 7,36 42.896,36 42.896,26 25,8z"/></svg></span></a><div class="class-hidden link-change-url" data-title="Công ty thiết kế BTQ đồng hành cùng doanh nghiệp phát triển giá trị thương hiệu" data-description="Công ty BTQ chuyên thiết kế website, thiết kế đồ hoạ, thiết kế nhận diện thương hiệu, thiết kế logo, xây dựng câu chuyện thương hiệu, phát triển giá trị thương hiệu" data-keyword="Công ty BTQ, thiết kế website, thiết kế đồ họa, thiết kế nhận diện thương hiệu, thiết kế logo, xây dựng câu chuyện thương hiệu, phát triển giá trị thương hiệu" aria-label="linkchangeurl"></div></div> <div class="nav-item link-hoz "><a class="text-nav link-page" href="https://www.btq.vn/gioi-thieu.html" data-name="about-page" data-text="Lời ngỏ" aria-label="about-page">Lời ngỏ</a><div class="class-hidden link-change-url" data-title="Công ty thiết kế BTQ Lời ngỏ" data-description="BTQ luôn xem trọng sự sáng tạo, và luôn phát triển sức sáng tạo trong từng việc chúng tôi làm. Nắm bắt thông điệp của Doanh nghiệp, xây dựng ý tưởng và phát triển ý tưởng đó thành bản sắc thương hiệu." data-keyword="thiết kế website, thiết kế đồ hoạ, thiết kế nhận diện thương hiệu, thiết kế logo, xây dựng câu chuyện thương hiệu, phát triển giá trị thương hiệu, ai website, kỹ thuật số, 3graphic" aria-label="linkchangeurl"></div></div> <div class="nav-item link-hoz "><a class="text-nav link-page" href="https://www.btq.vn/dich-vu.html" data-name="service-page" data-text="Dịch vụ" aria-label="service-page">Dịch vụ</a><div class="class-hidden link-change-url" data-title="Công ty BTQ Dịch vụ" data-description="BTQ rất tự tin để khẳng định khả năng dẫn đầu trong lĩnh vực thiết kế website, thiết kế đồ hoạ, thiết kế nhận diện thương hiệu, thiết kế logo, xây dựng câu chuyện thương hiệu, phát triển giá trị thương hiệu" data-keyword="thiết kế website, thiết kế đồ hoạ, thiết kế nhận diện thương hiệu, thiết kế logo, xây dựng câu chuyện thương hiệu, phát triển giá trị thương hiệu, ai website, kỹ thuật số, 3graphic, btq, seo, dich vụ" aria-label="linkchangeurl"></div></div> <div class="nav-item link-hoz "><a class="text-nav link-page" href="https://www.btq.vn/khach-hang.html" data-name="client-page" data-text="Khách hàng" aria-label="client-page">Khách hàng</a><div class="class-hidden link-change-url" data-title="Công ty thiết kế BTQ Khách hàng" data-description="Khách hàng là người cộng tác tuyệt vời. Đó là cơ hội để chúng tôi thể hiện năng lực, là động cơ thôi thúc chúng tôi không ngừng sáng tạo. BTQ trân trọng điều đó, chúng tôi cam kết không để bất kỳ khó khăn nào ảnh hưởng đến niềm tin của Khách hàng." data-keyword="An Gia, An Cuong, Malloca, Aconcept, Crocus Media, Crocus Origin, Nem Kim Cuong, Savico, DRH, DKRA, OCB, TTC Land, SCB, Long Thanh Golf, Long Bien Golf, Twin Doves Golf, Euro Title, PVOIL, Bach Viet Group, NHO, Sen Group, Merryland" aria-label="linkchangeurl"></div></div> <div class="nav-item link-hoz "><a class="text-nav link-page" href="https://www.btq.vn/lien-he.html" data-name="contact-page" data-text="Liên hệ" aria-label="contact-page">Liên hệ</a><div class="class-hidden link-change-url" data-title="Công ty thiết kế BTQ Liên hệ" data-description="Địa chỉ: 181/31 Ba Tháng Hai, Phường 11, Quận 10, Tp. HCM. Điện thoại: (028) 6659 8327 ..." data-keyword="BTQ liên hệ, thiết kế website, thiết kế đồ hoạ, thiết kế nhận diện thương hiệu, thiết kế logo, xây dựng câu chuyện thương hiệu, phát triển giá trị thương hiệu, ai website, kỹ thuật số, 3graphic" aria-label="linkchangeurl"></div></div> <div class="nav-item link-hoz display-none"><a class="text-nav link-page" href="https://www.btq.vn/404.html" data-name="page404-page" data-text="Error 404" aria-label="page404-page">Error 404</a><div class="class-hidden link-change-url" data-title="Error 404" data-description="Error 404" data-keyword="Error 404" aria-label="linkchangeurl"></div></div> </nav></div></header><main class="main"> <div class="page-home" id="homebg"><div class="background"><div class="banner-full-slide layout-move" data-time="5000"> <div class="banner-slide"><div class="bg-line"></div><h2 class="banner-slide-title column col-x-y"> <span class="slide-title-inner column col-short">Real Estate</span> <span class="slide-title-inner column col-short">Construction</span> </h2><div class="slide-img-wrap column col-x-y"><div class="pic-img slide-img-1 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/1.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/1.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/1.png" alt="Real Estate Construction" loading="lazy"></picture></div><div class="pic-img slide-img-2 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/2.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/2.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/2.png" alt="Real Estate Construction" loading="lazy"></picture></div><div class="pic-img slide-img-3 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/3.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/3.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/3.png" alt="Real Estate Construction" loading="lazy"></picture></div><div class="pic-img slide-img-4 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/4.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/4.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/4.png" alt="Real Estate Construction" loading="lazy"></picture></div></div></div> <div class="banner-slide"><div class="bg-line"></div><h2 class="banner-slide-title column col-x-y"> <span class="slide-title-inner column col-short">Consumer</span> <span class="slide-title-inner column col-short">Goods</span> </h2><div class="slide-img-wrap column col-x-y"><div class="pic-img slide-img-1 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/5.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/5.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/5.png" alt="Consumer Goods" loading="lazy"></picture></div><div class="pic-img slide-img-2 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/6.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/6.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/6.png" alt="Consumer Goods" loading="lazy"></picture></div><div class="pic-img slide-img-3 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/7.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/7.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/7.png" alt="Consumer Goods" loading="lazy"></picture></div><div class="pic-img slide-img-4 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/8.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/8.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/8.png" alt="Consumer Goods" loading="lazy"></picture></div></div></div> <div class="banner-slide"><div class="bg-line"></div><h2 class="banner-slide-title column col-x-y"> <span class="slide-title-inner column col-short">Furniture</span> <span class="slide-title-inner column col-short">& Interior</span> </h2><div class="slide-img-wrap column col-x-y"><div class="pic-img slide-img-1 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/9.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/9.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/9.png" alt="Furniture & Interior" loading="lazy"></picture></div><div class="pic-img slide-img-2 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/10.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/10.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/10.png" alt="Furniture & Interior" loading="lazy"></picture></div><div class="pic-img slide-img-3 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/11.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/11.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/11.png" alt="Furniture & Interior" loading="lazy"></picture></div><div class="pic-img slide-img-4 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/12.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/12.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/12.png" alt="Furniture & Interior" loading="lazy"></picture></div></div></div> <div class="banner-slide"><div class="bg-line"></div><h2 class="banner-slide-title column col-x-y"> <span class="slide-title-inner column col-short">Interactive</span> <span class="slide-title-inner column col-short">Media</span> </h2><div class="slide-img-wrap column col-x-y"><div class="pic-img slide-img-1 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/13.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/13.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/13.png" alt="Interactive Media" loading="lazy"></picture></div><div class="pic-img slide-img-2 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/14.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/14.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/14.png" alt="Interactive Media" loading="lazy"></picture></div><div class="pic-img slide-img-3 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/15.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/15.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/15.png" alt="Interactive Media" loading="lazy"></picture></div><div class="pic-img slide-img-4 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/16.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/16.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/16.png" alt="Interactive Media" loading="lazy"></picture></div></div></div> <div class="banner-slide"><div class="bg-line"></div><h2 class="banner-slide-title column col-x-y"> <span class="slide-title-inner column col-short">Golf &</span> <span class="slide-title-inner column col-short">Resort</span> </h2><div class="slide-img-wrap column col-x-y"><div class="pic-img slide-img-1 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/17.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/17.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/17.png" alt="Golf & Resort" loading="lazy"></picture></div><div class="pic-img slide-img-2 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/18.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/18.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/18.png" alt="Golf & Resort" loading="lazy"></picture></div><div class="pic-img slide-img-3 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/19.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/19.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/19.png" alt="Golf & Resort" loading="lazy"></picture></div><div class="pic-img slide-img-4 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/20.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/20.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/20.png" alt="Golf & Resort" loading="lazy"></picture></div></div></div> <div class="banner-slide"><div class="bg-line"></div><h2 class="banner-slide-title column col-x-y"> <span class="slide-title-inner column col-short">Restaurant</span> <span class="slide-title-inner column col-short">& Hotel</span> </h2><div class="slide-img-wrap column col-x-y"><div class="pic-img slide-img-1 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/21.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/21.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/21.png" alt="Restaurant & Hotel" loading="lazy"></picture></div><div class="pic-img slide-img-2 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/22.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/22.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/22.png" alt="Restaurant & Hotel" loading="lazy"></picture></div><div class="pic-img slide-img-3 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/23.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/23.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/23.png" alt="Restaurant & Hotel" loading="lazy"></picture></div><div class="pic-img slide-img-4 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/24.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/24.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/24.png" alt="Restaurant & Hotel" loading="lazy"></picture></div></div></div> <div class="banner-slide"><div class="bg-line"></div><h2 class="banner-slide-title column col-x-y"> <span class="slide-title-inner column col-short">Bank &</span> <span class="slide-title-inner column col-short">Finance</span> </h2><div class="slide-img-wrap column col-x-y"><div class="pic-img slide-img-1 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/25.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/25.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/25.png" alt="Bank & Finance" loading="lazy"></picture></div><div class="pic-img slide-img-2 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/26.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/26.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/26.png" alt="Bank & Finance" loading="lazy"></picture></div><div class="pic-img slide-img-3 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/27.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/27.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/27.png" alt="Bank & Finance" loading="lazy"></picture></div><div class="pic-img slide-img-4 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/28.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/28.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/28.png" alt="Bank & Finance" loading="lazy"></picture></div></div></div> <div class="banner-slide"><div class="bg-line"></div><h2 class="banner-slide-title column col-x-y"> <span class="slide-title-inner column col-short">Health &</span> <span class="slide-title-inner column col-short">Beauty Care</span> </h2><div class="slide-img-wrap column col-x-y"><div class="pic-img slide-img-1 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/29.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/29.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/29.png" alt="Health & Beauty Care" loading="lazy"></picture></div><div class="pic-img slide-img-2 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/30.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/30.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/30.png" alt="Health & Beauty Care" loading="lazy"></picture></div><div class="pic-img slide-img-3 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/31.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/31.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/31.png" alt="Health & Beauty Care" loading="lazy"></picture></div><div class="pic-img slide-img-4 column col-x-y"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/home/32.png"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/home/32.png"><img class="slide-img lazy" data-src="https://www.btq.vn/pictures/files/home/32.png" alt="Health & Beauty Care" loading="lazy"></picture></div></div></div> </div></div><div class="home-content"> <div class="content-inner brand-home"><div class="scroll-text btq-text"><div class="inner-text"><span>Công Ty BTQ</span> <span>Công Ty BTQ</span></div><div class="inner-text"><span>Công Ty BTQ</span> <span>Công Ty BTQ</span></div></div><div class="content-flex"><div class="text-content"><div class="title-main max"><h2>BTQ</h2></div><div class="box-content translator text-li"><ul> <li> <h3>Tư vấn thiết kế thương hiệu</h3> </li> <li> <h3>Thiết kế nhận diện thương hiệu</h3> </li> <li> <h3>Thiết kế và lập trình website</h3> </li> <li> <h3>Sáng tạo và Chăm sóc nội dung website</h3> </li> </ul></div></div><div class="link-other tilte-trans"><button data-target="about-page" aria-label="about"><span>xem thêm</span></button></div></div></div> <div class="content-inner service-home"><div class="content-flex"><div class="text-content translator"><div class="title-main"><h2 class="on-text">Tại BTQ, chúng tôi truyền sự sáng tạo và tinh tế vào từng dự án, mang đến những trải nghiệm độc đáo và không thể nhầm lẫn.</h2></div><div class="box-content"></div></div><div class="link-other tilte-trans"><button data-target="service-page" aria-label="service"><span>xem thêm</span></button></div></div></div> <div class="content-inner client-home"><div class="scroll-text"><div class="inner-text"><span>Dự án</span> <span>Dự án</span></div><div class="inner-text"><span>Dự án</span> <span>Dự án</span></div></div><div class="grid-cover"> <div class="grid-item"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/client/2fvisual/thumb.jpg"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/client/2fvisual/thumb.jpg"><img class="item-small lazy" data-src="https://www.btq.vn/pictures/files/client/2fvisual/thumb.jpg" alt="2F VISUAL" loading="lazy"></picture></div> <div class="grid-item"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/client/gempark/thumb.jpg"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/client/gempark/thumb.jpg"><img class="item-small lazy" data-src="https://www.btq.vn/pictures/files/client/gempark/thumb.jpg" alt="Gem Park" loading="lazy"></picture></div> <div class="grid-item"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/client/goldensun/thumb.jpg"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/client/goldensun/thumb.jpg"><img class="item-small lazy" data-src="https://www.btq.vn/pictures/files/client/goldensun/thumb.jpg" alt="Golden Sun" loading="lazy"></picture></div> <div class="grid-item"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/client/theseaclass/thumb.jpg"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/client/theseaclass/thumb.jpg"><img class="item-small lazy" data-src="https://www.btq.vn/pictures/files/client/theseaclass/thumb.jpg" alt="The Sea Class" loading="lazy"></picture></div> <div class="grid-item"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/client/crocusorigin/thumb.jpg"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/client/crocusorigin/thumb.jpg"><img class="item-small lazy" data-src="https://www.btq.vn/pictures/files/client/crocusorigin/thumb.jpg" alt="Crocus Origin" loading="lazy"></picture></div> <div class="grid-item"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/client/viglacera/thumb.jpg"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/client/viglacera/thumb.jpg"><img class="item-small lazy" data-src="https://www.btq.vn/pictures/files/client/viglacera/thumb.jpg" alt="Viglacera Tiles" loading="lazy"></picture></div> <div class="grid-item"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/client/charm-lifestyle/thumb.jpg"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/client/charm-lifestyle/thumb.jpg"><img class="item-small lazy" data-src="https://www.btq.vn/pictures/files/client/charm-lifestyle/thumb.jpg" alt="Charm Lifestyle" loading="lazy"></picture></div> <div class="grid-item"><picture class="picture"><source media="(max-width:1024px)" srcset="https://www.btq.vn/pictures/mobiles/client/goldencity/thumb.jpg"><source media="(min-width:1024px)" srcset="https://www.btq.vn/pictures/files/client/goldencity/thumb.jpg"><img class="item-small lazy" data-src="https://www.btq.vn/pictures/files/client/goldencity/thumb.jpg" alt="Golden City" loading="lazy"></picture></div><div class="link-other tilte-trans"><button data-target="client-page" aria-label="client"><span>xem thêm</span></button></div></div></div> <div class="content-inner contact-home"><div class="pic-svg"><svg width="2400" height="1350" viewBox="0 0 2400 1350"><g data-name="01"><polygon points="1112.69 172.14 1089.67 211.3 1037.59 195.61 1061.22 156.96 1112.69 172.14" fill="#fff"/><polygon points="1112.69 172.14 1115.16 215.77 1092.58 254.72 1089.67 211.3 1112.69 172.14" fill="#999"/><polygon points="1089.67 211.3 1092.58 254.72 1041.58 239.06 1037.59 195.61 1089.67 211.3" fill="#aaa"/><polygon points="1249.87 360.71 1235 386 1201.35 375.87 1216.61 350.9 1249.87 360.71" fill="#fff"/><polygon points="1249.87 360.71 1251.47 388.9 1236.88 414.07 1235 386 1249.87 360.71" fill="#999"/><polygon points="1235 386 1236.88 414.07 1203.93 403.94 1201.35 375.87 1235 386" fill="#aaa"/><polygon points="1538.84 105.34 1526.38 126.53 1498.2 118.04 1510.99 97.13 1538.84 105.34" fill="#fff"/><polygon points="1538.84 105.34 1540.17 128.95 1527.96 150.02 1526.38 126.53 1538.84 105.34" fill="#999"/><polygon points="1526.38 126.53 1527.96 150.02 1500.36 141.55 1498.2 118.04 1526.38 126.53" fill="#aaa"/></g><g data-name="02"><polygon points="372.56 526.93 439.15 521.29 464.63 597.15 398.13 601.66 372.56 526.93" fill="#ddd"/><polygon points="372.56 526.93 422.88 486.88 488.8 480.82 439.15 521.29 372.56 526.93" fill="#fff"/><polygon points="439.15 521.29 488.8 480.82 513.4 555.39 464.63 597.15 439.15 521.29" fill="#aaa"/><polygon points="853.34 625.06 841 570 881.4 569.11 853.34 625.06" fill="#aaa"/><polygon points="819 531.55 859.87 527.04 841 570 819 531.55" fill="#eee"/><polygon points="843.26 481.17 887.51 529.44 859.87 527.04 843.26 481.17" fill="#eee"/><polygon points="805.85 536.3 843.26 481.17 819 531.55 805.85 536.3" fill="#eee"/><polygon points="809.09 575 819 531.55 805.85 536.3 809.09 575" fill="#fef9f7"/><polygon points="840.97 570.04 819.04 531.54 809.03 574.96 840.97 570.04" fill="#fff"/><polygon points="859.87 527.04 841 570 881.4 569.11 859.87 527.04" fill="#ddd"/><polygon points="881.4 569.11 859.87 527.04 887.51 529.44 881.4 569.11" fill="#aaa"/><polygon points="853.34 625.06 841 570 809.09 575 853.34 625.06" fill="#ddd"/><polygon points="819 531.55 859.91 527.11 843.26 481.17 819 531.55" fill="#fff"/><polygon points="967.46 633.39 941.88 624.46 914.47 647.66 967.46 633.39" fill="#eee"/><polygon points="931.87 684.05 967.5 633.38 914.4 647.69 931.87 684.05" fill="#fff"/><polygon points="970.06 681.89 967.46 633.39 931.76 684.02 970.06 681.89" fill="#aaa"/><polygon points="975.52 644.82 967.47 633.43 969.98 681.8 975.52 644.82" fill="#bbb"/></g><g data-name="03"><polygon points="1086.91 1175.14 1128.2 1137.61 1149.72 1179.4 1086.91 1175.14" fill="#aaa"/><polygon points="1150.09 1097.26 1175 1138 1128.2 1137.61 1150.09 1097.26" fill="#fff"/><polygon points="1206.13 1100.08 1187.14 1167.95 1175 1138 1206.13 1100.08" fill="#999"/><polygon points="1139.24 1085.79 1206.13 1100.08 1150.09 1097.26 1139.24 1085.79" fill="#ddd"/><polygon points="1107.45 1106.5 1150.09 1097.26 1139.24 1085.79 1107.45 1106.5" fill="#fff"/><polygon points="1128.2 1137.61 1150.09 1097.26 1107.45 1106.5 1128.2 1137.61" fill="#eee"/><polygon points="1175 1138 1128.2 1137.61 1149.72 1179.4 1175 1138" fill="#ddd"/><polygon points="1149.72 1179.4 1175 1138 1187.14 1167.95 1149.72 1179.4" fill="#aaa"/><polygon points="1086.91 1175.14 1128.2 1137.61 1107.45 1106.5 1086.91 1175.14" fill="#ddd"/><polygon points="1150.02 1097.09 1175 1138 1206.2 1099.94 1150.02 1097.09" fill="#eee"/></g><g data-name="04"><polygon points="2066.49 1099.28 2022.06 1165.22 2149.83 1127.5 2066.49 1099.28" fill="#888"/><polygon points="2066.49 1099.28 2015.09 1030.62 2022.06 1165.22 2066.49 1099.28" fill="#ddd"/><polygon points="2066.18 1015.09 2015.09 1030.62 2117.34 1028.55 2066.18 1015.09" fill="#aaa"/><polygon points="2117.34 1028.55 2066.49 1099.28 2149.83 1127.5 2117.34 1028.55" fill="#999"/><polygon points="2147.52 1071.22 2117.34 1028.55 2149.83 1127.5 2147.52 1071.22" fill="#aaa"/><polygon points="2117.34 1028.55 2015.09 1030.62 2066.49 1099.28 2117.34 1028.55" fill="#eee"/></g><g data-name="05"><polygon points="1741.24 325.62 1825.43 339.92 1818.64 360.78 1735.23 340.55 1741.24 325.62" fill="#fff"/><polygon points="1846.79 390.78 1818.64 360.78 1825.43 339.92 1846.79 390.78" fill="#aaa"/><polygon points="1806.11 401.9 1818.64 360.78 1847 390.93 1806.11 401.9" fill="#ddd"/><polygon points="1846.61 391.03 1846.86 390.96 1846.69 391.1 1845.17 392.04 1799.56 421.54 1806.11 401.9 1846.61 391.03" fill="#aaa"/><polygon points="1806.11 401.9 1799.56 421.54 1721.99 384.76 1726.01 369.59 1806.11 401.9" fill="#bbb"/><polygon points="1726.01 369.59 1735.23 340.55 1818.64 360.78 1806.11 401.9 1726.01 369.59" fill="#eee"/><polygon points="1721.99 384.76 1707.65 347.35 1726.01 369.59 1721.99 384.76" fill="#ddd"/><polygon points="1707.65 347.35 1741.24 325.62 1735.23 340.55 1707.65 347.35" fill="#ddd"/><polygon points="1726.01 369.59 1707.65 347.35 1735.23 340.55 1726.01 369.59" fill="#fff"/><polygon points="1776.71 759.03 1754.18 776.99 1759.5 814.81 1776.71 759.03" fill="#aaa"/><polygon points="1802.11 819.78 1776.73 758.99 1759.5 814.89 1802.11 819.78" fill="#ddd"/><polygon points="1821.84 784.2 1776.71 759.03 1802.03 819.87 1821.84 784.2" fill="#aaa"/><polygon points="1791.58 758.26 1776.75 759.05 1821.7 784.22 1791.58 758.26" fill="#eee"/><polygon points="1642.33 901.33 1653.89 927.17 1666.49 881.42 1642.33 901.33" fill="#999"/><polygon points="1611.77 904.13 1642.16 901.25 1653.96 926.99 1611.77 904.13" fill="#aaa"/><polygon points="1642.33 901.33 1630.5 872.69 1666.49 881.42 1642.33 901.33" fill="#aaa"/><polygon points="1649.03 871.6 1666.49 881.42 1630.5 872.69 1649.03 871.6" fill="#eee"/><polygon points="1642.33 901.33 1611.9 904.02 1630.5 872.69 1642.33 901.33" fill="#ddd"/><polygon points="1630.5 872.69 1611.9 904.02 1616.78 885.64 1630.5 872.69" fill="#fef9f6"/></g><g data-name="06"><polygon points="2169.17 434.36 2141.74 481.02 2079.7 462.32 2107.85 416.28 2169.17 434.36" fill="#fff"/><polygon points="2169.17 434.36 2172.11 486.34 2145.21 532.74 2141.74 481.02 2169.17 434.36" fill="#999"/><polygon points="2141.74 481.02 2145.21 532.74 2084.45 514.09 2079.7 462.32 2141.74 481.02" fill="#aaa"/><polygon points="2117.16 293.49 2083.56 317.52 2095.81 350.16 2130 326 2117.16 293.49" fill="#fff"/><polygon points="2144.8 312.66 2117.16 293.49 2130 326 2157.73 344.82 2144.8 312.66" fill="#999"/><polygon points="2130 326 2095.81 350.16 2124.05 368.33 2157.73 344.82 2130 326" fill="#aaa"/></g><g data-name="07"><polygon points="245.01 1006.82 271.68 956.07 307.15 988.86 245.01 1006.82" fill="#888"/><polygon points="278.63 909.41 317 940 271.68 956.07 278.63 909.41" fill="#eee"/><polygon points="333.73 892.43 339.26 964.65 317 940 333.73 892.43" fill="#ddd"/><polygon points="264.13 902.15 333.73 892.43 278.63 909.41 264.13 902.15" fill="#eee"/><polygon points="240.7 933.33 278.63 909.41 264.13 902.15 240.7 933.33" fill="#ddd"/><polygon points="271.68 956.07 278.63 909.41 240.7 933.33 271.68 956.07" fill="#fff"/><polygon points="317 940 271.68 956.07 307.15 988.86 317 940" fill="#aaa"/><polygon points="307.15 988.86 317 940 339.26 964.65 307.15 988.86" fill="#999"/><polygon points="245.01 1006.82 271.68 956.07 240.7 933.33 245.01 1006.82" fill="#aaa"/><polygon points="278.5 909.28 317 940 333.75 892.27 278.5 909.28" fill="#fff"/><polygon points="470.65 1020.72 447.18 1066.25 458.59 1071.01 479.23 1023.59 470.65 1020.72" fill="#eee"/><polygon points="461.62 1095.9 458.59 1071.01 447.18 1066.25 461.62 1095.9" fill="#999"/><polygon points="480.76 1080.81 458.59 1071.01 461.61 1096.05 480.76 1080.81" fill="#aaa"/><polygon points="461.8 1095.9 461.68 1096 461.79 1095.96 462.74 1095.61 491.55 1085.22 480.76 1080.81 461.8 1095.9" fill="#888"/><polygon points="480.76 1080.81 491.55 1085.22 503 1034.22 495.02 1030.33 480.76 1080.81" fill="#999"/><polygon points="495.02 1030.33 479.23 1023.59 458.59 1071.01 480.76 1080.81 495.02 1030.33" fill="#ddd"/><polygon points="503 1034.22 491.88 1013.07 495.02 1030.33 503 1034.22" fill="#aaa"/><polygon points="491.88 1013.07 470.65 1020.72 479.23 1023.59 491.88 1013.07" fill="#ddd"/><polygon points="495.02 1030.33 491.88 1013.07 479.23 1023.59 495.02 1030.33" fill="#fff"/></g><g data-name="08"><polygon points="675.34 291.27 655.26 332.3 725 300.76 675.34 291.27" fill="#888"/><polygon points="640.67 256.25 655.26 332.3 675.34 291.27 640.67 256.25" fill="#ddd"/><polygon points="668.53 243.37 640.67 256.25 698.71 247.01 668.53 243.37" fill="#aaa"/><polygon points="725 300.76 698.71 247.01 675.34 291.27 725 300.76" fill="#999"/><polygon points="719.25 268.91 698.71 247.01 725 300.76 719.25 268.91" fill="#aaa"/><polygon points="698.71 247.01 640.67 256.25 675.34 291.27 698.71 247.01" fill="#eee"/><polygon points="226.98 80.31 152.51 80.31 102.9 164.72 226.98 80.31" fill="#ddd"/><polygon points="180.29 242.78 226.98 80.31 102.9 164.72 180.29 242.78" fill="#fff"/><polygon points="277 202.56 226.98 80.31 180.29 242.78 277 202.56" fill="#aaa"/><polygon points="257.96 102.4 226.98 80.31 277 202.56 257.96 102.4" fill="#eee"/></g></svg></div><div class="scroll-text"><div class="inner-text"><span>Liên hệ</span> <span>Liên hệ</span></div><div class="inner-text"><span>Liên hệ</span> <span>Liên hệ</span></div></div><div class="content-flex"><div class="text-content translator"><div class="title-main"><h2 class="text-ani">Liên hệ với chúng tôi ngay hôm nay để bắt đầu hành trình sáng tạo cùng nhau.</h2></div><div class="box-content"></div></div><div class="link-other tilte-trans"><button data-target="contact-page" aria-label="contact"><span>chi tiết</span></button></div></div></div> <div class="bottom"><div class="social tilte-trans"><div class="facebook"><a class="facebook-click" target="_blank" href="https://www.facebook.com/btq.vn/" rel="nofollow noopener" aria-label="facebook"><svg viewBox="0 0 40 50"><path fill="currentColor" d="M27.4,11.1h-5V7.8c0-1.2,0.8-1.5,1.4-1.5c0.6,0,3.5,0,3.5,0V0.8h-4.9c-5.4,0-6.7,4.1-6.7,6.7v3.6h-3.1v5.6 h3.1c0,7.2,0,15.9,0,15.9h6.6c0,0,0-8.8,0-15.9h4.4L27.4,11.1z"></path></svg></a></div><div class="copyright"><p>2004 - 2024 © <strong>BTQ</strong> COMPANY.</p></div></div></div></div></div> </main><div class="detail-load" id="details"><div class="content-data"><div class="insert-content"></div></div></div><div class="bg-page"></div><div class="httpserver class-hidden">https://www.btq.vn/</div><div class="httptemplate class-hidden">https://www.btq.vn/template/</div> <div class="alternate-hl-home alternate-hl-en class-hidden">https://www.btq.vn/en</div> <div class="loadicon"><span class="circle"></span></div><svg class="cursor" x="0" y="0" width="20" height="20" viewBox="0 0 20 20"><circle class="cursor-inner" cx="10" cy="10" r="6"/><circle class="cursor-dot" cx="10" cy="10" r="3"/><text class="t-drag" transform="matrix(1 0 0 1 7.5 11)">DRAG</text></svg><script src="https://www.btq.vn/template/js/common.js?ver=3.0.0" defer="defer" type="text/javascript"></script><script src="https://www.btq.vn/template/js/app.js?ver=3.0.0" defer="defer" type="text/javascript"></script></body></html>