.how-to-steps{position:relative}.how-to-steps__content-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:1480px;margin-left:auto;margin-right:auto;padding-top:40px;padding-bottom:40px;padding-left:16px;padding-right:16px}@media all and (min-width:1480px) and (max-width:1600px){.how-to-steps__content-wrapper{max-width:1360px}}@media all and (min-width:768px){.how-to-steps__content-wrapper{padding-top:48px;padding-bottom:48px}}@media all and (min-width:1024px){.how-to-steps__content-wrapper{padding-top:64px;padding-bottom:64px}}@media all and (min-width:1280px){.how-to-steps__content-wrapper{padding-top:80px;padding-bottom:80px}}@media all and (min-width:1440px){.how-to-steps__content-wrapper{padding-top:80px;padding-bottom:80px}}@media all and (min-width:768px){.how-to-steps__content-wrapper{padding-left:40px;padding-right:40px}}@media all and (min-width:1024px){.how-to-steps__content-wrapper{padding-left:40px;padding-right:40px}}@media all and (min-width:1280px){.how-to-steps__content-wrapper{padding-left:40px;padding-right:40px}}@media all and (min-width:1440px){.how-to-steps__content-wrapper{padding-left:40px;padding-right:40px}}@media all and (min-width:768px){.how-to-steps__content-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media all and (min-width:768px){.how-to-steps__child{width:calc((((100% - 200px)/6)*3) + 80px + 0px)}}.how-to-steps__child:first-child{margin-bottom:40px}@media all and (min-width:768px){.how-to-steps__child:first-child{margin-bottom:0}}.how-to-steps h2{margin-bottom:0}@media all and (max-width:767px){.how-to-steps h2{-webkit-transform:none;transform:none}}.how-to-steps__cta{position:relative;border-bottom:none;font-family:"Clarkson",Helvetica,sans-serif;font-style:normal;font-weight:500;line-height:1.2em;letter-spacing:0;text-rendering:geometricPrecision;text-transform:uppercase;text-decoration:none;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:16px}html[lang^=ja] .how-to-steps__cta{font-family:"Noto Sans JP"}@media all and (min-width:1280px){.how-to-steps__cta{font-size:18px}}@media all and (min-width:1920px){.how-to-steps__cta{font-size:20px}}@media all and (min-width:768px){.how-to-steps__cta{margin-top:30px}}.how-to-steps ol{counter-reset:li}.how-to-steps ol li{font-family:"Clarkson",Helvetica,sans-serif;font-style:normal;font-weight:500;line-height:1.2em;letter-spacing:0;text-rendering:geometricPrecision;text-transform:none;text-decoration:none;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;padding-left:54px;margin-bottom:1.25em}html[lang^=ja] .how-to-steps ol li{font-family:"Noto Sans JP"}@media all and (min-width:1440px){.how-to-steps ol li{font-size:22px}}.how-to-steps ol li:last-child{margin-bottom:0}.how-to-steps ol li:before{content:counter(li,decimal-leading-zero) ".";counter-increment:li;position:absolute;left:0}.how-to-steps ol li a{position:relative;padding-bottom:1px;background-repeat:no-repeat;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor));background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-size:51% 2px,50% 2px;background-position:0 100%,100% 100%;-webkit-animation:underlineSlideIn .5s cubic-bezier(.694,0,.335,1) forwards;animation:underlineSlideIn .5s cubic-bezier(.694,0,.335,1) forwards}.how-to-steps ol li a aside,.how-to-steps ol li a span[data-arrow=true]{display:inline-block;overflow:hidden;position:relative;margin-bottom:-.2em}.how-to-steps ol li a aside span,.how-to-steps ol li a span[data-arrow=true] span{padding-left:.2em;display:inline-block;-webkit-transition:none;transition:none}.how-to-steps ol li a aside span:nth-child(1),.how-to-steps ol li a span[data-arrow=true] span:nth-child(1){position:relative}.how-to-steps ol li a aside span:nth-child(2),.how-to-steps ol li a span[data-arrow=true] span:nth-child(2){position:absolute;-webkit-transform:translateX(-150%);transform:translateX(-150%);padding-right:100%}@media (hover:hover){.how-to-steps ol li a:hover{-webkit-animation:underlineSlideOut .5s cubic-bezier(.694,0,.335,1) forwards;animation:underlineSlideOut .5s cubic-bezier(.694,0,.335,1) forwards}.how-to-steps ol li a:hover aside span,.how-to-steps ol li a:hover span[data-arrow=true] span{-webkit-transition:-webkit-transform .5s cubic-bezier(.694,0,.335,1);transition:-webkit-transform .5s cubic-bezier(.694,0,.335,1);transition:transform .5s cubic-bezier(.694,0,.335,1);transition:transform .5s cubic-bezier(.694,0,.335,1),-webkit-transform .5s cubic-bezier(.694,0,.335,1);-webkit-transition-delay:.3s;transition-delay:.3s}.how-to-steps ol li a:hover aside span:nth-child(1),.how-to-steps ol li a:hover span[data-arrow=true] span:nth-child(1){-webkit-transform:translateX(200%);transform:translateX(200%)}.how-to-steps ol li a:hover aside span:nth-child(2),.how-to-steps ol li a:hover span[data-arrow=true] span:nth-child(2){-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.has-reduced-motion .how-to-steps ol li a:hover{-webkit-animation:none;animation:none;background:0 0}body.has-reduced-motion .how-to-steps ol li a:hover aside span,body.has-reduced-motion .how-to-steps ol li a:hover [data-arrow=true] span{-webkit-transition:none;transition:none}}@media (hover:hover) and all and (prefers-reduced-motion:reduce){.how-to-steps ol li a:hover{-webkit-animation:none;animation:none;background:0 0}.how-to-steps ol li a:hover aside span,.how-to-steps ol li a:hover [data-arrow=true] span{-webkit-transition:none;transition:none}}body.has-reduced-motion .how-to-steps ol li a{-webkit-animation:none;animation:none}@media all and (prefers-reduced-motion:reduce){.how-to-steps ol li a{-webkit-animation:none;animation:none}}.how-to-steps ol li a{display:inline;line-height:1em;opacity:.5}.how-to-steps__item-paragraph{font-family:"Clarkson",Helvetica,sans-serif;font-style:normal;font-weight:500;line-height:1.2em;letter-spacing:0;text-rendering:geometricPrecision;text-transform:none;text-decoration:none;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:300;line-height:1.4em;margin-top:8px}html[lang^=ja] .how-to-steps__item-paragraph{font-family:"Noto Sans JP"}@media all and (min-width:1440px){.how-to-steps__item-paragraph{font-size:18px}}.how-to-steps.theme-dark-background ol li{color:#fff}