html{font-size:100%}body{width:100%;font-family:"Noto Serif JP","serif",Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:1.1rem;font-weight:500;line-height:2.1;color:#6a6a6a;letter-spacing:.08rem}img{width:100%}a:hover{opacity:.9}video{width:100%}.fv h1{text-shadow:1px 3px 5px rgb(50 50 50 / 30%)}.steps ul li .text .button{display:block;font-size:1.2rem;color:#fff;text-align:center;background:#707070;padding:.7rem 4rem;border-radius:2rem}.steps ul li .text .button.large{font-size:1.1rem;padding:.7rem 1rem}@media screen and (max-width:1280px){.steps ul li .text .button.large{font-size:.9rem}}.top .button.large,#stores .bottom .button.large{display:block;width:60%;margin:auto;font-size:1.2rem;color:#fff;text-align:center;background:#707070;padding:.7rem 1rem;border-radius:2rem}@media screen and (max-width:1280px){.top .button.large,#stores .bottom .button.large{width:80%;font-size:1.1rem}}@media screen and (max-width:834px){.top .button.large,#stores .bottom .button.large{width:100%;font-size:.9rem}}@media screen and (min-width:835px){h3{font-family:Cormorant,serif;font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#222}.fv{position:relative;margin-bottom:4rem}.fv .main-image{width:77.5%}.fv .contents{position:absolute;top:29%;right:4%}.fv h1.catchphrase{display:flex;flex-flow:column;text-align:right;font-size:2.2vw;font-weight:600;letter-spacing:.24vw}.fv h1 span{margin-right:-2%}.fv h2.product{width:26vw;min-width:330px;margin-left:auto;margin-top:5%}.fv .img{margin-top:30px}.fv .img-1{width:50%;margin:0 120px 0 auto}.fv .img-2{width:26%;margin:-35px 20px 0 auto}.about{width:68%;margin:0 auto}.about h3 span{font-family:Crimson Text,serif;letter-spacing:normal;font-size:1.7rem}.about ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:4rem 0}.about ul li{width:47%;text-align:center}.about ul li .title{font-size:1.2rem;font-weight:400;letter-spacing:.03rem;margin:1.3rem 0 .5rem;position:relative}.about ul li .title:before{position:absolute;top:50%;left:0;width:100%;height:.05rem;content:"";background:#6a6a6a}.about ul li .title span{position:relative;padding:0 1vw;background:#fff}.video{margin:8rem auto}.steps{width:76%;margin:0 auto 10rem}.steps ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5rem}.steps ul li picture{width:53%}.steps ul li .text{width:39%}.steps ul li .text .title{font-size:1.4rem;font-weight:700}.steps ul li .text p{margin:1rem 0 1.5rem;line-height:1.5}.top,#stores{width:54%;margin:0 auto 6rem}#stores ul li{position:relative;margin-bottom:3rem}#stores ul li a{display:block}#stores ul li .name{position:absolute;top:43%;left:33%;width:34%;font-size:1.5vw;font-weight:700;color:#fff;text-align:center;background:#6a6a6abf;padding:.5rem 0}#stores ul li .name .additional{font-size:.7em;margin-top:-8px}}@media screen and (max-width:834px){.pc{display:none}body{font-size:.85rem;font-weight:400;line-height:1.7;color:#707070;letter-spacing:.08rem}h3{font-family:Cormorant,serif;font-size:1.35rem;font-weight:500;text-align:center;margin-bottom:1rem;line-height:1.2;color:#222}.fv{margin-bottom:4rem;text-align:center}.fv h1.catchphrase{display:flex;flex-flow:column;font-size:1.2rem;font-weight:600;letter-spacing:.24rem;margin:2.5rem 0 .5rem;line-height:2;color:#6a6a6a}.fv h2.product{width:70%;margin:2% auto auto}.about{width:94%;margin:0 auto;text-align:center}.about h3 span{font-family:Crimson Text,serif;letter-spacing:normal;font-size:1.3rem}.about p{width:90%;margin:auto}.about ul{margin:2rem 0 0}.about ul li{font-size:.85rem;margin-bottom:2rem}.about ul li .title{width:90%;font-size:1.1rem;font-weight:400;letter-spacing:.03rem;margin:.8rem auto 1rem;position:relative}.about ul li .title:before{position:absolute;top:50%;left:0;width:100%;height:.05rem;content:"";background:#6a6a6a}.about ul li .title span{position:relative;padding:0 1rem;background:#fff}.video{margin:4rem auto}.steps{width:85%;text-align:center;margin:0 auto 4rem}.steps ul{margin-top:2rem}.steps ul li{margin-bottom:3rem}.steps ul li picture{width:76%}.steps ul li picture img{display:block;margin:0 auto .5rem}.steps ul li .text .title{font-size:1rem;font-weight:600}.steps ul li .text p{margin:.5rem 0 2rem;font-size:.7rem;line-height:1.5}.steps ul li .text .button{width:100%;font-size:1rem}.top,#stores{width:85%;margin:0 auto 6rem}#stores ul li{position:relative;margin-bottom:3rem}#stores ul li a{display:block}#stores ul li .name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54%;font-size:.9rem;font-weight:700;color:#fff;text-align:center;background:#6a6a6abf;padding:.2rem 0}#stores ul li .name .additional{font-size:.8em;margin-top:0}}.fadein{animation-name:fadein-anime;animation-duration:2s;animation-fill-mode:forwards;opacity:0}.fadein-item{opacity:0}.fadein-item.fadein{animation-duration:1.5s}@keyframes fadein-anime{0%{opacity:0}to{opacity:1}}.delay-time_200ms{animation-delay:.2s}.delay-time_400ms{animation-delay:.4s}.delay-time_600ms{animation-delay:.6s}.delay-time_750ms{animation-delay:.75s}.loading{z-index:2;position:fixed;top:0;width:100vw;height:100vh;background-color:#fff}.loading .loader{color:#0c188e;font-size:25px;margin:auto;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;-webkit-animation:load 1.3s infinite linear;animation:load 1.3s infinite linear;top:50%;transform:translateZ(0) translateY(-50%)}@-webkit-keyframes load{0%,to{box-shadow:0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}@keyframes load{0%,to{box-shadow:0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/visufit-style.css.map */