body{background:#000;color:#fff}#root{min-height:100vh}.recurring-box *{font-family:HarmonyOS Sans,Noto Sans JP,SFPro,Arial,メイリオ,Helvetica Neue,Helvetica,"sans-serif"}.recurring-box img{width:100%}.recurring-box .recurring-title{align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:flex;justify-content:space-between}@media (max-width:767px){.recurring-box .recurring-title{flex-direction:column-reverse;margin-top:var(--okj-header-height-sm);padding:24px 0}.recurring-box .recurring-title .recurring-info{margin-top:12px;text-align:center}.recurring-box .recurring-title .recurring-info .info-title{font-size:36px;line-height:136%}.recurring-box .recurring-title .recurring-info .info-box{font-size:16px;line-height:24px;margin-top:3px}.recurring-box .recurring-title .recurring-info div.recurring-btn{display:none}.recurring-box .recurring-title .recurring-icon{height:220px;width:220px}}@media (min-width:768px){.recurring-box .recurring-title{margin-top:var(--okj-header-height-md);padding:24px}.recurring-box .recurring-title .recurring-info .info-title{font-size:48px;line-height:70px}.recurring-box .recurring-title .recurring-info .info-box{font-size:18px}.recurring-box .recurring-title .recurring-info .recurring-btn{margin-top:32px}.recurring-box .recurring-title .recurring-icon{height:220px;width:220px}}@media (min-width:1024px){.recurring-box .recurring-title{margin-top:var(--okj-header-height-lg);padding:32px 44px}.recurring-box .recurring-title .recurring-info .info-title{font-size:60px;line-height:70px}.recurring-box .recurring-title .recurring-info .info-box{font-size:20px;margin-top:5px}.recurring-box .recurring-title .recurring-icon{height:280px;width:280px}}@media (min-width:1270px){.recurring-box .recurring-title{margin:var(--okj-header-height-xl) auto 0;max-width:1440px;padding:40px 120px}.recurring-box .recurring-title .recurring-info .info-title{font-size:64px;line-height:86px}.recurring-box .recurring-title .recurring-info .info-box{font-size:20px;margin-top:24px}.recurring-box .recurring-title .recurring-info .recurring-btn{margin-top:48px}.recurring-box .recurring-title .recurring-icon{height:320px;width:320px}}.recurring-box .recurring-title .recurring-info{color:#fff}.recurring-box .recurring-title .recurring-info .info-title{font-weight:700}.recurring-box .recurring-title .recurring-info .info-box{color:#969696;font-weight:400}.recurring-box .recurring-title .recurring-info .recurring-btn{background:#fff;border-radius:4px;color:#000;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;line-height:20px;padding:14px 24px}.recurring-box .recurring-reason-wrapper,.recurring-box .recurring-title .recurring-icon img{width:100%}@media (max-width:767px){.recurring-box .recurring-reason-wrapper .recurring-reason-box{padding:48px 16px}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-title{font-size:24px;line-height:33.6px;margin-bottom:32px}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box{padding:24px 24px 32px;width:100%}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box .reason-icon-box{align-self:flex-start;font-size:18px;line-height:27px;margin-right:16px;width:30px}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box .reason-info-box .reason-info-title{font-size:18px;line-height:27px}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box .reason-info-box .reason-info{font-size:14px;line-height:20px;margin-top:12px}}@media (min-width:768px){.recurring-box .recurring-reason-wrapper .recurring-reason-box{padding:72px 24px}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-title{font-size:32px;line-height:44.8px;margin-bottom:48px}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box{flex-direction:column;padding:24px 24px 32px;width:50%}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box .reason-icon-box{font-size:24px;line-height:30.24px;margin-bottom:40px;width:100px}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box .reason-info-box .reason-info-title{font-size:20px;line-height:30px}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box .reason-info-box .reason-info{font-size:14px;line-height:21px;margin-top:12px}}@media (min-width:1024px){.recurring-box .recurring-reason-wrapper .recurring-reason-box{padding:108px 44px}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-title{font-size:40px;line-height:56px;margin-bottom:56px}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box{padding:40px 32px;width:25%}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box .reason-icon-box{margin-bottom:80px}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box .reason-info-box .reason-info{margin-top:24px}}@media (min-width:1270px){.recurring-box .recurring-reason-wrapper .recurring-reason-box{padding:128px 120px}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-title{font-size:48px;line-height:56px;margin-bottom:56px}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box{padding:40px 40px 48px}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box .reason-icon-box{margin-bottom:96px}}.recurring-box .recurring-reason-wrapper .recurring-reason-box{margin:0 auto;max-width:1224px}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box-wrapper{border-bottom:1px solid #454545;border-left:1px solid #454545;display:flex;flex-wrap:wrap}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-title{color:#fff;font-weight:700;text-align:center}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box{border-right:1px solid #454545;border-top:1px solid #454545;-webkit-box-sizing:border-box;box-sizing:border-box;display:flex;-webkit-transition:background .3s ease;transition:background .3s ease}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box .reason-icon-box{color:#fff;flex:none;font-weight:700}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box .reason-info-box .reason-info-title{color:#fff;font-weight:700}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box .reason-info-box .reason-info{color:#969696;font-weight:400}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box:hover{background:#bcff2f}.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box:hover .reason-icon-box,.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box:hover .reason-info-box .reason-info,.recurring-box .recurring-reason-wrapper .recurring-reason-box .reason-box:hover .reason-info-box .reason-info-title{color:#000}.recurring-box .recurring-method{margin:0 auto}.recurring-box .recurring-method .method-title{display:flex}@media (max-width:767px){.recurring-box .recurring-method{-webkit-box-sizing:border-box;box-sizing:border-box;padding:48px 16px 72px}.recurring-box .recurring-method .method-title{flex-direction:column;font-size:24px;line-height:34px;text-align:center}.recurring-box .recurring-method .method-info{font-size:16px;line-height:24px;margin:16px 0 32px}.recurring-box .recurring-method .method-chart{width:100%}}@media (min-width:768px){.recurring-box .recurring-method{-webkit-box-sizing:border-box;box-sizing:border-box;padding:72px 24px 90px}.recurring-box .recurring-method .method-info-wrapper{padding-left:0}.recurring-box .recurring-method .method-title{font-size:32px;justify-content:center;line-height:51px;text-align:center}.recurring-box .recurring-method .method-info{font-size:20px;line-height:24px;margin:16px auto 40px;text-align:center}.recurring-box .recurring-method .method-chart{width:100%}}@media (min-width:1024px){.recurring-box .recurring-method{display:flex;flex-direction:row-reverse;padding:108px 44px 180px}.recurring-box .recurring-method .method-info-wrapper{padding-left:44px}.recurring-box .recurring-method .method-title{flex-direction:column;font-size:36px;justify-content:flex-start;line-height:42px;text-align:left}.recurring-box .recurring-method .method-info{font-size:20px;line-height:28px;margin:28px 0;padding:0;text-align:left}.recurring-box .recurring-method .method-chart{width:50%}}@media (min-width:1270px){.recurring-box .recurring-method{max-width:1440px;padding:128px 120px 200px}.recurring-box .recurring-method .method-title{font-size:48px;line-height:76px}.recurring-box .recurring-method .method-info{font-size:28px;line-height:42px;margin:40px 0}.recurring-box .recurring-method .method-chart{width:60%}}.recurring-box .recurring-method .method-title{font-weight:700}.recurring-box .recurring-method .method-info{color:#969696;font-weight:400}.recurring-box .recurring-method .method-chart{flex:none}.recurring-box .introduction-box{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000}@media (max-width:767px){.recurring-box .introduction-box{padding:48px 24px}.recurring-box .introduction-box .introduction-title{font-size:24px;line-height:33.6px;margin-bottom:32px}.recurring-box .introduction-box .introduction-item{flex-direction:column;margin-bottom:20px}.recurring-box .introduction-box .introduction-item .item-label{font-size:16px;line-height:22.4px;margin-bottom:4px}.recurring-box .introduction-box .introduction-item .item-value{font-size:14px;line-height:21px}}@media (min-width:768px){.recurring-box .introduction-box{padding:80px 24px}.recurring-box .introduction-box .introduction-title{font-size:32px;line-height:44px;margin-bottom:48px}.recurring-box .introduction-box .introduction-item{margin-bottom:24px}.recurring-box .introduction-box .introduction-item .item-label{font-size:18px;line-height:25px;width:180px}.recurring-box .introduction-box .introduction-item .item-value{font-size:18px;line-height:27px}}@media (min-width:1024px){.recurring-box .introduction-box{padding:108px 44px}.recurring-box .introduction-box .introduction-title{font-size:40px;line-height:56px;margin-bottom:56px}.recurring-box .introduction-box .introduction-item{margin-bottom:36px}.recurring-box .introduction-box .introduction-item .item-label{font-size:20px;line-height:28px;width:210px}.recurring-box .introduction-box .introduction-item .item-value{font-size:20px;line-height:30px}}@media (min-width:1270px){.recurring-box .introduction-box .introduction-box-inner{padding:160px 120px}.recurring-box .introduction-box .introduction-title{font-size:48px;line-height:67px}.recurring-box .introduction-box .introduction-item .item-label{font-size:22px;line-height:30px}}.recurring-box .introduction-box .introduction-box-inner{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;max-width:1440px}.recurring-box .introduction-box .introduction-title{font-weight:700;text-align:center}.recurring-box .introduction-box .introduction-item{align-items:flex-start;display:flex}.recurring-box .introduction-box .introduction-item .item-label{flex:none;font-weight:700}.recurring-box .introduction-box .introduction-item .item-value{color:#5b5b5b;flex:1 1}.recurring-box .button-btn-box{text-align:center;z-index:9}.recurring-box .button-btn-box .recurring-btn{background:#000;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:20px;font-weight:400;line-height:20px;margin:0 auto;padding:14px 24px}@media (max-width:767px){.recurring-box .button-btn-box{background-color:#fff;bottom:0;left:0;margin:0;padding:12px 0 20px;position:fixed;width:100%}.recurring-box .button-btn-box .recurring-btn{display:block;font-size:16px;margin:0 16px;text-align:center}}@media (min-width:768px){.recurring-box .button-btn-box .recurring-btn{margin:48px auto 0}}@media (min-width:1024px){.recurring-box .button-btn-box .recurring-btn{line-height:24px;margin:36px auto 0;padding:16px 44px}}@media (min-width:1270px){.recurring-box .button-btn-box .recurring-btn{margin:44px auto 0}}.mobile-mode .recurring-title{margin-top:38px}.mobile-mode .button-btn-box{display:none!important}