@charset "utf-8";
/* CSS Document */





.page{max-width: 900px; padding: 40px 16px 20px; margin: 0 auto; line-height: 1.5;}


.qb{font-size: 15px; width: 100%; height: 33px; line-height: 30px; color: #fff; font-weight: bold;  text-indent: -5px; background-color: #039; padding: 0 8px; position: fixed; top:0px; left: 0; padding-top: 3px; z-index: 999;}

.q{font-size: 22px; width: 100%; margin-bottom: 8px; line-height: 1.5; color: #039; font-weight: bold;  padding: 8px 0;}



.page p{font-size: 16px; color: #555555; line-height: 1.5; margin-bottom: 16px;}


            .toc {
                counter-reset: section;
                width: 100%; 
                margin-bottom: 16px;
}

            .toc > ul > li {
                counter-increment: section;

            }
            .toc > ul > li::before {
                content:  "Step "  counter(section) ".";
                color: #fff;font-size: 16px; margin-right: 18px;
                width: 80px; height: 26px; text-align: center; line-height: 26px; background-color: #0089e8; border-radius: 6px; position: absolute; left: 16px; top:20px;
            }


.toc li{width: 100%; height: auto; overflow: hidden; padding: 20px 16px 22px 108px; border-top: 1px solid #dddddd; position: relative; }

.toc li:last-child{ border-bottom: 1px solid #dddddd; }


.toc li p{font-size: 18px; line-height: 30px; margin-bottom: 16px; color: #0089e8; }

.toc li p::after{content: "。";}


.toc li img{margin-bottom: 0px; border:1px solid #dddddd; box-sizing: border-box;}