{"id":12415,"date":"2026-06-25T18:13:10","date_gmt":"2026-06-25T09:13:10","guid":{"rendered":"https:\/\/bizpato.com\/minpaku\/?post_type=minpaku-lp&#038;p=12415"},"modified":"2026-07-24T13:56:50","modified_gmt":"2026-07-24T04:56:50","slug":"plan-simulatore","status":"publish","type":"minpaku-lp","link":"https:\/\/bizpato.com\/minpaku\/minpaku-lp\/plan-simulatore\/","title":{"rendered":"\u304a\u3059\u3059\u3081\u30d7\u30e9\u30f3\u8a3a\u65ad\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc"},"content":{"rendered":"\n<!--\n==================================================================\n\u6c11\u6cca\u7ba1\u7406\u30d0\u30f3\u30af\uff5c\u304b\u3093\u305f\u3093\u30d7\u30e9\u30f3\u8a3a\u65ad\nWordPress\u57cb\u3081\u8fbc\u307f\u7528\uff08Elementor \/ Gutenberg \u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u7b49\uff09\n\n\u25a0 \u4f7f\u3044\u65b9\n1. WordPress\u306e\u6295\u7a3f\/\u56fa\u5b9a\u30da\u30fc\u30b8\u3092\u7de8\u96c6\n2. \u300c\u30ab\u30b9\u30bf\u30e0HTML\u300d\u30d6\u30ed\u30c3\u30af\uff08\u307e\u305f\u306fHTML\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\uff09\u3092\u8ffd\u52a0\n3. \u3053\u306e\u30d5\u30a1\u30a4\u30eb\u306e\u5185\u5bb9\u3092\u5168\u90e8\u30b3\u30d4\u30fc\u3057\u3066\u8cbc\u308a\u4ed8\u3051\n4. \u4fdd\u5b58\u30fb\u516c\u958b\n\n\u25a0 \u52d5\u4f5c\u8981\u4ef6\n- \u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u63a5\u7d9a\uff08CDN\u304b\u3089\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u8aad\u307f\u8fbc\u3080\u305f\u3081\uff09\n- HTTPS\u30b5\u30a4\u30c8\u3067\u306e\u8868\u793a\u63a8\u5968\n==================================================================\n-->\n\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" rel=\"stylesheet\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;700;900&amp;display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n<style>\n  :root{\n    --navy:#1a2e4a;\n    --red:#ea4d3c;\n    --sky:#d7f0ff;\n    --sky-light:#e0f2fe;\n    --yellow:#fff050;\n    --bg:#f8f9fb;\n    --white:#ffffff;\n    --text:#4b5563;\n    --mid:#6b7280;\n    --light:#9ca3af;\n    --line:#e5e7eb;\n    --green:#3d9970;\n    --amber:#c98a26;\n  }\n  *{margin:0;padding:0;box-sizing:border-box;}\n  html{scroll-behavior:smooth;}\n  body{\n    font-family:'Noto Sans JP','Hiragino Sans','Yu Gothic',sans-serif;\n    background:var(--bg);\n    color:var(--text);\n    line-height:1.9;\n    font-weight:400;\n    -webkit-font-smoothing:antialiased;\n  }\n\n  \/* ===== Header ===== *\/\n  header{\n    position:relative;\n    background:var(--bg);\n    text-align:center;\n    overflow:hidden;\n  }\n  header .circle-deco{\n    position:absolute;width:500px;height:500px;border-radius:50%;\n    background:var(--sky);opacity:.35;top:-230px;right:-160px;z-index:1;\n  }\n  header .circle-deco.small{\n    width:200px;height:200px;top:auto;bottom:-120px;left:-90px;right:auto;opacity:.28;\n  }\n  header .eyebrow{\n    position:relative;z-index:10;\n    font-size:13px;letter-spacing:.28em;color:var(--light);\n    font-weight:400;margin-bottom:20px;\n  }\n  header h1{\n    position:relative;z-index:10;\n    font-size:38px;font-weight:900;line-height:1.35;letter-spacing:.01em;\n    color:var(--navy);\n  }\n  header .divider{\n    width:48px;height:2px;background:var(--light);margin:22px auto 20px;\n    position:relative;z-index:10;\n  }\n  header p.lead{\n    position:relative;z-index:10;\n    font-size:17px;color:var(--text);font-weight:400;line-height:1.85;\n  }\n\n  \/* ===== Progress ===== *\/\n  .progress{\n    position:sticky;top:0;z-index:30;\n    background:rgba(248,249,251,.92);\n    backdrop-filter:blur(8px);\n    border-bottom:1px solid var(--line);\n    padding:16px 0;\n  }\n  .progress .bar-track{height:5px;background:var(--line);border-radius:99px;overflow:hidden;}\n  .progress .bar-fill{\n    height:100%;width:0%;background:var(--navy);border-radius:99px;\n    transition:width .5s cubic-bezier(.4,0,.2,1);\n  }\n  .progress .labels{\n    display:flex;justify-content:space-between;margin-top:10px;\n    font-size:12px;color:var(--light);font-weight:400;letter-spacing:.04em;\n  }\n  .progress .labels span.on{color:var(--navy);font-weight:700;}\n\n  \/* ===== Steps ===== *\/\n  main{padding:40px 0 80px;}\n  .step{display:none;}\n  .step.active{display:block;animation:fade .5s ease;}\n  @keyframes fade{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}\n\n  .step-head{margin-bottom:14px;text-align:center;}\n  .step-tag{\n    display:inline-block;color:var(--mid);\n    font-size:13px;font-weight:700;letter-spacing:.16em;margin-bottom:18px;\n  }\n  .step-icon{\n    width:80px;height:80px;border-radius:50%;background:var(--sky-light);\n    display:flex;align-items:center;justify-content:center;\n    font-size:34px;color:var(--navy);margin:0 auto 22px;\n  }\n  .step-title{\n    font-size:30px;font-weight:700;margin-bottom:14px;line-height:1.4;color:var(--navy);\n  }\n  .step-sub{font-size:16px;color:var(--mid);margin-bottom:40px;line-height:1.85;}\n\n  \/* ===== Question card ===== *\/\n  .q{\n    background:var(--white);border:1px solid var(--line);border-radius:20px;\n    padding:38px 34px;margin-bottom:24px;\n  }\n  .q-num{\n    font-size:13px;font-weight:700;color:var(--mid);letter-spacing:.1em;\n    margin-bottom:14px;\n  }\n  .q-num .cat-pill{\n    display:inline-block;background:var(--sky-light);color:var(--navy);\n    padding:3px 12px;border-radius:99px;margin-left:8px;font-size:12px;letter-spacing:.04em;\n  }\n  .q-num .region-pill{\n    display:inline-block;background:#fdeceb;color:var(--red);\n    padding:3px 12px;border-radius:99px;margin-left:8px;font-size:12px;font-weight:700;letter-spacing:.02em;\n  }\n  .q-title{font-size:22px;font-weight:700;line-height:1.55;margin-bottom:16px;color:var(--navy);}\n  .q-desc{font-size:16px;color:var(--text);margin-bottom:14px;line-height:1.9;}\n  .q-desc strong{color:var(--navy);font-weight:700;}\n  .q-note{\n    font-size:14px;color:var(--mid);background:var(--bg);\n    border-radius:12px;padding:14px 18px;margin-bottom:26px;\n    border-left:3px solid var(--sky);line-height:1.8;\n  }\n  .q-note strong{color:var(--navy);font-weight:700;}\n\n  .ops-intro{\n    display:flex;align-items:center;gap:16px;margin:34px 0 24px;\n  }\n  .ops-intro .ops-intro-line{flex:1;height:1px;background:var(--line);}\n  .ops-intro span{font-size:14px;color:var(--mid);font-weight:700;letter-spacing:.04em;white-space:nowrap;}\n  .opts{display:flex;flex-direction:column;gap:13px;}\n  .opt{\n    display:flex;align-items:center;gap:16px;\n    border:2px solid var(--line);border-radius:14px;\n    padding:18px 20px;cursor:pointer;background:var(--white);\n    transition:all .2s ease;text-align:left;width:100%;font-family:inherit;\n  }\n  .opt:hover{border-color:#c5d2e0;background:#fcfdff;}\n  .opt .ic{\n    flex-shrink:0;width:26px;height:26px;border-radius:50%;\n    display:flex;align-items:center;justify-content:center;\n    font-size:13px;color:var(--white);\n    border:2px solid var(--line);background:var(--white);\n    transition:all .2s ease;\n  }\n  \/* \u4e2d\u7acb\u30a2\u30a4\u30b3\u30f3\uff08\u55b6\u696d\u5f62\u614b\u30fb\u7acb\u5730\uff09\uff1a\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u98a8\u3002\u9078\u629e\u6642\u306b\u30cd\u30a4\u30d3\u30fc\u3067\u5857\u308b *\/\n  .opt .ic.neutral .fa-solid{opacity:0;transition:opacity .15s;}\n  .opt.sel .ic.neutral{background:var(--navy);border-color:var(--navy);}\n  .opt.sel .ic.neutral .fa-solid{opacity:1;}\n  \/* \u8272\u4ed8\u304d\u30a2\u30a4\u30b3\u30f3\uff1a\u9078\u629e\u524d\u304b\u3089\u67a0\uff0b\u30a2\u30a4\u30b3\u30f3\u306b\u8272\u3001\u9078\u629e\u6642\u306b\u5857\u308a\u3064\u3076\u3059 *\/\n  .opt .ic.yes{border-color:var(--green);color:var(--green);}\n  .opt.sel .ic.yes{background:var(--green);border-color:var(--green);color:var(--white);}\n  .opt .ic.maybe{border-color:var(--amber);color:var(--amber);}\n  .opt.sel .ic.maybe{background:var(--amber);border-color:var(--amber);color:var(--white);}\n  .opt .ic.no{border-color:var(--red);color:var(--red);}\n  .opt.sel .ic.no{background:var(--red);border-color:var(--red);color:var(--white);}\n  .opt .txt{flex:1;font-size:16px;font-weight:400;line-height:1.55;color:var(--navy);}\n  .opt .txt small{display:block;font-size:13px;color:var(--mid);font-weight:400;margin-top:3px;}\n  .opt.sel{border-color:var(--navy);background:var(--sky-light);}\n  .opt-price{\n    font-size:14px;color:var(--mid);text-align:right;margin-top:16px;\n  }\n  .opt-price strong{color:var(--navy);font-weight:700;}\n\n  \/* ===== Nav ===== *\/\n  .nav{display:flex;gap:14px;margin-top:34px;}\n  .btn{\n    flex:1;padding:18px;border-radius:14px;font-size:16px;font-weight:700;\n    cursor:pointer;border:none;font-family:inherit;transition:all .2s;letter-spacing:.02em;\n  }\n  .btn-primary{background:var(--navy);color:var(--white);}\n  .btn-primary:hover{background:#24405f;}\n  .btn-primary:disabled{background:#aeb9c7;cursor:not-allowed;}\n  .btn-ghost{background:var(--white);color:var(--navy);border:2px solid var(--line);flex:0 0 120px;}\n  .btn-ghost:hover{border-color:#c5d2e0;}\n\n  \/* ===== Result ===== *\/\n  .result-hero{\n    position:relative;overflow:hidden;\n    background:var(--navy);color:var(--white);border-radius:24px;\n    padding:48px 36px;text-align:center;margin-bottom:24px;\n  }\n  .result-hero .circle-deco{\n    position:absolute;width:340px;height:340px;border-radius:50%;\n    background:#ffffff;opacity:.06;top:-150px;right:-120px;\n  }\n  .result-hero .label{position:relative;z-index:2;font-size:14px;color:var(--sky);letter-spacing:.16em;margin-bottom:14px;}\n  .result-hero .plan-name{position:relative;z-index:2;font-size:42px;font-weight:900;letter-spacing:.01em;line-height:1.2;}\n  .result-hero .plan-price{position:relative;z-index:2;font-size:18px;color:#c9d6e8;margin-top:10px;font-weight:400;}\n  .result-hero .plan-tag{\n    position:relative;z-index:2;\n    display:inline-block;margin-top:20px;background:var(--red);\n    font-size:13px;font-weight:700;padding:8px 20px;border-radius:99px;letter-spacing:.02em;\n  }\n\n  .card{\n    background:var(--white);border:1px solid var(--line);border-radius:20px;\n    padding:32px;margin-bottom:22px;\n  }\n  .card h3{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--navy);display:flex;align-items:center;gap:12px;}\n  .card h3 .h-ic{\n    width:42px;height:42px;border-radius:50%;background:var(--sky-light);\n    display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--navy);flex-shrink:0;\n  }\n  .card .h-sub{font-size:14px;color:var(--mid);margin-bottom:18px;padding-left:54px;}\n\n  .inc-row{\n    display:flex;justify-content:space-between;align-items:flex-start;gap:14px;\n    padding:15px 0;border-bottom:1px solid var(--line);font-size:16px;\n  }\n  .inc-row:last-child{border-bottom:none;}\n  .inc-row .name{font-weight:400;color:var(--navy);}\n  .inc-row .name small{display:block;font-size:13px;color:var(--mid);font-weight:400;margin-top:2px;}\n  .inc-row .val{color:var(--navy);font-weight:700;white-space:nowrap;}\n  .inc-row .free{color:var(--green);font-weight:700;font-size:14px;white-space:nowrap;}\n\n  .estimate{\n    background:var(--sky-light);border-radius:20px;\n    padding:32px;margin-bottom:22px;\n  }\n  .estimate h3{font-size:18px;font-weight:700;margin-bottom:20px;color:var(--navy);display:flex;align-items:center;gap:12px;}\n  .estimate h3 .h-ic{\n    width:42px;height:42px;border-radius:50%;background:var(--white);\n    display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--navy);flex-shrink:0;\n  }\n  .est-line{display:flex;justify-content:space-between;padding:10px 0;font-size:16px;color:var(--navy);}\n  .est-line.total{\n    border-top:2px solid var(--navy);margin-top:10px;padding-top:16px;\n    font-size:19px;font-weight:700;\n  }\n  .est-line.total .amt{color:var(--red);font-weight:900;}\n  .est-line .amt-m{color:var(--red);font-weight:900;}\n  .est-note{font-size:13px;color:var(--mid);margin-top:18px;line-height:1.8;}\n\n  .premium-banner{\n    position:relative;overflow:hidden;\n    background:#fffae6;color:var(--navy);\n    border-radius:20px;padding:32px;\n    margin-top:8px;margin-bottom:22px;\n  }\n  .premium-banner .circle-deco{\n    position:absolute;width:240px;height:240px;border-radius:50%;\n    background:var(--navy);opacity:.04;bottom:-130px;right:-80px;\n  }\n  .premium-banner .pb-tag{\n    position:relative;z-index:2;\n    font-size:12px;letter-spacing:.12em;color:var(--red);font-weight:700;margin-bottom:12px;\n  }\n  .premium-banner h4{position:relative;z-index:2;font-size:20px;font-weight:700;margin-bottom:12px;color:var(--navy);}\n  .premium-banner p{position:relative;z-index:2;font-size:15px;color:var(--text);line-height:1.85;}\n\n  .cta-final{\n    background:var(--white);border:1px solid var(--line);border-radius:24px;\n    padding:44px 32px;text-align:center;margin-bottom:22px;\n  }\n  .cta-final h3{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--navy);}\n  .cta-final p{font-size:15px;color:var(--mid);margin-bottom:28px;line-height:1.85;}\n  .cta-final a{\n    display:inline-block;background:var(--red);color:var(--white);\n    font-size:17px;font-weight:700;padding:18px 52px;border-radius:99px;\n    text-decoration:none;transition:transform .18s;letter-spacing:.03em;\n  }\n  .cta-final a:hover{transform:translateY(-2px);}\n\n  \/* \u9001\u4fe1\u30d5\u30a9\u30fc\u30e0 *\/\n  .send-form{text-align:left;max-width:420px;margin:0 auto;}\n  .form-row{display:flex;gap:14px;}\n  .form-field{flex:1;margin-bottom:18px;}\n  .form-field label{\n    display:block;font-size:14px;font-weight:700;color:var(--navy);\n    margin-bottom:8px;letter-spacing:.02em;\n  }\n  .form-field .req{\n    display:inline-block;background:#fdeceb;color:var(--red);\n    font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;margin-left:6px;\n  }\n  .form-field input{\n    width:100%;padding:14px 16px;border:2px solid var(--line);border-radius:12px;\n    font-size:16px;font-family:inherit;color:var(--navy);background:var(--bg);\n    transition:border-color .2s;box-sizing:border-box;\n  }\n  .form-field input:focus{outline:none;border-color:var(--navy);background:var(--white);}\n  .form-field input.err{border-color:var(--red);}\n  .form-error{\n    color:var(--red);font-size:13px;margin-bottom:14px;min-height:18px;line-height:1.6;\n  }\n  .send-btn{\n    width:100%;background:var(--red);color:var(--white);\n    font-size:17px;font-weight:700;padding:18px;border-radius:99px;border:none;\n    cursor:pointer;transition:transform .18s,opacity .2s;letter-spacing:.03em;font-family:inherit;\n  }\n  .send-btn:hover{transform:translateY(-2px);}\n  .send-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;}\n  .send-status{\n    text-align:center;font-size:14px;margin-top:16px;line-height:1.7;min-height:20px;\n  }\n  .send-status.success{color:var(--green);font-weight:700;}\n  .send-status.error{color:var(--red);}\n\n  \/* \u9001\u4fe1\u5b8c\u4e86\u5f8c\u306e\u7121\u6599\u76f8\u8ac7\u30d5\u30a9\u30fc\u30e0\u8a98\u5c0e *\/\n  .post-send{\n    margin-top:26px;padding:28px 24px;background:var(--sky-light);\n    border-radius:16px;text-align:center;animation:fade .4s ease;\n  }\n  .post-send .post-send-tag{\n    display:inline-block;font-size:11px;font-weight:700;color:var(--navy);\n    background:var(--white);padding:5px 14px;border-radius:99px;\n    letter-spacing:.12em;margin-bottom:14px;\n  }\n  .post-send h4{\n    font-size:18px;font-weight:700;color:var(--navy);margin-bottom:10px;line-height:1.55;\n  }\n  .post-send p{\n    font-size:14px;color:var(--text);line-height:1.85;margin-bottom:20px;\n  }\n  .post-send p strong{color:var(--navy);font-weight:700;}\n  .post-send-btn{\n    display:inline-block;background:var(--red);color:var(--white);\n    font-size:16px;font-weight:700;padding:16px 36px;border-radius:99px;\n    text-decoration:none;transition:transform .18s,filter .2s;letter-spacing:.02em;\n  }\n  .post-send-btn:hover{transform:translateY(-2px);filter:brightness(1.08);}\n  .post-send-btn i{margin-left:10px;font-size:13px;}\n\n  \/* PDF\u4fdd\u5b58\u30ab\u30fc\u30c9\uff08\u63a7\u3048\u3081\u306a\u30a2\u30a6\u30c8\u30e9\u30a4\u30f3\u30dc\u30bf\u30f3\uff09 *\/\n  .pdf-save-card{\n    text-align:center;\n    margin:8px 0 28px;\n    padding:0;\n    background:transparent;\n  }\n  .pdf-save-card .pdf-note{\n    font-size:12px;color:var(--mid);\n    margin-top:12px;line-height:1.7;\n  }\n  .btn-pdf{\n    background:var(--white);color:var(--navy);\n    border:2px solid var(--navy);\n    font-size:14px;font-weight:700;\n    padding:12px 32px;border-radius:99px;\n    cursor:pointer;font-family:inherit;\n    transition:all .2s;letter-spacing:.02em;\n  }\n  .btn-pdf:hover{background:var(--navy);color:var(--white);}\n  .btn-pdf:disabled{opacity:.5;cursor:not-allowed;}\n  .btn-pdf i{margin-right:8px;}\n\n  .retry{text-align:center;margin-top:26px;}\n  .retry button{\n    background:none;border:none;color:var(--mid);font-size:14px;\n    text-decoration:underline;cursor:pointer;font-family:inherit;\n  }\n\n  .footer-brand{\n    text-align:center;font-size:12px;font-weight:400;\n    color:var(--light);letter-spacing:.25em;margin-top:48px;padding-bottom:10px;\n  }\n  .disclaimer{\n    font-size:12px;color:var(--light);text-align:center;\n    margin-top:18px;line-height:1.8;\n  }\n\n  @media(max-width:520px){\n    .wrap{padding:0 18px;}\n    header .eyebrow{font-size:11px;letter-spacing:.14em;}\n    header h1{font-size:28px;}\n    header{padding:44px 0 24px;}\n    .step-title{font-size:24px;}\n    .step-icon{width:66px;height:66px;font-size:28px;}\n    .q{padding:28px 22px;}\n    .q-title{font-size:19px;}\n    .result-hero .plan-name{font-size:32px;}\n    .result-hero{padding:38px 26px;}\n    .card,.estimate,.premium-banner{padding:24px;}\n    .btn-ghost{flex:0 0 96px;}\n    .cta-final{padding:34px 24px;}\n    .progress .labels{font-size:11px;}\n    .footer-brand{font-size:10px;letter-spacing:.16em;}\n  }\n  @media(max-width:360px){\n    header .eyebrow{font-size:10px;letter-spacing:.08em;}\n    .progress .labels{font-size:10px;letter-spacing:0;}\n  }\n<\/style>\n\n<header>\n  <div class=\"circle-deco\"><\/div>\n  <div class=\"circle-deco small\"><\/div>\n  <div class=\"wrap\">\n    <div class=\"eyebrow\">B I Z P A T O\u3000M I N P A K U\u3000M A N A G E M E N T<\/div>\n    <h1 id=\"i-0\">\u304b\u3093\u305f\u3093<br>\u30d7\u30e9\u30f3\u8a3a\u65ad<\/h1>\n    <div class=\"divider\"><\/div>\n    <p class=\"lead\">\u3044\u304f\u3064\u304b\u306e\u8cea\u554f\u306b\u304a\u7b54\u3048\u3044\u305f\u3060\u304f\u3060\u3051\u3067\u3001<br>\u3042\u306a\u305f\u306b\u3074\u3063\u305f\u308a\u306e\u30d7\u30e9\u30f3\u3068\u5fc5\u8981\u306a\u30b5\u30dd\u30fc\u30c8\u304c\u898b\u3064\u304b\u308a\u307e\u3059\u3002<br>\u6240\u8981\u6642\u9593\u306f\u7d042\u5206\u3067\u3059\u3002<\/p>\n  <\/div>\n<\/header>\n\n<div class=\"progress\">\n  <div class=\"wrap\">\n    <div class=\"bar-track\"><div class=\"bar-fill\" id=\"barFill\"><\/div><\/div>\n    <div class=\"labels\">\n      <span id=\"lbl1\" class=\"on\">\u30d7\u30e9\u30f3\u8a3a\u65ad<\/span>\n      <span id=\"lbl2\">\u30aa\u30d7\u30b7\u30e7\u30f3\u8a3a\u65ad<\/span>\n      <span id=\"lbl3\">\u8a3a\u65ad\u7d50\u679c<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<main>\n<div class=\"wrap\">\n\n  <!-- ============ STEP 1: PLAN ============ -->\n  <section class=\"step active\" id=\"step1\">\n    <div class=\"step-head\">\n      <span class=\"step-tag\">STEP 1 \/ 2<\/span>\n      <div class=\"step-icon\"><i class=\"fa-solid fa-house-user\"><\/i><\/div>\n      <h2 class=\"step-title\" id=\"i-1\">\u3069\u3053\u307e\u3067\u30b5\u30dd\u30fc\u30c8\u304c\u5fc5\u8981\u3067\u3059\u304b\uff1f<\/h2>\n      <p class=\"step-sub\">\u307e\u305a\u306f\u904b\u55b6\u5f62\u614b\u3092\u3046\u304b\u304c\u3044\u3001\u6700\u9069\u306a\u30d7\u30e9\u30f3\u3092\u3054\u6848\u5185\u3057\u307e\u3059\u3002<\/p>\n    <\/div>\n\n    <!-- Q-A: \u55b6\u696d\u5f62\u614b -->\n    <div class=\"q\" data-form-q=\"0\">\n      <div class=\"q-num\">\u306f\u3058\u3081\u306b<span class=\"cat-pill\">\u904b\u55b6\u5f62\u614b<\/span><\/div>\n      <div class=\"q-title\">\u3069\u306e\u5f62\u614b\u3067\u6c11\u6cca\u3092\u904b\u55b6\u3055\u308c\u307e\u3059\u304b\uff08\u3055\u308c\u308b\u4e88\u5b9a\u3067\u3059\u304b\uff09\uff1f<\/div>\n      <div class=\"q-desc\">\u904b\u55b6\u5f62\u614b\u306b\u3088\u3063\u3066\u3001\u5fc5\u8981\u3068\u306a\u308b\u30b5\u30dd\u30fc\u30c8\u3084\u3054\u5951\u7d04\u306e\u5f62\u304c\u5909\u308f\u308a\u307e\u3059\u3002<strong>\u4f4f\u5b85\u5bbf\u6cca\u4e8b\u696d\u6cd5\uff08\u6c11\u6cca\u65b0\u6cd5\uff09<\/strong>\u3067\u306f\u3001\u30db\u30b9\u30c8\u69d8\u304c\u4f4f\u5b85\u5bbf\u6cca\u7ba1\u7406\u696d\u306e\u767b\u9332\u3092\u304a\u6301\u3061\u3067\u306a\u3044\u5834\u5408\u3001\u5f0a\u793e\u3068\u306e<strong>\u4f4f\u5b85\u5bbf\u6cca\u7ba1\u7406\u696d\u8005\u5951\u7d04<\/strong>\u304c\u5fc5\u8981\u3067\u3059\u3002<\/div>\n      <div class=\"opts\">\n        <button class=\"opt\" data-v=\"ryokan\"><span class=\"ic neutral\"><i class=\"fa-solid fa-check\"><\/i><\/span><span class=\"txt\">\u65c5\u9928\u696d\uff08\u7c21\u6613\u5bbf\u6240\u306a\u3069\uff09<small>\u2192 \u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u306e\u9032\u3081\u65b9\u3092\u3046\u304b\u304c\u3044\u307e\u3059<\/small><\/span><\/button>\n        <button class=\"opt\" data-v=\"tokku\"><span class=\"ic neutral\"><i class=\"fa-solid fa-check\"><\/i><\/span><span class=\"txt\">\u7279\u533a\u6c11\u6cca<small>\u2192 \u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u306e\u9032\u3081\u65b9\u3092\u3046\u304b\u304c\u3044\u307e\u3059<\/small><\/span><\/button>\n        <button class=\"opt\" data-v=\"minpaku\"><span class=\"ic neutral\"><i class=\"fa-solid fa-check\"><\/i><\/span><span class=\"txt\">\u4f4f\u5b85\u5bbf\u6cca\u4e8b\u696d\u6cd5\uff08\u6c11\u6cca\u65b0\u6cd5\uff09<small>\u2192 \u7ba1\u7406\u696d\u8005\u5951\u7d04\u304c\u5fc5\u8981\u3067\u3059<\/small><\/span><\/button>\n        <button class=\"opt\" data-v=\"undecided\"><span class=\"ic neutral\"><i class=\"fa-solid fa-check\"><\/i><\/span><span class=\"txt\">\u307e\u3060\u6c7a\u3081\u3066\u3044\u306a\u3044\u30fb\u308f\u304b\u3089\u306a\u3044<small>\u2192 \u7121\u6599\u76f8\u8ac7\u3067\u3054\u4e00\u7dd2\u306b\u78ba\u8a8d\u3057\u307e\u3059<\/small><\/span><\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Q0: \u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u8981\u5426\uff08\u65c5\u9928\u696d\u306e\u3068\u304d\u3060\u3051\u8868\u793a\uff09 -->\n    <div id=\"checkinBlock\" style=\"display:none;\">\n      <div class=\"ops-intro\">\n        <div class=\"ops-intro-line\"><\/div>\n        <span>\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u306b\u3064\u3044\u3066<\/span>\n      <\/div>\n      <div class=\"q\" data-base-q=\"0\">\n        <div class=\"q-num\">\u30c1\u30a7\u30c3\u30af\u30a4\u30f3<span class=\"cat-pill\">\u7121\u4eba\u904b\u55b6<\/span><\/div>\n        <div class=\"q-title\">\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u306e\u81ea\u52d5\u5316\u3092\u3001\u5f0a\u793e\u306b\u304a\u4efb\u305b\u3057\u305f\u3044\u3067\u3059\u304b\uff1f<\/div>\n        <div class=\"q-desc\">\u7121\u4eba\u904b\u55b6\u306b\u306f\u3001\u30b2\u30b9\u30c8\u304cQR\u30b3\u30fc\u30c9\u3067\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u3067\u304d\u308b\u4ed5\u7d44\u307f\u3001\u30b9\u30de\u30fc\u30c8\u30ed\u30c3\u30af\u3068\u306e\u9023\u643a\u3001<strong>\u5bbf\u6cca\u8005\u540d\u7c3f\u306e\u7ba1\u7406<\/strong>\u306a\u3069\u304c\u5fc5\u8981\u3067\u3059\u3002\u5f0a\u793e\u306e<strong>\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0<\/strong>\u3092\u4f7f\u3048\u3070\u3001\u3053\u308c\u3089\u3092\u307e\u3068\u3081\u3066\u81ea\u52d5\u5316\u3067\u304d\u307e\u3059\u3002<\/div>\n        <div class=\"q-note\">\u203b <strong>\u65c5\u9928\u696d\u30fb\u7279\u533a\u6c11\u6cca\u306e\u5834\u5408<\/strong>\u3001\u3059\u3067\u306b\u3054\u81ea\u8eab\u3067\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u306e\u4ed5\u7d44\u307f\u3092\u304a\u6301\u3061\u3067\u3042\u308c\u3070\u3001\u30d7\u30e9\u30f3\u5951\u7d04\u306a\u3057\u3067\u5fc5\u8981\u306a\u30aa\u30d7\u30b7\u30e7\u30f3\u3060\u3051\u3092\u3054\u5229\u7528\u3044\u305f\u3060\u304f\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<br>\u203b <strong>\u4f4f\u5b85\u5bbf\u6cca\u4e8b\u696d\u6cd5\uff08\u6c11\u6cca\u65b0\u6cd5\uff09<\/strong>\u3067\u306f\u3001\u81ea\u524d\u306e\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3092\u3054\u5229\u7528\u306e\u5834\u5408\u3067\u3082\u3001\u5f0a\u793e\u3068\u306e<strong>\u4f4f\u5b85\u5bbf\u6cca\u7ba1\u7406\u696d\u8005\u5951\u7d04<\/strong>\u304c\u5fc5\u8981\u306a\u305f\u3081\u3001\u57fa\u672c\u30d7\u30e9\u30f3\u4ee5\u4e0a\u306e\u3054\u5951\u7d04\u3092\u304a\u9858\u3044\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/div>\n        <div class=\"opts\">\n          <button class=\"opt\" data-v=\"no\"><span class=\"ic yes\"><i class=\"fa-solid fa-check\"><\/i><\/span><span class=\"txt\">\u81ea\u5206\u3067\u4ed5\u7d44\u307f\u3092\u7528\u610f\u3067\u304d\u308b\uff0f\u3082\u3046\u3042\u308b<small>\u2192 \u5fc5\u8981\u306a\u30b5\u30dd\u30fc\u30c8\u3060\u3051\u3054\u6848\u5185\u3057\u307e\u3059<\/small><\/span><\/button>\n          <button class=\"opt\" data-v=\"yes\"><span class=\"ic no\"><i class=\"fa-solid fa-xmark\"><\/i><\/span><span class=\"txt\">\u304a\u4efb\u305b\u3057\u305f\u3044<small>\u2192 \u30d7\u30e9\u30f3\u8a3a\u65ad\u306b\u3059\u3059\u307f\u307e\u3059<\/small><\/span><\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u904b\u55b63\u554f\uff08Q0=\u306f\u3044\u306e\u3068\u304d\u3060\u3051\u8868\u793a\uff09 -->\n    <div id=\"opsBlock\" style=\"display:none;\">\n      <div class=\"ops-intro\">\n        <div class=\"ops-intro-line\"><\/div>\n        <span>\u7d9a\u3051\u3066\u3001\u904b\u55b6\u306e\u9032\u3081\u65b9\u3092\u3046\u304b\u304c\u3044\u307e\u3059<\/span>\n      <\/div>\n\n      <!-- Q1 -->\n      <div class=\"q\" data-plan-q=\"0\">\n        <div class=\"q-num\">\u8cea\u554f 1 \/ 3<span class=\"cat-pill\">\u30b2\u30b9\u30c8\u5bfe\u5fdc<\/span><\/div>\n        <div class=\"q-title\">\u6df1\u591c\u3084\u65e9\u671d\u306e\u30b2\u30b9\u30c8\u5bfe\u5fdc\u306f\u3001\u3069\u3046\u3055\u308c\u307e\u3059\u304b\uff1f<\/div>\n        <div class=\"q-desc\">\u6c11\u6cca\u3067\u306f\u6642\u9593\u3092\u554f\u308f\u305a\u3001\u300c\u304a\u6e6f\u304c\u51fa\u306a\u3044\u300d\u300c\u8a2d\u5099\u306e\u4f7f\u3044\u65b9\u304c\u308f\u304b\u3089\u306a\u3044\u300d\u300c\u9a12\u97f3\u3067\u7720\u308c\u306a\u3044\u300d\u3068\u3044\u3063\u305f\u9023\u7d61\u304c\u30b2\u30b9\u30c8\u304b\u3089\u5165\u308a\u307e\u3059\u3002\u5f0a\u793e\u3067\u306f<strong>24\u6642\u9593\u30fb\u65e5\u672c\u4eba\u30d0\u30a4\u30ea\u30f3\u30ac\u30eb\u30b9\u30bf\u30c3\u30d5<\/strong>\u304c\u96fb\u8a71\u30fb\u30e1\u30fc\u30eb\u3067\u5bfe\u5fdc\u3057\u3001<strong>60\u5206\u4ee5\u5185\u306b\u8fd4\u4fe1<\/strong>\u3057\u307e\u3059\uff08\u99c6\u3051\u3064\u3051\u5bfe\u5fdc\u3084\u696d\u8005\u624b\u914d\u304c\u5fc5\u8981\u306a\u5834\u5408\u306e\u307f\u3001\u30db\u30b9\u30c8\u69d8\u306b\u3054\u9023\u7d61\u30fb\u5bfe\u5fdc\u3092\u304a\u9858\u3044\u3057\u307e\u3059\uff09\u3002<\/div>\n        <div class=\"q-note\">\u203b \u73fe\u5730\u3078\u306e<strong>\u99c6\u3051\u3064\u3051\u5bfe\u5fdc<\/strong>\u306f\u3001\u3069\u306e\u30d7\u30e9\u30f3\u3067\u3082\u30db\u30b9\u30c8\u69d8\u306b\u3066\u99c6\u3051\u3064\u3051\u696d\u8005\u306e\u624b\u914d\u304c\u5fc5\u8981\u3067\u3059\uff08\u5f0a\u793e\u306e\u5bfe\u5fdc\u7bc4\u56f2\u5916\u3067\u3059\uff09\u3002<\/div>\n        <div class=\"opts\">\n          <button class=\"opt\" data-v=\"yes\"><span class=\"ic yes\"><i class=\"fa-solid fa-check\"><\/i><\/span><span class=\"txt\">\u81ea\u5206\u3084\u5bb6\u65cf\u30fb\u30b9\u30bf\u30c3\u30d5\u3067\u5bfe\u5fdc\u3067\u304d\u308b<\/span><\/button>\n          <button class=\"opt\" data-v=\"no\"><span class=\"ic no\"><i class=\"fa-solid fa-xmark\"><\/i><\/span><span class=\"txt\">\u81ea\u5206\u3067\u306f\u96e3\u3057\u3044\u30fb\u672c\u696d\u306b\u96c6\u4e2d\u3057\u305f\u3044<\/span><\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Q2 -->\n      <div class=\"q\" data-plan-q=\"1\">\n        <div class=\"q-num\">\u8cea\u554f 2 \/ 3<span class=\"cat-pill\">\u6e05\u6383\u306e\u3084\u308a\u3068\u308a<\/span><\/div>\n        <div class=\"q-title\">\u904b\u55b6\u958b\u59cb\u5f8c\u3001\u4e88\u7d04\u3054\u3068\u306e\u6e05\u6383\u306e\u3084\u308a\u3068\u308a\u306f\u3001\u3069\u3046\u3055\u308c\u307e\u3059\u304b\uff1f<\/div>\n        <div class=\"q-desc\">\u5bbf\u6cca\u304c\u7d42\u308f\u308b\u305f\u3073\u306b\u6e05\u6383\u304c\u5fc5\u8981\u3067\u3059\u3002\u4e88\u7d04\u3054\u3068\u306e\u6e05\u6383\u4f1a\u793e\u3078\u306e\u9023\u7d61\u30fb\u65e5\u7a0b\u8abf\u6574\u3084\u3001\u300c\u6383\u9664\u304c\u7d42\u308f\u3063\u3066\u3044\u306a\u3044\u300d\u3068\u3044\u3063\u305f\u30c8\u30e9\u30d6\u30eb\u306e\u78ba\u8a8d\u306a\u3069\u3001\u904b\u55b6\u958b\u59cb\u5f8c\u306f\u3053\u307e\u3081\u306a\u3084\u308a\u3068\u308a\u304c\u767a\u751f\u3057\u307e\u3059\u3002<\/div>\n        <div class=\"q-note\">\u203b \u6e05\u6383\u4f1a\u793e\u3068\u306e\u5951\u7d04\u30fb\u6d88\u8017\u54c1\u3084\u5099\u54c1\u306e\u88dc\u5145\u306f\u3001\u3069\u3061\u3089\u306e\u30d7\u30e9\u30f3\u3067\u3082\u30db\u30b9\u30c8\u69d8\u304b\u3089\u6e05\u6383\u4f1a\u793e\u3078\u76f4\u63a5\u304a\u9858\u3044\u3044\u305f\u3060\u304d\u307e\u3059\uff08\u5f0a\u793e\u306e\u5bfe\u5fdc\u7bc4\u56f2\u5916\u3067\u3059\uff09\u3002<br>\u203b \u958b\u696d\u524d\u306e\u6e05\u6383\u4f1a\u793e\u306e\u7d39\u4ecb\u3092\u3054\u5e0c\u671b\u306e\u5834\u5408\u306f\u3001\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u306e\u300c\u696d\u8005\u7d39\u4ecb\u300d\u3092\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002<\/div>\n        <div class=\"opts\">\n          <button class=\"opt\" data-v=\"yes\"><span class=\"ic yes\"><i class=\"fa-solid fa-check\"><\/i><\/span><span class=\"txt\">\u81ea\u5206\u3067\u624b\u914d\u30fb\u78ba\u8a8d\u3067\u304d\u308b<\/span><\/button>\n          <button class=\"opt\" data-v=\"no\"><span class=\"ic no\"><i class=\"fa-solid fa-xmark\"><\/i><\/span><span class=\"txt\">\u81ea\u52d5\u3067\u3084\u3063\u3066\u307b\u3057\u3044\u30fb\u624b\u9593\u3092\u6e1b\u3089\u3057\u305f\u3044<\/span><\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Q3 -->\n      <div class=\"q\" data-plan-q=\"2\">\n        <div class=\"q-num\">\u8cea\u554f 3 \/ 3<span class=\"cat-pill\">\u53e3\u30b3\u30df\u5bfe\u5fdc<\/span><\/div>\n        <div class=\"q-title\">\u53e3\u30b3\u30df\uff08\u7279\u306b\u4f4e\u8a55\u4fa1\uff09\u3078\u306e\u5bfe\u5fdc\u306f\u3001\u3069\u3046\u3055\u308c\u307e\u3059\u304b\uff1f<\/div>\n        <div class=\"q-desc\">\u30b2\u30b9\u30c8\u306e\u53e3\u30b3\u30df\u306f\u4e88\u7d04\u6570\u306b\u76f4\u7d50\u3057\u307e\u3059\u3002\u7279\u306b\u4f4e\u8a55\u4fa1\u304c\u3064\u3044\u305f\u3068\u304d\u306f\u3001\u539f\u56e0\u306e\u5206\u6790\u30fb\u6e05\u6383\u4f1a\u793e\u3078\u306e\u5171\u6709\u30fb\u8fd4\u4fe1\u6587\u306e\u4f5c\u6210\u307e\u3067\u5bfe\u5fdc\u304c\u5fc5\u8981\u3067\u3059\u3002<\/div>\n        <div class=\"opts\">\n          <button class=\"opt\" data-v=\"yes\"><span class=\"ic yes\"><i class=\"fa-solid fa-check\"><\/i><\/span><span class=\"txt\">\u81ea\u5206\u3067\u5bfe\u5fdc\u3067\u304d\u308b<\/span><\/button>\n          <button class=\"opt\" data-v=\"no\"><span class=\"ic no\"><i class=\"fa-solid fa-xmark\"><\/i><\/span><span class=\"txt\">\u30d7\u30ed\u306b\u4efb\u305b\u305f\u3044<\/span><\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"nav\">\n      <button class=\"btn btn-primary\" id=\"toStep2\" disabled>\u30aa\u30d7\u30b7\u30e7\u30f3\u8a3a\u65ad\u306b\u3059\u3059\u3080<\/button>\n    <\/div>\n  <\/section>\n\n  <!-- ============ STEP 2: OPTIONS ============ -->\n  <section class=\"step\" id=\"step2\">\n    <div class=\"step-head\">\n      <span class=\"step-tag\">STEP 2 \/ 2<\/span>\n      <div class=\"step-icon\"><i class=\"fa-solid fa-screwdriver-wrench\"><\/i><\/div>\n      <h2 class=\"step-title\" id=\"i-2\">\u3069\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u5fc5\u8981\u3067\u3059\u304b\uff1f<\/h2>\n      <p class=\"step-sub\">\u6c11\u6cca\u3092\u59cb\u3081\u308b\u306e\u306b\u5fc5\u8981\u306a\u4f5c\u696d\u3092\u3001\u3072\u3068\u3064\u305a\u3064\u78ba\u8a8d\u3057\u307e\u3059\u3002<br>\u300c\u308f\u304b\u3089\u306a\u3044\u300d\u300c\u4e0d\u5b89\u300d\u3082\u305d\u306e\u307e\u307e\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u3002<\/p>\n    <\/div>\n\n    <!-- \u7acb\u5730\u8cea\u554f -->\n    <div class=\"q\" data-loc-q=\"0\">\n      <div class=\"q-num\"><span class=\"cat-pill\">\u7269\u4ef6\u306e\u6240\u5728\u5730<\/span><\/div>\n      <div class=\"q-title\">\u7269\u4ef6\u306e\u6240\u5728\u5730\u306f\u6771\u4eac23\u533a\u5185\u3067\u3059\u304b\uff1f<\/div>\n      <div class=\"q-desc\">\u6240\u5728\u5730\u306b\u3088\u3063\u3066\u3001\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u308b\u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u5909\u308f\u308a\u307e\u3059\u3002\u9375\u30fb\u5099\u54c1\u306e\u8a2d\u7f6e\u3092\u307e\u3068\u3081\u3066\u4ee3\u884c\u3059\u308b<strong>\u521d\u671f\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/strong>\u306f\u3001\u6771\u4eac23\u533a\u5185\u306e\u7269\u4ef6\u304c\u5bfe\u8c61\u3067\u3059\u3002<\/div>\n      <div class=\"opts\">\n        <button class=\"opt\" data-v=\"in\"><span class=\"ic neutral\"><i class=\"fa-solid fa-check\"><\/i><\/span><span class=\"txt\">\u6771\u4eac23\u533a\u5185\u3067\u3059<\/span><\/button>\n        <button class=\"opt\" data-v=\"out\"><span class=\"ic neutral\"><i class=\"fa-solid fa-check\"><\/i><\/span><span class=\"txt\">\u6771\u4eac23\u533a\u5916\u3067\u3059<\/span><\/button>\n      <\/div>\n    <\/div>\n\n    <div id=\"optContainer\"><\/div>\n\n    <div class=\"nav\">\n      <button class=\"btn btn-ghost\" id=\"backToStep1\">\u3082\u3069\u308b<\/button>\n      <button class=\"btn btn-primary\" id=\"toResult\" disabled>\u8a3a\u65ad\u7d50\u679c\u3092\u307f\u308b<\/button>\n    <\/div>\n  <\/section>\n\n  <!-- ============ RESULT ============ -->\n  <section class=\"step\" id=\"stepResult\">\n    <div class=\"result-hero\">\n      <div class=\"circle-deco\"><\/div>\n      <div class=\"label\">\u3042\u306a\u305f\u3078\u306e\u304a\u3059\u3059\u3081\u30d7\u30e9\u30f3<\/div>\n      <div class=\"plan-name\" id=\"resPlanName\">\u2015<\/div>\n      <div class=\"plan-price\" id=\"resPlanPrice\">\u2015<\/div>\n      <div class=\"plan-tag\" id=\"resPlanTag\">\u2015<\/div>\n    <\/div>\n\n    <div class=\"card\">\n      <h3 id=\"i-3\"><span class=\"h-ic\"><i class=\"fa-solid fa-list-check\"><\/i><\/span>\u304a\u3059\u3059\u3081\u306e\u30b5\u30dd\u30fc\u30c8\u69cb\u6210<\/h3>\n      <div id=\"resIncluded\"><\/div>\n    <\/div>\n\n    <div class=\"estimate\">\n      <h3 id=\"i-4\"><span class=\"h-ic\"><i class=\"fa-solid fa-calculator\"><\/i><\/span>\u6982\u7b97\u304a\u898b\u7a4d\u308a<\/h3>\n      <div id=\"resEstimate\"><\/div>\n      <div class=\"est-note\" id=\"resEstNote\"><\/div>\n    <\/div>\n\n    <div class=\"cta-final\">\n      <h3 id=\"i-5\">\u8a3a\u65ad\u7d50\u679c\u3092\u9001\u308b<\/h3>\n      <p>\u304a\u540d\u524d\u3068\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u3054\u5165\u529b\u306e\u3046\u3048\u9001\u4fe1\u304f\u3060\u3055\u3044\u3002<br>\u9001\u4fe1\u5f8c\u3001<strong>\u7121\u6599\u76f8\u8ac7\u30d5\u30a9\u30fc\u30e0<\/strong>\u3078\u3054\u6848\u5185\u3057\u307e\u3059\u3002\u8a3a\u65ad\u7d50\u679c\u3092\u3082\u3068\u306b\u5c02\u9580\u30b9\u30bf\u30c3\u30d5\u304c\u6b63\u5f0f\u306a\u304a\u898b\u7a4d\u308a\u3068\u53d7\u8a17\u53ef\u5426\u3092\u3054\u56de\u7b54\u3057\u307e\u3059\u3002<\/p>\n      <div class=\"send-form\">\n        <div class=\"form-row\">\n          <div class=\"form-field\">\n            <label for=\"lastName\">\u59d3 <span class=\"req\">\u5fc5\u9808<\/span><\/label>\n            <input type=\"text\" id=\"lastName\" placeholder=\"\u5c71\u7530\" autocomplete=\"family-name\">\n          <\/div>\n          <div class=\"form-field\">\n            <label for=\"firstName\">\u540d <span class=\"req\">\u5fc5\u9808<\/span><\/label>\n            <input type=\"text\" id=\"firstName\" placeholder=\"\u592a\u90ce\" autocomplete=\"given-name\">\n          <\/div>\n        <\/div>\n        <div class=\"form-field\">\n          <label for=\"email\">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9 <span class=\"req\">\u5fc5\u9808<\/span><\/label>\n          <input type=\"email\" id=\"email\" placeholder=\"example@email.com\" autocomplete=\"email\">\n        <\/div>\n        <div class=\"form-error\" id=\"formError\"><\/div>\n        <button class=\"send-btn\" id=\"sendBtn\">\u8a3a\u65ad\u7d50\u679c\u3092\u9001\u308b<\/button>\n        <div class=\"send-status\" id=\"sendStatus\"><\/div>\n        <div class=\"post-send\" id=\"postSend\" style=\"display:none;\">\n          <div class=\"post-send-tag\">NEXT STEP<\/div>\n          <h4 id=\"i-6\">\u7d9a\u3044\u3066\u3001\u7121\u6599\u76f8\u8ac7\u30d5\u30a9\u30fc\u30e0\u3078\u304a\u9032\u307f\u304f\u3060\u3055\u3044<\/h4>\n          <p>\u62c5\u5f53\u8005\u304c\u3088\u308a\u8a73\u3057\u304f\u304a\u8a71\u3092\u3046\u304b\u304c\u3044\u3001<br><strong>\u6b63\u5f0f\u306a\u304a\u898b\u7a4d\u308a<\/strong>\u3068<strong>\u53d7\u8a17\u53ef\u5426<\/strong>\u3092\u3054\u56de\u7b54\u3057\u307e\u3059\u3002<br>\u3054\u76f8\u8ac7\u306f\u7121\u6599\u3067\u3059\u3002\u304a\u6c17\u8efd\u306b\u3069\u3046\u305e\u3002<\/p>\n          <a href=\"https:\/\/bizpato.com\/minpaku\/minpaku-lp\/lp-order\/#form\" target=\"_blank\" rel=\"noopener\" class=\"post-send-btn\">\u7121\u6599\u76f8\u8ac7\u30d5\u30a9\u30fc\u30e0\u3078 <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"pdf-save-card\" id=\"pdfSaveCard\" style=\"display:none;\">\n      <button class=\"btn-pdf\" id=\"downloadPdfBtn\"><i class=\"fa-solid fa-download\"><\/i>\u8a3a\u65ad\u7d50\u679c\u3092PDF\u3067\u4fdd\u5b58\u3059\u308b<\/button>\n      <p class=\"pdf-note\">\u9001\u4fe1\u5185\u5bb9\u306e\u63a7\u3048\u3068\u3057\u3066\u3044\u3064\u3067\u3082\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3067\u304d\u307e\u3059<\/p>\n    <\/div>\n\n    <div class=\"premium-banner\" id=\"premiumBanner\">\n      <div class=\"circle-deco\"><\/div>\n      <div class=\"pb-tag\">\uff0b \u3055\u3089\u306b\u4e0a\u306e\u30d7\u30e9\u30f3\u3092\u304a\u63a2\u3057\u306e\u65b9\u3078<\/div>\n      <h4 id=\"i-7\">\u30d7\u30ec\u30df\u30a2\u30e0\u30d7\u30e9\u30f3\uff08\u30d5\u30eb\u304a\u307e\u304b\u305b\uff09<\/h4>\n      <p><strong>\u65c5\u9928\u696d<\/strong>\u3067\u3001\u6771\u4eac\u90fd23\u533a\u5185\u306e\u540c\u3058\u5efa\u7269\u306b<strong>3\u5ba4\u4ee5\u4e0a<\/strong>\u3092\u304a\u6301\u3061\u306e\u65b9\u306f\u3001\u30b2\u30b9\u30c8\u5bfe\u5fdc\u304b\u3089\u6e05\u6383\u30fb\u4fa1\u683c\u8abf\u6574\u307e\u3067\u3059\u3079\u3066\u304a\u307e\u304b\u305b\u3044\u305f\u3060\u3051\u308b\u6210\u679c\u5831\u916c\u578b\u306e\u30d7\u30ec\u30df\u30a2\u30e0\u30d7\u30e9\u30f3\u3082\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002\u8a73\u3057\u304f\u306f\u7121\u6599\u76f8\u8ac7\u3067\u3054\u6848\u5185\u3057\u307e\u3059\u3002<\/p>\n    <\/div>\n\n    <div class=\"retry\">\n      <button id=\"retryBtn\">\u3082\u3046\u4e00\u5ea6\u8a3a\u65ad\u3059\u308b<\/button>\n    <\/div>\n\n    <p class=\"disclaimer\">\n      \u203b \u672c\u8a3a\u65ad\u306e\u7d50\u679c\u30fb\u6982\u7b97\u91d1\u984d\u306f\u3042\u304f\u307e\u3067\u76ee\u5b89\u3067\u3059\u3002\u6b63\u5f0f\u306a\u30d7\u30e9\u30f3\u30fb\u304a\u898b\u7a4d\u308a\u306f\u3001\u7269\u4ef6\u306e\u72b6\u6cc1\u3084\u53d7\u8a17\u53ef\u5426\u306e\u78ba\u8a8d\u306e\u3046\u3048\u3001\u78ba\u5b9a\u3044\u305f\u3057\u307e\u3059\u3002<br>\n      \u203b \u8868\u793a\u91d1\u984d\u306f\u3059\u3079\u3066\u7a0e\u629c\u30fb1\u7269\u4ef6\u3042\u305f\u308a\u3067\u3059\u3002\u5225\u9014\u3001Beds24\u30fbPriceLabs\u7b49\u306e\u5b9f\u8cbb\uff08\u30db\u30b9\u30c8\u69d8\u8ca0\u62c5\uff09\u304c\u767a\u751f\u3057\u307e\u3059\u3002\n    <\/p>\n  <\/section>\n\n  <div class=\"footer-brand\">BIZPATO MINPAKU MANAGEMENT<\/div>\n\n<\/div>\n<\/main>\n\n<script>\n\/\/ ===== Data =====\nconst PLAN = {\n  basic:    { name:'\u57fa\u672c\u30d7\u30e9\u30f3',   monthly:19800, initial:34800, tag:'\u521d\u671f\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u4e2d\u5fc3\u30fb\u81ea\u5206\u3067\u904b\u55b6\u3057\u305f\u3044\u65b9\u306b' },\n  standard: { name:'\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9', monthly:69800, initial:98000, tag:'\u904b\u55b6\u3092\u307e\u308b\u3054\u3068\u304a\u4efb\u305b\u3057\u305f\u3044\u65b9\u306b' }\n};\n\nconst OPTIONS = [\n  { id:'op8', cat:'\u958b\u696d\u6e96\u5099', name:'\u521d\u671f\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7', region:'\u6771\u4eac23\u533a\u5185\u306e\u307f',\n    desc:'\u958b\u696d\u306b\u5fc5\u8981\u306a\u6e96\u5099\u3092\u307e\u308b\u3054\u3068\u4ee3\u884c\u3059\u308b\u3001\u304a\u307e\u304b\u305b\u30d1\u30c3\u30af\u3067\u3059\u3002\u6b21\u306e\u4f5c\u696d\u304c\u3059\u3079\u3066\u542b\u307e\u308c\u307e\u3059\uff1a<strong>\u4e88\u7d04\u30b5\u30a4\u30c8\u3078\u306e\u63b2\u8f09\uff0f\u4e88\u7d04\u30b7\u30b9\u30c6\u30e0\uff08Beds24\uff09\u9023\u643a\uff0f\u30cf\u30a6\u30b9\u30de\u30cb\u30e5\u30a2\u30eb\u4f5c\u6210\uff0f\u7269\u4ef6\u5199\u771f\u30fb\u8a2d\u5099\u5199\u771f\u306e\u64ae\u5f71<\/strong>\u3001\u9375\u30fb\u9632\u72af\u30ab\u30e1\u30e9\u306e\u8cfc\u5165\u304b\u3089\u53d6\u308a\u4ed8\u3051\u5de5\u4e8b\u306e\u7acb\u3061\u4f1a\u3044\u30fb\u521d\u671f\u8a2d\u5b9a\u3001\u30bf\u30d6\u30ec\u30c3\u30c8\u8cfc\u5165\u30fb\u8a2d\u7f6e\uff08\u672c\u4eba\u78ba\u8a8dOP\u5951\u7d04\u6642\uff09\u3001\u30b9\u30da\u30a2\u30ad\u30fc\u30fb\u521d\u56de\u5099\u54c1\u30fb\u30a2\u30e1\u30cb\u30c6\u30a3\u306e\u9078\u5b9a\u30fb\u8a2d\u7f6e\u3001\u73fe\u5730\u8abf\u67fb\u3001\u6e05\u6383\u4f1a\u793e\u306e\u624b\u914d\u3002\u500b\u5225\u306b\u3054\u4f9d\u983c\u3044\u305f\u3060\u304f\u3088\u308a\u3001\u624b\u9593\u306a\u304f\u307e\u3068\u3081\u3066\u3054\u6e96\u5099\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u6771\u4eac23\u533a\u5185\u306e\u7269\u4ef6\u304c\u5bfe\u8c61\u3067\u3059\u3002',\n    price:400000, type:'initial',\n    yes:'\u81ea\u5206\u3067\u8a2d\u7f6e\u30fb\u624b\u914d\u3067\u304d\u308b', no:'\u307e\u308b\u3054\u3068\u6e96\u5099\u3092\u304a\u9858\u3044\u3057\u305f\u3044' },\n\n  { id:'op1', cat:'\u958b\u696d\u6e96\u5099', name:'\u4e88\u7d04\u30b5\u30a4\u30c8\u3078\u306e\u63b2\u8f09', includedInSetup:true,\n    desc:'\u6c11\u6cca\u3092\u59cb\u3081\u308b\u306b\u306f\u3001Airbnb \u3084 Booking.com \u306b\u7269\u4ef6\u30da\u30fc\u30b8\u3092\u4f5c\u3063\u3066\u516c\u958b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u5199\u771f\u306e\u4e26\u3079\u65b9\u3001\u8aac\u660e\u6587\u3001\u6599\u91d1\u3084\u30ad\u30e3\u30f3\u30bb\u30eb\u898f\u5b9a\u306e\u8a2d\u5b9a\u306a\u3069\u3001\u6163\u308c\u3066\u3044\u306a\u3044\u3068\u534a\u65e5\u301c\u6570\u65e5\u304b\u304b\u308b\u4f5c\u696d\u3067\u3059\u3002\u63b2\u8f09\u5185\u5bb9\u306e\u826f\u3057\u60aa\u3057\u306f\u4e88\u7d04\u306e\u5165\u308a\u3084\u3059\u3055\u306b\u76f4\u7d50\u3057\u307e\u3059\u3002<br>\u203b \u3053\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306b\u306f\u3001<strong>\u4e88\u7d04\u30b7\u30b9\u30c6\u30e0\uff08Beds24\uff09\u306e\u9023\u643a\u8a2d\u5b9a\uff08\u5358\u4f5330,000\u5186\uff09\u3082\u542b\u307e\u308c\u307e\u3059<\/strong>\u3002',\n    price:150000, type:'initial',\n    yes:'\u3082\u3046\u63b2\u8f09\u3067\u304d\u3066\u3044\u308b\uff0f\u81ea\u5206\u3067\u4f5c\u308c\u308b', no:'\u30d7\u30ed\u306b\u304d\u308c\u3044\u306b\u4f5c\u3063\u3066\u307b\u3057\u3044' },\n\n  { id:'op2', cat:'\u958b\u696d\u6e96\u5099', name:'\u4e88\u7d04\u30b7\u30b9\u30c6\u30e0\u306e\u9023\u643a\u8a2d\u5b9a', includedInSetup:true,\n    desc:'\u8907\u6570\u306e\u4e88\u7d04\u30b5\u30a4\u30c8\u306b\u63b2\u8f09\u3059\u308b\u3068\u3001\u4e88\u7d04\u72b6\u6cc1\u3092\u307e\u3068\u3081\u3066\u7ba1\u7406\u3059\u308b\u4ed5\u7d44\u307f\uff08Beds24\uff09\u304c\u5fc5\u8981\u3067\u3059\u3002\u3053\u308c\u304c\u306a\u3044\u3068\u3001\u540c\u3058\u65e5\u306b\u4e8c\u91cd\u4e88\u7d04\u304c\u5165\u3063\u3066\u3057\u307e\u3046\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u5404\u30b5\u30a4\u30c8\u3068\u306e\u63a5\u7d9a\u8a2d\u5b9a\u306f\u3084\u3084\u5c02\u9580\u7684\u306a\u4f5c\u696d\u3067\u3059\u3002<br>\u203b \u3053\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306f\u3001<strong>\u4e88\u7d04\u30b5\u30a4\u30c8\u63b2\u8f09OP\uff08150,000\u5186\uff09\u306b\u542b\u307e\u308c\u307e\u3059<\/strong>\u3002\u63b2\u8f09\u3092\u3054\u81ea\u8eab\u3067\u6e08\u307e\u305b\u305f\u65b9\u304c\u3001\u9023\u643a\u3060\u3051\u3092\u4f9d\u983c\u3059\u308b\u5834\u5408\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3067\u3059\u3002<br>\u203b \u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u3092\u3054\u5951\u7d04\u306e\u5834\u5408\u306f\u3001\u63b2\u8f09\u30b5\u30a4\u30c8\u304cAirbnb\u306e\u307f\u30fbBooking\u306e\u307f\u3067\u3042\u3063\u3066\u3082\u3001Beds24\u9023\u643a\u304c\u5fc5\u9808\u3068\u306a\u308a\u307e\u3059\u3002',\n    price:30000, type:'initial',\n    yes:'\u8a2d\u5b9a\u3067\u304d\u3066\u3044\u308b\uff0f\u81ea\u5206\u3067\u3084\u308c\u308b', no:'\u8a2d\u5b9a\u3092\u304a\u9858\u3044\u3057\u305f\u3044' },\n\n  { id:'op3', cat:'\u958b\u696d\u6e96\u5099', name:'\u30cf\u30a6\u30b9\u30de\u30cb\u30e5\u30a2\u30eb\u306e\u4f5c\u6210', includedInSetup:true,\n    desc:'\u30b2\u30b9\u30c8\u304c\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u65b9\u6cd5\u3084\u8a2d\u5099\u306e\u4f7f\u3044\u65b9\u3001\u30cf\u30a6\u30b9\u30eb\u30fc\u30eb\u3092\u78ba\u8a8d\u3059\u308b\u305f\u3081\u306e\u6848\u5185\u8cc7\u6599\u3067\u3059\u3002\u3053\u308c\u304c\u3042\u308b\u3068\u554f\u3044\u5408\u308f\u305b\u304c\u6e1b\u308a\u3001\u30b2\u30b9\u30c8\u306e\u6e80\u8db3\u5ea6\u3082\u4e0a\u304c\u308a\u307e\u3059\u3002\u5199\u771f\u4ed8\u304d\u3067\u5206\u304b\u308a\u3084\u3059\u304f\u4f5c\u308b\u306b\u306f\u624b\u9593\u304c\u304b\u304b\u308a\u307e\u3059\u3002',\n    price:50000, type:'initial',\n    yes:'\u81ea\u5206\u3067\u4f5c\u308c\u308b\uff0f\u7528\u610f\u3067\u304d\u308b', no:'\u30d7\u30ed\u306b\u4f5c\u3063\u3066\u307b\u3057\u3044' },\n\n  { id:'op4', cat:'\u958b\u696d\u6e96\u5099', name:'\u7269\u4ef6\u5199\u771f\u306e\u64ae\u5f71', includedInSetup:true,\n    desc:'\u4e88\u7d04\u30b5\u30a4\u30c8\u306e\u5199\u771f\u306f\u3001\u4e88\u7d04\u6570\u3092\u5927\u304d\u304f\u5de6\u53f3\u3059\u308b\u6700\u3082\u91cd\u8981\u306a\u8981\u7d20\u306e\u3072\u3068\u3064\u3067\u3059\u3002\u30d7\u30ed\u306e\u30ab\u30e1\u30e9\u30de\u30f3\u304c\u3001\u304a\u90e8\u5c4b\u306e\u9b45\u529b\u304c\u4f1d\u308f\u308b\u7269\u4ef6\u5199\u771f\u3068\u3001\u30cf\u30a6\u30b9\u30de\u30cb\u30e5\u30a2\u30eb\u306b\u4f7f\u3046\u8a2d\u5099\u5199\u771f\u3092\u64ae\u5f71\u3057\u307e\u3059\u3002\u30b9\u30de\u30db\u64ae\u5f71\u3068\u306f\u4ed5\u4e0a\u304c\u308a\u304c\u5927\u304d\u304f\u5909\u308f\u308a\u307e\u3059\u3002',\n    price:100000, type:'initial',\n    yes:'\u826f\u3044\u5199\u771f\u3092\u81ea\u5206\u3067\u7528\u610f\u3067\u304d\u308b', no:'\u30d7\u30ed\u306b\u64ae\u5f71\u3057\u3066\u307b\u3057\u3044' },\n\n  { id:'op5', cat:'\u958b\u696d\u6e96\u5099', name:'\u907f\u96e3\u7d4c\u8def\u56f3\u306e\u4f5c\u6210',\n    desc:'\u65c5\u9928\u696d\u30fb\u7279\u533a\u6c11\u6cca\u3067\u306f\u3001\u304a\u90e8\u5c4b\u306b\u63b2\u793a\u3059\u308b\u907f\u96e3\u7d4c\u8def\u56f3\u304c\u5fc5\u8981\u3067\u3059\u3002\u6d88\u9632\u306b\u3082\u63d0\u51fa\u3067\u304d\u308b\u6b63\u5f0f\u306a\u56f3\u9762\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u6c7a\u307e\u3063\u305f\u69d8\u5f0f\u3067\u4f5c\u308b\u5fc5\u8981\u304c\u3042\u308a\u3001\u6163\u308c\u306a\u3044\u3068\u624b\u9593\u304c\u304b\u304b\u308a\u307e\u3059\u3002',\n    price:30000, type:'initial',\n    yes:'\u81ea\u5206\u3067\u7528\u610f\u3067\u304d\u308b\uff0f\u4e0d\u8981', no:'\u4f5c\u6210\u3092\u304a\u9858\u3044\u3057\u305f\u3044' },\n\n  { id:'op6', cat:'\u904b\u55b6', name:'\u5bbf\u6cca\u6599\u91d1\u306e\u8abf\u6574',\n    desc:'\u5bbf\u6cca\u6599\u91d1\u306f\u3001\u5468\u8fba\u306e\u76f8\u5834\u3084\u5b63\u7bc0\u30fb\u66dc\u65e5\u306b\u3042\u308f\u305b\u3066\u3053\u307e\u3081\u306b\u898b\u76f4\u3059\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002AI\u3067\u4fa1\u683c\u8abf\u6574\u3092\u3057\u306a\u304c\u3089\u3001\u90311\u56de\u307b\u3069\u7a3c\u50cd\u72b6\u6cc1\u3092\u898b\u3066\u4fa1\u683c\u3092\u8abf\u6574\u3059\u308b\u4f5c\u696d\u3092\u4ee3\u884c\u3057\u307e\u3059\u3002\u65e5\u3005\u306e\u4fa1\u683c\u30c1\u30a7\u30c3\u30af\u306e\u624b\u9593\u3092\u6e1b\u3089\u305b\u307e\u3059\u3002',\n    price:20000, type:'monthly',\n    yes:'\u81ea\u5206\u3067\u6599\u91d1\u7ba1\u7406\u3067\u304d\u308b', no:'\u9762\u5012\u306a\u4fa1\u683c\u8abf\u6574\u3092\u4efb\u305b\u305f\u3044' },\n\n  { id:'op7', cat:'\u904b\u55b6', name:'\u30b2\u30b9\u30c8\u306e\u672c\u4eba\u78ba\u8a8d',\n    desc:'\u5bbf\u6cca\u8005\u306e\u672c\u4eba\u78ba\u8a8d\u306f\u6cd5\u5f8b\u3067\u7fa9\u52d9\u3065\u3051\u3089\u308c\u3066\u3044\u307e\u3059\u3002\u30d3\u30c7\u30aa\u901a\u8a71\u306724\u6642\u9593\u3001\u30b2\u30b9\u30c8\u306e\u672c\u4eba\u78ba\u8a8d\u3092\u4ee3\u884c\u3057\u307e\u3059\u3002\u30bf\u30d6\u30ec\u30c3\u30c8\u7aef\u672b\u3092\u73fe\u5730\u306b\u8a2d\u7f6e\u3057\u3066\u904b\u7528\u3057\u307e\u3059\u3002<br>\u203b \u65c5\u9928\u696d\u3067\u306f\u3001\u5bfe\u9762\u307e\u305f\u306f\u540c\u7b49\u306e\u65b9\u6cd5\u306b\u3088\u308b\u672c\u4eba\u78ba\u8a8d\uff08\u30d3\u30c7\u30aa\u901a\u8a71\u306a\u3069\uff09\u304c\u5fc5\u9808\u3067\u3059\u3002<br><strong>\u203b \u3053\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306f\u3001\u30d7\u30e9\u30f3\uff08\u57fa\u672c\u30fb\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\uff09\u3068\u306e\u30bb\u30c3\u30c8\u5951\u7d04\u304c\u5fc5\u8981\u3067\u3059\u3002<\/strong>',\n    price:6000, type:'monthly', unit:'\/\u5ba4',\n    yes:'\u81ea\u5206\u3067\u672c\u4eba\u78ba\u8a8d\u3067\u304d\u308b', no:'\u4ee3\u884c\u3057\u3066\u307b\u3057\u3044' }\n];\n\n\/\/ ===== State =====\nlet formType = null;            \/\/ 'ryokan'|'minpaku'|'undecided' : \u55b6\u696d\u5f62\u614b\nlet baseNeeded = null;          \/\/ 'yes'|'no' : \u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u3092\u5f0a\u793e\u306b\u4efb\u305b\u308b\u304b\uff08\u65c5\u9928\u696d\u306e\u307f\uff09\nlet planAnswers = [null,null,null];\nlet optAnswers = {}; \/\/ id -> 'yes'|'maybe'|'no'\nlet lastResult = null;  \/\/ buildResult\u3067\u4fdd\u5b58\u3055\u308c\u308b\u5224\u5b9a\u7d50\u679c\uff08\u9001\u4fe1\u7528\uff09\n\nconst checkinBlock = ()=>document.getElementById('checkinBlock');\nconst opsBlock = ()=>document.getElementById('opsBlock');\n\n\/\/ ===== Q-A: \u55b6\u696d\u5f62\u614b =====\ndocument.querySelectorAll('[data-form-q]').forEach(qEl=>{\n  qEl.querySelectorAll('.opt').forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      qEl.querySelectorAll('.opt').forEach(b=>b.classList.remove('sel'));\n      btn.classList.add('sel');\n      formType = btn.dataset.v;\n      \/\/ \u72b6\u614b\u30ea\u30bb\u30c3\u30c8\n      baseNeeded=null; planAnswers=[null,null,null];\n      checkinBlock().querySelectorAll('.opt.sel').forEach(b=>b.classList.remove('sel'));\n      opsBlock().querySelectorAll('.opt.sel').forEach(b=>b.classList.remove('sel'));\n\n      if(formType==='ryokan' || formType==='tokku' || formType==='minpaku' || formType==='undecided'){\n        \/\/ \u3059\u3079\u3066\u306e\u55b6\u696d\u5f62\u614b\u3067\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u8cea\u554f\u3092\u8868\u793a\n        \/\/ \uff08\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u81ea\u4f53\u306f\u55b6\u696d\u5f62\u614b\u306b\u95a2\u308f\u3089\u305a\u72ec\u7acb\u3057\u3066\u9078\u629e\u53ef\u80fd\uff09\n        checkinBlock().style.display='block';\n        opsBlock().style.display='none';\n      }\n      checkPlanDone();\n    });\n  });\n});\n\n\/\/ ===== Q0: \u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u8981\u5426\uff08\u65c5\u9928\u696d\u306e\u307f\uff09 =====\ndocument.querySelectorAll('[data-base-q]').forEach(qEl=>{\n  qEl.querySelectorAll('.opt').forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      qEl.querySelectorAll('.opt').forEach(b=>b.classList.remove('sel'));\n      btn.classList.add('sel');\n      baseNeeded = btn.dataset.v;\n      \/\/ \u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u81ea\u524d(no)\u3067\u3082\u3001\u904b\u55b6\u3092\u4efb\u305b\u305f\u3044\u306a\u3089\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u306b\u306a\u308b\u305f\u3081\u904b\u55b63\u554f\u306f\u8868\u793a\u3059\u308b\n      opsBlock().style.display='block';\n      checkPlanDone();\n    });\n  });\n});\n\n\/\/ ===== Plan step logic\uff08\u904b\u55b63\u554f\uff09 =====\ndocument.querySelectorAll('[data-plan-q]').forEach(qEl=>{\n  const idx = +qEl.dataset.planQ;\n  qEl.querySelectorAll('.opt').forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      qEl.querySelectorAll('.opt').forEach(b=>b.classList.remove('sel'));\n      btn.classList.add('sel');\n      planAnswers[idx]=btn.dataset.v;\n      checkPlanDone();\n    });\n  });\n});\nfunction checkPlanDone(){\n  let done = false;\n  if(formType===null){\n    done = false;\n  }else if(baseNeeded===null){\n    \/\/ \u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u8981\u5426\u304c\u5168\u55b6\u696d\u5f62\u614b\u3067\u5fc5\u9808\n    done = false;\n  }else{\n    \/\/ \u904b\u55b63\u554f\u3059\u3079\u3066\u306e\u56de\u7b54\u304c\u5fc5\u8981\n    done = planAnswers.every(a=>a!==null);\n  }\n  document.getElementById('toStep2').disabled = !done;\n}\n\n\/\/ ===== State for step2 =====\nlet location23 = null;  \/\/ 'in'|'out' : \u6771\u4eac23\u533a\u5185\u304b\n\n\/\/ ===== Build option cards =====\nconst optContainer = document.getElementById('optContainer');\nOPTIONS.forEach((op,i)=>{\n  const priceLabel = op.type==='monthly'\n    ? `\u6708\u984d ${op.price.toLocaleString()}\u5186${op.unit||''}`\n    : `${op.price.toLocaleString()}\u5186`;\n  const regionTag = op.region ? `<span class=\"region-pill\">${op.region}<\/span>` : '';\n  const card = document.createElement('div');\n  card.className='q';\n  card.dataset.optId=op.id;\n  card.innerHTML = `\n    <div class=\"q-num\"><span class=\"cat-pill\">${op.cat}<\/span>${regionTag}<\/div>\n    <div class=\"q-title\">${op.name}<\/div>\n    <div class=\"q-desc\">${op.desc}<\/div>\n    <div class=\"opts\">\n      <button class=\"opt\" data-v=\"yes\"><span class=\"ic yes\"><i class=\"fa-solid fa-check\"><\/i><\/span><span class=\"txt\">${op.yes}<small>\u2192 \u30b5\u30dd\u30fc\u30c8\u306f\u4e0d\u8981\u3067\u3059<\/small><\/span><\/button>\n      <button class=\"opt\" data-v=\"maybe\"><span class=\"ic maybe\"><i class=\"fa-solid fa-question\"><\/i><\/span><span class=\"txt\">\u3084\u308a\u65b9\u304c\u308f\u304b\u3089\u306a\u3044\u30fb\u4e0d\u5b89\u304c\u3042\u308b<small>\u2192 \u30b5\u30dd\u30fc\u30c8\u3092\u304a\u3059\u3059\u3081\u3057\u307e\u3059<\/small><\/span><\/button>\n      <button class=\"opt\" data-v=\"no\"><span class=\"ic no\"><i class=\"fa-solid fa-xmark\"><\/i><\/span><span class=\"txt\">${op.no}<small>\u2192 \u30b5\u30dd\u30fc\u30c8\u3092\u304a\u3059\u3059\u3081\u3057\u307e\u3059<\/small><\/span><\/button>\n    <\/div>\n    <div class=\"opt-price\">\u304a\u4efb\u305b\u3044\u305f\u3060\u304f\u5834\u5408\uff1a<strong>${priceLabel}<\/strong>\uff08\u7a0e\u629c\uff09<\/div>\n  `;\n  card.querySelectorAll('.opt').forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      card.querySelectorAll('.opt').forEach(b=>b.classList.remove('sel'));\n      btn.classList.add('sel');\n      optAnswers[op.id]=btn.dataset.v;\n      \/\/ \u521d\u671f\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7(op8)\u3092\u300c\u304a\u9858\u3044\u3057\u305f\u3044(no\/maybe)\u300d\u306b\u3057\u305f\u3089\u542b\u307e\u308c\u308bOP\u3092\u975e\u8868\u793a\n      if(op.id==='op8'){\n        applySetupLinkage(btn.dataset.v);\n      }\n      \/\/ \u4e88\u7d04\u30b5\u30a4\u30c8\u63b2\u8f09(op1)\u3092\u300c\u304a\u9858\u3044\u3057\u305f\u3044(no)\u300d\u306b\u3057\u305f\u3089\u3001\u9023\u643a\u8a2d\u5b9a(op2)\u306f\u63b2\u8f09\u306b\u542b\u307e\u308c\u308b\u305f\u3081\u975e\u8868\u793a\n      if(op.id==='op1'){\n        applyListingLinkage(btn.dataset.v);\n      }\n      checkOptDone();\n    });\n  });\n  optContainer.appendChild(card);\n});\n\n\/\/ \u521d\u671f\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u9078\u629e\u306b\u5fdc\u3058\u3066\u542b\u6709OP(op1-4)\u3092\u8868\u793a\/\u975e\u8868\u793a\nfunction applySetupLinkage(setupVal){\n  const includedIds = OPTIONS.filter(o=>o.includedInSetup).map(o=>o.id);\n  const willHide = (setupVal==='no' || setupVal==='maybe'); \/\/ \u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u3092\u983c\u3080\u2192\u542b\u6709OP\u306f\u4e0d\u8981\n  includedIds.forEach(id=>{\n    const card = optContainer.querySelector(`[data-opt-id=\"${id}\"]`);\n    if(!card) return;\n    if(willHide){\n      card.style.display='none';\n      \/\/ \u542b\u6709OP\u306e\u56de\u7b54\u306f\u300c\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u306b\u542b\u3080\u300d\u6271\u3044\u3067\u30af\u30ea\u30a2\n      delete optAnswers[id];\n      card.querySelectorAll('.opt.sel').forEach(b=>b.classList.remove('sel'));\n    }else{\n      card.style.display='';\n    }\n  });\n  \/\/ \u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u89e3\u9664\u3067\u518d\u8868\u793a\u3057\u305f\u5834\u5408\u3001op1\u304c\u300c\u304a\u9858\u3044\u3057\u305f\u3044\u300d\u306a\u3089op2\u306f\u975e\u8868\u793a\u3092\u7dad\u6301\n  if(!willHide){\n    applyListingLinkage(optAnswers['op1']);\n  }\n}\n\n\/\/ \u4e88\u7d04\u30b5\u30a4\u30c8\u63b2\u8f09(op1)\u3092\u300c\u304a\u9858\u3044\u3057\u305f\u3044(no)\u300d\u306b\u3057\u305f\u3089\u3001\u9023\u643a\u8a2d\u5b9a(op2)\u3092\u975e\u8868\u793a\n\/\/ \uff08\u63b2\u8f09OP\u306bBeds24\u9023\u643a\u304c\u542b\u307e\u308c\u308b\u305f\u3081\uff09\u3002op8\u975e\u8868\u793a\u6642\u306e\u307f\u610f\u5473\u3092\u6301\u3064\u3002\nfunction applyListingLinkage(listingVal){\n  const op2card = optContainer.querySelector('[data-opt-id=\"op2\"]');\n  if(!op2card) return;\n  \/\/ op8\u304c\u9078\u3070\u308c\u3066op2\u304c\u65e2\u306b\u975e\u8868\u793a\u306e\u5834\u5408\u306f\u305d\u3061\u3089\u306e\u5236\u5fa1\u3092\u512a\u5148\uff08\u89e6\u3089\u306a\u3044\uff09\n  const op8val = optAnswers['op8'];\n  const op8hiding = (op8val==='no' || op8val==='maybe');\n  if(op8hiding) return;\n  if(listingVal==='no'){\n    \/\/ \u63b2\u8f09\u3092\u304a\u9858\u3044 \u2192 \u9023\u643a\u3082\u542b\u307e\u308c\u308b\u306e\u3067op2\u975e\u8868\u793a\n    op2card.style.display='none';\n    delete optAnswers['op2'];\n    op2card.querySelectorAll('.opt.sel').forEach(b=>b.classList.remove('sel'));\n  }else{\n    \/\/ \u81ea\u5206\u3067\u4f5c\u308c\u308b\/\u308f\u304b\u3089\u306a\u3044 \u2192 op2\u306f\u8868\u793a\uff08\u63b2\u8f09\u306f\u81ea\u5206\u3067\u3084\u308b\u306e\u3067\u9023\u643a\u8a2d\u5b9a\u304c\u5fc5\u8981\u304b\u3082\uff09\n    op2card.style.display='';\n  }\n}\n\n\/\/ \u7acb\u5730\u306b\u5fdc\u3058\u3066\u521d\u671f\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7(op8)\u3092\u8868\u793a\/\u975e\u8868\u793a\nfunction applyLocationLinkage(){\n  const card = optContainer.querySelector('[data-opt-id=\"op8\"]');\n  if(!card) return;\n  if(location23==='in'){\n    card.style.display='';\n  }else{\n    card.style.display='none';\n    delete optAnswers['op8'];\n    card.querySelectorAll('.opt.sel').forEach(b=>b.classList.remove('sel'));\n    \/\/ 23\u533a\u5916\u306a\u3089\u542b\u6709OP\u306f\u901a\u5e38\u8868\u793a\u306b\u623b\u3059\n    applySetupLinkage('yes');\n  }\n}\n\n\/\/ ===== \u7acb\u5730\u8cea\u554f\u30cf\u30f3\u30c9\u30e9 =====\ndocument.querySelectorAll('[data-loc-q]').forEach(qEl=>{\n  qEl.querySelectorAll('.opt').forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      qEl.querySelectorAll('.opt').forEach(b=>b.classList.remove('sel'));\n      btn.classList.add('sel');\n      location23 = btn.dataset.v;\n      applyLocationLinkage();\n      checkOptDone();\n    });\n  });\n});\n\nfunction checkOptDone(){\n  \/\/ \u7acb\u5730\u304c\u672a\u56de\u7b54\u306a\u3089\u4e0d\u53ef\n  if(location23===null){ document.getElementById('toResult').disabled=true; return; }\n  \/\/ \u8868\u793a\u4e2d\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3060\u3051\u56de\u7b54\u5fc5\u9808\uff08\u975e\u8868\u793a=\u30b9\u30ad\u30c3\u30d7OK\uff09\n  const visibleOps = OPTIONS.filter(op=>{\n    const card = optContainer.querySelector(`[data-opt-id=\"${op.id}\"]`);\n    return card && card.style.display!=='none';\n  });\n  const done = visibleOps.every(op=>optAnswers[op.id]);\n  document.getElementById('toResult').disabled = !done;\n}\n\n\/\/ ===== Navigation =====\nfunction showStep(id, stepNo){\n  document.querySelectorAll('.step').forEach(s=>s.classList.remove('active'));\n  document.getElementById(id).classList.add('active');\n  \/\/ progress\n  const pct = stepNo===1?12 : stepNo===2?56 : 100;\n  document.getElementById('barFill').style.width=pct+'%';\n  ['lbl1','lbl2','lbl3'].forEach((l,i)=>{\n    document.getElementById(l).classList.toggle('on', i===(stepNo-1));\n  });\n  window.scrollTo({top:0,behavior:'smooth'});\n}\n\ndocument.getElementById('toStep2').addEventListener('click',()=>showStep('step2',2));\ndocument.getElementById('backToStep1').addEventListener('click',()=>showStep('step1',1));\ndocument.getElementById('toResult').addEventListener('click',()=>{ buildResult(); showStep('stepResult',3); });\ndocument.getElementById('retryBtn').addEventListener('click',()=>{\n  formType=null; baseNeeded=null; location23=null; planAnswers=[null,null,null]; optAnswers={}; lastResult=null;\n  document.querySelectorAll('.opt.sel').forEach(b=>b.classList.remove('sel'));\n  document.getElementById('checkinBlock').style.display='none';\n  document.getElementById('opsBlock').style.display='none';\n  \/\/ \u5168\u30aa\u30d7\u30b7\u30e7\u30f3\u30ab\u30fc\u30c9\u3092\u8868\u793a\u72b6\u614b\u306b\u623b\u3059\n  OPTIONS.forEach(op=>{\n    const card = optContainer.querySelector(`[data-opt-id=\"${op.id}\"]`);\n    if(card) card.style.display='';\n  });\n  \/\/ \u9001\u4fe1\u30d5\u30a9\u30fc\u30e0\u3092\u30ea\u30bb\u30c3\u30c8\n  ['lastName','firstName','email'].forEach(id=>{\n    const el=document.getElementById(id); if(el){ el.value=''; el.classList.remove('err'); }\n  });\n  const sb=document.getElementById('sendBtn'); if(sb){ sb.disabled=false; sb.textContent='\u8a3a\u65ad\u7d50\u679c\u3092\u9001\u308b'; }\n  const ss=document.getElementById('sendStatus'); if(ss){ ss.className='send-status'; ss.textContent=''; }\n  const fe=document.getElementById('formError'); if(fe){ fe.textContent=''; }\n  const ps=document.getElementById('postSend'); if(ps){ ps.style.display='none'; }\n  const pc=document.getElementById('pdfSaveCard'); if(pc){ pc.style.display='none'; }\n  document.getElementById('toStep2').disabled=true;\n  document.getElementById('toResult').disabled=true;\n  showStep('step1',1);\n});\n\n\/\/ ===== Result build =====\nfunction buildResult(){\n  \/\/ \u30d7\u30e9\u30f3\u5224\u5b9a\uff1a\u57fa\u672c\u4e0d\u8981 \/ \u57fa\u672c \/ \u30b9\u30bf\u30f3\u30c0\u30fc\u30c9 \u306e3\u30d1\u30bf\u30fc\u30f3\n  let planKey;  \/\/ 'none' | 'basic' | 'standard'\n  let planNote = ''; \/\/ \u55b6\u696d\u5f62\u614b\u306b\u5fdc\u3058\u305f\u6ce8\u8a18\n  const allYes = planAnswers.every(a=>a==='yes');\n\n  if(!allYes){\n    \/\/ \u904b\u55b6\u30921\u3064\u3067\u3082\u4efb\u305b\u305f\u3044 \u2192 \u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\uff08\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3082\u542b\u307e\u308c\u308b\uff09\n    planKey = 'standard';\n  }else if((formType==='ryokan' || formType==='tokku') && baseNeeded==='no'){\n    \/\/ \u65c5\u9928\u696d\u30fb\u7279\u533a\u6c11\u6cca + \u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u81ea\u524d + \u904b\u55b6\u3059\u3079\u3066\u81ea\u5206 \u2192 \u30d7\u30e9\u30f3\u306a\u3057\n    planKey = 'none';\n  }else if(formType==='minpaku'){\n    \/\/ \u6c11\u6cca\u65b0\u6cd5\uff1a\u7ba1\u7406\u696d\u8005\u5951\u7d04\u5fc5\u9808\u306e\u305f\u3081\u57fa\u672c\u30d7\u30e9\u30f3\u4ee5\u4e0a\n    planKey = 'basic';\n    planNote = '\u4f4f\u5b85\u5bbf\u6cca\u4e8b\u696d\u6cd5\uff08\u6c11\u6cca\u65b0\u6cd5\uff09\u3067\u306f\u5f0a\u793e\u3068\u306e<strong>\u4f4f\u5b85\u5bbf\u6cca\u7ba1\u7406\u696d\u8005\u5951\u7d04<\/strong>\u304c\u5fc5\u8981\u306a\u305f\u3081\u3001\u57fa\u672c\u30d7\u30e9\u30f3\u4ee5\u4e0a\u3092\u3054\u6848\u5185\u3057\u3066\u3044\u307e\u3059\u3002';\n  }else if(formType==='undecided'){\n    \/\/ \u672a\u5b9a\uff1a\u5b89\u5168\u5074\u3067\u57fa\u672c\u30d7\u30e9\u30f3\n    planKey = 'basic';\n    planNote = '\u55b6\u696d\u5f62\u614b\u304c\u672a\u78ba\u5b9a\u306e\u305f\u3081\u3001\u73fe\u6642\u70b9\u3067\u306f<strong>\u57fa\u672c\u30d7\u30e9\u30f3<\/strong>\u3067\u3054\u6848\u5185\u3057\u3066\u3044\u307e\u3059\u3002\u65c5\u9928\u696d\u306b\u78ba\u5b9a\u3057\u3001\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u30fb\u904b\u55b6\u3068\u3082\u306b\u3054\u81ea\u8eab\u3067\u884c\u3046\u5834\u5408\u306f\u3001\u30d7\u30e9\u30f3\u5951\u7d04\u306a\u3057\u3082\u9078\u629e\u53ef\u80fd\u3067\u3059\u3002';\n  }else{\n    \/\/ \u65c5\u9928\u696d\u30fb\u7279\u533a\u6c11\u6cca + \u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u304a\u4efb\u305b + \u904b\u55b6\u3059\u3079\u3066\u81ea\u5206 \u2192 \u57fa\u672c\u30d7\u30e9\u30f3\n    planKey = 'basic';\n  }\n\n  \/\/ \u672c\u4eba\u78ba\u8a8dOP(op7)\u306f\u30d7\u30e9\u30f3\u5951\u7d04\u5fc5\u9808\u306e\u305f\u3081\u3001\u30d7\u30e9\u30f3\u306a\u3057\u3067\u9078\u3070\u308c\u305f\u5834\u5408\u306f\u57fa\u672c\u30d7\u30e9\u30f3\u3078\u81ea\u52d5\u5f15\u304d\u4e0a\u3052\n  const op7Selected = (optAnswers['op7']==='maybe' || optAnswers['op7']==='no');\n  const upgradedForOp7 = (planKey==='none' && op7Selected);\n  if(upgradedForOp7){\n    planKey = 'basic';\n  }\n\n  const plan = (planKey==='none') ? null : PLAN[planKey];\n\n  \/\/ \u30d7\u30ec\u30df\u30a2\u30e0\u8a98\u5c0e\u30d0\u30ca\u30fc\uff1a\u65c5\u9928\u696d \u304b\u3064 \u6771\u4eac23\u533a\u5185 \u306e\u307f\u8868\u793a\n  const premiumBanner = document.getElementById('premiumBanner');\n  if(premiumBanner) premiumBanner.style.display = (formType==='ryokan' && location23==='in') ? '' : 'none';\n\n  \/\/ Recommended options: maybe or no\n  let recommended = OPTIONS.filter(op => optAnswers[op.id]==='maybe' || optAnswers[op.id]==='no');\n\n  let dedupNote = '';\n\n  \/\/ \u91cd\u8907\u5236\u5fa1\u2460\uff1a\u521d\u671f\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7(op8)\u306b\u306f\u4e88\u7d04\u30b5\u30a4\u30c8SU\u30fbBeds24\u9023\u643a\u30fb\u30cf\u30a6\u30b9\u30de\u30cb\u30e5\u30a2\u30eb\u30fb\u5199\u771f\u64ae\u5f71\u304c\u542b\u307e\u308c\u308b\n  if(recommended.some(op=>op.id==='op8')){\n    const removed = recommended.filter(op=>['op1','op2','op3','op4'].includes(op.id));\n    if(removed.length>0){\n      recommended = recommended.filter(op=>!['op1','op2','op3','op4'].includes(op.id));\n      dedupNote += '\u203b \u9375\u30fb\u5099\u54c1\u306e\u73fe\u5730\u8a2d\u7f6e\uff08\u521d\u671f\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\uff09\u306b\u306f\u3001\u4e88\u7d04\u30b5\u30a4\u30c8\u63b2\u8f09\u30fb\u4e88\u7d04\u30b7\u30b9\u30c6\u30e0\u9023\u643a\u30fb\u30cf\u30a6\u30b9\u30de\u30cb\u30e5\u30a2\u30eb\u30fb\u7269\u4ef6\u5199\u771f\u306e\u64ae\u5f71\u304c\u542b\u307e\u308c\u308b\u305f\u3081\u3001\u91cd\u8907\u5206\u306f\u9664\u3044\u3066\u3044\u307e\u3059\u3002';\n    }\n  }\n\n  \/\/ \u91cd\u8907\u5236\u5fa1\u2461\uff1a\u4e88\u7d04\u30b5\u30a4\u30c8\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7(op1)\u306b\u306fBeds24\u9023\u643a(op2)\u304c\u542b\u307e\u308c\u308b\n  if(recommended.some(op=>op.id==='op1') && recommended.some(op=>op.id==='op2')){\n    recommended = recommended.filter(op=>op.id!=='op2');\n    if(dedupNote) dedupNote += '<br>';\n    dedupNote += '\u203b \u4e88\u7d04\u30b5\u30a4\u30c8\u3078\u306e\u63b2\u8f09\u306b\u306f\u4e88\u7d04\u30b7\u30b9\u30c6\u30e0\u306e\u9023\u643a\u8a2d\u5b9a\u304c\u542b\u307e\u308c\u308b\u305f\u3081\u3001\u91cd\u8907\u5206\u306f\u9664\u3044\u3066\u3044\u307e\u3059\u3002';\n  }\n\n  \/\/ \u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u306f\u4e88\u7d04\u30b5\u30a4\u30c8SU\u30fb\u9023\u643a\u8a2d\u5b9a\u30fb\u30cf\u30a6\u30b9\u30de\u30cb\u30e5\u30a2\u30eb\u304c\u7121\u511f\u4ed8\u5e2f\u306e\u305f\u3081\u3001\n  \/\/ recommended\u304b\u3089\u9664\u5916\uff08\u7121\u511f\u4ed8\u5e2f\u30ea\u30b9\u30c8\u3067\u5225\u9014\u8868\u793a\uff09\n  if(planKey==='standard'){\n    recommended = recommended.filter(op=>!['op1','op2','op3'].includes(op.id));\n  }\n\n  \/\/ ===== \u30d2\u30fc\u30ed\u30fc\u8868\u793a =====\n  if(planKey==='none'){\n    document.getElementById('resPlanName').textContent = recommended.length>0 ? '\u5fc5\u8981\u306a\u30b5\u30dd\u30fc\u30c8\u306e\u307f' : '\u307e\u305a\u306f\u3054\u76f8\u8ac7\u304b\u3089';\n    document.getElementById('resPlanPrice').textContent = recommended.length>0 ? '\u6708\u984d\u30d7\u30e9\u30f3\u306a\u3057\u30fb\u30aa\u30d7\u30b7\u30e7\u30f3\u5358\u54c1\u3067\u3054\u5229\u7528\u53ef\u80fd' : '\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044';\n    document.getElementById('resPlanTag').textContent = '\u30d7\u30e9\u30f3\u5951\u7d04\u306a\u3057\u3067\u3082OK';\n  }else{\n    document.getElementById('resPlanName').textContent = plan.name;\n    document.getElementById('resPlanPrice').textContent = `\u6708\u984d ${plan.monthly.toLocaleString()}\u5186 \/ \u7269\u4ef6`;\n    document.getElementById('resPlanTag').textContent = plan.tag;\n  }\n\n  \/\/ ===== \u30b5\u30dd\u30fc\u30c8\u69cb\u6210\u30ea\u30b9\u30c8 =====\n  const incEl = document.getElementById('resIncluded');\n  incEl.innerHTML='';\n\n  if(planKey!=='none'){\n    \/\/ base plan row\n    incEl.insertAdjacentHTML('beforeend',`\n      <div class=\"inc-row\">\n        <div class=\"name\">${plan.name}<small>\u57fa\u672c\u306e\u30d7\u30e9\u30f3\u6599\u91d1<\/small><\/div>\n        <div class=\"val\">\u6708\u984d ${plan.monthly.toLocaleString()}\u5186<\/div>\n      <\/div>`);\n    \/\/ free perks for standard\uff08\u4e88\u7d04\u30b5\u30a4\u30c8SU\u30fb\u30cf\u30a6\u30b9\u30de\u30cb\u30e5\u30a2\u30eb\u304c\u542b\u307e\u308c\u308b\uff09\n    if(planKey==='standard'){\n      ['\u4e88\u7d04\u30b5\u30a4\u30c8\u3078\u306e\u63b2\u8f09','\u30cf\u30a6\u30b9\u30de\u30cb\u30e5\u30a2\u30eb\u306e\u4f5c\u6210','OTA\u81ea\u52d5\u9001\u4fe1\u30e1\u30fc\u30eb\u4f5c\u6210','\u4fdd\u5b88\u30b5\u30fc\u30d3\u30b9\uff08\u67082\u56de\u307e\u3067\uff09'].forEach(p=>{\n        incEl.insertAdjacentHTML('beforeend',`\n          <div class=\"inc-row\">\n            <div class=\"name\">${p}<small>\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u306b\u7121\u511f\u3067\u4ed8\u3044\u3066\u304d\u307e\u3059<\/small><\/div>\n            <div class=\"free\">\u7121\u511f\u4ed8\u5e2f<\/div>\n          <\/div>`);\n      });\n    }\n  }\n\n  \/\/ recommended options\n  let initialSum = plan ? plan.initial : 0;\n  let monthlySum = plan ? plan.monthly : 0;\n  recommended.forEach(op=>{\n    const priceLabel = op.type==='monthly'\n      ? `\u6708\u984d ${op.price.toLocaleString()}\u5186${op.unit||''}`\n      : `${op.price.toLocaleString()}\u5186`;\n    {\n      incEl.insertAdjacentHTML('beforeend',`\n        <div class=\"inc-row\">\n          <div class=\"name\">${op.name}<small>${op.id==='op8'?'\u3010\u6771\u4eac23\u533a\u5185\u306e\u307f\u3011\u4e88\u7d04\u30b5\u30a4\u30c8\u63b2\u8f09\u30fb\u5199\u771f\u64ae\u5f71\u30fb\u30cf\u30a6\u30b9\u30de\u30cb\u30e5\u30a2\u30eb\u7b49\u3092\u542b\u3080\u304a\u307e\u304b\u305b\u30d1\u30c3\u30af':(op.region?('\u3010'+op.region+'\u3011'):'\u304a\u3059\u3059\u3081\u306e\u30b5\u30dd\u30fc\u30c8')}<\/small><\/div>\n          <div class=\"val\">${priceLabel}<\/div>\n        <\/div>`);\n      if(op.type==='initial') initialSum += op.price;\n      if(op.type==='monthly') monthlySum += op.price;\n    }\n  });\n\n  \/\/ \u57fa\u672c\u4e0d\u8981\uff0bOP\u306a\u3057 \u2192 OP\u6848\u5185\n  if(planKey==='none' && recommended.length===0){\n    incEl.insertAdjacentHTML('beforeend',`\n      <div class=\"inc-row\">\n        <div class=\"name\">\u73fe\u6642\u70b9\u3067\u5fc5\u9808\u306e\u30b5\u30dd\u30fc\u30c8\u306f\u3042\u308a\u307e\u305b\u3093<small>\u3054\u81ea\u8eab\u3067\u904b\u55b6\u3067\u304d\u308b\u6e96\u5099\u304c\u6574\u3063\u3066\u3044\u307e\u3059<\/small><\/div>\n        <div class=\"val\">\u2015<\/div>\n      <\/div>\n      <div class=\"inc-row\">\n        <div class=\"name\">\u30aa\u30d7\u30b7\u30e7\u30f3\u306f\u5358\u54c1\u3067\u3082\u3054\u5229\u7528\u53ef\u80fd<small>\u5199\u771f\u64ae\u5f71\u30fb\u30cf\u30a6\u30b9\u30de\u30cb\u30e5\u30a2\u30eb\u30fb\u907f\u96e3\u7d4c\u8def\u56f3\u306a\u3069\u3001\u5fc5\u8981\u306a\u3082\u306e\u3060\u3051\u500b\u5225\u306b\u3054\u4f9d\u983c\u3044\u305f\u3060\u3051\u307e\u3059<\/small><\/div>\n        <div class=\"val\">\u4efb\u610f<\/div>\n      <\/div>`);\n  }else if(planKey!=='none' && recommended.length===0){\n    incEl.insertAdjacentHTML('beforeend',`\n      <div class=\"inc-row\">\n        <div class=\"name\">\u8ffd\u52a0\u30b5\u30dd\u30fc\u30c8\u306a\u3057<small>\u904b\u55b6\u306b\u5fc5\u8981\u306a\u6e96\u5099\u306f\u3054\u81ea\u8eab\u3067\u6574\u3046\u72b6\u614b\u3067\u3059<\/small><\/div>\n        <div class=\"val\">\u2015<\/div>\n      <\/div>`);\n  }\n\n  \/\/ ===== \u898b\u7a4d =====\n  const estEl = document.getElementById('resEstimate');\n  const estTitle = document.querySelector('.estimate h3');\n  if(planKey==='none' && recommended.length===0){\n    \/\/ \u898b\u7a4d\u306a\u3057 \u2192 \u6848\u5185\u306e\u307f\n    if(estTitle) estTitle.style.display='none';\n    estEl.innerHTML=`<div style=\"font-size:15px;color:var(--text);line-height:1.9;\">\u3054\u5229\u7528\u306b\u306a\u308a\u305f\u3044\u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u6c7a\u307e\u308a\u307e\u3057\u305f\u3089\u3001\u5358\u54c1\u3067\u306e\u304a\u898b\u7a4d\u308a\u3082\u53ef\u80fd\u3067\u3059\u3002\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u7121\u6599\u76f8\u8ac7\u306b\u3066\u3054\u72b6\u6cc1\u3092\u304a\u805e\u304b\u305b\u304f\u3060\u3055\u3044\u3002<\/div>`;\n  }else if(planKey==='none'){\n    if(estTitle) estTitle.style.display='';\n    estEl.innerHTML=`\n      <div class=\"est-line\"><span>\u521d\u671f\u8cbb\u7528\uff08\u30aa\u30d7\u30b7\u30e7\u30f3\uff09<\/span><span>${initialSum.toLocaleString()}\u5186<\/span><\/div>\n      <div class=\"est-line total\"><span>\u521d\u671f\u8cbb\u7528 \u5408\u8a08<\/span><span class=\"amt\">${initialSum.toLocaleString()}\u5186<\/span><\/div>\n      ${monthlySum>0?`<div class=\"est-line\" style=\"margin-top:14px;\"><span>\u6708\u984d\u8cbb\u7528 \u5408\u8a08<\/span><span class=\"amt-m\">${monthlySum.toLocaleString()}\u5186<\/span><\/div>`:''}\n    `;\n  }else{\n    if(estTitle) estTitle.style.display='';\n    estEl.innerHTML=`\n      <div class=\"est-line\"><span>\u521d\u671f\u8cbb\u7528\uff08\u30d7\u30e9\u30f3\uff09<\/span><span>${plan.initial.toLocaleString()}\u5186<\/span><\/div>\n      <div class=\"est-line\"><span>\u521d\u671f\u8cbb\u7528\uff08\u30b5\u30dd\u30fc\u30c8\u5206\uff09<\/span><span>${(initialSum-plan.initial).toLocaleString()}\u5186<\/span><\/div>\n      <div class=\"est-line total\"><span>\u521d\u671f\u8cbb\u7528 \u5408\u8a08<\/span><span class=\"amt\">${initialSum.toLocaleString()}\u5186<\/span><\/div>\n      <div class=\"est-line\" style=\"margin-top:14px;\"><span>\u6708\u984d\u8cbb\u7528 \u5408\u8a08<\/span><span class=\"amt-m\">${monthlySum.toLocaleString()}\u5186<\/span><\/div>\n    `;\n  }\n\n  \/\/ ===== \u6ce8\u8a18 =====\n  let note = '';\n  if(!(planKey==='none' && recommended.length===0)){\n    note = '\u203b \u4e0a\u8a18\u306f1\u7269\u4ef6\u3042\u305f\u308a\u306e\u6982\u7b97\u3067\u3059\u3002\u8907\u6570\u7269\u4ef6\u3092\u304a\u6301\u3061\u306e\u5834\u5408\u306f\u7269\u4ef6\u6570\u5206\u304c\u767a\u751f\u3057\u307e\u3059\u3002';\n    const monthlyOpts = recommended.filter(op=>op.type==='monthly' && !(planKey==='standard'&&op.id==='op3'));\n    if(monthlyOpts.some(op=>op.unit==='\/\u5ba4')){\n      note += '<br>\u203b \u672c\u4eba\u78ba\u8a8d\u306f1\u5ba4\u3042\u305f\u308a\u306e\u6599\u91d1\u3067\u3059\uff084\u540d\u307e\u3067\uff0f5\u540d\u4ee5\u4e0a\u306f+1,000\u5186\/\u4eba\uff09\u3002\u5225\u9014\u30bf\u30d6\u30ec\u30c3\u30c8\u7aef\u672b\u8cbb\u7528\u304c\u767a\u751f\u3059\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002';\n    }\n    \/\/ \u55b6\u696d\u5f62\u614b\u306b\u5fdc\u3058\u305f\u6ce8\u8a18\uff08\u6c11\u6cca\u65b0\u6cd5\u30fb\u672a\u5b9a\u306e\u5834\u5408\uff09\n    if(planNote){\n      note += '<br>\u203b ' + planNote;\n    }\n    \/\/ \u672c\u4eba\u78ba\u8a8dOP\u9078\u629e\u306b\u3088\u308a\u30d7\u30e9\u30f3\u306a\u3057\u2192\u57fa\u672c\u30d7\u30e9\u30f3\u3078\u81ea\u52d5\u5f15\u304d\u4e0a\u3052\u305f\u5834\u5408\u306e\u6ce8\u8a18\n    if(upgradedForOp7){\n      note += '<br>\u203b <strong>\u672c\u4eba\u78ba\u8a8d\u30aa\u30d7\u30b7\u30e7\u30f3\u306f\u30d7\u30e9\u30f3\uff08\u57fa\u672c\u30fb\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\uff09\u5951\u7d04\u304c\u5fc5\u9808<\/strong>\u306e\u305f\u3081\u3001\u898b\u7a4d\u3082\u308a\u306b\u57fa\u672c\u30d7\u30e9\u30f3\u306e\u6599\u91d1\u3092\u542b\u3081\u3066\u3044\u307e\u3059\u3002\u3042\u308f\u305b\u3066\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\uff08SmartInn\uff09\u3068Beds24\u9023\u643a\u304c\u5fc5\u9808\u3068\u306a\u308a\u307e\u3059\u3002\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u30d7\u30e9\u30f3\u3078\u306e\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3082\u3054\u691c\u8a0e\u3044\u305f\u3060\u3051\u307e\u3059\u3002';\n    }\n    if(recommended.some(op=>op.id==='op6')){\n      note += '<br>\u203b \u6599\u91d1\u8abf\u6574\u306f\u5225\u9014 PriceLabs\u5b9f\u8cbb\uff084,000\u5186\/\u30ea\u30b9\u30c6\u30a3\u30f3\u30b0\u30fb\u7a0e\u629c\uff09\u304c\u30db\u30b9\u30c8\u69d8\u8ca0\u62c5\u3068\u306a\u308a\u307e\u3059\u3002';\n    }\n    if(recommended.some(op=>op.id==='op8')){\n      note += '<br>\u203b \u521d\u671f\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u306f\u5225\u9014\u5b9f\u8cbb\u304c\u767a\u751f\u3057\u307e\u3059\u3002\u6771\u4eac23\u533a\u5185\u30fb\u5bfe\u8c61\u6761\u4ef6\u306e\u78ba\u8a8d\u304c\u5fc5\u8981\u3067\u3059\u3002';\n    }\n    if(dedupNote){\n      note += '<br>' + dedupNote;\n    }\n  }\n  document.getElementById('resEstNote').innerHTML=note;\n\n  \/\/ ===== \u9001\u4fe1\u7528\u306b\u7d50\u679c\u30c7\u30fc\u30bf\u3092\u4fdd\u5b58 =====\n  const freebies = (planKey==='standard')\n    ? ['\u4e88\u7d04\u30b5\u30a4\u30c8\u3078\u306e\u63b2\u8f09','\u30cf\u30a6\u30b9\u30de\u30cb\u30e5\u30a2\u30eb\u306e\u4f5c\u6210','OTA\u81ea\u52d5\u9001\u4fe1\u30e1\u30fc\u30eb\u4f5c\u6210','\u4fdd\u5b88\u30b5\u30fc\u30d3\u30b9\uff08\u67082\u56de\u307e\u3067\uff09']\n    : [];\n  lastResult = {\n    planKey: planKey,\n    planName: (planKey==='none') ? (recommended.length>0?'\u5fc5\u8981\u306a\u30b5\u30dd\u30fc\u30c8\u306e\u307f\uff08\u30d7\u30e9\u30f3\u5951\u7d04\u306a\u3057\uff09':'\u307e\u305a\u306f\u3054\u76f8\u8ac7\u304b\u3089\uff08\u30d7\u30e9\u30f3\u5951\u7d04\u306a\u3057\uff09') : plan.name,\n    planMonthlyBase: plan ? plan.monthly : 0,\n    planInitialBase: plan ? plan.initial : 0,\n    initialSum: (planKey==='none' && recommended.length===0) ? 0 : initialSum,\n    monthlySum: (planKey==='none' && recommended.length===0) ? 0 : monthlySum,\n    recommended: recommended.map(op=>op.name),\n    recommendedDetails: recommended.map(op=>({\n      name: op.name,\n      type: op.type,\n      priceLabel: op.type==='monthly'\n        ? `\u6708\u984d ${op.price.toLocaleString()}\u5186${op.unit||''}`\n        : `${op.price.toLocaleString()}\u5186`\n    })),\n    freebies: freebies\n  };\n}\n\n\/\/ ===== \u8a3a\u65ad\u7d50\u679c\u306e\u9001\u4fe1 =====\n\/\/ \u25bc\u25bc\u25bc n8n \u306e Webhook URL \u3092\u3053\u3053\u306b\u8a2d\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044 \u25bc\u25bc\u25bc\nconst N8N_WEBHOOK_URL = 'https:\/\/bizpato.app.n8n.cloud\/webhook\/minpaku-plan-check-new';\n\/\/ \u25b2\u25b2\u25b2 \u3053\u3053\u307e\u3067 \u25b2\u25b2\u25b2\n\n\/\/ \u30e9\u30d9\u30eb\u5909\u63db\u30de\u30c3\u30d7\nconst FORM_LABEL = { ryokan:'\u65c5\u9928\u696d\uff08\u7c21\u6613\u5bbf\u6240\u306a\u3069\uff09', tokku:'\u7279\u533a\u6c11\u6cca', minpaku:'\u4f4f\u5b85\u5bbf\u6cca\u4e8b\u696d\u6cd5\uff08\u6c11\u6cca\u65b0\u6cd5\uff09', undecided:'\u307e\u3060\u6c7a\u3081\u3066\u3044\u306a\u3044\u30fb\u308f\u304b\u3089\u306a\u3044' };\nconst BASE_LABEL = { yes:'\u5f0a\u793e\u306b\u304a\u4efb\u305b', no:'\u81ea\u5206\u3067\u7528\u610f\u3059\u308b\uff0f\u3082\u3046\u3042\u308b' };\nconst PLANQ_LABEL = ['\u30b2\u30b9\u30c8\u5bfe\u5fdc','\u6e05\u6383\u306e\u3084\u308a\u3068\u308a','\u53e3\u30b3\u30df\u5bfe\u5fdc'];\nconst PLANQ_ANS = { yes:'\u81ea\u5206\u3067\u3067\u304d\u308b', no:'\u5f0a\u793e\u306b\u4efb\u305b\u305f\u3044' };\nconst LOC_LABEL = { in:'\u6771\u4eac23\u533a\u5185', out:'\u6771\u4eac23\u533a\u5916' };\nconst OPT_ANS = { yes:'\u81ea\u5206\u3067\u3067\u304d\u308b\uff08\u4e0d\u8981\uff09', maybe:'\u308f\u304b\u3089\u306a\u3044\u30fb\u4e0d\u5b89', no:'\u5f0a\u793e\u306b\u4efb\u305b\u305f\u3044' };\n\n\/\/ \u8a3a\u65ad\u306e\u9078\u629e\u5185\u5bb9\u3092\u30c6\u30ad\u30b9\u30c8\u5316\uff08\u30e1\u30fc\u30eb\u672c\u6587\u7528\uff09\nfunction buildSummaryText(){\n  const L = [];\n  L.push('\u25a0 \u55b6\u696d\u5f62\u614b');\n  L.push('\u3000' + (FORM_LABEL[formType] || '\u672a\u9078\u629e'));\n  \/\/ \u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u306e\u81ea\u52d5\u5316\uff08\u5168\u55b6\u696d\u5f62\u614b\u3067\u56de\u7b54\u3057\u3066\u3044\u308c\u3070\u8868\u793a\uff09\n  if(baseNeeded !== null){\n    L.push('');\n    L.push('\u25a0 \u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u306e\u81ea\u52d5\u5316');\n    L.push('\u3000' + (BASE_LABEL[baseNeeded] || '\u672a\u9078\u629e'));\n  }\n  \/\/ \u904b\u55b63\u554f\uff1a\u56de\u7b54\u304c\u3042\u308c\u3070\u5e38\u306b\u8868\u793a\uff08\u65c5\u9928\u696d\u00d7\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u81ea\u524d\u3067\u3082\u904b\u55b63\u554f\u306f\u7b54\u3048\u3066\u3044\u308b\u305f\u3081\uff09\n  if(planAnswers.some(a => a !== null)){\n    L.push('');\n    L.push('\u25a0 \u904b\u55b6\u306e\u9032\u3081\u65b9');\n    planAnswers.forEach((a,i)=>{\n      L.push('\u3000' + PLANQ_LABEL[i] + '\uff1a' + (PLANQ_ANS[a] || '\u672a\u56de\u7b54'));\n    });\n  }\n  L.push('');\n  L.push('\u25a0 \u7269\u4ef6\u306e\u6240\u5728\u5730');\n  L.push('\u3000' + (LOC_LABEL[location23] || '\u672a\u9078\u629e'));\n  \/\/ \u30aa\u30d7\u30b7\u30e7\u30f3\u9078\u629e\uff1a\u56de\u7b54\u6e08\u307f\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u3042\u308b\u5834\u5408\u306e\u307f\u898b\u51fa\u3057+\u5185\u5bb9\u3092\u51fa\u529b\n  const answeredOps = OPTIONS.filter(op => {\n    const card = optContainer.querySelector(`[data-opt-id=\"${op.id}\"]`);\n    const visible = card && getComputedStyle(card).display !== 'none';\n    return visible && optAnswers[op.id];\n  });\n  if(answeredOps.length > 0){\n    L.push('');\n    L.push('\u25a0 \u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u9078\u629e');\n    answeredOps.forEach(op => {\n      L.push('\u3000' + op.name + '\uff1a' + (OPT_ANS[optAnswers[op.id]] || optAnswers[op.id]));\n    });\n  }\n  L.push('');\n  L.push('\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501');\n  L.push('\u3010\u8a3a\u65ad\u7d50\u679c\u3011');\n  L.push('\u3000\u304a\u3059\u3059\u3081\u30d7\u30e9\u30f3\uff1a' + (lastResult ? lastResult.planName : '\u2015'));\n  if(lastResult){\n    if(lastResult.initialSum>0 || lastResult.monthlySum>0){\n      L.push('\u3000\u521d\u671f\u8cbb\u7528\uff08\u6982\u7b97\uff09\uff1a' + lastResult.initialSum.toLocaleString() + '\u5186\uff08\u7a0e\u629c\uff09');\n      if(lastResult.monthlySum>0){\n        L.push('\u3000\u6708\u984d\u8cbb\u7528\uff08\u6982\u7b97\uff09\uff1a' + lastResult.monthlySum.toLocaleString() + '\u5186\uff08\u7a0e\u629c\uff09');\n      }\n    }\n    if(lastResult.recommended.length>0){\n      L.push('\u3000\u304a\u3059\u3059\u3081\u30aa\u30d7\u30b7\u30e7\u30f3\uff1a' + lastResult.recommended.join('\u3001'));\n    }\n  }\n  L.push('\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501');\n  return L.join('\\n');\n}\n\n\/\/ \u9001\u4fe1\u30c7\u30fc\u30bf\uff08JSON\uff09\u3092\u7d44\u307f\u7acb\u3066\nfunction buildPayload(lastName, firstName, email){\n  return {\n    timestamp: new Date().toISOString(),\n    source: 'new',  \/\/ 'new' (\u672c\u30d5\u30a9\u30fc\u30e0) \/ 'followup' (\u30d5\u30a9\u30ed\u30fc\u30a2\u30c3\u30d7\u7248) \u3067\u8b58\u5225\n    contact: { lastName, firstName, email },\n    diagnosis: {\n      formType: FORM_LABEL[formType] || '',\n      checkinNeeded: baseNeeded !== null ? (BASE_LABEL[baseNeeded]||'') : '',\n      operationAnswers: {\n        guest: PLANQ_ANS[planAnswers[0]] || '',\n        cleaning: PLANQ_ANS[planAnswers[1]] || '',\n        review: PLANQ_ANS[planAnswers[2]] || ''\n      },\n      location: LOC_LABEL[location23] || '',\n      options: OPTIONS.reduce((acc,op)=>{\n        const card = optContainer.querySelector(`[data-opt-id=\"${op.id}\"]`);\n        const visible = card && getComputedStyle(card).display !== 'none';\n        if(visible && optAnswers[op.id]){\n          acc[op.name] = OPT_ANS[optAnswers[op.id]] || optAnswers[op.id];\n        }\n        return acc;\n      }, {})\n    },\n    result: lastResult ? {\n      planName: lastResult.planName,\n      initialFee: lastResult.initialSum,\n      monthlyFee: lastResult.monthlySum,\n      recommendedOptions: lastResult.recommended\n    } : null,\n    summaryText: buildSummaryText()\n  };\n}\n\n\/\/ \u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\nfunction validateForm(){\n  const lastName = document.getElementById('lastName').value.trim();\n  const firstName = document.getElementById('firstName').value.trim();\n  const email = document.getElementById('email').value.trim();\n  const errEl = document.getElementById('formError');\n  ['lastName','firstName','email'].forEach(id=>document.getElementById(id).classList.remove('err'));\n\n  if(!lastName){ document.getElementById('lastName').classList.add('err'); errEl.textContent='\u59d3\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002'; return null; }\n  if(!firstName){ document.getElementById('firstName').classList.add('err'); errEl.textContent='\u540d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002'; return null; }\n  if(!email){ document.getElementById('email').classList.add('err'); errEl.textContent='\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002'; return null; }\n  const emailOk = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\n  if(!emailOk){ document.getElementById('email').classList.add('err'); errEl.textContent='\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306e\u5f62\u5f0f\u304c\u6b63\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002'; return null; }\n  errEl.textContent='';\n  return { lastName, firstName, email };\n}\n\n\/\/ \u9001\u4fe1\u30dc\u30bf\u30f3\ndocument.getElementById('sendBtn').addEventListener('click', async ()=>{\n  const valid = validateForm();\n  if(!valid) return;\n  const btn = document.getElementById('sendBtn');\n  const status = document.getElementById('sendStatus');\n  const payload = buildPayload(valid.lastName, valid.firstName, valid.email);\n\n  btn.disabled = true;\n  btn.textContent = '\u9001\u4fe1\u4e2d\u2026';\n  status.className = 'send-status';\n  status.textContent = '';\n\n  try{\n    const res = await fetch(N8N_WEBHOOK_URL, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/json' },\n      body: JSON.stringify(payload)\n    });\n    if(!res.ok) throw new Error('status ' + res.status);\n    status.className = 'send-status success';\n    status.textContent = '\u9001\u4fe1\u304c\u5b8c\u4e86\u3057\u307e\u3057\u305f\u3002';\n    btn.textContent = '\u9001\u4fe1\u6e08\u307f';\n    \/\/ \u7121\u6599\u76f8\u8ac7\u30d5\u30a9\u30fc\u30e0\u8a98\u5c0e\u30bb\u30af\u30b7\u30e7\u30f3\u3092\u8868\u793a\n    const postSend = document.getElementById('postSend');\n    if(postSend){\n      postSend.style.display = 'block';\n      setTimeout(()=>postSend.scrollIntoView({behavior:'smooth', block:'center'}), 200);\n    }\n    \/\/ PDF\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30ab\u30fc\u30c9\u3092\u8868\u793a\n    const pdfSaveCard = document.getElementById('pdfSaveCard');\n    if(pdfSaveCard){\n      pdfSaveCard.style.display = 'block';\n    }\n  }catch(e){\n    btn.disabled = false;\n    btn.textContent = '\u8a3a\u65ad\u7d50\u679c\u3092\u9001\u308b';\n    status.className = 'send-status error';\n    status.textContent = '\u9001\u4fe1\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002\u304a\u624b\u6570\u3067\u3059\u304c\u6642\u9593\u3092\u304a\u3044\u3066\u518d\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002';\n  }\n});\n\n\/\/ ===== PDF\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u6a5f\u80fd =====\nfunction buildPDFContent(){\n  const lastName = document.getElementById('lastName').value.trim();\n  const firstName = document.getElementById('firstName').value.trim();\n  const email = document.getElementById('email').value.trim();\n  const customerName = (lastName || firstName) ? `${lastName} ${firstName} \u69d8` : '\uff08\u304a\u5ba2\u69d8\u60c5\u5831\u672a\u5165\u529b\uff09';\n\n  const today = new Date();\n  const dateStr = `${today.getFullYear()}\u5e74${today.getMonth()+1}\u6708${today.getDate()}\u65e5`;\n\n  const formTypeLabel = FORM_LABEL[formType] || '\u672a\u9078\u629e';\n  const baseLabel = baseNeeded !== null ? (BASE_LABEL[baseNeeded] || '\u672a\u9078\u629e') : '';\n  const locationLabel = LOC_LABEL[location23] || '\u672a\u9078\u629e';\n\n  \/\/ \u904b\u55b63\u554f\n  const opsRows = planAnswers.map((a, i) => {\n    const label = PLANQ_LABEL[i];\n    const ans = PLANQ_ANS[a] || '\u672a\u56de\u7b54';\n    return `<tr><td style=\"padding:7px 0;color:#6b7280;font-size:13px;width:40%;\">${label}<\/td><td style=\"padding:7px 0;color:#1a2e4a;font-weight:700;font-size:14px;\">${ans}<\/td><\/tr>`;\n  }).join('');\n\n  \/\/ \u30aa\u30d7\u30b7\u30e7\u30f3\u9078\u629e\n  const optsRows = OPTIONS.map(op => {\n    const card = optContainer.querySelector(`[data-opt-id=\"${op.id}\"]`);\n    const visible = card && getComputedStyle(card).display !== 'none';\n    const ans = optAnswers[op.id];\n    if(!visible || !ans) return '';\n    const ansLabel = OPT_ANS[ans] || ans;\n    const ansColor = ans === 'yes' ? '#3d9970' : (ans === 'maybe' ? '#c98a26' : '#ea4d3c');\n    return `<tr><td style=\"padding:7px 0;color:#1a2e4a;font-size:13px;\">${op.name}<\/td><td style=\"padding:7px 0;color:${ansColor};font-weight:700;font-size:13px;text-align:right;\">${ansLabel}<\/td><\/tr>`;\n  }).filter(s => s).join('');\n\n  \/\/ \u8a3a\u65ad\u7d50\u679c\n  const planName = lastResult ? lastResult.planName : '\u2015';\n  const initialFee = lastResult ? lastResult.initialSum : 0;\n  const monthlyFee = lastResult ? lastResult.monthlySum : 0;\n  const planMonthlyBase = lastResult ? lastResult.planMonthlyBase : 0;\n  const planInitialBase = lastResult ? lastResult.planInitialBase : 0;\n\n  \/\/ \u304a\u3059\u3059\u3081\u30b5\u30dd\u30fc\u30c8\uff08\u30d7\u30e9\u30f3\u672c\u4f53 + \u7121\u511f\u4ed8\u5e2f + \u63a8\u5968\u30aa\u30d7\u30b7\u30e7\u30f3\uff09\u30c6\u30fc\u30d6\u30eb\u5f62\u5f0f\n  let supportRowsHtml = '';\n  if(lastResult){\n    \/\/ \u30d7\u30e9\u30f3\u672c\u4f53\uff08\u30d7\u30e9\u30f3\u3042\u308a\u6642\uff09\n    if(lastResult.planKey !== 'none' && planMonthlyBase > 0){\n      supportRowsHtml += `<tr style=\"border-bottom:1px solid #e5e7eb;\"><td style=\"padding:14px 0;vertical-align:top;width:60%;\"><div style=\"color:#1a2e4a;font-size:14px;\">${planName}<\/div><div style=\"font-size:11px;color:#6b7280;margin-top:3px;\">\u57fa\u672c\u306e\u30d7\u30e9\u30f3\u6599\u91d1<\/div><\/td><td style=\"padding:14px 0;color:#1a2e4a;font-weight:700;font-size:13px;text-align:right;white-space:nowrap;vertical-align:top;\">\u6708\u984d ${planMonthlyBase.toLocaleString()}\u5186<\/td><\/tr>`;\n    }\n    \/\/ \u7121\u511f\u4ed8\u5e2f\u9805\u76ee\n    if(lastResult.freebies && lastResult.freebies.length > 0){\n      lastResult.freebies.forEach(name => {\n        supportRowsHtml += `<tr style=\"border-bottom:1px solid #e5e7eb;\"><td style=\"padding:14px 0;vertical-align:top;width:60%;\"><div style=\"color:#1a2e4a;font-size:14px;\">${name}<\/div><div style=\"font-size:11px;color:#6b7280;margin-top:3px;\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u306b\u7121\u511f\u3067\u4ed8\u3044\u3066\u304d\u307e\u3059<\/div><\/td><td style=\"padding:14px 0;color:#3d9970;font-weight:700;font-size:13px;text-align:right;white-space:nowrap;vertical-align:top;\">\u7121\u511f\u4ed8\u5e2f<\/td><\/tr>`;\n      });\n    }\n    \/\/ \u63a8\u5968\u30aa\u30d7\u30b7\u30e7\u30f3\uff08\u91d1\u984d\u4ed8\u304d\uff09\n    if(lastResult.recommendedDetails && lastResult.recommendedDetails.length > 0){\n      lastResult.recommendedDetails.forEach(item => {\n        supportRowsHtml += `<tr style=\"border-bottom:1px solid #e5e7eb;\"><td style=\"padding:14px 0;vertical-align:top;width:60%;\"><div style=\"color:#1a2e4a;font-size:14px;\">${item.name}<\/div><div style=\"font-size:11px;color:#6b7280;margin-top:3px;\">\u304a\u3059\u3059\u3081\u306e\u30b5\u30dd\u30fc\u30c8<\/div><\/td><td style=\"padding:14px 0;color:#1a2e4a;font-weight:700;font-size:13px;text-align:right;white-space:nowrap;vertical-align:top;\">${item.priceLabel}<\/td><\/tr>`;\n      });\n    }\n  }\n  if(!supportRowsHtml){\n    supportRowsHtml = '<tr><td colspan=\"2\" style=\"padding:14px 0;color:#9ca3af;font-size:13px;text-align:center;\">\u8ffd\u52a0\u30b5\u30dd\u30fc\u30c8\u306a\u3057<\/td><\/tr>';\n  }\n\n  return `\n    <div style=\"font-family:'Noto Sans JP','Hiragino Sans','Yu Gothic',sans-serif;width:760px;padding:0;box-sizing:border-box;background:#ffffff;color:#1a2e4a;line-height:1.6;\">\n      <div class=\"pdf-section\" style=\"background:linear-gradient(135deg, #1a2e4a 0%, #2d4870 100%);color:#ffffff;padding:28px 32px;border-radius:16px;margin-bottom:14px;text-align:center;\">\n        <div style=\"font-size:10px;letter-spacing:0.28em;color:#9ca3af;margin-bottom:6px;\">B I Z P A T O\u3000M I N P A K U\u3000M A N A G E M E N T<\/div>\n        <div style=\"font-size:24px;font-weight:900;margin-bottom:6px;\">\u6c11\u6cca\u7ba1\u7406\u30d0\u30f3\u30af\uff5c\u8a3a\u65ad\u7d50\u679c<\/div>\n        <div style=\"font-size:12px;color:#c9d6e8;\">\u4f5c\u6210\u65e5\uff1a${dateStr}<\/div>\n      <\/div>\n      <div class=\"pdf-section\" style=\"background:#e0f2fe;border-radius:14px;padding:18px 24px;margin-bottom:14px;\">\n        <div style=\"font-size:10px;font-weight:700;color:#1a2e4a;letter-spacing:0.16em;margin-bottom:6px;\">CUSTOMER<\/div>\n        <div style=\"font-size:17px;font-weight:700;color:#1a2e4a;\">${customerName}<\/div>\n        ${email ? `<div style=\"font-size:12px;color:#4b5563;margin-top:4px;\">${email}<\/div>` : ''}\n      <\/div>\n      <div class=\"pdf-section\" style=\"background:linear-gradient(135deg, #1a2e4a 0%, #24405f 100%);color:#ffffff;border-radius:14px;padding:24px 28px;margin-bottom:14px;text-align:center;\">\n        <div style=\"font-size:11px;color:#d7f0ff;letter-spacing:0.16em;margin-bottom:6px;\">\u3042\u306a\u305f\u3078\u306e\u304a\u3059\u3059\u3081\u30d7\u30e9\u30f3<\/div>\n        <div style=\"font-size:28px;font-weight:900;line-height:1.2;\">${planName}<\/div>\n        ${planMonthlyBase > 0 ? `<div style=\"font-size:13px;color:#c9d6e8;margin-top:6px;\">\u57fa\u672c\u306e\u30d7\u30e9\u30f3\u6599\u91d1\u3000\u6708\u984d ${planMonthlyBase.toLocaleString()}\u5186 \/ \u7269\u4ef6\uff08\u7a0e\u629c\uff09<\/div>` : ''}\n      <\/div>\n      <div class=\"pdf-section\" style=\"background:#ffffff;border:1px solid #e5e7eb;border-radius:14px;padding:20px 24px;margin-bottom:14px;\">\n        <div style=\"font-size:14px;font-weight:700;color:#1a2e4a;margin-bottom:8px;\">\u25bc \u304a\u3059\u3059\u3081\u306e\u30b5\u30dd\u30fc\u30c8\u69cb\u6210<\/div>\n        <table style=\"width:100%;border-collapse:collapse;\">${supportRowsHtml}<\/table>\n      <\/div>\n      ${(initialFee > 0 || monthlyFee > 0) ? `<div class=\"pdf-section\" style=\"background:#e0f2fe;border-radius:14px;padding:20px 24px;margin-bottom:14px;\">\n        <div style=\"font-size:14px;font-weight:700;color:#1a2e4a;margin-bottom:12px;\">\u25bc \u6982\u7b97\u304a\u898b\u7a4d\u308a<\/div>\n        <table style=\"width:100%;border-collapse:collapse;\">\n          ${initialFee > 0 ? `<tr><td style=\"padding:8px 0;font-size:14px;color:#1a2e4a;\">\u521d\u671f\u8cbb\u7528 \u5408\u8a08<\/td><td style=\"padding:8px 0;font-size:17px;font-weight:900;color:#ea4d3c;text-align:right;\">${initialFee.toLocaleString()}\u5186<\/td><\/tr>` : ''}\n          ${monthlyFee > 0 ? `<tr style=\"border-top:1px solid #c5dbf0;\"><td style=\"padding:8px 0;font-size:14px;color:#1a2e4a;\">\u6708\u984d\u8cbb\u7528 \u5408\u8a08<\/td><td style=\"padding:8px 0;font-size:17px;font-weight:900;color:#ea4d3c;text-align:right;\">${monthlyFee.toLocaleString()}\u5186<\/td><\/tr>` : ''}\n        <\/table>\n        <div style=\"font-size:11px;color:#6b7280;margin-top:10px;line-height:1.7;\">\u203b 1\u7269\u4ef6\u3042\u305f\u308a\u306e\u6982\u7b97\uff08\u7a0e\u629c\uff09\u3067\u3059\u3002\u6b63\u5f0f\u306a\u304a\u898b\u7a4d\u308a\u306f\u6253\u3061\u5408\u308f\u305b\u5f8c\u306b\u78ba\u5b9a\u3044\u305f\u3057\u307e\u3059\u3002<br>\u203b \u5225\u9014\u3001Beds24\u30fbPriceLabs\u7b49\u306e\u5b9f\u8cbb\u304c\u30db\u30b9\u30c8\u69d8\u8ca0\u62c5\u3068\u306a\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/div>\n      <\/div>` : `<div class=\"pdf-section\" style=\"background:#e0f2fe;border-radius:14px;padding:20px 24px;margin-bottom:14px;\">\n        <div style=\"font-size:14px;font-weight:700;color:#1a2e4a;margin-bottom:12px;\">\u25bc \u6982\u7b97\u304a\u898b\u7a4d\u308a<\/div>\n        <div style=\"font-size:13px;color:#1a2e4a;line-height:1.9;\">\u73fe\u6642\u70b9\u3067\u3054\u5229\u7528\u304c\u5fc5\u8981\u306a\u30b5\u30dd\u30fc\u30c8\u306f\u306a\u304f\u3001\u304a\u898b\u7a4d\u308a\u5bfe\u8c61\u304c\u3054\u3056\u3044\u307e\u305b\u3093\u3002\u3054\u5229\u7528\u306b\u306a\u308a\u305f\u3044\u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u6c7a\u307e\u308a\u307e\u3057\u305f\u3089\u3001\u5358\u54c1\u3067\u306e\u304a\u898b\u7a4d\u308a\u3082\u53ef\u80fd\u3067\u3059\u3002\u307e\u305a\u306f\u7121\u6599\u76f8\u8ac7\u3067\u3054\u72b6\u6cc1\u3092\u3046\u304b\u304c\u3044\u307e\u3059\u3002<\/div>\n      <\/div>`}\n      <div class=\"pdf-section\" style=\"background:#f8f9fb;border-radius:14px;padding:20px 24px;margin-bottom:14px;\">\n        <div style=\"font-size:14px;font-weight:700;color:#1a2e4a;margin-bottom:10px;\">\u25bc \u8a3a\u65ad\u56de\u7b54\u5185\u5bb9<\/div>\n        <table style=\"width:100%;border-collapse:collapse;\">\n          <tr><td style=\"padding:6px 0;color:#6b7280;font-size:13px;width:40%;\">\u55b6\u696d\u5f62\u614b<\/td><td style=\"padding:6px 0;color:#1a2e4a;font-weight:700;font-size:14px;\">${formTypeLabel}<\/td><\/tr>\n          ${baseLabel ? `<tr><td style=\"padding:6px 0;color:#6b7280;font-size:13px;\">\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u306e\u81ea\u52d5\u5316<\/td><td style=\"padding:6px 0;color:#1a2e4a;font-weight:700;font-size:14px;\">${baseLabel}<\/td><\/tr>` : ''}\n          ${opsRows}\n          <tr><td style=\"padding:6px 0;color:#6b7280;font-size:13px;\">\u7269\u4ef6\u306e\u6240\u5728\u5730<\/td><td style=\"padding:6px 0;color:#1a2e4a;font-weight:700;font-size:14px;\">${locationLabel}<\/td><\/tr>\n        <\/table>\n      <\/div>\n      ${optsRows ? `<div class=\"pdf-section\" style=\"background:#f8f9fb;border-radius:14px;padding:20px 24px;margin-bottom:14px;\">\n        <div style=\"font-size:14px;font-weight:700;color:#1a2e4a;margin-bottom:10px;\">\u25bc \u30aa\u30d7\u30b7\u30e7\u30f3\u5225\u306e\u9078\u629e<\/div>\n        <table style=\"width:100%;border-collapse:collapse;\">${optsRows}<\/table>\n      <\/div>` : ''}\n      <div class=\"pdf-section\" style=\"padding:14px 0;text-align:center;\">\n        <div style=\"font-size:11px;color:#6b7280;line-height:1.8;margin-bottom:12px;\">\n          \u203b \u672c\u8a3a\u65ad\u306e\u7d50\u679c\u30fb\u6982\u7b97\u91d1\u984d\u306f\u3042\u304f\u307e\u3067\u76ee\u5b89\u3067\u3059\u3002\u6b63\u5f0f\u306a\u30d7\u30e9\u30f3\u30fb\u304a\u898b\u7a4d\u308a\u306f\u3001\u7269\u4ef6\u306e\u72b6\u6cc1\u3084\u53d7\u8a17\u53ef\u5426\u306e\u78ba\u8a8d\u306e\u3046\u3048\u3001\u78ba\u5b9a\u3044\u305f\u3057\u307e\u3059\u3002\n        <\/div>\n        <div style=\"background:#f8f9fb;border-radius:10px;padding:12px;font-size:11px;color:#1a2e4a;line-height:1.7;\">\n          <strong style=\"font-size:13px;\">\u682a\u5f0f\u4f1a\u793eBizPato\uff5c\u6c11\u6cca\u7ba1\u7406\u30d0\u30f3\u30af<\/strong><br>\n          \u304a\u554f\u3044\u5408\u308f\u305b\uff1aconsulter@bizpato.com\n        <\/div>\n      <\/div>\n    <\/div>\n  `;\n}\n\ndocument.getElementById('downloadPdfBtn').addEventListener('click', async ()=>{\n  const btn = document.getElementById('downloadPdfBtn');\n  const originalText = btn.innerHTML;\n  btn.disabled = true;\n  btn.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin\"><\/i>PDF\u751f\u6210\u4e2d\u2026';\n\n  let tempDiv = null;\n  let overlay = null;\n\n  try{\n    if(typeof html2canvas === 'undefined' || typeof window.jspdf === 'undefined'){\n      throw new Error('PDF\u751f\u6210\u30e9\u30a4\u30d6\u30e9\u30ea\u304c\u8aad\u307f\u8fbc\u307e\u308c\u3066\u3044\u307e\u305b\u3093');\n    }\n    const { jsPDF } = window.jspdf;\n\n    \/\/ \u5168\u753b\u9762\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\n    overlay = document.createElement('div');\n    overlay.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.96);z-index:99999;display:flex;align-items:center;justify-content:center;font-family:\"Noto Sans JP\",sans-serif;';\n    overlay.innerHTML = '<div style=\"text-align:center;color:#1a2e4a;\"><div style=\"width:50px;height:50px;border:4px solid #e0f2fe;border-top-color:#1a2e4a;border-radius:50%;animation:pdfspin 1s linear infinite;margin:0 auto 16px;\"><\/div><p style=\"font-weight:700;font-size:16px;margin:0;\">PDF\u751f\u6210\u4e2d\u2026<\/p><\/div><style>@keyframes pdfspin{to{transform:rotate(360deg);}}<\/style>';\n    document.body.appendChild(overlay);\n\n    const pdfHtml = buildPDFContent();\n    tempDiv = document.createElement('div');\n    tempDiv.innerHTML = pdfHtml.trim();\n    tempDiv.style.cssText = 'position:fixed;top:0;left:0;width:760px;background:#ffffff;z-index:1;padding:20px;';\n    document.body.appendChild(tempDiv);\n\n    const pdfRoot = tempDiv.firstElementChild;\n    if(!pdfRoot){\n      throw new Error('PDF\u5bfe\u8c61\u306e\u8981\u7d20\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093');\n    }\n\n    if(document.fonts && document.fonts.ready){\n      await document.fonts.ready;\n    }\n    await new Promise(r => setTimeout(r, 300));\n\n    \/\/ \u30bb\u30af\u30b7\u30e7\u30f3\u5883\u754c\u4f4d\u7f6e\u3092\u8a18\u9332\uff08\u30da\u30fc\u30b8\u5206\u5272\u306e\u5019\u88dc\u4f4d\u7f6e\uff09\n    const sections = pdfRoot.querySelectorAll('.pdf-section');\n    const sectionBottoms = [];  \/\/ \u5404\u30bb\u30af\u30b7\u30e7\u30f3\u306e\u4e0b\u7aef\u306ey\u5ea7\u6a19(px\u3001pdfRoot\u57fa\u6e96)\n    sections.forEach(sec => {\n      sectionBottoms.push(sec.offsetTop + sec.offsetHeight);\n    });\n\n    \/\/ \u5168\u4f53\u30921\u679a\u306e\u753b\u50cf\u3068\u3057\u3066\u30ad\u30e3\u30d7\u30c1\u30e3\n    const canvas = await html2canvas(pdfRoot, {\n      scale: 2,\n      useCORS: true,\n      allowTaint: true,\n      logging: false,\n      backgroundColor: '#ffffff',\n      width: pdfRoot.offsetWidth,\n      height: pdfRoot.offsetHeight,\n      windowWidth: 800\n    });\n\n    if(canvas.width === 0 || canvas.height === 0){\n      throw new Error('\u63cf\u753b\u5931\u6557 (\u30b5\u30a4\u30ba:' + canvas.width + 'x' + canvas.height + ')');\n    }\n\n    \/\/ PDF\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\n    const pdf = new jsPDF('p', 'mm', 'a4');\n    const pdfWidth = pdf.internal.pageSize.getWidth();\n    const pdfHeight = pdf.internal.pageSize.getHeight();\n    const margin = 10;\n    const imgWidth = pdfWidth - (margin * 2);\n    const pageContentHeight = pdfHeight - (margin * 2);\n\n    \/\/ canvas\u2192pdf\u5bf8\u6cd5\u306e\u30b9\u30b1\u30fc\u30eb\u4fc2\u6570\n    const canvasScale = canvas.width \/ pdfRoot.offsetWidth;  \/\/ html2canvas\u306escale=2\n    const maxPagePxHeight = (pageContentHeight \/ imgWidth) * canvas.width;\n\n    \/\/ \u30da\u30fc\u30b8\u5206\u5272\u3057\u306a\u304c\u3089\u30af\u30ed\u30c3\u30d7\u753b\u50cf\u3092\u8cbc\u3063\u3066\u3044\u304f\n    let yPxStart = 0;\n    while (yPxStart < canvas.height) {\n      let yPxEnd = Math.min(yPxStart + maxPagePxHeight, canvas.height);\n\n      \/\/ \u753b\u50cf\u306e\u6700\u5f8c\u3067\u306a\u3051\u308c\u3070\u3001\u6700\u3082\u8fd1\u3044\u30bb\u30af\u30b7\u30e7\u30f3\u5883\u754c\u3067\u5207\u308b\n      if (yPxEnd < canvas.height) {\n        \/\/ canvas\u5ea7\u6a19\u3067\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u5883\u754c\u5019\u88dc\n        const candidates = sectionBottoms\n          .map(b => b * canvasScale)\n          .filter(b => b > yPxStart + 100 && b <= yPxEnd);  \/\/ \u6700\u4f4e\u9650\u306e\u9ad8\u3055\u3092\u78ba\u4fdd\n        if (candidates.length > 0) {\n          yPxEnd = candidates[candidates.length - 1];\n        }\n      }\n\n      const cropHeight = yPxEnd - yPxStart;\n\n      \/\/ \u8a72\u5f53\u7bc4\u56f2\u3092\u5225\u30ad\u30e3\u30f3\u30d0\u30b9\u306b\u30af\u30ed\u30c3\u30d7\n      const cropCanvas = document.createElement('canvas');\n      cropCanvas.width = canvas.width;\n      cropCanvas.height = cropHeight;\n      const ctx = cropCanvas.getContext('2d');\n      ctx.fillStyle = '#ffffff';\n      ctx.fillRect(0, 0, cropCanvas.width, cropCanvas.height);\n      ctx.drawImage(canvas, 0, yPxStart, canvas.width, cropHeight, 0, 0, canvas.width, cropHeight);\n\n      const imgData = cropCanvas.toDataURL('image\/jpeg', 0.92);\n      const cropImgHeight = (cropHeight * imgWidth) \/ canvas.width;\n\n      if (yPxStart > 0) pdf.addPage();\n      pdf.addImage(imgData, 'JPEG', margin, margin, imgWidth, cropImgHeight);\n\n      yPxStart = yPxEnd;\n    }\n\n    const lastName = document.getElementById('lastName').value.trim() || '\u304a\u5ba2\u69d8';\n    const firstName = document.getElementById('firstName').value.trim() || '';\n    const today = new Date();\n    const dateStr = `${today.getFullYear()}${String(today.getMonth()+1).padStart(2,'0')}${String(today.getDate()).padStart(2,'0')}`;\n    const filename = `\u6c11\u6cca\u7ba1\u7406\u30d0\u30f3\u30af_\u8a3a\u65ad\u7d50\u679c_${lastName}${firstName}_${dateStr}.pdf`;\n    pdf.save(filename);\n  }catch(e){\n    console.error('PDF generation failed:', e);\n    alert('PDF\u306e\u751f\u6210\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002\\n\u30a8\u30e9\u30fc\u5185\u5bb9: ' + (e.message || e));\n  }finally{\n    if(tempDiv && tempDiv.parentNode){ tempDiv.parentNode.removeChild(tempDiv); }\n    if(overlay && overlay.parentNode){ overlay.parentNode.removeChild(overlay); }\n    btn.disabled = false;\n    btn.innerHTML = originalText;\n  }\n});\n<\/script>\n\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false},"class_list":["post-12415","minpaku-lp","type-minpaku-lp","status-publish","entry","nothumb"],"acf":[],"_links":{"self":[{"href":"https:\/\/bizpato.com\/minpaku\/wp-json\/wp\/v2\/minpaku-lp\/12415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bizpato.com\/minpaku\/wp-json\/wp\/v2\/minpaku-lp"}],"about":[{"href":"https:\/\/bizpato.com\/minpaku\/wp-json\/wp\/v2\/types\/minpaku-lp"}],"wp:attachment":[{"href":"https:\/\/bizpato.com\/minpaku\/wp-json\/wp\/v2\/media?parent=12415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}