@charset 'utf-8';:root{--ease-heavy:cubic-bezier(.08,1,.22,1);--ease-fast:cubic-bezier(.15,.85,.18,1.25)}.how-about{display:block;position:relative;color:#fff;padding:19.5em 0 13em}.how-about:before{content:'';display:block;width:100vw;height:108em;position:absolute;left:50%;bottom:0;transform:translateX(-50%);background-image:url(//shinoi-ring-ts.phiaro.jp/wp-content/themes/shinoi-ring/assets/css/module/../../img/how/bg-how.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:cover;z-index:0}.how-about--title{font-size:3.2em;line-height:1.375;font-weight:700;display:block;position:relative;margin-bottom:.5em;z-index:2}.how-about--cmn{font-size:2.4em;line-height:1.95;font-weight:500;display:block;position:relative;z-index:2}@media only screen and (max-width:767px){.how-about{padding:11em 0 6em}.how-about:before{bottom:calc( 100% - 11em );height:22em;background-image:url(//shinoi-ring-ts.phiaro.jp/wp-content/themes/shinoi-ring/assets/css/module/../../img/how/bg-how_sp.jpg);z-index:1}.how-about:after{content:'';display:block;position:absolute;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:#0d1116;z-index:0}.how-about--title{font-size:2.2em;line-height:1.5;text-align:center}.how-about--cmn{font-size:1.6em;line-height:1.7}}@media only screen and (max-width:376px){.how-about--cmn{width:calc( 100% + .45em )}}.race-area{position:relative;padding:10em 0 0;min-height:500vh}.sticky-stage{position:sticky;top:12.5em;height:calc( 100vh - 9.6em );min-height:107em;margin:auto;display:grid;align-items:center}.sticky-stage--scene{position:absolute;inset:0;display:grid;align-content:center;pointer-events:none}.sticky-stage--scene:before,.sticky-stage--scene:after{content:'';display:block;position:absolute;left:0;top:0;height:1px;width:100%;background:#231815}.sticky-stage--scene:before{width:1.2em;height:1.2em;border-radius:50%;top:-.45em}@media only screen and (min-width:767px) and (max-width:1440px){.sticky-stage{top:10.5em}}@media only screen and (min-width:767px) and (max-height:1080px){.race-area{font-size:.9259vh}}@media only screen and (min-width:767px) and (min-height:1180px){.sticky-stage{height:107em}}@media only screen and (min-width:767px) and (max-width:1440px) and (max-height:1180px){.sticky-stage{top:77.78px;height:calc( 100vh - 77.78px)}.sticky-stage--scene{align-content:flex-start}}@media only screen and (min-width:767px) and (min-width:1441px) and (max-height:1180px){.sticky-stage{top:98px;height:calc( 100vh - 98px)}.sticky-stage--scene{align-content:flex-start}}@media only screen and (max-width:767px){.race-area{padding-top:5em}.sticky-stage{top:8.5em}.sticky-stage--scene{display:block;align-content:initial}.sticky-stage--scene:before,.sticky-stage--scene:after{left:2.5em}.sticky-stage--scene:before{width:.8em;height:.8em;top:-.3em}}.sticky-stage--block{position:relative;display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transform:translateX(260px) skewX(12deg);filter:blur(16px);color:#333;will-change:transform,opacity,filter;margin:2.5em 0 11em}.sticky-stage--line{height:1px;background:#231815;position:absolute;top:50%;left:0;width:100%}.sticky-stage--line:after{content:"";position:absolute;top:-.55em;width:1.2em;height:1.2em;border-radius:50%;background:#231815}.sticky-stage--line:after{right:0}.sticky-stage--text{padding-top:6em;width:45.41%;box-sizing:border-box}.sticky-stage--text h2{font-family:"Encode Sans Expanded",sans-serif;margin:0 0 .625em;font-size:4.8em;line-height:1;font-style:italic;font-weight:700}.sticky-stage--text p{margin:0;font-size:1.8em;line-height:1.75}.sticky-stage--photos{width:49.83%}.sticky-stage--photo{position:relative;overflow:hidden;height:40em;background:#cfd8d5;border-top-left-radius:4.2em;border-bottom-right-radius:4.2em}.sticky-stage--photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);display:block}.sticky-stage--photo:before,.sticky-stage--photo:after{content:"";position:absolute;inset:0;background:inherit;opacity:0;pointer-events:none;mix-blend-mode:screen}@media only screen and (min-width:767px){.sticky-stage--block.reverse{flex-direction:row-reverse}}@media only screen and (min-width:767px) and (max-width:1440px) and (max-height:1180px){.sticky-stage--block{margin:0;height:calc( 50vh - ( 77.78px / 2 ) ) !important;padding-top:2.5em;box-sizing:border-box}.sticky-stage--line{top:calc( 50% - ( 73px / 2 ) )}.sticky-stage--text{width:calc( 100% - 63vh )}.sticky-stage--photos{width:54.1vh}.sticky-stage--photo{height:39em}}@media only screen and (min-width:767px) and (min-width:1441px) and (max-height:1180px){.sticky-stage--block{margin:0;height:calc( 50vh - ( 98px / 2 ) ) !important;padding-top:2.5em;box-sizing:border-box}.sticky-stage--line{top:calc( 50% - ( 95px / 2 ) )}.sticky-stage--text{width:calc( 100% - 63vh )}.sticky-stage--photos{width:54.1vh}.sticky-stage--photo{height:39em}}@media only screen and (max-width:767px){.sticky-stage--block{display:block;width:100%;margin:1em 0 6em;margin-left:2.5em}.sticky-stage--text{width:100%;padding:0;padding-right:2.5em;box-sizing:border-box}.sticky-stage--line{left:-2.5em}.sticky-stage--line:after{top:-.35em;width:.8em;height:.8em}.sticky-stage--text h2{font-size:2.6em;line-height:1;margin-bottom:.35em}.sticky-stage--text p{font-size:1.6em;line-height:1.7}.sticky-stage--photos{width:100%;margin-bottom:3em}.sticky-stage--photo{width:100%;height:58.13vw;border-radius:0;border-top-left-radius:5em}.sticky-stage--block.reverse{margin-left:-2.5em}.sticky-stage--block.reverse .sticky-stage--text{padding:0;padding-left:2.5em}.sticky-stage--block.reverse .sticky-stage--photo{border-radius:0;border-top-right-radius:5em}}@media only screen and (max-width:767px){.sticky-stage--block{margin-top:0;margin-bottom:0;padding:1em 0 6em}.sticky-stage--scene{position:relative !important}.sticky-stage,.sticky-stage--block{height:initial !important;min-height:initial !important}}.sticky-stage--scene.is-active .sticky-stage--block{opacity:1;transform:translateX(0) skewX(0);filter:blur(0);transition:opacity .24s ease-out,transform .9s var(--ease-heavy),filter .45s ease}.sticky-stage--scene.is-active .sticky-stage--block:nth-child(1){transition-delay:.02s}.sticky-stage--scene.is-active .sticky-stage--block:nth-child(3){transition-delay:.18s}.sticky-stage--scene.is-exiting .sticky-stage--block{opacity:0;transform:translateX(-420px) skewX(24deg);filter:blur(20px);transition:opacity .18s ease-out,transform .55s var(--ease-fast),filter .28s ease-out}.sticky-stage--scene.is-exiting .sticky-stage--block:nth-child(1){transition-delay:0s}.sticky-stage--scene.is-exiting .sticky-stage--block:nth-child(3){transition-delay:.12s}.sticky-stage--scene.is-exiting .sticky-stage--photo:before{animation:after1 .45s ease-out both}.sticky-stage--scene.is-exiting .sticky-stage--photo:after{animation:after2 .58s ease-out both}@keyframes after1{0%{opacity:.38;transform:translateX(0);filter:blur(1px)}100%{opacity:0;transform:translateX(260px) skewX(-24deg);filter:blur(8px)}}@keyframes after2{0%{opacity:.22;transform:translateX(0);filter:blur(2px)}100%{opacity:0;transform:translateX(160px) skewX(-18deg);filter:blur(12px)}}