.p-hero__video{position:absolute;margin:auto}.p-hero__video::after{position:absolute;top:0;left:0;width:100%;height:100%;display:block;content:"";background-color:rgba(0,0,0,.2)}.p-hero__video video{width:100%;height:100%;vertical-align:bottom;-o-object-fit:cover;object-fit:cover}@media(max-width: 767.9px){.p-hero__video{top:0;right:0;left:0;aspect-ratio:375/250;overflow:hidden}}@media(min-width: 768px){.p-hero__video{inset:0}.p-hero__video video{-o-object-position:center 15%;object-position:center 15%}}@media(max-width: 767.9px){.p-hero__title>img{width:73.6vw}}@media(min-width: 768px){.p-hero__title>img{width:524px}}@media(max-width: 767.9px){.p-hero__head{display:flex;align-items:flex-end;aspect-ratio:375/250;padding-bottom:6.6666666667vw}}.p-hero__text{font-weight:500;line-height:1.8}@media(max-width: 767.9px){.p-hero__text{margin-top:8vw;font-size:3.7333333333vw;color:var(--cielo-text-dark)}}@media(min-width: 768px){.p-hero__text{margin-top:33px;font-size:1rem;color:var(--cielo-text-light);letter-spacing:.1em}}.p-hero__inner{position:relative}@media(max-width: 767.9px){.p-hero__inner{padding:6.6666666667vw 5.3333333333vw}}@media(min-width: 768px){.p-hero__inner{display:grid;grid-auto-rows:auto;align-content:end;height:100%;padding:46px 50px}}.p-hero{position:relative;overflow:hidden}@media(min-width: 768px){.p-hero{width:calc(100% - 50px);aspect-ratio:1350/580;margin-left:auto}}.p-hero.js-in-view .p-hero__video,.p-hero.js-in-view .p-hero__title,.p-hero.js-in-view .p-hero__text{opacity:0}.p-hero.js-in-view.in-view .p-hero__video{animation:fade-in 4000ms cubic-bezier(0.19, 1, 0.22, 1) both 500ms}.p-hero.js-in-view.in-view .p-hero__title{animation:fade-up 600ms ease-out both 800ms}.p-hero.js-in-view.in-view .p-hero__text{animation:fade-in 600ms ease-out both 1400ms}.p-content-box__head{position:relative}@media(max-width: 767.9px){.p-content-box__head{margin-inline:7.4666666667vw}}.p-content-box__image{position:relative}.p-content-box__image img{vertical-align:bottom}@media(max-width: 767.9px){.p-content-box__image{margin-inline:4.8vw;margin-top:6.9333333333vw}}.p-content-box__action{position:relative}@media(max-width: 767.9px){.p-content-box__action{margin-top:7.4666666667vw}.p-content-box__action>.c-button{width:64vw;margin-inline:auto}}@media(min-width: 768px){.p-content-box__action{margin-top:38px}.p-content-box__action>.c-button{width:min(300px,100%)}}.p-content-box__inner{position:relative}.p-content-box__inner.p-content-box__inner--voice{--content-bg: #f4f4f4}.p-content-box__inner.p-content-box__inner--mystyle{--content-bg: #faf4ee}.p-content-box__inner.p-content-box__inner--interview{--content-bg: #f4e9de}@media(max-width: 767.9px){.p-content-box__inner{padding-bottom:16vw;background-color:var(--content-bg)}.p-content-box__inner.p-content-box__inner--voice{padding-top:18.6666666667vw}.p-content-box__inner.p-content-box__inner--mystyle{padding-top:14.4vw}.p-content-box__inner.p-content-box__inner--interview{padding-top:21.3333333333vw}}@media(min-width: 768px){.p-content-box__inner{--content-box-pad-start: 60px;display:grid;grid-template-areas:". image" "head image" "action image" ". image";grid-template-columns:auto 50%;-moz-column-gap:60px;column-gap:60px;width:min(100% - var(--cielo-gutter-tb)*2,1160px);padding-left:var(--content-box-pad-start);margin-inline:auto}.p-content-box__inner::before{position:absolute;top:0;left:0;z-index:0;display:block;width:100vw;height:100%;content:"";background-color:var(--content-bg)}.p-content-box__inner>.p-content-box__head{grid-area:head}.p-content-box__inner>.p-content-box__image{grid-area:image;align-self:center}.p-content-box__inner>.p-content-box__action{grid-area:action}.p-content-box__inner.p-content-box__inner--reverse{grid-template-areas:"image ." "image head" "image action" "image .";grid-template-columns:50% auto;padding-right:var(--content-box-pad-start);padding-left:initial}.p-content-box__inner.p-content-box__inner--reverse::before{right:0;left:initial}.p-content-box__inner.p-content-box__inner--voice{padding-top:123px;padding-bottom:123px}.p-content-box__inner.p-content-box__inner--mystyle{padding-top:76px;padding-bottom:84px}.p-content-box__inner.p-content-box__inner--interview{padding-top:85px;padding-bottom:85px}}@media(min-width: 1280px){.p-content-box__inner{--content-box-pad-start: 90px;-moz-column-gap:90px;column-gap:90px;width:min(100% - 240px,1160px)}}.p-content-box{position:relative;overflow:hidden}.p-content-box.js-in-view .p-content-box__head,.p-content-box.js-in-view .p-content-box__image,.p-content-box.js-in-view .p-content-box__action{opacity:0}.p-content-box.js-in-view.in-view .p-content-box__head{animation:fade-in 600ms ease-out both}.p-content-box.js-in-view.in-view .p-content-box__image{animation:fade-up 1000ms ease-out both 300ms}.p-content-box.js-in-view.in-view .p-content-box__action{animation:fade-in 600ms ease-out both 500ms}.p-content-board__title>img{vertical-align:bottom}@media(max-width: 767.9px){.p-content-board__title.p-content-board__title--voice{width:80.2666666667vw}}@media(min-width: 768px){.p-content-board__title.p-content-board__title--voice{width:min(385px,100%)}}.p-content-board__title.p-content-board__title--mystyle{width:-moz-fit-content;width:fit-content;line-height:1.2;text-align:center}@media(max-width: 767.9px){.p-content-board__title.p-content-board__title--mystyle{font-size:8.5333333333vw}}@media(min-width: 768px){.p-content-board__title.p-content-board__title--mystyle{font-size:2.9375rem;font-weight:500;color:var(--cielo-text-dark);text-align:center;letter-spacing:.04em}}@media(max-width: 767.9px){.p-content-board__title.p-content-board__title--interview{margin-bottom:-2.6666666667vw;font-size:8.5333333333vw}}@media(min-width: 768px){.p-content-board__title.p-content-board__title--interview{width:min(400px,100%);margin-left:-14px}}.p-content-board__lead{font-weight:700;color:var(--cielo-text-dark);text-decoration-line:underline;letter-spacing:.04em}@media(max-width: 767.9px){.p-content-board__lead{margin-top:4.2666666667vw;font-size:4.8vw;line-height:2;text-decoration-thickness:0.5333333333vw;text-underline-offset:2.6666666667vw}}@media(min-width: 768px){.p-content-board__lead{margin-top:50px;font-size:1.5rem;line-height:1.8;text-decoration-thickness:2px;text-underline-offset:10px}}.p-content-board__text{font-weight:500;line-height:2;color:var(--cielo-text-dark);letter-spacing:.03em}@media(max-width: 767.9px){.p-content-board__text{margin-top:3.2vw;font-size:3.4666666667vw}}@media(min-width: 768px){.p-content-board__text{margin-top:20px;font-size:0.9375rem}}.p-sec-studio__content{display:grid;grid-template-columns:100%}@media(max-width: 767.9px){.p-sec-studio__content{row-gap:16vw;margin-top:5.3333333333vw}}@media(min-width: 768px){.p-sec-studio__content{row-gap:120px;margin-top:70px}}.p-sec-studio{position:relative}@media(max-width: 767.9px){.p-sec-studio{margin-top:16vw}.p-sec-studio .c-section-title__title{font-size:9.0666666667vw}}@media(min-width: 768px){.p-sec-studio{margin-top:140px}}.p-sec-studio.js-in-view>.c-section-title{opacity:0}.p-sec-studio.js-in-view.in-view .c-section-title{animation:fade-in 600ms ease-out both}.p-sec-hair-color-navi__subtitle{position:relative;display:flex;justify-content:center;padding-right:1.5em;padding-left:1.5em}.p-sec-hair-color-navi__subtitle::before,.p-sec-hair-color-navi__subtitle::after{position:absolute;top:0;bottom:0;display:block;width:1px;height:1.6em;margin:auto;content:"";background-color:currentColor}.p-sec-hair-color-navi__subtitle::before{left:.5em;transform:rotate(-20deg)}.p-sec-hair-color-navi__subtitle::after{right:.5em;transform:rotate(20deg)}@media(max-width: 767.9px){.p-sec-hair-color-navi__subtitle{width:-moz-fit-content;width:fit-content;margin-inline:auto;font-size:4vw;font-weight:500;letter-spacing:.1em}}@media(min-width: 768px){.p-sec-hair-color-navi__subtitle{display:inline-flex;font-size:1.0625rem;font-weight:500;color:var(--cielo-text-dark);text-align:center;letter-spacing:.15em}}.p-sec-hair-color-navi__main-title{font-weight:100;opacity:.5}@media(max-width: 767.9px){.p-sec-hair-color-navi__main-title{font-size:10.6666666667vw;color:var(--cielo-text-dark);text-align:center}}@media(min-width: 768px){.p-sec-hair-color-navi__main-title{font-size:3rem;color:rgba(0,0,0,.5);letter-spacing:.05em}}@media(max-width: 767.9px){.p-sec-hair-color-navi__head{width:calc(100% - var(--cielo-gutter-sp)*2);margin-right:auto;margin-left:auto}.p-sec-hair-color-navi__head .c-section-title__title{font-size:14.1333333333vw}}@media(min-width: 768px){.p-sec-hair-color-navi__head .c-section-title__title{font-size:3.625rem}}.p-sec-hair-color-navi__lead{line-height:1.8;color:var(--cielo-text-dark);letter-spacing:.1em}@media(max-width: 767.9px){.p-sec-hair-color-navi__lead{width:calc(100% - var(--cielo-gutter-sp)*2);margin-top:5.8666666667vw;font-size:3.4666666667vw}}@media(min-width: 768px){.p-sec-hair-color-navi__lead{margin-top:30px;font-size:1rem}}@media(max-width: 767.9px){.p-sec-hair-color-navi__action{margin-top:8vw}.p-sec-hair-color-navi__action .c-button{width:72vw;margin-inline:auto}}@media(min-width: 768px){.p-sec-hair-color-navi__action{margin-top:40px}.p-sec-hair-color-navi__action .c-button{width:min(300px,100%)}}@media(max-width: 767.9px){.p-sec-hair-color-navi__content{margin-inline:5.3333333333vw;margin-top:8vw}}@media(min-width: 768px){.p-sec-hair-color-navi__content{display:flex;margin-top:20px}}.p-sec-hair-color-navi__inner{position:relative}@media(min-width: 768px){.p-sec-hair-color-navi__inner{display:grid;grid-template-areas:"head content" "action content" "action .";grid-template-columns:auto 40%;-moz-column-gap:40px;column-gap:40px;width:min(100%,1000px);margin-inline:auto}.p-sec-hair-color-navi__inner>.p-sec-hair-color-navi__head{grid-area:head}.p-sec-hair-color-navi__inner>.p-sec-hair-color-navi__content{grid-area:content}.p-sec-hair-color-navi__inner>.p-sec-hair-color-navi__action{grid-area:action}.p-sec-hair-color-navi__inner > .p-content-box__inner>.p-content-box__head{-ms-grid-row:1;-ms-grid-column:1}.p-sec-hair-color-navi__inner > .p-content-box__inner>.p-content-box__action{-ms-grid-row:2;-ms-grid-row-span:2;-ms-grid-column:1}}@media (min-width: 768px){.p-content-box__inner>.p-content-box__head{-ms-grid-row:2;-ms-grid-column:1}.p-content-box__inner.p-content-box__inner--reverse > .p-content-box__inner>.p-content-box__head{-ms-grid-row:2;-ms-grid-column:2}.p-content-box__inner>.p-content-box__image{-ms-grid-row:1;-ms-grid-row-span:4;-ms-grid-column:3}.p-content-box__inner.p-content-box__inner--reverse > .p-content-box__inner>.p-content-box__image{-ms-grid-row:1;-ms-grid-row-span:4;-ms-grid-column:1}.p-content-box__inner>.p-content-box__action{-ms-grid-row:3;-ms-grid-column:1}.p-content-box__inner.p-content-box__inner--reverse > .p-content-box__inner>.p-content-box__action{-ms-grid-row:3;-ms-grid-column:2}.p-sec-hair-color-navi__inner>.p-sec-hair-color-navi__head{-ms-grid-row:2;-ms-grid-column:1}.p-content-box__inner.p-content-box__inner--reverse > .p-sec-hair-color-navi__inner>.p-sec-hair-color-navi__head{-ms-grid-row:2;-ms-grid-column:2}.p-sec-hair-color-navi__inner > .p-sec-hair-color-navi__inner>.p-sec-hair-color-navi__head{-ms-grid-row:1;-ms-grid-column:1}.p-sec-hair-color-navi__inner>.p-sec-hair-color-navi__content{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:3}.p-sec-hair-color-navi__inner>.p-sec-hair-color-navi__action{-ms-grid-row:3;-ms-grid-column:1}.p-content-box__inner.p-content-box__inner--reverse > .p-sec-hair-color-navi__inner>.p-sec-hair-color-navi__action{-ms-grid-row:3;-ms-grid-column:2}.p-sec-hair-color-navi__inner > .p-sec-hair-color-navi__inner>.p-sec-hair-color-navi__action{-ms-grid-row:2;-ms-grid-row-span:2;-ms-grid-column:1}}@media(max-width: 767.9px){:where(.p-sec-hair-color-navi){margin-top:26.6666666667vw}}@media(min-width: 768px){:where(.p-sec-hair-color-navi){margin-top:180px}}.p-sec-hair-color-navi{position:relative}.p-sec-hair-color-navi::before{position:absolute;top:0;left:0;visibility:hidden;content:"";background-color:#f5f5f5}.p-sec-hair-color-navi .p-sec-hair-color-navi__head,.p-sec-hair-color-navi .p-sec-hair-color-navi__content,.p-sec-hair-color-navi .p-sec-hair-color-navi__action{opacity:0}.p-sec-hair-color-navi.in-view::before{animation:clip-left-to-right 1000ms ease-out both}.p-sec-hair-color-navi.in-view .p-sec-hair-color-navi__head{animation:fade-in 600ms ease-out both 600ms}.p-sec-hair-color-navi.in-view .p-sec-hair-color-navi__content{animation:fade-in 600ms ease-out both 800ms}.p-sec-hair-color-navi.in-view .p-sec-hair-color-navi__action{animation:fade-in 600ms ease-out both 1100ms}@media(max-width: 767.9px){.p-sec-hair-color-navi{padding-top:14.9333333333vw;padding-bottom:37.8666666667vw}.p-sec-hair-color-navi::before{width:100%;height:54.1333333333vw}}@media(min-width: 768px){.p-sec-hair-color-navi{padding-top:96px;padding-bottom:104px;background-color:#fff;border-top:solid 1px var(--cielo-color-gray-lighter-shade)}}@media(min-width: 768px)and (max-width: 1159.9px){.p-sec-hair-color-navi::before{width:298px;height:100%}}@media(min-width: 1160px){.p-sec-hair-color-navi::before{width:calc((100% - 1160px)/2 + 298px);height:100%}}