.l-grid{display:grid;grid-template-columns:1fr 600px 1fr;min-height:100vh}@media(max-width: 768px){.l-grid{grid-template-columns:1fr}}.l-main{container-type:inline-size;background-color:#e5e4e2;width:100%;max-width:600px;margin:0 auto;padding-top:164px}@media(max-width: 768px){.l-main{padding-top:0}}.lp-panel{background-color:#e5e4e2}.lp-panel__inner{position:sticky;top:164px}@media(max-width: 768px){.lp-panel__inner{display:none}}.sticky-area{position:static;top:auto}.sticky-area.active{position:sticky;top:0}.fold-wrapper{position:relative;z-index:1}.scroll-section{position:relative;z-index:0}.sticky-element{position:sticky;top:164px}@media(max-width: 768px){.sticky-element{top:88px}}.highlight--white{background:linear-gradient(transparent 100%, #ffffff 100%)}.highlight--gray{background:linear-gradient(transparent 70%, #eeeeee 70%)}.highlight--accent{background:linear-gradient(transparent 50%, rgba(255, 200, 0, 0.3) 50%)}.FadeIn{opacity:0;transition:opacity 1s cubic-bezier(0.37, 0, 0.63, 1)}.FadeIn.js-actived{opacity:1}.slideUpFade{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.slideUpFade.js-actived{opacity:1;transform:translateY(0)}.smooth{clip-path:inset(0 100% 0 0);transition:1s cubic-bezier(0.37, 0, 0.63, 1);transition-property:clip-path}.smooth.js-actived{clip-path:inset(0)}.stroke{position:relative}.stroke .border{content:"";position:absolute;opacity:0}.stroke .border.top,.stroke .border.bottom{width:100%}.stroke .border.top{border-top:.5px solid #2f2f2f;right:0;top:0}.stroke .border.bottom{border-bottom:.5px solid #2f2f2f;left:0;bottom:0}.stroke .border.right,.stroke .border.left{height:100%}.stroke .border.right{border-right:.5px solid #2f2f2f;right:0;top:0}.stroke .border.left{border-left:.5px solid #2f2f2f;left:0;bottom:0}.stroke.js-actived .border{opacity:1}.stroke.js-actived .border.top,.stroke.js-actived .border.bottom{animation:stroke-width 1.8s cubic-bezier(0.22, 1, 0.36, 1)}.stroke.js-actived .border.right,.stroke.js-actived .border.left{animation:stroke-height 1.8s cubic-bezier(0.22, 1, 0.36, 1)}@keyframes stroke-width{0%{width:0;opacity:1}100%{width:100%;opacity:1}}@keyframes stroke-height{0%{height:0;opacity:1}100%{height:100%;opacity:1}}.border-reverse{position:relative}.border-reverse::after{content:"";position:absolute;bottom:0;right:0;height:1px;width:100%;background:#2f2f2f;transform-origin:right;transform:scaleX(0);transition:transform 1s ease}.border-reverse.js-actived::after{transform:scaleX(1)}.border-reverse2{position:relative}.border-reverse2::after{content:"";position:absolute;bottom:0;right:0;height:1px;width:100%;background:#b4b4b4;transform-origin:right;transform:scaleX(0);transition:transform 1s ease}.border-reverse2.js-actived::after{transform:scaleX(1)}.reveal-left{clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(0.37, 0, 0.63, 1)}.reveal-left.js-actived{clip-path:inset(0 0 0 0)}.reveal-right{clip-path:inset(0 0 0 100%);transition:clip-path 1s cubic-bezier(0.37, 0, 0.63, 1)}.reveal-right.js-actived{clip-path:inset(0 0 0 0)}.reveal-down{clip-path:polygon(0 0, 100% 0, 100% 0, 0 0);transition:clip-path 1s cubic-bezier(0.37, 0, 0.63, 1)}.reveal-down.js-actived{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}.zoomDown{opacity:0}.zoomDown.js-actived{transform:scale(1.05);animation:zoomDown 1s ease-in-out forwards}@keyframes zoomDown{to{transform:scale(1);opacity:1}}.js-actived{opacity:1;transform:translateY(0)}.smooth,.smooth-right{overflow:hidden;display:inline-block;line-height:1.2}.smooth i.char-unit,.smooth-right i.char-unit{display:inline-block;font-style:normal}.smooth i.char-unit:not(.is-space),.smooth-right i.char-unit:not(.is-space){opacity:0}.scroll-line{position:relative;width:3px;height:6cqw;background:rgba(0,0,0,0);margin:0 auto}.scroll-line::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;clip-path:inset(0 0 var(--clip-bottom, 100%) 0);will-change:clip-path}.line-grow-right{position:relative;z-index:1}.line-grow-right::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:#fff;z-index:-1;transform:scaleX(0);transform-origin:left center;transition:transform .8s cubic-bezier(0.25, 1, 0.5, 1);will-change:transform}.line-grow-right.js-actived::after{transform:scaleX(1)}.line-grow-right.--gry::after{background:#e5e4e2}.lp-panel__content{display:flex;flex-direction:column;background-color:#e7e3dd;min-height:100vh;align-items:center;justify-content:center}.lp-panel__title{font-family:"Interstate",sans-serif;font-size:32px;font-weight:300;letter-spacing:.1em;color:#1a1a1a;margin-bottom:20px}.lp-panel__price{font-family:"Interstate",sans-serif;font-size:12px;font-weight:300;letter-spacing:.1em;color:#1a1a1a}.lp-panel__sub-title{font-family:"Interstate",sans-serif;font-size:20px;font-weight:400;letter-spacing:.1em;line-height:1.4;color:#1a1a1a;text-align:center;margin-bottom:20px}.lp-panel__text{font-family:"Noto Sans JP",sans-serif;font-size:14px;font-weight:400;letter-spacing:.1em;color:#1a1a1a;margin-bottom:60px}.lp-panel__logo{display:block;max-width:40%;margin:0 auto}.fv{position:relative}.fv__img{display:block;width:100%;height:auto}.fv__content{position:absolute;inset:0}.fv__title-wrap{position:absolute;top:56%;left:5.6%}.fv__title{font-family:"Interstate",sans-serif;font-size:clamp(20px,5.4cqw,32px);font-weight:300;line-height:1;letter-spacing:.1em;color:#fff}.fv__logo-wrap{position:absolute;top:46%;right:6%}.fv__logo{display:block;width:100%;max-width:20cqw;height:auto}.new-release{background-color:#e5e4e2;color:#1a1a1a;padding:10cqw 0}.new-release__meta{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:"Interstate",sans-serif;font-size:clamp(14px,3.75cqw,20px);font-weight:300;letter-spacing:.1em}.product-display a:hover img{opacity:1}.product-display__visual{position:relative;display:block}.product-display__img{display:block;width:100%;height:auto}.product-display__catch{position:absolute;top:7%;left:6%;font-size:clamp(16px,4.25cqw,24px);font-family:"Noto Sans JP",sans-serif;color:#1a1a1a;font-weight:400;letter-spacing:.1em}.product-display__bottom-info{position:absolute;bottom:4%;left:2.5%;right:2.5%}.product-display__features{display:grid;grid-template-columns:repeat(3, 1fr);gap:2cqw;padding-bottom:4cqw}.product-display__feature-text{font-family:"Interstate",sans-serif;font-weight:300;font-size:clamp(10px,2.6cqw,15px);color:#000;text-align:center;border:1px solid rgba(0,0,0,.4);border-radius:100px;padding:1cqw}.product-display__price{font-family:"Interstate",sans-serif;font-weight:300;font-size:clamp(12px,3.2cqw,18px);text-align:center}.video-section{background-color:#e5e4e2}.product-story{background-color:#e5e4e2}.product-story__inner{padding:12cqw 6.5cqw}.product-story__title{display:flex;flex-direction:column;font-family:"Interstate",sans-serif;font-size:clamp(24px,6.4cqw,38px);font-weight:400;line-height:1.2;letter-spacing:.1em;color:#1a1a1a;text-align:right;padding-bottom:5cqw}.product-story__sub-title{font-family:"Noto Sans JP",sans-serif;font-size:clamp(14px,3.73cqw,22px);font-weight:400;letter-spacing:.1em;color:#1a1a1a;text-align:right;padding-bottom:12cqw}.product-story__text{font-family:"Noto Sans JP",sans-serif;font-size:clamp(10px,2.67cqw,16px);font-weight:400;line-height:2.8;color:#1a1a1a;text-align:right}.product-story__text:not(:last-child){padding-bottom:9cqw}.product-usage{background-color:#e5e4e2}.product-usage__inner{padding-bottom:10cqw}.product-usage__visual{position:relative}.product-usage__img{display:block;width:100%;height:auto}.product-usage__header{position:absolute;top:6%;right:5%;text-align:right}.product-usage__title{display:flex;flex-direction:column;font-size:clamp(20px,5.33cqw,32px);font-family:"Interstate",sans-serif;color:#1a1a1a;font-weight:400;line-height:1.4;letter-spacing:.1em;padding-bottom:3cqw}.product-usage__sub-title{font-size:clamp(14px,3.75cqw,22px);font-family:"Noto Sans JP",sans-serif;color:#1a1a1a;font-weight:400;letter-spacing:.1em;padding-bottom:4cqw}.product-usage__text{font-size:clamp(10px,2.67cqw,16px);font-family:"Noto Sans JP",sans-serif;color:#1a1a1a;font-weight:400;letter-spacing:.5px}.product-usage__meta{display:grid;grid-template-columns:repeat(2, 1fr);gap:2cqw}.product-usage__name{font-family:"Interstate",sans-serif;font-size:clamp(10px,2.67cqw,16px);font-weight:400;color:#000;letter-spacing:.2em;text-align:center;padding:8cqw}.product-usage__name a:hover{text-decoration:none;opacity:.7}.product-usage__price{font-family:"Interstate",sans-serif;font-size:clamp(10px,2.67cqw,16px);font-weight:300;color:#000;letter-spacing:.1em;text-align:center;padding:8cqw}.product-usage__step-list{display:flex;flex-direction:column;padding:0 10cqw;padding-bottom:8cqw}.product-usage__step-item{display:grid;grid-template-columns:1fr 2fr;background-color:#fff;border-radius:20px;gap:10cqw;padding:3cqw 6cqw 3cqw 10cqw}.product-usage__step-img{display:block;width:100%;max-width:17.9cqw;height:auto;margin:0 auto}.product-usage__step-text{font-family:"Interstate",sans-serif;font-size:clamp(12px,3.2cqw,19px);font-weight:400;color:#979ca0;line-height:1.4;letter-spacing:.1em;align-content:center}.product-usage__step-feature{font-size:clamp(8px,2.14cqw,12px)}.product-usage__highlight{font-family:"DM Sans",sans-serif;font-size:clamp(12px,3.2cqw,19px);font-weight:400;text-align:center;margin:0 10cqw;color:#1a1a1a}.points{position:relative;background-color:#cdccca}.points .bg-layer{max-width:600px;height:calc(100vh - 164px);position:sticky;top:164px;left:5cqw;right:5cqw;bottom:0;background-color:#cdccca;z-index:3;pointer-events:none;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, 5cqw 5cqw, 5cqw calc(100% - 5cqw), calc(100% - 5cqw) calc(100% - 5cqw), calc(100% - 5cqw) 5cqw, 5cqw 5cqw);margin:0 auto}@media(max-width: 768px){.points .bg-layer{height:calc(100vh - 88px);top:88px}}.points__inner{padding:5cqw;margin-top:calc(-100vh + 164px)}@media(max-width: 768px){.points__inner{margin-top:calc(-100vh + 88px)}}.points__list{position:relative;display:flex;flex-direction:column;z-index:2}.points__item{padding-bottom:10cqw}.points__item:last-child{padding-bottom:0}.points__img{display:block;width:100%;height:auto}.points__content{background-color:#fff;display:flex;flex-direction:column;gap:2cqw;padding:4cqw 6cqw 5cqw 6cqw}.points__label{font-family:"Noto Sans JP",sans-serif;font-size:clamp(10px,2.67cqw,16px);font-weight:400;line-height:1.4;letter-spacing:.1em;color:#1a1a1a}.points__title p{width:-moz-fit-content;width:fit-content;font-family:"Noto Sans JP",sans-serif;font-size:clamp(15px,4cqw,24px);font-weight:400;line-height:1.4;padding-right:1cqw;color:#1a1a1a}.points__text{font-family:"Noto Sans JP",sans-serif;font-size:clamp(9px,2.4cqw,14px);font-weight:400;line-height:2;letter-spacing:1px;color:#1a1a1a}.points__note-symbol{font-family:"Noto Sans JP",sans-serif;font-size:clamp(7px,1.6cqw,10px);font-weight:400}.points__note{font-family:"Noto Sans JP",sans-serif;font-size:clamp(6px,1.6cqw,10px);font-weight:400;line-height:1.8}.ingredient{background-color:#e5e4e2}.ingredient__inner{max-width:600px;margin:0 auto;position:relative;padding:10cqw 0 15cqw}.ingredient__header{text-align:right;padding:0 7cqw 5cqw}.ingredient__title{font-family:"Interstate",sans-serif;font-size:clamp(20px,5.33cqw,32px);font-weight:400;color:#1a1a1a;letter-spacing:.1em}.ingredient__sub-title{font-family:"Noto Sans JP",sans-serif;font-size:clamp(10px,2.67cqw,16px);font-weight:400;color:#1a1a1a}.ingredient__wrapper{position:relative;width:100%;aspect-ratio:1/1.2;display:flex;justify-content:center;align-items:center}.ingredient__center{position:absolute;width:32cqw;z-index:10;text-align:center;opacity:0;transform:scale(0.3)}.ingredient__center .ingredient__heading{font-size:clamp(10px,2.67cqw,16px)}.ingredient__item{position:absolute;width:18.7cqw;text-align:center;transform:rotate(var(--angle)) translate(var(--dist, 40cqw)) rotate(calc(var(--angle) * -1)) scale(0.7);opacity:0}.ingredient__item.is-side{transform:rotate(var(--angle)) translate(var(--dist, 34.66cqw)) rotate(calc(var(--angle) * -1)) scale(0.7)}.ingredient__img-wrap{width:100%;aspect-ratio:1/1;border-radius:50%;margin-bottom:1cqw}.ingredient__img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block}.ingredient__content{display:flex;flex-direction:column;gap:1cqw;position:absolute;top:105%;left:50%;transform:translateX(-50%);width:34.6cqw;pointer-events:none}.ingredient__heading{font-family:"Interstate",sans-serif;font-weight:400;font-size:clamp(8px,2.13cqw,12px);line-height:1;letter-spacing:.1em;color:#1a1a1a}.ingredient__description{list-style:none;font-family:"Interstate",sans-serif;font-weight:400;font-size:clamp(7px,1.6cqw,10px);line-height:1.8;color:#979ca0}.ingredient__note{font-family:"Noto Sans JP",sans-serif;font-size:clamp(7px,1.6cqw,10px);font-weight:400;color:#000;letter-spacing:0;text-align:center;padding-top:6cqw}.ingredient__wrapper.play .ingredient__center{animation:ingredientPopIn .4s ease forwards}.ingredient__wrapper.play .ingredient__item{animation:ingredientOrbitIn .4s ease forwards;animation-delay:calc(.4s + var(--i)*.15s)}@keyframes ingredientPopIn{0%{opacity:0;transform:scale(0.7)}to{opacity:1;transform:scale(1)}}@keyframes ingredientOrbitIn{to{opacity:1;transform:rotate(var(--angle)) translate(var(--dist, 40cqw)) rotate(calc(var(--angle) * -1)) scale(1)}}.ingredient__wrapper.play .ingredient__item.is-side{animation-name:ingredientOrbitInSide}@keyframes ingredientOrbitInSide{to{opacity:1;transform:rotate(var(--angle)) translate(var(--dist, 34.66cqw)) rotate(calc(var(--angle) * -1)) scale(1)}}.free-ingredients{background-color:#e5e4e2}.free-ingredients__img-wrap{position:relative}.free-ingredients__img{display:block;width:100%;height:auto}.free-ingredients__header{position:absolute;bottom:4%;right:5%;text-align:right}.free-ingredients__title{font-family:"Interstate",sans-serif;font-size:clamp(20px,5.33cqw,32px);font-weight:400;color:#1a1a1a;letter-spacing:.1em}.free-ingredients__sub-title{font-family:"Noto Sans JP",sans-serif;font-size:clamp(10px,2.67cqw,16px);font-weight:400;color:#1a1a1a;letter-spacing:0}.free-ingredients__list{display:grid;grid-template-columns:repeat(5, 1fr);padding:5cqw 10cqw 10cqw;row-gap:2cqw}.free-ingredients__item{display:flex;flex-direction:column;gap:1cqw}.free-ingredients__thumb-img{display:block;width:100%;max-width:11.2cqw;height:auto;margin:0 auto}.free-ingredients__heading{font-family:"Interstate",sans-serif;font-weight:400;font-size:clamp(7px,1.6cqw,10px);letter-spacing:0;color:#000;line-height:1.4;text-align:center}.routine-step{background-color:#e5e4e2}.routine-step__img{display:block;width:100%;height:auto}.routine-step__container{display:grid;grid-template-columns:repeat(2, 1fr)}.routine-step__symbol img{display:block;width:100%;max-width:16cqw;height:auto;margin:0 auto 5cqw}.routine-step__morning,.routine-step__night{padding-top:8cqw}.routine-step__list{display:grid;grid-auto-rows:1fr;background-color:#fff;border-radius:6cqw;margin:0 5cqw 10cqw;padding:6cqw}.routine-step__item{display:grid;grid-template-columns:1fr 3fr;align-items:flex-end}.routine-step__item:not(:last-child){border-bottom:1px solid #f5efec;padding-bottom:1cqw}.routine-step__item:not(:first-child){padding-top:1cqw}.routine-step__item--wide .routine-step__media img{margin-bottom:1cqw;height:auto}.routine-step__media{display:flex;flex-direction:column;justify-content:center}.routine-step__media img{display:block;width:auto;max-height:12cqw;margin:0 auto}.routine-step__content{display:flex;flex-direction:column;justify-content:flex-end;text-align:right}.routine-step__category{font-family:"Interstate",sans-serif;font-size:clamp(7px,1.87cqw,12px);font-weight:400;letter-spacing:.1em}.routine-step__product{font-family:"DM Sans",sans-serif;font-size:clamp(7px,1.87cqw,12px);font-weight:400;color:#1a1a1a;letter-spacing:.1em;margin-bottom:1cqw}.routine-step__label{font-family:"Interstate",sans-serif;font-size:clamp(10px,2.67cqw,16px);font-weight:300;letter-spacing:.1em}.routine-step__morning{background-color:#f5efec}.routine-step__morning .routine-step__category,.routine-step__morning .routine-step__label{color:#d6b9ae}.routine-step__night{background-color:#d2d1d7}.routine-step__night .routine-step__category,.routine-step__night .routine-step__label{color:#afadaa}.novelty{background-color:#e5e4e2}.novelty__inner{margin:0 4cqw 0 4cqw}.novelty__content{display:flex;flex-direction:column;padding:8cqw 10cqw}.novelty__date{font-family:"Interstate",sans-serif;font-size:clamp(14px,3.73cqw,22px);font-weight:300;letter-spacing:.1em;color:#1a1a1a}.novelty__label{font-family:"Interstate",sans-serif;font-size:clamp(12px,3.2cqw,19px);font-weight:300;letter-spacing:.1em;color:#1a1a1a;margin-bottom:3cqw}.novelty__title{font-family:"Interstate",sans-serif;font-size:clamp(20px,5.33cqw,32px);font-weight:300;letter-spacing:.1em;color:#1a1a1a;margin-bottom:3cqw}.novelty__img-wap{margin-bottom:3cqw}.novelty__img{display:block;max-width:90%;height:auto;margin:0 auto}.novelty__text{font-family:"DM Sans",sans-serif;font-size:clamp(12px,3.2cqw,19px);font-weight:400;letter-spacing:.18em;color:#2f2f2f;margin-bottom:3cqw}.novelty__note{font-family:"DM Sans",sans-serif;font-size:clamp(7px,1.87cqw,12px);font-weight:400;letter-spacing:.05em;color:#2f2f2f}.product-nav{background-color:#e5e4e2}.product-nav__inner{display:flex;flex-direction:column;align-items:flex-end;row-gap:10cqw;padding:12cqw 6cqw 24cqw}.product-nav a:hover{text-decoration:none;opacity:.7}.product-nav__link{display:flex;align-items:center;-moz-column-gap:1cqw;column-gap:1cqw}.product-nav__link-text{display:flex;flex-direction:column;font-family:"Interstate",sans-serif;font-size:clamp(24px,6.4cqw,30px);font-weight:400;line-height:1.2;letter-spacing:.1em;color:#1a1a1a;text-align:right}.product-nav__link-img{width:100%;max-width:7.5cqw;height:auto;aspect-ratio:1/1}.wrapper{display:block;padding:0}.pane-footer{margin-top:20px}.bread{background-color:#e7e3dd;margin:0;padding:6cqw 0 2cqw 6cqw;color:#231815}@media(max-width: 768px){.bread{background-color:#d8dad8}}.bread li a{color:#231815}.hacobune-app-container[data-v-ad5aa956],.hacobune-unit-video-outline[data-v-253249c8]{padding:0 !important}.hacobune-readmore[data-v-592540c2]{margin:0 !important}.hacobune-readmore[data-v-592540c2]{display:none !important}@media(max-width: 719px){.hacobune-app-container[data-v-ad5aa956]{width:100% !important}}@media(max-width: 720px){.hacobune-unit-video[data-v-253249c8]{margin:0 !important}}/*# sourceMappingURL=style.min.css.map */