.pg_howto #content{background:#ffd9f1}.pg_howto section .container{padding:3rem 0 4rem;position:relative;max-width:800px!important}.pg_howto .container>p{margin:1rem 0 2rem}@media screen and (max-width:799px){.pg_howto section .container{padding:2rem 2rem 4rem}}#howto_chart li:not(:last-child):after{content:"↓";text-align:center;padding:.5rem 0 1rem;font-family:funwari,Helvetica,Arial,sans-serif;display:block}#howto_chart li a{background:#ffffff4d;border:5px solid #fff;border-radius:50rem;padding:2rem 2rem 2rem 3rem;display:block;position:relative}#howto_chart li a span{z-index:10;color:#fff;text-align:center;width:3rem;margin-right:1rem;font-family:funwari,Helvetica,Arial,sans-serif;display:inline-block;position:relative}#howto_chart li a span:before{display:none}#howto_chart li a span:after{z-index:-1;width:3rem;font-size:3.7rem;top:-1.1rem;left:0}#howto_chart li a:before{color:#a8d5ff;opacity:0;margin-top:-.9rem;font-size:1.8rem;transition:opacity .2s,transform .2s;position:absolute;top:50%;right:1.8rem;transform:translateY(10px)}#howto_chart li a:hover:before{color:#a8d5ff;opacity:1;transform:translateY(0)}@media screen and (max-width:799px){#howto_chart{margin:0 2rem}}.howto_nav{background:#ffffff4d;border:5px solid #fff;border-radius:10rem;gap:32px;margin:0 0 -1rem;padding:0 1rem;display:flex}.howto_nav li{flex:1;position:relative}.howto_nav a{text-align:center;padding:2rem 1rem 2rem 0;display:block}.howto_nav li a span.num{z-index:10;color:#fff;text-align:center;width:3rem;margin-right:.5rem;font-family:funwari,Helvetica,Arial,sans-serif;font-size:1.7rem;display:inline-block;position:relative}.howto_nav li a span.num:before{display:none}.howto_nav li a span.num:after{z-index:-1;width:3rem;font-size:3.3rem;top:-.9rem;left:0}.howto_nav li+li:before{content:"";background:#fff;border-radius:3px;width:3px;height:1.4em;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.howto_nav .current a{color:#ff8cc4}@media screen and (max-width:799px){.howto_nav{gap:2px;margin-top:2rem}.howto_nav a{padding:2rem .5rem;font-size:1.4rem}.howto_nav li a span.num{width:100%;padding:0 0 1.3rem;font-size:1.4rem;display:block}.howto_nav li a span.num:after{width:3rem;margin:0 0 0 -1.5rem;font-size:2.7rem;top:-.7rem;left:50%}.howto_nav li+li:before{height:4rem;left:-1px}}.howto_container{background:#ffffff80;border-radius:4rem;max-width:1000px;margin:5rem auto 1rem;padding:5rem 6rem 4rem;position:relative}.howto_container h2{margin:0 0 2.5rem;font-family:rooney-sans,heisei-maru-gothic-std,sans-serif;font-size:2.8rem}.howto_container h2 span{z-index:10;color:#fff;text-align:center;width:3.5rem;margin-right:.8rem;padding-bottom:.2rem;font-family:funwari,Helvetica,Arial,sans-serif;font-size:2.3rem;line-height:2.8rem;display:inline-block;position:relative}.howto_container h2 span:before{display:none}.howto_container h2 span:after{z-index:-1;text-align:center;width:3.5rem;font-size:4.5rem;line-height:4.5rem;top:-1rem;left:0}.howto_container p{margin:2rem 0}.howto_container ul.list_mini{margin:2rem}.howto_container strong{color:#e37ac0}.howto_container>h3{font-size:1.8rem}.howto_container>h4{margin:3rem 0 2rem;line-height:1.8;position:relative}.howto_container figure{text-align:center}.howto_container figure img{border:4px solid #ccc;width:100%;max-width:350px;margin:0 auto 2rem;display:block}@media screen and (min-width:800px){.howto_container figure.double{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;display:flex}figure.double img{width:min(350px,50% - 10px);height:auto;display:block}}.stick{background:#ffc2e8;border-radius:50rem;margin:4rem -.5rem 0;padding:1.5rem 2rem;position:relative}.stick.num{padding:1.2rem 2rem 1.2rem 5rem}h3.stick.num span{z-index:1;text-align:center;background:#fff;border-radius:50%;width:2.7rem;height:2.7rem;margin:-1.4rem 0 0;padding:0 0 0 .3rem;line-height:2.7rem;display:block;position:absolute;top:50%;left:1.3rem}@media screen and (max-width:799px){.howto_container{border-radius:3rem;margin:3rem auto 1rem;padding:4rem 2rem 2rem}.howto_container h2{font-size:2.4rem}.howto_container figure img{max-width:300px}}.howto_container .howto_sub{border:5px solid #bcd1f8;border-radius:3rem;margin:4rem 0 2rem;padding:2rem 3rem;position:relative}.howto_container .howto_sub h3{z-index:2;color:#fff;white-space:nowrap;background:#8db1f8;border-radius:30rem;padding:1rem 2rem;display:inline-block;position:absolute;top:-2.3rem;left:50%;transform:translate(-50%)}.howto_container .howto_sub h4{border-bottom:3px dotted #bcd1f8;margin:3rem 0 -.5em;padding:0 0 .5rem 1.9rem;position:relative}.howto_container .howto_sub h4:after{display:none}.howto_container .howto_sub h4:before{color:#bcd1f8;top:.3rem;left:0}@media screen and (max-width:799px){.howto_container .howto_sub{border:4px solid #bcd1f8;border-radius:2rem;margin:4rem 0 0;padding:1rem 2rem}.howto_container .howto_sub h4:before{font-size:1.2rem;top:.6rem;left:0}}.howto_next{justify-content:space-between;margin:0;padding:0 2rem;font-size:2rem;display:flex}.howto_next:has(.back):not(:has(.next)){justify-content:flex-start}.howto_next:has(.next):not(:has(.back)){justify-content:flex-end}.howto_next a{padding:1rem 3rem;font-size:2rem;display:block;position:relative}.howto_next a:before{content:"";color:#e37ac0;position:absolute;top:1.05rem;right:0;font-family:dropchan!important}.howto_next li.back a:before{left:0;right:auto;transform:rotate(180deg)}.back a{flex-direction:row-reverse}.next a{flex-direction:row}