/* THREE Me restore 2026-09-04 */
body.three_me.is-logoanime-active .bg_logo{opacity:.5!important}
body.three_me.is-logoanime-active .bg_logo .stroke{animation:d 4s linear both 0s,e 1s linear both 1s;stroke:var(--color_logo);fill:transparent}
body.three_me .p-page_introduction{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative}
body.three_me .p-page_introduction .c-title,body.three_me .p-page_introduction .lead,body.three_me .p-page_introduction .logo{position:relative;z-index:2}
body.three_me .p-page_introduction .lead{margin-top:5.8139534884vw;text-align:left;font-size:1.7rem}
body.three_me .p-page_introduction .bg_logo{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;opacity:0;width:86%}
body.three_me .p-page_introduction .c-heading_lv1{margin-top:18.6046511628vw;position:relative;z-index:2}
body.three_me .p-page_introduction .c-heading_lv1 .logo{margin-bottom:4.6511627907vw;margin-right:auto;margin-left:auto}
body.three_me .p-page_introduction .c-heading_lv1 .jp{margin-bottom:4.6511627907vw;font-size:2rem}
body.three_me .p-page_introduction .c-title{line-height:1.7}
body.three_me .p-page_introduction .lead{width:86%;margin-left:auto;margin-right:auto}
body.three_me .p-page_document{position:relative}
body.three_me .p-page_document__list{background-color:#646464;width:100%;height:31.25vw;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
body.three_me .p-page_brand{position:relative}
body.three_me .p-page_brand__list__item:not(:last-of-type){margin-bottom:11.6279069767vw}
body.three_me .p-page_brand__list__item .thumb{border-radius:11.6279069767vw;overflow:hidden}
body.three_me .p-page_brand__list__item .thumb img{width:100%;height:100%;object-fit:cover}
body.three_me .p-page_brand__list__item .content{-ms-flex:1;flex:1;margin-top:6.976744186vw}
body.three_me .p-page_brand__list__item .content .title{font-size:2.6rem;font-weight:700}
body.three_me .p-page_brand__list__item .content .sns__list{margin-top:3.488372093vw;display:-ms-flexbox;display:flex;gap:4.1860465116vw}
body.three_me .p-page_brand__list__item .content .sns__list__item [class^=p-icon]:before{font-size:2rem}
body.three_me .p-page_brand__list__item .content .lead{margin-top:4.6511627907vw}
body.three_me .p-page_brand__list__item .content .c-btn,body.three_me .p-page_brand__list__item .content .c-btn a{width:100%}
body.three_me .p-page_brand__list__item .content .c-btn [class^=p-icon]:before{position:absolute;top:50%;right:10%;-ms-transform:translateY(-50%);transform:translateY(-50%)}
body.three_me .introduction-gallery{position:relative;z-index:1}
body.three_me .introduction-gallery .swiper-wrapper{transition-timing-function:linear}
body.three_me .introduction-gallery .swiper-slide{border-radius:2.34375vw;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}
body.three_me .introduction-gallery .swiper-slide img{width:100%;height:100%;object-fit:cover}
body.three_me .p-page_features{position:relative}
body.three_me .p-page_features__list__item{margin-bottom:13.9534883721vw}
body.three_me .p-page_features__list__item .thumb{border-radius:6.976744186vw;overflow:hidden}
body.three_me .p-page_features__list__item .content{margin-top:4.6511627907vw}
body.three_me .p-page_features__list__item .content .title{font-size:2.6rem;font-weight:700;letter-spacing:2px}
body.three_me .p-page_features__list__item .content .lead{margin-top:2.3255813953vw}
body.three_me .p-page_features .c-btn a{font-size:1.4rem;width:100%}
body.three_me .p-page_introduction{position:relative}
body.three_me .p-page_introduction .c-heading_lv1 .logo{width:48.8372093023vw;position:relative;left:-1.1627906977vw}
body.three_me .p-page_introduction .bg_logo .stroke{--color_logo:#ff008c}
@media screen and (min-width:768px){body.three_me .p-page_introduction{min-height:100vh}
body.three_me .p-page_introduction .lead{margin-top:1.953125vw;text-align:center;width:unset;letter-spacing:2px;font-size:1.40625vw}
body.three_me .p-page_introduction .bg_logo{width:unset}
body.three_me .p-page_introduction .c-heading_lv1{margin-top:2.34375vw}
body.three_me .p-page_introduction .c-heading_lv1 .logo{margin-bottom:1.171875vw}
body.three_me .p-page_introduction .c-heading_lv1 .jp{font-size:1.71875vw;margin-bottom:1.171875vw}
body.three_me .p-page_introduction .c-title{line-height:2;letter-spacing:7px}
body.three_me .p-page_introduction .lead{width:unset}
body.three_me .p-page_document{height:100vh}
body.three_me .p-page_brand__list__item{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
body.three_me .p-page_brand__list__item:not(:last-of-type){margin-bottom:8.59375vw}
body.three_me .p-page_brand__list__item .thumb{width:29.6875vw;height:18.75vw;margin-left:3.515625vw;border-radius:3.90625vw}
body.three_me .p-page_brand__list__item .content{margin-top:unset}
body.three_me .p-page_brand__list__item .content .title{font-size:2.6rem;font-size:2.03125vw}
body.three_me .p-page_brand__list__item .content .sns__list{margin-top:1.171875vw;gap:1.40625vw}
body.three_me .p-page_brand__list__item .content .sns__list__item [class^=p-icon]:before{font-size:2.8rem}
body.three_me .p-page_brand__list__item .content .lead{margin-top:.390625vw}
body.three_me .p-page_brand__list__item .content .c-btn,body.three_me .p-page_brand__list__item .content .c-btn a{width:unset}
body.three_me .introduction-gallery{top:-3.90625vw}
body.three_me .p-page_features__list__item{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:justify;justify-content:space-between;gap:6.25vw;margin-bottom:4.6875vw}
body.three_me .p-page_features__list__item .thumb{width:26.5625vw;border-radius:3.125vw}
body.three_me .p-page_features__list__item .content{-ms-flex:1;flex:1;margin-top:unset}
body.three_me .p-page_features__list__item .content .title{font-size:1.875vw}
body.three_me .p-page_features__list__item .content .lead{margin-top:1.171875vw;line-height:2}
body.three_me .p-page_features .c-btn a{width:33.59375vw;font-size:1.328125vw}
body.three_me .p-page_introduction .c-heading_lv1{margin-top:-1.5625vw!important}
body.three_me .p-page_introduction .c-heading_lv1 .logo{position:static;width:23.75vw}
}
body.home .bg_logo--three_me_restored{width:66%;top:50%}
body.home .bg_logo--three_me_restored.is-active .stroke{--color_logo:#ff008c}
body.home.is-three_me-restored-active .video--kv{opacity:.2}
body.home.is-three_me-restored-active .bg_logo{opacity:0}
body.home.is-three_me-restored-active .bg_logo--three_me_restored{opacity:.6}
.p-home_three_me_restored{position:relative}
.p-home_three_me_restored .logo{width:55.8139534884vw}
@media screen and (min-width:768px){.p-home_three_me_restored .logo{width:25vw}
}
@media screen and (min-width:768px){body.home .bg_logo--three_me_restored{top:50%;width:36%}}
body.service .p-page_services__list__item--three_me_restored .logo{width:49.7674418605vw}
@media screen and (min-width:768px){body.service .p-page_services__list__item--three_me_restored .logo{width:12.65625vw}}

/* TikTok Commerce accent 2026-09-04 */
body.tiktok_commerce .p-page_introduction .bg_logo .stroke{--color_logo:#25f4ee}
.c-btn--tiktok_commerce>a{min-width:74.4186046512vw;color:#25f4ee;border:.9302325581vw solid #25f4ee}
.c-btn--tiktok_commerce>a:hover{color:#000;background-color:#25f4ee}
.c-btn--tiktok_commerce>a:hover span:after,.c-btn--tiktok_commerce>a:hover span:before{background-color:#fff}
.c-btn--tiktok_commerce>a span{display:block;position:relative}
@media screen and (min-width:768px){.c-btn--tiktok_commerce>a{min-width:21.875vw;border-width:.234375vw}}


/* Brand presentation unification 2026-09-04 */
.brand-bg-logo .stroke--mint{--color_logo:#25f4ee!important}
.brand-bg-logo .stroke--pink{--color_logo:#fe2c55!important}
.brand-bg-logo .stroke--white{--color_logo:#fff!important}
.brand-bg-logo--tiktok .stroke{stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.brand-bg-logo--asean{aspect-ratio:121/123.265}
.brand-bg-logo--asean>svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}
.brand-bg-logo--asean>svg path{--color_logo:#a000ff;fill:transparent;stroke:var(--color_logo);stroke-width:.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
body.home .brand-bg-logo--tiktok.is-active .stroke,
body.home .brand-bg-logo--asean.is-active>svg path{animation:d 4.8s cubic-bezier(.22,.61,.36,1) both 0s,e 1.15s ease-in-out both 1.3s}
body.home.is-three_me-active .brand-bg-logo--tiktok,
body.home.is-three_days-active .brand-bg-logo--asean{opacity:.56!important}
body.home .bg_logo--three_me_restored{display:flex;visibility:visible}
body.home.is-three_me-restored-active .bg_logo--three_me_restored{opacity:.6!important}

/* Service detail hero alignment and calm background animation */
body.tiktok_commerce .p-page_introduction .c-heading_lv1 .logo,
body.asean_marketing .p-page_introduction .c-heading_lv1 .logo,
body.three_me .p-page_introduction .c-heading_lv1 .logo{display:flex;align-items:center;justify-content:center;position:static;left:auto;width:auto;height:12.6142012027vw;margin-right:auto;margin-bottom:4.6511627907vw;margin-left:auto}
body.tiktok_commerce .p-page_introduction .c-heading_lv1 .logo img,
body.asean_marketing .p-page_introduction .c-heading_lv1 .logo img,
body.three_me .p-page_introduction .c-heading_lv1 .logo img{width:auto;height:100%;max-width:86vw;object-fit:contain}
body.tiktok_commerce .p-page_introduction .bg_logo--tiktok_detail{width:clamp(150px,40vw,340px)}
body.asean_marketing .p-page_introduction .bg_logo--asean_detail{width:clamp(160px,42vw,380px)}
body.three_me .p-page_introduction .bg_logo--three_me{width:min(86vw,640px)}
body.tiktok_commerce.is-logoanime-active .p-page_introduction .bg_logo--tiktok_detail,
body.asean_marketing.is-logoanime-active .p-page_introduction .bg_logo--asean_detail,
body.three_me.is-logoanime-active .p-page_introduction .bg_logo--three_me{opacity:.12!important}
body.tiktok_commerce.is-logoanime-active .p-page_introduction .bg_logo--tiktok_detail .stroke,
body.three_me.is-logoanime-active .p-page_introduction .bg_logo--three_me .stroke,
body.asean_marketing.is-logoanime-active .p-page_introduction .bg_logo--asean_detail>svg path{animation:d 6s cubic-bezier(.22,.61,.36,1) both 0s,e 2.2s ease-in-out both 1.4s}
body.three_me .p-page_introduction .bg_logo--three_me .stroke{--color_logo:#ff008c}

/* Service card optical alignment */
body.service .p-page_services__list__item .logo{display:flex;align-items:center;justify-content:center;width:100%;height:9vw}
body.service .p-page_services__list__item .logo img{width:auto;height:100%;max-width:100%;object-fit:contain}
@media screen and (min-width:768px){
 body.tiktok_commerce .p-page_introduction .c-heading_lv1 .logo,
 body.asean_marketing .p-page_introduction .c-heading_lv1 .logo,
 body.three_me .p-page_introduction .c-heading_lv1 .logo{height:6.7951778206vw;margin-bottom:1.171875vw}
 body.tiktok_commerce .p-page_introduction .c-heading_lv1,
 body.asean_marketing .p-page_introduction .c-heading_lv1,
 body.three_me .p-page_introduction .c-heading_lv1{margin-top:-1.5625vw!important}
 body.tiktok_commerce .p-page_introduction .bg_logo--tiktok_detail{width:min(26.5625vw,340px)}
 body.asean_marketing .p-page_introduction .bg_logo--asean_detail{width:min(29.6875vw,380px)}
 body.three_me .p-page_introduction .bg_logo--three_me{width:min(46vw,640px)}
 body.service .p-page_services__list{column-gap:4%;row-gap:40px}
 body.service .p-page_services__list__item:not(:last-of-type){margin-bottom:0}
 body.service .p-page_services__list__item .catch{display:flex;align-items:center;justify-content:center;min-height:4.21875vw;line-height:1.8}
 body.service .p-page_services__list__item .logo{height:2.8515625vw}
}
@media screen and (min-width:960px){body.service .p-page_services__list{row-gap:2.88vw}}