@-webkit-keyframes gradient{0%{background-position:0 0}100%{background-position:0 -200%}}@keyframes gradient{0%{background-position:0 0}100%{background-position:0 -200%}}@-webkit-keyframes rotateTop{0%{-webkit-transform:translate(-50%,-50%) rotate(30deg);transform:translate(-50%,-50%) rotate(30deg)}50%{-webkit-transform:translate(-50%,-50%) rotate(210deg);transform:translate(-50%,-50%) rotate(210deg)}100%{-webkit-transform:translate(-50%,-50%) rotate(390deg);transform:translate(-50%,-50%) rotate(390deg)}}@keyframes rotateTop{0%{-webkit-transform:translate(-50%,-50%) rotate(30deg);transform:translate(-50%,-50%) rotate(30deg)}50%{-webkit-transform:translate(-50%,-50%) rotate(210deg);transform:translate(-50%,-50%) rotate(210deg)}100%{-webkit-transform:translate(-50%,-50%) rotate(390deg);transform:translate(-50%,-50%) rotate(390deg)}}main#lifeandbeautymuseum>.container article.top .sectionContainer section.content.head .mark{-webkit-transition:none;-o-transition:none;transition:none;opacity:0}main#lifeandbeautymuseum>.container article.top .sectionContainer section.content.head .attention{-webkit-transition:none;-o-transition:none;transition:none;opacity:0}main#lifeandbeautymuseum>.container .toggleContainer a,main#lifeandbeautymuseum>.container .toggleContainer h1,main#lifeandbeautymuseum>.container .toggleContainer>p{display:none}main#lifeandbeautymuseum:not(.init).intro{position:fixed;height:100%}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro{position:fixed;width:100%;height:100%;z-index:1;top:0;left:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro section{opacity:0;position:absolute;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro section.first.show{opacity:1;-webkit-transition:opacity 1.4s;-o-transition:opacity 1.4s;transition:opacity 1.4s}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro section.first.show.hide{opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro section.second.show{opacity:1;-webkit-transition:opacity 1.4s;-o-transition:opacity 1.4s;transition:opacity 1.4s}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro section.second.show.hide{opacity:0;-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro section h1{background-image:url(../images/lp/lifeandbeautymuseum/sp/top/intro/introMark.svg);background-repeat:no-repeat;width:305px;height:113px}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro section p{background-image:url(../images/lp/lifeandbeautymuseum/sp/top/intro/introText.svg);background-repeat:no-repeat;width:241px;height:243px;overflow:visible;position:relative}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro section p:before{content:"";position:absolute;background-image:url(../images/lp/lifeandbeautymuseum/sp/top/intro/introRing.svg);background-repeat:no-repeat;width:241px;height:243px;top:50%;left:50%;-webkit-animation:rotateTop 60s linear;animation:rotateTop 60s linear}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro .movie{position:fixed;top:0;left:0;width:100%;height:100vh;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:-1}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro .movie.view #intromovie{opacity:1;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro .movie.view.out #intromovie{opacity:0}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro .movie #intromovie{position:absolute;width:100%;height:100vh;padding:0;opacity:0}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro .movie #intromovie video{-o-object-fit:cover;object-fit:cover}main#lifeandbeautymuseum:not(.init) .mask{-webkit-mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:100%;mask-position:100%}main#lifeandbeautymuseum:not(.init) .mask.peel{-webkit-mask-position:0;mask-position:0;-webkit-transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);-o-transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1),-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1)}main#lifeandbeautymuseum:not(.init) .mask.peel.peelend{-webkit-mask-image:none;mask-image:none}main#lifeandbeautymuseum:not(.init)>.container{background:#c30e2d}main#lifeandbeautymuseum:not(.init)>.container>.movie{position:fixed;top:0;left:0;width:100%;height:100vh;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden}main#lifeandbeautymuseum:not(.init)>.container>.movie.visible{visibility:visible}main#lifeandbeautymuseum:not(.init)>.container>.movie.view #kvmovie{opacity:1;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}main#lifeandbeautymuseum:not(.init)>.container>.movie #kvmovie{position:absolute;width:100%;height:100vh;padding:0;opacity:0}main#lifeandbeautymuseum:not(.init)>.container>.movie #kvmovie video{-o-object-fit:cover;object-fit:cover}main#lifeandbeautymuseum:not(.init)>.container>article{position:relative}main#lifeandbeautymuseum:not(.init)>.container>article:before{content:"";position:absolute;width:8px;height:100%;z-index:5;left:0;top:0}main#lifeandbeautymuseum:not(.init)>.container>article .sectionContainer{background-color:#c30e2d}main#lifeandbeautymuseum:not(.init)>.container>article .sectionContainer section.content{position:relative;z-index:1;padding-left:68px;padding-right:15px;width:calc(100% - 68px - 15px);color:#fff}main#lifeandbeautymuseum:not(.init)>.container>article.top:before{background:#c30e2d}main#lifeandbeautymuseum:not(.init)>.container>article.top.peel{-webkit-mask-image:none;mask-image:none}main#lifeandbeautymuseum:not(.init)>.container>article.top.peel::after{-webkit-transition:opacity 1s linear;-o-transition:opacity 1s linear;transition:opacity 1s linear;opacity:.6}main#lifeandbeautymuseum:not(.init)>.container>article.top:after{content:"";position:absolute;background-repeat:no-repeat;background-image:url(../images/lp/lifeandbeautymuseum/sp/top/top/ring.svg);width:232px;height:244px;opacity:0;top:calc(50vh - 36px);left:calc(50% + 6px);-webkit-animation:rotateTop 60s infinite linear;animation:rotateTop 60s infinite linear;mix-blend-mode:overlay;z-index:1}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer{background:#c30e2d}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 8px);height:calc(100vh - 55px - 30px - var(--hGap));padding-left:8px;padding-right:0;padding-top:55px;padding-bottom:30px}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head.show .mark{opacity:1}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head.show .attention{opacity:1}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head h1.title{position:relative}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head h1.title.peel{-webkit-mask-image:none;mask-image:none;-webkit-mask-position:0;mask-position:0}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head h1.title p{background-image:url(../images/lp/lifeandbeautymuseum/sp/top/top/title.svg);background-repeat:no-repeat;width:329px;height:179px}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head h1.title span{font-size:14px;line-height:1;color:#fff;position:absolute;width:100%;bottom:-3px;text-align:center}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head footer{margin-top:27px;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head footer .mark150th{background-image:url(../images/lp/lifeandbeautymuseum/sp/top/top/mark150th.svg);background-repeat:no-repeat;width:55px;height:53px}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head footer .shiseido{background-image:url(../images/lp/lifeandbeautymuseum/sp/top/top/shiseido.svg);background-repeat:no-repeat;width:100px;height:53px}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head .mark{position:fixed;background-image:url(../images/lp/lifeandbeautymuseum/sp/top/top/mark.svg);background-repeat:no-repeat;width:50px;height:50px;top:16px;right:5px;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;opacity:0}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head .attention{font-size:14px;line-height:1;padding-bottom:27px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;opacity:0}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head .attention:before{content:"";position:absolute;display:block;left:50%;bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(rgba(255,255,255,0)),color-stop(white),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(0,rgba(255,255,255,0),#fff,rgba(255,255,255,0));background:-o-linear-gradient(0,rgba(255,255,255,0),#fff,rgba(255,255,255,0));background:linear-gradient(0,rgba(255,255,255,0),#fff,rgba(255,255,255,0));background-size:1px 200%;-webkit-animation:gradient 1s linear infinite;animation:gradient 1s linear infinite;width:1px;height:71px;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(10%,#000),to(black));-webkit-mask-image:-webkit-linear-gradient(top,transparent 0,#000 10%,#000 100%);mask-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(10%,#000),to(black));mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 100%)}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body{padding-right:0;padding-left:8px;width:calc(100% - 8px)}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body .playmovie{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-top:46px;padding-bottom:175px;position:relative}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body .playmovie:after{content:"";border:solid 1px #fff;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(../images/lp/lifeandbeautymuseum/sp/top/top/arrow.svg);background-repeat:no-repeat;width:69px;height:69px;position:absolute;bottom:83px}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body .playmovie p{font-size:31px;line-height:1;margin-top:-3px}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body .playmovie h2{font-size:12px;line-height:1;margin-top:16px}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body .playmovie h1{font-size:18px;line-height:1;margin-top:10px;margin-bottom:-3px}main#lifeandbeautymuseum:not(.init)>.container>article#stories{background:#fff}main#lifeandbeautymuseum:not(.init)>.container>article#stories:before{background:#c30e2d}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.head{position:relative;padding:0;width:100%}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.head ul.images{position:relative;width:100%;height:0;background:#c30e2d;padding-top:73.6%}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.head ul.images.shown::before{width:4px;-webkit-transition:width .8s cubic-bezier(.5,0,.2,1);-o-transition:width .8s cubic-bezier(.5,0,.2,1);transition:width .8s cubic-bezier(.5,0,.2,1)}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.head ul.images::before{content:"";position:absolute;width:4px;height:100%;background:#c30e2d;top:0;right:0;width:100%;z-index:1}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.head ul.images li{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.head ul.images li:nth-last-child(n+3){display:none}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.head ul.images li.show .image img{-webkit-mask-position:0;mask-position:0;-webkit-transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);-o-transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1),-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1)}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.head ul.images li .image{width:100%;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.head ul.images li .image img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);-webkit-mask-position:100%;mask-position:100%;-webkit-mask-size:300% 100%;mask-size:300% 100%}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.body{background-image:url(../images/lp/lifeandbeautymuseum/sp/top/gradation.jpg);background-repeat:no-repeat;background-size:cover;background-position:left bottom;padding-bottom:175px}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.body:after{content:"";position:absolute;bottom:83px;background-image:url(../images/lp/lifeandbeautymuseum/sp/common/arrowRightLarge.svg);background-color:#000;background-repeat:no-repeat;width:69px;height:69px}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.body h1.title p{background-image:url(../images/lp/lifeandbeautymuseum/sp/top/stories/title.svg);background-repeat:no-repeat;width:206px;height:88px;margin-left:-10px}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.body h1.title span{color:#000;font-size:12px;line-height:1.25;display:inline-block;margin-top:2px}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.body .texts{margin-top:18px}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.body .texts ul{margin-bottom:-2px}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.body .texts ul li{font-size:10px;padding-left:16px;position:relative;margin-top:4px}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.body .texts ul li:first-of-type{margin-top:0}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.body .texts ul li:nth-child(1):before{content:"#1";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.body .texts ul li:nth-child(2):before{content:"#2";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.body .texts ul li:nth-child(3):before{content:"#3";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.body .texts ul li:nth-child(4):before{content:"#4";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.body .texts ul li:nth-child(5):before{content:"#5";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.body .texts ul li:nth-child(6):before{content:"#6";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer section.content.body .texts ul li:nth-child(7):before{content:"#7";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#innovations{background:#fff}main#lifeandbeautymuseum:not(.init)>.container>article#innovations:before{background:#c30e2d}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.head{position:relative;padding:0;width:100%}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.head .movie{background:#c30e2d;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.head .movie.visible{visibility:visible}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.head .movie::before{content:"";position:absolute;width:4px;height:100%;background:#c30e2d;top:0;right:0;z-index:1}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.head .movie.view #innovationsmovie{-webkit-mask-position:0;mask-position:0;-webkit-transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);-o-transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1),-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1)}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.head .movie #innovationsmovie{-webkit-mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);-webkit-mask-position:100%;mask-position:100%;-webkit-mask-size:300% 100%;mask-size:300% 100%;padding-top:73.6%}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.body{background-image:url(../images/lp/lifeandbeautymuseum/sp/top/gradation.jpg);background-repeat:no-repeat;background-size:cover;background-position:left bottom;padding-bottom:175px}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.body:after{content:"";position:absolute;bottom:83px;background-image:url(../images/lp/lifeandbeautymuseum/sp/common/arrowRightLarge.svg);background-color:#000;background-repeat:no-repeat;width:69px;height:69px}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.body h1.title p{background-image:url(../images/lp/lifeandbeautymuseum/sp/top/innovations/title.svg);background-repeat:no-repeat;width:294px;height:88px;margin-left:-10px}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.body h1.title span{color:#000;font-size:12px;line-height:1.25;display:inline-block;margin-top:2px}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.body .texts{margin-top:18px}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.body .texts ul{margin-bottom:-2px}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.body .texts ul li{font-size:10px;padding-left:16px;position:relative;margin-top:4px}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.body .texts ul li:first-of-type{margin-top:0}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.body .texts ul li:nth-child(1):before{content:"#1";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.body .texts ul li:nth-child(2):before{content:"#2";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.body .texts ul li:nth-child(3):before{content:"#3";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.body .texts ul li:nth-child(4):before{content:"#4";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.body .texts ul li:nth-child(5):before{content:"#5";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.body .texts ul li:nth-child(6):before{content:"#6";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer section.content.body .texts ul li:nth-child(7):before{content:"#7";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#history{background:#fff;z-index:1}main#lifeandbeautymuseum:not(.init)>.container>article#history:before{background:#c30e2d}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.head{position:relative;padding:0;width:100%}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.head ul.images{position:relative;width:100%;height:0;background:#c30e2d;padding-top:73.6%}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.head ul.images::before{content:"";position:absolute;width:4px;height:100%;background:#c30e2d;top:0;right:0;z-index:1}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.head ul.images li{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.head ul.images li:nth-last-child(n+3){display:none}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.head ul.images li.show .image img{-webkit-mask-position:0;mask-position:0;-webkit-transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);-o-transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1),-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1)}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.head ul.images li .image{width:100%;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.head ul.images li .image img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);-webkit-mask-position:100%;mask-position:100%;-webkit-mask-size:300% 100%;mask-size:300% 100%}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.body{background-image:url(../images/lp/lifeandbeautymuseum/sp/top/gradation.jpg);background-repeat:no-repeat;background-size:cover;background-position:left bottom;padding-bottom:175px}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.body:after{content:"";position:absolute;bottom:83px;background-image:url(../images/lp/lifeandbeautymuseum/sp/common/arrowRightLarge.svg);background-color:#000;background-repeat:no-repeat;width:69px;height:69px}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.body h1.title p{background-image:url(../images/lp/lifeandbeautymuseum/sp/top/history/title.svg);background-repeat:no-repeat;width:210px;height:88px;margin-left:-10px}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.body h1.title span{color:#000;font-size:12px;line-height:1.25;display:inline-block;margin-top:2px}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.body .texts{margin-top:18px}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.body .texts ul{margin-bottom:-2px}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.body .texts ul li{font-size:10px;padding-left:16px;position:relative;margin-top:4px}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.body .texts ul li:first-of-type{margin-top:0}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.body .texts ul li:nth-child(1):before{content:"#1";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.body .texts ul li:nth-child(2):before{content:"#2";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.body .texts ul li:nth-child(3):before{content:"#3";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.body .texts ul li:nth-child(4):before{content:"#4";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.body .texts ul li:nth-child(5):before{content:"#5";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.body .texts ul li:nth-child(6):before{content:"#6";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer section.content.body .texts ul li:nth-child(7):before{content:"#7";position:absolute;left:0}main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie:before{background:#c30e2d}main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .sectionContainer{background-color:transparent}main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .sectionContainer section.content.body{height:90vh;padding-right:0;width:calc(100% - 68px)}main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .sectionContainer section.content.body header{position:absolute;padding-bottom:60px;padding-top:58px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .sectionContainer section.content.body header.center{position:fixed;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .sectionContainer section.content.body header.bottom{bottom:0}main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .sectionContainer section.content.body header:after{content:"";display:block;position:relative;border:solid 1px #fff;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(../images/lp/lifeandbeautymuseum/sp/top/top/arrow.svg);background-repeat:no-repeat;width:69px;height:69px}main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .sectionContainer section.content.body header h2{font-size:12px}main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .sectionContainer section.content.body header h1{font-size:44px;line-height:.95455;margin-top:9px;margin-bottom:16px;margin-left:-2px}main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .movie{position:fixed;top:0;left:0;width:100%;height:100vh;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden}main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .movie.visible{visibility:visible}main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .movie.view #trailermovie{opacity:1;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .movie #trailermovie{position:absolute;width:100%;height:100vh;padding:0;opacity:0}main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .movie #trailermovie video{-o-object-fit:cover;object-fit:cover}main#lifeandbeautymuseum:not(.init)>.container>article#products{background:#c30e2d}main#lifeandbeautymuseum:not(.init)>.container>article#products:before{background:#c30e2d}main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer section.content.head{position:relative;padding:0;width:100%}main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer section.content.head ul.images{position:relative;top:0;left:0;width:100%;height:100%;opacity:1;z-index:-1}main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer section.content.head ul.images li{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer section.content.head ul.images li .image{position:relative;width:100%;height:0;background:#c30e2d;padding-top:42.66667%}main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer section.content.head ul.images li .image.loaded img{opacity:1;-webkit-mask-position:0;mask-position:0;-webkit-transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);-o-transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1),-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1)}main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer section.content.head ul.images li .image::before{content:"";position:absolute;width:4px;height:100%;background:#c30e2d;top:0;right:0;z-index:1}main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer section.content.head ul.images li .image img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);-webkit-mask-position:100%;mask-position:100%;-webkit-mask-size:300% 100%;mask-size:300% 100%}main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer section.content.body{background-image:url(../images/lp/lifeandbeautymuseum/sp/top/products/gradation.jpg);background-repeat:no-repeat;background-size:cover;background-position:left bottom;padding-bottom:143px}main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer section.content.body:after{content:"";position:absolute;bottom:83px;background-image:url(../images/lp/lifeandbeautymuseum/sp/common/arrowRightupLarge.svg);background-color:#000;background-repeat:no-repeat;width:46px;height:46px}main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer section.content.body h1.title{font-size:18px;line-height:1;padding-top:22px;margin-bottom:-5px}main#lifeandbeautymuseum:not(.init)>.container>article#message{background:#fff}main#lifeandbeautymuseum:not(.init)>.container>article#message:before{background:#c30e2d}main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer{background:#fff}main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .texts p{font-size:16px;line-height:1.4375;color:#c30e2d;padding-top:16px}main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .texts p.broad{padding-top:49px}main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .texts p:first-of-type{padding-top:55px}main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .ring{background-image:url(../images/lp/lifeandbeautymuseum/sp/top/message/ringText.svg);background-repeat:no-repeat;width:277px;height:261px;margin-top:37px;margin-bottom:69px;padding-right:15px;margin-left:auto;margin-right:auto;position:relative}main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .ring:before{content:"";position:absolute;display:block;background-image:url(../images/lp/lifeandbeautymuseum/sp/top/message/ring.svg);width:277px;height:261px;top:0;left:0;-webkit-animation:rotate 60s infinite linear;animation:rotate 60s infinite linear}main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .button p{font-size:16px;height:53px;padding-bottom:40px}main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .button p::before{height:calc(100% - 46px);right:50px}main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .button p::after{background-image:url(../images/lp/lifeandbeautymuseum/sp/common/arrowPlay.svg);background-repeat:no-repeat;width:46px;height:46px;right:2px;z-index:1}main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .button span.title{font-size:12px;display:block;position:absolute;left:14px;bottom:21px}main#lifeandbeautymuseum:not(.init)>.container>footer{background:#fff;padding-left:68px;padding-right:15px;width:calc(100% - 68px - 15px);height:292px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}main#lifeandbeautymuseum:not(.init)>.container>footer:before{content:"";position:absolute;width:8px;height:100%;z-index:5;background:#c30e2d;left:0}main#lifeandbeautymuseum:not(.init)>.container>footer .mark150th{background-image:url(../images/lp/lifeandbeautymuseum/sp/top/footer/mark150th.svg);background-repeat:no-repeat;width:94px;height:75px}main#lifeandbeautymuseum:not(.init)>.container>footer .shiseido{background-image:url(../images/lp/lifeandbeautymuseum/sp/top/footer/shiseido.svg);background-repeat:no-repeat;width:170px;height:75px}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro section h1{background-image:url(../images/lp/lifeandbeautymuseum/pc/top/intro/introMark.svg);width:566rem;height:190rem}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro section p{background-image:url(../images/lp/lifeandbeautymuseum/pc/top/intro/introText.svg);width:556rem;height:563rem}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_intro section p:before{content:"";position:absolute;background-image:url(../images/lp/lifeandbeautymuseum/pc/top/intro/introRing.svg);width:556rem;height:563rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article .toggleContainer{pointer-events:none}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article .toggleContainer .toggle{pointer-events:all}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article:before{width:10rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article .sectionContainer section.content{padding-left:60rem;padding-right:50rem;padding-top:50rem;padding-bottom:50rem;width:calc(100% - 60rem - 50rem)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top:after{background-image:url(../images/lp/lifeandbeautymuseum/pc/top/top/ring.svg);width:525rem;height:545rem;top:calc(50vh - 5rem);left:calc(50% + 294rem)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer{background:#c30e2d}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:calc(100% - 150rem - 50rem);height:calc(100vh - var(--hGap));padding-left:150rem;padding-right:50rem;padding-top:0;padding-bottom:0}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head h1.title p{background-image:url(../images/lp/lifeandbeautymuseum/pc/top/top/title.svg);width:634rem;height:340rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head h1.title span{font-size:34rem;left:10rem;text-align:left;bottom:4rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head footer{margin-left:86rem;margin-right:220rem;margin-top:0;margin-bottom:21rem;width:auto}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head footer .mark150th{background-image:url(../images/lp/lifeandbeautymuseum/pc/top/top/mark150th.svg);width:81rem;height:67rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head footer .shiseido{background-image:url(../images/lp/lifeandbeautymuseum/pc/top/top/shiseido.svg);width:146rem;height:67rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head .mark{background-image:url(../images/lp/lifeandbeautymuseum/pc/top/top/mark.svg);width:81rem;height:81rem;top:21rem;left:109rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head .attention{left:100rem;padding-bottom:47rem;font-size:14rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head .attention:before{left:-20rem;height:113rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body{padding-left:233rem;padding-top:0;padding-bottom:197rem;width:calc(50% - 233rem)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body .playmovie{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding-top:0;padding-bottom:118rem;cursor:pointer}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body .playmovie.hover:before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 1s cubic-bezier(0,1,0,1);transition:-webkit-transform 1s cubic-bezier(0,1,0,1);-o-transition:transform 1s cubic-bezier(0,1,0,1);transition:transform 1s cubic-bezier(0,1,0,1);transition:transform 1s cubic-bezier(0,1,0,1),-webkit-transform 1s cubic-bezier(0,1,0,1)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body .playmovie.hover:after{border:none}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body .playmovie:before{content:"";position:absolute;width:210rem;height:210rem;border-radius:210rem;background:#c30e2d;z-index:-1;left:-59.5rem;bottom:-59.5rem;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body .playmovie:after{border:solid 1px #fff;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(../images/lp/lifeandbeautymuseum/pc/top/top/arrow.svg);background-repeat:no-repeat;width:91rem;height:91rem;bottom:0}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body .playmovie p{font-size:35rem;margin-top:-3rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body .playmovie h2{font-size:18rem;margin-top:19rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body .playmovie h1{font-size:26rem;margin-top:11rem;margin-bottom:-4rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#stories{z-index:3}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer a.hover section.content.body:before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 1s cubic-bezier(0,1,0,1);transition:-webkit-transform 1s cubic-bezier(0,1,0,1);-o-transition:transform 1s cubic-bezier(0,1,0,1);transition:transform 1s cubic-bezier(0,1,0,1);transition:transform 1s cubic-bezier(0,1,0,1),-webkit-transform 1s cubic-bezier(0,1,0,1)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer a section.content.head{width:calc(100%*960/1440)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer a section.content.head ul.images{padding-top:63.90625%}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer a section.content.head ul.images::before{width:6rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer a section.content.body{width:calc(100%*480/1440 - 50rem - 60rem);background-image:url(../images/lp/lifeandbeautymuseum/pc/top/stories/gradation.jpg);padding-bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer a section.content.body:before{content:"";position:absolute;width:210rem;height:210rem;border-radius:210rem;background:#000;z-index:-1;left:.5rem;bottom:-9.5rem;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer a section.content.body:after{bottom:50rem;background-image:url(../images/lp/lifeandbeautymuseum/pc/common/arrowRightL.svg);background-size:66rem 66rem;background-position:center center;width:91rem;height:91rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer a section.content.body h1.title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer a section.content.body h1.title p{background-image:url(../images/lp/lifeandbeautymuseum/pc/top/stories/title.svg);width:264rem;height:92rem;margin-top:-10rem;margin-left:-10rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer a section.content.body h1.title span{font-size:18rem;line-height:1.22222;margin-top:15rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer a section.content.body .texts{margin-top:0;position:absolute;bottom:167rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer a section.content.body .texts ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:-3rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#stories .sectionContainer a section.content.body .texts ul li{font-size:14rem;padding-left:23rem;margin-top:7rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#innovations{z-index:2;background:#fff}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#innovations:before{background:#c30e2d}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer a.hover section.content.body:before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 1s cubic-bezier(0,1,0,1);transition:-webkit-transform 1s cubic-bezier(0,1,0,1);-o-transition:transform 1s cubic-bezier(0,1,0,1);transition:transform 1s cubic-bezier(0,1,0,1);transition:transform 1s cubic-bezier(0,1,0,1),-webkit-transform 1s cubic-bezier(0,1,0,1)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer a section.content.head{width:calc(100%*960/1440);-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer a section.content.head .movie::before{width:6rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer a section.content.head .movie #innovationsmovie{padding-top:63.90625%}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer a section.content.body{width:calc(100%*480/1440 - 50rem - 60rem);background-image:url(../images/lp/lifeandbeautymuseum/pc/top/innovations/gradation.jpg);padding-bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer a section.content.body:before{content:"";position:absolute;width:210rem;height:210rem;border-radius:210rem;background:#000;z-index:-1;left:.5rem;bottom:-9.5rem;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer a section.content.body:after{bottom:50rem;background-image:url(../images/lp/lifeandbeautymuseum/pc/common/arrowRightL.svg);background-size:66rem 66rem;background-position:center center;width:91rem;height:91rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer a section.content.body h1.title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer a section.content.body h1.title p{background-image:url(../images/lp/lifeandbeautymuseum/pc/top/innovations/title.svg);width:388rem;height:92rem;margin-top:-10rem;margin-left:-10rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer a section.content.body h1.title span{font-size:18rem;line-height:1.22222;margin-top:15rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer a section.content.body .texts{margin-top:0;position:absolute;bottom:167rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer a section.content.body .texts ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:-3rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#innovations .sectionContainer a section.content.body .texts ul li{font-size:14rem;padding-left:23rem;margin-top:7rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer a.hover section.content.body:before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 1s cubic-bezier(0,1,0,1);transition:-webkit-transform 1s cubic-bezier(0,1,0,1);-o-transition:transform 1s cubic-bezier(0,1,0,1);transition:transform 1s cubic-bezier(0,1,0,1);transition:transform 1s cubic-bezier(0,1,0,1),-webkit-transform 1s cubic-bezier(0,1,0,1)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer a section.content.head{width:calc(100%*960/1440)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer a section.content.head ul.images{padding-top:63.90625%}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer a section.content.head ul.images::before{width:6rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer a section.content.body{width:calc(100%*480/1440 - 50rem - 60rem);background-image:url(../images/lp/lifeandbeautymuseum/pc/top/history/gradation.jpg);padding-bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer a section.content.body:before{content:"";position:absolute;width:210rem;height:210rem;border-radius:210rem;background:#000;z-index:-1;left:.5rem;bottom:-9.5rem;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer a section.content.body:after{bottom:50rem;background-image:url(../images/lp/lifeandbeautymuseum/pc/common/arrowRightL.svg);background-size:66rem 66rem;background-position:center center;width:91rem;height:91rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer a section.content.body h1.title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer a section.content.body h1.title p{background-image:url(../images/lp/lifeandbeautymuseum/pc/top/history/title.svg);width:264rem;height:92rem;margin-top:-10rem;margin-left:-10rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer a section.content.body h1.title span{font-size:18rem;line-height:1.22222;margin-top:15rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer a section.content.body .texts{margin-top:0;position:absolute;bottom:167rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer a section.content.body .texts ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:-3rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#history .sectionContainer a section.content.body .texts ul li{font-size:14rem;padding-left:23rem;margin-top:7rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie:before{background:#c30e2d}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .sectionContainer section.content.body{padding-top:0;padding-bottom:0;padding-left:0;width:calc(100% - 60rem)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .sectionContainer section.content.body header{padding-bottom:50rem;padding-top:48rem;padding-left:60rem;cursor:pointer}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .sectionContainer section.content.body header.hover:before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 1s cubic-bezier(0,1,0,1);transition:-webkit-transform 1s cubic-bezier(0,1,0,1);-o-transition:transform 1s cubic-bezier(0,1,0,1);transition:transform 1s cubic-bezier(0,1,0,1);transition:transform 1s cubic-bezier(0,1,0,1),-webkit-transform 1s cubic-bezier(0,1,0,1)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .sectionContainer section.content.body header.hover::after{border:none}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .sectionContainer section.content.body header:before{content:"";position:absolute;width:210rem;height:210rem;border-radius:210rem;background:#c30e2d;z-index:-1;left:.5rem;bottom:-9.5rem;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .sectionContainer section.content.body header:after{background-image:url(../images/lp/lifeandbeautymuseum/pc/top/top/arrow.svg);width:91rem;height:91rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .sectionContainer section.content.body header h2{font-size:18rem;margin-left:-1rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#viewmovie .sectionContainer section.content.body header h1{font-size:58rem;line-height:1;margin-top:18rem;margin-bottom:32rem;margin-left:-4rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer a.hover section.content.body:before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 1s cubic-bezier(0,1,0,1);transition:-webkit-transform 1s cubic-bezier(0,1,0,1);-o-transition:transform 1s cubic-bezier(0,1,0,1);transition:transform 1s cubic-bezier(0,1,0,1);transition:transform 1s cubic-bezier(0,1,0,1),-webkit-transform 1s cubic-bezier(0,1,0,1)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer a section.content.head{width:calc(100%*960/1440)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer a section.content.head ul.images li .image{padding-top:42.61719%}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer a section.content.head ul.images li .image::before{width:6rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer a section.content.body{width:calc(100%*480/1440 - 50rem - 60rem);background-image:url(../images/lp/lifeandbeautymuseum/pc/top/products/gradation.jpg);padding-bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer a section.content.body:before{content:"";position:absolute;width:210rem;height:210rem;border-radius:210rem;background:#000;z-index:-1;left:-12rem;bottom:-22rem;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer a section.content.body:after{bottom:50rem;background-image:url(../images/lp/lifeandbeautymuseum/pc/common/arrowRightupLarge.svg);width:66rem;height:66rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#products .sectionContainer a section.content.body h1.title{font-size:35rem;padding-top:0;margin-top:-5rem;margin-bottom:0}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body{padding-top:172rem;padding-left:820rem;padding-right:133rem;padding-bottom:0;width:calc(100% - 820rem - 133rem)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .texts p{font-size:26rem;line-height:1.46154;width:104.16667%;-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;padding-top:23rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .texts p.broad{padding-top:49rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .texts p:first-of-type{padding-top:0;margin-top:-8rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .ring{background-image:url(../images/lp/lifeandbeautymuseum/pc/top/message/ringText.svg);background-position:center center;width:181rem;height:411rem;margin-top:0;margin-bottom:0;padding-top:172rem;padding-bottom:172rem;left:297rem;top:0;position:absolute;padding-right:0}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .ring:before{background-image:url(../images/lp/lifeandbeautymuseum/pc/top/message/ring.svg);width:445rem;height:459rem;top:148rem;left:-132rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .ring.center{position:fixed;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .button{width:calc(100% - 40rem);margin-top:57rem;cursor:pointer}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .button.hover:before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 1s cubic-bezier(0,1,0,1);transition:-webkit-transform 1s cubic-bezier(0,1,0,1);-o-transition:transform 1s cubic-bezier(0,1,0,1);transition:transform 1s cubic-bezier(0,1,0,1);transition:transform 1s cubic-bezier(0,1,0,1),-webkit-transform 1s cubic-bezier(0,1,0,1)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .button:before{content:"";position:absolute;width:210rem;height:210rem;border-radius:210rem;background:#c30e2d;z-index:0;right:-70rem;bottom:-71.5rem;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .button p{font-size:18rem;height:67rem;padding-bottom:0;width:calc(100% - 21rem);padding-left:21rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .button p::before{height:calc(100% - 42rem);right:73rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .button p::after{background-image:url(../images/lp/lifeandbeautymuseum/pc/common/arrowPlay.svg);background-position:center center;width:40rem;height:40rem;right:15rem;z-index:1}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#message .sectionContainer section.content.body .button span.title{font-size:14rem;line-height:1;height:63rem;padding-top:4rem;left:auto;right:92rem;bottom:auto;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:right}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>footer{background:#fff;padding-left:820rem;padding-right:50rem;width:calc(100% - 820rem - 50rem);height:100vh;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>footer:before{width:10rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>footer .toggleContainer{display:block}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>footer .mark150th{background-image:url(../images/lp/lifeandbeautymuseum/pc/top/footer/mark150th.svg);background-repeat:no-repeat;width:119rem;height:98rem;margin-left:-10rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>footer .shiseido{background-image:url(../images/lp/lifeandbeautymuseum/pc/top/footer/shiseido.svg);background-repeat:no-repeat;width:212rem;height:98rem}