@charset "UTF-8";@font-face{font-family:'Noto Sans Japanese';font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format("opentype")}@font-face{font-family:'Noto Sans Japanese';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype")}@font-face{font-family:'Noto Sans Japanese';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format("opentype")}@font-face{font-family:'Noto Sans Japanese';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype")}body{min-width:320px}.en{font-family:'Josefin Sans',sans-serif}.nobr{display:inline-block}#main h1,#main h2,#main h3,#main h4,.btn-contact,.card .card-tit,.floor-catch,.floor-theme,.kv-content p,.place-data dt{font-weight:700}@media screen and (min-width:768px){#main h1,#main h2,#main h3,#main h4,.btn-contact,.card .card-tit,.floor-catch,.floor-theme,.kv-content p,.place-data dt{font-family:'游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',-apple-system,sans-serif}}.sec-tit{display:block;margin:0 0 34px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.sec-tit .en{font-size:24px;font-size:2.4rem;display:block;margin:0 0 2px;line-height:1}.sec-tit .ja{display:inline-block;font-size:30px;font-size:3rem;border-bottom:3px solid #263238;line-height:1.5}.sec-tit+p{line-height:2}.sec-disaster::before,.sec-kv::before,.sec-scene::before{content:"";position:absolute;right:0;left:0;z-index:-1;display:block;margin:0 auto;width:100%;height:450px;transform:skewY(135deg);transform-origin:top center}.sec-disaster .box-center,.sec-floors,.sec-scene .box-center,.sec-style{position:relative;z-index:1;padding-top:35px}.sec-disaster .box-center::before,.sec-floors::before,.sec-scene .box-center::before,.sec-style::before{content:"";position:absolute;top:0;display:block;height:91px}.card p{font-size:14px;font-size:1.4rem}.card-detail{position:relative;margin:-20px -20px 0 20px;padding:37px 40px 35px;background:#fff;line-height:1.25}.card-link{position:absolute;display:inline-flex;text-decoration:none;color:#263238;transition:opacity .3s ease-out;opacity:1;align-items:center}.card-link:hover{opacity:.6}.card-link::after{content:"";display:block;background:url(../img/icon-arrow.svg) no-repeat center center;background-size:contain;margin-left:5px;height:1em}@media all and (-ms-high-contrast:none){.card-link::after{position:relative;top:-.2em}}@media screen and (min-width:768px){.card-link::after{width:8px}}@media screen and (max-width:767px){.card-link::after{width:6px}}.card .card-tit{margin-bottom:.8em;font-size:16px;font-size:1.6rem}.card .card-tit:last-child{margin-bottom:0}.slick-next,.slick-prev{z-index:10;width:54px;height:62px;opacity:1;transition:opacity .3s}.slick-next::before,.slick-prev::before{content:"";display:block;width:100%;height:100%;opacity:1}.slick-next:hover,.slick-prev:hover{opacity:.8}.slick-prev{left:0}.slick-prev::before{transform:scale(-1,1);transform-origin:center center}.slick-next{right:0}@media screen and (min-width:1340px){.slick-prev{left:-30px}.slick-next{right:-30px}}#main{overflow:hidden;margin-bottom:80px;padding:0;min-width:1280px;background:#f5f5f5;color:#263238;font-size:16px;font-size:1.6rem;letter-spacing:.05em;font-family:'游ゴシック Medium','Yu Gothic Medium','游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',-apple-system,sans-serif}#main h1,#main h2,#main h3,#main h4{font-feature-settings:'palt'}.sec-kv{position:relative;z-index:1;display:block}.sec-kv:after{content:"";display:block;height:0;clear:both;visibility:hidden}.sec-kv::before{bottom:-295px;background:linear-gradient(to right,#05a1dc,#0168be)}.kv-imgs{float:right;min-width:795px;width:calc(50vw + 147px);height:800px}.kv-imgs picture{display:block;width:100%;height:100%}.kv-imgs img{display:block;width:100%;height:100%;font-family:'object-fit: cover';-o-object-fit:cover;object-fit:cover}.kv-content{position:absolute;top:0;bottom:35px;z-index:5;display:flex;flex-flow:column nowrap;justify-content:center;width:580px}.kv-content h1{font-size:30px;font-size:3rem;margin-bottom:1em;line-height:1.6}.kv-content h1 span{display:inline-block;border-bottom:3px solid #263238}.kv-content p{font-size:20px;font-size:2rem;letter-spacing:.12em;font-feature-settings:'palt'}.kv-catch{margin:0 0 32px -41px}.sec-showroom{position:relative;z-index:1}.sec-showroom .box-center{position:relative;z-index:1}.sec-showroom .box-center::before{content:"";position:absolute;top:215px;left:72px;z-index:-1;display:block;width:1724px;height:193px;background:url(../img/showroom_txt.png) no-repeat;background-size:contain}.sec-showroom .content-frame{z-index:1;margin:-90px 0 0 660px;padding:73px 100px 120px;background:#fff}.sec-showroom p{line-height:2.5}.sec-showroom p+p{margin-top:34px}.showroom-title{margin:0 0 25px -53px;padding:0}.showroom-title picture{position:relative;display:block;height:132px}.showroom-title img{position:absolute;top:0;left:0;display:block}.sec-floors{margin-top:320px}.sec-floors::before{left:400px;width:969px;background:url(../img/floor_color_txt.png) no-repeat}.floors-outline{margin-bottom:60px;padding-left:475px}.floors-nav{position:relative;z-index:15;display:flex;flex-flow:row nowrap;justify-content:flex-end;margin:0 0 0 535px;padding:80px 0 0 0}.floors-nav li{color:#b0bec5;text-align:center;font-family:'Barlow Condensed',sans-serif;cursor:pointer}.floors-nav li img{transition:opacity .3s}.floors-nav li:not(:last-child){margin-right:16px}.floors-nav li:hover img{opacity:.2;background-blend-mode:multiply}.floors-nav li.current img{opacity:0}.floors-nav li:nth-child(1) .nav-thumb{background:#078151}.floors-nav li:nth-child(1).current .nav_tit,.floors-nav li:nth-child(1):hover .nav_tit{color:#078151}.floors-nav li:nth-child(2) .nav-thumb{background:#6b460b}.floors-nav li:nth-child(2).current .nav_tit,.floors-nav li:nth-child(2):hover .nav_tit{color:#6b460b}.floors-nav li:nth-child(3) .nav-thumb{background:#cf3983}.floors-nav li:nth-child(3).current .nav_tit,.floors-nav li:nth-child(3):hover .nav_tit{color:#cf3983}.floors-nav li:nth-child(4) .nav-thumb{background:#74b247}.floors-nav li:nth-child(4).current .nav_tit,.floors-nav li:nth-child(4):hover .nav_tit{color:#74b247}.floors-nav li:nth-child(5) .nav-thumb{background:#d13155}.floors-nav li:nth-child(5).current .nav_tit,.floors-nav li:nth-child(5):hover .nav_tit{color:#d13155}.floors-nav li:nth-child(6) .nav-thumb{background:#1d6fb4}.floors-nav li:nth-child(6).current .nav_tit,.floors-nav li:nth-child(6):hover .nav_tit{color:#1d6fb4}.floors-nav li:nth-child(7) .nav-thumb{background:#dd7d2b}.floors-nav li:nth-child(7).current .nav_tit,.floors-nav li:nth-child(7):hover .nav_tit{color:#dd7d2b}.floors-nav li:nth-child(8) .nav-thumb{background:#4c2382}.floors-nav li:nth-child(8).current .nav_tit,.floors-nav li:nth-child(8):hover .nav_tit{color:#4c2382}.floors-nav li:nth-child(9) .nav-thumb{background:#76b6e4}.floors-nav li:nth-child(9).current .nav_tit,.floors-nav li:nth-child(9):hover .nav_tit{color:#76b6e4}.floors-nav li:nth-child(10) .nav-thumb{background:#ffee34}.floors-nav li:nth-child(10).current .nav_tit,.floors-nav li:nth-child(10):hover .nav_tit{color:#ffee34}.nav-thumb{display:block}.floors-detail{margin-top:-167px}.floors-detail .slick-next,.floors-detail .slick-prev{top:420px}.floors-detail .slick-next::before,.floors-detail .slick-prev::before{background:url(../img/floor_arrow.png) no-repeat 50% 50%}.floor{position:relative;padding-top:200px}.floor-img{padding:0 0 0 330px}.floor-info{position:absolute;top:0;left:0;box-sizing:border-box;padding:80px 60px 60px;width:475px;height:550px;background:#fff}.floor-tit{position:relative;z-index:1;margin-bottom:48px;width:354px;height:139px;letter-spacing:.1em}.floor-tit::before{content:"";position:absolute;bottom:2px;left:11px;z-index:-1;display:block;width:180px;height:1px;background:#b0bec5;opacity:.5;transform:rotate(-45deg);transform-origin:bottom left}.floor10 .floor-tit::before{left:57px}.floor1 .floor-tit{color:#078151}.floor2 .floor-tit{color:#6b460b}.floor3 .floor-tit{color:#cf3983}.floor4 .floor-tit{color:#74b247}.floor5 .floor-tit{color:#d13155}.floor6 .floor-tit{color:#1d6fb4}.floor7 .floor-tit{color:#dd7d2b}.floor8 .floor-tit{color:#4c2382}.floor9 .floor-tit{color:#76b6e4}.floor10 .floor-tit{color:#ffee34}.floor-num{position:relative;display:block;margin:0 0 0 -4px;font-size:120px;font-size:12rem;text-align:left;letter-spacing:.08em;font-family:'Barlow Condensed',sans-serif;line-height:.9;transform:translateY(-.15em)}.floor-color{position:absolute;right:-.1em;font-size:60px;font-size:6rem;bottom:-.15em;display:block;text-align:right;text-transform:uppercase;line-height:1}.floor-color.color-long{font-size:48px;font-size:4.8rem}.floor-color.color-long span{display:block}.floor-theme{font-size:24px;font-size:2.4rem;margin:0 0 .75em;text-indent:-.4em;border-bottom:1px solid #b0bec5;padding-bottom:.6em}.floor-catch{font-size:18px;font-size:1.8rem;margin:0 0 .4em;text-indent:-.4em}.floor-txt{line-height:2}.sec-scene{position:relative;z-index:1;margin-top:322px}.sec-scene::before{top:765px;bottom:0;margin:auto;background:linear-gradient(to right,#7d55c3,#412096)}.sec-scene .box-center::before{left:335px;width:468px;background:url(../img/scene_text.png) no-repeat}#scene-slider .slick-dots li{margin:0 3px}#scene-slider .slick-dots li button{width:100%;height:100%}#scene-slider .slick-dots li button::before{width:50%;height:50%;line-height:0;font-size:0;top:0;right:0;bottom:0;left:0;margin:auto;background-color:#b0bec5;border-radius:50%;opacity:1}#scene-slider .slick-dots li.slick-active button::before{background-color:#0288d1}@media screen and (min-width:768px){#scene-slider .slick-dots{bottom:-45px}#scene-slider .slick-dots li{width:20px;height:20px}}@media screen and (max-width:767px){#scene-slider .slick-dots{bottom:-30px}#scene-slider .slick-dots li{width:13px;height:13px}#scene-slider .slick-dots li button{padding:5px}}.scene-outline{width:950px}.scenes{overflow:visible;margin-top:75px}.scenes .card{padding:0 20px;width:475px}.scenes .card-detail{margin-top:-60px}@media screen and (min-width:768px){.scenes .card-detail{padding-bottom:55px}}@media screen and (max-width:767px){.scenes .card-detail{padding-bottom:30px}}.scenes .slick-list{overflow:visible}@media screen and (min-width:768px){.scenes .card-link{font-size:14px;font-size:1.4rem;right:40px;bottom:30px}}@media screen and (max-width:767px){.scenes .card-link{font-size:10px;font-size:1rem;right:30px;bottom:15px}}.scenes .slick-next::before,.scenes .slick-prev::before{background:url(../img/scene_arrow.png) no-repeat 50% 50%}.sec-style{margin-top:278px}.sec-style::before{left:580px;width:860px;height:95px;background:url(../img/style_txt.png) no-repeat}.style-outline{padding-left:660px}.cards-clm2{display:flex;flex-flow:row nowrap;margin:72px -20px 0}.cards-clm2 .card{flex:0 0 50%;box-sizing:border-box;padding:0 20px;max-width:50%}@media screen and (min-width:768px){.sec-style .cards-clm2 .card .card-detail{padding-bottom:45px}}@media screen and (max-width:767px){.sec-style .cards-clm2 .card .card-detail{padding-bottom:35px}}@media screen and (min-width:768px){.cards-clm2 .card .card-link{font-size:14px;font-size:1.4rem;right:40px;bottom:20px}}@media screen and (max-width:767px){.cards-clm2 .card .card-link{font-size:10px;font-size:1rem;right:25px;bottom:10px}}.sec-disaster{position:relative;z-index:1;margin-top:240px}.sec-disaster::before{top:616px;background:linear-gradient(to right,#4d9852,#1b5d1e)}.sec-disaster .box-center::before{left:120px;width:1370px;height:96px;background:url(../img/disaster_txt.png) no-repeat}.sec-disaster .cards-clm2{margin-top:85px}.disaster-outline{width:770px}.disaster-list{display:flex;flex-flow:row nowrap;justify-content:flex-end;margin:69px 0 0 0}.disaster-list li{flex:0 0 240px;padding:0 10px;max-width:240px}.disasters_sp{display:none}@media screen and (min-width:1300px){.disaster-list{margin:65px 20px 0 -10px}}.sec-info{position:relative;z-index:1;margin-top:320px;padding:70px 0 79px;color:#fff}@media screen and (min-width:768px){.sec-info{background:#25292e url(../img/info_bg_pc.jpg) no-repeat 50% 50%;background-attachment:fixed;background-size:cover}}@media screen and (max-width:767px){.sec-info{background-size:300%;background-position:center top;overflow:hidden;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.sec-info::before{pointer-events:none;content:"";display:block;width:100%;height:100vh;position:fixed;bottom:0;left:0;background:#25292e url(../img/info_bg_pc.jpg) no-repeat 50% 50%;background-size:cover;z-index:-1}}.info-tit{margin-bottom:75px;text-align:center}.info-tit .en{font-size:24px;font-size:2.4rem;display:block;line-height:1}.info-tit .ja{font-size:30px;font-size:3rem}.wrap-place{display:flex;flex-flow:row nowrap;margin:0 -20px}.wrap-place>div{flex:0 0 50%;box-sizing:border-box;padding:0 20px;max-width:50%}.place-data dl{border-top:1px solid rgba(255,255,255,.1)}.place-data dt{float:left;padding:18px 0 0 60px;width:200px;clear:both;box-sizing:border-box}.place-data dd{position:relative;padding:20px 0 20px 220px;font-size:14px;font-size:1.4rem;border-bottom:1px solid rgba(255,255,255,.1)}.gmap{min-height:300px;width:100%;height:100%}.gmap>iframe{width:100%;height:100%}.wrap-contact-btn{margin-top:80px;text-align:center}.btn-contact{position:relative;z-index:1;display:inline-block;overflow:hidden;width:320px;height:60px;border-radius:30px;background:#0288d1;color:#fff;text-decoration:none;line-height:60px}.btn-contact::before{content:"";position:absolute;top:0;left:0;z-index:-1;display:block;width:200%;height:100%;background:linear-gradient(to right,#05a1dc 0,#0166ba 50%,#05a1dc 100%);transition:transform .3s}.btn-contact:hover{color:#fff;text-decoration:none}.btn-contact:hover::before{transform:translateX(-50%)}@media all and (-ms-high-contrast:none){.btn-contact,::-ms-backdrop{padding-top:.3em}}@media screen and (max-width:767px){.box-center{padding:0 20px}.sec-tit{margin:0 0 13px;max-width:100%}.sec-tit .en{font-size:14px;font-size:1.4rem}.sec-tit .ja{font-size:18px;font-size:1.8rem;border-bottom-width:2px}.sec-disaster::before,.sec-kv::before,.sec-scene::before{height:225px}.sec-disaster .box-center,.sec-floors,.sec-scene .box-center,.sec-style{padding-top:20px}.sec-disaster .box-center::before,.sec-floors::before,.sec-scene .box-center::before,.sec-style::before{height:45px;background-size:contain}.scene-outline,.style-outline{padding:0 20px;min-width:245px;max-width:500px;width:80%}.card p{font-size:10px;font-size:1rem}.card-detail{margin:-20px 20px 0;padding:17px 20px}.card .card-tit{font-size:12px;font-size:1.2rem}.slick-next,.slick-prev{width:27px;height:31px}.slick-next::before,.slick-prev::before{background-size:contain!important}.slick-prev{left:-10px}.slick-next{right:-10px}#main{min-width:0;font-size:12px;font-size:1.2rem;font-family:-apple-system,'Hiragino Sans','Hiragino Kaku Gothic ProN',sans-serif;letter-spacing:0}#main h2 .ja{font-feature-settings:'palt';letter-spacing:.07em}.sec-kv::before{bottom:calc(-580px + 50vw)}.kv-imgs{float:none;margin:0 0 0 40px;min-width:0;width:auto;height:307px}.kv-content{position:relative;z-index:1;margin:-23px 0 0;width:auto}.kv-content::before{content:"";position:absolute;top:36px;left:-20px;z-index:-1;display:block;width:80px;height:1px;background:#b0bec5;opacity:.5;transform:rotate(-45deg);transform-origin:bottom left}.kv-content h1{font-size:15px;font-size:1.5rem}.kv-content h1 span{border-bottom-width:2px}.kv-content p{font-size:10px;font-size:1rem}.kv-catch{margin:0 0 4vw -2px;min-width:269px;max-width:370px;width:75%}.sec-showroom .box-center::before{left:-276px;height:96px;background-size:contain}.sec-showroom .content-frame{margin:40px 0 0 0;padding:36px 20px 35px}.sec-showroom .content-frame p+p{margin-top:25px}.showroom-title{margin:0 0 4px 3px;min-width:223px;max-width:300px;width:78.45%;height:auto}.showroom-title picture{height:auto}.showroom-title img{position:relative}.sec-floors{margin-top:160px}.sec-floors::before{left:0;width:484px}.floors-outline{margin-bottom:34px;padding:0 20px}.floors-nav{display:none}.floors-detail{margin:0}.floors-detail.slick-slider{padding-top:28px}.floors-detail .slick-next,.floors-detail .slick-prev{top:calc(27vw + 13px)}.floors-detail .slick-dots{position:absolute;top:-10px;bottom:auto}.floors-detail .slick-dots li{margin:0 2px}.floors-detail .slick-dots button::before{content:"";width:8px;height:8px;bottom:0;right:0;margin:auto;border-radius:4px;background:#b0bec5;opacity:1!important}.floors-detail .slick-dots li.slick-active:nth-child(1) button::before{background-color:#078151}.floors-detail .slick-dots li.slick-active:nth-child(2) button::before{background-color:#6b460b}.floors-detail .slick-dots li.slick-active:nth-child(3) button::before{background-color:#cf3983}.floors-detail .slick-dots li.slick-active:nth-child(4) button::before{background-color:#74b247}.floors-detail .slick-dots li.slick-active:nth-child(5) button::before{background-color:#d13155}.floors-detail .slick-dots li.slick-active:nth-child(6) button::before{background-color:#1d6fb4}.floors-detail .slick-dots li.slick-active:nth-child(7) button::before{background-color:#dd7d2b}.floors-detail .slick-dots li.slick-active:nth-child(8) button::before{background-color:#4c2382}.floors-detail .slick-dots li.slick-active:nth-child(9) button::before{background-color:#76b6e4}.floors-detail .slick-dots li.slick-active:nth-child(10) button::before{background-color:#ffee34}.floor{padding:0}.floor-img{padding:0}.floor-info{position:relative;margin:-20px 20px 0;padding:40px 20px 35px;width:auto;height:auto}.floor-tit{margin-bottom:21px;width:100%;height:74px;display:flex;justify-content:flex-start}.floor-tit::before{left:5px;width:80px;bottom:7px}.floor10 .floor-tit::before{left:28px}.floor-num{font-size:60px;font-size:6rem;margin-left:-2px;width:67px}.floor-color{font-size:30px;font-size:3rem;position:initial;display:flex;flex-direction:column;justify-content:flex-end}.floor-color.color-long{font-size:30px;font-size:3rem}.floor-color.color-long span{display:inline-block}.floor-theme{font-size:18px;font-size:1.8rem}.floor-catch{font-size:14px;font-size:1.4rem}.sec-scene{margin-top:130px}.sec-scene::before{top:calc(220px + 15vw)}.sec-scene .box-center::before{left:207px;width:232px}.scenes{margin:32px -20px 0}.scenes .slick-next,.scenes .slick-prev{top:0;margin-top:172px}.scenes .slick-prev{left:10px}.scenes .slick-next{right:10px}.scenes .card{box-sizing:border-box;padding:0 20px;max-width:375px;width:100vw;min-width:320px}.scenes .card-detail{margin-top:-20px}.sec-style{margin-top:155px}.sec-style::before{left:0;width:429px}.style-outline{margin:0 0 0 auto}.cards-clm2{display:block;margin-top:36px}.cards-clm2 .card{margin:0 auto;max-width:620px;width:100%}.cards-clm2 .card:not(:last-child){margin-bottom:20px}.sec-disaster{margin-top:78px}.sec-disaster::before{top:601px}.sec-disaster .box-center::before{left:102px;width:684px}.sec-disaster .cards-clm2{margin-top:40px}.disaster-outline{padding:0 20px;width:auto}.disaster-list{display:none}.disasters_sp{display:block;text-align:center;margin:15px 0 0}.disasters_sp img{width:100%;max-width:295px}.sec-info{margin-top:160px;padding:40px 0 34px}.info-tit{margin-bottom:34px}.info-tit .en{font-size:14px;font-size:1.4rem}.info-tit .ja{font-size:18px;font-size:1.8rem}.wrap-place{display:block}.wrap-place>div{max-width:none}.place-data{margin-bottom:20px}.place-data dt{width:100px;padding:13px 0 0 30px}.place-data dd{font-size:10px;font-size:1rem;padding:15px 0 13px 116px}.place-map{height:162px}.gmap{min-height:0}.wrap-contact-btn{margin-top:40px}.btn-contact{width:240px;height:45px;line-height:45px}}@media screen and (max-width:400px){.scene-outline,.style-outline{width:auto}}.sec-disaster .box-center::before,.sec-floors::before,.sec-scene .box-center::before,.sec-showroom .box-center::before,.sec-style::before{transition:opacity .35s ease-out,transform .35s ease-out;opacity:0;transform:translateX(100px)}.sec-disaster.-inviewed .box-center::before,.sec-floors.-inviewed::before,.sec-scene.-inviewed .box-center::before,.sec-showroom.-inviewed .box-center::before,.sec-style.-inviewed::before{opacity:1;transform:translateX(0)}