body{overflow-x:hidden}.UIUX_BGfade{background-color:#fff;color:#000;position:relative}.UIUX_BGfade2{background-color:#fff;color:#000;position:relative}.Intro{overflow:hidden;position:relative;background-color:#fff;padding-bottom:1080px}@media (max-width: 767px){.Intro{padding-bottom:0}}.IntroLayer{background-color:#fff;position:relative;z-index:10;transition:opacity 0.5s 1s ease, transform 0.5s 1s ease}.IntroLayerLoaded{z-index:4}.IntroLayer01{background:white;width:100%;height:100%;position:fixed;top:0;left:0;z-index:3;transition:opacity 0.5s 0.5s ease, transform 0.5s 0.5s ease}.IntroLayer01Loaded{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.IntroLayer02{background:url("../../img/services/bg_loading.jpg") center/cover no-repeat;width:100%;height:200%;position:fixed;top:0;left:0;z-index:2;transition:opacity 0.5s 0.8s ease, transform 0.5s 0.8s ease}.IntroLayer02Loaded{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}@media (min-width: 768px){.IntroLayer>.container{height:85vh;display:flex;align-items:center}}@media (max-width: 767px){.IntroLayer>.container{padding-left:24px;padding-right:24px}}.IntroRow{display:flex;justify-content:center;align-items:center;padding-top:0}@media (max-width: 767px){.IntroRow{flex-direction:column;align-items:flex-start;padding-top:120px;padding-bottom:100px}}.IntroHeading{position:relative;z-index:4;letter-spacing:0.1em;margin-top:0;font-family:"IBM Plex Sans",sans-serif}@media (min-width: 768px){.IntroHeading{width:50%;padding-right:120px}}.IntroHeading>span{font-size:92px;font-size:9.2rem;font-weight:normal;line-height:1;overflow:hidden;position:relative}@media (max-width: 767px){.IntroHeading>span{font-size:48px;font-size:4.8rem}}.IntroHeading>span span{display:block;position:relative;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);transition:opacity 0.3s ease-out, transform 0.3s ease-out}@media (max-width: 767px){.IntroHeading{top:auto}}@media (min-width: 768px){html[lang="ja"] .IntroHeading{top:-10px}}@media (min-width: 768px){html[lang="vi"] .IntroHeading>span{font-size:48px;font-size:4.8rem;font-weight:500;line-height:1}}@media (max-width: 767px){html[lang="vi"] .IntroHeading>span{font-size:28px;font-size:2.8rem;font-weight:500}}.IntroHeadingLoaded>span span{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.IntroExceprt{padding-left:15px;position:relative;z-index:4}@media (min-width: 768px){.IntroExceprt{width:50%}}@media (max-width: 767px){.IntroExceprt{padding-top:0;padding-left:0;margin-top:54px}}.IntroExceprt p{font-size:16px;font-size:1.6rem;color:#595959;line-height:30px;white-space:break-spaces}html[lang="ja"] .IntroExceprt p{font-size:16px;font-size:1.6rem;line-height:30px}@media (max-width: 767px){html[lang="ja"] .IntroExceprt p{font-size:14px;font-size:1.4rem;line-height:28px}}html[lang="vi"] .IntroExceprt p{white-space:pre-line}.IntroExceprt p,.IntroExceprt ul{opacity:0;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);transition:opacity 0.8s 1.4s ease, transform 0.8s 1.4s ease}.IntroExceprt ul{transition:opacity 0.8s 1.6s ease, transform 0.8s 1.6s ease}.IntroExceprtLoaded p,.IntroExceprtLoaded ul{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.IntroServices{margin-top:50px;font-size:16px;font-size:1.6rem;font-weight:bold;display:grid;grid-auto-flow:column;grid-template:repeat(2, 1fr)/repeat(3, 1fr);grid-row-gap:15px}@media (min-width: 768px){.IntroServices{grid-template-columns:auto auto 110px}html[lang="vi"] .IntroServices{grid-template-columns:auto auto 150px}}@media only screen and (max-width: 1194px){.IntroServices{grid-template:repeat(3, 1fr)/repeat(2, 1fr);gap:12px}}@media (max-width: 767px){.IntroServices{margin-top:28px;font-size:16px;font-size:1.6rem}html[lang="vi"] .IntroServices{font-size:12px;font-size:1.2rem}}.IntroServices li{line-height:28px}.IntroServices li:last-child{color:#595959}@media (max-width: 767px){.IntroServices li:nth-child(1){order:1}.IntroServices li:nth-child(2){order:2}.IntroServices li:nth-child(3){order:3}.IntroServices li:nth-child(4){order:4}.IntroServices li:nth-child(5){order:5}}html[lang="ja"] .IntroServices li{font-size:16px;font-size:1.6rem;line-height:30px;font-weight:bold}@media (max-width: 767px){html[lang="ja"] .IntroServices li{font-size:14px;font-size:1.4rem;line-height:28px}}.Intro__mv{position:fixed;width:100%;height:100vh;top:0;left:0;pointer-events:none;overflow:hidden}@media (max-width: 767px){.Intro__mv{position:relative;height:370px}}.Intro__mvBackground{pointer-events:none;background:#3b4cf0 url("../../img/services/uiux/bg.jpg") center no-repeat;background-size:cover;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}@media (max-width: 767px){.Intro__mvBackground{position:relative;height:370px}}.Intro__mvList{display:flex;flex-direction:column;gap:20px;position:absolute;top:50%;rotate:-10deg;left:50%;translate:-50% -50%}.Intro__mvRow{position:relative;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:30px}.Intro__mvItem{width:33vw;aspect-ratio:513 / 330;border:12px solid rgba(0,0,0,0.25);border-radius:30px;overflow:hidden;position:relative}@media (max-width: 767px){.Intro__mvItem{width:252px;border-radius:15px}}.Intro__mvItem img{width:100%;height:100%;object-fit:cover}.Why{position:relative;z-index:3;background-color:#fff;overflow:hidden;padding-top:200px}@media (max-width: 767px){.Why{padding-top:88px;padding-bottom:100px}}.WhyFlex{display:flex;align-items:flex-end}@media (max-width: 767px){.WhyFlex{flex-direction:column}}.WhyImage{width:600px;height:796px;position:relative;z-index:2;overflow:hidden}@media only screen and (max-width: 1194px){.WhyImage{width:50%}}@media (max-width: 767px){.WhyImage{width:100%;height:433px}}.WhyImageInner{position:absolute;top:0;left:0;width:100%;height:120%;background-color:#bfbfbf}.WhyImageInner img{width:100%;height:100%;object-fit:cover}.WhyText{width:calc(100% - 600px);padding-left:100px}@media only screen and (max-width: 1194px){.WhyText{width:50%;padding-left:50px}}@media (max-width: 767px){.WhyText{width:100%;padding-left:0}}.WhyTitle{position:relative;font-size:54px;font-size:5.4rem;line-height:62px;font-weight:normal}@media (max-width: 767px){.WhyTitle{padding-top:40px;font-size:36px;font-size:3.6rem;line-height:43px}}html[lang="ja"] .WhyTitle{font-size:32px;font-size:3.2rem;font-weight:bold;line-height:1}@media (min-width: 768px){html[lang="ja"] .WhyTitle{letter-spacing:0.2em}}@media (max-width: 767px){html[lang="ja"] .WhyTitle{font-size:24px;font-size:2.4rem}}html[lang="vi"] .WhyTitle{line-height:1.2}@media (min-width: 768px){html[lang="vi"] .WhyTitle{font-size:42px;font-size:4.2rem}}@media (max-width: 767px){html[lang="vi"] .WhyTitle{font-size:28px;font-size:2.8rem}}.WhyIntro{font-size:16px;font-size:1.6rem;line-height:30px;max-width:390px;margin-top:30px;color:#595959}@media (max-width: 767px){.WhyIntro{margin-top:30px;max-width:none}}html[lang="ja"] .WhyIntro{font-weight:500;margin-top:25px}@media (max-width: 767px){html[lang="ja"] .WhyIntro{margin-top:0}}.BgGrey{max-width:390px;position:relative;padding:75px 0;margin-top:75px}@media (max-width: 767px){.BgGrey{margin-top:38px;padding-top:20px;padding-bottom:20px;max-width:none}}.BgGrey:before{pointer-events:none;content:"";display:block;width:200vw;background-color:#f6f7fa;height:100%;position:absolute;left:-70vw;top:0}html[lang="ja"] .BgGrey{margin-top:120px}@media (max-width: 767px){html[lang="ja"] .BgGrey{margin-top:30px;padding-top:40px;padding-bottom:40px}}.BgGreyTitle{position:relative;font-size:24px;font-size:2.4rem;line-height:32px;font-weight:normal}html[lang="ja"] .BgGreyTitle{font-size:20px;font-size:2rem;font-weight:bold}@media (max-width: 767px){html[lang="ja"] .BgGreyTitle{font-size:16px;font-size:1.6rem}}html[lang="vi"] .BgGreyTitle{font-weight:500}@media (max-width: 767px){html[lang="vi"] .BgGreyTitle{font-size:20px;font-size:2rem}}.BgGreyText{position:relative;margin-top:30px;font-size:16px;font-size:1.6rem;line-height:30px;color:#262626}@media (max-width: 767px){.BgGreyText{margin-top:20px;line-height:30px}}html[lang="ja"] .BgGreyText{font-weight:500}@media (max-width: 767px){html[lang="ja"] .BgGreyText{font-size:14px;font-size:1.4rem;line-height:28px;margin-top:20px}}.Lives{z-index:2;font-size:16px;font-size:1.6rem;line-height:30px;margin-top:-200px;background-color:#fff}@media (max-width: 767px){.Lives{overflow:hidden;margin-top:0}}.Lives .Flex{width:100%;display:flex;justify-content:space-between;position:relative;max-width:1100px;margin:0 auto;padding:0 15px}@media (min-width: 768px){.Lives .Flex{min-height:825px;height:100vh;align-items:center}}@media (max-width: 767px){.Lives .Flex{flex-direction:column;align-items:flex-start;padding-top:90px;padding-bottom:90px}}@media (max-width: 767px){html[lang="ja"] .Lives .Flex{padding-bottom:70px}}@media (min-width: 768px){.LeftText{display:flex;flex-direction:column;justify-content:center;margin-top:-300px;position:relative;width:30%}}@media only screen and (min-width: 768px) and (max-width: 1194px){.LeftText{width:30%;margin-left:auto}}@media (max-width: 767px){.LeftText{margin-left:0;width:auto;position:relative}}html[lang="ja"] .LeftText{font-weight:500}@media (max-width: 767px){html[lang="ja"] .LeftText{font-size:16px;font-size:1.6rem;line-height:30px}}@media (min-width: 768px){.LeftTextInner{position:relative}.LeftTextInner:before{content:"";position:absolute;width:300vw;height:50vh;background-color:#fff;left:-100vw;bottom:calc(100% + 60px)}}.Lives .Phone{position:absolute;left:50%;margin-left:-150px;top:-100px}@media (min-width: 768px){.Lives .Phone{position:relative;left:70px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;top:auto;width:40%}}@media only screen and (min-width: 768px) and (max-width: 1194px){.Lives .Phone{scale:0.8;left:50px;width:40%}}@media (max-width: 767px){.Lives .Phone{position:relative;top:auto;margin-left:-134px;margin-top:40px}}.PhoneFrame{width:433px;height:731px;position:relative}@media (max-width: 767px){.PhoneFrame{width:375px;height:634px}}.PhoneFrame img{width:100%;height:100%;object-fit:contain}.PhoneAnimation{width:228px;height:232px;position:absolute;top:165px;left:38px}@media (width: 834px){.PhoneAnimation{left:-15px}}@media (max-width: 767px){.PhoneAnimation{top:140px;left:20px}}.PhoneOuter{width:200px;height:200px;position:absolute;top:calc(50% + 12px);left:50%;margin-left:-100px;margin-top:-100px}.PhoneUX{width:102px;height:102px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media (max-width: 767px){.PhoneUX{width:88px;height:88px}}.PhoneUX img{width:100%;height:100%;object-fit:contain}.PhoneCircle{position:absolute;width:200px;height:200px;top:50%;left:50%;transform:translate(-50%, -50%)}@media (max-width: 767px){.PhoneCircle{width:174px;height:174px}}.PhoneCircle img{width:100%;height:100%;object-fit:contain}.PhoneSmart{width:86px;height:86px;position:absolute;top:0;left:50%;transform:translateX(-50%)}@media (max-width: 767px){.PhoneSmart{width:74px;height:74px}}.PhoneSmartInner{width:86px;height:86px;position:absolute;top:0;left:0}@media (max-width: 767px){.PhoneSmartInner{width:74px;height:74px}}.PhoneSmartInner img{width:100%;height:100%;object-fit:contain}.PhoneInnovative{width:86px;height:86px;position:absolute;bottom:0;left:0}@media (max-width: 767px){.PhoneInnovative{width:74px;height:74px}}.PhoneInnovativeInner{width:86px;height:86px;position:absolute;top:0;left:0}@media (max-width: 767px){.PhoneInnovativeInner{width:74px;height:74px}}.PhoneInnovativeInner img{width:100%;height:100%;object-fit:contain}.PhoneComfortable{width:86px;height:86px;position:absolute;bottom:0;right:0}@media (max-width: 767px){.PhoneComfortable{width:74px;height:74px}}.PhoneComfortableInner{width:86px;height:86px;position:absolute;top:0;left:0}@media (max-width: 767px){.PhoneComfortableInner{width:74px;height:74px}}.PhoneComfortableInner img{width:100%;height:100%;object-fit:contain}@media (min-width: 768px){.RightText{display:flex;flex-direction:column;justify-content:center;margin-top:300px;width:30%}}@media only screen and (min-width: 768px) and (max-width: 1194px){.RightText{width:30%}}@media (max-width: 767px){.RightText{padding-top:0;padding-bottom:0;margin-top:-20px}}@media (max-width: 767px){html[lang="ja"] .RightText{font-size:14px;font-size:1.4rem;line-height:28px;margin-top:0}}.Lives .Title{font-size:32px;font-size:3.2rem;line-height:1.15;font-weight:normal;margin-bottom:30px}@media only screen and (min-width: 768px) and (max-width: 1194px){.Lives .Title{font-size:32px;font-size:3.2rem}}@media (max-width: 767px){.Lives .Title{width:auto;margin-top:0}}html[lang="ja"] .Lives .Title{font-weight:bold;font-size:32px;font-size:3.2rem;letter-spacing:0.1em;line-height:48px;white-space:pre-line;margin-left:0}@media (max-width: 767px){html[lang="ja"] .Lives .Title{font-size:24px;font-size:2.4rem;letter-spacing:0.1em;line-height:38px;margin-bottom:15px}}html[lang="vi"] .Lives .Title{font-weight:500;line-height:1.2}@media (max-width: 767px){html[lang="vi"] .Lives .Title{font-size:28px;font-size:2.8rem}}.Lives .Text{width:270px}@media only screen and (min-width: 768px) and (max-width: 1194px){.Lives .Text{width:auto}}@media (max-width: 767px){.Lives .Text{width:auto;line-height:28px}}html[lang="ja"] .Lives .Text{font-weight:500}.Demo{background:#e6e6e6;position:relative;padding:132px 0 210px;font-size:20px;font-size:2rem;line-height:28px;z-index:2;overflow:hidden}@media (max-width: 767px){.Demo{padding-top:80px;padding-bottom:100px}}@media (min-width: 768px){html[lang="ja"] .Demo{font-size:16px;font-size:1.6rem;line-height:30px}}@media (max-width: 767px){html[lang="ja"] .Demo{padding-bottom:70px}}.Demo>.Container{max-width:1030px;padding:0 15px;margin:0 auto}.Demo .ContainerSmaler{max-width:1000px;padding:0 15px;margin:0 auto}@media (max-width: 767px){.Demo .ContainerSmaler{padding-left:0;padding-right:0}}.Demo .Title{font-weight:normal;font-size:54px;font-size:5.4rem;line-height:65px}@media (max-width: 767px){.Demo .Title{font-size:36px;font-size:3.6rem;line-height:38px}}@media (min-width: 768px){html[lang="ja"] .Demo .Title{font-size:32px;font-size:3.2rem;line-height:58px;font-weight:bold}}@media (max-width: 767px){html[lang="ja"] .Demo .Title{font-size:24px;font-size:2.4rem;font-weight:bold;line-height:29px}}html[lang="vi"] .Demo .Title{line-height:1.2}@media (min-width: 768px){html[lang="vi"] .Demo .Title{font-size:32px;font-size:3.2rem}}@media (max-width: 767px){html[lang="vi"] .Demo .Title{font-size:24px;font-size:2.4rem}}.Demo .Flex{margin-top:82px;display:flex;gap:30px;justify-content:space-between;align-items:flex-start}@media (max-width: 767px){.Demo .Flex{margin-top:42px;gap:16px;margin-left:-16px;margin-right:-16px}}.Demo .Box{width:calc(50% - 15px)}@media (max-width: 767px){.Demo .Box{width:calc(50% - 8px)}}.BoxImage{border-radius:30px;overflow:hidden}@media (max-width: 767px){.BoxImage{border-radius:10px}}.BoxImage img{display:block;width:100%}.Demo .Text{margin-top:50px;padding-left:100px;padding-right:100px}html[lang="ja"] .Demo .Text{font-weight:500}@media (min-width: 768px){html[lang="ja"] .Demo .Text{line-height:30px}}@media (min-width: 768px){html[lang="vi"] .Demo .Text{line-height:32px}}@media (min-width: 768px) and (max-width: 834px){.Demo .Text{padding-left:24px;padding-right:24px}}@media (max-width: 767px){.Demo .Text{padding-left:15px;padding-right:15px;margin-top:10px;font-size:12px;font-size:1.2rem;line-height:20px}}.Summary{margin-top:150px;font-size:32px;font-size:3.2rem;line-height:46px}@media (max-width: 767px){.Summary{font-size:36px;font-size:3.6rem;line-height:50px;margin-top:94px;white-space:break-spaces}}html[lang="ja"] .Summary{font-size:32px;font-size:3.2rem;font-weight:bold;line-height:48px;margin-top:200px}@media (max-width: 767px){html[lang="ja"] .Summary{font-size:18px;font-size:1.8rem;line-height:29px;margin-top:94px}}html[lang="vi"] .Summary{font-weight:500;line-height:1.5}@media (min-width: 768px){html[lang="vi"] .Summary{font-size:32px;font-size:3.2rem}}@media (max-width: 767px){html[lang="vi"] .Summary{font-size:24px;font-size:2.4rem}}.Video{background-color:#000;position:relative;overflow:hidden;height:1080px}@media (max-width: 767px){.Video{height:auto}}.Video video{position:absolute;top:0;left:50%;translate:-50% 0;min-width:100%;min-height:1200px;aspect-ratio:16 / 10}@media (max-width: 767px){.Video video{position:relative;min-width:auto;min-height:auto;width:100%}}.Explan{background-color:#e6e6e6;position:relative}.Explan>div{padding:200px 0 60vh;overflow:hidden}@media (max-width: 767px){.Explan>div{padding-top:86px;padding-bottom:70vh}}.Explan .Container{max-width:1010px;margin:0 auto;padding:0 15px}.Explan:after{position:absolute;top:100%;height:100vh;width:100%;background-color:#000;content:""}.Explan .Text{font-size:20px;font-size:2rem;line-height:33px;max-width:470px;position:relative;white-space:break-spaces}html[lang="ja"] .Explan .Text{font-weight:500}@media (max-width: 767px){html[lang="ja"] .Explan .Text{font-size:14px;font-size:1.4rem;line-height:28px}}.Visual{width:630px;height:630px;border-radius:100vmax;margin:0 auto;box-shadow:-10px 5px 50px rgba(255,255,255,0.9),10px -5px 50px rgba(0,0,0,0.2);position:relative;text-align:center;margin-top:93px;padding-top:105px}@media (max-width: 767px){.Visual{left:-2%;width:104%;height:auto;aspect-ratio:1/1;margin-top:40px;padding-top:62px;box-shadow:-10px 5px 20px rgba(255,255,255,0.95),10px -5px 20px rgba(0,0,0,0.15)}}.VisualUXOuter{position:relative}@media (max-width: 767px){.VisualUXOuter{width:73px;height:41px;margin:0 auto}}.VisualUXOuter img{max-width:100%}@media (min-width: 768px){.VisualUXOuter img{width:115px}}.VisualList{margin-top:60px;display:flex;gap:15px;justify-content:center;align-items:center}@media (max-width: 767px){.VisualList{margin-top:40px}}.VisualItem{font-size:20px;font-size:2rem;line-height:42px;height:42px;background-color:#fff;border-radius:100vmax;width:148px}@media (max-width: 767px){.VisualItem{font-size:12px;font-size:1.2rem;line-height:25px;height:25px;width:90px}}.VisualUI{position:absolute;left:50%;bottom:0;width:300px;height:300px;margin-left:-150px;background-color:#262626;border-radius:100vmax;color:#fff;font-size:65px;font-size:6.5rem;letter-spacing:0.05em;line-height:300px;z-index:4}.VisualUI:before,.VisualUI:after{content:"";position:absolute;width:1px;height:60px;bottom:0;left:50%;background-color:#fff}@media (max-width: 767px){.VisualUI:before,.VisualUI:after{height:30px}}.VisualUI:after{background-color:#262626;bottom:auto;top:100%}@media (max-width: 767px){.VisualUI{width:144px;height:144px;line-height:144px;font-size:36px;font-size:3.6rem;margin-left:-72px}}.BottomText{margin-top:100px;font-size:42px;font-size:4.2rem;line-height:53px;display:flex;flex-direction:column;gap:28px;align-items:center;justify-content:center}@media (max-width: 767px){.BottomText{font-size:24px;font-size:2.4rem;line-height:28px;margin-top:72px;gap:0}}html[lang="vi"] .BottomText{font-weight:500}@media (min-width: 768px){html[lang="vi"] .BottomText{font-size:32px;font-size:3.2rem;gap:0}}@media (max-width: 767px){html[lang="vi"] .BottomText{font-size:20px;font-size:2rem;gap:10px}}.BottomTextItem{text-align:center}.BottomTextItem strong{display:block;font-weight:normal}html[lang="vi"] .BottomTextItem strong{font-weight:500}@media (max-width: 767px){html[lang="vi"] .BottomTextItem strong{font-size:20px;font-size:2rem}}.BottomTextItem span{display:block;color:rgba(0,0,0,0.4)}@media (max-width: 767px){html[lang="ja"] .BottomTextItem strong{font-size:18px;font-weight:700;line-height:29px}}.Approach{position:relative;padding-top:175px;padding-bottom:675px;overflow:hidden;border-top:50px solid black}@media (max-width: 767px){.Approach{padding-top:90px;padding-bottom:0}}html[lang="ja"] .Approach{padding-top:150px}.Approach>.Container{max-width:970px;padding:0 15px;margin:0 auto;position:relative}.ApproachTitle{font-size:54px;font-size:5.4rem;margin:0;text-align:center}@media (max-width: 767px){.ApproachTitle{font-size:36px;font-size:3.6rem;line-height:0}}html[lang="ja"] .ApproachTitle{font-size:32px;font-size:3.2rem;font-weight:bold}html[lang="vi"] .ApproachTitle{font-size:42px;font-size:4.2rem;font-weight:500}@media (max-width: 767px){html[lang="vi"] .ApproachTitle{font-size:28px;font-size:2.8rem}}.ApproachText{position:relative;margin-top:102px;font-size:16px;font-size:1.6rem;line-height:30px;width:300px;left:calc(50% + 115px)}@media (max-width: 767px){.ApproachText{left:auto;width:auto;margin-top:36px}}html[lang="ja"] .ApproachText{font-weight:500}@media (min-width: 768px){.Approach01{position:absolute;width:493px;height:639px;top:154px;left:100px}}@media (max-width: 767px){.Approach01{position:absolute;width:238px;height:309px;top:128px;right:-20px}}.Approach01 img{width:100%;height:100%;object-fit:cover}@media (min-width: 768px){.Approach02{position:absolute;width:260px;height:410px;top:467px;left:588px}}@media (max-width: 767px){.Approach02{position:relative;width:203px;height:320px;margin-top:130px;margin-left:-10px}}.Approach02 img{width:100%;height:100%;object-fit:cover}@media (min-width: 768px){.Approach03{position:absolute;width:645px;height:499px;top:304px;left:-557px}}@media (max-width: 767px){.Approach03{position:relative;width:310px;height:240px;margin-top:114px;margin-left:-185px}}.Approach03 img{width:100%;height:100%;object-fit:cover}@media (min-width: 768px){.Approach04{position:absolute;width:645px;height:499px;top:224px;left:1000px}}@media (max-width: 767px){.Approach04{position:absolute;width:506px;height:392px;bottom:10px;right:-354px}}.Approach04 img{width:100%;height:100%;object-fit:cover}.Serv{font-size:16px;font-size:1.6rem;padding-top:144px;padding-bottom:148px;overflow:hidden}@media (max-width: 767px){.Serv{padding-bottom:80px}}.ServContainer{max-width:1374px;padding:0 15px;margin:0 auto}@media (max-width: 767px){.ServContainer{padding:0 24px}}.ServTitle{text-align:center;font-size:54px;font-size:5.4rem;font-weight:normal}@media (max-width: 767px){.ServTitle{font-size:36px;font-size:3.6rem;line-height:0;padding:0 50px}}html[lang="ja"] .ServTitle{line-height:1;font-size:32px;font-size:3.2rem;font-weight:bold}@media (min-width: 768px){html[lang="vi"] .ServTitle{font-size:42px;font-size:4.2rem}}@media (max-width: 767px){html[lang="vi"] .ServTitle{font-size:28px;font-size:2.8rem}}.ServSubTitle{max-width:970px;margin-left:auto;margin-right:auto;line-height:30px;margin-top:40px;text-align:center}.ServList{margin-top:80px;display:flex;gap:48px}@media only screen and (max-width: 1194px){.ServList{gap:20px}}@media (max-width: 767px){.ServList{gap:25px 15px;flex-wrap:wrap;margin-top:40px}}@media (max-width: 767px){.ServItem{width:calc((100% - 15px) / 2)}}.ServImage{width:100%}.ServImage img{width:100%}.ServItemTitle{margin-top:29px;font-size:24px;font-size:2.4rem}@media (max-width: 767px){.ServItemTitle{margin-top:15px;font-size:16px;font-size:1.6rem}}html[lang="ja"] .ServItemTitle{font-size:20px;font-size:2rem;font-weight:bold}@media (max-width: 767px){html[lang="ja"] .ServItemTitle{font-size:14px;font-size:1.4rem}}.ServItemList{margin-top:13px}.ServItemList li{padding-left:0;line-height:24px;list-style:disc;margin-left:18px}@media (max-width: 767px){.ServItemList li{font-size:12px;font-size:1.2rem}}@media (max-width: 767px){html[lang="ja"] .ServItemList li{margin-left:12px}}.MuchMore{max-width:632px;padding:209px 15px 190px;margin:0 auto}@media (max-width: 767px){.MuchMore{overflow:hidden;padding-top:86px;padding-bottom:80px}}html[lang="ja"] .MuchMore{padding-bottom:150px}@media (max-width: 767px){html[lang="ja"] .MuchMore{padding-bottom:100px}}.MuchMoreTitle{font-size:54px;font-size:5.4rem;font-weight:normal}@media (max-width: 767px){.MuchMoreTitle{font-size:36px;font-size:3.6rem;line-height:0;padding-left:24px}}@media (min-width: 768px){html[lang="vi"] .MuchMoreTitle{font-size:42px;font-size:4.2rem}}@media (max-width: 767px){html[lang="vi"] .MuchMoreTitle{font-size:28px;font-size:2.8rem}}.MuchMoreExceprt{font-size:24px;font-size:2.4rem;line-height:37px;margin-top:45px;padding-left:52px;padding-top:25px;padding-bottom:20px;margin-left:62px;border-left:8px solid #3346d0}@media (max-width: 767px){.MuchMoreExceprt{padding-top:10px;padding-left:24px;padding-right:24px;margin-top:30px;margin-left:60px;font-size:18px;font-size:1.8rem;line-height:30px}}html[lang="ja"] .MuchMoreExceprt{font-size:20px;font-size:2rem;line-height:30px;font-weight:500;margin-top:0}@media (max-width: 767px){html[lang="ja"] .MuchMoreExceprt{margin-top:35px;font-size:14px;font-size:1.4rem;line-height:28px}}.Tagline{font-size:32px;font-size:3.2rem;line-height:1.1481;font-weight:400;text-align:center;margin-bottom:3rem;white-space:break-spaces}@media (min-width: 768px){html[lang="vi"] .Tagline{font-size:24px;font-size:2.4rem}}@media (min-width: 768px){.WorksInner{padding-top:137px;padding-bottom:145px}html[lang="ja"] .WorksInner{padding-top:132px}}@media (max-width: 767px){.WorksInner{padding-top:80px;padding-bottom:76px}.WorksInner .Workswrapper{padding-top:40px;margin-bottom:72px}.WorksInner .Workswrapper .homeWorks__grid{padding-top:0}.Tagline{line-height:40px;font-size:24px;padding:0 24px;margin-bottom:40px}html[lang="vi"] .Tagline{font-size:20px;font-size:2rem;line-height:1.5}}html[lang="ja"] .WorksInner{padding-bottom:80px}html[lang="ja"] .Tagline{font-size:24px;font-size:2.4rem;line-height:38px;margin-bottom:32px}@media (max-width: 767px){html[lang="ja"] .Tagline{font-size:18px;font-size:1.8rem;line-height:29px}}.Mockup{font-size:42px;font-size:4.2rem;position:relative;color:#fff;background-color:#000;overflow:hidden;left:0;width:100%;height:100vh;min-height:800px;opacity:0}@media (min-width: 768px){.Mockup{top:-50vh;margin-bottom:-50vh}}@media (max-width: 767px){.Mockup{font-size:28px;font-size:2.8rem}}.Mockup .Rows{display:flex;flex-direction:column;gap:142px;align-items:baseline;position:relative;height:100vh;min-height:800px;justify-content:center;padding-top:100px}@media (max-width: 767px){.Mockup .Rows{gap:120px;padding-top:50px}}.Mockup .Row{position:relative;letter-spacing:0.05em;white-space:nowrap;-webkit-font-smoothing:antialiased;left:50%;transform:translateX(-50%)}.Mockup .Row:nth-child(1){margin-left:-320px}.Mockup .Row:nth-child(2){margin-left:200px}.Mockup .Row:nth-child(3){margin-left:-140px}.Mockup .Phones{position:absolute;top:50%;left:0;width:100%;height:100%;transform:translateY(-50%)}.Mockup .iPhone{position:absolute;width:100%;top:50%;transform:translateY(-50%)}@media only screen and (max-width: 1366px){.Mockup .iPhone canvas{pointer-events:none}}

/*# sourceMappingURL=maps/ui-ux.min.css.map */