:root{--cielo-hero-safety-height-md: 126px}.p-sec-hero__transition{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;width:100%}@media(min-width: 768px){.p-sec-hero__transition::before,.p-sec-hero__transition::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--cielo-color-primary)}}.p-sec-hero__inner{position:relative}@media(max-width: 767.9px){.p-sec-hero__inner{background-color:var(--cielo-color-primary)}}@media(min-width: 1024px){.p-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-sec-hero{position:relative}.p-sec-hero .p-sec-hero__transition::before{width:0}.p-sec-hero .p-sec-hero__transition::after{opacity:0}.p-sec-hero .p-hero__image,.p-sec-hero .p-hero__title,.p-sec-hero .p-hero-safety,.p-sec-hero .p-hero__char,.p-sec-hero .p-hero__lead{opacity:0}@media(max-width: 767.9px){.p-sec-hero.is-enter .p-hero__image{animation:hero-image-enter 4000ms cubic-bezier(0.19, 1, 0.22, 1) both 800ms}.p-sec-hero.is-enter .p-hero__title{animation:fade-up 2000ms cubic-bezier(0.19, 1, 0.22, 1) both 2000ms}.p-sec-hero.is-enter .p-hero__lead{animation:fade-in 1000ms ease-out both 2800ms}}@media(min-width: 768px){.p-sec-hero.is-enter .p-sec-hero__transition::before{animation:hero-bg-enter 1800ms cubic-bezier(0.19, 1, 0.22, 1) both}.p-sec-hero.is-enter .p-sec-hero__transition::after{animation:fade-in 600ms ease-out both 800ms}.p-sec-hero.is-enter .p-hero__image{animation:hero-image-enter 4000ms cubic-bezier(0.19, 1, 0.22, 1) both 800ms}.p-sec-hero.is-enter .p-hero__title{animation:fade-up 2000ms cubic-bezier(0.19, 1, 0.22, 1) both 2000ms}.p-sec-hero.is-enter .p-hero__lead{animation:fade-in 1000ms ease-out both 2800ms}}.p-hero{position:relative;width:100%;max-width:1600px;margin:0 auto;overflow:hidden}@media(min-width: 768px){.p-hero{display:flex;flex-direction:row-reverse;align-items:center}}@media(min-width: 1024px)and (min-aspect-ratio: 5/4)and (max-aspect-ratio: 16/7){.p-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: 1024px){.p-hero{min-height:634px}}.p-hero__image{width:100%;transform-origin:center center}@media(min-width: 768px){.p-hero__image{position:absolute;right:0;flex-shrink:0;width:58%;height:auto}}.p-hero__image img{width:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top}.p-hero__inner{z-index:1}@media(min-width: 768px){.p-hero__inner{flex:1;width:32%}}@media(max-width: 767.9px){.p-hero__inner{padding-bottom:13.3333333333vw}}.p-hero__title{position:relative;display:block;aspect-ratio:1018/518}@media(max-width: 767.9px){.p-hero__title{width:93.0666666667%;margin-top:-9.8666666667vw;margin-left:4%}}@media(min-width: 768px){.p-hero__title{width:40.0740740741%;margin-top:-14px;margin-left:3.1851851852%}}.p-hero__char{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/selfcoloring-studio/user-interview/images/common/cielo-debut-title.svg?v=910b0c30bec322d0a881) no-repeat center center;background-size:100% auto}.p-hero__lead{line-height:2;letter-spacing:.03em}@media(max-width: 767.9px){.p-hero__lead{margin-left:8vw;font-size:3.7333333333vw}}@media(min-width: 768px){.p-hero__lead{padding-bottom:15px;margin-left:7.4074074074%;font-size:1rem}}@media(min-width: 768px)and (max-width: 1024px){.p-hero__lead{margin-left:4.8828125vw;font-size:1.5625vw}}.p-hero__lead p+p{margin-top:2em}.p-sec-voice{position:relative}@media(max-width: 767.9px){.p-sec-voice{margin-top:19.4666666667vw;padding-bottom:14.6666666667vw}}@media(min-width: 768px){.p-sec-voice{margin-top:110px;padding-bottom:100px}}.p-sec-voice::before{content:"";position:absolute;display:block;width:100%;left:0}@media(max-width: 767.9px){.p-sec-voice::before{height:calc(100% - 34.1333333333vw);top:34.1333333333vw}}@media(min-width: 768px){.p-sec-voice::before{height:calc(100% - 100px);top:100px}}.p-sec-voice .l-container{width:100%}@media(min-width: 768px){.p-sec-voice .l-container{display:flex;align-items:start}}@media(min-width: 768px)and (max-width: 1024px){.p-sec-voice .l-container{gap:7.8125vw}}@media(min-width: 1024px){.p-sec-voice .l-container{width:calc(100% - 100px);gap:6.4615384615%}}.p-sec-voice__head{position:relative;flex-shrink:0;overflow:visible}@media(max-width: 767.9px){.p-sec-voice__head{margin-right:6.1333333333vw}}@media(min-width: 768px){.p-sec-voice__head{width:53%;aspect-ratio:700/510}}.p-sec-voice__product{position:absolute}.p-sec-voice__product img{vertical-align:top;width:100%;height:auto}.p-sec-voice__number{width:auto}@media(max-width: 767.9px){.p-sec-voice__number{position:absolute;top:-5.6vw;right:1.6vw;height:9.6vw}}@media(min-width: 768px)and (max-width: 1024px){.p-sec-voice__number{height:4.78515625vw;margin-left:-3.3203125vw}}@media(min-width: 1024px){.p-sec-voice__number{height:49px;margin-left:-34px}}.p-sec-voice__number img{width:auto;height:100%}.p-sec-voice__body{flex:1}@media(max-width: 767.9px){.p-sec-voice__body{padding:0 6.1333333333vw 0 11.4666666667vw;margin-top:12.8vw}}@media(min-width: 768px)and (max-width: 1024px){.p-sec-voice__body{padding-left:3.3203125vw}}@media(min-width: 1024px){.p-sec-voice__body{padding-left:30px}}.p-sec-voice__body .p-sec-voice__body__lead{font-weight:700;line-height:1.7}@media(max-width: 767.9px){.p-sec-voice__body .p-sec-voice__body__lead{margin-top:12.8vw;font-size:5.8666666667vw}}@media(min-width: 768px)and (max-width: 1024px){.p-sec-voice__body .p-sec-voice__body__lead{margin-top:2.734375vw;font-size:2.9296875vw}}@media(min-width: 1024px){.p-sec-voice__body .p-sec-voice__body__lead{margin-top:28px;font-size:1.875rem}}.p-sec-voice__body .p-sec-voice__body__profile{position:relative}@media(max-width: 767.9px){.p-sec-voice__body .p-sec-voice__body__profile{margin-top:6.9333333333vw;padding-left:7.7333333333vw}}@media(min-width: 768px)and (max-width: 1024px){.p-sec-voice__body .p-sec-voice__body__profile{margin-top:3.90625vw;padding-left:2.9296875vw}}@media(min-width: 1024px){.p-sec-voice__body .p-sec-voice__body__profile{margin-top:40px;padding-left:30px}}.p-sec-voice__body .p-sec-voice__body__profile::before{content:"";position:absolute;top:0;left:0;width:6px;height:100%}.p-sec-voice__body .p-sec-voice__body__profile p{letter-spacing:.03em;font-weight:500}@media(max-width: 767.9px){.p-sec-voice__body .p-sec-voice__body__profile p{font-size:5.6vw}.p-sec-voice__body .p-sec-voice__body__profile p span{font-size:4.2666666667vw}}@media(min-width: 768px)and (max-width: 1024px){.p-sec-voice__body .p-sec-voice__body__profile p{font-size:2.34375vw}.p-sec-voice__body .p-sec-voice__body__profile p span{font-size:1.953125vw}}@media(min-width: 1024px){.p-sec-voice__body .p-sec-voice__body__profile p{font-size:1.5rem}.p-sec-voice__body .p-sec-voice__body__profile p span{font-size:1.25rem}}.p-sec-voice__body .p-sec-voice__body__profile dl{display:grid;grid-template-columns:6em 1fr;line-height:2;letter-spacing:.03em}@media(max-width: 767.9px){.p-sec-voice__body .p-sec-voice__body__profile dl{margin-top:2.9333333333vw;font-size:3.4666666667vw}}@media(min-width: 768px)and (max-width: 1024px){.p-sec-voice__body .p-sec-voice__body__profile dl{margin-top:1.5625vw;font-size:1.46484375vw}}@media(min-width: 1024px){.p-sec-voice__body .p-sec-voice__body__profile dl{margin-top:16px;font-size:0.9375rem}}@media(max-width: 767.9px){.p-sec-voice__body .p-sec-voice__body__note{margin-top:9.6vw;margin-left:-7.4666666667vw;font-size:2.4vw}}@media(min-width: 768px){.p-sec-voice__body .p-sec-voice__body__note{font-size:12px;margin-top:18px}}@media(max-width: 767.9px){.p-sec-voice__body .c-button{margin-top:10.6666666667vw;margin-left:5.8666666667vw;width:65.8666666667vw}}@media(min-width: 768px)and (max-width: 1024px){.p-sec-voice__body .c-button{margin-top:3.90625vw;width:27.34375vw}}@media(min-width: 1024px){.p-sec-voice__body .c-button{margin-top:40px;width:280px}}.p-sec-voice:nth-of-type(even)::before{background-color:#f4f4f4}@media(min-width: 1024px){.p-sec-voice:nth-of-type(even) .p-sec-voice__body{margin-right:-50px}}.p-sec-voice:nth-of-type(odd)::before{background-color:#f9f5ee}@media(min-width: 768px){.p-sec-voice:nth-of-type(odd) .l-container{flex-direction:row-reverse}}@media(max-width: 767.9px){.p-sec-voice:nth-of-type(odd) .p-sec-voice__head{margin-left:6.1333333333vw;margin-right:0}}@media(min-width: 1024px){.p-sec-voice:nth-of-type(odd) .p-sec-voice__head{margin-left:-50px}}@media(max-width: 767.9px){.p-sec-voice:nth-of-type(odd) .p-sec-voice__number{left:1.6vw;right:auto}}.p-sec-voice::before{visibility:hidden}.p-sec-voice .p-sec-voice__head img,.p-sec-voice .p-sec-voice__product,.p-sec-voice .p-sec-voice__body{opacity:0}.p-sec-voice.in-view::before{animation:clip-left-to-right 1000ms ease-out both}.p-sec-voice.in-view .p-sec-voice__head img{animation:fade-in 800ms ease-out both 600ms}.p-sec-voice.in-view .p-sec-voice__product{animation:fade-in 800ms ease-out both 1000ms}.p-sec-voice.in-view .p-sec-voice__body{animation:fade-in 800ms ease-out both 1400ms}@media(max-width: 767.9px){.p-sec-voice--01 .p-sec-voice__product{width:47.4666666667vw;right:-4.8vw;bottom:-10.4vw}}@media(min-width: 768px){.p-sec-voice--01 .p-sec-voice__product{width:43.5714285714%;left:60%;bottom:-7.4509803922%}}.p-sec-voice--01 .p-sec-voice__body .p-sec-voice__body__profile::before{background-color:var(--cielo-bg-treatment)}@media(max-width: 767.9px){.p-sec-voice--02 .p-sec-voice__product{width:56.5333333333vw;left:-5.6vw;bottom:-14.4vw}}@media(min-width: 768px){.p-sec-voice--02 .p-sec-voice__product{width:53.1428571429%;left:-18%;bottom:-15.6862745098%}}.p-sec-voice--02 .p-sec-voice__body .p-sec-voice__body__profile::before{background-color:#c36068}@media(max-width: 767.9px){.p-sec-voice--03 .p-sec-voice__product{width:54.6666666667vw;right:-4.8vw;bottom:-12.8vw}}@media(min-width: 768px){.p-sec-voice--03 .p-sec-voice__product{width:52.8571428571%;right:-13.2857142857%;bottom:-17.4509803922%}}.p-sec-voice--03 .p-sec-voice__body .p-sec-voice__body__profile::before{background-color:#ece1c4}