#step15 svg{height:auto;max-width:970px;width:100%}#blocks #step15 .wrap{line-height:0;max-width:1024px;overflow:visible;text-align:center;width:auto}.pages{display:none}#step15 .pages{display:block}body.bd-overview #header{box-shadow:none}#step15{background:#fff;background:radial-gradient(circle at top,#fff 60%,#f4f4f4 80%);overflow:hidden;position:relative}#step15 .head{height:7.5rem;padding:3rem 0 1rem}#step15 .head h1{font:600 3rem/1 var(--FONT1);padding-bottom:2rem;text-align:center}#step15 .head h2{color:#000;font:500 2.5rem/1 var(--FONT1);left:0;position:absolute;right:0;top:0}@media (min-width:768px){#step15 .head h2{opacity:0;transition:opacity .7s ease .2s;-webkit-transition:opacity .7s ease .2s}#step15 .head h2.act{opacity:1}}@media (max-width:768px){#step15 .head{height:10rem}#step15 .head h1{font:600 2.5rem/1 var(--FONT1)}#step15 .head h2{display:none}#step15 .head h2.act{display:block}}#step15 .pages_{display:none;left:600px;position:absolute;top:15px;width:290px}#step15 .pages{float:right;margin:0}#step15 .pages a{border:1px solid #fff;border-radius:6px;float:left;height:10px;margin:0 0 0 10px;width:10px}#step15 .pages a:hover{background:#fff;border-color:#fff}#step15 .head .pages a.act:hover,#step15 .pages a.act{background:#bdbdbd;border-color:transparent}#step15 .notebook{bottom:0;height:100%;left:0;position:absolute;width:100%}#step15 .notebook_wraper{bottom:54px;height:400px;left:50%;position:absolute;transform:translateX(-50%);width:680px}.notebook_wraper.anim{overflow:hidden}#step15 .notebook_l{left:-1970px}#step15 .notebook_r{left:2030px}#step15 .notebook div,#step15 .notebook div img{width:100%}#step15 .notebook div img{height:auto}#step15 .notebook div{height:100%;position:relative}#step15 .notebook div span{border-radius:15px;color:#fff;margin:-45px 0 0 -300px;opacity:0;position:absolute;text-align:center;transition:opacity .7s ease;-webkit-transition:opacity .7s ease;width:600px;z-index:12}#step15 .notebook div span b{background:var(--HINT_COLOR);border-radius:5px;display:inline-block;font:13px/20px var(--FONT1);margin:0 auto;padding:5px 10px;text-shadow:1px 1px rgba(0,0,0,.3);width:auto}#step15 .notebook div span i{border:10px solid red;border-color:var(--HINT_COLOR) transparent transparent;display:block;height:1px;margin:0 auto;width:1px}#step15 div.alt img{left:0;position:absolute;top:0;transition:opacity .7s ease;-webkit-transition:opacity .7s ease;z-index:10}#step15 div.a1 img.a2,#step15 div.a2 img.a1{opacity:0}#step15 div.a1 img.a1,#step15 div.a2 img.a2{opacity:1;z-index:11}#step15 div.a1 img.a2{opacity:0}#step15 .notebook_wraper.anim div.a1:hover span.a1,#step15 .notebook_wraper.anim div.a2:hover span.a2{visibility:hidden}#step15 .notebook_wraper:not(.anim) div.a1:hover span.a1,#step15 .notebook_wraper:not(.anim) div.a2:hover span.a2{opacity:1}#step15 .more{align-items:center;display:flex;height:100%;z-index:100}#step15 .more_right{right:0}#step15 .more_left,#step15 .more_right{opacity:1;position:absolute;top:0;transition:opacity .1s ease;width:100px}#step15 .more_left{left:0}#step15 .more_right svg{margin:0 20px 0 0;transform:rotate(180deg)}#step15 .more_left svg,#step15 .more_right svg{fill:var(--HINT_COLOR);height:120px;transition:margin .3s ease;width:120px}#step15 .more_left svg{margin:0 0 0 20px}#step15 .more_right:hover svg{margin:0 10px 0 0}#step15 .more_left:hover svg{margin:0 0 0 10px}body.home #step15{background:#af8c92 url(/images/promo_bg/wsbg2.jpg) no-repeat;background-attachment:fixed;background-size:100% 100%}body.home.bd_lang2 #step15{background:#5d9a01 url(/images/promo_bg/wsbg3.jpg) no-repeat;background-attachment:fixed;background-size:100% 100%}#step15 .head2{height:220px;padding:30px 0 0}#step15 .head2 h1{color:#fff;font:48px var(--FONT2);left:150px;position:absolute;text-align:center;text-shadow:2px 2px rgba(0,0,0,.3);top:0;transition:top .5s ease;-webkit-transition:top .5s ease}.load1s #step15 .head2 h1{top:300px}#step15 .head2 h2{background:#ffe200;border-radius:30px;color:#37252c;font:italic 24px/30px Georgia;left:140px;opacity:1;padding:10px 0;position:absolute;text-align:center;top:90px;transition:opacity .5s ease;-webkit-transition:opacity .5s ease;width:580px}#step15 .head2 h2 a{border-bottom:1px dashed #37252c;color:#37252c;text-decoration:none}#step15 .head2 h2 a:hover{border-bottom:1px dashed #000;color:#000;text-decoration:none}#step15 .head2 .a_how{border:2px solid #fff;border-radius:30px;color:#fff;float:right;font:italic 20px/30px Georgia;opacity:1;padding:8px 28px;position:absolute;right:240px;text-align:center;text-shadow:1px 1px rgba(0,0,0,.2);top:90px;transition:opacity .5s ease;-webkit-transition:opacity .5s ease;width:170px}#step15 .head2 .pages{display:none}#step15 .arrow{height:120px;opacity:1;position:absolute;right:120px;top:-5px;transition:opacity .5s ease;-webkit-transition:opacity .5s ease;width:120px}#step15 .arrow .a1{height:100%;overflow:hidden;position:relative;width:100%}#step15 .arrow .a1 div{border:1px solid #fff;border-radius:120px;height:240px;position:absolute;right:0;top:-122px;width:1000px}#step15 .arrow .a2{border:1px solid #fff;border-radius:5px;display:none;height:5px;left:-7px;position:absolute;top:116px;width:5px}#step15 .arrow .a3{border:1px solid #fff;border-width:1px 0 0 1px;height:10px;position:absolute;right:-5px;top:-1px;transform:rotate(45deg);width:10px}@media (min-width:768px){.load2s #step15 .arrow,.load2s #step15 .head2 .a_how,.load2s #step15 .head2 h2{opacity:0}}#step15 .a_more{border:2px solid #bcaaa8;border-radius:5px;bottom:60px;color:#fff;display:block;font:italic 14px/34px var(--FONT1);position:absolute;right:98px;text-align:center;text-decoration:none;transition:opacity .3s ease;-webkit-transition:opacity .3s ease;width:146px}#step15 .a_more:hover{background:#fff;border:2px solid #fff;color:#39c}body.home #step15 .a_more,body.home #step15 .more_left,body.home #step15 .more_right{opacity:0}@media (min-width:1600px){#step15 .arrow{right:20px;width:220px}}@media (min-width:1800px){#step15 .arrow{right:-80px;width:320px}}@media (max-width:1280px){#step15 .arrow{display:none}#step15 .head2 .a_how{left:670px;right:auto}#step15 .a_more{left:950px;right:auto}#step15 .head2 h2{left:70px}#step15 .head2 h1{left:90px}#step15 .a_more{display:none}#step15 .notebook_l{left:-1970px}#step15 .notebook_r{left:2030px}}@media (max-width:992px){#step15 .notebook div span{display:none}#blocks #step15 .wrap{max-width:650px}#step15 svg{max-width:570px}#step15 .notebook_wraper{bottom:33px;height:234px;width:400px}#step15 .more_left svg,#step15 .more_right svg{height:70px}#step15 .more_right{right:1px}#step15 .head h2{font:600 2rem/1 var(--FONT1)}#step15 .head{padding-bottom:0;padding-top:2rem}}@media (max-width:768px){#step15{background-attachment:scroll;background-size:auto;padding:0}#step15 .head2{height:100px;padding-top:115px}#blocks #step15 .wrap{margin:0 auto!important;max-width:570px}#step15 .more_right{right:-30px}#step15 .more_left{left:-30px}}@media (max-width:570px){#step15 .pages,#step15 .pages_{position:static;width:auto}#step15 .pages{float:none;position:static;text-align:center}#step15 .pages a{border:2px solid #fff;display:inline-block;float:none;height:5px;margin:0 2px;width:5px}#step15 .notebook_wraper{bottom:23px;height:187px;width:315px}#step15 .more_right{right:-20px;width:60px}#step15 .more_left{left:-20px;width:60px}#blocks #step15 .wrap,#step15 svg{max-width:450px}}@media (max-width:450px){#step15 .head{padding-top:2rem}#step15 .head h2{font:600 2rem/1 var(--FONT1)}#step15 .notebook_wraper{bottom:21px;height:148px;width:252px}#blocks #step15 .wrap,#step15 svg{max-width:360px}}@media (max-width:359px){#step15 .notebook_l{left:-400px}#step15 .notebook_r{left:400px}#step15 .notebook_wraper{bottom:17px;height:132px;width:224px}#blocks #step15 .wrap,#step15 svg{max-width:320px}}@media (min-width:768px){body.bd_lang4 #step15 .head2 h1{font-size:46px}body.bd_lang2 #step15 .head2 h1{font-size:40px}}#step15 .notebook img{pointer-events:none;-webkit-user-drag:none;user-drag:none}#step15 .data,#step15 .notebook img{-webkit-user-select:none;-moz-user-select:none;user-select:none}#step16{background:#fff;padding:65px 40px 40px}#blocks #step16 .wrap{overflow:visible;width:auto}#blocks #step16 .wrap~.wrap{clear:both;text-align:center}#blocks #step16 .wrap iframe{border:8px solid #eee;border-radius:4px;margin:50px auto 0}@media (max-width:900px){#blocks #step16 .wrap iframe{height:calc(60vw - 70px);margin:20px -20px 0;width:100%}}#step16 h3{font:600 2REM/1 var(--FONT1);margin:0 0 1.25rem}#step16 h3:first-letter{background-color:#fc0;border-radius:20px;margin:-5px -12px;padding:5px 12px;transition:background-color 2s ease}#step16 div.item:hover h3:first-letter{background-color:#ffd922}#step16 p{padding:0 0 5px}#step16 .data{left:0;position:absolute;top:0;width:100%}#step16 .data ul.r{color:#d55;float:right;font:18px/20px var(--FONT1);height:100%;margin:0 0 0 60px;width:40%}#step16 .data ul.r li{margin:0 0 10px;padding:0 0 0 15px}#step16 .data ul.r span{color:var(--TXT_LO2);font:italic 1REM/2REM var(--FONT2);line-height:120%}#step16 .data.data_act:not(.left_ani1){position:static}#step16 .data_l{left:-1860px}#step16 .data.data_r{display:none;left:2140px}#step16 .data a.a_faq{border:2px solid #e5e5e5;border-radius:2REM;color:#777;float:left;font:italic 14px/32px var(--FONT1);margin:15px 0 0 18px;padding:0 15px;text-decoration:none;transition:background-color .8s ease}#step16 .data a.a_faq:hover{background-color:#e5e5e5}#step16 .data{display:flex;justify-content:center}#step16 .data .data_inner{max-width:718px}#step16 .data .page_content{font:1REM/1.75REM var(--FONT1);padding-left:18px}body.home #step16 h3:first-letter{background:#fff}@media (max-width:1280px){#step16 .data_r{left:2140px}#step16 .data_l{left:-1860px}}@media (max-width:992px){#step16 .data ul.r{display:none}#step16 .data a.a_faq{float:right;margin-left:0}#step16{padding-top:40px}#step16 .data .data_inner{max-width:770px}}@media (max-width:768px){#step16 h3{font:600 1.5REM/1 var(--FONT1);margin:0 0 1REM}#step16 .data .page_content{padding-left:0}}@media (max-width:360px){#step16{padding:40px 20px}}