:root{--cielo-hero-safety-height-md: 126px}.p-sec-product{background-color:#f9f5ee}@media(max-width: 767.9px){.p-sec-product{padding-bottom:16vw}}@media(min-width: 768px){.p-sec-product{padding-bottom:105px}}@media(max-width: 767.9px){.p-sec-product__inner{padding:13.3333333333vw 0}}@media(min-width: 768px){.p-sec-product__inner{display:flex;gap:63px;align-items:start;padding:86px 0 23px 106px}}@media(min-width: 768px)and (max-width: 1024px){.p-sec-product__inner{gap:6.15234375vw;padding-left:0}}.p-sec-product__head{position:relative;z-index:0;display:flex}@media(max-width: 767.9px){.p-sec-product__head{padding-left:2.6666666667vw}}.p-sec-product__head .p-sec-product__head__circle{z-index:-1;display:flex;flex-direction:column;align-items:center;font-weight:700;color:#fff;letter-spacing:.1em;background-color:#c36068;border-radius:50%}@media(max-width: 767.9px){.p-sec-product__head .p-sec-product__head__circle{width:40vw;height:40vw;padding-top:8.8vw;margin-top:11.2vw;font-size:4.2666666667vw}}@media(min-width: 768px){.p-sec-product__head .p-sec-product__head__circle{width:207px;height:207px;padding-top:60px;margin-top:-21px;font-size:1.25rem}}@media(min-width: 768px)and (max-width: 1024px){.p-sec-product__head .p-sec-product__head__circle{width:20.21484375vw;height:20.21484375vw;padding-top:5.859375vw}}@media(max-width: 767.9px){.p-sec-product__head .p-sec-product__head__circle img{width:29.8666666667vw;padding-top:3.2vw}}@media(min-width: 768px){.p-sec-product__head .p-sec-product__head__circle img{width:141px;padding-top:8px}}@media(min-width: 768px)and (max-width: 1024px){.p-sec-product__head .p-sec-product__head__circle img{width:13.76953125vw;padding-top:0.78125vw}}@media(max-width: 767.9px){.p-sec-product__head .p-sec-product__head__product{width:48.8vw;margin-left:-5.3333333333vw}}@media(min-width: 768px){.p-sec-product__head .p-sec-product__head__product{width:271px;margin-top:-23px;margin-left:-24px}}.p-sec-product__head .p-sec-product__head__product img{width:100%;height:auto;vertical-align:top}.p-sec-product__head .p-sec-product__head__badge{position:absolute;display:flex;align-items:center;justify-content:center;line-height:1;border:1px solid #000}@media(max-width: 767.9px){.p-sec-product__head .p-sec-product__head__badge{bottom:10.1333333333vw;left:13.3333333333vw;width:18.6666666667vw;height:6.1333333333vw;font-size:3.2vw}}@media(min-width: 768px){.p-sec-product__head .p-sec-product__head__badge{bottom:60px;left:67px;width:70px;height:23px;font-size:0.75rem}}.p-sec-product__title{line-height:1}@media(max-width: 767.9px){.p-sec-product__title{padding-left:8vw}}@media(max-width: 767.9px){.p-sec-product__title h2{width:56.2666666667vw}}@media(min-width: 768px){.p-sec-product__title h2{width:275px}}.p-sec-product__title p{font-weight:700;letter-spacing:.1em}@media(max-width: 767.9px){.p-sec-product__title p{margin-top:2.6666666667vw;font-size:4.8vw}}@media(min-width: 768px){.p-sec-product__title p{margin-top:20px;font-size:1.375rem}}@media(max-width: 767.9px){.p-sec-product__title p span{font-size:3.2vw}}@media(min-width: 768px){.p-sec-product__title p span{font-size:0.9375rem}}.p-sec-product__select{color:rgba(0,0,0,.5)}@media(max-width: 767.9px){.p-sec-product__select{padding-left:7.4666666667vw;margin-top:5.3333333333vw;font-size:3.4666666667vw}}@media(min-width: 768px){.p-sec-product__select{margin-top:32px;font-size:0.8125rem}}.p-sec-product__color-new{position:absolute;inset:auto auto calc(100% + .1em) 50%;display:inline-block;margin:auto;line-height:1.4;color:#7f7f7f;transform:translateX(-50%)}@media(max-width: 767.9px){.p-sec-product__color-new{font-size:2.9333333333vw}}@media(min-width: 768px){.p-sec-product__color-new{font-size:0.6875rem}}.p-sec-product__color{display:grid}@media(max-width: 767.9px){.p-sec-product__color{grid-template-columns:repeat(8, 5.3333333333vw);gap:5.3333333333vw;padding-left:7.4666666667vw;margin-top:4.2666666667vw}}@media(min-width: 768px){.p-sec-product__color{grid-template-columns:repeat(8, 20px);gap:20px;margin-top:16px}}@media(min-width: 768px)and (max-width: 1024px){.p-sec-product__color{grid-template-columns:repeat(8, 1.953125vw);gap:1.953125vw}}.p-sec-product__color li{position:relative;flex-shrink:0;border-radius:50%}@media(max-width: 767.9px){.p-sec-product__color li{width:5.3333333333vw;height:5.3333333333vw;margin-right:1.3333333333vw}}@media(min-width: 768px){.p-sec-product__color li{width:20px;height:20px}}.p-sec-product__color li.dark-brown::before{position:absolute;content:"";border:1px solid #59402d;border-radius:50%;transform-origin:center}@media(max-width: 767.9px){.p-sec-product__color li.dark-brown::before{top:-1.0666666667vw;left:-1.0666666667vw;width:6.9333333333vw;height:6.9333333333vw;border-width:0.2666666667vw}}@media(min-width: 768px){.p-sec-product__color li.dark-brown::before{top:-4px;left:-4px;width:26px;height:26px}}@media(max-width: 767.9px){.c-button{width:65.8666666667vw;margin-top:10.6666666667vw;margin-left:14.6666666667vw}}@media(min-width: 768px){.c-button{width:250px;margin-top:32px}}.p-sec-product .p-sec-product__inner,.p-sec-product .p-debut-online__title,.p-sec-product .p-debut-online__link{opacity:0}.p-sec-product.in-view .p-sec-product__inner{animation:fade-up 1400ms ease-out both}.p-sec-product.in-view .p-debut-online__title{animation:fade-in 1400ms ease-out both 600ms}.p-sec-product.in-view .p-debut-online__link{animation:fade-in 1400ms ease-out both 1000ms}@keyframes underline-permanent-active{0%{background-position-x:right;background-size:100% 1px}49.99%{background-position-x:right;background-size:0 1px}50%{background-position-x:left;background-size:0 1px}100%{background-position-x:left;background-size:100% 1px}}.u-cream-color.light-pink-brown{--product-color: #915A47;background-color:#915a47 !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.light-pink-brown.c-color-map-button:hover{outline-color:#915a47 !important}}.u-cream-outline-color.light-pink-brown.c-color-map-button:focus-visible{outline-color:#915a47 !important}.u-cream-outline-color.light-pink-brown.c-color-map-button.is-active{outline-color:#915a47 !important}.u-cream-color.deep-ruby-brown{--product-color: #622324;background-color:#622324 !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.deep-ruby-brown.c-color-map-button:hover{outline-color:#622324 !important}}.u-cream-outline-color.deep-ruby-brown.c-color-map-button:focus-visible{outline-color:#622324 !important}.u-cream-outline-color.deep-ruby-brown.c-color-map-button.is-active{outline-color:#622324 !important}.u-cream-color.rose-brown{--product-color: #76453D;background-color:#76453d !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.rose-brown.c-color-map-button:hover{outline-color:#76453d !important}}.u-cream-outline-color.rose-brown.c-color-map-button:focus-visible{outline-color:#76453d !important}.u-cream-outline-color.rose-brown.c-color-map-button.is-active{outline-color:#76453d !important}.u-cream-color.deep-rose-brown{--product-color: #653631;background-color:#653631 !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.deep-rose-brown.c-color-map-button:hover{outline-color:#653631 !important}}.u-cream-outline-color.deep-rose-brown.c-color-map-button:focus-visible{outline-color:#653631 !important}.u-cream-outline-color.deep-rose-brown.c-color-map-button.is-active{outline-color:#653631 !important}.u-cream-color.maple-brown{--product-color: #935C39;background-color:#935c39 !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.maple-brown.c-color-map-button:hover{outline-color:#935c39 !important}}.u-cream-outline-color.maple-brown.c-color-map-button:focus-visible{outline-color:#935c39 !important}.u-cream-outline-color.maple-brown.c-color-map-button.is-active{outline-color:#935c39 !important}.u-cream-color.light-pure-brown{--product-color: #875A40;background-color:#875a40 !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.light-pure-brown.c-color-map-button:hover{outline-color:#875a40 !important}}.u-cream-outline-color.light-pure-brown.c-color-map-button:focus-visible{outline-color:#875a40 !important}.u-cream-outline-color.light-pure-brown.c-color-map-button.is-active{outline-color:#875a40 !important}.u-cream-color.pure-brown{--product-color: #6E422E;background-color:#6e422e !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.pure-brown.c-color-map-button:hover{outline-color:#6e422e !important}}.u-cream-outline-color.pure-brown.c-color-map-button:focus-visible{outline-color:#6e422e !important}.u-cream-outline-color.pure-brown.c-color-map-button.is-active{outline-color:#6e422e !important}.u-cream-color.dark-pure-brown{--product-color: #643E2B;background-color:#643e2b !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.dark-pure-brown.c-color-map-button:hover{outline-color:#643e2b !important}}.u-cream-outline-color.dark-pure-brown.c-color-map-button:focus-visible{outline-color:#643e2b !important}.u-cream-outline-color.dark-pure-brown.c-color-map-button.is-active{outline-color:#643e2b !important}.u-cream-color.deep-dark-pure-brown{--product-color: #643829;background-color:#643829 !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.deep-dark-pure-brown.c-color-map-button:hover{outline-color:#643829 !important}}.u-cream-outline-color.deep-dark-pure-brown.c-color-map-button:focus-visible{outline-color:#643829 !important}.u-cream-outline-color.deep-dark-pure-brown.c-color-map-button.is-active{outline-color:#643829 !important}.u-cream-color.brighter-light-brown{--product-color: #92642A;background-color:#92642a !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.brighter-light-brown.c-color-map-button:hover{outline-color:#92642a !important}}.u-cream-outline-color.brighter-light-brown.c-color-map-button:focus-visible{outline-color:#92642a !important}.u-cream-outline-color.brighter-light-brown.c-color-map-button.is-active{outline-color:#92642a !important}.u-cream-color.lighter-light-brown{--product-color: #835B2B;background-color:#835b2b !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.lighter-light-brown.c-color-map-button:hover{outline-color:#835b2b !important}}.u-cream-outline-color.lighter-light-brown.c-color-map-button:focus-visible{outline-color:#835b2b !important}.u-cream-outline-color.lighter-light-brown.c-color-map-button.is-active{outline-color:#835b2b !important}.u-cream-color.light-brown{--product-color: #78502A;background-color:#78502a !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.light-brown.c-color-map-button:hover{outline-color:#78502a !important}}.u-cream-outline-color.light-brown.c-color-map-button:focus-visible{outline-color:#78502a !important}.u-cream-outline-color.light-brown.c-color-map-button.is-active{outline-color:#78502a !important}.u-cream-color.brown{--product-color: #674B2D;background-color:#674b2d !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.brown.c-color-map-button:hover{outline-color:#674b2d !important}}.u-cream-outline-color.brown.c-color-map-button:focus-visible{outline-color:#674b2d !important}.u-cream-outline-color.brown.c-color-map-button.is-active{outline-color:#674b2d !important}.u-cream-color.dark-brown{--product-color: #59402D;background-color:#59402d !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.dark-brown.c-color-map-button:hover{outline-color:#59402d !important}}.u-cream-outline-color.dark-brown.c-color-map-button:focus-visible{outline-color:#59402d !important}.u-cream-outline-color.dark-brown.c-color-map-button.is-active{outline-color:#59402d !important}.u-cream-color.mocha-brown{--product-color: #6E5B36;background-color:#6e5b36 !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.mocha-brown.c-color-map-button:hover{outline-color:#6e5b36 !important}}.u-cream-outline-color.mocha-brown.c-color-map-button:focus-visible{outline-color:#6e5b36 !important}.u-cream-outline-color.mocha-brown.c-color-map-button.is-active{outline-color:#6e5b36 !important}.u-cream-color.dark-mocha-brown{--product-color: #524627;background-color:#524627 !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.dark-mocha-brown.c-color-map-button:hover{outline-color:#524627 !important}}.u-cream-outline-color.dark-mocha-brown.c-color-map-button:focus-visible{outline-color:#524627 !important}.u-cream-outline-color.dark-mocha-brown.c-color-map-button.is-active{outline-color:#524627 !important}.u-cream-color.caramel-brown{--product-color: #916C37;background-color:#916c37 !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.caramel-brown.c-color-map-button:hover{outline-color:#916c37 !important}}.u-cream-outline-color.caramel-brown.c-color-map-button:focus-visible{outline-color:#916c37 !important}.u-cream-outline-color.caramel-brown.c-color-map-button.is-active{outline-color:#916c37 !important}.u-cream-color.ash-brown{--product-color: #675739;background-color:#675739 !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.ash-brown.c-color-map-button:hover{outline-color:#675739 !important}}.u-cream-outline-color.ash-brown.c-color-map-button:focus-visible{outline-color:#675739 !important}.u-cream-outline-color.ash-brown.c-color-map-button.is-active{outline-color:#675739 !important}.u-cream-color.dark-ash-brown{--product-color: #483D2B;background-color:#483d2b !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.dark-ash-brown.c-color-map-button:hover{outline-color:#483d2b !important}}.u-cream-outline-color.dark-ash-brown.c-color-map-button:focus-visible{outline-color:#483d2b !important}.u-cream-outline-color.dark-ash-brown.c-color-map-button.is-active{outline-color:#483d2b !important}.u-cream-color.dark-dark-brown{--product-color: #332B29;background-color:#332b29 !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.dark-dark-brown.c-color-map-button:hover{outline-color:#332b29 !important}}.u-cream-outline-color.dark-dark-brown.c-color-map-button:focus-visible{outline-color:#332b29 !important}.u-cream-outline-color.dark-dark-brown.c-color-map-button.is-active{outline-color:#332b29 !important}.u-cream-color.cassis-pink{--product-color: #e95e73;background-color:#e95e73 !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.cassis-pink.c-color-map-button:hover{outline-color:#e95e73 !important}}.u-cream-outline-color.cassis-pink.c-color-map-button:focus-visible{outline-color:#e95e73 !important}.u-cream-outline-color.cassis-pink.c-color-map-button.is-active{outline-color:#e95e73 !important}.u-cream-color.sheer-beige{--product-color: #dfb765;background-color:#dfb765 !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.sheer-beige.c-color-map-button:hover{outline-color:#dfb765 !important}}.u-cream-outline-color.sheer-beige.c-color-map-button:focus-visible{outline-color:#dfb765 !important}.u-cream-outline-color.sheer-beige.c-color-map-button.is-active{outline-color:#dfb765 !important}.u-cream-color.sepia-greige{--product-color: #79484b;background-color:#79484b !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.sepia-greige.c-color-map-button:hover{outline-color:#79484b !important}}.u-cream-outline-color.sepia-greige.c-color-map-button:focus-visible{outline-color:#79484b !important}.u-cream-outline-color.sepia-greige.c-color-map-button.is-active{outline-color:#79484b !important}.u-cream-color.foggy-ash{--product-color: #1c80a2;background-color:#1c80a2 !important}@media(any-hover: hover)and (pointer: fine){.u-cream-outline-color.foggy-ash.c-color-map-button:hover{outline-color:#1c80a2 !important}}.u-cream-outline-color.foggy-ash.c-color-map-button:focus-visible{outline-color:#1c80a2 !important}.u-cream-outline-color.foggy-ash.c-color-map-button.is-active{outline-color:#1c80a2 !important}.p-debut-sec-hero__transition{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;width:100%}@media(min-width: 768px){.p-debut-sec-hero__transition::before,.p-debut-sec-hero__transition::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--cielo-color-primary)}}.p-debut-sec-hero__inner{position:relative}@media(max-width: 767.9px){.p-debut-sec-hero__inner{background-color:var(--cielo-color-primary)}}@media(min-width: 1024px){.p-debut-sec-hero__inner{margin-left:50px}}@keyframes hero-bg-enter{0%{width:0;animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}20%{width:40%;animation-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}100%{width:100%}}@keyframes hero-image-enter{0%{visibility:visible;opacity:0;transform:scale(1.06)}50%{opacity:1}100%{visibility:visible;opacity:1;transform:scale(1)}}.p-debut-sec-hero{position:relative}.p-debut-sec-hero .p-debut-sec-hero__transition::before{width:0}.p-debut-sec-hero .p-debut-sec-hero__transition::after{opacity:0}.p-debut-sec-hero .p-debut-hero__image,.p-debut-sec-hero .p-debut-hero__title,.p-debut-sec-hero .p-debut-hero__content{opacity:0}@media(max-width: 767.9px){.p-debut-sec-hero.is-enter .p-debut-hero__image{animation:hero-image-enter 4000ms cubic-bezier(0.19, 1, 0.22, 1) both 800ms}.p-debut-sec-hero.is-enter .p-debut-hero__content{animation:fade-in 1000ms ease-out both 1400ms}.p-debut-sec-hero.is-enter .p-debut-hero__title{animation:fade-in 1000ms ease-out both 1800ms}}@media(min-width: 768px){.p-debut-sec-hero.is-enter .p-debut-sec-hero__transition::before{animation:hero-bg-enter 1800ms cubic-bezier(0.19, 1, 0.22, 1) both}.p-debut-sec-hero.is-enter .p-debut-sec-hero__transition::after{animation:fade-in 600ms ease-out both 800ms}.p-debut-sec-hero.is-enter .p-debut-hero__image{animation:hero-image-enter 4000ms cubic-bezier(0.19, 1, 0.22, 1) both 800ms}.p-debut-sec-hero.is-enter .p-debut-hero__content{animation:fade-in 1000ms ease-out both 1400ms}.p-debut-sec-hero.is-enter .p-debut-hero__title{animation:fade-in 1000ms ease-out both 1800ms}}.p-debut-hero{position:relative;width:100%;max-width:1350px;margin:0 auto;overflow:hidden}@media(min-width: 768px){.p-debut-hero{display:flex;align-items:center;min-height:calc(703px - var(--cielo-global-header-height-md))}}@media(min-width: 1024px)and (min-aspect-ratio: 5/4)and (max-aspect-ratio: 16/7){.p-debut-hero{height:calc(100vh - var(--cielo-global-header-height-md));height:calc(100svh - var(--cielo-global-header-height-md));aspect-ratio:initial}}@media(min-width: 768px){.p-debut-hero__inner{position:relative;display:flex;flex-direction:row-reverse;width:100%}}.p-debut-hero__head{position:relative;flex:1;width:100%;transform-origin:center center}@media(min-width: 768px){.p-debut-hero__image{height:550px}}.p-debut-hero__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:center}.p-debut-hero__title{position:absolute;display:block;aspect-ratio:542/324;transform:rotate(-2deg)}.p-debut-hero__title .p-debut-hero__char{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/selfcoloring-studio/user-interview/images/common/ttl.png?v=7f6b4218e73c37d86481) no-repeat center center;background-size:100% auto}.p-debut-hero__title .p-debut-hero__char.p-debut-hero__char--01{-webkit-clip-path:inset(30.8641975309% 83.7037037037% 36.4197530864% 0%);clip-path:inset(30.8641975309% 83.7037037037% 36.4197530864% 0%)}.p-debut-hero__title .p-debut-hero__char.p-debut-hero__char--02{-webkit-clip-path:inset(30.8641975309% 69.6296296296% 36.4197530864% 16.6666666667%);clip-path:inset(30.8641975309% 69.6296296296% 36.4197530864% 16.6666666667%)}.p-debut-hero__title .p-debut-hero__char.p-debut-hero__char--03{-webkit-clip-path:inset(30.8641975309% 60.1851851852% 36.4197530864% 30.5555555556%);clip-path:inset(30.8641975309% 60.1851851852% 36.4197530864% 30.5555555556%)}.p-debut-hero__title .p-debut-hero__char.p-debut-hero__char--04{-webkit-clip-path:inset(30.8641975309% 51.8518518519% 36.4197530864% 40%);clip-path:inset(30.8641975309% 51.8518518519% 36.4197530864% 40%)}.p-debut-hero__title .p-debut-hero__char.p-debut-hero__char--05{-webkit-clip-path:inset(63.2716049383% 77.7777777778% 4.012345679% 8.3333333333%);clip-path:inset(63.2716049383% 77.7777777778% 4.012345679% 8.3333333333%)}.p-debut-hero__title .p-debut-hero__char.p-debut-hero__char--06{-webkit-clip-path:inset(63.2716049383% 64.8148148148% 4.012345679% 22.2222222222%);clip-path:inset(63.2716049383% 64.8148148148% 4.012345679% 22.2222222222%)}.p-debut-hero__title .p-debut-hero__char.p-debut-hero__char--07{-webkit-clip-path:inset(63.2716049383% 51.8518518519% 4.012345679% 35.3703703704%);clip-path:inset(63.2716049383% 51.8518518519% 4.012345679% 35.3703703704%)}.p-debut-hero__title .p-debut-hero__char.p-debut-hero__char--08{-webkit-clip-path:inset(49.6913580247% 37.037037037% 18.8271604938% 48.3333333333%);clip-path:inset(49.6913580247% 37.037037037% 18.8271604938% 48.3333333333%)}.p-debut-hero__title .p-debut-hero__char.p-debut-hero__char--09{-webkit-clip-path:inset(49.6913580247% 24.0740740741% 18.8271604938% 63.1481481481%);clip-path:inset(49.6913580247% 24.0740740741% 18.8271604938% 63.1481481481%)}.p-debut-hero__title .p-debut-hero__char.p-debut-hero__char--10{-webkit-clip-path:inset(49.6913580247% 14.2592592593% 18.8271604938% 76.1111111111%);clip-path:inset(49.6913580247% 14.2592592593% 18.8271604938% 76.1111111111%)}.p-debut-hero__title .p-debut-hero__char.p-debut-hero__char--11{-webkit-clip-path:inset(49.6913580247% 1.1111111111% 18.8271604938% 84.2592592593%);clip-path:inset(49.6913580247% 1.1111111111% 18.8271604938% 84.2592592593%)}.p-debut-hero__title .p-debut-hero__char.p-debut-hero__char--12{-webkit-clip-path:inset(9.8765432099% 2.7777777778% 50% 73.1481481481%);clip-path:inset(9.8765432099% 2.7777777778% 50% 73.1481481481%)}@media(max-width: 767.9px){.p-debut-hero__title{right:1.6vw;bottom:-17.6vw;width:58.9333333333vw}}@media(min-width: 768px){.p-debut-hero__title{right:28px;bottom:-60px;width:349px}}@media(min-width: 768px)and (max-width: 1024px){.p-debut-hero__title{right:20px;width:320px}}.p-debut-hero__content{z-index:1}@media(max-width: 767.9px){.p-debut-hero__content{padding:12vw 4vw 0}}@media(min-width: 768px){.p-debut-hero__content{padding-top:52px;padding-left:65px;margin-right:-50px}}@media(max-width: 767.9px){.p-debut-hero__number{height:10.6666666667vw}}@media(min-width: 768px){.p-debut-hero__number{height:50px;margin-left:-15px}}.p-debut-hero__number img{width:auto;height:100%}.p-debut-hero__catch{font-weight:700;line-height:1.5}@media(max-width: 767.9px){.p-debut-hero__catch{margin-top:5.3333333333vw;font-size:6.9333333333vw}}@media(min-width: 768px){.p-debut-hero__catch{margin-top:31px;font-size:2.25rem}}.p-debut-hero__lead{line-height:1.75;letter-spacing:.03em}@media(max-width: 767.9px){.p-debut-hero__lead{margin-top:5.6vw;font-size:4vw}}@media(min-width: 768px){.p-debut-hero__lead{width:458px;margin-top:36px;font-size:1rem}}.p-debut-hero__note{display:inline-block}@media(max-width: 767.9px){.p-debut-hero__note{margin-top:4.2666666667vw;font-size:2.4vw}}@media(min-width: 768px){.p-debut-hero__note{margin-top:16px;font-size:12px}}@media(min-width: 1024px){.p-debut-hero__note br.only-pc{display:none}}.p-debut-sec-profile__inner{position:relative;background-color:var(--cielo-color-primary)}@media(max-width: 767.9px){.p-debut-sec-profile__inner{padding-top:10.6666666667vw;padding-bottom:13.3333333333vw}}@media(min-width: 768px){.p-debut-sec-profile__inner{padding:60px 0}}@media(min-width: 1024px){.p-debut-sec-profile__inner{background:linear-gradient(90deg, transparent 0%, transparent 50px, var(--cielo-color-primary) 50px, var(--cielo-color-primary) 100%)}}@media(max-width: 767.9px){.p-debut-sec-profile__container{flex-direction:column}}@media(min-width: 768px){.p-debut-sec-profile__container{display:flex}}.p-debut-sec-profile__wrap{background-color:var(--cielo-color-white);display:flex;align-items:center}@media(max-width: 767.9px){.p-debut-sec-profile__wrap{flex-direction:column;width:100%;padding:4vw 4vw 8.5333333333vw}}@media(min-width: 768px){.p-debut-sec-profile__wrap{width:71%;padding:30px 15px 30px 30px}}@media(min-width: 768px)and (max-width: 1024px){.p-debut-sec-profile__wrap{padding-left:20px}}@media(max-width: 767.9px){.p-debut-sec-profile__head{width:100%;display:flex;align-items:center;gap:5.3333333333vw}}@media(min-width: 768px){.p-debut-sec-profile__head{width:30%}}@media(max-width: 767.9px){.p-debut-sec-profile__picture{width:40vw}}.p-debut-sec-profile__picture img{width:100%;height:auto}@media(max-width: 767.9px){.p-debut-sec-profile__content{width:100%}}@media(min-width: 768px){.p-debut-sec-profile__content{flex:1;padding-left:30px}}@media(min-width: 768px)and (max-width: 1024px){.p-debut-sec-profile__content{padding-left:20px}}.p-debut-sec-profile__product{display:flex;align-items:center;justify-content:center}@media(max-width: 767.9px){.p-debut-sec-profile__product{width:100%}}@media(min-width: 768px){.p-debut-sec-profile__product{width:29%}}.p-debut-sec-profile__product img{vertical-align:bottom;width:100%}.p-debut-sec-profile__product.p-debut-sec-profile__product--ct{background-color:#cd7e90}@media(min-width: 768px){.p-debut-sec-profile__product.p-debut-sec-profile__product--ct{padding:0 38px 0 30px}}@media(min-width: 768px)and (max-width: 1024px){.p-debut-sec-profile__product.p-debut-sec-profile__product--ct{padding:0 15px}}.p-debut-sec-profile__product.p-debut-sec-profile__product--cream{background-color:#c36068}@media(min-width: 768px){.p-debut-sec-profile__product.p-debut-sec-profile__product--cream{padding:0 15px 0 20px}}@media(min-width: 768px)and (max-width: 1024px){.p-debut-sec-profile__product.p-debut-sec-profile__product--cream{padding:0 10px}}.p-debut-sec-profile__product.p-debut-sec-profile__product--mousse{background-color:#ece1c4}@media(min-width: 768px){.p-debut-sec-profile__product.p-debut-sec-profile__product--mousse{padding:0 15px 0 20px}}@media(min-width: 768px)and (max-width: 1024px){.p-debut-sec-profile__product.p-debut-sec-profile__product--mousse{padding:0 15px}}.p-debut-sec-profile__name{font-weight:bold}@media(max-width: 767.9px){.p-debut-sec-profile__name{font-size:5.3333333333vw;line-height:1.7}}@media(min-width: 768px){.p-debut-sec-profile__name{font-size:1.625rem;letter-spacing:.03em;margin-top:20px}}@media(min-width: 768px)and (max-width: 1024px){.p-debut-sec-profile__name{margin-top:0}}@media(max-width: 767.9px){.p-debut-sec-profile__name-sm{font-size:4.2666666667vw}}@media(min-width: 768px){.p-debut-sec-profile__name-sm{font-size:1.125rem}}.p-debut-sec-profile__profile{color:rgba(0,0,0,.5);font-weight:200;line-height:1}@media(max-width: 767.9px){.p-debut-sec-profile__profile{width:100%;font-size:6.6666666667vw;margin-top:3.4666666667vw}}@media(min-width: 768px){.p-debut-sec-profile__profile{font-size:1.875rem;letter-spacing:.03em;margin-top:12px}}.p-debut-sec-profile__profile-ja{font-weight:bold;letter-spacing:.03em}@media(max-width: 767.9px){.p-debut-sec-profile__profile-ja{width:100%;font-size:3.4666666667vw;padding-left:3.7333333333vw}}@media(min-width: 768px){.p-debut-sec-profile__profile-ja{font-size:0.9375rem;padding-left:12px}}@media(min-width: 768px)and (max-width: 1024px){.p-debut-sec-profile__profile-ja{padding:0}}.p-debut-sec-profile__text{letter-spacing:.03em}@media(max-width: 767.9px){.p-debut-sec-profile__text{font-size:3.4666666667vw;margin-top:3.2vw;line-height:1.7}}@media(min-width: 768px){.p-debut-sec-profile__text{font-size:0.9375rem;margin-top:13px;line-height:2}}@media(min-width: 768px)and (max-width: 1024px){.p-debut-sec-profile__text{font-size:0.8125rem}}.p-debut-sec-profile__product__picture img{vertical-align:bottom}.p-debut-sec-profile__product__img{display:block;width:100%}.p-debut-sec-profile .p-debut-sec-profile__container{visibility:hidden}.p-debut-sec-profile.in-view .p-debut-sec-profile__container{animation:clip-left-to-right 1000ms ease-out both}.p-debut-sec-interview{overflow:hidden}@media(max-width: 767.9px){.p-debut-sec-interview{padding-top:10.6666666667vw}}@media(min-width: 768px){.p-debut-sec-interview{padding-top:147px}}@media(max-width: 767.9px){.p-debut-sec-interview__content{padding-bottom:21.3333333333vw}}@media(min-width: 768px){.p-debut-sec-interview__content{padding-bottom:117px}}@media(max-width: 767.9px){.p-debut-sec-interview__head{margin-bottom:9.3333333333vw}.p-debut-sec-interview__head:nth-child(n+2){padding-top:14.6666666667vw}}@media(min-width: 768px){.p-debut-sec-interview__head{margin-bottom:58px}.p-debut-sec-interview__head:nth-child(n+2){padding-top:88px}}.p-debut-sec-interview__head--treatment{background:linear-gradient(transparent 97%, var(--cielo-bg-treatment) 0%)}.p-debut-sec-interview__head--cream{background:linear-gradient(transparent 97%, #C36068 0%)}.p-debut-sec-interview__head--mousse{background:linear-gradient(transparent 97%, #B17F00 0%)}@media(max-width: 767.9px){.p-debut-sec-interview__head__span{display:inline;padding-bottom:1.0666666667vw;font-size:5.8666666667vw;font-weight:bold;line-height:1.81;letter-spacing:.03em}}@media(min-width: 768px){.p-debut-sec-interview__head__span{display:inline;padding-bottom:8px;font-size:1.875rem;font-weight:bold;line-height:2;letter-spacing:.03em}}@media(max-width: 767.9px){.p-debut-sec-interview__faq{padding-bottom:9.3333333333vw}}@media(min-width: 768px){.p-debut-sec-interview__faq{padding-bottom:76px}}.p-debut-sec-interview__q{display:flex;font-weight:bold}@media(max-width: 767.9px){.p-debut-sec-interview__q{font-size:4.5333333333vw;align-items:flex-start}}@media(min-width: 768px){.p-debut-sec-interview__q{font-size:1.375rem;align-items:center}}@media(max-width: 767.9px){.p-debut-sec-interview__q__img{width:10.6666666667vw}}@media(min-width: 768px){.p-debut-sec-interview__q__img{width:80px}}.p-debut-sec-interview__q__text{letter-spacing:.03em}@media(max-width: 767.9px){.p-debut-sec-interview__q__text{line-height:1.4;padding-left:2.6666666667vw;width:88%}}@media(min-width: 768px){.p-debut-sec-interview__q__text{padding-left:20px}}.p-debut-sec-interview__a{line-height:2;letter-spacing:.03em}@media(max-width: 767.9px){.p-debut-sec-interview__a{font-size:4vw;padding-top:2.6666666667vw}}@media(min-width: 768px){.p-debut-sec-interview__a{font-size:1rem;padding-top:25px}}.p-debut-sec-interview__q__picture{display:block}@media(max-width: 767.9px){.p-debut-sec-interview__q__picture{width:12%}}.p-debut-sec-interview__q__picture img{vertical-align:bottom}.p-debut-sec-interview__picture{display:block}@media(max-width: 767.9px){.p-debut-sec-interview__picture{position:relative;left:50%;transform:translateX(-50%);width:100vw}}@media(min-width: 768px){.p-debut-sec-interview__picture{width:100%}}.p-debut-sec-interview__picture img{vertical-align:bottom}.p-debut-sec-interview__faq__wrap{display:flex}@media(max-width: 767.9px){.p-debut-sec-interview__faq__wrap{flex-direction:column}}@media(max-width: 767.9px){.p-debut-sec-interview__faq__left{width:100%}}@media(min-width: 768px){.p-debut-sec-interview__faq__left{width:50%}}@media(min-width: 768px){.p-debut-sec-interview__faq__left .p-debut-sec-interview__q__picture{width:16%}}@media(min-width: 768px){.p-debut-sec-interview__faq__left .p-debut-sec-interview__q__text{width:84%}}@media(max-width: 767.9px){.p-debut-sec-interview__faq__right{width:100%;padding-left:0;padding-top:9.3333333333vw}}@media(min-width: 768px){.p-debut-sec-interview__faq__right{width:50%;padding-left:40px}}.p-debut-sec-interview__faq__right img{width:100%}.p-debut-sec-interview__faq__right__text{text-align:center}@media(max-width: 767.9px){.p-debut-sec-interview__faq__right__text{font-size:3.7333333333vw;margin-top:3.4666666667vw}}@media(min-width: 768px){.p-debut-sec-interview__faq__right__text{font-size:1rem;letter-spacing:.03em;margin-top:8px}}.p-debut-sec-interview .p-debut-sec-interview__head,.p-debut-sec-interview .p-debut-sec-interview__faq,.p-debut-sec-interview .p-debut-sec-interview__faq__wrap,.p-debut-sec-interview .p-debut-sec-interview__picture{opacity:0}.p-debut-sec-interview .p-debut-sec-interview__head.in-view,.p-debut-sec-interview .p-debut-sec-interview__faq.in-view,.p-debut-sec-interview .p-debut-sec-interview__faq__wrap.in-view{animation:fade-up 1400ms ease-out both}.p-debut-sec-interview .p-debut-sec-interview__picture.in-view{animation:fade-in 1400ms ease-out both}@media(max-width: 767.9px){.p-debut-sec-banner{padding:16vw 0}}@media(min-width: 768px){.p-debut-sec-banner{padding:100px 0}}.p-debut-sec-banner__banner{display:block;margin:0 auto;width:100%;transition:opacity var(--cielo-hover-duration) ease-out}@media(min-width: 768px){.p-debut-sec-banner__banner{max-width:800px}}@media(any-hover: hover)and (pointer: fine){.p-debut-sec-banner__banner:hover{opacity:var(--cielo-hover-opacity)}}.p-debut-sec-banner__banner:active{opacity:var(--cielo-hover-opacity)}.p-debut-sec-banner__banner img{width:100%;height:auto}@media(max-width: 767.9px){.p-debut-sec-banner__banner+.p-debut-sec-banner__banner{margin-top:10.6666666667vw}}@media(min-width: 768px){.p-debut-sec-banner__banner+.p-debut-sec-banner__banner{margin-top:40px}}.p-debut-sec-link .p-debut-sec-banner__banner{opacity:0}.p-debut-sec-link.in-view .p-debut-sec-banner__banner{animation:fade-in 1400ms ease-out both}.p-debut-sec-link{background-color:#f5f5f5}@media(max-width: 767.9px){.p-debut-sec-link{padding:0 0 21.6vw}}@media(min-width: 768px){.p-debut-sec-link{padding:22px 0 104px}}.p-debut-sec-link__logo{margin:0 auto}@media(max-width: 767.9px){.p-debut-sec-link__logo{width:75.2vw}}@media(min-width: 768px){.p-debut-sec-link__logo{width:364px}}.p-debut-sec-link__contents{display:grid}@media(max-width: 767.9px){.p-debut-sec-link__contents{grid-template-columns:repeat(1, 1fr);gap:4.8vw;width:85.3333333333vw;margin:0 auto}}@media(min-width: 768px){.p-debut-sec-link__contents{grid-template-columns:repeat(3, 1fr);gap:20px}}.p-debut-sec-link__contents__item a{display:block;transition:opacity var(--cielo-hover-duration) ease-out}@media(any-hover: hover)and (pointer: fine){.p-debut-sec-link__contents__item a:hover{opacity:var(--cielo-hover-opacity)}}.p-debut-sec-link__contents__item a img{width:100%;height:auto}@media(max-width: 767.9px){.p-debut-sec-link__button{width:74.6666666667vw;margin:10.6666666667vw auto 0}}@media(min-width: 768px){.p-debut-sec-link__button{width:280px;margin:47px auto 0}}@media(any-hover: hover)and (pointer: fine){.p-debut-sec-link__button:hover .c-button-arrow{transform:translateX(-10px)}}.p-debut-sec-link__button .c-button-arrow{right:inherit;background-image:url(/selfcoloring-studio/user-interview/images/common/button_arrow_l.svg?v=957a6b3a1307249fd22c)}@media(max-width: 767.9px){.p-debut-sec-link__button .c-button-arrow{left:-6.6666666667vw}}@media(min-width: 768px){.p-debut-sec-link__button .c-button-arrow{left:-30px}}.p-debut-sec-link .p-debut-sec-link__logo,.p-debut-sec-link .p-debut-sec-link__contents__item,.p-debut-sec-link .p-debut-sec-link__button{opacity:0}.p-debut-sec-link.in-view .p-debut-sec-link__logo{animation:fade-in 1400ms ease-out both}.p-debut-sec-link.in-view .p-debut-sec-link__contents__item:nth-of-type(1){animation:fade-up 1400ms ease-out both 400ms}.p-debut-sec-link.in-view .p-debut-sec-link__contents__item:nth-of-type(2){animation:fade-up 1400ms ease-out both 800ms}.p-debut-sec-link.in-view .p-debut-sec-link__contents__item:nth-of-type(3){animation:fade-up 1400ms ease-out both 1200ms}.p-debut-sec-link.in-view .p-debut-sec-link__button{animation:fade-up 1400ms ease-out both 1600ms}.p-debut-online__title{font-weight:100;color:rgba(var(--cielo-text-dark-rgb), 0.5);display:flex;align-items:center;justify-content:center}@media(max-width: 767.9px){.p-debut-online__title span{font-size:9.0666666667vw;padding:0 5.3333333333vw}}@media(min-width: 768px){.p-debut-online__title span{font-size:2.5rem;padding:0 35px}}.p-debut-online__title:before,.p-debut-online__title:after{content:"";display:inline-block;background-color:#707070;transform-origin:top center;width:1px}@media(max-width: 767.9px){.p-debut-online__title:before,.p-debut-online__title:after{height:9.0666666667vw}}@media(min-width: 768px){.p-debut-online__title:before,.p-debut-online__title:after{height:45px}}.p-debut-online__title::before{transform:rotate(-15deg)}.p-debut-online__title::after{transform:rotate(15deg)}.p-debut-online__links{display:flex;justify-content:center;flex-wrap:wrap}@media(max-width: 767.9px){.p-debut-online__links{gap:1.3333333333vw;margin-top:5.3333333333vw}}@media(min-width: 768px){.p-debut-online__links{gap:20px;margin-top:20px}}.p-debut-online__link{position:relative;display:block;background-color:#fff}.p-debut-online__link::after{content:"";box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;display:block;opacity:0;background-color:rgba(255,255,255,.4);transition:opacity var(--cielo-hover-duration) ease-out}@media(max-width: 767.9px){.p-debut-online__link{width:calc((100% - 1.3333333333vw)/2)}.p-debut-online__link>.c-external-window-icon{position:absolute;top:3.2vw;right:2.4vw;width:3.4666666667vw;height:3.4666666667vw}}@media(min-width: 768px){.p-debut-online__link{width:calc((100% - 60px)/4)}.p-debut-online__link>.c-external-window-icon{position:absolute;top:10px;right:10px;width:13px;height:13px}}@media(any-hover: hover)and (pointer: fine){.p-debut-online__link:hover::after{opacity:1}}