{"id":7154,"date":"2025-04-08T17:09:09","date_gmt":"2025-04-08T09:09:09","guid":{"rendered":"https:\/\/hotianwindows.com\/?p=7154"},"modified":"2025-12-29T16:56:33","modified_gmt":"2025-12-29T08:56:33","slug":"clean-single-hung-windows","status":"publish","type":"post","link":"https:\/\/hotianwindows.com\/ja\/clean-single-hung-windows\/","title":{"rendered":"\u7247\u958b\u304d\u7a93\u306e\u6383\u9664\u65b9\u6cd5\uff08\u5185\u7a93\u30fb\u5916\u7a93\u3001\u50be\u659c\u7a93\u30fb\u975e\u50be\u659c\u7a93\uff09"},"content":{"rendered":"<p class=\"wp-block-paragraph\">\u7a93\u304b\u3089\u3082\u3063\u3068\u30af\u30ea\u30a2\u306a\u773a\u3081\u3092\u697d\u3057\u307f\u305f\u3044\u3068\u601d\u3044\u307e\u305b\u3093\u304b\uff1f\u7247\u958b\u304d\u7a93\u306e\u6383\u9664\u306f\u3001 <strong>\u30c6\u30a3\u30eb\u30c8\u30a4\u30f3<\/strong> \u7c21\u5358\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u307e\u305f\u306f <strong>\u50be\u659c\u306a\u3057<\/strong>\u9069\u5207\u306a\u5bfe\u51e6\u3092\u3059\u308c\u3070\u3001\u6c5a\u308c\u306f\u7c21\u5358\u306b\u843d\u3068\u305b\u307e\u3059\u3002\u6c5a\u308c\u3001\u7b4b\u3001\u57c3\u306f\u8996\u754c\u3092\u906e\u308a\u3001\u5bb6\u306e\u898b\u6804\u3048\u3092\u60aa\u304f\u3059\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001\u6e05\u6383\u306e\u624b\u9806\u3092\u5206\u304b\u308a\u3084\u3059\u304f\u6bb5\u968e\u7684\u306b\u8aac\u660e\u3057\u3066\u3044\u307e\u3059\u3002 <strong>\u30c1\u30eb\u30c8\u30a4\u30f3\u3068\u975e\u30c1\u30eb\u30c8\u30b7\u30f3\u30b0\u30eb\u30cf\u30f3\u30ae\u30f3\u30b0\u30a6\u30a3\u30f3\u30c9\u30a6\u306e\u4e21\u65b9<\/strong>\u5185\u90e8\u3068\u5916\u90e8\u306e\u8868\u9762\u3001\u30d5\u30ec\u30fc\u30e0\u3001\u30c8\u30e9\u30c3\u30af\u3001\u30b9\u30af\u30ea\u30fc\u30f3\u3092\u30ab\u30d0\u30fc\u3057\u3001\u8f1d\u304f\u7d50\u679c\u3092\u3082\u305f\u3089\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u307e\u305a\u3001\u7c21\u5358\u306b\u304a\u3055\u3089\u3044\u3057\u307e\u3057\u3087\u3046\u3002 <strong><a href=\"https:\/\/hotianwindows.com\/ja\/what-is-single-hung-window\/\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#27be40\" class=\"has-inline-color\">\u30b7\u30f3\u30b0\u30eb\u30cf\u30f3\u30ae\u30f3\u30b0\u30a6\u30a3\u30f3\u30c9\u30a6\u3068\u306f<\/mark><\/a>?<\/strong> \u4e0a\u90e8\u306e\u56fa\u5b9a\u30b5\u30c3\u30b7\u3068\u3001\u4e0a\u4e0b\u306b\u30b9\u30e9\u30a4\u30c9\u3059\u308b\u4e0b\u90e8\u30b5\u30c3\u30b7\u304c\u7279\u5fb4\u3067\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u7a93\u3092\u5b9a\u671f\u7684\u306b\u6383\u9664\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u306e\u306f\u306a\u305c\u3067\u3059\u304b?<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30af\u30ea\u30a2\u30d3\u30e5\u30fc:<\/strong> \u5c4b\u5916\u3067\u906e\u308b\u3082\u306e\u306e\u306a\u3044\u666f\u8272\u3092\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002<\/li>\n\n\n\n<li><strong>\u9b45\u529b:<\/strong> \u7a93\u3092\u304d\u308c\u3044\u306b\u3059\u308b\u3068\u5bb6\u306e\u898b\u6804\u3048\u304c\u5927\u5e45\u306b\u826f\u304f\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u9577\u5bff\uff1a<\/strong> \u6c5a\u308c\u3092\u9664\u53bb\u3059\u308b\u3053\u3068\u3067\u3001\u6642\u9593\u306e\u7d4c\u904e\u3068\u3068\u3082\u306b\u52d5\u4f5c\u3092\u59a8\u3052\u305f\u308a\u30b7\u30fc\u30eb\u3092\u640d\u50b7\u3057\u305f\u308a\u3059\u308b\u53ef\u80fd\u6027\u306e\u3042\u308b\u84c4\u7a4d\u3092\u9632\u3050\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\uff08\u8a73\u7d30\u306b\u3064\u3044\u3066\u306f\u3001 <strong><a href=\"https:\/\/hotianwindows.com\/ja\/maintain-lubricate-single-hung-windows\/\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#27be40\" class=\"has-inline-color\">\u7a93\u306e\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3002<\/mark><\/a><\/strong>).<\/li>\n\n\n\n<li><strong>\u30e9\u30a4\u30c8\uff1a<\/strong> \u304d\u308c\u3044\u306a\u30ac\u30e9\u30b9\u306f\u3088\u308a\u591a\u304f\u306e\u81ea\u7136\u5149\u3092\u5bb6\u306e\u4e2d\u306b\u53d6\u308a\u8fbc\u307f\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u6383\u9664\u7528\u54c1\u3092\u7528\u610f\u3059\u308b<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u9069\u5207\u306a\u30c4\u30fc\u30eb\u304c\u3042\u308c\u3070\u3001\u4f5c\u696d\u304c\u3088\u308a\u7c21\u5358\u304b\u3064\u52b9\u7387\u7684\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30de\u30a4\u30af\u30ed\u30d5\u30a1\u30a4\u30d0\u30fc\u30af\u30ed\u30b9:<\/strong> \u6d17\u6d44\u3068\u4e7e\u71e5\/\u78e8\u304d\u306b\u306f\u3001\u6e05\u6f54\u3067\u7cf8\u304f\u305a\u306e\u51fa\u306a\u3044\u5e03\u304c\u6570\u679a\u5fc5\u8981\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u6d17\u6d44\u6db2\uff1a<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u30aa\u30d7\u30b7\u30e7\u30f3 1: \u6e29\u6c34\u3068\u6570\u6ef4\u306e\u4f4e\u523a\u6fc0\u6027\u98df\u5668\u7528\u6d17\u5264\u3092\u6df7\u305c\u308b\u3060\u3051\u3067\u3059\u3002<\/li>\n\n\n\n<li>\u30aa\u30d7\u30b7\u30e7\u30f3 2: \u30b9\u30d7\u30ec\u30fc\u30dc\u30c8\u30eb\u306b\u767d\u9162\u3068\u6e29\u6c34\u3092\u540c\u91cf\u6df7\u305c\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u7e1e\u6a21\u69d8\u3084\u30d5\u30ec\u30fc\u30e0\u306b\u640d\u50b7\u3092\u4e0e\u3048\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u30a2\u30f3\u30e2\u30cb\u30a2\u307e\u305f\u306f\u30a2\u30eb\u30b3\u30fc\u30eb\u30d9\u30fc\u30b9\u306e\u30af\u30ea\u30fc\u30ca\u30fc\u306f\u4f7f\u7528\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u30d0\u30b1\u30c3\u30c8:<\/strong> 1 \u3064\u306f\u6d17\u6d44\u6db2\u7528\u3001\u3082\u3046 1 \u3064\u306f\u30aa\u30d7\u30b7\u30e7\u30f3\u3067\u5e03\u3092\u3059\u3059\u3050\u7528\u3002<\/li>\n\n\n\n<li><strong>\u30b9\u30af\u30a4\u30b8\u30fc\uff08\u30aa\u30d7\u30b7\u30e7\u30f3\u3060\u304c\u63a8\u5968\uff09:<\/strong> \u6ed1\u3089\u304b\u3067\u67d4\u8edf\u6027\u306e\u3042\u308b\u30b4\u30e0\u88fd\u306e\u5203\u3092\u6301\u3061\u3001\u7a93\u30ac\u30e9\u30b9\u306b\u9069\u3057\u305f\u30b5\u30a4\u30ba\u306e\u3082\u306e\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n\n\n\n<li><strong>\u30bd\u30d5\u30c8\u30d6\u30e9\u30b7\/\u6383\u9664\u6a5f:<\/strong> \u30c8\u30e9\u30c3\u30af\u3084\u30d5\u30ec\u30fc\u30e0\u304b\u3089\u7de9\u3093\u3060\u6c5a\u308c\u3092\u9664\u53bb\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u53e4\u3044\u30bf\u30aa\u30eb\/\u96d1\u5dfe:<\/strong> \u7a93\u306e\u4e0b\u306b\u7f6e\u3044\u3066\u6c34\u6ef4\u3092\u30ad\u30e3\u30c3\u30c1\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u8e0f\u307f\u53f0\/\u306f\u3057\u3054\uff08\u5fc5\u8981\u306a\u5834\u5408\uff09:<\/strong> <strong>\u7d30\u5fc3\u306e\u6ce8\u610f\u3092\u6255\u3063\u3066\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044<\/strong> \u9ad8\u3044\u5834\u6240\u306b\u5c4a\u304f\u305f\u3081\u3002<\/li>\n\n\n\n<li><strong>\u624b\u888b\uff08\u30aa\u30d7\u30b7\u30e7\u30f3\uff09:<\/strong> \u624b\u3092\u4fdd\u8b77\u3057\u3001\u6301\u3061\u3084\u3059\u304f\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u7a93\u30a8\u30ea\u30a2\u3092\u6e96\u5099\u3059\u308b<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u6570\u5206\u306e\u6e96\u5099\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u5bb6\u3092\u5b88\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30b9\u30da\u30fc\u30b9\u3092\u7a7a\u3051\u308b:<\/strong> \u5bb6\u5177\u3001\u690d\u7269\u3001\u88c5\u98fe\u54c1\u3092\u7a93\u304b\u3089\u96e2\u3057\u3001\u5c4b\u5185\u3068\u5c4b\u5916\u306b\u79fb\u52d5\u3055\u305b\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u7a93\u88c5\u98fe\u306e\u524a\u9664:<\/strong> \u30ab\u30fc\u30c6\u30f3\u3001\u30d6\u30e9\u30a4\u30f3\u30c9\u3001\u30b7\u30a7\u30fc\u30c9\u3092\u5916\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u6700\u521d\u306e\u6563\u5e03:<\/strong> \u4e7e\u3044\u305f\u30de\u30a4\u30af\u30ed\u30d5\u30a1\u30a4\u30d0\u30fc\u30af\u30ed\u30b9\u307e\u305f\u306f\u6383\u9664\u6a5f\u306e\u30d6\u30e9\u30b7\u30a2\u30bf\u30c3\u30c1\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u7a93\u67a0\u3001\u30b5\u30c3\u30b7\u3001\u6577\u5c45\u3001\u30ec\u30fc\u30eb\u306b\u4ed8\u7740\u3057\u305f\u57c3\u3001\u30af\u30e2\u306e\u5de3\u3001\u30b4\u30df\u3092\u53d6\u308a\u9664\u304d\u307e\u3059\u3002\u4e0b\u306e\u30ec\u30fc\u30eb\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u306b\u306f\u3001\u4e0b\u306e\u30b5\u30c3\u30b7\u3092\u5c11\u3057\u958b\u3051\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u30c1\u30eb\u30c8\u30a4\u30f3\u30b7\u30f3\u30b0\u30eb\u30cf\u30f3\u30ae\u30f3\u30b0\u30a6\u30a3\u30f3\u30c9\u30a6\u306e\u6383\u9664<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e00\u756a\u7c21\u5358\u306a\u30bf\u30a4\u30d7\u3067\u3001\u4e0b\u30b5\u30c3\u30b7\u306e\u4e21\u5074\u3092\u5185\u5074\u304b\u3089\u6383\u9664\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<!-- Tilt-In Window Cleaning Guide - Begin -->\n<style>\n  \/* Reset and container styles *\/\n  .window-cleaning-guide {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    max-width: 1000px;\n    margin: 0 auto 30px;\n    color: #333;\n    box-sizing: border-box;\n  }\n  \n  .window-cleaning-guide * {\n    box-sizing: border-box;\n  }\n  \n  \/* Header section *\/\n  .wcg-header {\n    text-align: center;\n    margin-bottom: 25px;\n    padding: 20px;\n    background-color: #f0faf5;\n    border-radius: 8px;\n  }\n  \n  .wcg-title {\n    color: #0c9063;\n    font-size: 24px;\n    font-weight: bold;\n    margin: 0 0 10px 0;\n  }\n  \n  .wcg-subtitle {\n    margin: 0;\n    color: #555;\n    font-size: 16px;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n  \n  \/* Progress tracker *\/\n  .wcg-progress {\n    display: flex;\n    justify-content: space-between;\n    margin: 30px 0;\n    position: relative;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  \n  .wcg-progress::before {\n    content: \"\";\n    position: absolute;\n    top: 15px;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background-color: #e0e0e0;\n    z-index: 1;\n  }\n  \n  .wcg-progress-bar {\n    position: absolute;\n    top: 15px;\n    left: 0;\n    height: 2px;\n    background-color: #0c9063;\n    z-index: 2;\n    transition: width 0.3s ease;\n  }\n  \n  .wcg-step-indicator {\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background-color: #e0e0e0;\n    color: #555;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: bold;\n    position: relative;\n    z-index: 3;\n    border: 2px solid #fff;\n    transition: all 0.3s ease;\n  }\n  \n  .wcg-step-indicator.active {\n    background-color: #0c9063;\n    color: white;\n  }\n  \n  .wcg-step-indicator.complete {\n    background-color: #0c9063;\n    color: white;\n  }\n  \n  \/* Step content *\/\n  .wcg-steps-container {\n    margin-bottom: 20px;\n  }\n  \n  .wcg-step {\n    display: none;\n    animation: fadeIn 0.5s ease;\n  }\n  \n  .wcg-step.active {\n    display: block;\n  }\n  \n  .wcg-step-row {\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0 -15px;\n  }\n  \n  .wcg-step-col {\n    flex: 1;\n    min-width: 300px;\n    padding: 0 15px;\n    margin-bottom: 20px;\n  }\n  \n  .wcg-step-text {\n    background-color: #fff;\n    border-radius: 8px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n    padding: 25px;\n  }\n  \n  .wcg-step-number {\n    display: inline-flex;\n    width: 28px;\n    height: 28px;\n    background-color: #0c9063;\n    color: white;\n    border-radius: 50%;\n    align-items: center;\n    justify-content: center;\n    margin-right: 8px;\n    font-weight: bold;\n  }\n  \n  .wcg-step-title {\n    color: #0c9063;\n    font-size: 18px;\n    font-weight: 600;\n    margin: 0 0 15px 0;\n    display: flex;\n    align-items: center;\n  }\n  \n  .wcg-step-desc {\n    margin: 0 0 15px 0;\n    color: #555;\n    line-height: 1.6;\n  }\n  \n  .wcg-substeps {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n  \n  .wcg-substeps li {\n    margin-bottom: 10px;\n    position: relative;\n    padding-left: 28px;\n    line-height: 1.4;\n  }\n  \n  .wcg-substeps li:before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 3px;\n    width: 18px;\n    height: 18px;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230c9063' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 11 12 14 22 4'%3E%3C\/polyline%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'%3E%3C\/path%3E%3C\/svg%3E\");\n    background-size: contain;\n    background-repeat: no-repeat;\n  }\n  \n  .wcg-step-image {\n    border: 1px solid #e0e0e0;\n    padding: 20px;\n    background-color: #fff;\n    border-radius: 8px;\n    text-align: center;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  \n  \/* Navigation buttons *\/\n  .wcg-nav {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 20px;\n  }\n  \n  .wcg-btn {\n    padding: 10px 16px;\n    background-color: #0c9063;\n    color: white !important;\n    text-decoration: none;\n    border-radius: 4px;\n    font-weight: 500;\n    display: inline-flex;\n    align-items: center;\n    transition: background-color 0.2s;\n    border: none;\n    cursor: pointer;\n  }\n  \n  .wcg-btn:hover {\n    background-color: #0a7a53;\n    color: white !important;\n    text-decoration: none;\n  }\n  \n  .wcg-btn-prev {\n    background-color: #f0faf5;\n    color: #0c9063 !important;\n    border: 1px solid #0c9063;\n  }\n  \n  .wcg-btn-prev:hover {\n    background-color: #e0f5ea;\n    color: #0c9063 !important;\n  }\n  \n  .wcg-btn .wcg-icon {\n    width: 20px;\n    height: 20px;\n  }\n  \n  .wcg-btn-prev .wcg-icon {\n    margin-right: 8px;\n  }\n  \n  .wcg-btn-next .wcg-icon {\n    margin-left: 8px;\n  }\n  \n  \/* Animation *\/\n  @keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n  \n  \/* Responsive adjustments *\/\n  @media (max-width: 768px) {\n    .wcg-step-col {\n      flex: 1 0 100%;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .wcg-progress {\n      margin: 20px 0;\n    }\n    \n    .wcg-nav {\n      justify-content: center;\n      gap: 10px;\n    }\n    \n    .wcg-btn {\n      padding: 8px 12px;\n      font-size: 14px;\n    }\n  }\n<\/style>\n\n<div class=\"window-cleaning-guide\">\n  <div class=\"wcg-header\">\n    <h3 class=\"wcg-title\">\u30c1\u30eb\u30c8\u30a4\u30f3\u30b7\u30f3\u30b0\u30eb\u30cf\u30f3\u30ae\u30f3\u30b0\u30a6\u30a3\u30f3\u30c9\u30a6\u306e\u6383\u9664<\/h3>\n    <p class=\"wcg-subtitle\">\u5ba4\u5185\u304b\u3089\u4e21\u9762\u6d17\u3048\u308b\u624b\u8efd\u3055\u3092\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002<\/p>\n  <\/div>\n  \n  <!-- Progress Tracker -->\n  <div class=\"wcg-progress\">\n    <div class=\"wcg-progress-bar\" style=\"width: 0%\"><\/div>\n    <div class=\"wcg-step-indicator active\" data-step=\"1\">1<\/div>\n    <div class=\"wcg-step-indicator\" data-step=\"2\">2<\/div>\n    <div class=\"wcg-step-indicator\" data-step=\"3\">3<\/div>\n    <div class=\"wcg-step-indicator\" data-step=\"4\">4<\/div>\n    <div class=\"wcg-step-indicator\" data-step=\"5\">5<\/div>\n  <\/div>\n  \n  <!-- Steps Container -->\n  <div class=\"wcg-steps-container\">\n    <!-- Step 1 -->\n    <div class=\"wcg-step active\" data-step=\"1\">\n      <div class=\"wcg-step-row\">\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-text\">\n            <h3 class=\"wcg-step-title\"><span class=\"wcg-step-number\">1<\/span> \u4e0b\u90e8\u30b5\u30c3\u30b7\u3092\u5185\u5074\u306b\u50be\u3051\u308b<\/h3>\n            <p class=\"wcg-step-desc\">\u4e0b\u90e8\u306e\u7a93\u67a0\u3092\u5b89\u5168\u306b\u5185\u5074\u306b\u50be\u3051\u308b\u306b\u306f\u3001\u6b21\u306e\u624b\u9806\u306b\u5f93\u3063\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n            <ul class=\"wcg-substeps\">\n              <li><strong>\u30ed\u30c3\u30af\u89e3\u9664:<\/strong> \u7a93\u306e\u30ed\u30c3\u30af\u304c\u89e3\u9664\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n              <li><strong>\u5c11\u3057\u4e0a\u3052\u308b:<\/strong> \u4e0b\u90e8\u306e\u30b5\u30c3\u30b7\u30923\uff5e6\u30a4\u30f3\u30c1\u6301\u3061\u4e0a\u3052\u307e\u3059\u3002<\/li>\n              <li><strong>\u30e9\u30c3\u30c1\u3092\u691c\u7d22:<\/strong> \u4e0b\u90e8\u30b5\u30c3\u30b7 \u30d5\u30ec\u30fc\u30e0\u306e\u4e0a\u7aef\u306b\u3042\u308b\u50be\u659c\u30e9\u30c3\u30c1 (\u30bf\u30d6\u307e\u305f\u306f\u30ec\u30d0\u30fc) \u3092\u898b\u3064\u3051\u307e\u3059\u3002<\/li>\n              <li><strong>\u30e9\u30c3\u30c1\u3092\u56fa\u5b9a\u3059\u308b:<\/strong> \u4e21\u65b9\u306e\u30e9\u30c3\u30c1\u3092\u540c\u6642\u306b\u5185\u5074\u306b\u30b9\u30e9\u30a4\u30c9\/\u62bc\u3057\u307e\u3059\u3002<\/li>\n              <li><strong>\u3086\u3063\u304f\u308a\u50be\u3051\u308b:<\/strong> \u30b5\u30c3\u30b7\u306e\u4e0a\u90e8\u3092\u614e\u91cd\u306b\u624b\u524d\u306b\u5f15\u3044\u3066\u3001\u5b89\u5168\u30b9\u30c8\u30c3\u30d1\u30fc\u307e\u305f\u306f\u6577\u5c45\u306b\u3057\u3063\u304b\u308a\u3068\u56fa\u5b9a\u3057\u307e\u3059\u3002<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-image\">\n            <svg width=\"300\" height=\"200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <!-- Window frame -->\n              <rect x=\"50\" y=\"20\" width=\"200\" height=\"160\" fill=\"white\" stroke=\"#0c9063\" stroke-width=\"3\"\/>\n              <!-- Top sash -->\n              <rect x=\"60\" y=\"30\" width=\"180\" height=\"70\" fill=\"#f0faf5\" stroke=\"#0c9063\" stroke-width=\"2\"\/>\n              <!-- Bottom sash (tilted) -->\n              <polygon points=\"60,110 240,110 240,170 60,170\" fill=\"#f0faf5\" stroke=\"#0c9063\" stroke-width=\"2\" transform=\"rotate(30 60 110)\"\/>\n              <!-- Tilt latches -->\n              <circle cx=\"85\" cy=\"110\" r=\"5\" fill=\"#0c9063\"\/>\n              <circle cx=\"215\" cy=\"110\" r=\"5\" fill=\"#0c9063\"\/>\n              <!-- Arrow indicating tilt direction -->\n              <path d=\"M150,80 L150,60 L160,70 L150,80\" fill=\"#0c9063\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Step 2 -->\n    <div class=\"wcg-step\" data-step=\"2\">\n      <div class=\"wcg-step-row\">\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-text\">\n            <h3 class=\"wcg-step-title\"><span class=\"wcg-step-number\">2<\/span> \u5916\u5074\u306e\u30ac\u30e9\u30b9\u3092\u6383\u9664\u3059\u308b\uff08\u5185\u5074\u3092\u5411\u3044\u3066\u3044\u308b\uff09<\/h3>\n            <p class=\"wcg-step-desc\">\u5916\u5074\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u306e\u3067\u3001\u6b21\u306e\u624b\u9806\u3067\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n            <ul class=\"wcg-substeps\">\n              <li><strong>\u30af\u30ea\u30fc\u30ca\u30fc\u3092\u9069\u7528\u3059\u308b:<\/strong> \u6eb6\u6db2\u3092\u6e05\u6f54\u306a\u30de\u30a4\u30af\u30ed\u30d5\u30a1\u30a4\u30d0\u30fc\u30af\u30ed\u30b9\u306b\u30b9\u30d7\u30ec\u30fc\u3057\u307e\u3059\uff08\u30ac\u30e9\u30b9\u306b\u76f4\u63a5\u30b9\u30d7\u30ec\u30fc\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\uff09\u3002<\/li>\n              <li><strong>\u6d17\u6fef:<\/strong> \u901a\u5e38\u306f\u4e0a\u304b\u3089\u4e0b\u3001\u307e\u305f\u306f\u5de6\u53f3\u306b\u30ac\u30e9\u30b9\u3092\u5fb9\u5e95\u7684\u306b\u62ed\u304d\u307e\u3059\u3002<\/li>\n              <li><strong>\u30b9\u30af\u30a4\u30b8\u30fc\uff08\u30aa\u30d7\u30b7\u30e7\u30f3\uff09:<\/strong> \u30b9\u30af\u30a4\u30fc\u30b8\u30fc\u3092\u4e0a\u304b\u3089\u4e0b\u3078\u3001\u6ed1\u3089\u304b\u306b\u91cd\u306d\u5857\u308a\u3057\u306a\u304c\u3089\u5f15\u304d\u307e\u3059\u3002\u5f15\u304d\u7d42\u308f\u308b\u305f\u3073\u306b\u3001\u5203\u3092\u304d\u308c\u3044\u306b\u62ed\u3044\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n              <li><strong>\u30c9\u30e9\u30a4\/\u30d0\u30d5:<\/strong> \u5225\u306e\u6e05\u6f54\u3067\u4e7e\u3044\u305f\u30de\u30a4\u30af\u30ed\u30d5\u30a1\u30a4\u30d0\u30fc\u306e\u5e03\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ac\u30e9\u30b9\u306e\u7aef\u3092\u62ed\u304d\u3001\u8de1\u304c\u6b8b\u3089\u306a\u3044\u3088\u3046\u306b\u78e8\u3044\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-image\">\n            <svg width=\"300\" height=\"200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <!-- Window frame -->\n              <rect x=\"50\" y=\"20\" width=\"200\" height=\"160\" fill=\"white\" stroke=\"#0c9063\" stroke-width=\"3\"\/>\n              <!-- Top sash -->\n              <rect x=\"60\" y=\"30\" width=\"180\" height=\"70\" fill=\"#f0faf5\" stroke=\"#0c9063\" stroke-width=\"2\"\/>\n              <!-- Bottom sash (tilted) -->\n              <polygon points=\"60,110 240,110 240,170 60,170\" fill=\"#f0faf5\" stroke=\"#0c9063\" stroke-width=\"2\" transform=\"rotate(30 60 110)\"\/>\n              <!-- Hand with cloth -->\n              <ellipse cx=\"190\" cy=\"130\" rx=\"12\" ry=\"9\" fill=\"#F5D0A1\"\/>\n              <!-- Cleaning cloth -->\n              <rect x=\"130\" y=\"140\" width=\"50\" height=\"10\" fill=\"#7ED0EC\" transform=\"rotate(-30 130 140)\"\/>\n              <!-- Sparkles (clean spots) -->\n              <path d=\"M120,135 L125,140 M115,140 L125,130\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n              <path d=\"M100,140 L105,145 M95,145 L105,135\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Step 3 -->\n    <div class=\"wcg-step\" data-step=\"3\">\n      <div class=\"wcg-step-row\">\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-text\">\n            <h3 class=\"wcg-step-title\"><span class=\"wcg-step-number\">3<\/span> \u5185\u5074\u306e\u30ac\u30e9\u30b9\u3092\u6383\u9664\u3059\u308b<\/h3>\n            <p class=\"wcg-step-desc\">\u5916\u5074\u306e\u8868\u9762\u3092\u6383\u9664\u3057\u305f\u5f8c\u3001\u5185\u5074\u306e\u30ac\u30e9\u30b9\u306b\u9032\u307f\u307e\u3059\u3002<\/p>\n            <ul class=\"wcg-substeps\">\n              <li>\u4e0b\u90e8\u306e\u30b5\u30c3\u30b7\u30ac\u30e9\u30b9\u306e\u5185\u5074\u306b\u3082\u3001\u540c\u3058\u6d17\u6d44\u304a\u3088\u3073\u4e7e\u71e5\/\u7814\u78e8\u65b9\u6cd5\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n              <li>\u6c5a\u308c\u304c\u305f\u307e\u308a\u3084\u3059\u3044\u7aef\u3084\u89d2\u3082\u5fc5\u305a\u6383\u9664\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n              <li>\u6700\u826f\u306e\u7d50\u679c\u3092\u5f97\u308b\u306b\u306f\u3001\u7cf8\u304f\u305a\u306e\u51fa\u306a\u3044\u30de\u30a4\u30af\u30ed\u30d5\u30a1\u30a4\u30d0\u30fc\u30af\u30ed\u30b9\u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n              <li>\u5fb9\u5e95\u7684\u306b\u6e05\u6383\u3059\u308b\u305f\u3081\u306b\u3001\u90e8\u5206\u3054\u3068\u306b\u4f5c\u696d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-image\">\n            <svg width=\"300\" height=\"200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <!-- Window frame -->\n              <rect x=\"50\" y=\"20\" width=\"200\" height=\"160\" fill=\"white\" stroke=\"#0c9063\" stroke-width=\"3\"\/>\n              <!-- Top sash -->\n              <rect x=\"60\" y=\"30\" width=\"180\" height=\"70\" fill=\"#f0faf5\" stroke=\"#0c9063\" stroke-width=\"2\"\/>\n              <!-- Bottom sash (tilted) -->\n              <polygon points=\"60,110 240,110 240,170 60,170\" fill=\"#f0faf5\" stroke=\"#0c9063\" stroke-width=\"2\" transform=\"rotate(30 60 110)\"\/>\n              <!-- Hand with cloth (opposite side) -->\n              <ellipse cx=\"110\" cy=\"130\" rx=\"12\" ry=\"9\" fill=\"#F5D0A1\"\/>\n              <!-- Cleaning cloth -->\n              <rect x=\"120\" y=\"140\" width=\"50\" height=\"10\" fill=\"#77C1ED\" transform=\"rotate(20 120 140)\"\/>\n              <!-- Sparkles (clean spots) -->\n              <path d=\"M170,120 L175,125 M165,125 L175,115\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n              <path d=\"M190,130 L195,135 M185,135 L195,125\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Step 4 -->\n    <div class=\"wcg-step\" data-step=\"4\">\n      <div class=\"wcg-step-row\">\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-text\">\n            <h3 class=\"wcg-step-title\"><span class=\"wcg-step-number\">4<\/span> \u30b5\u30c3\u30b7\u30e5\u3092\u5143\u306e\u4f4d\u7f6e\u306b\u623b\u3059<\/h3>\n            <p class=\"wcg-step-desc\">\u6383\u9664\u304c\u5b8c\u4e86\u3057\u305f\u3089\u3001\u7a93\u3092\u3057\u3063\u304b\u308a\u3068\u56fa\u5b9a\u3057\u307e\u3059\u3002<\/p>\n            <ul class=\"wcg-substeps\">\n              <li>\u50be\u659c\u30e9\u30c3\u30c1\u304c\u4e21\u5074\u3067\u30ab\u30c1\u30c3\u3068\u97f3\u304c\u3057\u3066\u3057\u3063\u304b\u308a\u3068\u56fa\u5b9a\u3055\u308c\u308b\u307e\u3067\u3001\u30b5\u30c3\u30b7\u3092\u30d5\u30ec\u30fc\u30e0\u306b\u5411\u304b\u3063\u3066\u614e\u91cd\u306b\u50be\u3051\u307e\u3059\u3002<\/li>\n              <li>\u4e21\u5074\u304c\u540c\u6642\u306b\u6240\u5b9a\u306e\u4f4d\u7f6e\u306b\u30ab\u30c1\u30c3\u3068\u306f\u307e\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/li>\n              <li>\u30b5\u30c3\u30b7\u3092\u5b8c\u5168\u306b\u4e0b\u3052\u3066\u7a93\u3092\u30ed\u30c3\u30af\u3057\u307e\u3059\u3002<\/li>\n              <li>\u30ed\u30c3\u30af\u3055\u308c\u305f\u72b6\u614b\u3067\u7a93\u3092\u3086\u3063\u304f\u308a\u3068\u4e0a\u3052\u3066\u3001\u5b89\u5168\u6027\u3092\u30c6\u30b9\u30c8\u3057\u307e\u3059\u3002<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-image\">\n            <svg width=\"300\" height=\"200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <!-- Window frame -->\n              <rect x=\"50\" y=\"20\" width=\"200\" height=\"160\" fill=\"white\" stroke=\"#0c9063\" stroke-width=\"3\"\/>\n              <!-- Top sash -->\n              <rect x=\"60\" y=\"30\" width=\"180\" height=\"70\" fill=\"#f0faf5\" stroke=\"#0c9063\" stroke-width=\"2\"\/>\n              <!-- Bottom sash (slightly tilted, being closed) -->\n              <polygon points=\"60,110 240,110 240,170 60,170\" fill=\"#f0faf5\" stroke=\"#0c9063\" stroke-width=\"2\" transform=\"rotate(10 60 110)\"\/>\n              <!-- Tilt latches -->\n              <circle cx=\"85\" cy=\"110\" r=\"5\" fill=\"#0c9063\"\/>\n              <circle cx=\"215\" cy=\"110\" r=\"5\" fill=\"#0c9063\"\/>\n              <!-- Lock at bottom -->\n              <rect x=\"140\" y=\"170\" width=\"20\" height=\"8\" rx=\"2\" fill=\"#0c9063\"\/>\n              <!-- Arrow indicating close direction -->\n              <path d=\"M150,120 L150,100 L160,110 L150,120\" fill=\"#0c9063\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Step 5 -->\n    <div class=\"wcg-step\" data-step=\"5\">\n      <div class=\"wcg-step-row\">\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-text\">\n            <h3 class=\"wcg-step-title\"><span class=\"wcg-step-number\">5<\/span> \u56fa\u5b9a\u30c8\u30c3\u30d7\u30b5\u30c3\u30b7\uff08\u5185\u5074\uff09\u306e\u6e05\u6383<\/h3>\n            <p class=\"wcg-step-desc\">\u6700\u5f8c\u306b\u56fa\u5b9a\u3055\u308c\u305f\u4e0a\u90e8\u3092\u6383\u9664\u3057\u307e\u3059\u3002<\/p>\n            <ul class=\"wcg-substeps\">\n              <li>\u540c\u3058\u6d17\u6d44\u304a\u3088\u3073\u4e7e\u71e5\u65b9\u6cd5\u3092\u4f7f\u7528\u3057\u3066\u3001\u56fa\u5b9a\u30c8\u30c3\u30d7\u30b5\u30c3\u30b7\u306e\u5185\u5074\u306e\u8868\u9762\u3092\u6e05\u6383\u3057\u307e\u3059\u3002<\/li>\n              <li>2 \u3064\u306e\u30b5\u30c3\u30b7\u304c\u7d50\u5408\u3059\u308b\u30df\u30fc\u30c6\u30a3\u30f3\u30b0\u30ec\u30fc\u30eb\u306b\u306f\u6c5a\u308c\u304c\u305f\u307e\u308a\u3084\u3059\u3044\u306e\u3067\u7279\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n              <li>\u56fa\u5b9a\u30c8\u30c3\u30d7\u30b5\u30c3\u30b7\u306e\u5916\u5074\u306e\u5834\u5408\u3001\u901a\u5e38\u306f\u5916\u90e8\u304b\u3089\u306e\u30a2\u30af\u30bb\u30b9\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n              <li>\u5c4a\u304d\u3084\u3059\u3055\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306b\u3001\u30de\u30a4\u30af\u30ed\u30d5\u30a1\u30a4\u30d0\u30fc\u30a2\u30bf\u30c3\u30c1\u30e1\u30f3\u30c8\u4ed8\u304d\u306e\u5ef6\u9577\u30c4\u30fc\u30eb\u306e\u4f7f\u7528\u3092\u691c\u8a0e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n            <\/ul>\n            <p class=\"wcg-step-desc\" style=\"font-style: italic; margin-top: 15px\">\u6ce8\u610f: \u30c6\u30a3\u30eb\u30c8\u30a4\u30f3\u30a6\u30a3\u30f3\u30c9\u30a6\u306e\u56fa\u5b9a\u30c8\u30c3\u30d7\u30b5\u30c3\u30b7\u306e\u5916\u5074\u3092\u6383\u9664\u3059\u308b\u306b\u306f\u3001\u901a\u5e38\u3001\u5916\u90e8\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-image\">\n            <svg width=\"300\" height=\"200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <!-- Window frame -->\n              <rect x=\"50\" y=\"20\" width=\"200\" height=\"160\" fill=\"white\" stroke=\"#0c9063\" stroke-width=\"3\"\/>\n              <!-- Top sash -->\n              <rect x=\"60\" y=\"30\" width=\"180\" height=\"70\" fill=\"#f0faf5\" stroke=\"#0c9063\" stroke-width=\"2\"\/>\n              <!-- Bottom sash (closed) -->\n              <rect x=\"60\" y=\"100\" width=\"180\" height=\"70\" fill=\"#f0faf5\" stroke=\"#0c9063\" stroke-width=\"2\"\/>\n              <!-- Lock at bottom -->\n              <rect x=\"140\" y=\"97\" width=\"20\" height=\"8\" rx=\"2\" fill=\"#0c9063\"\/>\n              <!-- Hand with cloth cleaning top sash -->\n              <ellipse cx=\"130\" cy=\"50\" rx=\"12\" ry=\"9\" fill=\"#F5D0A1\"\/>\n              <!-- Cleaning cloth -->\n              <rect x=\"140\" y=\"50\" width=\"40\" height=\"10\" fill=\"#77C1ED\"\/>\n              <!-- Sparkles (clean spots) -->\n              <path d=\"M90,40 L95,45 M85,45 L95,35\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n              <path d=\"M110,35 L115,40 M105,40 L115,30\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <!-- Navigation buttons -->\n  <div class=\"wcg-nav\">\n    <button class=\"wcg-btn wcg-btn-prev\" style=\"visibility: hidden\">\n      <svg class=\"wcg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line>\n        <polyline points=\"12 19 5 12 12 5\"><\/polyline>\n      <\/svg>\n      \u524d\u306e\n    <\/button>\n    <button class=\"wcg-btn wcg-btn-next\">\n      \u6b21\n      <svg class=\"wcg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const progressBar = document.querySelector('.wcg-progress-bar');\n  const stepIndicators = document.querySelectorAll('.wcg-step-indicator');\n  const steps = document.querySelectorAll('.wcg-step');\n  const prevBtn = document.querySelector('.wcg-btn-prev');\n  const nextBtn = document.querySelector('.wcg-btn-next');\n  \n  let currentStep = 1;\n  const totalSteps = steps.length;\n  \n  \/\/ Update the UI to show the current step\n  function updateUI() {\n    \/\/ Update progress bar\n    const progressWidth = ((currentStep - 1) \/ (totalSteps - 1)) * 100;\n    progressBar.style.width = `${progressWidth}%`;\n    \n    \/\/ Update step indicators\n    stepIndicators.forEach(indicator => {\n      const step = parseInt(indicator.getAttribute('data-step'));\n      indicator.classList.remove('active', 'complete');\n      \n      if (step === currentStep) {\n        indicator.classList.add('active');\n      } else if (step < currentStep) {\n        indicator.classList.add('complete');\n      }\n    });\n    \n    \/\/ Show current step and hide others\n    steps.forEach(step => {\n      const stepNum = parseInt(step.getAttribute('data-step'));\n      step.classList.toggle('active', stepNum === currentStep);\n    });\n    \n    \/\/ Update button visibility\n    prevBtn.style.visibility = currentStep === 1 ? 'hidden' : 'visible';\n    \n    \/\/ Update next button text on last step\n    if (currentStep === totalSteps) {\n      nextBtn.textContent = 'Finish';\n      nextBtn.innerHTML = 'Finish';\n    } else {\n      nextBtn.innerHTML = 'Next <svg class=\"wcg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>';\n    }\n  }\n  \n  \/\/ Go to previous step\n  prevBtn.addEventListener('click', function() {\n    if (currentStep > 1) {\n      currentStep--;\n      updateUI();\n      \/\/ Scroll to top of container on mobile\n      if (window.innerWidth < 768) {\n        document.querySelector('.window-cleaning-guide').scrollIntoView({behavior: 'smooth'});\n      }\n    }\n  });\n  \n  \/\/ Go to next step\n  nextBtn.addEventListener('click', function() {\n    if (currentStep < totalSteps) {\n      currentStep++;\n      updateUI();\n      \/\/ Scroll to top of container on mobile\n      if (window.innerWidth < 768) {\n        document.querySelector('.window-cleaning-guide').scrollIntoView({behavior: 'smooth'});\n      }\n    } else {\n      \/\/ On finish - reset to first step\n      currentStep = 1;\n      updateUI();\n    }\n  });\n  \n  \/\/ Make step indicators clickable\n  stepIndicators.forEach(indicator => {\n    indicator.addEventListener('click', function() {\n      currentStep = parseInt(this.getAttribute('data-step'));\n      updateUI();\n    });\n  });\n  \n  \/\/ Initialize UI\n  updateUI();\n});\n<\/script>\n<!-- Tilt-In Window Cleaning Guide - End -->\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1. \u4e0b\u90e8\u30b5\u30c3\u30b7\u3092\u5185\u5074\u306b\u50be\u3051\u308b:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30ed\u30c3\u30af\u89e3\u9664:<\/strong> \u7a93\u306e\u30ed\u30c3\u30af\u304c\u89e3\u9664\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n\n\n\n<li><strong>\u5c11\u3057\u4e0a\u3052\u308b:<\/strong> \u4e0b\u90e8\u306e\u30b5\u30c3\u30b7\u30923\uff5e6\u30a4\u30f3\u30c1\u6301\u3061\u4e0a\u3052\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30e9\u30c3\u30c1\u3092\u691c\u7d22:<\/strong> \u4e0b\u90e8\u30b5\u30c3\u30b7 \u30d5\u30ec\u30fc\u30e0\u306e\u4e0a\u7aef\u306b\u3042\u308b\u50be\u659c\u30e9\u30c3\u30c1 (\u30bf\u30d6\u307e\u305f\u306f\u30ec\u30d0\u30fc) \u3092\u898b\u3064\u3051\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30e9\u30c3\u30c1\u3092\u56fa\u5b9a\u3059\u308b:<\/strong> \u4e21\u65b9\u306e\u30e9\u30c3\u30c1\u3092\u540c\u6642\u306b\u5185\u5074\u306b\u30b9\u30e9\u30a4\u30c9\/\u62bc\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u3086\u3063\u304f\u308a\u50be\u3051\u308b:<\/strong> \u30b5\u30c3\u30b7\u306e\u4e0a\u90e8\u3092\u614e\u91cd\u306b\u624b\u524d\u306b\u5f15\u3044\u3066\u3001\u5b89\u5168\u30b9\u30c8\u30c3\u30d1\u30fc\u307e\u305f\u306f\u6577\u5c45\u306b\u3057\u3063\u304b\u308a\u3068\u56fa\u5b9a\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2. \u5916\u5074\u306e\u30ac\u30e9\u30b9\u3092\u6383\u9664\u3057\u307e\u3059\uff08\u5185\u5074\u3092\u5411\u3044\u3066\u3044\u307e\u3059\uff09\uff1a<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30af\u30ea\u30fc\u30ca\u30fc\u3092\u9069\u7528\u3059\u308b:<\/strong> \u6eb6\u6db2\u3092\u6e05\u6f54\u306a\u30de\u30a4\u30af\u30ed\u30d5\u30a1\u30a4\u30d0\u30fc\u30af\u30ed\u30b9\u306b\u30b9\u30d7\u30ec\u30fc\u3057\u307e\u3059\uff08\u30ac\u30e9\u30b9\u306b\u76f4\u63a5\u30b9\u30d7\u30ec\u30fc\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\uff09\u3002<\/li>\n\n\n\n<li><strong>\u6d17\u6fef:<\/strong> \u901a\u5e38\u306f\u4e0a\u304b\u3089\u4e0b\u3001\u307e\u305f\u306f\u5de6\u53f3\u306b\u30ac\u30e9\u30b9\u3092\u5fb9\u5e95\u7684\u306b\u62ed\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30b9\u30af\u30a4\u30b8\u30fc\uff08\u30aa\u30d7\u30b7\u30e7\u30f3\uff09:<\/strong> \u30b9\u30af\u30a4\u30fc\u30b8\u30fc\u3092\u4e0a\u304b\u3089\u4e0b\u3078\u3001\u6ed1\u3089\u304b\u306b\u91cd\u306d\u5857\u308a\u3057\u306a\u304c\u3089\u5f15\u304d\u307e\u3059\u3002\u5f15\u304d\u7d42\u308f\u308b\u305f\u3073\u306b\u3001\u5203\u3092\u304d\u308c\u3044\u306b\u62ed\u3044\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n\n\n\n<li><strong>\u30c9\u30e9\u30a4\/\u30d0\u30d5:<\/strong> \u5225\u306e\u6e05\u6f54\u3067\u4e7e\u3044\u305f\u30de\u30a4\u30af\u30ed\u30d5\u30a1\u30a4\u30d0\u30fc\u306e\u5e03\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ac\u30e9\u30b9\u306e\u7aef\u3092\u62ed\u304d\u3001\u8de1\u304c\u6b8b\u3089\u306a\u3044\u3088\u3046\u306b\u78e8\u3044\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3. \u5185\u5074\u306e\u30ac\u30e9\u30b9\u3092\u6383\u9664\u3059\u308b:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u4e0b\u90e8\u306e\u30b5\u30c3\u30b7\u30ac\u30e9\u30b9\u306e\u5185\u5074\u306b\u3082\u3001\u540c\u3058\u6d17\u6d44\u304a\u3088\u3073\u4e7e\u71e5\/\u7814\u78e8\u65b9\u6cd5\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4. \u30b5\u30c3\u30b7\u30e5\u3092\u5143\u306e\u4f4d\u7f6e\u306b\u623b\u3059:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30c6\u30a3\u30eb\u30c8\u30e9\u30c3\u30c1\u304c\u56fa\u5b9a\u3055\u308c\u308b\u307e\u3067\u3001\u30b5\u30c3\u30b7\u3092\u30d5\u30ec\u30fc\u30e0\u306b\u5411\u304b\u3063\u3066\u614e\u91cd\u306b\u50be\u3051\u307e\u3059\u3002 <em>\u30af\u30ea\u30c3\u30af<\/em> \u4e21\u5074\u3092\u3057\u3063\u304b\u308a\u3068\u5143\u306e\u4f4d\u7f6e\u306b\u623b\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30b5\u30c3\u30b7\u3092\u5b8c\u5168\u306b\u4e0b\u3052\u3066\u7a93\u3092\u30ed\u30c3\u30af\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>5. \u56fa\u5b9a\u30c8\u30c3\u30d7\u30b5\u30c3\u30b7\uff08\u5185\u5074\uff09\u3092\u6e05\u6383\u3059\u308b\uff1a<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u540c\u3058\u6d17\u6d44\u304a\u3088\u3073\u4e7e\u71e5\u65b9\u6cd5\u3092\u4f7f\u7528\u3057\u3066\u3001\u56fa\u5b9a\u30c8\u30c3\u30d7\u30b5\u30c3\u30b7\u306e\u5185\u5074\u306e\u8868\u9762\u3092\u6e05\u6383\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">*(\u30c1\u30eb\u30c8\u30a4\u30f3\u30a6\u30a3\u30f3\u30c9\u30a6\u306e\u56fa\u5b9a\u30c8\u30c3\u30d7\u30b5\u30c3\u30b7\u306e*\u5916\u5074*\u3092\u6383\u9664\u3059\u308b\u306b\u306f\u3001\u901a\u5e38\u3001\u5916\u90e8\u304b\u3089\u30a2\u30af\u30bb\u30b9\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u4e0b\u8a18\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044)\u3002*<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u50be\u659c\u3057\u306a\u3044\u30b7\u30f3\u30b0\u30eb\u30cf\u30f3\u30ae\u30f3\u30b0\u30a6\u30a3\u30f3\u30c9\u30a6\u306e\u6383\u9664<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u308c\u3089\u306b\u306f\u3001\u7279\u306b\u5916\u90e8\u8868\u9762\u306b\u5bfe\u3057\u3066\u7570\u306a\u308b\u30a2\u30d7\u30ed\u30fc\u30c1\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<!-- Non-Tilt Window Cleaning Guide - Begin -->\n<style>\n  \/* Reset and container styles *\/\n  .window-cleaning-guide {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    max-width: 1000px;\n    margin: 0 auto 30px;\n    color: #333;\n    box-sizing: border-box;\n  }\n  \n  .window-cleaning-guide * {\n    box-sizing: border-box;\n  }\n  \n  \/* Header section *\/\n  .wcg-header {\n    text-align: center;\n    margin-bottom: 25px;\n    padding: 20px;\n    background-color: #f0faf5;\n    border-radius: 8px;\n  }\n  \n  .wcg-title {\n    color: #0c9063;\n    font-size: 24px;\n    font-weight: bold;\n    margin: 0 0 10px 0;\n  }\n  \n  .wcg-subtitle {\n    margin: 0;\n    color: #555;\n    font-size: 16px;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n  \n  \/* Progress tracker *\/\n  .wcg-progress {\n    display: flex;\n    justify-content: space-between;\n    margin: 30px 0;\n    position: relative;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  \n  .wcg-progress::before {\n    content: \"\";\n    position: absolute;\n    top: 15px;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background-color: #e0e0e0;\n    z-index: 1;\n  }\n  \n  .wcg-progress-bar {\n    position: absolute;\n    top: 15px;\n    left: 0;\n    height: 2px;\n    background-color: #0c9063;\n    z-index: 2;\n    transition: width 0.3s ease;\n  }\n  \n  .wcg-step-indicator {\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background-color: #e0e0e0;\n    color: #555;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: bold;\n    position: relative;\n    z-index: 3;\n    border: 2px solid #fff;\n    transition: all 0.3s ease;\n  }\n  \n  .wcg-step-indicator.active {\n    background-color: #0c9063;\n    color: white;\n  }\n  \n  .wcg-step-indicator.complete {\n    background-color: #0c9063;\n    color: white;\n  }\n  \n  \/* Step content *\/\n  .wcg-steps-container {\n    margin-bottom: 20px;\n  }\n  \n  .wcg-step {\n    display: none;\n    animation: fadeIn 0.5s ease;\n  }\n  \n  .wcg-step.active {\n    display: block;\n  }\n  \n  .wcg-step-row {\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0 -15px;\n  }\n  \n  .wcg-step-col {\n    flex: 1;\n    min-width: 300px;\n    padding: 0 15px;\n    margin-bottom: 20px;\n  }\n  \n  .wcg-step-text {\n    background-color: #fff;\n    border-radius: 8px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n    padding: 25px;\n  }\n  \n  .wcg-step-number {\n    display: inline-flex;\n    width: 28px;\n    height: 28px;\n    background-color: #0c9063;\n    color: white;\n    border-radius: 50%;\n    align-items: center;\n    justify-content: center;\n    margin-right: 8px;\n    font-weight: bold;\n  }\n  \n  .wcg-step-title {\n    color: #0c9063;\n    font-size: 18px;\n    font-weight: 600;\n    margin: 0 0 15px 0;\n    display: flex;\n    align-items: center;\n  }\n  \n  .wcg-step-desc {\n    margin: 0 0 15px 0;\n    color: #555;\n    line-height: 1.6;\n  }\n  \n  .wcg-substeps {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n  \n  .wcg-substeps li {\n    margin-bottom: 10px;\n    position: relative;\n    padding-left: 28px;\n    line-height: 1.4;\n  }\n  \n  .wcg-substeps li:before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 3px;\n    width: 18px;\n    height: 18px;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230c9063' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 11 12 14 22 4'%3E%3C\/polyline%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'%3E%3C\/path%3E%3C\/svg%3E\");\n    background-size: contain;\n    background-repeat: no-repeat;\n  }\n  \n  .wcg-step-image {\n    border: 1px solid #e0e0e0;\n    padding: 20px;\n    background-color: #fff;\n    border-radius: 8px;\n    text-align: center;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  \n  \/* Navigation buttons *\/\n  .wcg-nav {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 20px;\n  }\n  \n  .wcg-btn {\n    padding: 10px 16px;\n    background-color: #0c9063;\n    color: white !important;\n    text-decoration: none;\n    border-radius: 4px;\n    font-weight: 500;\n    display: inline-flex;\n    align-items: center;\n    transition: background-color 0.2s;\n    border: none;\n    cursor: pointer;\n  }\n  \n  .wcg-btn:hover {\n    background-color: #0a7a53;\n    color: white !important;\n    text-decoration: none;\n  }\n  \n  .wcg-btn-prev {\n    background-color: #f0faf5;\n    color: #0c9063 !important;\n    border: 1px solid #0c9063;\n  }\n  \n  .wcg-btn-prev:hover {\n    background-color: #e0f5ea;\n    color: #0c9063 !important;\n  }\n  \n  .wcg-btn .wcg-icon {\n    width: 20px;\n    height: 20px;\n  }\n  \n  .wcg-btn-prev .wcg-icon {\n    margin-right: 8px;\n  }\n  \n  .wcg-btn-next .wcg-icon {\n    margin-left: 8px;\n  }\n  \n  \/* Alert box for safety warnings *\/\n  .wcg-alert {\n    background-color: #fff3e0;\n    border-left: 4px solid #ff9800;\n    padding: 12px 15px;\n    margin: 15px 0;\n    border-radius: 0 4px 4px 0;\n  }\n  \n  .wcg-alert-title {\n    color: #e65100;\n    font-weight: 600;\n    margin: 0 0 5px 0;\n    display: flex;\n    align-items: center;\n  }\n  \n  .wcg-alert-icon {\n    margin-right: 8px;\n    color: #ff9800;\n  }\n  \n  \/* Animation *\/\n  @keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n  \n  \/* Responsive adjustments *\/\n  @media (max-width: 768px) {\n    .wcg-step-col {\n      flex: 1 0 100%;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .wcg-progress {\n      margin: 20px 0;\n    }\n    \n    .wcg-nav {\n      justify-content: center;\n      gap: 10px;\n    }\n    \n    .wcg-btn {\n      padding: 8px 12px;\n      font-size: 14px;\n    }\n  }\n<\/style>\n\n<div class=\"window-cleaning-guide\">\n  <div class=\"wcg-header\">\n    <h2 class=\"wcg-title\">\u50be\u659c\u3057\u306a\u3044\u30b7\u30f3\u30b0\u30eb\u30cf\u30f3\u30ae\u30f3\u30b0\u30a6\u30a3\u30f3\u30c9\u30a6\u306e\u6383\u9664<\/h2>\n    <p class=\"wcg-subtitle\">\u3053\u308c\u3089\u306b\u306f\u3001\u7279\u306b\u5916\u90e8\u8868\u9762\u306b\u5bfe\u3057\u3066\u7570\u306a\u308b\u30a2\u30d7\u30ed\u30fc\u30c1\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n  <\/div>\n  \n  <!-- Progress Tracker -->\n  <div class=\"wcg-progress\">\n    <div class=\"wcg-progress-bar\" style=\"width: 0%\"><\/div>\n    <div class=\"wcg-step-indicator active\" data-step=\"1\">1<\/div>\n    <div class=\"wcg-step-indicator\" data-step=\"2\">2<\/div>\n    <div class=\"wcg-step-indicator\" data-step=\"3\">3<\/div>\n    <div class=\"wcg-step-indicator\" data-step=\"4\">4<\/div>\n    <div class=\"wcg-step-indicator\" data-step=\"5\">5<\/div>\n  <\/div>\n  \n  <!-- Steps Container -->\n  <div class=\"wcg-steps-container\">\n    <!-- Step 1 -->\n    <div class=\"wcg-step active\" data-step=\"1\">\n      <div class=\"wcg-step-row\">\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-text\">\n            <h3 class=\"wcg-step-title\"><span class=\"wcg-step-number\">1<\/span> \u4e0b\u90e8\u30b5\u30c3\u30b7\uff08\u5185\u5074\uff09\u306e\u6e05\u6383<\/h3>\n            <p class=\"wcg-step-desc\">\u4e0b\u90e8\u30b5\u30c3\u30b7\u306e\u5185\u5074\u8868\u9762\u306f\u6700\u3082\u6383\u9664\u3057\u3084\u3059\u3044\u3067\u3059\u3002<\/p>\n            <ul class=\"wcg-substeps\">\n              <li>\u6d17\u6d44\u6db2\u3092\u6e96\u5099\u3057\u3001\u30de\u30a4\u30af\u30ed\u30d5\u30a1\u30a4\u30d0\u30fc\u30af\u30ed\u30b9\u3092\u7528\u610f\u3057\u307e\u3059\u3002<\/li>\n              <li>\u6eb6\u6db2\u3092\u5e03\u306b\u30b9\u30d7\u30ec\u30fc\u3057\u307e\u3059\uff08\u30ac\u30e9\u30b9\u306b\u76f4\u63a5\u30b9\u30d7\u30ec\u30fc\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\uff09\u3002<\/li>\n              <li>\u901a\u5e38\u306f\u4e0a\u304b\u3089\u4e0b\u3001\u307e\u305f\u306f\u5de6\u53f3\u306e\u30d1\u30bf\u30fc\u30f3\u3067\u30ac\u30e9\u30b9\u3092\u5fb9\u5e95\u7684\u306b\u62ed\u304d\u307e\u3059\u3002<\/li>\n              <li>\u7e1e\u6a21\u69d8\u304c\u6b8b\u3089\u306a\u3044\u3088\u3046\u306b\u3001\u6e05\u6f54\u306a\u30de\u30a4\u30af\u30ed\u30d5\u30a1\u30a4\u30d0\u30fc\u306e\u5e03\u3067\u4e7e\u304b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n              <li>\u6c5a\u308c\u304c\u6e9c\u307e\u308a\u3084\u3059\u3044\u89d2\u3084\u7aef\u306b\u306f\u7279\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-image\">\n            <svg width=\"300\" height=\"200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <!-- Window frame -->\n              <rect x=\"50\" y=\"20\" width=\"200\" height=\"160\" fill=\"white\" stroke=\"#0c9063\" stroke-width=\"3\"\/>\n              <!-- Top sash (fixed) -->\n              <rect x=\"60\" y=\"30\" width=\"180\" height=\"70\" fill=\"#f0faf5\" stroke=\"#0c9063\" stroke-width=\"2\"\/>\n              <!-- Bottom sash -->\n              <rect x=\"60\" y=\"100\" width=\"180\" height=\"70\" fill=\"#f0faf5\" stroke=\"#0c9063\" stroke-width=\"2\"\/>\n              <!-- Hand with cloth cleaning interior -->\n              <ellipse cx=\"150\" cy=\"135\" rx=\"12\" ry=\"9\" fill=\"#F5D0A1\"\/>\n              <!-- Cleaning cloth -->\n              <rect x=\"150\" y=\"135\" width=\"40\" height=\"10\" fill=\"#77C1ED\"\/>\n              <!-- Sparkles (clean spots) -->\n              <path d=\"M130,125 L135,130 M125,130 L135,120\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n              <path d=\"M110,130 L115,135 M105,135 L115,125\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n              <path d=\"M170,125 L175,130 M165,130 L175,120\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Step 2 -->\n    <div class=\"wcg-step\" data-step=\"2\">\n      <div class=\"wcg-step-row\">\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-text\">\n            <h3 class=\"wcg-step-title\"><span class=\"wcg-step-number\">2<\/span> \u4e0b\u90e8\u30b5\u30c3\u30b7\uff08\u5916\u5074\uff09\u306e\u6e05\u6383<\/h3>\n            <p class=\"wcg-step-desc\">\u4e0b\u90e8\u30b5\u30c3\u30b7\u306e\u5916\u5074\u8868\u9762\u306e\u5834\u5408\uff1a<\/p>\n            <ul class=\"wcg-substeps\">\n              <li><strong>\u30b5\u30c3\u30b7\u30e5\u3092\u4e0a\u3052\u308b:<\/strong> \u4e0b\u90e8\u306e\u30b5\u30c3\u30b7\u3092\u4e00\u756a\u4e0a\u307e\u3067\u30b9\u30e9\u30a4\u30c9\u3055\u305b\u3066\u30a2\u30af\u30bb\u30b9\u30b9\u30da\u30fc\u30b9\u3092\u4f5c\u308a\u307e\u3059\u3002<\/li>\n              <li><strong>\u5230\u9054\u3059\u308b\uff1a<\/strong> \u958b\u53e3\u90e8\u304b\u3089\u614e\u91cd\u306b\u624b\u3092\u4f38\u3070\u3057\u3066\u5916\u5074\u306e\u8868\u9762\u3092\u6d17\u3044\u307e\u3059\u3002<\/li>\n              <li>\u4ee5\u524d\u3068\u540c\u3058\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u65b9\u6cd5\u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u5e03\u306b\u30b9\u30d7\u30ec\u30fc\u3057\u3001\u3088\u304f\u62ed\u3044\u3066\u4e7e\u71e5\u3055\u305b\u307e\u3059\u3002<\/li>\n              <li>\u7db2\u6238\u4ed8\u304d\u306e\u7a93\u306e\u5834\u5408\u306f\u3001\u307e\u305a\u7db2\u6238\u3092\u53d6\u308a\u5916\u3059\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\uff08\u901a\u5e38\u306f\u5185\u5074\u304b\u3089\uff09\u3002<\/li>\n            <\/ul>\n            <div class=\"wcg-alert\">\n              <h4 class=\"wcg-alert-title\">\n                <svg class=\"wcg-alert-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path>\n                  <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line>\n                  <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n                <\/svg>\n                \u5b89\u5168\u7b2c\u4e00\n              <\/h4>\n              <p>\u624b\u3092\u4f38\u3070\u3059\u969b\u306f\u3001\u30d0\u30e9\u30f3\u30b9\u3068\u5b89\u5168\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u7279\u306b\u4e0a\u5c64\u968e\u3067\u306f\u3001\u7a93\u304b\u3089\u3042\u307e\u308a\u8eab\u3092\u4e57\u308a\u51fa\u3055\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-image\">\n            <svg width=\"300\" height=\"200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <!-- Window frame -->\n              <rect x=\"50\" y=\"20\" width=\"200\" height=\"160\" fill=\"white\" stroke=\"#0c9063\" stroke-width=\"3\"\/>\n              <!-- Top sash (fixed) -->\n              <rect x=\"60\" y=\"30\" width=\"180\" height=\"70\" fill=\"#f0faf5\" stroke=\"#0c9063\" stroke-width=\"2\"\/>\n              <!-- Bottom sash (raised) -->\n              <rect x=\"60\" y=\"30\" width=\"180\" height=\"70\" fill=\"#f0faf5\" stroke=\"#0c9063\" stroke-width=\"2\" opacity=\"0.5\"\/>\n              <!-- Arm reaching through -->\n              <path d=\"M150,110 C160,100 170,100 180,110\" stroke=\"#F5D0A1\" stroke-width=\"14\" stroke-linecap=\"round\" fill=\"none\"\/>\n              <!-- Cleaning cloth -->\n              <rect x=\"175\" y=\"105\" width=\"40\" height=\"10\" transform=\"rotate(-30 175 105)\" fill=\"#77C1ED\"\/>\n              <!-- Sparkles (clean spots) -->\n              <path d=\"M190,80 L195,85 M185,85 L195,75\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n              <path d=\"M170,85 L175,90 M165,90 L175,80\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Step 3 -->\n    <div class=\"wcg-step\" data-step=\"3\">\n      <div class=\"wcg-step-row\">\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-text\">\n            <h3 class=\"wcg-step-title\"><span class=\"wcg-step-number\">3<\/span> \u56fa\u5b9a\u30c8\u30c3\u30d7\u30b5\u30c3\u30b7\uff08\u5185\u5074\uff09\u306e\u6e05\u6383<\/h3>\n            <p class=\"wcg-step-desc\">\u4e0a\u90e8\u30b5\u30c3\u30b7\u306e\u5185\u90e8\u306f\u7c21\u5358\u306b\u6383\u9664\u3067\u304d\u307e\u3059\u3002<\/p>\n            <ul class=\"wcg-substeps\">\n              <li>\u524d\u306e\u624b\u9806\u3067\u4e0b\u90e8\u306e\u30b5\u30c3\u30b7\u304c\u307e\u3060\u4e0a\u304c\u3063\u305f\u307e\u307e\u306e\u5834\u5408\u306f\u3001\u4e0b\u3052\u307e\u3059\u3002<\/li>\n              <li>\u4ed6\u306e\u5185\u88c5\u8868\u9762\u3068\u540c\u3058\u6d17\u6d44\u304a\u3088\u3073\u4e7e\u71e5\/\u78e8\u304d\u65b9\u6cd5\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n              <li>\u30df\u30fc\u30c6\u30a3\u30f3\u30b0\u30ec\u30fc\u30eb\uff08\u4e0a\u90e8\u306e\u30b5\u30c3\u30b7\u3068\u4e0b\u90e8\u306e\u30b5\u30c3\u30b7\u304c\u63a5\u5408\u3059\u308b\u90e8\u5206\uff09\u306b\u306f\u6c5a\u308c\u304c\u305f\u307e\u308a\u3084\u3059\u3044\u306e\u3067\u7279\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n              <li>\u9ad8\u3044\u7a93\u306e\u5834\u5408\u306f\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u8e0f\u307f\u53f0\u3092\u4f7f\u7528\u3057\u3001\u5b89\u5b9a\u6027\u3068\u5b89\u5168\u6027\u3092\u78ba\u4fdd\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-image\">\n            <svg width=\"300\" height=\"200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <!-- Window frame -->\n              <rect x=\"50\" y=\"20\" width=\"200\" height=\"160\" fill=\"white\" stroke=\"#0c9063\" stroke-width=\"3\"\/>\n              <!-- Top sash (fixed) -->\n              <rect x=\"60\" y=\"30\" width=\"180\" height=\"70\" fill=\"#f0faf5\" stroke=\"#0c9063\" stroke-width=\"2\"\/>\n              <!-- Bottom sash -->\n              <rect x=\"60\" y=\"100\" width=\"180\" height=\"70\" fill=\"#f0faf5\" stroke=\"#0c9063\" stroke-width=\"2\"\/>\n              <!-- Hand with cloth cleaning top sash interior -->\n              <ellipse cx=\"150\" cy=\"65\" rx=\"12\" ry=\"9\" fill=\"#F5D0A1\"\/>\n              <!-- Cleaning cloth -->\n              <rect x=\"150\" y=\"65\" width=\"40\" height=\"10\" fill=\"#77C1ED\"\/>\n              <!-- Sparkles (clean spots) -->\n              <path d=\"M120,55 L125,60 M115,60 L125,50\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n              <path d=\"M100,60 L105,65 M95,65 L105,55\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n              <path d=\"M170,45 L175,50 M165,50 L175,40\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Step 4 -->\n    <div class=\"wcg-step\" data-step=\"4\">\n      <div class=\"wcg-step-row\">\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-text\">\n            <h3 class=\"wcg-step-title\"><span class=\"wcg-step-number\">4<\/span> \u56fa\u5b9a\u30c8\u30c3\u30d7\u30b5\u30c3\u30b7\u306e\u6e05\u6383\uff08\u5916\u88c5 - 1\u968e\uff09<\/h3>\n            <p class=\"wcg-step-desc\">1 \u968e\u306e\u7a93\u306e\u5834\u5408\u3001\u4e0a\u90e8\u306e\u30b5\u30c3\u30b7\u306e\u5916\u5074\u3092\u6383\u9664\u3059\u308b\u306e\u306f\u6bd4\u8f03\u7684\u7c21\u5358\u3067\u3059\u3002<\/p>\n            <ul class=\"wcg-substeps\">\n              <li>\u5916\u5074\u306f\u3001\u5185\u5074\u306e\u8868\u9762\u3068\u540c\u3058\u6e05\u6383\u65b9\u6cd5\u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n              <li>\u3088\u308a\u826f\u3044\u7d50\u679c\u3092\u5f97\u308b\u306b\u306f\u3001\u6d17\u6d44\u5f8c\u306b\u30b9\u30af\u30a4\u30b8\u30fc\u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n              <li>\u6d17\u6d44\u6db2\u304c\u6025\u901f\u306b\u4e7e\u71e5\u3059\u308b\u306e\u3092\u9632\u3050\u305f\u3081\u3001\u66c7\u308a\u306e\u65e5\u306b\u4f5c\u696d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n              <li>\u30b9\u30af\u30ea\u30fc\u30f3\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u307e\u305a\u305d\u308c\u3092\u53d6\u308a\u5916\u3057\u3001\u30db\u30fc\u30b9\u307e\u305f\u306f\u6d74\u69fd\u3067\u5225\u3005\u306b\u6d17\u6d44\u3057\u307e\u3059\u3002<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-image\">\n            <svg width=\"300\" height=\"200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <!-- Window frame (view from outside) -->\n              <rect x=\"50\" y=\"20\" width=\"200\" height=\"160\" fill=\"white\" stroke=\"#0c9063\" stroke-width=\"3\"\/>\n              <!-- Top sash (fixed) -->\n              <rect x=\"60\" y=\"30\" width=\"180\" height=\"70\" fill=\"#d1fae5\" stroke=\"#0c9063\" stroke-width=\"2\"\/>\n              <!-- Bottom sash -->\n              <rect x=\"60\" y=\"100\" width=\"180\" height=\"70\" fill=\"#d1fae5\" stroke=\"#0c9063\" stroke-width=\"2\"\/>\n              <!-- Person outside cleaning (simplified) -->\n              <circle cx=\"150\" cy=\"180\" r=\"15\" fill=\"#7C9C9F\"\/>\n              <rect x=\"145\" y=\"160\" width=\"10\" height=\"25\" fill=\"#7C9C9F\"\/>\n              <!-- Arm reaching up -->\n              <path d=\"M150,165 C160,155 170,145 180,65\" stroke=\"#F5D0A1\" stroke-width=\"10\" stroke-linecap=\"round\" fill=\"none\"\/>\n              <!-- Cleaning cloth -->\n              <rect x=\"175\" y=\"55\" width=\"40\" height=\"10\" transform=\"rotate(-10 175 55)\" fill=\"#77C1ED\"\/>\n              <!-- Sparkles (clean spots) -->\n              <path d=\"M160,35 L165,40 M155,40 L165,30\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n              <path d=\"M130,45 L135,50 M125,50 L135,40\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Step 5 -->\n    <div class=\"wcg-step\" data-step=\"5\">\n      <div class=\"wcg-step-row\">\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-text\">\n            <h3 class=\"wcg-step-title\"><span class=\"wcg-step-number\">5<\/span> \u56fa\u5b9a\u30c8\u30c3\u30d7\u30b5\u30c3\u30b7\u306e\u6e05\u6383\uff08\u5916\u88c5 - \u4e0a\u968e\uff09<\/h3>\n            <p class=\"wcg-step-desc\">\u4e0a\u968e\u306e\u7a93\u306b\u306f\u3001\u3044\u304f\u3064\u304b\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n            <ul class=\"wcg-substeps\">\n              <li><strong>\u4f38\u7e2e\u30dd\u30fc\u30eb:<\/strong> \u4f38\u7e2e\u30dd\u30fc\u30eb\u306b\u30b9\u30af\u30e9\u30d0\u30fc\u3068\u30b9\u30af\u30a4\u30b8\u30fc\u3092\u53d6\u308a\u4ed8\u3051\u3066\u4f7f\u7528\u3057\u307e\u3059\u3002S\u5b57\u578b\u306b\u6574\u7136\u3068\u4f5c\u696d\u3059\u308b\u3068\u3001\u6700\u826f\u306e\u7d50\u679c\u304c\u5f97\u3089\u308c\u307e\u3059\u3002<\/li>\n              <li><strong>\u30b5\u30c3\u30b7\u306e\u53d6\u308a\u5916\u3057\uff08\u53ef\u80fd\u306a\u5834\u5408\uff09:<\/strong> \u4e00\u90e8\u306e\u7a93\u3067\u306f\u4e0b\u90e8\u306e\u30b5\u30c3\u30b7\u3092\u53d6\u308a\u5916\u3059\u3053\u3068\u304c\u3067\u304d\u3001\u5916\u5074\u306e\u4e0a\u90e8\u30b5\u30c3\u30b7\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/li>\n              <li><strong>\u306f\u3057\u3054\u30a2\u30af\u30bb\u30b9:<\/strong> \u306f\u3057\u3054\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u306f\u3001\u9069\u5207\u306b\u56fa\u5b9a\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3001\u3059\u3079\u3066\u306e\u5b89\u5168\u624b\u9806\u306b\u5f93\u3063\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n              <li><strong>\u5c02\u9580\u5bb6\u306e\u652f\u63f4:<\/strong> \u9ad8\u3044\u7a93\u3084\u5c4a\u304d\u306b\u304f\u3044\u7a93\u306e\u5834\u5408\u306f\u3001\u5c02\u9580\u5bb6\u306b\u4f9d\u983c\u3059\u308b\u306e\u304c\u6700\u3082\u5b89\u5168\u3067\u52b9\u679c\u7684\u306a\u9078\u629e\u80a2\u3068\u306a\u308b\u3053\u3068\u304c\u3088\u304f\u3042\u308a\u307e\u3059\u3002<\/li>\n            <\/ul>\n            <div class=\"wcg-alert\">\n              <h4 class=\"wcg-alert-title\">\n                <svg class=\"wcg-alert-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path>\n                  <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line>\n                  <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n                <\/svg>\n                \u5b89\u5168\u8b66\u544a\n              <\/h4>\n              <p>\u7a93\u3092\u304d\u308c\u3044\u306b\u3059\u308b\u305f\u3081\u306b\u3001\u6c7a\u3057\u3066\u5b89\u5168\u3092\u72a0\u7272\u306b\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002\u4e0a\u5c64\u968e\u306e\u5834\u5408\u306f\u3001\u30d7\u30ed\u306e\u7a93\u6e05\u6383\u696d\u8005\u304c\u9069\u5207\u306a\u6a5f\u6750\u3068\u8a13\u7df4\u3092\u53d7\u3051\u3001\u5b89\u5168\u306b\u4f5c\u696d\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"wcg-step-col\">\n          <div class=\"wcg-step-image\">\n            <svg width=\"300\" height=\"200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <!-- House outline with window -->\n              <rect x=\"80\" y=\"30\" width=\"140\" height=\"120\" fill=\"#E8E8E8\" stroke=\"#666\" stroke-width=\"1\"\/>\n              <rect x=\"100\" y=\"50\" width=\"100\" height=\"80\" fill=\"white\" stroke=\"#0c9063\" stroke-width=\"3\"\/>\n              <!-- Window top and bottom sashes -->\n              <rect x=\"110\" y=\"60\" width=\"80\" height=\"30\" fill=\"#d1fae5\" stroke=\"#0c9063\" stroke-width=\"2\"\/>\n              <rect x=\"110\" y=\"90\" width=\"80\" height=\"30\" fill=\"#d1fae5\" stroke=\"#0c9063\" stroke-width=\"2\"\/>\n              <!-- Extension pole -->\n              <line x1=\"150\" y1=\"170\" x2=\"150\" y2=\"70\" stroke=\"#666\" stroke-width=\"4\"\/>\n              <!-- Cleaning attachment -->\n              <rect x=\"135\" y=\"60\" width=\"30\" height=\"10\" fill=\"#77C1ED\" stroke=\"#666\" stroke-width=\"1\"\/>\n              <!-- Person using extension pole (simplified) -->\n              <circle cx=\"150\" cy=\"180\" r=\"15\" fill=\"#7C9C9F\"\/>\n              <rect x=\"145\" y=\"160\" width=\"10\" height=\"20\" fill=\"#7C9C9F\"\/>\n              <!-- Sparkles (clean spots) -->\n              <path d=\"M130,65 L132,68 M128,68 L132,62\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n              <path d=\"M170,70 L172,73 M168,73 L172,67\" stroke=\"#0c9063\" stroke-width=\"1\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <!-- Navigation buttons -->\n  <div class=\"wcg-nav\">\n    <button class=\"wcg-btn wcg-btn-prev\" style=\"visibility: hidden\">\n      <svg class=\"wcg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line>\n        <polyline points=\"12 19 5 12 12 5\"><\/polyline>\n      <\/svg>\n      \u524d\u306e\n    <\/button>\n    <button class=\"wcg-btn wcg-btn-next\">\n      \u6b21\n      <svg class=\"wcg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const progressBar = document.querySelector('.wcg-progress-bar');\n  const stepIndicators = document.querySelectorAll('.wcg-step-indicator');\n  const steps = document.querySelectorAll('.wcg-step');\n  const prevBtn = document.querySelector('.wcg-btn-prev');\n  const nextBtn = document.querySelector('.wcg-btn-next');\n  \n  let currentStep = 1;\n  const totalSteps = steps.length;\n  \n  \/\/ Update the UI to show the current step\n  function updateUI() {\n    \/\/ Update progress bar\n    const progressWidth = ((currentStep - 1) \/ (totalSteps - 1)) * 100;\n    progressBar.style.width = `${progressWidth}%`;\n    \n    \/\/ Update step indicators\n    stepIndicators.forEach(indicator => {\n      const step = parseInt(indicator.getAttribute('data-step'));\n      indicator.classList.remove('active', 'complete');\n      \n      if (step === currentStep) {\n        indicator.classList.add('active');\n      } else if (step < currentStep) {\n        indicator.classList.add('complete');\n      }\n    });\n    \n    \/\/ Show current step and hide others\n    steps.forEach(step => {\n      const stepNum = parseInt(step.getAttribute('data-step'));\n      step.classList.toggle('active', stepNum === currentStep);\n    });\n    \n    \/\/ Update button visibility\n    prevBtn.style.visibility = currentStep === 1 ? 'hidden' : 'visible';\n    \n    \/\/ Update next button text on last step\n    if (currentStep === totalSteps) {\n      nextBtn.textContent = 'Finish';\n      nextBtn.innerHTML = 'Finish';\n    } else {\n      nextBtn.innerHTML = 'Next <svg class=\"wcg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>';\n    }\n  }\n  \n  \/\/ Go to previous step\n  prevBtn.addEventListener('click', function() {\n    if (currentStep > 1) {\n      currentStep--;\n      updateUI();\n      \/\/ Scroll to top of container on mobile\n      if (window.innerWidth < 768) {\n        document.querySelector('.window-cleaning-guide').scrollIntoView({behavior: 'smooth'});\n      }\n    }\n  });\n  \n  \/\/ Go to next step\n  nextBtn.addEventListener('click', function() {\n    if (currentStep < totalSteps) {\n      currentStep++;\n      updateUI();\n      \/\/ Scroll to top of container on mobile\n      if (window.innerWidth < 768) {\n        document.querySelector('.window-cleaning-guide').scrollIntoView({behavior: 'smooth'});\n      }\n    } else {\n      \/\/ On finish - reset to first step\n      currentStep = 1;\n      updateUI();\n    }\n  });\n  \n  \/\/ Make step indicators clickable\n  stepIndicators.forEach(indicator => {\n    indicator.addEventListener('click', function() {\n      currentStep = parseInt(this.getAttribute('data-step'));\n      updateUI();\n    });\n  });\n  \n  \/\/ Initialize UI\n  updateUI();\n});\n<\/script>\n<!-- Non-Tilt Window Cleaning Guide - End -->\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1. \u4e0b\u90e8\u30b5\u30c3\u30b7\uff08\u5185\u5074\uff09\u3092\u6e05\u6383\u3059\u308b\uff1a<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u3044\u3064\u3082\u901a\u308a\u30ac\u30e9\u30b9\u306e\u5185\u5074\u306e\u8868\u9762\u3092\u6d17\u3063\u3066\u4e7e\u304b\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2. \u4e0b\u90e8\u30b5\u30c3\u30b7\uff08\u5916\u5074\uff09\u3092\u6383\u9664\u3059\u308b<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30b5\u30c3\u30b7\u30e5\u3092\u4e0a\u3052\u308b:<\/strong> \u4e0b\u90e8\u306e\u30b5\u30c3\u30b7\u3092\u4e00\u756a\u4e0a\u307e\u3067\u30b9\u30e9\u30a4\u30c9\u3055\u305b\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u5230\u9054\u3059\u308b\uff1a<\/strong> \u958b\u53e3\u90e8\u304b\u3089\u614e\u91cd\u306b\u624b\u3092\u4f38\u3070\u3057\u3001\u4e0b\u90e8\u30b5\u30c3\u30b7\u30ac\u30e9\u30b9\u306e\u5916\u5074\u3092\u6d17\u6d44\u3057\u3001\u4e7e\u71e5\u3055\u305b\u3066\u304f\u3060\u3055\u3044\u3002\u5927\u304d\u304f\u624b\u3092\u4f38\u3070\u3059\u5834\u5408\u306f\u3001\u5b89\u5168\u306b\u5341\u5206\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3. \u56fa\u5b9a\u30c8\u30c3\u30d7\u30b5\u30c3\u30b7\uff08\u5185\u5074\uff09\u3092\u6e05\u6383\u3059\u308b\uff1a<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u3044\u3064\u3082\u901a\u308a\u30ac\u30e9\u30b9\u306e\u5185\u5074\u306e\u8868\u9762\u3092\u6d17\u3063\u3066\u4e7e\u304b\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4. \u56fa\u5b9a\u30c8\u30c3\u30d7\u30b5\u30c3\u30b7\u306e\u6383\u9664\uff08\u5916\u5074 - \u8ab2\u984c\uff09<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>1\u968e:<\/strong> \u4ee5\u4e0b\u306e\u65b9\u6cd5\u3067\u5916\u5074\u304b\u3089\u7c21\u5358\u306b\u6383\u9664\u3067\u304d\u307e\u3059\uff08\u300c<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-amber-color\">\u5916\u5074\u304b\u3089\u306e\u6e05\u6383<\/mark>\u201c\u300c)\u300d\u3002.<\/li>\n\n\n\n<li><strong>\u4e0a\u5c64\u968e\uff08\u30aa\u30d7\u30b7\u30e7\u30f3\uff09:<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>\u306f\u3057\u3054\u3067\u306e\u30a2\u30af\u30bb\u30b9\uff08\u7d30\u5fc3\u306e\u6ce8\u610f\u3092\u6255\u3063\u3066\u304f\u3060\u3055\u3044\uff09:<\/strong> \u306f\u3057\u3054\u306e\u4f7f\u7528\u304c\u5b89\u5168\u3067\u5feb\u9069\u3067\u3042\u308c\u3070\u3001\u76f4\u63a5\u7a93\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002\u306f\u3057\u3054\u3092\u4f7f\u7528\u3059\u308b\u969b\u306f\u3001\u5fc5\u305a\u53b3\u683c\u306a\u5b89\u5168\u624b\u9806\u306b\u5f93\u3063\u3066\u304f\u3060\u3055\u3044\u3002\u53ef\u80fd\u3067\u3042\u308c\u3070\u3001\u898b\u5b88\u308a\u306e\u4eba\u3092\u914d\u7f6e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n\n\n\n<li><strong>\u4f38\u7e2e\u30dd\u30fc\u30eb:<\/strong> \u4f38\u7e2e\u30dd\u30fc\u30eb\u306b\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u7528\uff08\u30b9\u30af\u30e9\u30d0\u30fc\uff0f\u30de\u30a4\u30af\u30ed\u30d5\u30a1\u30a4\u30d0\u30fc\uff09\u3068\u30b9\u30af\u30a4\u30b8\u30fc\u3092\u53d6\u308a\u4ed8\u3051\u3066\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u6700\u9ad8\u306e\u7d50\u679c\u3092\u5f97\u308b\u305f\u3081\u306b\u3001\u30c6\u30af\u30cb\u30c3\u30af\u3092\u7df4\u7fd2\u3057\u307e\u3057\u3087\u3046\u3002<\/li>\n\n\n\n<li><strong>\u30b5\u30c3\u30b7\u306e\u53d6\u308a\u5916\u3057\uff08\u53ef\u80fd\u306a\u30aa\u30d7\u30b7\u30e7\u30f3\uff09:<\/strong> \u4e00\u90e8\u306e\u975e\u50be\u659c\u7a93\u3067\u306f\u3001 <em>\u5e95<\/em> \u30b5\u30c3\u30b7\u3092\u5b8c\u5168\u306b\u53d6\u308a\u5916\u3059\uff08\u53d6\u308a\u5916\u3057\u30af\u30ea\u30c3\u30d7\u307e\u305f\u306f\u7279\u5b9a\u306e\u64cd\u4f5c\u306b\u3088\u308b\uff09 <em>5\u6708<\/em> \u5185\u90e8\u3078\u306e\u30a2\u30af\u30bb\u30b9\u3092\u826f\u304f\u3059\u308b <em>\u5916<\/em> \u56fa\u5b9a\u5f0f\u30c8\u30c3\u30d7\u30b5\u30c3\u30b7\u306e\u3002\u30ac\u30a4\u30c9\u3092\u3054\u89a7\u304f\u3060\u3055\u3044 <strong><a href=\"https:\/\/hotianwindows.com\/ja\/remove-replace-single-hung-sash\/\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#27be40\" class=\"has-inline-color\">\u30b7\u30f3\u30b0\u30eb\u30cf\u30f3\u30ae\u30f3\u30b0\u30b5\u30c3\u30b7\u306e\u53d6\u308a\u5916\u3057<\/mark><\/a><\/strong> \u95a2\u9023\u3059\u308b\u30c6\u30af\u30cb\u30c3\u30af\u306b\u3064\u3044\u3066\u306f\u3001\u307e\u305a\u7279\u5b9a\u306e\u30a6\u30a3\u30f3\u30c9\u30a6\u3092\u8a55\u4fa1\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n\n\n\n<li><strong>\u5c02\u9580\u5bb6\u3092\u96c7\u3046:<\/strong> \u9ad8\u3044\u4f4d\u7f6e\u306b\u3042\u308b\u7a93\u3084\u624b\u304c\u5c4a\u304d\u306b\u304f\u3044\u7a93\u306e\u5834\u5408\u3001\u5c02\u9580\u306e\u7a93\u6e05\u6383\u696d\u8005\u306f\u5b89\u5168\u304b\u3064\u52b9\u7387\u7684\u306b\u6e05\u6383\u3067\u304d\u308b\u6a5f\u6750\u3068\u5c02\u9580\u77e5\u8b58\u3092\u5099\u3048\u3066\u3044\u307e\u3059\u3002\u4e0a\u5c64\u968e\u306e\u7a93\u6e05\u6383\u306b\u306f\u3001\u5c02\u9580\u696d\u8005\u306b\u4f9d\u983c\u3059\u308b\u306e\u304c\u6700\u9069\u306a\u9078\u629e\u80a2\u3068\u306a\u308b\u3053\u3068\u304c\u3088\u304f\u3042\u308a\u307e\u3059\u3002<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u5916\u5074\u304b\u3089\u306e\u7a93\u6383\u9664\uff081\u968e \/ \u30d0\u30ea\u30a2\u30d5\u30ea\u30fc\uff09<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u65b9\u6cd5\u306f\u3001\u7c21\u5358\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u30a6\u30a3\u30f3\u30c9\u30a6\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u4e8b\u524d\u3059\u3059\u304e:<\/strong> \u7a93\u3068\u67a0\u3092\u5ead\u306e\u30db\u30fc\u30b9\uff08\u4f4e\u5727\uff5e <strong>\u9ad8\u5727\u6d17\u6d44\u6a5f\u3092\u907f\u3051\u308b<\/strong>\uff09\u3092\u4f7f\u3063\u3066\u6c5a\u308c\u3092\u843d\u3068\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u6d17\u6fef:<\/strong> \u6d17\u6d44\u6db2\u306e\u5165\u3063\u305f\u30d0\u30b1\u30c4\u3068\u3001\u67d4\u3089\u304b\u3044\u30de\u30a4\u30af\u30ed\u30d5\u30a1\u30a4\u30d0\u30fc\u88fd\u306e\u6d17\u6d44\u7528\u30df\u30c3\u30c8\u307e\u305f\u306f\u30b9\u30dd\u30f3\u30b8\uff08\u5fc5\u8981\u306a\u5834\u5408\uff09\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ac\u30e9\u30b9\u3068\u30d5\u30ec\u30fc\u30e0\u3092\u3053\u3059\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u3088\u304f\u3059\u3059\u3044\u3067\u304f\u3060\u3055\u3044\u3002<\/strong> \u7a93\u3092\u3082\u3046\u4e00\u5ea6\u30db\u30fc\u30b9\u3067\u6d17\u3044\u6d41\u3057\u3001\u77f3\u9e78\u306e\u6b8b\u308a\u3092\u3059\u3079\u3066\u53d6\u308a\u9664\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30b9\u30af\u30a4\u30b8\u30fc\u4e7e\u71e5:<\/strong> \u30b9\u30af\u30a4\u30b8\u30fc\u3092\u4f7f\u3044\u3001\u4e0a\u304b\u3089\u4e0b\u3078\u6ed1\u3089\u304b\u306b\u3001\u91cd\u306d\u5857\u308a\u3057\u306a\u304c\u3089\u5f15\u3044\u3066\u304f\u3060\u3055\u3044\u3002\u5f15\u304f\u5408\u9593\u306b\u306f\u3001\u5203\u3092\u304d\u308c\u3044\u306b\u62ed\u3044\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n\n\n\n<li><strong>\u30ef\u30a4\u30d7\u30a8\u30c3\u30b8:<\/strong> \u6e05\u6f54\u306a\u30de\u30a4\u30af\u30ed\u30d5\u30a1\u30a4\u30d0\u30fc\u30af\u30ed\u30b9\u3092\u4f7f\u7528\u3057\u3066\u3001\u30d5\u30ec\u30fc\u30e0\u3068\u30ac\u30e9\u30b9\u306e\u7aef\u3092\u4e7e\u304b\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u30b9\u30af\u30ea\u30fc\u30f3\u3092\u5fd8\u308c\u306a\u3044\u3067\u304f\u3060\u3055\u3044!<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u30b9\u30af\u30ea\u30fc\u30f3\u3092\u304d\u308c\u3044\u306b\u3059\u308b\u3068\u3001\u7a7a\u6c17\u306e\u6d41\u308c\u3068\u8996\u754c\u304c\u6539\u5584\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30b9\u30af\u30ea\u30fc\u30f3\u3092\u524a\u9664:<\/strong> \u753b\u9762\u3092\u3086\u3063\u304f\u308a\u3068\u5916\u3057\u307e\u3059 (\u901a\u5e38\u306f\u5185\u5074\u306b\u3001\u307e\u305f\u306f\u30af\u30ea\u30c3\u30d7\/\u30bf\u30d6\u3092\u4f7f\u7528)\u3002<\/li>\n\n\n\n<li><strong>\u30c9\u30e9\u30a4\u30d6\u30e9\u30b7:<\/strong> \u67d4\u3089\u304b\u3044\u30d6\u30e9\u30b7\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3053\u308a\u3092\u53d6\u308a\u9664\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u6d17\u6fef:<\/strong> \u30b9\u30af\u30ea\u30fc\u30f3\u3092\u304d\u308c\u3044\u306a\u5834\u6240\uff08\u79c1\u9053\u306a\u3069\uff09\u306b\u5e73\u3089\u306b\u7f6e\u304d\u307e\u3059\u3002\u30db\u30fc\u30b9\u3067\u6fe1\u3089\u3057\u3001\u77f3\u9e78\u6c34\u3068\u67d4\u3089\u304b\u3044\u30d6\u30e9\u30b7\u3067\u512a\u3057\u304f\u3053\u3059\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30ea\u30f3\u30b9\uff1a<\/strong> \u30db\u30fc\u30b9\u3067\u3088\u304f\u6d17\u3044\u6d41\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n\n\n\n<li><strong>\u81ea\u7136\u4e7e\u71e5:<\/strong> \u4f59\u5206\u306a\u6c34\u3092\u62ed\u304d\u53d6\u308a\u3001\u30b9\u30af\u30ea\u30fc\u30f3\u3092\u5b8c\u5168\u306b\u81ea\u7136\u4e7e\u71e5\u3055\u305b\u3066\u304b\u3089\u518d\u5ea6\u53d6\u308a\u4ed8\u3051\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u30e0\u30e9\u306a\u304f\u4ed5\u4e0a\u3052\u308b\u305f\u3081\u306e\u30d2\u30f3\u30c8<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u304d\u308c\u3044\u306a\u6c34\/\u5e03:<\/strong> \u6e05\u6f54\u306a\u7269\u8cc7\u304b\u3089\u59cb\u3081\u307e\u3057\u3087\u3046\u3002<\/li>\n\n\n\n<li><strong>\u76f4\u5c04\u65e5\u5149\u3092\u907f\u3051\u308b:<\/strong> \u7a93\u304c\u6025\u901f\u306b\u4e7e\u3044\u3066\u7e1e\u6a21\u69d8\u306b\u306a\u308b\u306e\u3092\u9632\u3050\u305f\u3081\u3001\u65e5\u9670\u306b\u306a\u3063\u3066\u3044\u308b\u3068\u304d\u3084\u66c7\u308a\u306e\u65e5\u306b\u7a93\u3092\u6383\u9664\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n\n\n\n<li><strong>\u30ac\u30e9\u30b9\u3067\u306f\u306a\u304f\u5e03\u306b\u30b9\u30d7\u30ec\u30fc\u3059\u308b\uff1a<\/strong> \u6ef4\u308a\u3084\u98db\u3073\u6563\u308a\u3092\u8efd\u6e1b\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30ef\u30a4\u30d7\u30b9\u30af\u30a4\u30b8\u30fc\u30d6\u30ec\u30fc\u30c9\uff1a<\/strong> \u6ef4\u308a\u3084\u7b4b\u3092\u9632\u3050\u305f\u3081\u306b\u4e0d\u53ef\u6b20\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u65b9\u5411\u6027\u30ef\u30a4\u30d4\u30f3\u30b0:<\/strong> \u7247\u5074\u3092\u6c34\u5e73\u306b\u62ed\u304d\u3001\u3082\u3046\u7247\u5074\u3092\u5782\u76f4\u306b\u62ed\u304f\u3068\u3001\u3069\u3061\u3089\u306e\u5074\u306b\u7e1e\u304c\u3042\u308b\u304b\u7c21\u5358\u306b\u308f\u304b\u308a\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u7d50\u8ad6<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u7247\u958b\u304d\u7a93\uff08\u30c1\u30eb\u30c8\u30a4\u30f3\u7a93\u3001\u975e\u30c1\u30eb\u30c8\u7a93\uff09\u3092\u6e05\u6f54\u306b\u4fdd\u3064\u3053\u3068\u3067\u3001\u5bb6\u306e\u5916\u89b3\u3068\u5468\u56f2\u306e\u666f\u8272\u3092\u7f8e\u3057\u304f\u4fdd\u3064\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30c1\u30eb\u30c8\u30a4\u30f3\u7a93\u306f\u3001\u4e0b\u90e8\u306e\u30b5\u30c3\u30b7\u5916\u5074\u3092\u6383\u9664\u3059\u308b\u969b\u306b\u5ba4\u5185\u304b\u3089\u7c21\u5358\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u304c\u3001\u975e\u30c1\u30eb\u30c8\u7a93\u306e\u5834\u5408\u306f\u3001\u4e0a\u90e8\u306e\u56fa\u5b9a\u30b5\u30c3\u30b7\u3092\u6383\u9664\u3059\u308b\u969b\u306b\u306f\u3001\u5916\u5074\u304b\u3089\u5b89\u5168\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u304b\u3001\u7279\u5225\u306a\u6280\u8853\u304c\u5fc5\u8981\u3068\u306a\u308a\u307e\u3059\u3002 <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u7a93\u67a0\u3001\u30ec\u30fc\u30eb\u3001\u7db2\u6238\u306a\u3069\u3001\u5b9a\u671f\u7684\u306a\u6e05\u6383\u3092\u9069\u5207\u306a\u65b9\u6cd5\u3067\u884c\u3046\u3053\u3068\u3067\u3001\u30d4\u30ab\u30d4\u30ab\u3067\u62ed\u304d\u8de1\u306e\u306a\u3044\u4ed5\u4e0a\u304c\u308a\u306b\u306a\u308a\u307e\u3059\u3002\u7279\u306b\u9ad8\u6240\u3067\u306e\u4f5c\u696d\u3067\u306f\u5b89\u5168\u3092\u6700\u512a\u5148\u306b\u8003\u3048\u3001\u624b\u306e\u5c4a\u304d\u306b\u304f\u3044\u7a93\u306e\u5834\u5408\u306f\u5c02\u9580\u696d\u8005\u306b\u4f9d\u983c\u3059\u308b\u3053\u3068\u3092\u691c\u8a0e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>Wish your windows offered a clearer view? Cleaning single-hung windows, whether they tilt-in for easy access or are non-tilt, is manageable with the right approach. Dirt, streaks, and grime can obstruct your view and make your home look less appealing. This guide provides clear, step-by-step instructions for cleaning both tilt-in and non-tilt single-hung windows, covering interior and exterior surfaces, frames, tracks, and screens for sparkling results. First, a quick refresher: What is a single-hung window? It features a fixed top sash and a bottom sash that slides vertically. Why Clean Your Windows Regularly? Gather Your Cleaning Supplies Having the right tools makes the job easier and more effective: Prepare the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":16710,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-7154","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-installation-maintenance"],"acf":[],"_links":{"self":[{"href":"https:\/\/hotianwindows.com\/ja\/wp-json\/wp\/v2\/posts\/7154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotianwindows.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hotianwindows.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hotianwindows.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotianwindows.com\/ja\/wp-json\/wp\/v2\/comments?post=7154"}],"version-history":[{"count":0,"href":"https:\/\/hotianwindows.com\/ja\/wp-json\/wp\/v2\/posts\/7154\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hotianwindows.com\/ja\/wp-json\/wp\/v2\/media\/16710"}],"wp:attachment":[{"href":"https:\/\/hotianwindows.com\/ja\/wp-json\/wp\/v2\/media?parent=7154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hotianwindows.com\/ja\/wp-json\/wp\/v2\/categories?post=7154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hotianwindows.com\/ja\/wp-json\/wp\/v2\/tags?post=7154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}