#girin .content-area[data-v-b7e7ebf8]{width:1440px}#girin .title[data-v-b7e7ebf8]{font-size:46px;font-weight:600}#girin .title.middle[data-v-b7e7ebf8]{font-size:38px}#girin .sub-title[data-v-b7e7ebf8]{color:#999;font-size:20px;font-weight:500;margin-bottom:20px}#girin .disc[data-v-b7e7ebf8]{font-size:20px;line-height:28px;margin-top:20px}#girin .lb[data-v-b7e7ebf8]{display:block}#girin .section01[data-v-b7e7ebf8]{background-image:url(./girin_bg_01.BHXenB8z.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh}#girin .section01 .content-area[data-v-b7e7ebf8]{height:100%;position:relative;width:1660px}#girin .section02[data-v-b7e7ebf8]{padding:100px 0 120px;position:relative}#girin .section03[data-v-b7e7ebf8]{padding-bottom:147px;position:relative}#girin .section03[data-v-b7e7ebf8]:after{background-color:#d6e4ee;content:"";height:100%;position:absolute;top:361px;width:100%;z-index:-1}#girin .section03 .img-container[data-v-b7e7ebf8]{display:flex;justify-content:center}#girin .section03 .img-container .img-wrapper[data-v-b7e7ebf8]{flex:1}#girin .section03 .img-container .img-wrapper[data-v-b7e7ebf8]:last-child{margin-left:40px;margin-top:170px}#girin .section03 .typer-area[data-v-b7e7ebf8]{margin-top:-83px}#girin .section03 .typer-area .content-wrapper[data-v-b7e7ebf8]{align-items:flex-end;display:flex;justify-content:space-between;margin-top:78px}#girin .section03 .typer-area .content-wrapper .font-area[data-v-b7e7ebf8]{align-items:flex-end;display:flex}#girin .section03 .typer-area .content-wrapper .font-area .font-wrapper[data-v-b7e7ebf8]:first-child{margin-right:40px;width:332px}#girin .section03 .typer-area .content-wrapper .font-area .font-wrapper[data-v-b7e7ebf8]:last-child{width:289px}#girin .section03 .typer-area .content-wrapper .font-area .font-wrapper .text-wrapper[data-v-b7e7ebf8]{margin-top:30px}#girin .section03 .typer-area .content-wrapper .font-area .font-wrapper .text-wrapper .font-text[data-v-b7e7ebf8]{font-size:14px;font-weight:600;padding-right:5px;position:relative}#girin .section03 .typer-area .content-wrapper .font-area .font-wrapper .text-wrapper .font-text[data-v-b7e7ebf8]:after{background-color:#888;content:"";height:12px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}#girin .section03 .typer-area .content-wrapper .font-area .font-wrapper .text-wrapper .font-text-sub[data-v-b7e7ebf8]{color:#888;font-size:14px;padding-left:4px}#girin .section03 .typer-area .content-wrapper .color-area[data-v-b7e7ebf8]{align-items:center;display:flex}#girin .section03 .typer-area .content-wrapper .color-area .color-wrapper[data-v-b7e7ebf8]{text-align:center;width:150px}#girin .section03 .typer-area .content-wrapper .color-area .color-wrapper[data-v-b7e7ebf8]:not(:last-child){margin-right:20px}#girin .section03 .typer-area .content-wrapper .color-area .color-wrapper .color-text[data-v-b7e7ebf8]{font-size:16px;font-weight:500;margin-top:30px}#girin .section04[data-v-b7e7ebf8]{background-color:#fbfeff;padding-top:180px;position:relative}#girin .section04 .img-01[data-v-b7e7ebf8]{width:960px}#girin .section04 .img-container[data-v-b7e7ebf8]{display:flex;margin-top:40px}#girin .section04 .img-container .img-03[data-v-b7e7ebf8]{margin-left:40px;margin-top:100px}#girin .section04 .img-04[data-v-b7e7ebf8]{position:absolute;right:0;top:145px;width:360px}#girin .section04 .title[data-v-b7e7ebf8]{margin-top:70px}#girin .section04 .disc[data-v-b7e7ebf8]{color:#666;margin-top:30px}#girin .section04 .mobile-img-container[data-v-b7e7ebf8]{margin-left:249px;margin-top:80px}#girin .section04 .mobile-img-container .img-wrapper[data-v-b7e7ebf8]{width:408px}#girin .section04 .mobile-img-container .img-wrapper[data-v-b7e7ebf8]:not(:last-child){margin-right:50px}#girin .section05[data-v-b7e7ebf8]{padding-top:600px;position:relative;z-index:1}#girin .section05[data-v-b7e7ebf8]:before{color:#613f31;content:"PETIT";font-size:240px;font-weight:500;left:240px;position:absolute;top:150px}#girin .section05[data-v-b7e7ebf8]:after{background-blend-mode:multiply;background-color:#c9bcb1;background-image:url(./petit_bg_01.BAGPDp4Y.webp);background-position:right bottom 54px;background-repeat:no-repeat;background-size:290px;content:"";height:1655px;position:absolute;top:480px;width:100%;z-index:-1}#girin .section05 .disc[data-v-b7e7ebf8],#girin .section05 .title[data-v-b7e7ebf8]{color:#816256;width:530px}#girin .section05 .title[data-v-b7e7ebf8]{color:#613f31}#girin .section05 .disc[data-v-b7e7ebf8]{margin-top:40px}#girin .section05 .img-container[data-v-b7e7ebf8]{display:flex;justify-content:space-between;margin-top:-496px}#girin .section05 .img-container .img-wrapper[data-v-b7e7ebf8]:first-child{margin-top:650px;width:570px}#girin .section05 .img-container .img-wrapper[data-v-b7e7ebf8]:last-child{width:820px}#girin .section05 .mobile-img-container[data-v-b7e7ebf8]{bottom:173px;display:flex;position:absolute;width:750px}#girin .section05 .mobile-img-container .img-wrapper[data-v-b7e7ebf8]:last-child{margin-top:238px}#girin .section06[data-v-b7e7ebf8]{background-color:#fffcf9;background-image:url(./petit_bg_03.DUMjRz8s.webp);background-position:left top 364px;background-repeat:no-repeat;background-size:393px;margin-top:-484px;padding-top:800px;position:relative}#girin .section06 .content-area[data-v-b7e7ebf8]{border-bottom:1px solid #f0eae2;padding-bottom:159px}#girin .section06[data-v-b7e7ebf8]:before{color:#e4d9cf;content:"CENTER";font-size:240px;font-weight:500;position:absolute;right:0;top:504px}#girin .section06 .content-wrapper[data-v-b7e7ebf8]{align-items:flex-end;display:flex;justify-content:space-between;margin-top:74px}#girin .section06 .content-wrapper .font-area[data-v-b7e7ebf8]{width:307px}#girin .section06 .content-wrapper .font-area .text-wrapper[data-v-b7e7ebf8]{margin-top:30px}#girin .section06 .content-wrapper .font-area .text-wrapper .font-text[data-v-b7e7ebf8]{font-size:14px;font-weight:600;padding-right:5px;position:relative}#girin .section06 .content-wrapper .font-area .text-wrapper .font-text[data-v-b7e7ebf8]:after{background-color:#888;content:"";height:12px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}#girin .section06 .content-wrapper .font-area .text-wrapper .font-text-sub[data-v-b7e7ebf8]{color:#888;font-size:14px;padding-left:4px}#girin .section06 .content-wrapper .color-area[data-v-b7e7ebf8]{display:flex}#girin .section06 .content-wrapper .color-area .color-wrapper[data-v-b7e7ebf8]{text-align:center;width:150px}#girin .section06 .content-wrapper .color-area .color-wrapper[data-v-b7e7ebf8]:not(:last-child){margin-right:20px}#girin .section06 .content-wrapper .color-area .color-wrapper .color-text[data-v-b7e7ebf8]{font-size:16px;font-weight:500;margin-top:30px}#girin .section07[data-v-b7e7ebf8]{padding:140px 0 120px;position:relative}#girin .section07[data-v-b7e7ebf8]:before{background-blend-mode:multiply;background-color:#fffcf9;background-image:url(./petit_bg_02.CRemiqW3.webp);background-position:100% 100%;background-repeat:no-repeat;background-size:686px;content:"";height:1470px;position:absolute;top:0;width:100%}#girin .section07 .content-area[data-v-b7e7ebf8]{display:flex}#girin .section07 .img-01[data-v-b7e7ebf8],#girin .section07 .img-02[data-v-b7e7ebf8]{width:820px}#girin .section07 .img-02[data-v-b7e7ebf8]{margin-left:-200px;margin-top:577px}#girin .lb[data-v-31b3362b]{display:block}#girin .section01[data-v-31b3362b]{background-image:url(./m_girin_bg_01.CESd3Roy.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;overflow:hidden;position:relative}#girin .section02[data-v-31b3362b]{position:relative}#girin .section02[data-v-31b3362b]:before{background-color:#d6e4ee;bottom:0;content:"";height:169px;left:0;position:absolute;width:100%;z-index:-1}#girin .section02 .img-wrapper[data-v-31b3362b]{margin:0 auto;width:283px}#girin .section03[data-v-31b3362b]{background-color:#d6e4ee;padding:97px 20px 50px}#girin .section03 .title[data-v-31b3362b]{font-size:35px;font-weight:600}#girin .section03 .content-wrapper[data-v-31b3362b]{margin-top:50px}#girin .section03 .content-wrapper .font-area[data-v-31b3362b]{display:flex}#girin .section03 .content-wrapper .font-area .font-wrapper[data-v-31b3362b]{width:calc(50% - 14px)}#girin .section03 .content-wrapper .font-area .font-wrapper[data-v-31b3362b]:last-child{margin-left:28px}#girin .section03 .content-wrapper .font-area .text-wrapper[data-v-31b3362b]{margin-top:10px}#girin .section03 .content-wrapper .font-area .text-wrapper .font-text[data-v-31b3362b]{font-size:14px;font-weight:600;padding-right:5px;position:relative}#girin .section03 .content-wrapper .font-area .text-wrapper .font-text[data-v-31b3362b]:after{background-color:#888;content:"";height:12px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}#girin .section03 .content-wrapper .font-area .text-wrapper .font-text-sub[data-v-31b3362b]{color:#888;font-size:14px;padding-left:4px}#girin .section03 .content-wrapper .color-area[data-v-31b3362b]{display:grid;gap:50px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);margin:50px auto 0;width:340px}#girin .section03 .content-wrapper .color-area .color-wrapper[data-v-31b3362b]{margin:0 auto;text-align:center;width:140px}#girin .section03 .content-wrapper .color-area .color-wrapper .color-text[data-v-31b3362b]{font-size:16px;font-weight:500;margin-top:30px}#girin .section04[data-v-31b3362b]{padding:50px 0 0;position:relative}#girin .section04 .work-sub-title .disc .lb[data-v-31b3362b]{color:#666}#girin .section04 .img-container[data-v-31b3362b]{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}#girin .section04 .img-container .swiper-slide[data-v-31b3362b]{align-items:center;display:flex;margin:0 10px;transition:transform .4s ease;width:40%}#girin .section04 .img-container .swiper-slide[data-v-31b3362b]:not(.swiper-slide-active){margin-top:70px}#girin .section04 .img-container .swiper-slide-active[data-v-31b3362b]{transform:scale(1.8);z-index:1}#girin .section05[data-v-31b3362b]{overflow:hidden;padding:190px 0 0;position:relative}#girin .section05[data-v-31b3362b]:before{color:#613f31;content:"PETIT";font-size:80px;font-weight:500;left:20px;position:absolute;top:80px}#girin .section05 .work-sub-title .disc .lb[data-v-31b3362b]{color:#666}#girin .section05 .top-area[data-v-31b3362b]{background-color:#d9d9d9;display:flex;flex-direction:column;margin-top:70px;padding-bottom:86px}#girin .section05 .top-area .img-wrapper[data-v-31b3362b]{align-self:flex-end;margin:-70px 0 80px;width:340px}#girin .section05 .top-area .title-wrapper[data-v-31b3362b]{margin-top:80px;padding:0 20px}#girin .section05 .top-area .title-wrapper .disc[data-v-31b3362b]{color:#666}#girin .section05 .top-area .img-container[data-v-31b3362b]{margin-top:110px}#girin .section05 .bottom-area[data-v-31b3362b]{display:flex;flex-direction:column}#girin .section05 .bottom-area .sub[data-v-31b3362b]{align-self:flex-end;margin-right:-36px;margin-top:-108px;position:relative;width:252px}#girin .section05 .bottom-area .sub[data-v-31b3362b]:before{color:#e4d9cf;content:"UI";font-size:150px;font-weight:900;left:-145px;position:absolute;top:60px}#girin .section05 .bottom-area .sub[data-v-31b3362b]:after{color:#e4d9cf;content:"UX";font-size:150px;font-weight:900;left:-41px;position:absolute;top:176px;z-index:1}#girin .section06[data-v-31b3362b]{padding:87px 20px 76px;position:relative}#girin .section06 .title[data-v-31b3362b]{color:#613f31;font-size:35px;font-weight:600}#girin .section06 .content-wrapper[data-v-31b3362b]{margin-top:50px}#girin .section06 .content-wrapper .font-area .img-wrapper[data-v-31b3362b]{width:179px}#girin .section06 .content-wrapper .font-area .font-wrapper[data-v-31b3362b]:last-child{margin-left:28px}#girin .section06 .content-wrapper .font-area .text-wrapper[data-v-31b3362b]{margin-top:10px}#girin .section06 .content-wrapper .font-area .text-wrapper .font-text[data-v-31b3362b]{font-size:14px;font-weight:600;padding-right:5px;position:relative}#girin .section06 .content-wrapper .font-area .text-wrapper .font-text-sub[data-v-31b3362b]{color:#888;font-size:14px;padding-left:4px}#girin .section06 .content-wrapper .color-area[data-v-31b3362b]{display:grid;gap:50px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);margin:50px auto 0;width:340px}#girin .section06 .content-wrapper .color-area .color-wrapper[data-v-31b3362b]{margin:0 auto;text-align:center;width:140px}#girin .section06 .content-wrapper .color-area .color-wrapper .color-text[data-v-31b3362b]{font-size:16px;font-weight:500;margin-top:30px}#girin .section07 .img-wrapper[data-v-31b3362b]{margin-bottom:76px}