@charset "utf-8";:root{--font_hiragino:'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;--font_noto:'Noto Sans JP', sans-serif;--font_zen:'Zen Kaku Gothic New', sans-serif;--text_color:#333;--primary_color:#602976}.content-main{background-color:#eaeaea;color:var(--text_color);font-family:var(--font_hiragino);font-weight:300;letter-spacing:0}.fit{-o-object-fit:cover;object-fit:cover;height:100%;max-width:none;width:100%}.frame{aspect-ratio:16/9}.frame :where(img,video,iframe){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (min-width:769px){.intersect-elem{opacity:0;transition:1.5s cubic-bezier(.165,.84,.44,1)}.intersect-elem.active{opacity:1}.intersect-elem.is-fadeInUp{transform:translateY(50px)}.intersect-elem.is-fadeInUp.active{transform:translateY(0)}.root{min-width:1260px}.header{min-width:1260px}.content-main{font-size:1.125rem;line-height:2}.inner{max-width:1200px;margin:0 auto;width:100%}.inner--sm{max-width:900px;margin:0 auto;width:100%}.page-tl{color:var(--primary_color);font-size:3rem;font-weight:600;line-height:calc(80/48);text-align:center}.page-tl__sub{color:#dadada;display:block;font-family:var(--font_zen);font-size:1.5rem;font-weight:900;margin-bottom:11px}.page-tl__text{display:block;font-size:1.125rem;line-height:2;font-weight:300;color:#333;margin-top:10px}.page-tl.large{font-size:4.25rem;line-height:calc(80/68)}.page-tl.large .page-tl__sub{margin-bottom:26px}.c-tag{border-radius:100px;background-color:var(--primary_color);color:#fff;font-size:2rem;font-weight:600;line-height:2;padding:24px 48px;position:relative;perspective:1px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;box-shadow:0 0 24px 0 rgba(0,0,0,.1)}.c-tag:after{background-color:var(--primary_color);content:"";height:17px;width:27px;-webkit-mask-image:url(../images/shark/handycleaner/stainforce/ic_chevron_down.png);mask-image:url(../images/shark/handycleaner/stainforce/ic_chevron_down.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;inset-inline:0;margin-inline:auto;top:calc(100% - 4px)}.tl-animation{color:#fff;font-size:3rem;font-weight:600;line-height:calc(80/48);transition-duration:.1s;position:relative;z-index:9}.tl-animation span{background-color:var(--primary_color);display:block;padding:20px 20px 20px 20px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tl-animation span:before,.tl-animation span:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;right:0}.tl-animation span:before{background-color:var(--primary_color);transition:width .4s ease .4s;will-change:width}.tl-animation span:after{background-color:#ffff;transition:width .4s ease .1s;will-change:width}.tl-animation span+span{margin-top:16px}.tl-animation.active span:before,.tl-animation.active span:after{width:0;opacity:1}}@media (max-width:768px){.intersect-elem{opacity:0;transition:1.5s cubic-bezier(.165,.84,.44,1)}.intersect-elem.active{opacity:1}.intersect-elem.is-fadeInUp{transform:translateY(6.5vw)}.intersect-elem.is-fadeInUp.active{transform:translateY(0)}.inner,.inner--sm{padding-inline:6.9vw}.content-main{font-size:3.7vw;line-height:2}.page-tl{color:var(--primary_color);font-size:6.9vw;font-weight:600;line-height:calc(39/26);text-align:center}.page-tl__sub{color:#dadada;display:block;font-family:var(--font_zen);font-size:4.3vw;font-weight:900;line-height:2;margin-bottom:4.3vw}.page-tl__text{display:block;font-size:3.7vw;line-height:2;font-weight:300;color:#333;margin-top:2.1vw}.page-tl.large{font-size:9.9vw;line-height:calc(56/37)}.c-tag{border-radius:100px;background-color:var(--primary_color);box-sizing:border-box;color:#fff;display:flex;align-items:center;justify-content:center;font-size:4.3vw;font-weight:600;line-height:calc(30/16);min-height:17.3vw;min-width:81.6vw;padding:2.7vw 4.5vw;position:relative;perspective:1px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;box-shadow:0 0 6.4vw 0 rgba(0,0,0,.1)}.c-tag:after{background-color:var(--primary_color);content:"";height:3.2vw;width:5.3vw;-webkit-mask-image:url(../images/shark/handycleaner/stainforce/ic_chevron_down.png);mask-image:url(../images/shark/handycleaner/stainforce/ic_chevron_down.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;inset-inline:0;margin-inline:auto;top:calc(100% - 1.1vw)}.tl-animation{color:#fff;font-size:5.9vw;font-weight:600;line-height:calc(33/22);transition-duration:.1s;position:relative;z-index:9}.tl-animation span{background-color:var(--primary_color);display:block;padding:2.9vw 5.3vw 3.2vw 5.1vw;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tl-animation span:before,.tl-animation span:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;right:0}.tl-animation span:before{background-color:var(--primary_color);transition:width .4s ease .4s;will-change:width}.tl-animation span:after{background-color:#ffff;transition:width .4s ease .1s;will-change:width}.tl-animation span+span{margin-top:1.1vw}.tl-animation.active span:before,.tl-animation.active span:after{width:0;opacity:1}}