{"id":45907,"date":"2025-11-22T12:23:23","date_gmt":"2025-11-22T03:23:23","guid":{"rendered":"https:\/\/ymworks.com\/new\/?page_id=45907"},"modified":"2025-12-14T22:30:00","modified_gmt":"2025-12-14T13:30:00","slug":"import-car-regular-inspection-simulator","status":"publish","type":"page","link":"https:\/\/ymworks.com\/new\/import-car-regular-inspection-simulator\/","title":{"rendered":"\u8f38\u5165\u8eca\u30fb\u5916\u8eca12\u30f6\u6708\u70b9\u691c\u8cbb\u7528\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc | \u6700\u77ed1\u5206\u3067Web\u898b\u7a4d\u3082\u308a"},"content":{"rendered":"\n<style>\n#ymworks-intro-section * {\n  box-sizing: border-box;\n}\n\n#ymworks-intro-section {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n  max-width: 1200px;\n  margin: 0 auto 40px;\n  padding: 0 20px;\n  color: #333;\n  line-height: 1.8;\n}\n\n#ymworks-intro-section p {\n  margin: 0 0 20px 0;\n  font-size: 16px;\n  line-height: 1.8;\n}\n\n#ymworks-intro-section a {\n  color: #333;\n  text-decoration: underline;\n  transition: opacity 0.2s ease;\n}\n\n#ymworks-intro-section a:hover {\n  opacity: 0.7;\n}\n\n#ymworks-intro-section p > strong {\n  color: #333;\n  font-weight: 600;\n}\n\n.ymworks-features-list strong,\n.ymworks-brands-box strong {\n  color: #059669;\n  font-weight: 600;\n}\n\n.ymworks-brands-box {\n  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);\n  padding: 20px 24px;\n  border-radius: 12px;\n  margin: 24px 0;\n  border-left: 4px solid #10b981;\n  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.1);\n}\n\n.ymworks-features-list {\n  background: #f8fafc;\n  padding: 24px 32px 24px 52px;\n  border-radius: 12px;\n  margin: 24px 0;\n  border: 2px solid #e5e7eb;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n}\n\n.ymworks-features-list ul {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.ymworks-features-list li {\n  margin-bottom: 12px;\n  line-height: 1.7;\n  position: relative;\n  padding-left: 0;\n}\n\n.ymworks-features-list li:last-child {\n  margin-bottom: 0;\n}\n\n.ymworks-features-list li strong {\n  color: #10b981;\n  font-weight: 700;\n}\n\n\/* \u62c5\u5f53\u8005\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb *\/\n#author-profile {\n  background-color: #ffffff;\n  padding: 20px;\n  border-radius: 12px;\n  margin: 32px 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n  border: 2px solid #e5e7eb;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n}\n\n#author-profile-content {\n  display: flex;\n  flex-wrap: nowrap;\n  gap: 20px;\n}\n\n#author-image-container {\n  flex: 0 0 100px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n#author-image {\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  margin-bottom: 8px;\n  border: 3px solid #10b981;\n  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2);\n}\n\n#author-tag {\n  font-size: 11px;\n  font-weight: 700;\n  color: #ffffff;\n  background: linear-gradient(135deg, #059669, #10b981);\n  padding: 4px 10px;\n  border-radius: 12px;\n  box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3);\n}\n\n#author-info {\n  flex: 1;\n  min-width: 0;\n}\n\n#author-title {\n  margin: 0 0 4px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: #64748b;\n}\n\n#author-name {\n  margin: 0 0 4px 0;\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.2;\n  color: #1e293b;\n}\n\n#author-details {\n  margin: 0 0 12px 0;\n  font-size: 12px;\n  color: #64748b;\n}\n\n#short-bio, #full-bio {\n  font-size: 14px;\n  line-height: 1.6;\n  color: #374151;\n}\n\n#read-more, #read-less {\n  color: #10b981;\n  cursor: pointer;\n  font-weight: 700;\n  text-decoration: none;\n  transition: color 0.2s ease;\n}\n\n#read-more:hover, #read-less:hover {\n  color: #059669;\n  text-decoration: underline;\n}\n\n@media (max-width: 768px) {\n  #ymworks-intro-section {\n    padding: 0 15px;\n  }\n  \n  #ymworks-intro-section p {\n    font-size: 15px;\n  }\n  \n  .ymworks-brands-box {\n    padding: 18px 20px;\n    font-size: 15px;\n  }\n  \n  .ymworks-features-list {\n    padding: 20px 24px 20px 42px;\n  }\n  \n  .ymworks-features-list li {\n    font-size: 14px;\n  }\n}\n\n@media (max-width: 480px) {\n  #author-profile {\n    padding: 16px;\n  }\n\n  #author-profile-content {\n    gap: 12px;\n  }\n  \n  #author-image-container {\n    flex: 0 0 80px;\n  }\n  \n  #author-image {\n    width: 60px;\n    height: 60px;\n  }\n  \n  #author-tag {\n    font-size: 10px;\n    padding: 3px 8px;\n  }\n  \n  #author-title {\n    font-size: 12px;\n  }\n  \n  #author-name {\n    font-size: 17px;\n  }\n  \n  #author-details, #short-bio, #full-bio {\n    font-size: 13px;\n  }\n  \n  #short-bio {\n    max-height: 4.8em;\n    overflow: hidden;\n    position: relative;\n    padding-right: 1em;\n  }\n  \n  #short-bio::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 70%;\n    height: 1.6em;\n    background: linear-gradient(to right, transparent, #ffffff 80%);\n  }\n  \n  #read-more {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    background: #ffffff;\n    padding: 0 4px;\n    font-size: 12px;\n    line-height: 1.6;\n    z-index: 1;\n  }\n}\n<\/style>\n\n<div id=\"ymworks-intro-section\">\n  <p>\n    <strong>\u300c\u30c7\u30a3\u30fc\u30e9\u30fc\u306e12\u30f6\u6708\u70b9\u691c\u898b\u7a4d\u3082\u308a\u304c\u601d\u3063\u305f\u3088\u308a\u9ad8\u3044\u300d<br>\n    \u300c\u611b\u8eca\u3092\u9577\u304f\u5927\u5207\u306b\u4e57\u308a\u7d9a\u3051\u305f\u3044\u304b\u3089\u3001\u4fe1\u983c\u3067\u304d\u308b\u5c02\u9580\u5e97\u306b\u4efb\u305b\u305f\u3044\u300d<\/strong>\n  <\/p>\n  \n  <p>\n    \u305d\u3093\u306a\u8f38\u5165\u8eca\u30aa\u30fc\u30ca\u30fc\u69d8\u306e\u30cb\u30fc\u30ba\u306b\u304a\u5fdc\u3048\u3059\u308b\u306e\u304c\u3001<a href=\"https:\/\/ymworks.com\/new\/imported-car-regular-inspection\/\">\u30ef\u30a4\u30a8\u30e0\u30ef\u30fc\u30af\u30b9\u306e12\u30f6\u6708\u70b9\u691c\u30b5\u30fc\u30d3\u30b9<\/a>\u3067\u3059\u3002<br>\n    \u56fd\u5bb6\u8cc7\u683c\u6574\u5099\u58eb\u3068\u9ad8\u6027\u80fd\u8a3a\u65ad\u6a5f\u3067\u3001\u30c7\u30a3\u30fc\u30e9\u30fc\u3068\u540c\u7b49\u4ee5\u4e0a\u306e\u54c1\u8cea\u3092\u304a\u7d04\u675f\u3002\u4ed6\u5e97\u8cfc\u5165\u8eca\u3082\u5927\u6b53\u8fce\u3067\u3059\u3002<br>\n    \u307e\u305a\u306f\u7121\u6599\u306e\u8cbb\u7528\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc\u3067\u3001\u304a\u5ba2\u69d8\u306e\u304a\u8eca\u306e\u6982\u7b97\u8cbb\u7528\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002\n  <\/p>\n  \n  <div class=\"ymworks-features-list\">\n    <ul>\n      <li><strong>\u660e\u6717\u4f1a\u8a08\uff1a<\/strong> \u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc\u3067\u4e8b\u524d\u306b\u6982\u7b97\u8cbb\u7528\u3092\u78ba\u8a8d\u3002\u5fc5\u8981\u306a\u6574\u5099\u306e\u307f\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/li>\n      <li><strong>\u78ba\u304b\u306a\u8a3a\u65ad\uff1a<\/strong> \u8eca\u7a2e\u3054\u3068\u306e\u30a6\u30a3\u30fc\u30af\u30dd\u30a4\u30f3\u30c8\u3092\u719f\u77e5\u3057\u3001\u7684\u78ba\u306a\u70b9\u691c\u3092\u5b9f\u65bd\u3002<\/li>\n      <li><strong>\u30d7\u30ed\u306e\u6280\u8853\uff1a<\/strong> \u7d4c\u9a13\u8c4a\u5bcc\u306a\u56fd\u5bb6\u8cc7\u683c\u6574\u5099\u58eb\u304c\u3001\u7d30\u90e8\u307e\u3067\u4e01\u5be7\u306b\u30c1\u30a7\u30c3\u30af\u3002<\/li>\n      <li><strong>\u900f\u660e\u6027\uff1a<\/strong> \u70b9\u691c\u7d50\u679c\u3092\u5206\u304b\u308a\u3084\u3059\u304f\u3054\u8aac\u660e\u3057\u3001\u5b89\u5fc3\u3057\u3066\u304a\u4efb\u305b\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/li>\n    <\/ul>\n  <\/div>\n  \n  <div class=\"ymworks-brands-box\">\n    <strong>\u30d9\u30f3\u30c4\u30fbBMW\u30fb\u30a2\u30a6\u30c7\u30a3\u30fbVW\u30fbMINI\u30fb\u30d7\u30b8\u30e7\u30fc\u30fb\u30b7\u30c8\u30ed\u30a8\u30f3\u30fb\u30d5\u30a3\u30a2\u30c3\u30c8<\/strong>\u306a\u3069\u6b27\u5dde\u8eca\u5c02\u9580\u30021992\u5e74\u5275\u696d\u300118,000\u53f0\u4ee5\u4e0a\u306e\u5b9f\u7e3e\u3092\u6301\u3064\u5927\u962a\u5e9c\u583a\u5e02\u306e\u8a8d\u8a3c\u5de5\u5834\u3067\u3059\u3002\n  <\/div>\n\n  <!-- \u62c5\u5f53\u8005\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb -->\n  <div id=\"author-profile\">\n    <div id=\"author-profile-content\">\n      <div id=\"author-image-container\">\n        <img decoding=\"async\" id=\"author-image\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2024\/08\/9b30c021e131367333a4dad57083b7a4.jpg\" alt=\"\u4e2d\u6751 \u6b66\u592e\" \/>\n        <span id=\"author-tag\">\u6574\u5099\u62c5\u5f53<\/span>\n      <\/div>\n      <div id=\"author-info\">\n        <div id=\"author-title\">\u30c6\u30af\u30cb\u30ab\u30eb\u30c7\u30a3\u30ec\u30af\u30bf\u30fc<\/div>\n        <div id=\"author-name\">\u4e2d\u6751 \u6b66\u592e<\/div>\n        <p id=\"author-details\">\u5175\u5eab\u770c \u732a\u540d\u5ddd\u753a\u5728\u4f4f 1972\u5e74\u751f\u307e\u308c<\/p>\n        <div id=\"short-bio\">\n          2005\u5e74\u30e9\u30ea\u30fc\u30b8\u30e3\u30d1\u30f3\u3067\u306f\u30c1\u30fc\u30d5\u30e1\u30ab\u30cb\u30c3\u30af\u3068\u3057\u3066\u6d3b\u8e8d\u3002\u30d7\u30b8\u30e7\u30fc\u3001\u30b7\u30c8\u30ed\u30a8\u30f3\u3001BMW\u3001\u30a2\u30a6\u30c7\u30a3\u3001\u30d5\u30a9\u30eb\u30af\u30b9\u30ef\u30fc\u30b2\u30f3\u306a\u3069\u3001\u69d8\u3005\u306a\u6b27\u5dde\u8eca\u30e1\u30fc\u30ab\u30fc\u306e\u8eca\u4e21\u3092\u6570\u5343\u53f0\u4ee5\u4e0a\u62c5\u5f53\u3057\u3001\u5e45\u5e83\u3044\u77e5\u8b58\u3068\u6280\u8853\u3092\u6301\u3064\u300210\u4ee3\u304b\u3089\u30af\u30eb\u30de\u306b\u8208\u5473\u3092\u6301\u3061\u3001\u5de5\u696d\u7cfb\u5927\u5b66\u5352\u696d\u5f8c\u3001\u5927\u624b\u30c1\u30e5\u30fc\u30cb\u30f3\u30b0\u30b7\u30e7\u30c3\u30d7\u3092\u7d4c\u30661999\u5e74\u306b\u30ef\u30a4\u30a8\u30e0\u30ef\u30fc\u30af\u30b9\u306b\u5165\u793e\u3002\n          <span id=\"read-more\">&#8230;\u7d9a\u304d\u3092\u8aad\u3080<\/span>\n        <\/div>\n        <div id=\"full-bio\" style=\"display: none;\">\n          2005\u5e74\u30e9\u30ea\u30fc\u30b8\u30e3\u30d1\u30f3\u3067\u306f\u30c1\u30fc\u30d5\u30e1\u30ab\u30cb\u30c3\u30af\u3068\u3057\u3066\u6d3b\u8e8d\u3002\u30d7\u30b8\u30e7\u30fc\u3001\u30b7\u30c8\u30ed\u30a8\u30f3\u3001BMW\u3001\u30a2\u30a6\u30c7\u30a3\u3001\u30d5\u30a9\u30eb\u30af\u30b9\u30ef\u30fc\u30b2\u30f3\u306a\u3069\u3001\u69d8\u3005\u306a\u6b27\u5dde\u8eca\u30e1\u30fc\u30ab\u30fc\u306e\u8eca\u4e21\u3092\u6570\u5343\u53f0\u4ee5\u4e0a\u62c5\u5f53\u3057\u3001\u5e45\u5e83\u3044\u77e5\u8b58\u3068\u6280\u8853\u3092\u6301\u3064\u300210\u4ee3\u304b\u3089\u30af\u30eb\u30de\u306b\u8208\u5473\u3092\u6301\u3061\u3001\u5de5\u696d\u7cfb\u5927\u5b66\u5352\u696d\u5f8c\u3001\u5927\u624b\u30c1\u30e5\u30fc\u30cb\u30f3\u30b0\u30b7\u30e7\u30c3\u30d7\u3092\u7d4c\u30661999\u5e74\u306b\u30ef\u30a4\u30a8\u30e0\u30ef\u30fc\u30af\u30b9\u306b\u5165\u793e\u3002\u78ba\u304b\u306a\u5de5\u5b66\u77e5\u8b58\u3068\u67d4\u8edf\u306a\u767a\u60f3\u3067\u3001\u5e45\u5e83\u3044\u8eca\u7a2e\u306e\u6574\u5099\u30fb\u4fee\u7406\u30fb\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3092\u624b\u304c\u3051\u308b\u3002\u92ed\u3044\u6d1e\u5bdf\u529b\u3068\u8c4a\u5bcc\u306a\u7d4c\u9a13\u3092\u6d3b\u304b\u3057\u3001\u30de\u30cb\u30e5\u30a2\u30eb\u306b\u983c\u3089\u306a\u3044\u5bfe\u5fdc\u529b\u3067\u30ef\u30a4\u30a8\u30e0\u30ef\u30fc\u30af\u30b9\u306e\u4e2d\u6838\u3092\u62c5\u3046\u3002\u8da3\u5473\u306f\u30ab\u30fc\u30c8\u3001\u30b9\u30dd\u30fc\u30c4\u8d70\u884c\u3001\u8eca\u4e21\u88fd\u4f5c\u3002\u30e9\u30ea\u30fc\u8eca\u4e21\u88fd\u4f5c\u304b\u3089\u8f38\u5165\u65e7\u8eca\u306e\u30ec\u30b9\u30c8\u30a2\u307e\u3067\u5e45\u5e83\u304f\u5bfe\u5fdc\u3002\n          <span id=\"read-less\">\u9589\u3058\u308b<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  'use strict';\n  \n  const readMoreBtn = document.getElementById('read-more');\n  const readLessBtn = document.getElementById('read-less');\n  const shortBio = document.getElementById('short-bio');\n  const fullBio = document.getElementById('full-bio');\n  \n  if (readMoreBtn && readLessBtn && shortBio && fullBio) {\n    readMoreBtn.addEventListener('click', function() {\n      shortBio.style.display = 'none';\n      fullBio.style.display = 'block';\n    });\n    \n    readLessBtn.addEventListener('click', function() {\n      shortBio.style.display = 'block';\n      fullBio.style.display = 'none';\n    });\n  }\n})();\n<\/script>\n\n\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"SoftwareApplication\",\n  \"name\": \"\u8f38\u5165\u8eca12\u30f6\u6708\u70b9\u691c\u8cbb\u7528\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc\",\n  \"applicationCategory\": \"FinanceApplication\",\n  \"operatingSystem\": \"Web\",\n  \"offers\": {\n    \"@type\": \"Offer\",\n    \"price\": \"0\",\n    \"priceCurrency\": \"JPY\"\n  },\n  \"description\": \"\u8f38\u5165\u8eca\u306e12\u30f6\u6708\u70b9\u691c\u8cbb\u7528\u3068\u30aa\u30d7\u30b7\u30e7\u30f3\u6574\u5099\u8cbb\u7528\u3092\u5373\u5ea7\u306b\u8a08\u7b97\u3067\u304d\u308bWeb\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc\u3002\"\n}\n<\/script>\n\n<style>\n#inspection-simulator-wp * {\n  box-sizing: border-box;\n  color: inherit !important;\n}\n\n#inspection-simulator-wp {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;\n  line-height: 1.6;\n  color: #333 !important;\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0;\n  background: #ffffff !important;\n}\n\n#inspection-simulator-wp .isp-container {\n  background: #ffffff !important;\n  border-radius: 16px;\n  box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n  overflow: hidden;\n  transition: box-shadow 0.3s ease;\n}\n\n#inspection-simulator-wp .isp-container:hover {\n  box-shadow: 0 8px 30px rgba(0,0,0,0.12);\n}\n\n#inspection-simulator-wp .isp-header {\n  background: linear-gradient(135deg, #059669, #10b981);\n  padding: 40px 24px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n#inspection-simulator-wp .isp-header::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(135deg, rgba(255,255,255,0.1), transparent);\n  pointer-events: none;\n}\n\n#inspection-simulator-wp h1 {\n  margin: 0 0 12px 0 !important;\n  font-size: 28px !important;\n  font-weight: 700 !important;\n  color: white !important;\n  border: none !important;\n  text-decoration: none !important;\n  padding: 0 !important;\n  background: transparent !important;\n  line-height: 1.3 !important;\n  letter-spacing: -0.02em;\n  position: relative;\n  z-index: 1;\n}\n\n#inspection-simulator-wp h2,\n#inspection-simulator-wp h3,\n#inspection-simulator-wp h4 {\n  margin: 0 !important;\n  padding: 0 !important;\n  border: none !important;\n  background: transparent !important;\n  text-decoration: none !important;\n  line-height: 1.4 !important;\n}\n\n#inspection-simulator-wp .isp-header .isp-notice {\n  font-size: 15px;\n  font-weight: 600;\n  color: rgba(255,255,255,1) !important;\n  background: rgba(255,255,255,0.25);\n  padding: 10px 24px;\n  border-radius: 25px;\n  display: inline-block;\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,0.4);\n  position: relative;\n  z-index: 1;\n  transition: all 0.3s ease;\n}\n\n#inspection-simulator-wp .isp-header .isp-notice:hover {\n  background: rgba(255,255,255,0.3);\n  transform: translateY(-1px);\n}\n\n#inspection-simulator-wp .isp-body {\n  padding: 40px 32px;\n  background: linear-gradient(to bottom, #fafafa, #ffffff);\n  position: relative;\n}\n\n#inspection-simulator-wp .isp-vehicle-search {\n  margin-bottom: 32px;\n}\n\n#inspection-simulator-wp .isp-search-box {\n  position: relative;\n  margin-bottom: 16px;\n}\n\n#inspection-simulator-wp .isp-search-input {\n  width: 100%;\n  padding: 16px 52px 16px 20px;\n  border: 2px solid #e5e7eb;\n  border-radius: 16px;\n  font-size: 16px;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  background: white;\n  color: #333 !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n}\n\n#inspection-simulator-wp .isp-search-input:focus {\n  outline: none;\n  border-color: #10b981;\n  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.1), 0 2px 8px rgba(0,0,0,0.1);\n  transform: translateY(-1px);\n}\n\n#inspection-simulator-wp .isp-search-icon {\n  position: absolute;\n  right: 18px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #9ca3af !important;\n  font-size: 20px;\n  transition: color 0.3s ease;\n}\n\n#inspection-simulator-wp .isp-search-input:focus + .isp-search-icon {\n  color: #10b981 !important;\n}\n\n#inspection-simulator-wp .isp-search-suggestions {\n  display: none;\n  background: white;\n  border: 1px solid #e5e7eb;\n  border-radius: 12px;\n  margin-top: 8px;\n  box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n  max-height: 240px;\n  overflow-y: auto;\n  backdrop-filter: blur(10px);\n}\n\n#inspection-simulator-wp .isp-search-suggestions.isp-show {\n  display: block;\n  animation: isp-fadeInUp 0.3s ease;\n}\n\n@keyframes isp-fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n#inspection-simulator-wp .isp-suggestion-item {\n  padding: 16px 20px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  border-bottom: 1px solid #f3f4f6;\n  position: relative;\n}\n\n#inspection-simulator-wp .isp-suggestion-item:last-child {\n  border-bottom: none;\n}\n\n#inspection-simulator-wp .isp-suggestion-item:hover {\n  background: linear-gradient(135deg, #f0f9ff, #f8fafc);\n  transform: translateX(4px);\n}\n\n#inspection-simulator-wp .isp-suggestion-item::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 4px;\n  background: linear-gradient(to bottom, #10b981, #059669);\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n#inspection-simulator-wp .isp-suggestion-item:hover::before {\n  opacity: 1;\n}\n\n#inspection-simulator-wp .isp-suggestion-brand {\n  font-size: 12px;\n  color: #6b7280 !important;\n  margin-right: 8px;\n  font-weight: 500;\n}\n\n#inspection-simulator-wp .isp-suggestion-model {\n  font-size: 14px;\n  color: #1f2937 !important;\n  font-weight: 600;\n}\n\n#inspection-simulator-wp .isp-loading {\n  display: none;\n  text-align: center;\n  padding: 50px;\n}\n\n#inspection-simulator-wp .isp-loading.isp-show {\n  display: block;\n  animation: isp-fadeIn 0.3s ease;\n}\n\n@keyframes isp-fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n#inspection-simulator-wp .isp-spinner {\n  width: 48px;\n  height: 48px;\n  border: 4px solid #f1f5f9;\n  border-top: 4px solid #10b981;\n  border-radius: 50%;\n  animation: isp-spin 1s linear infinite;\n  margin: 0 auto;\n}\n\n@keyframes isp-spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n#inspection-simulator-wp .isp-section-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 24px;\n  padding-bottom: 16px;\n  border-bottom: 3px solid #e5e7eb;\n  position: relative;\n}\n\n#inspection-simulator-wp .isp-section-header::after {\n  content: '';\n  position: absolute;\n  bottom: -3px;\n  left: 0;\n  width: 60px;\n  height: 3px;\n  background: linear-gradient(90deg, #10b981, #059669);\n  border-radius: 2px;\n}\n\n#inspection-simulator-wp h2.isp-section-title {\n  display: flex !important;\n  align-items: center;\n  gap: 12px;\n  font-size: 22px !important;\n  font-weight: 700 !important;\n  color: #1e293b !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: none !important;\n  background: transparent !important;\n  text-decoration: none !important;\n  line-height: 1.3 !important;\n  letter-spacing: -0.01em;\n}\n\n#inspection-simulator-wp h4.isp-result-section-title {\n  font-size: 18px !important;\n  font-weight: 700 !important;\n  color: #1e293b !important;\n  margin: 0 0 20px 0 !important;\n  padding: 0 !important;\n  border: none !important;\n  background: transparent !important;\n  text-decoration: none !important;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  line-height: 1.3 !important;\n}\n\n#inspection-simulator-wp .isp-section-icon {\n  font-size: 26px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));\n}\n\n#inspection-simulator-wp .isp-section-status {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 16px;\n  background: #f8fafc;\n  border-radius: 20px;\n  font-size: 13px;\n  color: #64748b !important;\n  font-weight: 600;\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n}\n\n#inspection-simulator-wp .isp-section-status.isp-active {\n  background: linear-gradient(135deg, #d1fae5, #a7f3d0);\n  color: #065f46 !important;\n  border-color: rgba(16, 185, 129, 0.3);\n}\n\n#inspection-simulator-wp .isp-section-status.isp-waiting {\n  background: #f1f5f9;\n  color: #475569 !important;\n  border-color: #cbd5e1;\n  font-weight: 700;\n}\n\n#inspection-simulator-wp .isp-section-status.isp-completed {\n  background: linear-gradient(135deg, #d1fae5, #a7f3d0);\n  color: #065f46 !important;\n  border-color: rgba(16, 185, 129, 0.3);\n}\n\n#inspection-simulator-wp .isp-section-status.isp-selecting {\n  background: linear-gradient(135deg, #ddd6fe, #c7d2fe);\n  color: #4338ca !important;\n  border-color: rgba(99, 102, 241, 0.3);\n}\n\n#inspection-simulator-wp .isp-section-status-icon {\n  width: 8px;\n  height: 8px;\n  background: currentColor;\n  border-radius: 50%;\n  animation: isp-pulse 2s infinite;\n}\n\n@keyframes isp-pulse {\n  0%, 100% { \n    opacity: 1; \n    transform: scale(1); \n  }\n  50% { \n    opacity: 0.6; \n    transform: scale(0.9); \n  }\n}\n\n#inspection-simulator-wp .isp-section-subtitle {\n  margin: -12px 0 24px 0;\n  color: #64748b !important;\n  font-size: 15px;\n  line-height: 1.5;\n}\n\n#inspection-simulator-wp .isp-info-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  margin-left: 8px;\n  background: #d0d0d0;\n  color: #666 !important;\n  border-radius: 50%;\n  font-size: 12px;\n  font-weight: 700;\n  cursor: pointer;\n  position: relative;\n  transition: background 0.2s;\n  vertical-align: middle;\n}\n\n#inspection-simulator-wp .isp-info-icon:hover {\n  background: #c0c0c0;\n}\n\n.isp-info-popup {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: white;\n  padding: 24px;\n  border-radius: 16px;\n  box-shadow: 0 12px 48px rgba(0,0,0,0.3);\n  z-index: 10001;\n  max-width: 90%;\n  width: 340px;\n  display: none;\n}\n\n.isp-info-popup.isp-show {\n  display: block;\n}\n\n.isp-info-popup-content {\n  font-size: 15px;\n  color: #333 !important;\n  line-height: 1.6;\n  margin-bottom: 20px;\n}\n\n.isp-info-popup-close {\n  display: block;\n  width: 100%;\n  padding: 12px 20px;\n  background: #10b981;\n  color: white !important;\n  border: none;\n  border-radius: 8px;\n  font-size: 15px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background 0.2s;\n}\n\n.isp-info-popup-close:hover {\n  background: #059669;\n}\n\n.isp-info-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0,0,0,0.5);\n  z-index: 9999;\n  display: none;\n}\n\n.isp-info-overlay.isp-show {\n  display: block;\n}\n\n#inspection-simulator-wp .isp-section-divider {\n  margin: 48px 0;\n}\n\n#inspection-simulator-wp .isp-vehicle-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n  margin-bottom: 40px;\n}\n\n#inspection-simulator-wp .isp-vehicle-card {\n  position: relative;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#inspection-simulator-wp .isp-vehicle-card input[type=\"radio\"] {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n}\n\n#inspection-simulator-wp .isp-vehicle-card label {\n  display: flex;\n  flex-direction: column;\n  padding: 20px;\n  border: 2px solid #e5e7eb;\n  border-radius: 16px;\n  cursor: pointer;\n  background: white;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  min-height: 140px;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n}\n\n#inspection-simulator-wp .isp-vehicle-card label::before {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, #10b981, #059669);\n  transform: scaleX(0);\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#inspection-simulator-wp .isp-vehicle-card.isp-selected label::before {\n  transform: scaleX(1);\n}\n\n#inspection-simulator-wp .isp-vehicle-card.isp-selected label {\n  background: linear-gradient(135deg, #ecfdf5, #d1fae5);\n  border-color: #10b981;\n  transform: translateY(-4px) scale(1.02);\n  box-shadow: 0 12px 25px rgba(16, 185, 129, 0.2);\n}\n\n#inspection-simulator-wp .isp-vehicle-card label:hover {\n  border-color: #10b981;\n  transform: translateY(-2px) scale(1.01);\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n}\n\n#inspection-simulator-wp .isp-vehicle-size {\n  display: inline-block;\n  padding: 5px 10px;\n  background: linear-gradient(135deg, #059669, #047857);\n  color: white !important;\n  border-radius: 8px;\n  font-size: 11px;\n  font-weight: 700;\n  margin-bottom: 10px;\n  align-self: flex-start;\n  letter-spacing: 0.02em;\n  box-shadow: 0 2px 4px rgba(5, 150, 105, 0.3);\n}\n\n#inspection-simulator-wp .isp-vehicle-name {\n  font-size: 17px;\n  font-weight: 700;\n  color: #111827 !important;\n  margin-bottom: 6px;\n  letter-spacing: -0.01em;\n}\n\n#inspection-simulator-wp .isp-vehicle-examples {\n  font-size: 12px;\n  color: #6b7280 !important;\n  line-height: 1.5;\n  flex: 1;\n  display: flex;\n  align-items: center;\n}\n\n#inspection-simulator-wp .isp-radio-group {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n}\n\n#inspection-simulator-wp .isp-radio-item {\n  position: relative;\n}\n\n#inspection-simulator-wp .isp-radio-item input[type=\"radio\"] {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n}\n\n#inspection-simulator-wp .isp-radio-item label {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 24px 20px;\n  border: 2px solid #e5e7eb;\n  border-radius: 20px;\n  text-align: center;\n  cursor: pointer;\n  background: white;\n  color: #374151 !important;\n  font-weight: 600;\n  font-size: 16px;\n  min-height: 120px;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n}\n\n#inspection-simulator-wp .isp-radio-item[data-option=\"select\"] label::after {\n  content: '10%\u5272\u5f15';\n  position: absolute;\n  top: -12px;\n  right: 20px;\n  background: linear-gradient(135deg, #10b981, #059669);\n  color: white !important;\n  padding: 6px 12px;\n  border-radius: 16px;\n  font-size: 11px;\n  font-weight: 700;\n  box-shadow: 0 4px 8px rgba(16, 185, 129, 0.3);\n}\n\n#inspection-simulator-wp .isp-radio-item label small {\n  font-size: 13px;\n  color: #6b7280 !important;\n  margin-top: 6px;\n  font-weight: 500;\n  line-height: 1.4;\n}\n\n#inspection-simulator-wp .isp-radio-item.isp-selected label {\n  background: linear-gradient(135deg, #ecfdf5, #d1fae5);\n  border-color: #10b981;\n  color: #065f46 !important;\n  font-weight: 700;\n  transform: translateY(-3px) scale(1.02);\n  box-shadow: 0 10px 25px rgba(16, 185, 129, 0.2);\n}\n\n#inspection-simulator-wp .isp-radio-item label:hover {\n  border-color: #10b981;\n  transform: translateY(-2px) scale(1.01);\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n}\n\n#inspection-simulator-wp .isp-radio-item.isp-selected label small {\n  color: #065f46 !important;\n}\n\n#inspection-simulator-wp .isp-card-group {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-bottom: 32px;\n}\n\n#inspection-simulator-wp .isp-card-group.isp-four-columns {\n  grid-template-columns: repeat(4, 1fr);\n}\n\n@media (max-width: 1024px) and (min-width: 769px) {\n  #inspection-simulator-wp .isp-card-group.isp-four-columns {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n@media (max-width: 768px) {\n  #inspection-simulator-wp .isp-card-group.isp-four-columns {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 14px;\n  }\n}\n\n#inspection-simulator-wp .isp-card-group.isp-three-columns {\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n\n#inspection-simulator-wp .isp-card-item {\n  position: relative;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#inspection-simulator-wp .isp-card-item input[type=\"radio\"],\n#inspection-simulator-wp .isp-card-item input[type=\"checkbox\"] {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n}\n\n#inspection-simulator-wp .isp-card-item label {\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n  border: 2px solid #e5e7eb;\n  border-radius: 16px;\n  cursor: pointer;\n  background: white;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n}\n\n#inspection-simulator-wp .isp-card-item.isp-disabled label {\n  opacity: 0.4;\n  cursor: not-allowed;\n  filter: grayscale(0.5);\n}\n\n#inspection-simulator-wp .isp-card-image {\n  width: 100%;\n  height: 140px;\n  object-fit: cover;\n  background: linear-gradient(135deg, #f8fafc, #f1f5f9);\n  display: block;\n  flex-shrink: 0;\n  transition: transform 0.3s ease;\n  position: relative;\n}\n\n#inspection-simulator-wp .isp-card-item:hover .isp-card-image {\n  transform: scale(1.05);\n}\n\n#inspection-simulator-wp .isp-card-content {\n  padding: 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n}\n\n#inspection-simulator-wp .isp-card-title {\n  font-weight: 700;\n  font-size: 14px;\n  color: #1e293b !important;\n  margin: 0;\n  line-height: 1.3;\n  letter-spacing: -0.01em;\n}\n\n#inspection-simulator-wp .isp-card-description {\n  font-size: 11px;\n  color: #64748b !important;\n  line-height: 1.4;\n  margin: 0;\n  padding-bottom: 8px;\n  border-bottom: 1px solid #e5e7eb;\n}\n\n#inspection-simulator-wp .isp-card-prices {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 600;\n  margin-top: auto;\n  position: relative;\n  min-height: 32px;\n  flex-wrap: nowrap;\n}\n\n#inspection-simulator-wp .isp-card-price-original {\n  color: #9ca3af !important;\n  text-decoration: line-through;\n  font-size: 11px;\n  white-space: nowrap;\n  font-weight: 500;\n}\n\n#inspection-simulator-wp .isp-card-price-sale {\n  color: #1e293b !important;\n  font-size: 15px;\n  font-weight: 700;\n  white-space: nowrap;\n  letter-spacing: -0.01em;\n}\n\n#inspection-simulator-wp .isp-card-discount {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  color: white !important;\n  background: linear-gradient(135deg, #10b981, #059669);\n  font-weight: 700;\n  font-size: 10px;\n  padding: 5px 8px;\n  border-radius: 10px;\n  white-space: nowrap;\n  box-shadow: 0 4px 8px rgba(16, 185, 129, 0.4);\n  z-index: 2;\n  border: 2px solid rgba(255, 255, 255, 0.2);\n  display: flex;\n  align-items: center;\n  gap: 3px;\n}\n\n#inspection-simulator-wp .isp-card-item.isp-none-option label {\n  background: white;\n  border: 2px solid #e5e7eb;\n  justify-content: center;\n  align-items: center;\n  min-height: 140px;\n  padding: 20px;\n  text-align: center;\n}\n\n#inspection-simulator-wp .isp-card-item.isp-none-option .isp-card-title {\n  font-size: 16px;\n  margin-bottom: 6px;\n}\n\n#inspection-simulator-wp .isp-card-item.isp-none-option .isp-card-description {\n  font-size: 12px;\n  margin-bottom: 8px;\n  border: none;\n  padding-bottom: 0;\n}\n\n#inspection-simulator-wp .isp-card-item.isp-none-option .isp-card-prices {\n  padding-top: 0;\n  justify-content: center;\n}\n\n#inspection-simulator-wp .isp-card-item.isp-selected label {\n  background: linear-gradient(135deg, #ecfdf5, #d1fae5);\n  border-color: #10b981;\n  box-shadow: 0 12px 30px rgba(16, 185, 129, 0.2);\n  transform: translateY(-4px) scale(1.03);\n}\n\n#inspection-simulator-wp .isp-card-item:not(.isp-disabled) label:hover {\n  border-color: #10b981;\n  transform: translateY(-3px) scale(1.02);\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n}\n\n#inspection-simulator-wp .isp-calculate-button-wrapper {\n  text-align: center;\n  margin: 40px 0;\n}\n\n#inspection-simulator-wp .isp-calculate-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 18px 36px;\n  background: linear-gradient(135deg, #10b981, #059669);\n  color: white !important;\n  font-size: 18px;\n  font-weight: 700;\n  border: none;\n  border-radius: 60px;\n  cursor: pointer;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3);\n  letter-spacing: -0.01em;\n}\n\n#inspection-simulator-wp .isp-calculate-button:hover:not(:disabled) {\n  transform: translateY(-3px) scale(1.05);\n  box-shadow: 0 15px 30px rgba(16, 185, 129, 0.4);\n  background: linear-gradient(135deg, #059669, #047857);\n}\n\n#inspection-simulator-wp .isp-calculate-button:active:not(:disabled) {\n  transform: translateY(-1px) scale(1.02);\n}\n\n#inspection-simulator-wp .isp-calculate-button:disabled {\n  background: linear-gradient(135deg, #d1d5db, #9ca3af);\n  cursor: not-allowed;\n  box-shadow: none;\n  transform: none;\n}\n\n#inspection-simulator-wp .isp-error {\n  display: none;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, #fef2f2, #fee2e2);\n  border: 2px solid #fca5a5;\n  border-radius: 12px;\n  color: #991b1b !important;\n  margin-top: 20px;\n  font-weight: 500;\n  box-shadow: 0 4px 12px rgba(220, 38,38, 0.1);\n}\n\n#inspection-simulator-wp .isp-error.isp-show {\n  display: block;\n  animation: isp-slideInUp 0.3s ease;\n}\n\n@keyframes isp-slideInUp {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n#inspection-simulator-wp .isp-result {\n  display: none;\n  margin-top: 48px;\n  animation: isp-slideInUp 0.5s ease;\n}\n\n#inspection-simulator-wp .isp-result.isp-show {\n  display: block;\n}\n\n#inspection-simulator-wp .isp-result-header {\n  background: linear-gradient(135deg, #ffffff, #f8fafc);\n  padding: 40px 32px;\n  border: 2px solid #e5e7eb;\n  border-radius: 20px 20px 0 0;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n#inspection-simulator-wp .isp-result-header::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, #10b981, #059669, #10b981);\n  background-size: 200% 100%;\n  animation: isp-gradient-shift 3s ease-in-out infinite;\n}\n\n@keyframes isp-gradient-shift {\n  0%, 100% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n}\n\n#inspection-simulator-wp .isp-result-header h3 {\n  margin: 0 0 12px 0 !important;\n  font-size: 28px !important;\n  font-weight: 700 !important;\n  color: #1e293b !important;\n  letter-spacing: -0.02em;\n}\n\n#inspection-simulator-wp .isp-result-subtitle {\n  font-size: 15px;\n  color: #64748b !important;\n  font-weight: 500;\n}\n\n#inspection-simulator-wp .isp-result-body {\n  background: white;\n  border: 2px solid #e5e7eb;\n  border-top: none;\n  border-radius: 0 0 20px 20px;\n  padding: 40px 32px;\n  box-shadow: 0 8px 25px rgba(0,0,0,0.08);\n}\n\n#inspection-simulator-wp .isp-result-section {\n  margin-bottom: 32px;\n  padding-bottom: 32px;\n  position: relative;\n}\n\n#inspection-simulator-wp .isp-result-section:not(:last-child)::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 120px;\n  height: 1px;\n  background: linear-gradient(to right, transparent, #e5e7eb, transparent);\n}\n\n#inspection-simulator-wp .isp-result-section:last-child {\n  margin-bottom: 0;\n  padding-bottom: 0;\n}\n\n#inspection-simulator-wp .isp-result-section::before {\n  display: none;\n}\n\n#inspection-simulator-wp .isp-result-section-title.isp-discount-title {\n  color: #1e293b !important;\n}\n\n#inspection-simulator-wp .isp-result-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 14px 0;\n  transition: all 0.2s ease;\n  border-radius: 8px;\n  margin: 0 -8px;\n}\n\n#inspection-simulator-wp .isp-result-row:hover {\n  background: rgba(16, 185, 129, 0.02);\n  padding-left: 8px;\n  padding-right: 8px;\n}\n\n#inspection-simulator-wp .isp-result-row.isp-has-border {\n  border-bottom: 1px solid #f1f5f9;\n}\n\n#inspection-simulator-wp .isp-result-row:last-child {\n  border-bottom: none;\n}\n\n#inspection-simulator-wp .isp-result-label {\n  font-size: 15px;\n  color: #374151 !important;\n  font-weight: 500;\n  line-height: 1.4;\n}\n\n#inspection-simulator-wp .isp-result-value {\n  font-size: 16px;\n  font-weight: 700;\n  color: #1e293b !important;\n  font-variant-numeric: tabular-nums;\n  letter-spacing: -0.01em;\n}\n\n#inspection-simulator-wp .isp-result-value.isp-discount {\n  color: #059669 !important;\n}\n\n#inspection-simulator-wp .isp-result-total {\n  margin-top: 32px;\n  padding: 32px 28px;\n  background: linear-gradient(135deg, #f0f9ff, #e0f2fe);\n  border: 3px solid #3b82f6;\n  border-radius: 20px;\n  text-align: center;\n  box-shadow: 0 12px 28px rgba(59, 130, 246, 0.15);\n  position: relative;\n  overflow: hidden;\n}\n\n#inspection-simulator-wp .isp-result-total::before {\n  content: '';\n  position: absolute;\n  top: -2px;\n  left: -2px;\n  right: -2px;\n  bottom: -2px;\n  background: linear-gradient(45deg, #3b82f6, #1d4ed8, #3b82f6);\n  background-size: 200% 200%;\n  animation: isp-border-glow 2s linear infinite;\n  z-index: -1;\n  border-radius: 20px;\n}\n\n@keyframes isp-border-glow {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n#inspection-simulator-wp .isp-total-label {\n  font-size: 20px;\n  margin-bottom: 12px;\n  font-weight: 600;\n  color: #1e40af !important;\n  letter-spacing: -0.01em;\n}\n\n#inspection-simulator-wp .isp-total-amount {\n  font-size: 44px;\n  font-weight: 800;\n  letter-spacing: -0.02em;\n  font-variant-numeric: tabular-nums;\n  color: #1e40af !important;\n  text-shadow: 0 2px 4px rgba(30, 64, 175, 0.1);\n}\n\n#inspection-simulator-wp .isp-total-note {\n  font-size: 13px;\n  margin-top: 12px;\n  color: #64748b !important;\n  font-weight: 500;\n}\n\n#inspection-simulator-wp .isp-cta-section {\n  margin-top: 40px;\n  text-align: center;\n}\n\n#inspection-simulator-wp .isp-cta-text {\n  margin-bottom: 24px;\n  font-size: 15px;\n  color: #4b5563 !important;\n  font-weight: 500;\n  line-height: 1.5;\n}\n\n#inspection-simulator-wp .isp-cta-buttons {\n  display: flex;\n  gap: 20px;\n  justify-content: center;\n}\n\n#inspection-simulator-wp .isp-cta-button {\n  padding: 16px 32px !important;\n  border-radius: 60px;\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  cursor: pointer;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  letter-spacing: -0.01em;\n}\n\n#inspection-simulator-wp .isp-cta-phone {\n  background: white;\n  color: #374151 !important;\n  border: 2px solid #e5e7eb !important;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n}\n\n#inspection-simulator-wp .isp-cta-phone:hover {\n  border-color: #10b981 !important;\n  color: #10b981 !important;\n  transform: translateY(-2px);\n  box-shadow: 0 8px 20px rgba(0,0,0,0.12);\n}\n\n#inspection-simulator-wp .isp-cta-mail {\n  background: linear-gradient(135deg, #ff6b35, #f7931e);\n  color: white !important;\n  border: none !important;\n  box-shadow: 0 8px 20px rgba(255, 107, 53, 0.3);\n}\n\n#inspection-simulator-wp .isp-cta-mail:hover {\n  background: linear-gradient(135deg, #f7931e, #ff6b35);\n  transform: translateY(-2px);\n  box-shadow: 0 12px 25px rgba(255, 107, 53, 0.4);\n}\n\n#inspection-simulator-wp .isp-warranty-section {\n  background: linear-gradient(135deg, #f0fdf4, #dcfce7);\n  border: 1px solid #86efac;\n  border-radius: 12px;\n  padding: 20px;\n  margin-top: 30px;\n}\n\n#inspection-simulator-wp .isp-warranty-section::before {\n  display: none;\n}\n\n#inspection-simulator-wp .isp-warranty-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 18px !important;\n  font-weight: 700 !important;\n  color: #166534 !important;\n  margin: 0 0 12px 0 !important;\n  padding: 0 !important;\n  border: none !important;\n  background: transparent !important;\n  text-decoration: none !important;\n  line-height: 1.4 !important;\n}\n\n#inspection-simulator-wp .isp-warranty-content {\n  color: #15803d !important;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n#inspection-simulator-wp .isp-note {\n  margin-top: 30px;\n  padding: 20px;\n  background: #fffbeb;\n  border: 1px solid #fbbf24;\n  border-radius: 12px;\n  color: #92400e !important;\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n#inspection-simulator-wp .isp-note::before {\n  display: none;\n}\n\n\/* ===== \u30b9\u30de\u30db\u6700\u9069\u5316 ===== *\/\n@media (max-width: 768px) {\n  #inspection-simulator-wp {\n    padding: 0;\n  }\n  \n  #inspection-simulator-wp .isp-container {\n    border-radius: 12px;\n  }\n  \n  #inspection-simulator-wp .isp-body {\n    padding: 24px 16px;\n  }\n  \n  #inspection-simulator-wp .isp-header {\n    padding: 24px 16px;\n  }\n  \n  #inspection-simulator-wp h1 {\n    font-size: 20px !important;\n    line-height: 1.4 !important;\n    margin-bottom: 10px !important;\n  }\n  \n  #inspection-simulator-wp .isp-header .isp-notice {\n    font-size: 13px;\n    padding: 8px 18px;\n  }\n  \n  #inspection-simulator-wp .isp-search-input {\n    padding: 14px 48px 14px 16px;\n    font-size: 15px;\n  }\n  \n  #inspection-simulator-wp .isp-search-icon {\n    right: 14px;\n    font-size: 18px;\n  }\n  \n  #inspection-simulator-wp .isp-section-header {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 10px;\n    margin-bottom: 20px;\n    padding-bottom: 12px;\n  }\n  \n  #inspection-simulator-wp h2.isp-section-title {\n    font-size: 18px !important;\n    gap: 8px;\n  }\n  \n  #inspection-simulator-wp .isp-section-icon {\n    font-size: 22px;\n  }\n  \n  #inspection-simulator-wp .isp-section-subtitle {\n    font-size: 14px;\n    margin: -8px 0 20px 0;\n  }\n  \n  #inspection-simulator-wp .isp-vehicle-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 32px;\n  }\n  \n  #inspection-simulator-wp .isp-vehicle-card label {\n    min-height: 130px;\n    padding: 14px;\n  }\n  \n  #inspection-simulator-wp .isp-vehicle-size {\n    font-size: 10px;\n    padding: 4px 8px;\n  }\n  \n  #inspection-simulator-wp .isp-vehicle-name {\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  \n  #inspection-simulator-wp .isp-vehicle-examples {\n    font-size: 11px;\n  }\n  \n  #inspection-simulator-wp .isp-radio-group {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n  \n  #inspection-simulator-wp .isp-radio-item label {\n    font-size: 15px;\n    padding: 20px 16px;\n    min-height: 100px;\n  }\n  \n  #inspection-simulator-wp .isp-radio-item label small {\n    font-size: 12px;\n  }\n  \n  #inspection-simulator-wp .isp-card-group,\n  #inspection-simulator-wp .isp-card-group.isp-four-columns,\n  #inspection-simulator-wp .isp-card-group.isp-three-columns {\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n  }\n  \n  #inspection-simulator-wp .isp-card-image {\n    height: 110px;\n  }\n  \n  #inspection-simulator-wp .isp-card-content {\n    padding: 12px;\n    gap: 6px;\n  }\n  \n  #inspection-simulator-wp .isp-card-title {\n    font-size: 13px;\n  }\n  \n  #inspection-simulator-wp .isp-card-description {\n    font-size: 11px;\n    padding-bottom: 6px;\n  }\n  \n  #inspection-simulator-wp .isp-card-prices {\n    gap: 6px;\n    min-height: 28px;\n    flex-wrap: nowrap;\n  }\n  \n  #inspection-simulator-wp .isp-card-price-original {\n    font-size: 10px;\n  }\n  \n  #inspection-simulator-wp .isp-card-price-sale {\n    font-size: 14px;\n  }\n  \n  #inspection-simulator-wp .isp-card-discount {\n    font-size: 9px;\n    padding: 4px 7px;\n    top: 8px;\n    right: 8px;\n    border-width: 1.5px;\n  }\n  \n  #inspection-simulator-wp .isp-card-item.isp-none-option label {\n    min-height: 130px;\n    padding: 16px;\n  }\n  \n  #inspection-simulator-wp .isp-card-item.isp-none-option .isp-card-title {\n    font-size: 14px;\n    margin-bottom: 4px;\n  }\n  \n  #inspection-simulator-wp .isp-card-item.isp-none-option .isp-card-description {\n    font-size: 11px;\n    margin-bottom: 6px;\n  }\n  \n  #inspection-simulator-wp .isp-calculate-button {\n    font-size: 16px;\n    padding: 16px 28px;\n    gap: 8px;\n  }\n  \n  #inspection-simulator-wp .isp-result-header {\n    padding: 24px 18px;\n  }\n  \n  #inspection-simulator-wp .isp-result-header h3 {\n    font-size: 20px !important;\n  }\n  \n  #inspection-simulator-wp .isp-result-subtitle {\n    font-size: 14px;\n  }\n  \n  #inspection-simulator-wp .isp-result-body {\n    padding: 24px 18px;\n  }\n  \n  #inspection-simulator-wp h4.isp-result-section-title {\n    font-size: 16px !important;\n    margin-bottom: 16px !important;\n  }\n  \n  #inspection-simulator-wp .isp-result-row {\n    padding: 12px 8px;\n    margin: 0 -8px;\n    gap: 8px;\n    flex-wrap: nowrap;\n    align-items: flex-start;\n  }\n  \n  #inspection-simulator-wp .isp-result-row:hover {\n    padding-left: 8px;\n    padding-right: 8px;\n  }\n  \n  #inspection-simulator-wp .isp-result-label {\n    font-size: 13px;\n    flex: 1;\n    min-width: 0;\n    word-break: keep-all;\n    overflow-wrap: break-word;\n    line-height: 1.5;\n  }\n  \n  #inspection-simulator-wp .isp-result-value {\n    font-size: 15px;\n    flex-shrink: 0;\n    white-space: nowrap;\n    text-align: right;\n    min-width: 90px;\n  }\n  \n  #inspection-simulator-wp .isp-result-total {\n    padding: 24px 20px;\n    margin-top: 28px;\n  }\n  \n  #inspection-simulator-wp .isp-total-label {\n    font-size: 16px;\n    margin-bottom: 10px;\n  }\n  \n  #inspection-simulator-wp .isp-total-amount {\n    font-size: 32px;\n  }\n  \n  #inspection-simulator-wp .isp-total-note {\n    font-size: 12px;\n    margin-top: 10px;\n  }\n  \n  #inspection-simulator-wp .isp-cta-section {\n    margin-top: 32px;\n  }\n  \n  #inspection-simulator-wp .isp-cta-text {\n    font-size: 14px;\n    margin-bottom: 20px;\n  }\n  \n  #inspection-simulator-wp .isp-cta-buttons {\n    flex-direction: column;\n    gap: 12px;\n    align-items: stretch;\n  }\n  \n  #inspection-simulator-wp .isp-cta-button {\n    font-size: 15px !important;\n    padding: 14px 24px !important;\n    width: 100%;\n    justify-content: center;\n    max-width: 320px;\n    margin: 0 auto;\n  }\n  \n  #inspection-simulator-wp .isp-warranty-section {\n    padding: 16px;\n    margin-top: 24px;\n  }\n  \n  #inspection-simulator-wp .isp-warranty-title {\n    font-size: 16px !important;\n    margin-bottom: 10px !important;\n  }\n  \n  #inspection-simulator-wp .isp-warranty-content {\n    font-size: 13px;\n  }\n  \n  #inspection-simulator-wp .isp-note {\n    padding: 16px;\n    margin-top: 24px;\n    font-size: 12px;\n  }\n  \n  #inspection-simulator-wp .isp-section-divider {\n    margin: 36px 0;\n  }\n}\n\n@media (max-width: 375px) {\n  #inspection-simulator-wp h1 {\n    font-size: 18px !important;\n  }\n  \n  #inspection-simulator-wp .isp-card-group.isp-four-columns {\n    grid-template-columns: 1fr;\n  }\n  \n  #inspection-simulator-wp .isp-vehicle-grid {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<div id=\"inspection-simulator-wp\">\n  <div class=\"isp-container\">\n    <div class=\"isp-header\">\n      <h1 id=\"e8bcb8e585a5e8bb8a12e383b6e69c88e782b9e6a49ce8b2bbe794a8e382b7e3839fe383a5e383ace383bce382bfe383bc-1\">\u8f38\u5165\u8eca12\u30f6\u6708\u70b9\u691c\u8cbb\u7528\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc<\/h1>\n      <div class=\"isp-notice\">\u6700\u77ed1\u5206\u3067\u9069\u6b63\u4fa1\u683c\u3092\u8a3a\u65ad<\/div>\n    <\/div>\n    \n    <div class=\"isp-body\">\n      <div class=\"isp-section-header\">\n        <h2 class=\"isp-section-title\" id=\"step-1-e8bb8ae4b8a1e382bfe382a4e38397e981b8e68a9e-2\">\n          <span class=\"isp-section-icon\">&#x1f697;<\/span>\n          <span>STEP 1: \u8eca\u4e21\u30bf\u30a4\u30d7\u9078\u629e<\/span>\n        <\/h2>\n        <div class=\"isp-section-status isp-waiting\" id=\"isp-vehicle-status\" role=\"status\" aria-live=\"polite\">\n          <span>\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044<\/span>\n        <\/div>\n      <\/div>\n      <p class=\"isp-section-subtitle\">\n        \u304a\u8eca\u306e\u30bf\u30a4\u30d7\u3092\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u3002\u8eca\u7a2e\u540d\u3067\u691c\u7d22\u3082\u53ef\u80fd\u3067\u3059\u3002\n        <span class=\"isp-info-icon\" data-info=\"\u8eca\u691c\u8a3c\u306e\u300c\u8eca\u4e21\u91cd\u91cf\u300d\u6b04\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002\u8eca\u4e21\u7dcf\u91cd\u91cf\u3067\u306f\u306a\u304f\u3001\u8eca\u4e21\u91cd\u91cf\u306e\u6570\u5024\u3067\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u3002\" role=\"button\" aria-label=\"\u8eca\u4e21\u91cd\u91cf\u306e\u8aac\u660e\">i<\/span>\n      <\/p>\n      \n      <div class=\"isp-vehicle-search\">\n        <div class=\"isp-search-box\">\n          <input type=\"text\" \n                 class=\"isp-search-input\" \n                 id=\"isp-vehicle-search\" \n                 placeholder=\"\u8eca\u7a2e\u540d\u3092\u5165\u529b\uff08\u4f8b:BMW 3\u30b7\u30ea\u30fc\u30ba\u3001\u30d9\u30f3\u30c4 C\u30af\u30e9\u30b9\uff09\"\n                 autocomplete=\"off\">\n          <span class=\"isp-search-icon\">&#x1f50d;<\/span>\n        <\/div>\n        <div class=\"isp-search-suggestions\" id=\"isp-search-suggestions\"><\/div>\n      <\/div>\n      \n      <div class=\"isp-vehicle-grid\">\n        <div class=\"isp-vehicle-card\" data-vehicle=\"weight1\">\n          <input type=\"radio\" id=\"isp-weight1\" name=\"isp-vehicleWeight\" value=\"weight1\" data-base-fee=\"26400\">\n          <label for=\"isp-weight1\">\n            <span class=\"isp-vehicle-size\">\u5c0f\u578b\u8eca<\/span>\n            <span class=\"isp-vehicle-name\">1.5t\u4ee5\u4e0b<\/span>\n            <span class=\"isp-vehicle-examples\">Mini\u30fb\u30d5\u30a3\u30a2\u30c3\u30c8500<br>BMW 1\u30b7\u30ea\u30fc\u30ba\u7b49<\/span>\n          <\/label>\n        <\/div>\n        \n        <div class=\"isp-vehicle-card\" data-vehicle=\"weight2\">\n          <input type=\"radio\" id=\"isp-weight2\" name=\"isp-vehicleWeight\" value=\"weight2\" data-base-fee=\"29700\">\n          <label for=\"isp-weight2\">\n            <span class=\"isp-vehicle-size\">\u4e2d\u578b\u8eca<\/span>\n            <span class=\"isp-vehicle-name\">1.5t\uff5e2.0t<\/span>\n            <span class=\"isp-vehicle-examples\">BMW 3\u30b7\u30ea\u30fc\u30ba<br>\u30d9\u30f3\u30c4C\u30af\u30e9\u30b9\u7b49<\/span>\n          <\/label>\n        <\/div>\n        \n        <div class=\"isp-vehicle-card\" data-vehicle=\"weight3\">\n          <input type=\"radio\" id=\"isp-weight3\" name=\"isp-vehicleWeight\" value=\"weight3\" data-base-fee=\"29700\">\n          <label for=\"isp-weight3\">\n            <span class=\"isp-vehicle-size\">\u5927\u578b\u8eca<\/span>\n            <span class=\"isp-vehicle-name\">2.0t\uff5e2.5t<\/span>\n            <span class=\"isp-vehicle-examples\">BMW X5\u30fb\u30d9\u30f3\u30c4GLE<br>\u30a2\u30a6\u30c7\u30a3Q5\u7b49<\/span>\n          <\/label>\n        <\/div>\n        \n        <div class=\"isp-vehicle-card\" data-vehicle=\"weight4\">\n          <input type=\"radio\" id=\"isp-weight4\" name=\"isp-vehicleWeight\" value=\"weight4\" data-base-fee=\"29700\">\n          <label for=\"isp-weight4\">\n            <span class=\"isp-vehicle-size\">\u7279\u5927\u8eca<\/span>\n            <span class=\"isp-vehicle-name\">2.5t\u4ee5\u4e0a<\/span>\n            <span class=\"isp-vehicle-examples\">\u30d9\u30f3\u30c4G\u30af\u30e9\u30b9<br>\u30ec\u30f3\u30b8\u30ed\u30fc\u30d0\u30fc\u7b49<\/span>\n          <\/label>\n        <\/div>\n      <\/div>\n\n      <div class=\"isp-section-divider\"><\/div>\n      <div class=\"isp-section-header\">\n        <h2 class=\"isp-section-title\" id=\"step-2-e382aae38397e382b7e383a7e383b3e695b4e58299e981b8e68a9e-3\">\n          <span class=\"isp-section-icon\">&#x1f527;<\/span>\n          <span>STEP 2: \u30aa\u30d7\u30b7\u30e7\u30f3\u6574\u5099\u9078\u629e<\/span>\n        <\/h2>\n        <div class=\"isp-section-status isp-waiting\" id=\"isp-option-status\" role=\"status\" aria-live=\"polite\">\n          <span>\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044<\/span>\n        <\/div>\n      <\/div>\n      <p class=\"isp-section-subtitle\">\n        \u3054\u5e0c\u671b\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u6574\u5099\u30e1\u30cb\u30e5\u30fc\u3092\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u3002\u540c\u6642\u4f5c\u696d\u306710%\u5272\u5f15\u304c\u9069\u7528\u3055\u308c\u307e\u3059\u3002\n      <\/p>\n      \n      <div class=\"isp-radio-group\">\n        <div class=\"isp-radio-item\" data-option=\"none\">\n          <input type=\"radio\" id=\"isp-maintenance-none\" name=\"isp-maintenance-base\" value=\"none\">\n          <label for=\"isp-maintenance-none\">\n            <span style=\"font-size: 24px;\">\u2713<\/span>\n            \u30aa\u30d7\u30b7\u30e7\u30f3\u306a\u3057\n            <small>\u57fa\u672c\u70b9\u691c\u306e\u307f<\/small>\n          <\/label>\n        <\/div>\n        \n        <div class=\"isp-radio-item\" data-option=\"select\">\n          <input type=\"radio\" id=\"isp-maintenance-select\" name=\"isp-maintenance-base\" value=\"select\">\n          <label for=\"isp-maintenance-select\">\n            <span style=\"font-size: 24px;\">&#x2795;<\/span>\n            \u30aa\u30d7\u30b7\u30e7\u30f3\u9078\u629e\n            <small>\u8ffd\u52a0\u6574\u5099\u30e1\u30cb\u30e5\u30fc\u3092\u9078\u629e<\/small>\n          <\/label>\n        <\/div>\n      <\/div>\n      \n      <div id=\"isp-maintenance-options\" style=\"display: none; margin-top: 20px;\">\n        <div class=\"isp-card-group isp-four-columns\">\n          <div class=\"isp-card-item\" data-maintenance=\"oil\">\n            <input type=\"checkbox\" id=\"isp-maintenance-oil\" name=\"isp-maintenance\" value=\"oil\" data-price=\"10560\">\n            <label for=\"isp-maintenance-oil\">\n              <img decoding=\"async\" class=\"isp-card-image\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2025\/10\/img-engine-oil-change.jpg\" alt=\"\u30a8\u30f3\u30b8\u30f3\u30aa\u30a4\u30eb\u4ea4\u63db\">\n              <div class=\"isp-card-discount\">\u30a8\u30f3\u30b8\u30f3\u4fdd\u8b77<\/div>\n              <div class=\"isp-card-content\">\n                <div class=\"isp-card-title\">\u30a8\u30f3\u30b8\u30f3\u30aa\u30a4\u30eb\u4ea4\u63db\uff08\u4e0b\u629c\u304d\uff09<\/div>\n                <div class=\"isp-card-description\">SM\u898f\u683c\u5168\u5408\u6210\u6cb93L\u4f7f\u7528\uff0b\u30ec\u30d9\u30eb\u70b9\u691c<\/div>\n                <div class=\"isp-card-prices\">\n                  <span class=\"isp-card-price-original\">\u00a510,560<\/span>\n                  <span class=\"isp-card-price-sale\">\u00a59,504\uff5e<\/span>\n                <\/div>\n              <\/div>\n            <\/label>\n          <\/div>\n          \n          <div class=\"isp-card-item\" data-maintenance=\"coolant\">\n            <input type=\"checkbox\" id=\"isp-maintenance-coolant\" name=\"isp-maintenance\" value=\"coolant\" data-price=\"14740\">\n            <label for=\"isp-maintenance-coolant\">\n              <img decoding=\"async\" class=\"isp-card-image\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2025\/10\/img-coolant-change.jpg\" alt=\"\u30af\u30fc\u30e9\u30f3\u30c8\u4ea4\u63db\">\n              <div class=\"isp-card-discount\">\u30aa\u30fc\u30d0\u30fc\u30d2\u30fc\u30c8\u9632\u6b62<\/div>\n              <div class=\"isp-card-content\">\n                <div class=\"isp-card-title\">\u30af\u30fc\u30e9\u30f3\u30c8\u4ea4\u63db<\/div>\n                <div class=\"isp-card-description\">\u51b7\u5374\u6c342L\u4ea4\u63db\uff0b\u51b7\u5374\u7cfb\u7d71\u70b9\u691c<\/div>\n                <div class=\"isp-card-prices\">\n                  <span class=\"isp-card-price-original\">\u00a514,740<\/span>\n                  <span class=\"isp-card-price-sale\">\u00a513,266\uff5e<\/span>\n                <\/div>\n              <\/div>\n            <\/label>\n          <\/div>\n          \n          <div class=\"isp-card-item\" data-maintenance=\"battery\">\n            <input type=\"checkbox\" id=\"isp-maintenance-battery\" name=\"isp-maintenance\" value=\"battery\" data-price=\"27500\">\n            <label for=\"isp-maintenance-battery\">\n              <img decoding=\"async\" class=\"isp-card-image\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2025\/10\/img-agm-battery-replace.jpg\" alt=\"\u30d0\u30c3\u30c6\u30ea\u30fc\u4ea4\u63db\">\n              <div class=\"isp-card-discount\">\u59cb\u52d5\u4e0d\u826f\u3092\u4e88\u9632<\/div>\n              <div class=\"isp-card-content\">\n                <div class=\"isp-card-title\">\u30d0\u30c3\u30c6\u30ea\u30fc\u4ea4\u63db<\/div>\n                <div class=\"isp-card-description\">\u6a19\u6e96\u30d0\u30c3\u30c6\u30ea\u30fc\uff08LN1\uff09\uff0b\u5145\u96fb\u7cfb\u7d71\u70b9\u691c<\/div>\n                <div class=\"isp-card-prices\">\n                  <span class=\"isp-card-price-original\">\u00a527,500<\/span>\n                  <span class=\"isp-card-price-sale\">\u00a524,750\uff5e<\/span>\n                <\/div>\n              <\/div>\n            <\/label>\n          <\/div>\n          \n          <div class=\"isp-card-item\" data-maintenance=\"tire\">\n            <input type=\"checkbox\" id=\"isp-maintenance-tire\" name=\"isp-maintenance\" value=\"tire\" data-price=\"30800\">\n            <label for=\"isp-maintenance-tire\">\n              <img decoding=\"async\" class=\"isp-card-image\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2025\/10\/img-tyre-change.jpg\" alt=\"\u30bf\u30a4\u30e4\u4ea4\u63db\">\n              <div class=\"isp-card-discount\">\u5b89\u5168\u8d70\u884c\u306e\u8981<\/div>\n              <div class=\"isp-card-content\">\n                <div class=\"isp-card-title\">\u30bf\u30a4\u30e4\u4ea4\u63db\u4f5c\u696d\uff084\u672c\uff09<\/div>\n                <div class=\"isp-card-description\">\u30d0\u30e9\u30f3\u30b9\u8abf\u6574\u8fbc\uff0816\u30a4\u30f3\u30c1\u8fc4\u3001\u30bf\u30a4\u30e4\u4ee3\u5225\uff09<\/div>\n                <div class=\"isp-card-prices\">\n                  <span class=\"isp-card-price-original\">\u00a530,800<\/span>\n                  <span class=\"isp-card-price-sale\">\u00a527,720\uff5e<\/span>\n                <\/div>\n              <\/div>\n            <\/label>\n          <\/div>\n          \n          <div class=\"isp-card-item\" data-maintenance=\"brake-fluid\">\n            <input type=\"checkbox\" id=\"isp-maintenance-brake-fluid\" name=\"isp-maintenance\" value=\"brake-fluid\" data-price=\"18590\">\n            <label for=\"isp-maintenance-brake-fluid\">\n              <img decoding=\"async\" class=\"isp-card-image\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2025\/10\/img-brake-oil-change.jpg\" alt=\"\u30d6\u30ec\u30fc\u30ad\u30d5\u30eb\u30fc\u30c9\u4ea4\u63db\">\n              <div class=\"isp-card-discount\">\u30d6\u30ec\u30fc\u30ad\u6027\u80fd\u7dad\u6301<\/div>\n              <div class=\"isp-card-content\">\n                <div class=\"isp-card-title\">\u30d6\u30ec\u30fc\u30ad\u30d5\u30eb\u30fc\u30c9\u4ea4\u63db<\/div>\n                <div class=\"isp-card-description\">\u30d5\u30eb\u30fc\u30c91L\u4ea4\u63db\uff0b\u30a8\u30a2\u629c\u304d\u4f5c\u696d<\/div>\n                <div class=\"isp-card-prices\">\n                  <span class=\"isp-card-price-original\">\u00a518,590<\/span>\n                  <span class=\"isp-card-price-sale\">\u00a516,731\uff5e<\/span>\n                <\/div>\n              <\/div>\n            <\/label>\n          <\/div>\n          \n          <div class=\"isp-card-item\" data-maintenance=\"brake-pad\">\n            <input type=\"checkbox\" id=\"isp-maintenance-brake-pad\" name=\"isp-maintenance\" value=\"brake-pad\" data-price=\"30800\">\n            <label for=\"isp-maintenance-brake-pad\">\n              <img decoding=\"async\" class=\"isp-card-image\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2025\/10\/img-brakepads-replace.jpg\" alt=\"\u30d6\u30ec\u30fc\u30ad\u30d1\u30c3\u30c9\u4ea4\u63db\">\n              <div class=\"isp-card-discount\">\u4f4e\u30c0\u30b9\u30c8\u5bfe\u5fdc\u53ef<\/div>\n              <div class=\"isp-card-content\">\n                <div class=\"isp-card-title\">\u30d6\u30ec\u30fc\u30ad\u30d1\u30c3\u30c9\u4ea4\u63db<\/div>\n                <div class=\"isp-card-description\">\u30d5\u30ed\u30f3\u30c8\u5de6\u53f3\u4ea4\u63db\uff08\u30d1\u30c3\u30c9\u4ee3\u8fbc\uff09<\/div>\n                <div class=\"isp-card-prices\">\n                  <span class=\"isp-card-price-original\">\u00a530,800<\/span>\n                  <span class=\"isp-card-price-sale\">\u00a527,720\uff5e<\/span>\n                <\/div>\n              <\/div>\n            <\/label>\n          <\/div>\n          \n          <div class=\"isp-card-item\" data-maintenance=\"mission\">\n            <input type=\"checkbox\" id=\"isp-maintenance-mission\" name=\"isp-maintenance\" value=\"mission\" data-price=\"12540\">\n            <label for=\"isp-maintenance-mission\">\n              <img decoding=\"async\" class=\"isp-card-image\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2025\/10\/img-mission-oil-change.jpg\" alt=\"\u30df\u30c3\u30b7\u30e7\u30f3\u30aa\u30a4\u30eb\u4ea4\u63db\">\n              <div class=\"isp-card-discount\">\u5909\u901f\u30b9\u30e0\u30fc\u30ba<\/div>\n              <div class=\"isp-card-content\">\n                <div class=\"isp-card-title\">\u30df\u30c3\u30b7\u30e7\u30f3\u30aa\u30a4\u30eb\u4ea4\u63db<\/div>\n                <div class=\"isp-card-description\">\u9ad8\u6027\u80fd\u30ae\u30a2\u30aa\u30a4\u30eb2L\u4f7f\u7528<\/div>\n                <div class=\"isp-card-prices\">\n                  <span class=\"isp-card-price-original\">\u00a512,540<\/span>\n                  <span class=\"isp-card-price-sale\">\u00a511,286\uff5e<\/span>\n                <\/div>\n              <\/div>\n            <\/label>\n          <\/div>\n          \n          <div class=\"isp-card-item\" data-maintenance=\"atf\">\n            <input type=\"checkbox\" id=\"isp-maintenance-atf\" name=\"isp-maintenance\" value=\"atf\" data-price=\"79200\">\n            <label for=\"isp-maintenance-atf\">\n              <img decoding=\"async\" class=\"isp-card-image\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2025\/10\/img-atf-change.jpg\" alt=\"AT\u30d5\u30eb\u30fc\u30c9\u4ea4\u63db\">\n              <div class=\"isp-card-discount\">AT\u4fdd\u8b77<\/div>\n              <div class=\"isp-card-content\">\n                <div class=\"isp-card-title\">AT\u30d5\u30eb\u30fc\u30c9\u4ea4\u63db\u4f5c\u696d<\/div>\n                <div class=\"isp-card-description\">\u5727\u9001\u4ea4\u63db\uff08\u30aa\u30a4\u30eb\u4ee312L\u8fbc\uff09<\/div>\n                <div class=\"isp-card-prices\">\n                  <span class=\"isp-card-price-original\">\u00a579,200<\/span>\n                  <span class=\"isp-card-price-sale\">\u00a571,280\uff5e<\/span>\n                <\/div>\n              <\/div>\n            <\/label>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"isp-section-divider\"><\/div>\n      <div class=\"isp-section-header\">\n        <h2 class=\"isp-section-title\" id=\"step-3-e589b2e5bc95e38397e383ade382b0e383a9e383a0-4\">\n          <span class=\"isp-section-icon\">&#x1f381;<\/span>\n          <span>STEP 3: \u5272\u5f15\u30d7\u30ed\u30b0\u30e9\u30e0<\/span>\n        <\/h2>\n        <div class=\"isp-section-status isp-waiting\" id=\"isp-discount-status\" role=\"status\" aria-live=\"polite\">\n          <span>\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044<\/span>\n        <\/div>\n      <\/div>\n      <p class=\"isp-section-subtitle\">\n        \u8a72\u5f53\u3059\u308b\u5272\u5f15\u3092\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u3002\u65e9\u5272\u306f\u4ed6\u306e\u5272\u5f15\u3068\u4f75\u7528\u53ef\u80fd\u3067\u3059\u3002\n      <\/p>\n      \n      <div class=\"isp-card-group isp-four-columns\">\n        <div class=\"isp-card-item isp-none-option\" data-discount=\"none\">\n          <input type=\"checkbox\" id=\"isp-discount-none\" name=\"isp-discount\" value=\"none\">\n          <label for=\"isp-discount-none\">\n            <div class=\"isp-card-title\">\u5229\u7528\u3057\u306a\u3044<\/div>\n            <div class=\"isp-card-description\">\u5272\u5f15\u3092\u9069\u7528\u3057\u306a\u3044<\/div>\n            <div class=\"isp-card-prices\">\n              <span class=\"isp-card-price-sale\" style=\"color: #666 !important;\">\u2015<\/span>\n            <\/div>\n          <\/label>\n        <\/div>\n        \n        <div class=\"isp-card-item isp-none-option\" data-discount=\"new\">\n          <input type=\"checkbox\" id=\"isp-discount-new\" name=\"isp-discount\" value=\"new\" data-discount=\"1000\">\n          <label for=\"isp-discount-new\">\n            <div class=\"isp-card-title\">\u521d\u3081\u3066\u306e\u304a\u5ba2\u69d8\u7279\u5178<\/div>\n            <div class=\"isp-card-description\">\u521d\u56de\u9650\u5b9a\u306e\u7279\u5225\u5272\u5f15<\/div>\n            <div class=\"isp-card-prices\">\n              <span class=\"isp-card-price-sale\" style=\"color: #059669 !important;\">\u00a51,000\u5272\u5f15<\/span>\n            <\/div>\n          <\/label>\n        <\/div>\n        \n        <div class=\"isp-card-item isp-none-option\" data-discount=\"repeat\">\n          <input type=\"checkbox\" id=\"isp-discount-repeat\" name=\"isp-discount\" value=\"repeat\" data-discount=\"2000\">\n          <label for=\"isp-discount-repeat\">\n            <div class=\"isp-card-title\">\u30ea\u30d4\u30fc\u30c8\u5272\u5f15<\/div>\n            <div class=\"isp-card-description\">2\u56de\u76ee\u4ee5\u964d\u306e\u304a\u5ba2\u69d8<\/div>\n            <div class=\"isp-card-prices\">\n              <span class=\"isp-card-price-sale\" style=\"color: #059669 !important;\">\u00a52,000\u5272\u5f15<\/span>\n            <\/div>\n          <\/label>\n        <\/div>\n        \n        <div class=\"isp-card-item isp-none-option\" data-discount=\"early\">\n          <input type=\"checkbox\" id=\"isp-discount-early\" name=\"isp-discount\" value=\"early\" data-discount=\"1000\">\n          <label for=\"isp-discount-early\">\n            <div class=\"isp-card-title\">\u65e9\u5272<\/div>\n            <div class=\"isp-card-description\">2\u30f6\u6708\u524d\u307e\u3067\u306e\u65e9\u671f\u3054\u4e88\u7d04\u3067\u3055\u3089\u306b\u304a\u5f97<\/div>\n            <div class=\"isp-card-prices\">\n              <span class=\"isp-card-price-sale\" style=\"color: #059669 !important;\">\u00a51,000\u5272\u5f15<\/span>\n            <\/div>\n          <\/label>\n        <\/div>\n      <\/div>\n\n      <div class=\"isp-calculate-button-wrapper\">\n        <button class=\"isp-calculate-button\" id=\"isp-calculate-button\" disabled aria-label=\"\u304a\u898b\u7a4d\u3082\u308a\u91d1\u984d\u3092\u8a08\u7b97\u3059\u308b\">\n          <span>&#x1f4cb;<\/span>\n          <span>\u304a\u898b\u7a4d\u3082\u308a\u91d1\u984d\u3092\u8a08\u7b97<\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"isp-loading\" id=\"isp-loading\">\n        <div class=\"isp-spinner\"><\/div>\n        <p style=\"margin-top: 16px; color: #666 !important;\">\u8a08\u7b97\u4e2d&#8230;<\/p>\n      <\/div>\n      \n      <div class=\"isp-error\" id=\"isp-error\" role=\"alert\"><\/div>\n      \n      <div class=\"isp-result\" id=\"isp-result\">\n        <div class=\"isp-result-header\">\n          <h3 id=\"e3818ae8a68be7a98de38282e3828ae6a682e7ae97-5\">\u304a\u898b\u7a4d\u3082\u308a\u6982\u7b97<\/h3>\n          <div class=\"isp-result-subtitle\" id=\"isp-result-subtitle\"><\/div>\n        <\/div>\n        \n        <div class=\"isp-result-body\">\n          <div class=\"isp-result-section\">\n            <h4 class=\"isp-result-section-title\" id=\"e782b9e6a49ce695b4e58299e8b2bbe794a8efbc88e7a88ee8bebcefbc89-6\">\n              <span>&#x1f527;<\/span>\n              \u70b9\u691c\u6574\u5099\u8cbb\u7528\uff08\u7a0e\u8fbc\uff09\n            <\/h4>\n            <div class=\"isp-result-row\" id=\"isp-base-fee-row\">\n              <span class=\"isp-result-label\">12\u30f6\u6708\u70b9\u691c\u57fa\u672c\u6599\u91d1<\/span>\n              <span class=\"isp-result-value\" id=\"isp-base-fee\"><\/span>\n            <\/div>\n            <div id=\"isp-maintenance-rows\"><\/div>\n          <\/div>\n          \n          <div class=\"isp-result-section\" id=\"isp-discount-section\" style=\"display: none;\">\n            <h4 class=\"isp-result-section-title isp-discount-title\" id=\"e589b2e5bc95e383bbe789b9e585b8-7\">\n              <span>&#x1f381;<\/span>\n              \u5272\u5f15\u30fb\u7279\u5178\n            <\/h4>\n            <div id=\"isp-discount-rows\"><\/div>\n          <\/div>\n          \n          <div class=\"isp-result-total\">\n            <div class=\"isp-total-label\">\u70b9\u691c\u8cbb\u7528\u306e\u76ee\u5b89\uff08\u7a0e\u8fbc\uff09<\/div>\n            <div class=\"isp-total-amount\" id=\"isp-total\"><\/div>\n          <\/div>\n          \n          <div class=\"isp-cta-section\">\n            <p class=\"isp-cta-text\" style=\"font-size: 16px; font-weight: 600;\">\uff3c12\u30f6\u6708\u70b9\u691c\u306e\u3054\u4e88\u7d04\u30fb\u3054\u76f8\u8ac7\u306f\u304a\u6c17\u8efd\u306b\uff0f<\/p>\n            <div class=\"isp-cta-buttons\">\n              <a href=\"tel:0723633381\" class=\"isp-cta-button isp-cta-phone\">\n                &#x1f4de; \u96fb\u8a71\u3067\u76f8\u8ac7\u3059\u308b\n              <\/a>\n              <button type=\"button\" class=\"isp-cta-button isp-cta-mail\" id=\"isp-mail-button\">\n                &#x2709;&#xfe0f; \u30e1\u30fc\u30eb\u3067\u554f\u3044\u5408\u308f\u305b\n              <\/button>\n            <\/div>\n          <\/div>\n          \n          <div class=\"isp-warranty-section\">\n            <h4 class=\"isp-warranty-title\" id=\"e5ae89e5bf83e381aee782b9e6a49ce382b5e383bce38393e382b9-8\">\n              <span>&#x1f6e1;&#xfe0f;<\/span>\n              <span>\u5b89\u5fc3\u306e\u70b9\u691c\u30b5\u30fc\u30d3\u30b9<\/span>\n            <\/h4>\n            <div class=\"isp-warranty-content\">\n              \u56fd\u5bb6\u8cc7\u683c\u3092\u6301\u3063\u305f\u6574\u5099\u58eb\u304c\u4e01\u5be7\u306b\u70b9\u691c\u3002\u70b9\u691c\u8a18\u9332\u7c3f\u3092\u767a\u884c\u3057\u3001\u304a\u8eca\u306e\u72b6\u614b\u3092\u8a73\u3057\u304f\u3054\u8aac\u660e\u3044\u305f\u3057\u307e\u3059\u3002\n            <\/div>\n          <\/div>\n          \n          <div class=\"isp-note\">\n            <strong>\u3010\u3054\u6ce8\u610f\u4e8b\u9805\u3011<\/strong><br>\n            \u203b \u8868\u793a\u4fa1\u683c\u306f2025\u5e744\u6708\u73fe\u5728\u306e\u6599\u91d1\u3067\u3059\u3002<br>\n            \u203b \u90e8\u54c1\u4ea4\u63db\u304c\u5fc5\u8981\u306a\u5834\u5408\u306f\u3001\u90e8\u54c1\u4ee3\u304c\u5225\u9014\u304b\u304b\u308a\u307e\u3059\u3002<br>\n            \u203b \u8f38\u5165\u8eca\u30fb\u7279\u6b8a\u8eca\u4e21\u306f\u6599\u91d1\u304c\u7570\u306a\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u30a4\u30f3\u30d5\u30a9\u30e1\u30fc\u30b7\u30e7\u30f3\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7 -->\n<div class=\"isp-info-overlay\" id=\"isp-info-overlay\"><\/div>\n<div class=\"isp-info-popup\" id=\"isp-info-popup\" role=\"dialog\" aria-modal=\"true\">\n  <div class=\"isp-info-popup-content\" id=\"isp-info-popup-content\"><\/div>\n  <button class=\"isp-info-popup-close\" id=\"isp-info-popup-close\">\u9589\u3058\u308b<\/button>\n<\/div>\n\n<script>\n(function() {\n  'use strict';\n\n  const vehicleDatabase = {\n    'weight1': [\n        { brand: 'Smart', model: 'ForTwo' },\n        { brand: 'Smart', model: 'ForFour' },\n        { brand: 'Smart', model: 'Roadster' },\n        { brand: '\u30d5\u30a9\u30eb\u30af\u30b9\u30ef\u30fc\u30b2\u30f3', model: 'up!' },\n        { brand: '\u30d5\u30a9\u30eb\u30af\u30b9\u30ef\u30fc\u30b2\u30f3', model: '\u30dd\u30ed' },\n        { brand: '\u30a2\u30a6\u30c7\u30a3', model: 'A1' },\n        { brand: '\u30a2\u30a6\u30c7\u30a3', model: 'A3' },\n        { brand: 'BMW', model: '1\u30b7\u30ea\u30fc\u30ba' },\n        { brand: 'BMW', model: '2\u30b7\u30ea\u30fc\u30ba' },\n        { brand: 'Mini', model: 'Cooper 3Dr' },\n        { brand: 'Mini', model: 'One' },\n        { brand: '\u30dd\u30eb\u30b7\u30a7', model: '718\u30b1\u30a4\u30de\u30f3' },\n        { brand: '\u30dd\u30eb\u30b7\u30a7', model: '718\u30dc\u30af\u30b9\u30bf\u30fc' },\n        { brand: '\u30d5\u30a3\u30a2\u30c3\u30c8', model: '500' },\n        { brand: '\u30d5\u30a3\u30a2\u30c3\u30c8', model: '500c' },\n        { brand: '\u30d5\u30a3\u30a2\u30c3\u30c8', model: '\u30d1\u30f3\u30c0' },\n        { brand: '\u30a2\u30d0\u30eb\u30c8', model: '595' },\n        { brand: '\u30a2\u30d0\u30eb\u30c8', model: '695' },\n        { brand: '\u30a2\u30d0\u30eb\u30c8', model: '124\u30b9\u30d1\u30a4\u30c0\u30fc' },\n        { brand: '\u30a2\u30eb\u30d5\u30a1\u30ed\u30e1\u30aa', model: '\u30df\u30c8' },\n        { brand: '\u30a2\u30eb\u30d5\u30a1\u30ed\u30e1\u30aa', model: '\u30b8\u30e5\u30ea\u30a8\u30c3\u30bf' },\n        { brand: '\u30eb\u30ce\u30fc', model: '\u30c8\u30a5\u30a4\u30f3\u30b4' },\n        { brand: '\u30eb\u30ce\u30fc', model: '\u30eb\u30fc\u30c6\u30b7\u30a2' },\n        { brand: '\u30eb\u30ce\u30fc', model: '\u30e1\u30ac\u30fc\u30ccRS' },\n        { brand: '\u30d7\u30b8\u30e7\u30fc', model: '108' },\n        { brand: '\u30d7\u30b8\u30e7\u30fc', model: '208' },\n        { brand: '\u30d7\u30b8\u30e7\u30fc', model: '308 GTI' },\n        { brand: '\u30b7\u30c8\u30ed\u30a8\u30f3', model: 'C1' },\n        { brand: '\u30b7\u30c8\u30ed\u30a8\u30f3', model: 'C3' },\n        { brand: 'DS', model: 'DS3' },\n        { brand: '\u30a2\u30eb\u30d4\u30fc\u30cc', model: 'A110' },\n        { brand: '\u30ed\u30fc\u30bf\u30b9', model: '\u30a8\u30ea\u30fc\u30bc' },\n        { brand: '\u30ed\u30fc\u30bf\u30b9', model: '\u30a8\u30f4\u30a9\u30fc\u30e9' },\n        { brand: '\u30de\u30af\u30e9\u30fc\u30ec\u30f3', model: '570S' },\n        { brand: '\u30bb\u30a2\u30c8', model: '\u30df\u30fc' },\n        { brand: '\u30bb\u30a2\u30c8', model: '\u30a4\u30d3\u30b5' },\n        { brand: '\u30d2\u30e7\u30f3\u30c7', model: 'i10' },\n        { brand: '\u30d2\u30e7\u30f3\u30c7', model: 'i20' },\n        { brand: '\u30ad\u30a2', model: '\u30ea\u30aa' },\n        { brand: '\u30d5\u30a9\u30fc\u30c9', model: '\u30d5\u30a3\u30a8\u30b9\u30bf' },\n        { brand: '\u30b7\u30e5\u30b3\u30c0', model: '\u30d5\u30a1\u30d3\u30a2' },\n        { brand: '\u30c0\u30c1\u30a2', model: '\u30b5\u30f3\u30c7\u30ed' },\n    ],\n    'weight2': [\n        { brand: '\u30e1\u30eb\u30bb\u30c7\u30b9\u30d9\u30f3\u30c4', model: 'A\u30af\u30e9\u30b9' },\n        { brand: '\u30e1\u30eb\u30bb\u30c7\u30b9\u30d9\u30f3\u30c4', model: 'B\u30af\u30e9\u30b9' },\n        { brand: '\u30e1\u30eb\u30bb\u30c7\u30b9\u30d9\u30f3\u30c4', model: 'CLA' },\n        { brand: '\u30e1\u30eb\u30bb\u30c7\u30b9\u30d9\u30f3\u30c4', model: 'GLA' },\n        { brand: '\u30e1\u30eb\u30bb\u30c7\u30b9\u30d9\u30f3\u30c4', model: 'C\u30af\u30e9\u30b9' },\n        { brand: '\u30e1\u30eb\u30bb\u30c7\u30b9\u30d9\u30f3\u30c4', model: 'E\u30af\u30e9\u30b9' },\n        { brand: 'BMW', model: '3\u30b7\u30ea\u30fc\u30ba' },\n        { brand: 'BMW', model: '4\u30b7\u30ea\u30fc\u30ba' },\n        { brand: 'BMW', model: '5\u30b7\u30ea\u30fc\u30ba' },\n        { brand: 'BMW', model: 'X1' },\n        { brand: 'BMW', model: 'X2' },\n        { brand: 'BMW', model: 'Z4' },\n        { brand: 'BMW', model: 'M2' },\n        { brand: 'Mini', model: 'Clubman' },\n        { brand: 'Mini', model: 'Crossover' },\n        { brand: '\u30a2\u30a6\u30c7\u30a3', model: 'A4' },\n        { brand: '\u30a2\u30a6\u30c7\u30a3', model: 'A5' },\n        { brand: '\u30a2\u30a6\u30c7\u30a3', model: 'A6' },\n        { brand: '\u30a2\u30a6\u30c7\u30a3', model: 'S3\/RS3' },\n        { brand: '\u30a2\u30a6\u30c7\u30a3', model: 'TT' },\n        { brand: '\u30a2\u30a6\u30c7\u30a3', model: 'Q2' },\n        { brand: '\u30a2\u30a6\u30c7\u30a3', model: 'Q3' },\n        { brand: '\u30d5\u30a9\u30eb\u30af\u30b9\u30ef\u30fc\u30b2\u30f3', model: '\u30b4\u30eb\u30d5' },\n        { brand: '\u30d5\u30a9\u30eb\u30af\u30b9\u30ef\u30fc\u30b2\u30f3', model: '\u30b4\u30eb\u30d5GTI\/R' },\n        { brand: '\u30d5\u30a9\u30eb\u30af\u30b9\u30ef\u30fc\u30b2\u30f3', model: '\u30d1\u30b5\u30fc\u30c8' },\n        { brand: '\u30d5\u30a9\u30eb\u30af\u30b9\u30ef\u30fc\u30b2\u30f3', model: '\u30c6\u30a3\u30b0\u30a2\u30f3' },\n        { brand: '\u30dd\u30eb\u30b7\u30a7', model: '911' },\n        { brand: '\u30dd\u30eb\u30b7\u30a7', model: '\u30de\u30ab\u30f3' },\n        { brand: '\u30a2\u30eb\u30d5\u30a1\u30ed\u30e1\u30aa', model: '\u30b8\u30e5\u30ea\u30a2' },\n        { brand: '\u30a2\u30eb\u30d5\u30a1\u30ed\u30e1\u30aa', model: '\u30b9\u30c6\u30eb\u30f4\u30a3\u30aa' },\n        { brand: '\u30de\u30bb\u30e9\u30c6\u30a3', model: '\u30ae\u30d6\u30ea' },\n        { brand: '\u30de\u30bb\u30e9\u30c6\u30a3', model: '\u30b0\u30ec\u30ab\u30fc\u30ec' },\n        { brand: '\u30d5\u30a7\u30e9\u30fc\u30ea', model: '\u30ed\u30fc\u30de' },\n        { brand: '\u30d5\u30a7\u30e9\u30fc\u30ea', model: 'F8\u30c8\u30ea\u30d6\u30fc\u30c8' },\n        { brand: '\u30d5\u30a7\u30e9\u30fc\u30ea', model: '\u30dd\u30eb\u30c8\u30d5\u30a3\u30fc\u30ce' },\n        { brand: '\u30e9\u30f3\u30dc\u30eb\u30ae\u30fc\u30cb', model: '\u30a6\u30e9\u30ab\u30f3' },\n        { brand: '\u30d7\u30b8\u30e7\u30fc', model: '508' },\n        { brand: '\u30d7\u30b8\u30e7\u30fc', model: '2008' },\n        { brand: '\u30d7\u30b8\u30e7\u30fc', model: '3008' },\n        { brand: '\u30b7\u30c8\u30ed\u30a8\u30f3', model: 'C4' },\n        { brand: '\u30b7\u30c8\u30ed\u30a8\u30f3', model: 'C5\u30a8\u30a2\u30af\u30ed\u30b9' },\n        { brand: 'DS', model: 'DS7\u30af\u30ed\u30b9\u30d0\u30c3\u30af' },\n        { brand: '\u30b8\u30e3\u30ac\u30fc', model: 'XE' },\n        { brand: '\u30b8\u30e3\u30ac\u30fc', model: 'XF' },\n        { brand: '\u30b8\u30e3\u30ac\u30fc', model: 'E-PACE' },\n        { brand: '\u30b8\u30e3\u30ac\u30fc', model: 'F-TYPE' },\n        { brand: '\u30e9\u30f3\u30c9\u30ed\u30fc\u30d0\u30fc', model: '\u30a4\u30f4\u30a9\u30fc\u30af' },\n        { brand: '\u30a2\u30b9\u30c8\u30f3\u30de\u30fc\u30c6\u30a3\u30f3', model: '\u30f4\u30a1\u30f3\u30c6\u30fc\u30b8' },\n        { brand: '\u30dc\u30eb\u30dc', model: 'V40' },\n        { brand: '\u30dc\u30eb\u30dc', model: 'V60' },\n        { brand: '\u30dc\u30eb\u30dc', model: 'S60' },\n        { brand: '\u30dc\u30eb\u30dc', model: 'XC40' },\n        { brand: '\u30af\u30d7\u30e9', model: '\u30ec\u30aa\u30f3' },\n        { brand: '\u30b8\u30fc\u30d7', model: '\u30b3\u30f3\u30d1\u30b9' },\n        { brand: '\u30b8\u30fc\u30d7', model: '\u30c1\u30a7\u30ed\u30ad\u30fc' },\n        { brand: '\u30d5\u30a9\u30fc\u30c9', model: '\u30d5\u30a9\u30fc\u30ab\u30b9' },\n        { brand: '\u30d5\u30a9\u30fc\u30c9', model: '\u30d5\u30a9\u30fc\u30ab\u30b9RS' },\n        { brand: '\u30d5\u30a9\u30fc\u30c9', model: '\u30de\u30b9\u30bf\u30f3\u30b0' },\n        { brand: '\u30b7\u30dc\u30ec\u30fc', model: '\u30ab\u30de\u30ed' },\n        { brand: '\u30d6\u30ac\u30c3\u30c6\u30a3', model: '\u30b7\u30ed\u30f3' },\n        { brand: '\u30ec\u30af\u30b5\u30b9', model: 'IS' },\n        { brand: '\u30ec\u30af\u30b5\u30b9', model: 'RC' },\n        { brand: '\u30ec\u30af\u30b5\u30b9', model: 'NX' },\n    ],\n    'weight3': [\n        { brand: '\u30e1\u30eb\u30bb\u30c7\u30b9\u30d9\u30f3\u30c4', model: 'GLC' },\n        { brand: '\u30e1\u30eb\u30bb\u30c7\u30b9\u30d9\u30f3\u30c4', model: 'GLE' },\n        { brand: '\u30e1\u30eb\u30bb\u30c7\u30b9\u30d9\u30f3\u30c4', model: 'S\u30af\u30e9\u30b9' },\n        { brand: 'BMW', model: 'X3' },\n        { brand: 'BMW', model: 'X4' },\n        { brand: 'BMW', model: 'X5' },\n        { brand: 'BMW', model: '7\u30b7\u30ea\u30fc\u30ba' },\n        { brand: 'BMW', model: 'M3\/M4' },\n        { brand: '\u30a2\u30a6\u30c7\u30a3', model: 'Q5' },\n        { brand: '\u30a2\u30a6\u30c7\u30a3', model: 'A8' },\n        { brand: '\u30d5\u30a9\u30eb\u30af\u30b9\u30ef\u30fc\u30b2\u30f3', model: '\u30c8\u30a5\u30a2\u30ec\u30b0' },\n        { brand: '\u30dd\u30eb\u30b7\u30a7', model: '\u30ab\u30a4\u30a8\u30f3' },\n        { brand: '\u30d5\u30a7\u30e9\u30fc\u30ea', model: 'SF90\u30b9\u30c8\u30e9\u30c0\u30fc\u30ec' },\n        { brand: '\u30d5\u30a7\u30e9\u30fc\u30ea', model: '812\u30b9\u30fc\u30d1\u30fc\u30d5\u30a1\u30b9\u30c8' },\n        { brand: '\u30d5\u30a7\u30e9\u30fc\u30ea', model: '\u30d7\u30ed\u30b5\u30f3\u30b0\u30a8' },\n        { brand: '\u30b8\u30e3\u30ac\u30fc', model: 'F-PACE' },\n        { brand: '\u30e9\u30f3\u30c9\u30ed\u30fc\u30d0\u30fc', model: '\u30c7\u30a3\u30d5\u30a7\u30f3\u30c0\u30fc90' },\n        { brand: '\u30e9\u30f3\u30c9\u30ed\u30fc\u30d0\u30fc', model: '\u30c7\u30a3\u30b9\u30ab\u30d0\u30ea\u30fc\u30b9\u30dd\u30fc\u30c4' },\n        { brand: '\u30e9\u30f3\u30c9\u30ed\u30fc\u30d0\u30fc', model: '\u30ec\u30f3\u30b8\u30ed\u30fc\u30d0\u30fc\u30b9\u30dd\u30fc\u30c4' },\n        { brand: '\u30a2\u30b9\u30c8\u30f3\u30de\u30fc\u30c6\u30a3\u30f3', model: 'DB11' },\n        { brand: '\u30d9\u30f3\u30c8\u30ec\u30fc', model: '\u30b3\u30f3\u30c1\u30cd\u30f3\u30bf\u30ebGT' },\n        { brand: '\u30dc\u30eb\u30dc', model: 'XC60' },\n        { brand: '\u30dc\u30eb\u30dc', model: 'XC90' },\n        { brand: '\u30b7\u30dc\u30ec\u30fc', model: '\u30b3\u30eb\u30d9\u30c3\u30c8' },\n        { brand: '\u30d5\u30a9\u30fc\u30c9', model: '\u30a8\u30af\u30b9\u30d7\u30ed\u30fc\u30e9\u30fc' },\n        { brand: '\u30b8\u30fc\u30d7', model: '\u30e9\u30f3\u30b0\u30e9\u30fc' },\n        { brand: '\u30b8\u30fc\u30d7', model: '\u30b0\u30e9\u30f3\u30c9\u30c1\u30a7\u30ed\u30ad\u30fc' },\n        { brand: '\u30c0\u30c3\u30b8', model: '\u30c1\u30e3\u30ec\u30f3\u30b8\u30e3\u30fc' },\n        { brand: '\u30c0\u30c3\u30b8', model: '\u30c1\u30e3\u30fc\u30b8\u30e3\u30fc' },\n        { brand: '\u30ad\u30e3\u30c7\u30e9\u30c3\u30af', model: 'XT5' },\n        { brand: '\u30b8\u30a7\u30cd\u30b7\u30b9', model: 'GV70' },\n        { brand: '\u30b8\u30a7\u30cd\u30b7\u30b9', model: 'GV80' },\n        { brand: '\u30ec\u30af\u30b5\u30b9', model: 'RX' },\n    ],\n'weight4': [\n        { brand: '\u30e1\u30eb\u30bb\u30c7\u30b9\u30d9\u30f3\u30c4', model: 'G\u30af\u30e9\u30b9' },\n        { brand: '\u30e1\u30eb\u30bb\u30c7\u30b9\u30d9\u30f3\u30c4', model: 'GLS' },\n        { brand: '\u30e1\u30eb\u30bb\u30c7\u30b9\u30d9\u30f3\u30c4', model: '\u30de\u30a4\u30d0\u30c3\u30cf' },\n        { brand: 'BMW', model: 'X6' },\n        { brand: 'BMW', model: 'X7' },\n        { brand: 'BMW', model: 'XM' },\n        { brand: '\u30a2\u30a6\u30c7\u30a3', model: 'Q7' },\n        { brand: '\u30a2\u30a6\u30c7\u30a3', model: 'Q8' },\n        { brand: '\u30dd\u30eb\u30b7\u30a7', model: '\u30ab\u30a4\u30a8\u30f3 (HV\u7cfb)' },\n        { brand: '\u30de\u30bb\u30e9\u30c6\u30a3', model: '\u30af\u30a2\u30c8\u30ed\u30dd\u30eb\u30c6' },\n        { brand: '\u30de\u30bb\u30e9\u30c6\u30a3', model: '\u30ec\u30f4\u30a1\u30f3\u30c6' },\n        { brand: '\u30e9\u30f3\u30dc\u30eb\u30ae\u30fc\u30cb', model: '\u30a6\u30eb\u30b9' },\n        { brand: '\u30e9\u30f3\u30dc\u30eb\u30ae\u30fc\u30cb', model: '\u30a2\u30f4\u30a7\u30f3\u30bf\u30c9\u30fc\u30eb' },\n        { brand: '\u30e9\u30f3\u30dc\u30eb\u30ae\u30fc\u30cb', model: '\u30ec\u30f4\u30a8\u30eb\u30c8' },\n        { brand: '\u30e9\u30f3\u30c9\u30ed\u30fc\u30d0\u30fc', model: '\u30ec\u30f3\u30b8\u30ed\u30fc\u30d0\u30fc' },\n        { brand: '\u30e9\u30f3\u30c9\u30ed\u30fc\u30d0\u30fc', model: '\u30c7\u30a3\u30d5\u30a7\u30f3\u30c0\u30fc110' },\n        { brand: '\u30e9\u30f3\u30c9\u30ed\u30fc\u30d0\u30fc', model: '\u30c7\u30a3\u30b9\u30ab\u30d0\u30ea\u30fc' },\n        { brand: '\u30a2\u30b9\u30c8\u30f3\u30de\u30fc\u30c6\u30a3\u30f3', model: 'DBX' },\n        { brand: '\u30d9\u30f3\u30c8\u30ec\u30fc', model: '\u30d5\u30e9\u30a4\u30f3\u30b0\u30b9\u30d1\u30fc' },\n        { brand: '\u30d9\u30f3\u30c8\u30ec\u30fc', model: '\u30d9\u30f3\u30c6\u30a4\u30ac' },\n        { brand: '\u30ed\u30fc\u30eb\u30b9\u30ed\u30a4\u30b9', model: '\u30b4\u30fc\u30b9\u30c8' },\n        { brand: '\u30ed\u30fc\u30eb\u30b9\u30ed\u30a4\u30b9', model: '\u30d5\u30a1\u30f3\u30c8\u30e0' },\n        { brand: '\u30ed\u30fc\u30eb\u30b9\u30ed\u30a4\u30b9', model: '\u30ab\u30ea\u30ca\u30f3' },\n        { brand: '\u30ad\u30e3\u30c7\u30e9\u30c3\u30af', model: '\u30a8\u30b9\u30ab\u30ec\u30fc\u30c9' },\n        { brand: '\u30b7\u30dc\u30ec\u30fc', model: '\u30b5\u30d0\u30fc\u30d0\u30f3' },\n        { brand: '\u30b7\u30dc\u30ec\u30fc', model: '\u30bf\u30db' },\n        { brand: '\u30d5\u30a9\u30fc\u30c9', model: 'F-150' },\n        { brand: '\u30d5\u30a9\u30fc\u30c9', model: '\u30a8\u30af\u30b9\u30da\u30c7\u30a3\u30b7\u30e7\u30f3' },\n        { brand: '\u30b8\u30fc\u30d7', model: '\u30ef\u30b4\u30cb\u30a2' },\n        { brand: '\u30c0\u30c3\u30b8', model: 'RAM1500' },\n        { brand: '\u30ea\u30f3\u30ab\u30fc\u30f3', model: '\u30ca\u30d3\u30b2\u30fc\u30bf\u30fc' },\n        { brand: '\u30ec\u30af\u30b5\u30b9', model: 'LX' },\n        { brand: '\u30ec\u30af\u30b5\u30b9', model: 'GX' },\n        { brand: '\u30a4\u30f3\u30d5\u30a3\u30cb\u30c6\u30a3', model: 'QX80' },\n    ]\n  };\n\n  const MAINTENANCE_NAMES = {\n    oil: '\u30a8\u30f3\u30b8\u30f3\u30aa\u30a4\u30eb\u4ea4\u63db(\u4e0b\u629c\u304d)',\n    coolant: '\u30af\u30fc\u30e9\u30f3\u30c8\u4ea4\u63db',\n    battery: '\u30d0\u30c3\u30c6\u30ea\u30fc\u4ea4\u63db',\n    tire: '\u30bf\u30a4\u30e4\u4ea4\u63db\u4f5c\u696d(4\u672c)',\n    'brake-fluid': '\u30d6\u30ec\u30fc\u30ad\u30d5\u30eb\u30fc\u30c9\u4ea4\u63db',\n    'brake-pad': '\u30d6\u30ec\u30fc\u30ad\u30d1\u30c3\u30c9\u4ea4\u63db',\n    mission: '\u30df\u30c3\u30b7\u30e7\u30f3\u30aa\u30a4\u30eb\u4ea4\u63db',\n    atf: 'AT\u30d5\u30eb\u30fc\u30c9\u4ea4\u63db\u4f5c\u696d'\n  };\n  \n  const DISCOUNT_NAMES = {\n    new: '\u521d\u3081\u3066\u306e\u304a\u5ba2\u69d8\u7279\u5178',\n    repeat: '\u30ea\u30d4\u30fc\u30c8\u5272\u5f15',\n    early: '\u65e9\u5272(\u65e9\u671f\u3054\u4e88\u7d04\u7279\u5178)'\n  };\n\n  const VEHICLE_WEIGHT_NAMES = {\n    weight1: '\u5c0f\u578b\u8eca(1.5t\u4ee5\u4e0b)',\n    weight2: '\u4e2d\u578b\u8eca(1.5t\uff5e2.0t)',\n    weight3: '\u5927\u578b\u8eca(2.0t\uff5e2.5t)',\n    weight4: '\u7279\u5927\u8eca(2.5t\u4ee5\u4e0a)'\n  };\n\n  const KNOWN_BRANDS = [\n    '\u30e1\u30eb\u30bb\u30c7\u30b9\u30d9\u30f3\u30c4', '\u30e1\u30eb\u30bb\u30c7\u30b9\u30fb\u30d9\u30f3\u30c4', 'BMW', '\u30a2\u30a6\u30c7\u30a3', '\u30d5\u30a9\u30eb\u30af\u30b9\u30ef\u30fc\u30b2\u30f3', \n    'VW', '\u30dd\u30eb\u30b7\u30a7', 'Mini', '\u30df\u30cb', '\u30a2\u30eb\u30d5\u30a1\u30ed\u30e1\u30aa', '\u30d5\u30a3\u30a2\u30c3\u30c8', '\u30a2\u30d0\u30eb\u30c8',\n    '\u30de\u30bb\u30e9\u30c6\u30a3', '\u30d5\u30a7\u30e9\u30fc\u30ea', '\u30e9\u30f3\u30dc\u30eb\u30ae\u30fc\u30cb', '\u30d7\u30b8\u30e7\u30fc', '\u30b7\u30c8\u30ed\u30a8\u30f3', 'DS',\n    '\u30eb\u30ce\u30fc', '\u30dc\u30eb\u30dc', '\u30b8\u30e3\u30ac\u30fc', '\u30e9\u30f3\u30c9\u30ed\u30fc\u30d0\u30fc', '\u30ec\u30f3\u30b8\u30ed\u30fc\u30d0\u30fc', '\u30a2\u30b9\u30c8\u30f3\u30de\u30fc\u30c6\u30a3\u30f3',\n    '\u30d9\u30f3\u30c8\u30ec\u30fc', '\u30ed\u30fc\u30eb\u30b9\u30ed\u30a4\u30b9', '\u30b7\u30dc\u30ec\u30fc', '\u30d5\u30a9\u30fc\u30c9', '\u30b8\u30fc\u30d7', '\u30c0\u30c3\u30b8',\n    '\u30ad\u30e3\u30c7\u30e9\u30c3\u30af', '\u30ea\u30f3\u30ab\u30fc\u30f3', '\u30c6\u30b9\u30e9', '\u30ec\u30af\u30b5\u30b9', 'Smart', '\u30bb\u30a2\u30c8', '\u30af\u30d7\u30e9',\n    '\u30d2\u30e7\u30f3\u30c7', '\u30ad\u30a2', '\u30b8\u30a7\u30cd\u30b7\u30b9', '\u30b7\u30e5\u30b3\u30c0', '\u30c0\u30c1\u30a2', '\u30ed\u30fc\u30bf\u30b9', '\u30de\u30af\u30e9\u30fc\u30ec\u30f3',\n    '\u30a2\u30eb\u30d4\u30fc\u30cc', '\u30d6\u30ac\u30c3\u30c6\u30a3', '\u30a4\u30f3\u30d5\u30a3\u30cb\u30c6\u30a3'\n  ];\n  \n  let vehicleReady = false;\n  let resultDisplayed = false;\n  let isSelectingMaintenance = false;\n  let currentEstimateData = null;\n\n  class VehicleSearchEngine {\n    constructor(database) {\n      this.database = database;\n    }\n\n    search(query) {\n      const results = [];\n      const searchTerm = query.toLowerCase();\n\n      Object.keys(this.database).forEach(cat => {\n        this.database[cat].forEach((vehicle, index) => {\n          const brand = vehicle.brand.toLowerCase();\n          const model = vehicle.model.toLowerCase();\n          \n          if (brand.includes(searchTerm) || model.includes(searchTerm)) {\n            results.push({\n              brand: vehicle.brand,\n              model: vehicle.model,\n              category: cat,\n              index\n            });\n          }\n        });\n      });\n\n      return results.slice(0, 10);\n    }\n\n    getSuggestions(query) {\n      const results = this.search(query);\n      return results.map(result => ({\n        brand: result.brand,\n        model: result.model,\n        category: result.category\n      }));\n    }\n  }\n\n  const elements = {\n    searchInput: document.getElementById('isp-vehicle-search'),\n    suggestions: document.getElementById('isp-search-suggestions'),\n    vehicleCards: document.querySelectorAll('.isp-vehicle-card'),\n    vehicleStatus: document.getElementById('isp-vehicle-status'),\n    maintenanceBase: document.getElementsByName('isp-maintenance-base'),\n    maintenanceCheckboxes: document.getElementsByName('isp-maintenance'),\n    maintenanceOptions: document.getElementById('isp-maintenance-options'),\n    optionStatus: document.getElementById('isp-option-status'),\n    discountCheckboxes: document.getElementsByName('isp-discount'),\n    discountStatus: document.getElementById('isp-discount-status'),\n    calculateButton: document.getElementById('isp-calculate-button'),\n    loading: document.getElementById('isp-loading'),\n    error: document.getElementById('isp-error'),\n    result: document.getElementById('isp-result'),\n    resultSubtitle: document.getElementById('isp-result-subtitle'),\n    baseFee: document.getElementById('isp-base-fee'),\n    baseFeeRow: document.getElementById('isp-base-fee-row'),\n    maintenanceRows: document.getElementById('isp-maintenance-rows'),\n    discountSection: document.getElementById('isp-discount-section'),\n    discountRows: document.getElementById('isp-discount-rows'),\n    total: document.getElementById('isp-total'),\n    mailButton: document.getElementById('isp-mail-button'),\n    infoOverlay: document.getElementById('isp-info-overlay'),\n    infoPopup: document.getElementById('isp-info-popup'),\n    infoPopupContent: document.getElementById('isp-info-popup-content'),\n    infoPopupClose: document.getElementById('isp-info-popup-close')\n  };\n\n  const searchEngine = new VehicleSearchEngine(vehicleDatabase);\n\n  const sanitizeInput = (input) => {\n    const div = document.createElement('div');\n    div.textContent = input;\n    return div.innerHTML;\n  };\n\n  const formatCurrency = (amount, withRange = false) => {\n    const formatted = new Intl.NumberFormat('ja-JP', { style: 'currency', currency: 'JPY' }).format(amount);\n    return withRange ? formatted + '\uff5e' : formatted;\n  };\n\n  const setupInfoIcons = () => {\n    document.querySelectorAll('.isp-info-icon').forEach(icon => {\n      icon.addEventListener('click', (e) => {\n        e.stopPropagation();\n        const info = icon.getAttribute('data-info');\n        showInfoPopup(info);\n      });\n    });\n\n    elements.infoPopupClose.addEventListener('click', hideInfoPopup);\n    elements.infoOverlay.addEventListener('click', hideInfoPopup);\n  };\n\n  const showInfoPopup = (message) => {\n    elements.infoPopupContent.textContent = message;\n    elements.infoOverlay.classList.add('isp-show');\n    elements.infoPopup.classList.add('isp-show');\n  };\n\n  const hideInfoPopup = () => {\n    elements.infoOverlay.classList.remove('isp-show');\n    elements.infoPopup.classList.remove('isp-show');\n  };\n\n  const updateVehicleSelection = () => {\n    const selectedVehicle = document.querySelector('input[name=\"isp-vehicleWeight\"]:checked');\n    \n    elements.vehicleCards.forEach(card => {\n      card.classList.toggle('isp-selected', card.querySelector('input[type=\"radio\"]')?.checked);\n    });\n    \n    vehicleReady = !!selectedVehicle;\n    elements.vehicleStatus.className = `isp-section-status ${vehicleReady ? 'isp-completed' : 'isp-waiting'}`;\n    elements.vehicleStatus.innerHTML = vehicleReady \n      ? '<span class=\"isp-section-status-icon\"><\/span>\u9078\u629e\u6e08\u307f' \n      : '<span class=\"isp-section-status-icon\"><\/span>\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044';\n    \n    updateCalculateButton();\n    \n    if (resultDisplayed) {\n      updateResult();\n    }\n  };\n\n  const updateMaintenanceSelection = () => {\n    const isSelectMaintenance = elements.maintenanceBase[1].checked;\n    elements.maintenanceOptions.style.display = isSelectMaintenance ? 'block' : 'none';\n    \n    if (isSelectMaintenance) {\n      const selectedCount = Array.from(elements.maintenanceCheckboxes).filter(cb => cb.checked).length;\n      isSelectingMaintenance = selectedCount === 0;\n      \n      if (isSelectingMaintenance) {\n        elements.optionStatus.className = 'isp-section-status isp-selecting';\n        elements.optionStatus.innerHTML = '<span class=\"isp-section-status-icon\"><\/span>\u9078\u629e\u4e2d...';\n      } else {\n        elements.optionStatus.className = 'isp-section-status isp-completed';\n        elements.optionStatus.innerHTML = '<span class=\"isp-section-status-icon\"><\/span>\u9078\u629e\u6e08\u307f';\n      }\n    } else if (elements.maintenanceBase[0].checked) {\n      elements.optionStatus.className = 'isp-section-status isp-completed';\n      elements.optionStatus.innerHTML = '<span class=\"isp-section-status-icon\"><\/span>\u9078\u629e\u6e08\u307f';\n      isSelectingMaintenance = false;\n    } else {\n      elements.optionStatus.className = 'isp-section-status isp-waiting';\n      elements.optionStatus.innerHTML = '<span class=\"isp-section-status-icon\"><\/span>\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044';\n      isSelectingMaintenance = false;\n    }\n    \n    Array.from(elements.maintenanceCheckboxes).forEach(checkbox => {\n      checkbox.closest('.isp-card-item')?.classList.toggle('isp-selected', checkbox.checked);\n    });\n    \n    updateCalculateButton();\n    \n    if (resultDisplayed) {\n      updateResult();\n    }\n  };\n\n  const updateDiscountSelection = () => {\n    elements.discountCheckboxes.forEach(checkbox => {\n      checkbox.closest('.isp-card-item')?.classList.toggle('isp-selected', checkbox.checked);\n    });\n    \n    const discountSelected = Array.from(elements.discountCheckboxes).some(cb => cb.checked);\n    elements.discountStatus.className = `isp-section-status ${discountSelected ? 'isp-completed' : 'isp-waiting'}`;\n    elements.discountStatus.innerHTML = discountSelected \n      ? '<span class=\"isp-section-status-icon\"><\/span>\u9078\u629e\u6e08\u307f' \n      : '<span class=\"isp-section-status-icon\"><\/span>\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044';\n    \n    updateCalculateButton();\n    \n    if (resultDisplayed) {\n      updateResult();\n    }\n  };\n\n  const calculateTotal = () => {\n    let total = 0;\n    let discount = 0;\n    let maintenanceDiscount = 0;\n    let maintenanceSubtotal = 0;\n    const maintenanceItems = [];\n    const discountItems = [];\n    let hasOptions = false;\n\n    const selectedVehicle = document.querySelector('input[name=\"isp-vehicleWeight\"]:checked');\n    if (selectedVehicle) {\n      total += parseInt(selectedVehicle.dataset.baseFee);\n    }\n\n    const isSelectMaintenance = elements.maintenanceBase[1].checked;\n    if (isSelectMaintenance) {\n      elements.maintenanceCheckboxes.forEach(checkbox => {\n        if (checkbox.checked) {\n          const originalPrice = parseInt(checkbox.dataset.price) || 0;\n          const discountedPrice = Math.round(originalPrice * 0.9);\n          \n          maintenanceSubtotal += discountedPrice;\n          \n          maintenanceItems.push({\n            id: checkbox.value,\n            name: MAINTENANCE_NAMES[checkbox.value],\n            originalPrice: originalPrice,\n            discountedPrice: discountedPrice\n          });\n          hasOptions = true;\n        }\n      });\n      \n      if (hasOptions) {\n        const originalTotal = maintenanceItems.reduce((sum, item) => sum + item.originalPrice, 0);\n        maintenanceDiscount = originalTotal - maintenanceSubtotal;\n      }\n      \n      total += maintenanceSubtotal;\n    }\n\n    elements.discountCheckboxes.forEach(checkbox => {\n      if (checkbox.checked && checkbox.value !== 'none') {\n        const discountAmount = parseInt(checkbox.dataset.discount) || 0;\n        discount += discountAmount;\n        discountItems.push({\n          id: checkbox.value,\n          name: DISCOUNT_NAMES[checkbox.value],\n          amount: discountAmount\n        });\n      }\n    });\n\n    return { \n      total: total - discount, \n      discount, \n      maintenanceItems, \n      hasOptions, \n      discountItems,\n      maintenanceDiscount,\n      maintenanceSubtotal\n    };\n  };\n\n  const getVehicleInfo = () => {\n    const selectedVehicle = document.querySelector('input[name=\"isp-vehicleWeight\"]:checked');\n    if (!selectedVehicle) return null;\n    \n    const vehicleCard = selectedVehicle.closest('.isp-vehicle-card');\n    const vehicleName = VEHICLE_WEIGHT_NAMES[selectedVehicle.value];\n    const vehicleExamples = vehicleCard.querySelector('.isp-vehicle-examples').textContent;\n    \n    return {\n      type: vehicleName,\n      examples: vehicleExamples,\n      baseFee: parseInt(selectedVehicle.dataset.baseFee)\n    };\n  };\n\n  const updateResult = () => {\n    const { total, discount, maintenanceItems, hasOptions, discountItems, maintenanceDiscount } = calculateTotal();\n    const vehicleInfo = getVehicleInfo();\n\n    if (!vehicleInfo) return;\n\n    window.inspectionEstimateData = {\n      vehicle: vehicleInfo,\n      maintenanceItems: maintenanceItems,\n      discount: discount,\n      discountItems: discountItems,\n      total: total,\n      hasOptions: hasOptions,\n      maintenanceDiscount: maintenanceDiscount\n    };\n    currentEstimateData = window.inspectionEstimateData;\n\n    elements.resultSubtitle.textContent = `${vehicleInfo.type}\u306e12\u30f6\u6708\u70b9\u691c\u898b\u7a4d\u3082\u308a`;\n    elements.baseFee.textContent = formatCurrency(vehicleInfo.baseFee, false);\n\n    elements.baseFeeRow.classList.toggle('isp-has-border', maintenanceItems.length > 0);\n\n    elements.maintenanceRows.innerHTML = '';\n    maintenanceItems.forEach((item, index) => {\n      const row = document.createElement('div');\n      row.className = 'isp-result-row';\n      if (index < maintenanceItems.length - 1 || maintenanceDiscount > 0) {\n        row.classList.add('isp-has-border');\n      }\n      row.innerHTML = `\n        <span class=\"isp-result-label\">${sanitizeInput(item.name)}<\/span>\n        <span class=\"isp-result-value\">${formatCurrency(item.originalPrice, true)}<\/span>\n      `;\n      elements.maintenanceRows.appendChild(row);\n    });\n\n    if (maintenanceDiscount > 0) {\n      const discountRow = document.createElement('div');\n      discountRow.className = 'isp-result-row';\n      discountRow.innerHTML = `\n        <span class=\"isp-result-label\" style=\"color: #059669 !important; font-weight: 600;\">\u30aa\u30d7\u30b7\u30e7\u30f3\u540c\u6642\u4f5c\u696d\u5272\u5f15(10%OFF)<\/span>\n        <span class=\"isp-result-value isp-discount\">${formatCurrency(-maintenanceDiscount)}<\/span>\n      `;\n      elements.maintenanceRows.appendChild(discountRow);\n    }\n\n    elements.discountSection.style.display = (discount > 0 || maintenanceDiscount > 0) ? 'block' : 'none';\n    elements.discountRows.innerHTML = '';\n    \n    if (discountItems.length > 0) {\n      discountItems.forEach((item, index) => {\n        const row = document.createElement('div');\n        row.className = 'isp-result-row';\n        if (index < discountItems.length - 1) {\n          row.classList.add('isp-has-border');\n        }\n        row.innerHTML = `\n          <span class=\"isp-result-label\" style=\"color: #059669 !important; font-weight: 600;\">${sanitizeInput(item.name)}<\/span>\n          <span class=\"isp-result-value isp-discount\">${formatCurrency(-item.amount)}<\/span>\n        `;\n        elements.discountRows.appendChild(row);\n      });\n    }\n\n    const totalText = hasOptions ? formatCurrency(total, true) : formatCurrency(total, false);\n    elements.total.textContent = totalText;\n  };\n\n  const showResult = () => {\n    elements.loading.classList.add('isp-show');\n    elements.error.classList.remove('isp-show');\n    elements.result.classList.remove('isp-show');\n\n    const { maintenanceItems } = calculateTotal();\n\n    if (!vehicleReady || !document.querySelector('input[name=\"isp-vehicleWeight\"]:checked')) {\n      elements.error.innerHTML = '\u8eca\u4e21\u30bf\u30a4\u30d7\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002';\n      elements.error.classList.add('isp-show');\n      elements.loading.classList.remove('isp-show');\n      return;\n    }\n\n    if (elements.maintenanceBase[1].checked && maintenanceItems.length === 0) {\n      elements.error.innerHTML = '\u30aa\u30d7\u30b7\u30e7\u30f3\u6574\u5099\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002';\n      elements.error.classList.add('isp-show');\n      elements.loading.classList.remove('isp-show');\n      return;\n    }\n\n    if (!Array.from(elements.discountCheckboxes).some(cb => cb.checked)) {\n      elements.error.innerHTML = '\u5272\u5f15\u30d7\u30ed\u30b0\u30e9\u30e0\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002';\n      elements.error.classList.add('isp-show');\n      elements.loading.classList.remove('isp-show');\n      return;\n    }\n\n    updateResult();\n    elements.loading.classList.remove('isp-show');\n    elements.result.classList.add('isp-show');\n\n    if (!resultDisplayed) {\n      elements.result.scrollIntoView({ behavior: 'smooth', block: 'center' });\n      resultDisplayed = true;\n    }\n  };\n\n  const handleSearch = () => {\n    const query = elements.searchInput.value.trim();\n    if (query.length < 2) {\n      elements.suggestions.innerHTML = '';\n      elements.suggestions.classList.remove('isp-show');\n      return;\n    }\n    const suggestions = searchEngine.getSuggestions(query);\n    elements.suggestions.innerHTML = suggestions.map(s => `\n      <div class=\"isp-suggestion-item\" data-category=\"${s.category}\" data-brand=\"${sanitizeInput(s.brand)}\" data-model=\"${sanitizeInput(s.model)}\">\n        <span class=\"isp-suggestion-brand\">${sanitizeInput(s.brand)}<\/span>\n        <span class=\"isp-suggestion-model\">${sanitizeInput(s.model)}<\/span>\n      <\/div>\n    `).join('');\n    elements.suggestions.classList.add('isp-show');\n  };\n\n  const parseVehicleInfo = () => {\n    const searchText = elements.searchInput.value.trim();\n    if (!searchText) return { brand: '', model: '' };\n\n    const matchedBrand = KNOWN_BRANDS.find(brand => \n      searchText.toLowerCase().startsWith(brand.toLowerCase())\n    );\n\n    if (matchedBrand) {\n      const model = searchText.slice(matchedBrand.length).trim();\n      return { brand: matchedBrand, model };\n    }\n\n    const parts = searchText.split(\/\\s+\/);\n    if (parts.length === 1) {\n      return { brand: parts[0], model: '' };\n    } else {\n      return { \n        brand: parts[0], \n        model: parts.slice(1).join(' ') \n      };\n    }\n  };\n\n  const updateCalculateButton = () => {\n    const vehicleSelected = vehicleReady;\n    const maintenanceSelected = elements.maintenanceBase[0].checked || \n      (elements.maintenanceBase[1].checked && Array.from(elements.maintenanceCheckboxes).some(cb => cb.checked));\n    const discountSelected = Array.from(elements.discountCheckboxes).some(cb => cb.checked);\n    elements.calculateButton.disabled = !(vehicleSelected && maintenanceSelected && discountSelected);\n  };\n\n  elements.searchInput.addEventListener('input', handleSearch);\n\n  elements.suggestions.addEventListener('click', (e) => {\n    const suggestion = e.target.closest('.isp-suggestion-item');\n    if (suggestion) {\n      const category = suggestion.dataset.category;\n      const brand = suggestion.dataset.brand;\n      const model = suggestion.dataset.model;\n      const radio = document.getElementById(`isp-${category}`);\n      if (radio) {\n        radio.checked = true;\n        updateVehicleSelection();\n        elements.searchInput.value = `${brand} ${model}`;\n        elements.suggestions.innerHTML = '';\n        elements.suggestions.classList.remove('isp-show');\n      }\n    }\n  });\n\n  document.addEventListener('click', (e) => {\n    if (!e.target.closest('#isp-vehicle-search') && !e.target.closest('#isp-search-suggestions')) {\n      elements.suggestions.classList.remove('isp-show');\n    }\n  });\n\n  elements.vehicleCards.forEach(card => {\n    const radio = card.querySelector('input[type=\"radio\"]');\n    if (radio) {\n      radio.addEventListener('change', updateVehicleSelection);\n    }\n  });\n\n  elements.maintenanceBase.forEach(radio => {\n    radio.addEventListener('change', () => {\n      const radioItem = radio.closest('.isp-radio-item');\n      document.querySelectorAll('.isp-radio-item').forEach(item => {\n        item.classList.remove('isp-selected');\n      });\n      if (radioItem) {\n        radioItem.classList.add('isp-selected');\n      }\n      updateMaintenanceSelection();\n    });\n  });\n\n  elements.maintenanceCheckboxes.forEach(checkbox => {\n    checkbox.addEventListener('change', updateMaintenanceSelection);\n  });\n\n  elements.discountCheckboxes.forEach((checkbox) => {\n    checkbox.addEventListener('change', () => {\n      const value = checkbox.value;\n      if (value === 'none') {\n        if (checkbox.checked) {\n          elements.discountCheckboxes.forEach((cb) => {\n            if (cb !== checkbox) {\n              cb.checked = false;\n              cb.closest('.isp-card-item')?.classList.remove('isp-selected');\n            }\n          });\n        }\n      } else {\n        const noneCb = document.getElementById('isp-discount-none');\n        if (noneCb && noneCb.checked) {\n          noneCb.checked = false;\n          noneCb.closest('.isp-card-item')?.classList.remove('isp-selected');\n        }\n      }\n      if (value === 'new' && checkbox.checked) {\n        const repeatCb = document.getElementById('isp-discount-repeat');\n        if (repeatCb && repeatCb.checked) {\n          repeatCb.checked = false;\n          repeatCb.closest('.isp-card-item')?.classList.remove('isp-selected');\n        }\n      }\n      if (value === 'repeat' && checkbox.checked) {\n        const newCb = document.getElementById('isp-discount-new');\n        if (newCb && newCb.checked) {\n          newCb.checked = false;\n          newCb.closest('.isp-card-item')?.classList.remove('isp-selected');\n        }\n      }\n      elements.discountCheckboxes.forEach((cb) => {\n        const cardItem = cb.closest('.isp-card-item');\n        if (cardItem) {\n          if (cb.checked) {\n            cardItem.classList.add('isp-selected');\n          } else {\n            cardItem.classList.remove('isp-selected');\n          }\n        }\n      });\n      updateDiscountSelection();\n    });\n  });\n\n  elements.calculateButton.addEventListener('click', showResult);\n\n  elements.mailButton.addEventListener('click', () => {\n    if (!window.inspectionEstimateData) {\n      alert('\u307e\u305a\u304a\u898b\u7a4d\u3082\u308a\u3092\u8a08\u7b97\u3057\u3066\u304f\u3060\u3055\u3044\u3002');\n      return;\n    }\n\n    const data = window.inspectionEstimateData;\n    const vehicleInfo = parseVehicleInfo();\n    \n    const maker = vehicleInfo.brand || '';\n    const model = vehicleInfo.model || data.vehicle.type;\n\n    let message = '\u4ee5\u4e0b\u306e\u7c21\u6613\u898b\u7a4d\u306e\u5185\u5bb9\u3067\u6b63\u5f0f\u306a\u304a\u898b\u7a4d\u3082\u308a\u3092\u304a\u9858\u3044\u3044\u305f\u3057\u307e\u3059\u3002\\n\\n';\n    message += '\u3010\u8eca\u4e21\u306e\u73fe\u72b6\u30fb\u6c17\u306b\u306a\u308b\u70b9\u3011(\u4f8b:\u7570\u97f3\u304c\u3059\u308b\u3001\u30aa\u30a4\u30eb\u6f0f\u308c\u7b49)\\n\\n\\n';\n    message += '\u3010\u3054\u5e0c\u671b\u306e\u5165\u5eab\u6642\u671f\u3011(\u4f8b:\u6765\u9031\u4e2d\u3001\u6708\u672b\u307e\u3067\u3001\u25cb\u6708\u25cb\u65e5\u9803\u7b49)\\n\\n\\n';\n    message += '\u3010\u305d\u306e\u4ed6\u3054\u8cea\u554f\u30fb\u3054\u8981\u671b\u3011\\n\\n\\n';\n    message += '\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\\n';\n    message += '\u25a0 \u3054\u5e0c\u671b\u306e\u70b9\u691c\u5185\u5bb9\\n';\n    message += '\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\\n';\n    message += `\u8eca\u4e21\u30bf\u30a4\u30d7: ${data.vehicle.type}\\n`;\n    message += `\u57fa\u672c\u70b9\u691c\u6599\u91d1: \u00a5${data.vehicle.baseFee.toLocaleString()}\\n`;\n\n    if (data.maintenanceItems.length > 0) {\n      message += '\\n\u8ffd\u52a0\u30aa\u30d7\u30b7\u30e7\u30f3:\\n';\n      data.maintenanceItems.forEach(item => {\n        message += `\u30fb${item.name}: \u00a5${item.originalPrice.toLocaleString()}\uff5e\\n`;\n      });\n      message += `\\n\u30aa\u30d7\u30b7\u30e7\u30f3\u540c\u6642\u4f5c\u696d\u5272\u5f15(10%OFF): -\u00a5${data.maintenanceDiscount.toLocaleString()}\\n`;\n    }\n\n    const totalWithTilde = data.hasOptions ? `\u00a5${data.total.toLocaleString()}\uff5e` : `\u00a5${data.total.toLocaleString()}`;\n    message += `\\n\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc\u6982\u7b97: ${totalWithTilde}(\u7a0e\u8fbc)`;\n\n    if (data.discount > 0 && data.discountItems && data.discountItems.length > 0) {\n      message += '\\n\\n\u9069\u7528\u5272\u5f15:\\n';\n      data.discountItems.forEach(item => {\n        message += `\u30fb${item.name}: -\u00a5${item.amount.toLocaleString()}\\n`;\n      });\n    }\n    message += '\\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\\n';\n    \n    const saveData = {\n      maker: maker,\n      model: model,\n      message: message\n    };\n\n    try {\n      sessionStorage.setItem('isp_estimate_data', JSON.stringify(saveData));\n      window.location.href = 'https:\/\/ymworks.com\/new\/contact\/';\n    } catch (e) {\n      console.error('Storage Error:', e);\n      window.location.href = 'https:\/\/ymworks.com\/new\/contact\/';\n    }\n  });\n\n  setupInfoIcons();\n  updateVehicleSelection();\n  updateMaintenanceSelection();\n  updateDiscountSelection();\n})();\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"#ymworks-intro-section * { box-sizing: border-box; } #ymworks-intro-section { font-family: -apple-system, BlinkMacSystemFont, &#8216;Segoe UI&#8217;, Roboto, Arial, sans-serif; max-width: 1200px; margin: 0 auto 40px; padding: 0 20px; color: #333; line-height: 1.8; } #ymworks-intro-section p { margin: 0 0 20px 0; font-size: 16px; l&hellip;","protected":false},"author":6,"featured_media":39157,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-45907","page","type-page","status-publish","has-post-thumbnail"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ymworks.com\/new\/wp-json\/wp\/v2\/pages\/45907"}],"collection":[{"href":"https:\/\/ymworks.com\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ymworks.com\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ymworks.com\/new\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/ymworks.com\/new\/wp-json\/wp\/v2\/comments?post=45907"}],"version-history":[{"count":0,"href":"https:\/\/ymworks.com\/new\/wp-json\/wp\/v2\/pages\/45907\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ymworks.com\/new\/wp-json\/wp\/v2\/media\/39157"}],"wp:attachment":[{"href":"https:\/\/ymworks.com\/new\/wp-json\/wp\/v2\/media?parent=45907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}