em{font-style:normal}img{max-width:1920px}.hidden{z-index:-1;width:0;height:0;font-size:0;color:transparent}.content-wrapper::after,.container::after{content:'';display:block;clear:both;height:0}.container{position:relative}.page-brand ul::after{content:'';display:block;clear:both;height:0}.page-brand *{box-sizing:border-box}.page-brand .tab-area>p{font-size:1.125rem;font-weight:bold;line-height:2.28;text-align:center;color:#10a3ad;margin-bottom:0.625rem;margin-top:3rem}.page-brand .tab-title{margin-bottom:6.5rem;text-align:center;font-family:montserrat;font-size:3rem;color:#ccc}.page-brand .tab-title li{display:inline-block;margin-left:2.5rem;font-size:3rem;cursor:pointer}.page-brand .tab-title li:first-child{margin-left:0}.page-brand .tab-title li.active{text-decoration:underline;font-weight:bold;font-size:3rem;color:#333;font-family:Montserrat}.page-brand .tab-contents{display:none}.page-brand .tab-contents.active{display:block}.page-brand .visual{background-repeat:no-repeat;background-position:50%;background-size:cover;color:#fff}.page-brand .visual em{font-size:1.5rem;line-height:2;letter-spacing:-0.06}.page-brand .visual p{font-size:3rem}.page-brand .visual p span{font-weight:bold}.page-brand .visual span{font-size:3rem}.page-brand .title{margin-bottom:5rem;font-size:3rem;line-height:1.25;color:#333;padding-bottom:17.5rem}.page-brand .title em{display:block;font-size:1rem;font-weight:700;color:#10a3ad;margin:9.375rem 0 0.625rem;font-family:Montserrat}.page-brand .title p{margin-top:3.125rem;font-size:1.125rem;line-height:1.56;letter-spacing:-0.022rem;color:#757575}.page-brand .title p strong{margin-top:1rem}.branding .visual{background-image:url("/img/our_service/branding/ourservice_branding_top_bg.png")}.page-brand .visual{padding:7.125rem 0}.page-brand .visual em{color:#ccc;font-weight:bold;font-family:Montserrat}.branding .title p>strong{color:#333;font-size:1.5rem;line-height:1.7;margin-bottom:300px}.branding .remember{background-image:url("/img/our_service/branding/ourservice_branding_process_bg.png");background-repeat:no-repeat;background-size:cover;background-position:50%}.branding .diffrent-marketing{background-color:#f8f8f8}.branding .diffrent-marketing em{display:block;font-size:1.125rem;font-weight:bold;color:#10a3ad;padding:9.375rem 0 0.625rem;font-family:Montserrat}.branding .diffrent-marketing .title-different span{font-family:Montserrat;font-size:3rem;line-height:1.25;color:#333}.branding .diffrent-marketing .title-different p{font-size:1.125rem;line-height:1.78;letter-spacing:-0.045rem;color:#757575;margin-top:3.125rem;margin-bottom:2rem}.branding .diffrent-marketing img{width:100%;display:block}.branding .identity{background-image:url("/img/our_service/branding/ourservice_identity_bg.png");background-repeat:no-repeat;background-size:cover;background-position:50%}.branding .identity em{display:block;font-size:1.125rem;font-weight:bold;color:#fff;padding:9.375rem 0 0.625rem;font-family:Montserrat}.branding .identity h1{display:block;font-size:3rem;font-weight:normal;color:#fff;padding:0.625rem 0 1.857rem}.branding .identity p{font-size:1.125rem;line-height:1.56;color:#fff}.branding .identity h5{display:block;font-size:1.5rem;font-weight:bold;color:#fff;font-family:Montserrat;padding:5rem 0 1.875rem}.branding .identity h6{display:block;font-weight:normal;font-size:1.5rem;line-height:1.56;color:#fff;padding:0.625rem 0 14.312rem}.branding .map,.branding .graphic-motif{background-color:#f8f8f8}.branding .map em{display:block;font-size:1rem;font-weight:bold;color:#10a3ad;padding:9.375rem 0 0.625rem;font-family:Montserrat}.branding .map h1{display:block;font-size:3rem;color:#333;line-height:1.6}.branding .map .title-map p{font-size:1.125rem;line-height:1.67;letter-spacing:-0.045rem;color:#757575;margin:0.423rem 0 4.687rem}.branding .map img{width:100%;display:block}.branding .point{background-color:#f8f8f8}.branding .point .title-point h1{font-family:Montserrat;font-size:1.875rem;color:#10a3ad;margin-bottom:2.5rem}.branding .point .multi-point-list{height:20rem;display:flex;justify-content:space-between;flex-wrap:nowrap}.branding .point .multi-point-list>div{width:24%}.branding .point .multi-point-list .multi-point-desc{border-top:1px solid #ccc}.branding .point .multi-point-list .multi-point-desc h5{font-family:Montserrat;font-size:1.125rem;color:#10a3ad;margin-top:1.875rem}.branding .point .multi-point-list .multi-point-desc h4{font-size:1.125rem;color:#333;margin-top:1.25rem;line-height:1.44;letter-spacing:-0.022rem}.branding .point .multi-point-list .multi-point-desc p{font-size:1.125rem;color:#757575;margin:0.625rem 0 6.25rem;line-height:1.72;letter-spacing:-0.045rem;display:inline-block;word-break:keep-all}.branding .point .multi-point-list .multi-point-desc .redcolor{color:#757575}.branding .hbx{background-image:url("/img/our_service/branding/ourservice_hbx_bg.png");background-repeat:no-repeat;background-size:cover;background-position:50%}.branding .hbx h1{font-size:9.25rem;color:#fff;padding:9.375rem 0 0;font-family:Montserrat}.branding .hbx .title-hbx h5{font-family:Montserrat;font-size:1.875rem;color:#fff;margin-top:16.935rem}.branding .hbx .title-hbx p{font-size:1.5rem;color:#fff;font-weight:normal;line-height:1.67;letter-spacing:-0.045px;margin:1.875rem 0 0;padding-bottom:9.375rem;word-break:keep-all;width:42.75rem;opacity:0.6}.branding .typography .title-typography em{display:block;font-size:1rem;font-weight:bold;color:#10a3ad;padding:9.375rem 0 0.625rem;font-family:Montserrat}.branding .typography .title-typography h1{font-size:3rem;color:#333;padding:0.625rem 0 0;line-height:1.25}.branding .typography .txt img{width:50%;display:inline-block;margin-top:9.375rem;float:left}.branding .typography .txt_right{display:inline-block;word-break:keep-all;float:left;width:50%}.branding .typography .txt_right em{font-size:1.875rem;font-weight:800;color:#000;letter-spacing:0.093rem;font-family:Montserrat;padding:17.062rem 0 0;text-transform:uppercase}.branding .typography .txt_right p{margin-top:1.25rem;font-size:1.125rem;line-height:1.56;color:#757575}.branding .typography .imgbox img{width:100%;margin:6.25rem 0}.branding .typography .text-font{display:flex;justify-content:space-between;flex-wrap:nowrap;width:80%;margin:0 8rem}.branding .typography .text-font .left,.branding .typography .text-font .right,.branding .typography .text-font .center{display:inline-block}.branding .typography .text-font .left img,.branding .typography .text-font .right img{width:50%;margin:0}.branding .typography .text-font .center{font-size:1.5rem;line-height:1.5;letter-spacing:0.075rem;text-align:center;color:#333;padding-top:1rem;font-weight:bold}.branding .typography .btn-font-more{text-align:center}.branding .typography .btn-font-more img{width:40%;margin:5rem 0 6.25rem}.branding .graphic-motif .title-graphic-motif h1{font-family:Montserrat;font-size:1.875rem;font-weight:800;letter-spacing:0.093rem;text-transform:uppercase;padding:9.3775rem 0 1.25rem}.branding .graphic-motif .title-graphic-motif p{font-size:1.125rem;line-height:1.56;color:#757575}.branding .graphic-motif .multi-motif-list .multi-motif-desc{border-top:1px solid #ccc;margin-top:3.75rem;width:49%}.branding .graphic-motif .multi-motif-list{display:flex;justify-content:space-between;flex-wrap:nowrap}.branding .multi-motif-list .multi-motif-desc h5{font-family:Montserrat;font-size:1.125rem;font-weight:bold;color:#10a3ad;margin-top:3.75rem}.branding .multi-motif-list .multi-motif-desc p{font-size:1.125rem;color:#333;margin-top:0.625rem}.branding .multi-motif-list .multi-motif-desc img{width:100%;max-width:580px;margin:3.75rem 0 6.25rem}.branding .color{background-image:url("/img/our_service/branding/ourservice_color_bg.png");background-repeat:no-repeat;background-size:cover;background-position:50%}.branding .color .title-color h1{font-family:Montserrat;font-size:1.875rem;font-weight:800;letter-spacing:0.093rem;color:#fff;padding:38.875rem 0 1.875rem;text-transform:uppercase}.branding .color .title-color p{font-size:1.125rem;line-height:1.78;padding:0 0 6.25rem;color:#fff}.branding .item .title-item em{font-size:1rem;font-weight:bold;color:#10a3ad;font-family:Montserrat;margin:9.375rem 0 0.625rem;display:block}.branding .item .title-item h1{font-size:3rem;line-height:1.25;color:#333;margin-bottom:2.5rem}.branding .item .multi-item-list{display:flex;justify-content:space-between;flex-wrap:nowrap}.branding .item .multi-item-list .multi-item-desc{margin:2.5rem 0 6.25rem;width:25%;max-width:17.5rem;border:1px solid #ccc}.branding .item .multi-item-list .multi-item-desc img{width:100%;max-width:17.5rem;display:block}.branding .more ul li{float:left;width:50%;padding:6.875rem 0 5.625rem 5rem;background-repeat:no-repeat}.branding .more ul li:first-child{border-top:1px solid #f8f8f8;background-image:url("/img/our_service/branding/bg_qna_marketing.png");background-color:#f8f8f8;background-size:cover;background-position:right bottom}.branding .more ul li:last-child{border-top:1px solid #eaeaea;background-image:url("/img/our_service/branding/bg_qna_design.png");background-size:cover;background-position:right bottom}.branding .more .qna_txt{font-size:2.5rem;line-height:1.3;color:#333}.branding .more a{display:inline-block;min-width:15rem;margin:2rem auto;padding:1rem 0;text-align:Center;border:1px solid #ccc;background:transparent;color:#757575}.branding .qna{padding:6.875rem 0 6.25rem;font-size:1.875rem;background-color:#262b36;color:#fff}.branding .qna .wrap-qna{display:flex;align-items:flex-end;flex-wrap:nowrap;justify-content:space-between}.branding .qna .wrap-qna .wrap-mobile-qna{align-self:center}.branding .qna p{font-size:3rem;line-height:1.33;letter-spacing:-0.105rem;color:#fff;display:inline-block;margin-top:1rem}.branding .qna button{min-width:15rem;padding:1rem 0;border:1px solid rgba(255,255,255,0.6);background:transparent;color:#fff;display:inline-block;font-size:1.125rem}.branding .go_portfolio{display:flex;justify-content:space-between;flex-wrap:nowrap}.branding .go_portfolio .text-portfolio p{font-size:1.125rem;line-height:2.89;color:#333;display:inline-block;margin:0 2rem}.branding .go_portfolio .text-portfolio a{font-size:0.875rem;font-weight:bold;text-decoration:underline;line-height:3.71;color:#757575;display:inline-block}.branding .go_portfolio .btn_qna{text-align:center;font-size:1.125rem;min-width:17.5rem;padding:1rem 0;background-color:#10a3ad;color:#fff;display:inline-block;float:right}@media only screen and (max-width: 600px){.content-wrapper{padding:0 1rem}.page-brand .tab-area>p{margin-top:6.25rem;font-size:0.875rem;margin-bottom:-1.4rem}.page-special .tab-title li.active{text-decoration:underline;font-weight:bold;color:#333;font-family:Montserrat}.page-special .tab-title{margin-bottom:20px}.tab-title{margin-bottom:2rem}.tab-title li{font-size:1.125rem;color:#767676}.page-brand .tab-title li.active{font-size:1.125rem;text-decoration:underline;font-weight:bold;color:#333;font-family:Montserrat}.page-brand .tab-title li{display:inline-block;margin-left:0;font-size:1.125rem;cursor:pointer;color:#ccc}.page-brand .tab-title{margin-bottom:20px}.page-brand .title em{margin:0 0 0 0}.branding .visual{background-image:url("/img/our_service/branding/m_ourservice_brand_top_bg.png");padding:0 0 14.437rem}.page-brand .visual p{font-size:1.75rem;line-height:1.36;letter-spacing:-0.07rem;padding-top:2.5rem;color:#fff}.page-brand .visual em{font-size:0.875rem;line-height:3.43;letter-spacing:-0.035rem;color:#ccc}.branding .diffrent-marketing em,.branding .remember .title em,.branding .identity .title-identity em,.branding .map .title-map em,.branding .typography .title-typography em{font-size:0.875rem;font-weight:800;line-height:3.34;color:#10a3ad;padding-top:6.25rem}.branding .remember .title span{font-size:1.75rem;line-height:1.14;color:#333;margin:0.625rem 0 1.25rem}.branding .remember .title p{font-size:0.875rem;line-height:1.57;letter-spacing:-0.035rem;color:#757575;margin-top:1.25rem}.page-brand .title{font-size:0}.branding .title p>strong{font-size:0.875rem;margin-top:0.625rem}.branding .remember{background-image:url("/img/our_service/branding/m_ourservice_branding_process_bg.png");background-repeat:no-repeat;background-size:contain;background-position:50% bottom}.page-brand .title{padding-bottom:20rem}.branding .diffrent-marketing{background-image:url("/img/our_service/branding/m_ourservice_differnt_marketing_bg.png");background-repeat:no-repeat;background-size:contain;background-position:50% bottom}.branding .diffrent-marketing .title-different span{font-family:Montserrat;font-size:1.75rem;line-height:1.29;letter-spacing:-0.087rem;margin-bottom:1.875rem}.branding .diffrent-marketing .title-different p{font-size:0.875rem;line-height:1.43;letter-spacing:-0.045rem;color:#757575;padding:1.875rem 0 60rem;margin-bottom:0;margin-top:0}.branding .identity{background-image:url("/img/our_service/branding/m_ourservice_identity_bg.png");background-repeat:no-repeat;background-size:cover;background-position:50% top}.branding .identity .title-identity em{color:#fff;margin:0;padding:0}.branding .identity .title-identity h1{font-size:1.5rem;line-height:1.29;letter-spacing:-0.07rem;color:#fff}.branding .identity .title-identity p{font-size:0.875rem;line-height:1.57;letter-spacing:-0.026rem;color:#fff}.branding .identity .title-identity h6{font-size:0.875rem;font-weight:bold;line-height:1.43;letter-spacing:-0.017rem;color:#fff;margin-top:0.625rem;padding:0}.branding .identity .title-identity h5{font-size:1rem;font-weight:bold;text-align:center;color:#fff;padding:3.125rem 0 26.937rem}.branding .map .title-map em{margin-top:0}.branding .map .title-map h1{font-size:1.75rem;line-height:1.29;letter-spacing:0.07rem;color:#333}.branding .map .title-map p{font-size:0.875rem;line-height:1.57;letter-spacing:0.03rem;color:#757575}.branding .point{padding-bottom:3rem}.branding .point .title-point h1{font-family:Montserrat;font-size:1.25rem;color:#10a3ad;padding-top:1.875rem;margin-bottom:1.25rem}.branding .point .multi-point-list{height:26.875rem;display:flex;justify-content:space-between;flex-wrap:wrap}.branding .point .multi-point-list>div{width:49%}.branding .point .multi-point-list .multi-point-desc{border-top:1px solid #ccc}.branding .point .multi-point-list .multi-point-desc h5{font-family:Montserrat;font-size:1rem;color:#10a3ad;margin-top:0.625rem}.branding .point .multi-point-list .multi-point-desc h4{font-size:0.875rem;color:#333;margin-top:1.25rem;line-height:1.43;letter-spacing:-0.035rem}.branding .point .multi-point-list .multi-point-desc p{font-size:0.75rem;color:#757575;margin:0.625rem 0 1.875rem;line-height:1.58;letter-spacing:-0.037rem;display:inline-block;word-break:keep-all}.branding .point .multi-point-list .multi-point-desc .redcolor{color:#757575}.branding .hbx{background-image:url("/img/our_service/branding/m_ourservice_hbx_bg.png");background-size:cover;background-position:50%}.branding .hbx .title-hbx h5{font-size:1rem;font-weight:normal;color:#fff;padding-top:20.125rem;margin-top:0}.branding .hbx .title-hbx p{width:100%;font-size:0.875rem;line-height:1.57;letter-spacing:-0.062rem;color:#9ea0a4;padding-bottom:5rem}.branding .typography>em{margin:0 0 0 0;padding:0 0 0}.branding .typography .title-typography h1{font-size:1.75rem;font-weight:normal;line-height:1.36;letter-spacing:-0.035rem;color:#333}.branding .typography .title-typography>em{display:block}.branding .typography .txt img{width:80%;margin-top:3.75rem;float:left;margin-bottom:2.5rem}.branding .typography .txt_right em{font-size:1rem;font-weight:800;color:#333;letter-spacing:0.02rem;padding:2.5rem 0 0;text-transform:uppercase}.branding .typography .txt_right p{margin-top:0.001rem;font-size:0.875rem;line-height:1.71}.branding .typography .imgbox img{width:100%;margin:3.75rem 0}.branding .typography .text-font{display:flex;justify-content:space-between;flex-wrap:nowrap;width:100%;margin:0 0}.branding .typography .text-font .left img,.branding .typography .text-font .right img{width:35%;margin:0}.branding .typography .text-font .center{font-size:0.8rem;line-height:1.43;letter-spacing:normal;padding-top:1rem;font-weight:normal}.branding .typography .btn-font-more{width:100%;padding:1rem 0;background-color:#10a3ad;color:#fff;display:block;margin:3rem auto}.branding .graphic-motif .title-graphic-motif h1{font-size:1rem;font-weight:800;letter-spacing:0.02rem;text-transform:uppercase;padding:6.25rem 0 0.625rem}.branding .graphic-motif .title-graphic-motif p{font-size:0.875rem;line-height:1.71;letter-spacing:-0.035rem}.branding .graphic-motif .multi-motif-list{display:flex;justify-content:space-between;flex-wrap:wrap}.branding .graphic-motif .multi-motif-list .multi-motif-desc{border-top:1px solid #ccc;margin-top:3.75rem;width:100%}.branding .multi-motif-list .multi-motif-desc h5{font-size:0.875rem;margin-top:0.625rem}.branding .multi-motif-list .multi-motif-desc p{font-size:0.875rem;line-height:1.71;letter-spacing:-0.017rem;margin-top:0.312rem}.branding .multi-motif-list .multi-motif-desc img{width:100%;max-width:320px;margin:1.875rem 0 3.75rem}.branding .color .title-color h1{font-size:1rem;letter-spacing:0.02rem;color:#fff;padding:6.25rem 0 0.625rem}.branding .color{background:linear-gradient(to left, #10a3ad, #107cad 100%)}.branding .color .title-color p{font-size:0.875rem;line-height:1.71;padding:0 0 16.25rem;color:#fff}.branding .color{display:flex;justify-content:space-between;flex-wrap:nowrap}.branding .color .color-left,.branding .color .color-right{display:inline-block}.branding .color .color-right{float:right}.branding .color .color-left>h6,.branding .color .color-right>h6{font-family:Montserrat;font-size:0.875rem;font-weight:normal;color:#f6f6f6}.branding .color .color-left>h5,.branding .color .color-right>h5{font-family:Montserrat;font-size:1rem;color:#fff;padding:0.25rem 0 2.5rem}.branding .item .title-item>em{font-size:0.875rem;line-height:2;margin:6.25rem 0 0.312rem}.branding .item .title-item h1{font-size:1.75rem;line-height:1.36;letter-spacing:-0.035rem;margin-bottom:2.5rem}.branding .item .multi-item-list{display:flex;justify-content:space-around;flex-wrap:wrap;align-content:flex-start;margin-bottom:5rem}.branding .item .multi-item-list .multi-item-desc{margin:1rem 0 1rem;width:49%;max-width:152px;border:1px solid #ccc}.branding .item .multi-item-list .multi-item-desc img{width:100%;max-width:152px;display:block}.branding .more ul li{float:none;width:100%;padding:2rem;background-size:10rem;background-position:100% 100%}.branding .more ul li:first-child{border-top:0px solid #f8f8f8;background-image:url("/img/our_service/branding/m_bg_qna_marketing.png")}.branding .more ul li:last-child{border-top:0px solid #eaeaea;background-image:url("/img/our_service/branding/m_bg_qna_design.png")}.branding .more .qna_txt{font-size:1.25rem;line-height:1.3;letter-spacing:0.05rem}.branding .more a{display:block;margin:0.625rem 0;padding:0 0 0rem;font-size:0.625rem;text-align:left;border:0px solid #ccc;text-decoration:underline;min-width:0}.branding .qna{padding:5rem 0 3.75rem;font-size:1rem;line-height:1.38;letter-spacing:-0.04rem;text-align:center;color:#fff}.branding .qna p{font-size:1.25rem;line-height:1.3;letter-spacing:-0.05rem;text-align:center;display:block;margin-top:0.625rem}.branding .qna button{min-width:11.5rem;padding:0.875rem 0;display:block;margin:2rem auto 0;font-size:0.875rem}.branding .go_portfolio{display:none}.branding .bx{padding-top:3.25rem}.branding .typography .txt_left,.branding .typography .txt_right{float:none;display:block;width:100%}.branding .typography .txt_left{margin-bottom:2rem;font-size:4rem}.branding .strategy p.txt{margin:2rem 3rem;font-size:1.125rem}.branding .motif{padding:4.5rem 0}.branding .motif .title p{width:100%}.branding .motif ul li{width:100%}.branding .color .title{margin-bottom:16rem;text-align:left}.branding .color .title em{margin-bottom:.5rem;color:#fff}.branding .color .title span{font-size:.875rem;color:#fff}.branding .identity .title span{width:100%}.branding .color .txt .left{float:left}.branding .color .txt .right{float:right}.branding .color .txt .left span,.branding .color .txt .right span{display:block}.branding .strategy{padding:4.6rem 0}.branding .identity{padding:5rem 0}.branding .identity_02{margin-bottom:0}.branding .identity_02 em{font-size:1rem}.branding .identity_02 li{width:50%;min-height:14rem}.branding .identity_02 li div strong{font-size:.875rem}.branding .identity_02 li div p{font-size:.75rem}.branding .more .qna_txt strong{display:block}.branding .qna .wrap-qna{flex-direction:column;align-items:stretch}.branding .qna p{font-size:1.125rem}}