#tutorial .jnbooks-tutorial{--jnbooks-primary:#35b95a;--jnbooks-accent:#e5f871;--jnbooks-bg-alt:#fafee3;--jnbooks-text:#68615f;--jnbooks-width-pc:1094px;box-sizing:border-box;width:100%;color:var(--jnbooks-text);background:url(/images/about/jnbooks/bg.png) 0 0/63px 68px;margin-bottom:-30px;padding:0 24px;font-family:sans-serif;overflow:hidden}@media not (min-width:768px){#tutorial .jnbooks-tutorial{background-size:31.5px 34px;padding:0 16px}}#tutorial .jnbooks-tutorial img{max-width:100%;height:auto}#tutorial .tutorial-h-wrap{max-width:var(--jnbooks-width-pc);margin:0 auto;position:relative}@media not (min-width:768px){#tutorial .tutorial-h-wrap{background:#fff url(/images/about/jnbooks/main_bg_sp.png) bottom/52px 37px repeat-x}}#tutorial .tutorial-h.mode-deco{display:none}@media not (min-width:768px){#tutorial .tutorial-h.mode-deco{display:block}}#tutorial .tutorial-h-img{display:block}@media not (min-width:768px){#tutorial .tutorial-h-img{width:calc(100% + 32px);margin:0 -16px;max-width:532px!important;height:auto!important}}@media screen and (min-width:532px) and (max-width:767px){#tutorial .tutorial-h-img{width:500px;margin:0 auto}}#tutorial .tutorial-h-sub{padding:0 2.6%;position:absolute;bottom:16%}@media not (min-width:768px){#tutorial .tutorial-h-sub{background:#fff;margin:0;padding:0;position:static}#tutorial .tutorial-h-sub+:is(#tutorial .tutorial-h-sub){margin-top:16px}}#tutorial .tutorial-h-sub.mode-ruelle{text-align:left;left:0}#tutorial .tutorial-h-sub.mode-ruelle strong{color:#ff0050;font-weight:400}@media not (min-width:768px){#tutorial .tutorial-h-sub.mode-ruelle{text-align:center}}#tutorial .tutorial-h-sub.mode-jardin{text-align:right;right:0}#tutorial .tutorial-h-sub.mode-jardin strong{color:#00c3c8;font-weight:400}@media not (min-width:768px){#tutorial .tutorial-h-sub.mode-jardin{text-align:center}}#tutorial .tutorial-h-sub-h{margin:10px 0;padding:5px 0}#tutorial .tutorial-h-sub-h-img{width:auto!important;height:min(3.4vw,37px)!important}@media not (min-width:768px){#tutorial .tutorial-h-sub-h-img{height:min(9vw,40px)!important}}#tutorial .tutorial-h-sub-d{margin:0 0 10px;font-size:min(1.4vw,16px);line-height:1.66}@media not (min-width:768px){#tutorial .tutorial-h-sub-d{font-size:min(3.6vw,16px)}}#tutorial .tutorial-hero{background:var(--jnbooks-bg-alt);max-width:var(--jnbooks-width-pc);margin:0 auto;padding:0 0 36px}@media not (min-width:768px){#tutorial .tutorial-hero{padding-top:5vw}}#tutorial .tutorial-hero-h{width:80%;max-width:721px;margin:0 auto 24px}@media not (min-width:768px){#tutorial .tutorial-hero-h{width:70%;max-width:320px}}#tutorial .tutorial-hero-list-wrap{justify-content:center;display:flex}#tutorial .tutorial-hero-list{margin:0 0 30px;padding:0 18px;list-style:none}@media not (min-width:768px){#tutorial .tutorial-hero-list{max-width:450px}}#tutorial .tutorial-hero-list-item{align-items:center;margin:0 0 1em;padding:0;font-size:22px;font-weight:400;line-height:1.5;display:flex}#tutorial .tutorial-hero-list-item strong{color:var(--jnbooks-primary)}@media not (min-width:768px){#tutorial .tutorial-hero-list-item{align-items:flex-start;font-size:clamp(14px,4.5vw,17px);line-height:1.5}#tutorial .tutorial-hero-list-item+:is(#tutorial .tutorial-hero-list-item){margin-top:.7em}}#tutorial .tutorial-hero-list-num{height:auto;margin-top:4px;margin-right:20px;width:35px!important}@media not (min-width:768px){#tutorial .tutorial-hero-list-num{margin-right:10px;width:2em!important}}#tutorial .tutorial-hero-list-text-s{font-size:75%}@media not (min-width:768px){#tutorial .tutorial-hero-list-text-s{font-size:83%}}#tutorial .tutorial-hero-dash{color:#0000;background-image:linear-gradient(var(--jnbooks-primary),var(--jnbooks-primary));white-space:nowrap;background-position:50%;background-repeat:no-repeat;background-size:87.5% 1px;padding:0;text-decoration:none;display:inline-block}#tutorial .tutorial-points{max-width:var(--jnbooks-width-pc);background:#fff url(/images/about/jnbooks/points_bg_pc.png) 0 0/100% no-repeat;margin:0 auto;padding-top:60px}@media not (min-width:768px){#tutorial .tutorial-points{background:#fff url(/images/about/jnbooks/points_bg_sp.png) top/52px 37px repeat-x;width:100%}}#tutorial .tutorial-point{width:756px;margin:0 auto -92px;position:relative;overflow:hidden}#tutorial .tutorial-point:last-child{margin-bottom:0;padding-bottom:60px}@media not (min-width:768px){#tutorial .tutorial-point{width:343px;margin:0 auto;overflow:visible}}@media not (min-width:375px){#tutorial .tutorial-point{transform-origin:top;margin:0 calc(50vw - 187.5px) -36px;transform:scale(.83)}}@media not (min-width:768px){#tutorial .tutorial-point.mode-3,#tutorial .tutorial-point.mode-4{margin-top:-24px}}@media not (min-width:375px){#tutorial .tutorial-point.mode-3,#tutorial .tutorial-point.mode-4{margin-top:-60px}}#tutorial .tutorial-point-main{position:absolute;top:50%;transform:translateY(-50%)}.tutorial-point.mode-odd :is(#tutorial .tutorial-point-main){right:0}@media not (min-width:768px){.tutorial-point.mode-odd :is(#tutorial .tutorial-point-main){left:178px}}@media not (min-width:768px){.tutorial-point.mode-even :is(#tutorial .tutorial-point-main){left:12px}}.tutorial-point.mode-2 :is(#tutorial .tutorial-point-main){left:45px}@media not (min-width:768px){.tutorial-point.mode-2 :is(#tutorial .tutorial-point-main){margin-top:-20px;left:12px}}@media not (min-width:768px){.tutorial-point.mode-3 :is(#tutorial .tutorial-point-main){margin-top:-20px}}@media not (min-width:768px){.tutorial-point.mode-4 :is(#tutorial .tutorial-point-main){margin-top:-32px}}#tutorial .tutorial-point-h-img{width:378px}@media not (min-width:768px){.tutorial-point.mode-1 :is(#tutorial .tutorial-point-h-img),.tutorial-point.mode-2 :is(#tutorial .tutorial-point-h-img),.tutorial-point.mode-3 :is(#tutorial .tutorial-point-h-img){width:154px}.tutorial-point.mode-4 :is(#tutorial .tutorial-point-h-img){width:123px}}#tutorial .tutorial-point-d{color:var(--jnbooks-text);box-sizing:content-box;font-size:15.5px;font-weight:400;line-height:1.7}.tutorial-point.mode-odd :is(#tutorial .tutorial-point-d){padding-left:8px}.tutorial-point.mode-even :is(#tutorial .tutorial-point-d){max-width:15em;padding-left:125px}.tutorial-point.mode-2 :is(#tutorial .tutorial-point-d){max-width:16em;padding-left:84px}@media not (min-width:768px){#tutorial .tutorial-point-d{font-size:14px}.tutorial-point.mode-odd :is(#tutorial .tutorial-point-d){padding-left:0;padding-right:0}.tutorial-point.mode-odd :is(#tutorial .tutorial-point-d) br{display:none}.tutorial-point.mode-even :is(#tutorial .tutorial-point-d){max-width:14em;padding-left:0}.tutorial-point.mode-2 :is(#tutorial .tutorial-point-d){padding-left:0}.tutorial-point.mode-4 :is(#tutorial .tutorial-point-d){background:#fff;max-width:13em;box-shadow:0 0 5px 3px #fff}}#tutorial .tutorial-point-note{color:#9b8e8b;margin-top:.25em;font-size:15px;font-weight:400}.tutorial-point.mode-2 :is(#tutorial .tutorial-point-note){padding-left:84px}@media not (min-width:768px){#tutorial .tutorial-point-note{font-size:12px}.tutorial-point.mode-even :is(#tutorial .tutorial-point-note){padding-left:0}}#tutorial .tutorial-point-img.mode-2,#tutorial .tutorial-point-img.mode-4{text-align:right}@media not (min-width:768px){#tutorial .tutorial-point-img{height:auto}.tutorial-point.mode-odd :is(#tutorial .tutorial-point-img){margin-left:-16px}.tutorial-point.mode-even :is(#tutorial .tutorial-point-img){margin-right:-16px}}#tutorial .tutorial-point-img-img{width:378px;height:auto}@media not (min-width:768px){.tutorial-point.mode-1 :is(#tutorial .tutorial-point-img-img){width:188px}.tutorial-point.mode-2 :is(#tutorial .tutorial-point-img-img){width:170px}.tutorial-point.mode-3 :is(#tutorial .tutorial-point-img-img){width:179px}.tutorial-point.mode-4 :is(#tutorial .tutorial-point-img-img){width:216px}}#tutorial .tutorial-register-wrap{background:url(/images/about/jnbooks/f_bg_pc.png) 0 0/min(75px,5.58036vw) repeat-x;margin:-30px -24px 0;padding:40px 0 0}@media not (min-width:768px){#tutorial .tutorial-register-wrap{background-size:52px;margin-left:-16px;margin-right:-16px}}#tutorial .tutorial-register{background-color:var(--jnbooks-bg-alt);text-align:center;margin:0 auto;padding:1.5em 12px 60px;font-size:18px;font-weight:700}@media not (min-width:768px){#tutorial .tutorial-register{padding-bottom:45px}}#tutorial .tutorial-register.mode-bottom{margin-bottom:60px}#tutorial .tutorial-register-text{color:var(--jnbooks-text);margin:.8em 0 1em;padding:0;font-weight:400}@media not (min-width:768px){#tutorial .tutorial-register-text{font-size:16px}}#tutorial .tutorial-register-btn{background:var(--jnbooks-primary);text-align:center;border-radius:5px;width:304px;margin:0 auto;font-size:20px;font-weight:600;line-height:56px;text-decoration:none;transition:opacity .5s;display:block}#tutorial .tutorial-register-btn:link,#tutorial .tutorial-register-btn:visited{color:#fff}#tutorial .tutorial-register-btn:hover{opacity:.8}@media not (min-width:768px){#tutorial .tutorial-register-btn{width:315px;font-size:18px;line-height:56px}}@media not (min-width:375px){#tutorial .tutorial-register-btn{width:264px}}
/*# sourceMappingURL=1828bd971ab66b89.css.map*/