: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;align-items:start;padding:86px 0 86px 106px;gap:63px}}@media(min-width: 768px)and (max-width: 1024px){.p-sec-product__inner{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:13.3333333333vw}}.p-sec-product__head .p-sec-product__head__circle{z-index:-1;background-color:var(--cielo-bg-treatment);border-radius:50%;display:flex;flex-direction:column;align-items:center;color:#fff;letter-spacing:.1em;font-weight:700}@media(max-width: 767.9px){.p-sec-product__head .p-sec-product__head__circle{margin-top:11.2vw;padding-top:8.8vw;width:40vw;height:40vw;font-size:4.2666666667vw}}@media(min-width: 768px){.p-sec-product__head .p-sec-product__head__circle{margin-top:-33px;padding-top:60px;width:207px;height:207px;font-size:1.25rem}}@media(max-width: 767.9px){.p-sec-product__head .p-sec-product__head__circle img{padding-top:3.2vw;width:29.8666666667vw}}@media(min-width: 768px){.p-sec-product__head .p-sec-product__head__circle img{padding-top:8px;width:141px}}.p-sec-product__head .p-sec-product__head__product{vertical-align:top}@media(max-width: 767.9px){.p-sec-product__head .p-sec-product__head__product{margin-left:-6.6666666667vw;width:26.1333333333vw}}@media(min-width: 768px){.p-sec-product__head .p-sec-product__head__product{margin-left:-24px;width:135px}}.p-sec-product__head .p-sec-product__head__product img{width:100%;height:auto}.p-sec-product__head .p-sec-product__head__badge{position:absolute;display:flex;align-items:center;justify-content:center;border:1px solid #000;line-height:1}@media(max-width: 767.9px){.p-sec-product__head .p-sec-product__head__badge{font-size:3.2vw;bottom:4vw;left:18.6666666667vw;width:18.6666666667vw;height:6.1333333333vw}}@media(min-width: 768px){.p-sec-product__head .p-sec-product__head__badge{font-size:0.75rem;bottom:15px;right:136px;width:70px;height:23px}}.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{margin-top:10.1333333333vw;width:56.2666666667vw}}@media(min-width: 768px){.p-sec-product__title h2{width:255px}}.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__color{display:flex;flex-wrap:wrap}@media(max-width: 767.9px){.p-sec-product__color{margin-top:13.3333333333vw;gap:5.3333333333vw 7.7333333333vw;padding-left:8vw}}@media(min-width: 768px){.p-sec-product__color{flex-direction:column;gap:20px;margin-top:50px}}.p-sec-product__color li{position:relative;display:flex;align-items:center;line-height:1}@media(max-width: 767.9px){.p-sec-product__color li{font-size:3.4666666667vw}}@media(min-width: 768px){.p-sec-product__color li{font-size:0.9375rem}}.p-sec-product__color li span{position:absolute;top:-1.5em;color:rgba(0,0,0,.5);font-weight:500;line-height:2}@media(max-width: 767.9px){.p-sec-product__color li span{left:6.6666666667vw;font-size:3.2vw}}@media(min-width: 768px){.p-sec-product__color li span{left:25px;font-size:0.8125rem}}.p-sec-product__color li::before{content:"";display:inline-block;border-radius:50%}@media(max-width: 767.9px){.p-sec-product__color li::before{width:5.3333333333vw;height:5.3333333333vw;margin-right:1.3333333333vw}}@media(min-width: 768px){.p-sec-product__color li::before{width:20px;height:20px;margin-right:5px}}.p-sec-product__color li.natural::before{background-color:#963a25}.p-sec-product__color li.dark::before{background-color:#5d2c20}.p-sec-product__color li.ash::before{background-color:#584f3e}@media(max-width: 767.9px){.c-button{margin-top:10.6666666667vw;margin-left:14.6666666667vw;width:65.8666666667vw}}@media(min-width: 768px){.c-button{margin-top:48px;width:250px}}.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}.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}@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}}@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}}