{"id":774,"date":"2026-05-10T10:59:04","date_gmt":"2026-05-10T01:59:04","guid":{"rendered":"https:\/\/www.ryoritsu.dohcuoeh.com\/closing_the_gender_gap\/?page_id=774"},"modified":"2026-05-10T10:59:04","modified_gmt":"2026-05-10T01:59:04","slug":"%e6%9c%88%e7%b5%8c%e9%96%a2%e9%80%a3%e7%97%87%e7%8a%b6%ef%bc%88%e9%81%8e%e5%a4%9a%e6%9c%88%e7%b5%8c%e3%83%bb%e6%9c%88%e7%b5%8c%e5%9b%b0%e9%9b%a3%e3%83%bb%e6%9c%88%e7%b5%8c%e9%9a%8f%e4%bc%b4%e7%97%87","status":"publish","type":"page","link":"https:\/\/www.ryoritsu.dohcuoeh.com\/closing_the_gender_gap\/?page_id=774","title":{"rendered":"\u6708\u7d4c\u95a2\u9023\u75c7\u72b6\uff08\u904e\u591a\u6708\u7d4c\u30fb\u6708\u7d4c\u56f0\u96e3\u30fb\u6708\u7d4c\u968f\u4f34\u75c7\u72b6\uff09"},"content":{"rendered":"\n<!-- ============================================================\n  \u6708\u7d4c\u95a2\u9023\u75c7\u72b6\u30bb\u30eb\u30d5\u30c1\u30a7\u30c3\u30af\uff08\u539a\u751f\u52b4\u50cd\u79d1\u5b66\u7814\u7a76 23JA1005\uff09\n  WordPress\u30c6\u30fc\u30de\u306e\u5f71\u97ff\u3092\u53d7\u3051\u306a\u3044\u3088\u3046\u3001\u3059\u3079\u3066 .mhsc- prefix \u3067\n  \u30b9\u30b3\u30fc\u30d7\u5316\u3001CSS \u306f :where(.mhsc-root) \u3067\u30ea\u30bb\u30c3\u30c8\u3057\u3066\u3044\u307e\u3059\u3002\n  HTML\u3068\u3057\u3066\u5358\u72ec\u3067\u52d5\u4f5c\u3001\u56fa\u5b9a\u30da\u30fc\u30b8\u306b <iframe> \u3082\u3057\u304f\u306f\n  \u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u3067\u305d\u306e\u307e\u307e\u8cbc\u4ed8\u53ef\u80fd\u3002\n============================================================ -->\n<div class=\"mhsc-root\" id=\"mhsc-root\">\n<style>\n\/* ================== \u30b9\u30b3\u30fc\u30d7\u30ea\u30bb\u30c3\u30c8 ================== *\/\n:where(.mhsc-root, .mhsc-root *) {\n  all: revert;\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n  line-height: inherit;\n}\n.mhsc-root {\n  --ink:          #1a2332;\n  --ink-soft:     #4a5568;\n  --ink-muted:    #718096;\n  --paper:        #fdfcf9;\n  --paper-warm:   #f7f3ec;\n  --paper-deeper: #efe8db;\n  --rule:         #d4c9b3;\n  --rule-soft:    #e6dcc8;\n  --accent:       #8b2942;     \/* \u843d\u3061\u7740\u3044\u305f\u81d9\u8102 *\/\n  --accent-soft:  #b85a72;\n  --accent-pale:  #f4e8eb;\n  --gold:         #b8924a;     \/* \u6a19\u984c\u7528 *\/\n  --teal:         #2d5f6b;     \/* \u30bb\u30ab\u30f3\u30c0\u30ea\u30a2\u30af\u30bb\u30f3\u30c8 *\/\n  --teal-pale:    #e6eef0;\n  --shadow:       0 2px 8px rgba(26,35,50,0.06);\n  --shadow-md:    0 4px 16px rgba(26,35,50,0.08);\n\n  font-family: \"Noto Serif JP\", \"Hiragino Mincho ProN\", \"Yu Mincho\", \"YuMincho\", serif;\n  color: var(--ink);\n  background: var(--paper);\n  line-height: 1.8;\n  font-size: 16px;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  letter-spacing: 0.02em;\n\n  max-width: 100%;\n  padding: 0;\n}\n.mhsc-root *, .mhsc-root *::before, .mhsc-root *::after {\n  box-sizing: border-box;\n}\n\n\/* ================== \u30ec\u30a4\u30a2\u30a6\u30c8\u30fb\u30b3\u30f3\u30c6\u30ca ================== *\/\n.mhsc-container {\n  max-width: 880px;\n  margin: 0 auto;\n  padding: 0 1.5rem;\n}\n\n\/* ================== \u30d8\u30c3\u30c0\u30fc ================== *\/\n.mhsc-header {\n  background:\n    linear-gradient(180deg, var(--paper-warm) 0%, var(--paper) 100%);\n  border-top: 4px solid var(--accent);\n  border-bottom: 1px solid var(--rule-soft);\n  padding: 3rem 0 2.5rem;\n  position: relative;\n}\n.mhsc-header::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 50%;\n  transform: translateX(-50%);\n  width: 880px; max-width: 90%;\n  height: 4px;\n  background:\n    repeating-linear-gradient(90deg,\n      var(--accent) 0 8px,\n      transparent 8px 16px);\n  opacity: 0.3;\n}\n.mhsc-eyebrow {\n  font-family: \"Noto Sans JP\", \"Hiragino Sans\", sans-serif;\n  font-size: 0.72rem;\n  font-weight: 500;\n  letter-spacing: 0.3em;\n  color: var(--accent);\n  text-transform: uppercase;\n  margin-bottom: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n.mhsc-eyebrow::after {\n  content: \"\";\n  flex: 1;\n  height: 1px;\n  background: var(--rule);\n  max-width: 120px;\n}\n.mhsc-title {\n  font-family: \"Noto Serif JP\", serif;\n  font-size: clamp(1.7rem, 4vw, 2.4rem);\n  font-weight: 700;\n  line-height: 1.4;\n  letter-spacing: 0.04em;\n  color: var(--ink);\n  margin-bottom: 0.5rem;\n}\n.mhsc-title-en {\n  font-family: \"Cormorant Garamond\", \"Noto Serif JP\", serif;\n  font-size: 1.05rem;\n  font-style: italic;\n  font-weight: 400;\n  color: var(--ink-soft);\n  letter-spacing: 0.05em;\n  margin-bottom: 1.5rem;\n}\n.mhsc-meta {\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.78rem;\n  color: var(--ink-muted);\n  border-top: 1px solid var(--rule-soft);\n  padding-top: 1rem;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem 1.5rem;\n}\n.mhsc-meta strong {\n  color: var(--ink-soft);\n  font-weight: 500;\n}\n\n\/* ================== \u30a4\u30f3\u30c8\u30ed ================== *\/\n.mhsc-intro {\n  padding: 2.5rem 0 1.5rem;\n}\n.mhsc-intro-text {\n  font-size: 1rem;\n  line-height: 2;\n  color: var(--ink-soft);\n  margin-bottom: 1.5rem;\n}\n.mhsc-notice {\n  background: var(--paper-warm);\n  border-left: 3px solid var(--accent);\n  padding: 1.25rem 1.5rem;\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.875rem;\n  line-height: 1.8;\n  color: var(--ink-soft);\n}\n.mhsc-notice-title {\n  font-weight: 600;\n  color: var(--accent);\n  margin-bottom: 0.4rem;\n  display: flex;\n  align-items: center;\n  gap: 0.4rem;\n}\n\n\/* ================== \u30bf\u30d6\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3 ================== *\/\n.mhsc-tabs {\n  margin: 2.5rem 0 0;\n  border-bottom: 2px solid var(--rule);\n  display: flex;\n  gap: 0;\n  flex-wrap: wrap;\n}\n.mhsc-tab {\n  font-family: \"Noto Serif JP\", serif;\n  background: transparent;\n  border: none;\n  padding: 1rem 1.5rem;\n  font-size: 0.95rem;\n  font-weight: 600;\n  color: var(--ink-muted);\n  cursor: pointer;\n  position: relative;\n  letter-spacing: 0.05em;\n  transition: color 0.25s ease;\n  border-bottom: 3px solid transparent;\n  margin-bottom: -2px;\n  flex: 1;\n  min-width: 140px;\n  text-align: center;\n}\n.mhsc-tab:hover { color: var(--ink); }\n.mhsc-tab[aria-selected=\"true\"] {\n  color: var(--accent);\n  border-bottom-color: var(--accent);\n}\n.mhsc-tab-num {\n  display: inline-block;\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: 0.85rem;\n  font-style: italic;\n  font-weight: 400;\n  color: var(--gold);\n  margin-right: 0.4rem;\n  letter-spacing: 0;\n}\n.mhsc-tab[aria-selected=\"true\"] .mhsc-tab-num { color: var(--accent-soft); }\n\n\/* ================== \u30d1\u30cd\u30eb ================== *\/\n.mhsc-panel {\n  display: none;\n  padding: 2.5rem 0 3rem;\n  animation: mhsc-fade 0.4s ease;\n}\n.mhsc-panel.is-active { display: block; }\n@keyframes mhsc-fade {\n  from { opacity: 0; transform: translateY(8px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n.mhsc-panel-header {\n  margin-bottom: 2rem;\n  padding-bottom: 1.25rem;\n  border-bottom: 1px solid var(--rule-soft);\n}\n.mhsc-panel-tool {\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: 0.85rem;\n  font-style: italic;\n  letter-spacing: 0.1em;\n  color: var(--gold);\n  margin-bottom: 0.4rem;\n}\n.mhsc-panel-title {\n  font-size: 1.4rem;\n  font-weight: 700;\n  color: var(--ink);\n  margin-bottom: 0.5rem;\n  letter-spacing: 0.03em;\n}\n.mhsc-panel-desc {\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.85rem;\n  color: var(--ink-muted);\n  line-height: 1.8;\n}\n\n\/* ================== \u9032\u6357 ================== *\/\n.mhsc-progress {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1.5rem;\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.78rem;\n  color: var(--ink-muted);\n}\n.mhsc-progress-bar {\n  flex: 1;\n  height: 2px;\n  background: var(--rule-soft);\n  margin: 0 1rem;\n  position: relative;\n  overflow: hidden;\n}\n.mhsc-progress-fill {\n  position: absolute;\n  top: 0; left: 0;\n  height: 100%;\n  background: var(--accent);\n  width: 0%;\n  transition: width 0.4s ease;\n}\n.mhsc-progress-num {\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: 1rem;\n  font-style: italic;\n  color: var(--ink-soft);\n  white-space: nowrap;\n}\n.mhsc-progress-num strong {\n  font-weight: 600;\n  color: var(--accent);\n}\n\n\/* ================== \u8cea\u554f ================== *\/\n.mhsc-question {\n  margin-bottom: 1.75rem;\n  padding-bottom: 1.75rem;\n  border-bottom: 1px dashed var(--rule-soft);\n}\n.mhsc-question:last-child { border-bottom: none; }\n.mhsc-q-label {\n  display: flex;\n  gap: 0.75rem;\n  font-size: 0.98rem;\n  font-weight: 500;\n  color: var(--ink);\n  margin-bottom: 1rem;\n  line-height: 1.7;\n  align-items: flex-start;\n}\n.mhsc-q-num {\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: 1rem;\n  font-style: italic;\n  color: var(--accent);\n  font-weight: 600;\n  flex-shrink: 0;\n  min-width: 1.5em;\n}\n.mhsc-q-sub {\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.78rem;\n  color: var(--ink-muted);\n  margin-top: 0.4rem;\n  margin-left: 2.25rem;\n  line-height: 1.6;\n}\n\n\/* ================== \u30aa\u30d7\u30b7\u30e7\u30f3\uff084\u6bb5\u968e\uff09 ================== *\/\n.mhsc-options {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0.5rem;\n  margin-left: 2.25rem;\n}\n.mhsc-option {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  text-align: center;\n  padding: 0.85rem 0.5rem;\n  border: 1px solid var(--rule);\n  background: var(--paper);\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.82rem;\n  color: var(--ink-soft);\n  transition: all 0.2s ease;\n  min-height: 70px;\n}\n.mhsc-option:hover {\n  border-color: var(--accent-soft);\n  background: var(--accent-pale);\n  color: var(--accent);\n}\n.mhsc-option input {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n}\n.mhsc-option-val {\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: 1.1rem;\n  font-weight: 600;\n  font-style: italic;\n  color: var(--gold);\n  margin-bottom: 0.25rem;\n  line-height: 1;\n}\n.mhsc-option:has(input:checked) {\n  background: var(--accent);\n  border-color: var(--accent);\n  color: #fff;\n  box-shadow: var(--shadow);\n}\n.mhsc-option:has(input:checked) .mhsc-option-val {\n  color: #fff;\n}\n\n\/* PBAC\u7528\u30ca\u30f3\u30d0\u30ea\u30f3\u30b0\u9078\u629e\u80a2 *\/\n.mhsc-pbac-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 0.6rem;\n}\n@media (min-width: 600px) {\n  .mhsc-pbac-grid { grid-template-columns: repeat(3, 1fr); }\n}\n.mhsc-pbac-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 1rem 0.5rem 0.85rem;\n  border: 1px solid var(--rule);\n  background: var(--paper);\n  position: relative;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n.mhsc-pbac-item input {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n}\n.mhsc-pbac-icon {\n  width: 56px;\n  height: 56px;\n  margin-bottom: 0.5rem;\n}\n.mhsc-pbac-name {\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.78rem;\n  color: var(--ink-soft);\n  text-align: center;\n  margin-bottom: 0.3rem;\n  line-height: 1.4;\n}\n.mhsc-pbac-pts {\n  font-family: \"Cormorant Garamond\", serif;\n  font-style: italic;\n  font-size: 0.82rem;\n  color: var(--gold);\n}\n.mhsc-pbac-count {\n  display: flex;\n  align-items: center;\n  margin-top: 0.6rem;\n  border: 1px solid var(--rule);\n  border-radius: 999px;\n  overflow: hidden;\n}\n.mhsc-pbac-count button {\n  width: 26px;\n  height: 26px;\n  background: var(--paper-warm);\n  border: none;\n  font-size: 1rem;\n  font-weight: 600;\n  cursor: pointer;\n  color: var(--ink-soft);\n  transition: background 0.15s;\n}\n.mhsc-pbac-count button:hover { background: var(--accent-pale); color: var(--accent); }\n.mhsc-pbac-count input {\n  position: relative;\n  opacity: 1;\n  pointer-events: auto;\n  width: 32px;\n  height: 26px;\n  border: none;\n  background: #fff;\n  text-align: center;\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: 0.95rem;\n  font-weight: 600;\n  color: var(--accent);\n  -moz-appearance: textfield;\n  appearance: textfield;\n}\n.mhsc-pbac-count input::-webkit-outer-spin-button,\n.mhsc-pbac-count input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n\/* WaLIDD\u7528 *\/\n.mhsc-walidd-options {\n  display: grid;\n  gap: 0.5rem;\n}\n.mhsc-walidd-options .mhsc-option {\n  flex-direction: row;\n  justify-content: flex-start;\n  text-align: left;\n  padding: 0.85rem 1.1rem;\n  min-height: auto;\n  gap: 0.85rem;\n}\n.mhsc-walidd-options .mhsc-option-val {\n  margin-bottom: 0;\n  min-width: 1.5em;\n}\n\n\/* ================== \u30dc\u30bf\u30f3 ================== *\/\n.mhsc-actions {\n  display: flex;\n  gap: 0.75rem;\n  margin-top: 2.5rem;\n  flex-wrap: wrap;\n}\n.mhsc-btn {\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.88rem;\n  font-weight: 500;\n  padding: 0.85rem 1.75rem;\n  border: 1px solid var(--accent);\n  cursor: pointer;\n  transition: all 0.2s ease;\n  letter-spacing: 0.1em;\n  background: transparent;\n}\n.mhsc-btn-primary {\n  background: var(--accent);\n  color: #fff;\n}\n.mhsc-btn-primary:hover {\n  background: #6e1f33;\n  border-color: #6e1f33;\n}\n.mhsc-btn-secondary {\n  color: var(--accent);\n  background: transparent;\n}\n.mhsc-btn-secondary:hover {\n  background: var(--accent-pale);\n}\n.mhsc-btn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n\/* ================== \u7d50\u679c ================== *\/\n.mhsc-result {\n  display: none;\n  margin-top: 2rem;\n  padding: 2rem;\n  background: linear-gradient(180deg, var(--paper-warm) 0%, var(--paper-deeper) 100%);\n  border-top: 3px solid var(--accent);\n  position: relative;\n}\n.mhsc-result.is-shown { display: block; animation: mhsc-fade 0.5s ease; }\n.mhsc-result::before {\n  content: \"\u7d50\u679c\";\n  position: absolute;\n  top: -12px;\n  left: 2rem;\n  background: var(--accent);\n  color: #fff;\n  padding: 0.2rem 0.85rem;\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.7rem;\n  letter-spacing: 0.3em;\n}\n.mhsc-result-grade {\n  display: flex;\n  align-items: baseline;\n  gap: 1rem;\n  margin-bottom: 1rem;\n  flex-wrap: wrap;\n}\n.mhsc-result-score {\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: 3.5rem;\n  font-weight: 600;\n  font-style: italic;\n  color: var(--accent);\n  line-height: 1;\n}\n.mhsc-result-score-unit {\n  font-family: \"Noto Serif JP\", serif;\n  font-size: 1rem;\n  color: var(--ink-soft);\n  margin-left: -0.5rem;\n}\n.mhsc-result-level {\n  font-size: 1.15rem;\n  font-weight: 700;\n  color: var(--ink);\n  letter-spacing: 0.05em;\n  padding: 0.3rem 0.85rem;\n  border: 1px solid var(--ink-soft);\n  background: #fff;\n}\n.mhsc-result-level.is-low { color: var(--teal); border-color: var(--teal); }\n.mhsc-result-level.is-mid { color: var(--gold); border-color: var(--gold); }\n.mhsc-result-level.is-high { color: var(--accent); border-color: var(--accent); background: var(--accent-pale); }\n.mhsc-result-text {\n  font-size: 0.95rem;\n  line-height: 1.9;\n  color: var(--ink-soft);\n  margin-bottom: 1rem;\n}\n.mhsc-result-text strong { color: var(--ink); }\n.mhsc-result-advice {\n  background: #fff;\n  padding: 1rem 1.25rem;\n  border-left: 2px solid var(--accent);\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.85rem;\n  line-height: 1.8;\n  color: var(--ink-soft);\n  margin-top: 1rem;\n}\n.mhsc-result-advice-title {\n  font-weight: 600;\n  color: var(--accent);\n  margin-bottom: 0.4rem;\n}\n\n\/* ================== \u5f15\u7528\u30d5\u30c3\u30bf\u30fc ================== *\/\n.mhsc-citation {\n  margin-top: 2rem;\n  padding-top: 1.5rem;\n  border-top: 1px solid var(--rule-soft);\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.75rem;\n  color: var(--ink-muted);\n  line-height: 1.7;\n}\n.mhsc-citation-label {\n  font-family: \"Cormorant Garamond\", serif;\n  font-style: italic;\n  color: var(--gold);\n  display: block;\n  margin-bottom: 0.4rem;\n  letter-spacing: 0.1em;\n  font-size: 0.8rem;\n}\n\n\/* ================== \u5168\u4f53\u30d5\u30c3\u30bf\u30fc ================== *\/\n.mhsc-footer {\n  margin-top: 4rem;\n  padding: 2.5rem 0;\n  border-top: 2px solid var(--rule);\n  background: var(--paper-warm);\n}\n.mhsc-footer-grid {\n  display: grid;\n  gap: 2rem;\n}\n@media (min-width: 700px) {\n  .mhsc-footer-grid { grid-template-columns: 1fr 1fr; }\n}\n.mhsc-footer h4 {\n  font-family: \"Noto Serif JP\", serif;\n  font-size: 0.95rem;\n  font-weight: 700;\n  color: var(--ink);\n  margin-bottom: 0.75rem;\n  letter-spacing: 0.05em;\n  padding-bottom: 0.4rem;\n  border-bottom: 1px solid var(--rule);\n}\n.mhsc-footer p, .mhsc-footer li {\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.78rem;\n  color: var(--ink-muted);\n  line-height: 1.85;\n}\n.mhsc-footer ul { list-style: none; padding: 0; }\n.mhsc-footer li {\n  padding-left: 1rem;\n  position: relative;\n  margin-bottom: 0.4rem;\n}\n.mhsc-footer li::before {\n  content: \"\u2014\";\n  position: absolute;\n  left: 0;\n  color: var(--gold);\n}\n.mhsc-disclaimer {\n  margin-top: 2rem;\n  padding-top: 1.5rem;\n  border-top: 1px dashed var(--rule);\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.72rem;\n  color: var(--ink-muted);\n  text-align: center;\n  line-height: 1.7;\n}\n\n\/* ================== PBAC \u30b5\u30d6\u30bf\u30d6 ================== *\/\n.mhsc-subtabs {\n  display: flex;\n  gap: 0;\n  margin: 0 0 1.5rem;\n  border-bottom: 1px solid var(--rule);\n  flex-wrap: wrap;\n}\n.mhsc-subtab {\n  font-family: \"Noto Sans JP\", sans-serif;\n  background: transparent;\n  border: 1px solid transparent;\n  border-bottom: none;\n  padding: 0.7rem 1.2rem;\n  font-size: 0.82rem;\n  font-weight: 500;\n  color: var(--ink-muted);\n  cursor: pointer;\n  letter-spacing: 0.05em;\n  transition: all 0.2s ease;\n  margin-bottom: -1px;\n}\n.mhsc-subtab:hover { color: var(--accent); }\n.mhsc-subtab[aria-selected=\"true\"] {\n  color: var(--accent);\n  background: var(--paper-warm);\n  border-color: var(--rule);\n  border-bottom-color: var(--paper-warm);\n  font-weight: 600;\n}\n.mhsc-subtab-mark {\n  font-family: \"Cormorant Garamond\", serif;\n  font-style: italic;\n  font-size: 0.75rem;\n  color: var(--gold);\n  margin-right: 0.4rem;\n  letter-spacing: 0.1em;\n}\n.mhsc-subtab[aria-selected=\"true\"] .mhsc-subtab-mark { color: var(--accent-soft); }\n.mhsc-subpanel { display: none; animation: mhsc-fade 0.3s ease; }\n.mhsc-subpanel.is-active { display: block; }\n\n\/* PBAC \u6ce8\u91c8\u30dc\u30c3\u30af\u30b9 *\/\n.mhsc-method-note {\n  background: #fff;\n  border: 1px solid var(--rule);\n  border-left: 3px solid var(--gold);\n  padding: 1rem 1.25rem;\n  margin-bottom: 1.5rem;\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.82rem;\n  line-height: 1.85;\n  color: var(--ink-soft);\n}\n.mhsc-method-note-title {\n  font-weight: 600;\n  color: var(--ink);\n  margin-bottom: 0.4rem;\n  display: flex;\n  align-items: center;\n  gap: 0.4rem;\n}\n.mhsc-method-note-title::before {\n  content: \"\u2756\";\n  color: var(--gold);\n  font-size: 0.85rem;\n}\n.mhsc-method-note strong { color: var(--accent); font-weight: 600; }\n\n\/* ================== PBAC \u65e5\u8a18\u5f0f\u30c6\u30fc\u30d6\u30eb ================== *\/\n.mhsc-diary-wrap {\n  overflow-x: auto;\n  margin: 0 -1.5rem;\n  padding: 0 1.5rem;\n  -webkit-overflow-scrolling: touch;\n}\n.mhsc-diary {\n  width: 100%;\n  min-width: 640px;\n  border-collapse: collapse;\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.78rem;\n  background: #fff;\n  border: 1px solid var(--rule);\n}\n.mhsc-diary thead th {\n  background: var(--paper-deeper);\n  color: var(--ink);\n  font-weight: 600;\n  padding: 0.6rem 0.4rem;\n  border: 1px solid var(--rule);\n  text-align: center;\n  font-size: 0.75rem;\n  letter-spacing: 0.03em;\n  vertical-align: middle;\n}\n.mhsc-diary thead th .mhsc-diary-icon {\n  display: block;\n  margin: 0 auto 0.25rem;\n  width: 32px;\n  height: 32px;\n}\n.mhsc-diary thead th .mhsc-diary-pts {\n  display: block;\n  font-family: \"Cormorant Garamond\", serif;\n  font-style: italic;\n  font-size: 0.78rem;\n  color: var(--gold);\n  font-weight: 600;\n  margin-top: 0.2rem;\n}\n.mhsc-diary tbody th {\n  background: var(--paper-warm);\n  font-weight: 600;\n  padding: 0.5rem 0.6rem;\n  border: 1px solid var(--rule);\n  text-align: left;\n  white-space: nowrap;\n  color: var(--ink);\n  font-family: \"Noto Serif JP\", serif;\n  font-size: 0.82rem;\n}\n.mhsc-diary tbody th .mhsc-diary-day-num {\n  font-family: \"Cormorant Garamond\", serif;\n  font-style: italic;\n  color: var(--accent);\n  margin-right: 0.4rem;\n  font-size: 0.95rem;\n}\n.mhsc-diary td {\n  border: 1px solid var(--rule-soft);\n  padding: 0;\n  text-align: center;\n  background: #fff;\n}\n.mhsc-diary td input {\n  width: 100%;\n  height: 100%;\n  min-height: 44px;\n  border: none;\n  background: transparent;\n  text-align: center;\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: 1rem;\n  color: var(--ink);\n  font-weight: 500;\n  padding: 0.4rem;\n  -moz-appearance: textfield;\n}\n.mhsc-diary td input::-webkit-outer-spin-button,\n.mhsc-diary td input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.mhsc-diary td input:focus {\n  outline: 2px solid var(--accent);\n  outline-offset: -2px;\n  background: var(--accent-pale);\n}\n.mhsc-diary td input:not([value=\"0\"]):not(:placeholder-shown) {\n  background: var(--paper-warm);\n  color: var(--accent);\n  font-weight: 600;\n}\n.mhsc-diary tfoot td, .mhsc-diary tfoot th {\n  background: var(--ink);\n  color: #fff;\n  font-weight: 600;\n  padding: 0.6rem 0.5rem;\n  text-align: center;\n  font-size: 0.85rem;\n  border: 1px solid var(--ink);\n}\n.mhsc-diary tfoot th {\n  text-align: left;\n  font-family: \"Noto Serif JP\", serif;\n}\n.mhsc-diary tfoot td.is-total {\n  font-family: \"Cormorant Garamond\", serif;\n  font-style: italic;\n  font-size: 1.1rem;\n  background: var(--accent);\n  color: #fff;\n}\n.mhsc-diary-scroll-hint {\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.72rem;\n  color: var(--ink-muted);\n  text-align: center;\n  margin-bottom: 0.6rem;\n  padding: 0.3rem;\n  background: var(--paper-warm);\n  border-radius: 3px;\n}\n@media (min-width: 720px) {\n  .mhsc-diary-scroll-hint { display: none; }\n}\n\n.mhsc-diary-clots {\n  margin-top: 1.5rem;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 0.75rem;\n  background: var(--paper-warm);\n  padding: 1.25rem;\n  border: 1px solid var(--rule);\n}\n@media (min-width: 600px) {\n  .mhsc-diary-clots { grid-template-columns: repeat(3, 1fr); }\n}\n.mhsc-diary-clot-item {\n  display: flex;\n  align-items: center;\n  gap: 0.6rem;\n  background: #fff;\n  padding: 0.6rem 0.85rem;\n  border: 1px solid var(--rule-soft);\n}\n.mhsc-diary-clot-icon {\n  width: 28px; height: 28px;\n  flex-shrink: 0;\n}\n.mhsc-diary-clot-label {\n  flex: 1;\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-size: 0.78rem;\n  line-height: 1.3;\n  color: var(--ink-soft);\n}\n.mhsc-diary-clot-label .mhsc-diary-clot-pts {\n  font-family: \"Cormorant Garamond\", serif;\n  font-style: italic;\n  color: var(--gold);\n  font-weight: 600;\n  display: block;\n  font-size: 0.72rem;\n}\n.mhsc-diary-clot-count {\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--rule);\n  border-radius: 999px;\n  overflow: hidden;\n  flex-shrink: 0;\n}\n.mhsc-diary-clot-count button {\n  width: 26px; height: 26px;\n  background: var(--paper-warm);\n  border: none;\n  font-size: 1rem;\n  font-weight: 600;\n  cursor: pointer;\n  color: var(--ink-soft);\n}\n.mhsc-diary-clot-count button:hover { background: var(--accent-pale); color: var(--accent); }\n.mhsc-diary-clot-count input {\n  width: 32px; height: 26px;\n  border: none;\n  background: #fff;\n  text-align: center;\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: 0.95rem;\n  font-weight: 600;\n  color: var(--accent);\n  -moz-appearance: textfield;\n}\n.mhsc-diary-clot-count input::-webkit-outer-spin-button,\n.mhsc-diary-clot-count input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n\/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 *\/\n@media (max-width: 640px) {\n  .mhsc-options {\n    grid-template-columns: repeat(2, 1fr);\n    margin-left: 0;\n  }\n  .mhsc-q-sub { margin-left: 0; }\n  .mhsc-q-label { font-size: 0.92rem; }\n  .mhsc-tab { padding: 0.85rem 0.6rem; font-size: 0.82rem; min-width: 100px; }\n  .mhsc-result-score { font-size: 2.8rem; }\n  .mhsc-walidd-options .mhsc-option { padding: 0.75rem 0.85rem; }\n  .mhsc-subtab { padding: 0.6rem 0.85rem; font-size: 0.78rem; }\n}\n<\/style>\n\n<!-- ============================ HEADER ============================ -->\n<header class=\"mhsc-header\">\n  <div class=\"mhsc-container\">\n    <div class=\"mhsc-eyebrow\">Self-Check Tool<\/div>\n    <h1 class=\"mhsc-title\">\u6708\u7d4c\u95a2\u9023\u75c7\u72b6 \u30bb\u30eb\u30d5\u30c1\u30a7\u30c3\u30af<\/h1>\n    <div class=\"mhsc-title-en\">Menstrual Symptom Self-Assessment for the Workplace<\/div>\n    <div class=\"mhsc-meta\">\n      <span><strong>\u7814\u7a76\u73ed:<\/strong>\u539a\u751f\u52b4\u50cd\u79d1\u5b66\u7814\u7a76\u8cbb\u88dc\u52a9\u91d1 23JA1005<\/span>\n      <span><strong>\u5bfe\u8c61:<\/strong>\u50cd\u304f\u5973\u6027\u306e\u30d8\u30eb\u30b9\u30ea\u30c6\u30e9\u30b7\u30fc\u652f\u63f4<\/span>\n    <\/div>\n  <\/div>\n<\/header>\n\n<!-- ============================ INTRO ============================ -->\n<section class=\"mhsc-intro\">\n  <div class=\"mhsc-container\">\n    <p class=\"mhsc-intro-text\">\n      \u672c\u30c4\u30fc\u30eb\u306f\u3001\u8077\u5834\u306e\u5065\u5eb7\u7ba1\u7406\u62c5\u5f53\u8005\u304a\u3088\u3073\u5f53\u4e8b\u8005\u306e\u65b9\u304c\u3001\u6708\u7d4c\u306b\u95a2\u9023\u3059\u308b\u4ee3\u8868\u7684\u306a3\u9818\u57df\u306e\u75c7\u72b6\uff08\u6708\u7d4c\u56f0\u96e3\u75c7\u30fb\u904e\u591a\u6708\u7d4c\u30fb\u6708\u7d4c\u524d\u75c7\u5019\u7fa4\uff09\u306b\u3064\u3044\u3066\u3001\u56fd\u969b\u7684\u306b\u691c\u8a3c\u3055\u308c\u305f\u30b9\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u30c4\u30fc\u30eb\u3092\u7528\u3044\u3066\u30bb\u30eb\u30d5\u30c1\u30a7\u30c3\u30af\u3092\u884c\u3046\u305f\u3081\u306e\u3082\u306e\u3067\u3059\u3002\u30b9\u30b3\u30a2\u3068\u63a8\u5968\u3055\u308c\u308b\u6b21\u306e\u30b9\u30c6\u30c3\u30d7\u3092\u8868\u793a\u3057\u307e\u3059\u3002\n    <\/p>\n    <div class=\"mhsc-notice\">\n      <div class=\"mhsc-notice-title\">\u3054\u5229\u7528\u306b\u3042\u305f\u3063\u3066<\/div>\n      \u672c\u30c4\u30fc\u30eb\u306f\u533b\u5b66\u7684\u8a3a\u65ad\u3092\u884c\u3046\u3082\u306e\u3067\u306f\u306a\u304f\u3001\u533b\u7642\u6a5f\u95a2\u3078\u306e\u53d7\u8a3a\u3084\u7523\u696d\u533b\u9762\u8ac7\u306e\u304d\u3063\u304b\u3051\u3068\u3057\u3066\u3054\u6d3b\u7528\u304f\u3060\u3055\u3044\u3002\u56de\u7b54\u5185\u5bb9\u306f\u30d6\u30e9\u30a6\u30b6\u5185\u3067\u306e\u307f\u51e6\u7406\u3055\u308c\u3001\u5916\u90e8\u306b\u9001\u4fe1\u30fb\u4fdd\u5b58\u3055\u308c\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================ TABS ============================ -->\n<div class=\"mhsc-container\">\n  <div class=\"mhsc-tabs\" role=\"tablist\">\n    <button class=\"mhsc-tab\" role=\"tab\" aria-selected=\"true\" data-target=\"walidd\">\n      <span class=\"mhsc-tab-num\">I<\/span>\u6708\u7d4c\u56f0\u96e3\u75c7\n    <\/button>\n    <button class=\"mhsc-tab\" role=\"tab\" aria-selected=\"false\" data-target=\"pbac\">\n      <span class=\"mhsc-tab-num\">II<\/span>\u904e\u591a\u6708\u7d4c\n    <\/button>\n    <button class=\"mhsc-tab\" role=\"tab\" aria-selected=\"false\" data-target=\"psst\">\n      <span class=\"mhsc-tab-num\">III<\/span>\u6708\u7d4c\u524d\u75c7\u5019\u7fa4\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- ============================ PANEL 1: WaLIDD ============================ -->\n<div class=\"mhsc-container\">\n  <section class=\"mhsc-panel is-active\" id=\"panel-walidd\" role=\"tabpanel\">\n    <div class=\"mhsc-panel-header\">\n      <div class=\"mhsc-panel-tool\">WaLIDD score \u00b7 for Dysmenorrhea<\/div>\n      <h2 class=\"mhsc-panel-title\">\u6708\u7d4c\u56f0\u96e3\u75c7\u306e\u30bb\u30eb\u30d5\u30c1\u30a7\u30c3\u30af<\/h2>\n      <p class=\"mhsc-panel-desc\">\n        Working ability\u30fbLocation\u30fbIntensity\u30fbDays\u30fbDysmenorrhea \u306e5\u9805\u76ee\u304b\u3089\u6708\u7d4c\u75db\u306e\u91cd\u75c7\u5ea6\u3092\u8a55\u4fa1\u3057\u307e\u3059\u3002\n        <br>5\u3064\u306e\u8a2d\u554f\u306b\u304a\u7b54\u3048\u304f\u3060\u3055\u3044\u3002\u5404 0\u301c3 \u70b9\uff08\u5408\u8a08 0\u301c13 \u70b9\uff09\u3002\n      <\/p>\n    <\/div>\n\n    <div class=\"mhsc-progress\">\n      <span>\u9032\u6357<\/span>\n      <div class=\"mhsc-progress-bar\"><div class=\"mhsc-progress-fill\" id=\"walidd-progress\"><\/div><\/div>\n      <span class=\"mhsc-progress-num\"><strong id=\"walidd-answered\">0<\/strong>&nbsp;\/&nbsp;5<\/span>\n    <\/div>\n\n    <form id=\"walidd-form\">\n\n      <div class=\"mhsc-question\">\n        <div class=\"mhsc-q-label\">\n          <span class=\"mhsc-q-num\">Q1.<\/span>\n          <span>\u6708\u7d4c\u75db\u306b\u3088\u3063\u3066\u3001\u4ed5\u4e8b\u30fb\u5b66\u696d\u30fb\u5bb6\u4e8b\u306b\u652f\u969c\u304c\u3042\u308a\u307e\u3059\u304b\uff1f<small class=\"mhsc-q-sub\">Working Ability<\/small><\/span>\n        <\/div>\n        <div class=\"mhsc-walidd-options\" data-q=\"1\">\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w1\" value=\"0\"><span class=\"mhsc-option-val\">0<\/span><span>\u652f\u969c\u306f\u306a\u3044<\/span><\/label>\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w1\" value=\"1\"><span class=\"mhsc-option-val\">1<\/span><span>\u8efd\u3044\u652f\u969c\u304c\u3042\u308b\uff08\u304c\u307e\u3093\u3067\u304d\u308b\uff09<\/span><\/label>\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w1\" value=\"2\"><span class=\"mhsc-option-val\">2<\/span><span>\u5927\u304d\u306a\u652f\u969c\u304c\u3042\u308b\uff08\u4f11\u61a9\u30fb\u670d\u85ac\u304c\u5fc5\u8981\uff09<\/span><\/label>\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w1\" value=\"3\"><span class=\"mhsc-option-val\">3<\/span><span>\u4ed5\u4e8b\u30fb\u5b66\u696d\u3092\u4f11\u307e\u3056\u308b\u3092\u5f97\u306a\u3044<\/span><\/label>\n        <\/div>\n      <\/div>\n\n      <div class=\"mhsc-question\">\n        <div class=\"mhsc-q-label\">\n          <span class=\"mhsc-q-num\">Q2.<\/span>\n          <span>\u75db\u307f\u306e\u90e8\u4f4d\u306f\u3069\u3053\u3067\u3059\u304b\uff1f<small class=\"mhsc-q-sub\">Location<\/small><\/span>\n        <\/div>\n        <div class=\"mhsc-walidd-options\" data-q=\"2\">\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w2\" value=\"0\"><span class=\"mhsc-option-val\">0<\/span><span>\u75db\u307f\u306f\u306a\u3044<\/span><\/label>\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w2\" value=\"1\"><span class=\"mhsc-option-val\">1<\/span><span>\u4e0b\u8179\u90e8\u306e\u307f<\/span><\/label>\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w2\" value=\"2\"><span class=\"mhsc-option-val\">2<\/span><span>\u4e0b\u8179\u90e8\u3068\u8170<\/span><\/label>\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w2\" value=\"3\"><span class=\"mhsc-option-val\">3<\/span><span>\u4e0b\u8179\u90e8\u30fb\u8170\u30fb\u811a\u306a\u3069\u8907\u6570\u90e8\u4f4d<\/span><\/label>\n        <\/div>\n      <\/div>\n\n      <div class=\"mhsc-question\">\n        <div class=\"mhsc-q-label\">\n          <span class=\"mhsc-q-num\">Q3.<\/span>\n          <span>\u75db\u307f\u306e\u5f37\u3055\u306f\u3069\u306e\u7a0b\u5ea6\u3067\u3059\u304b\uff1f<small class=\"mhsc-q-sub\">Intensity (NRS 0\u201310 \u63db\u7b97)<\/small><\/span>\n        <\/div>\n        <div class=\"mhsc-walidd-options\" data-q=\"3\">\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w3\" value=\"0\"><span class=\"mhsc-option-val\">0<\/span><span>\u75db\u307f\u306a\u3057\uff08NRS 0\uff09<\/span><\/label>\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w3\" value=\"1\"><span class=\"mhsc-option-val\">1<\/span><span>\u8efd\u5ea6\uff08NRS 1\u20133\uff09<\/span><\/label>\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w3\" value=\"2\"><span class=\"mhsc-option-val\">2<\/span><span>\u4e2d\u7b49\u5ea6\uff08NRS 4\u20137\uff09<\/span><\/label>\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w3\" value=\"3\"><span class=\"mhsc-option-val\">3<\/span><span>\u91cd\u5ea6\uff08NRS 8\u201310\uff09<\/span><\/label>\n        <\/div>\n      <\/div>\n\n      <div class=\"mhsc-question\">\n        <div class=\"mhsc-q-label\">\n          <span class=\"mhsc-q-num\">Q4.<\/span>\n          <span>\u75db\u307f\u306f\u4f55\u65e5\u9593\u7d9a\u304d\u307e\u3059\u304b\uff1f<small class=\"mhsc-q-sub\">Days of Pain<\/small><\/span>\n        <\/div>\n        <div class=\"mhsc-walidd-options\" data-q=\"4\">\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w4\" value=\"0\"><span class=\"mhsc-option-val\">0<\/span><span>\u75db\u307f\u306a\u3057<\/span><\/label>\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w4\" value=\"1\"><span class=\"mhsc-option-val\">1<\/span><span>1\u65e5<\/span><\/label>\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w4\" value=\"2\"><span class=\"mhsc-option-val\">2<\/span><span>2\u301c3\u65e5<\/span><\/label>\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w4\" value=\"3\"><span class=\"mhsc-option-val\">3<\/span><span>4\u65e5\u4ee5\u4e0a<\/span><\/label>\n        <\/div>\n      <\/div>\n\n      <div class=\"mhsc-question\">\n        <div class=\"mhsc-q-label\">\n          <span class=\"mhsc-q-num\">Q5.<\/span>\n          <span>\u93ae\u75db\u85ac\u3092\u5fc5\u8981\u3068\u3057\u307e\u3059\u304b\uff1f<small class=\"mhsc-q-sub\">Use of Analgesics<\/small><\/span>\n        <\/div>\n        <div class=\"mhsc-walidd-options\" data-q=\"5\">\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w5\" value=\"0\"><span class=\"mhsc-option-val\">0<\/span><span>\u4e0d\u8981<\/span><\/label>\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w5\" value=\"1\"><span class=\"mhsc-option-val\">1<\/span><span>\u6642\u3005\u670d\u7528\u3059\u308b<\/span><\/label>\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w5\" value=\"2\"><span class=\"mhsc-option-val\">2<\/span><span>\u6bce\u5468\u671f\u670d\u7528\u3059\u308b<\/span><\/label>\n          <label class=\"mhsc-option\"><input type=\"radio\" name=\"w5\" value=\"3\"><span class=\"mhsc-option-val\">3<\/span><span>\u670d\u7528\u3057\u3066\u3082\u52b9\u304d\u306b\u304f\u3044<\/span><\/label>\n        <\/div>\n      <\/div>\n\n      <div class=\"mhsc-actions\">\n        <button type=\"button\" class=\"mhsc-btn mhsc-btn-primary\" id=\"walidd-calc\">\u63a1\u70b9\u3059\u308b<\/button>\n        <button type=\"reset\" class=\"mhsc-btn mhsc-btn-secondary\" id=\"walidd-reset\">\u56de\u7b54\u3092\u30ea\u30bb\u30c3\u30c8<\/button>\n      <\/div>\n    <\/form>\n\n    <div class=\"mhsc-result\" id=\"walidd-result\">\n      <div class=\"mhsc-result-grade\">\n        <div class=\"mhsc-result-score\" id=\"walidd-score\">0<\/div>\n        <div class=\"mhsc-result-score-unit\">\/ 13 \u70b9<\/div>\n        <div class=\"mhsc-result-level\" id=\"walidd-level\">\u2014<\/div>\n      <\/div>\n      <p class=\"mhsc-result-text\" id=\"walidd-text\"><\/p>\n      <div class=\"mhsc-result-advice\">\n        <div class=\"mhsc-result-advice-title\">\u6b21\u306b\u3067\u304d\u308b\u3053\u3068<\/div>\n        <span id=\"walidd-advice\"><\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"mhsc-citation\">\n      <span class=\"mhsc-citation-label\">Reference<\/span>\n      Teher\u00e1n AA, Pi\u00f1eros LG, Pulido F, Mej\u00eda Guatibonza MC. WaLIDD score, a new tool to diagnose dysmenorrhea and predict medical leave in university students. <em>Int J Womens Health.<\/em> 2018;10:35\u201345.\n    <\/div>\n  <\/section>\n\n  <!-- ============================ PANEL 2: PBAC ============================ -->\n  <section class=\"mhsc-panel\" id=\"panel-pbac\" role=\"tabpanel\">\n    <div class=\"mhsc-panel-header\">\n      <div class=\"mhsc-panel-tool\">PBAC \u00b7 Pictorial Blood Loss Assessment Chart<\/div>\n      <h2 class=\"mhsc-panel-title\">\u904e\u591a\u6708\u7d4c\u306e\u30bb\u30eb\u30d5\u30c1\u30a7\u30c3\u30af<\/h2>\n      <p class=\"mhsc-panel-desc\">\n        Higham \u3089\uff081990\uff09\u304c\u958b\u767a\u3057\u305f\u56fd\u969b\u7684\u306a\u904e\u591a\u6708\u7d4c\u30b9\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u30c4\u30fc\u30eb\u3067\u3059\u3002\u30ca\u30d7\u30ad\u30f3\u30fb\u30bf\u30f3\u30dd\u30f3\u306e\u6c5a\u308c\u5ea6\u5408\u3044\u3068\u8840\u306e\u584a\u306e\u6709\u7121\u304b\u3089\u30011\u6708\u7d4c\u5468\u671f\u306e\u51fa\u8840\u91cf\u3092\u63a8\u5b9a\u3057\u307e\u3059\u3002\n        <br><strong>\u5408\u8a08 100\u70b9\u4ee5\u4e0a<\/strong>\u3067\u904e\u591a\u6708\u7d4c\uff0880mL\/\u5468\u671f\u8d85\uff09\u304c\u7591\u308f\u308c\u307e\u3059\uff08cutoff \u2265100\u3001\u611f\u5ea690%\u30fb\u7279\u7570\u5ea680%\u4ee5\u4e0a\uff09\u3002\n      <\/p>\n    <\/div>\n\n    <div class=\"mhsc-method-note\">\n      <div class=\"mhsc-method-note-title\">\u672c\u30c4\u30fc\u30eb\u306e\u5b9f\u88c5\u306b\u3064\u3044\u3066<\/div>\n      PBAC\u306f\u672c\u6765\u3001<strong>\u6708\u7d4c\u671f\u9593\u4e2d\u306b\u6bce\u65e5\u8a18\u9332\u3059\u308b\u300c\u65e5\u8a18\u5f62\u5f0f\u300d<\/strong>\u306e\u30c1\u30e3\u30fc\u30c8\u3068\u3057\u3066\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3057\u304b\u3057\u8077\u5834\u3067\u306e\u30bb\u30eb\u30d5\u30c1\u30a7\u30c3\u30af\u7528\u9014\u3067\u306f\u6bce\u65e5\u306e\u8a18\u5165\u304c\u96e3\u3057\u3044\u305f\u3081\u3001\u672c\u30da\u30fc\u30b8\u3067\u306f<strong>1\u6708\u7d4c\u5468\u671f\u5206\u3092\u307e\u3068\u3081\u3066\u5165\u529b\u3059\u308b\u300c\u7c21\u6613\u7248\u300d\u3092\u4e3b<\/strong>\u3068\u3057\u3066\u3054\u7528\u610f\u3057\u307e\u3057\u305f\u3002\u3088\u308a\u6b63\u78ba\u306b\u8a55\u4fa1\u3057\u305f\u3044\u65b9\u306f\u3001\u539f\u5178\u306b\u8fd1\u3044\u300c\u65e5\u8a18\u5f0f\u300d\u3082\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n    <\/div>\n\n    <div class=\"mhsc-subtabs\" role=\"tablist\" aria-label=\"PBAC\u5165\u529b\u65b9\u5f0f\">\n      <button type=\"button\" class=\"mhsc-subtab\" role=\"tab\" aria-selected=\"true\" data-pbac-tab=\"simple\">\n        <span class=\"mhsc-subtab-mark\">main<\/span>\u7c21\u6613\u7248\uff08\u5408\u8a08\u5165\u529b\uff09\n      <\/button>\n      <button type=\"button\" class=\"mhsc-subtab\" role=\"tab\" aria-selected=\"false\" data-pbac-tab=\"diary\">\n        <span class=\"mhsc-subtab-mark\">option<\/span>\u65e5\u8a18\u5f0f\uff08\u539f\u5178\u6e96\u62e0\uff09\n      <\/button>\n    <\/div>\n\n    <!-- ============ \u7c21\u6613\u7248\uff08\u4e3b\uff09 ============ -->\n    <div class=\"mhsc-subpanel is-active\" id=\"pbac-subpanel-simple\" role=\"tabpanel\">\n\n      <div class=\"mhsc-question\">\n        <div class=\"mhsc-q-label\">\n          <span class=\"mhsc-q-num\">A.<\/span>\n          <span>1\u6708\u7d4c\u5468\u671f\u3067\u4f7f\u7528\u3057\u305f\u30ca\u30d7\u30ad\u30f3\u306e\u679a\u6570\u3092\u3001\u6c5a\u308c\u5ea6\u5408\u3044\u3054\u3068\u306b\u5165\u529b<small class=\"mhsc-q-sub\">\u6708\u7d4c\u304c\u7d42\u308f\u3063\u3066\u304b\u3089\u632f\u308a\u8fd4\u3063\u3066\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044<\/small><\/span>\n        <\/div>\n        <div class=\"mhsc-pbac-grid\">\n          <label class=\"mhsc-pbac-item\">\n            <svg class=\"mhsc-pbac-icon\" viewBox=\"0 0 60 60\">\n              <rect x=\"14\" y=\"6\" width=\"32\" height=\"48\" rx=\"14\" fill=\"#fff\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n              <ellipse cx=\"30\" cy=\"30\" rx=\"6\" ry=\"11\" fill=\"#e9b8c4\" opacity=\"0.55\"\/>\n            <\/svg>\n            <span class=\"mhsc-pbac-name\">\u8efd\u3044\u6c5a\u308c<\/span>\n            <span class=\"mhsc-pbac-pts\">1\u70b9 \/ \u679a<\/span>\n            <div class=\"mhsc-pbac-count\" data-pbac=\"napkin-light\" data-points=\"1\">\n              <button type=\"button\" data-act=\"dec\">\u2212<\/button>\n              <input type=\"number\" min=\"0\" max=\"40\" value=\"0\">\n              <button type=\"button\" data-act=\"inc\">+<\/button>\n            <\/div>\n          <\/label>\n          <label class=\"mhsc-pbac-item\">\n            <svg class=\"mhsc-pbac-icon\" viewBox=\"0 0 60 60\">\n              <rect x=\"14\" y=\"6\" width=\"32\" height=\"48\" rx=\"14\" fill=\"#fff\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n              <ellipse cx=\"30\" cy=\"30\" rx=\"9\" ry=\"16\" fill=\"#c95971\" opacity=\"0.7\"\/>\n            <\/svg>\n            <span class=\"mhsc-pbac-name\">\u4e2d\u7a0b\u5ea6\u306e\u6c5a\u308c<\/span>\n            <span class=\"mhsc-pbac-pts\">5\u70b9 \/ \u679a<\/span>\n            <div class=\"mhsc-pbac-count\" data-pbac=\"napkin-mod\" data-points=\"5\">\n              <button type=\"button\" data-act=\"dec\">\u2212<\/button>\n              <input type=\"number\" min=\"0\" max=\"40\" value=\"0\">\n              <button type=\"button\" data-act=\"inc\">+<\/button>\n            <\/div>\n          <\/label>\n          <label class=\"mhsc-pbac-item\">\n            <svg class=\"mhsc-pbac-icon\" viewBox=\"0 0 60 60\">\n              <rect x=\"14\" y=\"6\" width=\"32\" height=\"48\" rx=\"14\" fill=\"#fff\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n              <rect x=\"16\" y=\"8\" width=\"28\" height=\"44\" rx=\"13\" fill=\"#8b2942\" opacity=\"0.85\"\/>\n            <\/svg>\n            <span class=\"mhsc-pbac-name\">\u5b8c\u5168\u306b\u67d3\u307e\u308b<\/span>\n            <span class=\"mhsc-pbac-pts\">20\u70b9 \/ \u679a<\/span>\n            <div class=\"mhsc-pbac-count\" data-pbac=\"napkin-heavy\" data-points=\"20\">\n              <button type=\"button\" data-act=\"dec\">\u2212<\/button>\n              <input type=\"number\" min=\"0\" max=\"40\" value=\"0\">\n              <button type=\"button\" data-act=\"inc\">+<\/button>\n            <\/div>\n          <\/label>\n        <\/div>\n      <\/div>\n\n      <div class=\"mhsc-question\">\n        <div class=\"mhsc-q-label\">\n          <span class=\"mhsc-q-num\">B.<\/span>\n          <span>1\u6708\u7d4c\u5468\u671f\u3067\u4f7f\u7528\u3057\u305f\u30bf\u30f3\u30dd\u30f3\u306e\u500b\u6570\u3092\u3001\u6c5a\u308c\u5ea6\u5408\u3044\u3054\u3068\u306b\u5165\u529b<\/span>\n        <\/div>\n        <div class=\"mhsc-pbac-grid\">\n          <label class=\"mhsc-pbac-item\">\n            <svg class=\"mhsc-pbac-icon\" viewBox=\"0 0 60 60\">\n              <rect x=\"22\" y=\"10\" width=\"16\" height=\"40\" rx=\"7\" fill=\"#fff\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n              <line x1=\"30\" y1=\"50\" x2=\"30\" y2=\"56\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n              <ellipse cx=\"30\" cy=\"30\" rx=\"3\" ry=\"9\" fill=\"#e9b8c4\" opacity=\"0.55\"\/>\n            <\/svg>\n            <span class=\"mhsc-pbac-name\">\u8efd\u3044\u6c5a\u308c<\/span>\n            <span class=\"mhsc-pbac-pts\">1\u70b9 \/ \u500b<\/span>\n            <div class=\"mhsc-pbac-count\" data-pbac=\"tampon-light\" data-points=\"1\">\n              <button type=\"button\" data-act=\"dec\">\u2212<\/button>\n              <input type=\"number\" min=\"0\" max=\"40\" value=\"0\">\n              <button type=\"button\" data-act=\"inc\">+<\/button>\n            <\/div>\n          <\/label>\n          <label class=\"mhsc-pbac-item\">\n            <svg class=\"mhsc-pbac-icon\" viewBox=\"0 0 60 60\">\n              <rect x=\"22\" y=\"10\" width=\"16\" height=\"40\" rx=\"7\" fill=\"#fff\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n              <line x1=\"30\" y1=\"50\" x2=\"30\" y2=\"56\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n              <ellipse cx=\"30\" cy=\"30\" rx=\"5\" ry=\"14\" fill=\"#c95971\" opacity=\"0.7\"\/>\n            <\/svg>\n            <span class=\"mhsc-pbac-name\">\u4e2d\u7a0b\u5ea6\u306e\u6c5a\u308c<\/span>\n            <span class=\"mhsc-pbac-pts\">5\u70b9 \/ \u500b<\/span>\n            <div class=\"mhsc-pbac-count\" data-pbac=\"tampon-mod\" data-points=\"5\">\n              <button type=\"button\" data-act=\"dec\">\u2212<\/button>\n              <input type=\"number\" min=\"0\" max=\"40\" value=\"0\">\n              <button type=\"button\" data-act=\"inc\">+<\/button>\n            <\/div>\n          <\/label>\n          <label class=\"mhsc-pbac-item\">\n            <svg class=\"mhsc-pbac-icon\" viewBox=\"0 0 60 60\">\n              <rect x=\"22\" y=\"10\" width=\"16\" height=\"40\" rx=\"7\" fill=\"#fff\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n              <line x1=\"30\" y1=\"50\" x2=\"30\" y2=\"56\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n              <rect x=\"23\" y=\"11\" width=\"14\" height=\"38\" rx=\"6\" fill=\"#8b2942\" opacity=\"0.85\"\/>\n            <\/svg>\n            <span class=\"mhsc-pbac-name\">\u5b8c\u5168\u306b\u67d3\u307e\u308b<\/span>\n            <span class=\"mhsc-pbac-pts\">10\u70b9 \/ \u500b<\/span>\n            <div class=\"mhsc-pbac-count\" data-pbac=\"tampon-heavy\" data-points=\"10\">\n              <button type=\"button\" data-act=\"dec\">\u2212<\/button>\n              <input type=\"number\" min=\"0\" max=\"40\" value=\"0\">\n              <button type=\"button\" data-act=\"inc\">+<\/button>\n            <\/div>\n          <\/label>\n        <\/div>\n      <\/div>\n\n      <div class=\"mhsc-question\">\n        <div class=\"mhsc-q-label\">\n          <span class=\"mhsc-q-num\">C.<\/span>\n          <span>\u8840\u306e\u584a\uff08\u30af\u30ed\u30c3\u30c8\uff09\u30fb\u3042\u3075\u308c\u51fa\u308b\u51fa\u8840\u306b\u3064\u3044\u3066<\/span>\n        <\/div>\n        <div class=\"mhsc-pbac-grid\">\n          <label class=\"mhsc-pbac-item\">\n            <svg class=\"mhsc-pbac-icon\" viewBox=\"0 0 60 60\">\n              <ellipse cx=\"30\" cy=\"30\" rx=\"6\" ry=\"6\" fill=\"#8b2942\" opacity=\"0.85\"\/>\n            <\/svg>\n            <span class=\"mhsc-pbac-name\">\u5c0f\u3055\u306a\u584a\uff081\u5186\u7389\u4ee5\u4e0b\uff09<\/span>\n            <span class=\"mhsc-pbac-pts\">1\u70b9 \/ \u500b<\/span>\n            <div class=\"mhsc-pbac-count\" data-pbac=\"clot-small\" data-points=\"1\">\n              <button type=\"button\" data-act=\"dec\">\u2212<\/button>\n              <input type=\"number\" min=\"0\" max=\"30\" value=\"0\">\n              <button type=\"button\" data-act=\"inc\">+<\/button>\n            <\/div>\n          <\/label>\n          <label class=\"mhsc-pbac-item\">\n            <svg class=\"mhsc-pbac-icon\" viewBox=\"0 0 60 60\">\n              <ellipse cx=\"30\" cy=\"30\" rx=\"13\" ry=\"11\" fill=\"#8b2942\" opacity=\"0.9\"\/>\n            <\/svg>\n            <span class=\"mhsc-pbac-name\">\u5927\u304d\u306a\u584a\uff081\u5186\u7389\u8d85\uff09<\/span>\n            <span class=\"mhsc-pbac-pts\">5\u70b9 \/ \u500b<\/span>\n            <div class=\"mhsc-pbac-count\" data-pbac=\"clot-large\" data-points=\"5\">\n              <button type=\"button\" data-act=\"dec\">\u2212<\/button>\n              <input type=\"number\" min=\"0\" max=\"30\" value=\"0\">\n              <button type=\"button\" data-act=\"inc\">+<\/button>\n            <\/div>\n          <\/label>\n          <label class=\"mhsc-pbac-item\">\n            <svg class=\"mhsc-pbac-icon\" viewBox=\"0 0 60 60\">\n              <path d=\"M22 14 L38 14 L34 46 L26 46 Z\" fill=\"#8b2942\" opacity=\"0.85\"\/>\n              <text x=\"30\" y=\"58\" text-anchor=\"middle\" font-size=\"6\" fill=\"#718096\" font-family=\"sans-serif\">flooding<\/text>\n            <\/svg>\n            <span class=\"mhsc-pbac-name\">\u3042\u3075\u308c\u51fa\u308b\u51fa\u8840<\/span>\n            <span class=\"mhsc-pbac-pts\">5\u70b9 \/ \u56de<\/span>\n            <div class=\"mhsc-pbac-count\" data-pbac=\"flooding\" data-points=\"5\">\n              <button type=\"button\" data-act=\"dec\">\u2212<\/button>\n              <input type=\"number\" min=\"0\" max=\"20\" value=\"0\">\n              <button type=\"button\" data-act=\"inc\">+<\/button>\n            <\/div>\n          <\/label>\n        <\/div>\n      <\/div>\n\n      <div class=\"mhsc-actions\">\n        <button type=\"button\" class=\"mhsc-btn mhsc-btn-primary\" id=\"pbac-calc\">\u63a1\u70b9\u3059\u308b<\/button>\n        <button type=\"button\" class=\"mhsc-btn mhsc-btn-secondary\" id=\"pbac-reset\">\u56de\u7b54\u3092\u30ea\u30bb\u30c3\u30c8<\/button>\n      <\/div>\n\n      <div class=\"mhsc-result\" id=\"pbac-result\">\n        <div class=\"mhsc-result-grade\">\n          <div class=\"mhsc-result-score\" id=\"pbac-score\">0<\/div>\n          <div class=\"mhsc-result-score-unit\">\u70b9<\/div>\n          <div class=\"mhsc-result-level\" id=\"pbac-level\">\u2014<\/div>\n        <\/div>\n        <p class=\"mhsc-result-text\" id=\"pbac-text\"><\/p>\n        <div class=\"mhsc-result-advice\">\n          <div class=\"mhsc-result-advice-title\">\u6b21\u306b\u3067\u304d\u308b\u3053\u3068<\/div>\n          <span id=\"pbac-advice\"><\/span>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/pbac-subpanel-simple -->\n\n    <!-- ============ \u65e5\u8a18\u5f0f\uff08\u5f93\uff09 ============ -->\n    <div class=\"mhsc-subpanel\" id=\"pbac-subpanel-diary\" role=\"tabpanel\">\n\n      <div class=\"mhsc-method-note\" style=\"border-left-color: var(--accent);\">\n        <div class=\"mhsc-method-note-title\">\u65e5\u8a18\u5f0f\u306e\u4f7f\u3044\u65b9<\/div>\n        Higham 1990 \u306e\u539f\u5178\u306b\u6e96\u62e0\u3057\u305f\u8a18\u9332\u65b9\u5f0f\u3067\u3059\u3002\u6708\u7d4c1\u65e5\u76ee\u304b\u3089\u3001\u305d\u306e\u65e5\u306b\u4f7f\u7528\u3057\u305f\u30ca\u30d7\u30ad\u30f3\u30fb\u30bf\u30f3\u30dd\u30f3\u306e\u679a\u6570\u3092\u3001\u6c5a\u308c\u5ea6\u5408\u3044\u3054\u3068\u306b\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\uff08\u6700\u592710\u65e5\u307e\u3067\uff09\u3002\u6708\u7d4c\u304c\u7d42\u4e86\u3057\u3066\u304b\u3089\u3001\u4f7f\u7528\u6e08\u307f\u306e\u88fd\u54c1\u3092\u601d\u3044\u51fa\u3057\u3066\u5165\u529b\u3059\u308b\u65b9\u6cd5\u3067\u3082\u69cb\u3044\u307e\u305b\u3093\u3002<br>\n        <strong>\u5404\u30bb\u30eb\u306b\u306f\u300c\u305d\u306e\u65e5\u306e\u679a\u6570\uff08\u500b\u6570\uff09\u300d<\/strong>\u3092\u5165\u529b\u3057\u307e\u3059\uff08\u4f8b\uff1a\u300c\u4e2d\u7a0b\u5ea6\u30ca\u30d7\u30ad\u30f3\u30922\u679a\u300d\u306a\u3089\u300c2\u300d\uff09\u3002\n      <\/div>\n\n      <p class=\"mhsc-diary-scroll-hint\">\u2190 \u8868\u306f\u6a2a\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u3067\u304d\u307e\u3059 \u2192<\/p>\n\n      <div class=\"mhsc-diary-wrap\">\n        <table class=\"mhsc-diary\" id=\"pbac-diary\">\n          <thead>\n            <tr>\n              <th rowspan=\"2\" style=\"vertical-align:middle;\">\u6708\u7d4c\u65e5<\/th>\n              <th colspan=\"3\" style=\"background:var(--paper-warm);\">\u30ca\u30d7\u30ad\u30f3<\/th>\n              <th colspan=\"3\" style=\"background:var(--paper-warm);\">\u30bf\u30f3\u30dd\u30f3<\/th>\n            <\/tr>\n            <tr>\n              <th>\n                <svg class=\"mhsc-diary-icon\" viewBox=\"0 0 60 60\">\n                  <rect x=\"14\" y=\"6\" width=\"32\" height=\"48\" rx=\"14\" fill=\"#fff\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n                  <ellipse cx=\"30\" cy=\"30\" rx=\"6\" ry=\"11\" fill=\"#e9b8c4\" opacity=\"0.55\"\/>\n                <\/svg>\n                \u8efd<span class=\"mhsc-diary-pts\">\u00d71<\/span>\n              <\/th>\n              <th>\n                <svg class=\"mhsc-diary-icon\" viewBox=\"0 0 60 60\">\n                  <rect x=\"14\" y=\"6\" width=\"32\" height=\"48\" rx=\"14\" fill=\"#fff\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n                  <ellipse cx=\"30\" cy=\"30\" rx=\"9\" ry=\"16\" fill=\"#c95971\" opacity=\"0.7\"\/>\n                <\/svg>\n                \u4e2d<span class=\"mhsc-diary-pts\">\u00d75<\/span>\n              <\/th>\n              <th>\n                <svg class=\"mhsc-diary-icon\" viewBox=\"0 0 60 60\">\n                  <rect x=\"14\" y=\"6\" width=\"32\" height=\"48\" rx=\"14\" fill=\"#fff\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n                  <rect x=\"16\" y=\"8\" width=\"28\" height=\"44\" rx=\"13\" fill=\"#8b2942\" opacity=\"0.85\"\/>\n                <\/svg>\n                \u91cd<span class=\"mhsc-diary-pts\">\u00d720<\/span>\n              <\/th>\n              <th>\n                <svg class=\"mhsc-diary-icon\" viewBox=\"0 0 60 60\">\n                  <rect x=\"22\" y=\"10\" width=\"16\" height=\"40\" rx=\"7\" fill=\"#fff\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n                  <line x1=\"30\" y1=\"50\" x2=\"30\" y2=\"56\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n                  <ellipse cx=\"30\" cy=\"30\" rx=\"3\" ry=\"9\" fill=\"#e9b8c4\" opacity=\"0.55\"\/>\n                <\/svg>\n                \u8efd<span class=\"mhsc-diary-pts\">\u00d71<\/span>\n              <\/th>\n              <th>\n                <svg class=\"mhsc-diary-icon\" viewBox=\"0 0 60 60\">\n                  <rect x=\"22\" y=\"10\" width=\"16\" height=\"40\" rx=\"7\" fill=\"#fff\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n                  <line x1=\"30\" y1=\"50\" x2=\"30\" y2=\"56\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n                  <ellipse cx=\"30\" cy=\"30\" rx=\"5\" ry=\"14\" fill=\"#c95971\" opacity=\"0.7\"\/>\n                <\/svg>\n                \u4e2d<span class=\"mhsc-diary-pts\">\u00d75<\/span>\n              <\/th>\n              <th>\n                <svg class=\"mhsc-diary-icon\" viewBox=\"0 0 60 60\">\n                  <rect x=\"22\" y=\"10\" width=\"16\" height=\"40\" rx=\"7\" fill=\"#fff\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n                  <line x1=\"30\" y1=\"50\" x2=\"30\" y2=\"56\" stroke=\"#d4c9b3\" stroke-width=\"1.5\"\/>\n                  <rect x=\"23\" y=\"11\" width=\"14\" height=\"38\" rx=\"6\" fill=\"#8b2942\" opacity=\"0.85\"\/>\n                <\/svg>\n                \u91cd<span class=\"mhsc-diary-pts\">\u00d710<\/span>\n              <\/th>\n            <\/tr>\n          <\/thead>\n          <tbody id=\"pbac-diary-body\">\n            <!-- JS\u306710\u65e5\u5206\u3092\u751f\u6210 -->\n          <\/tbody>\n          <tfoot>\n            <tr>\n              <th>\u5408\u8a08<\/th>\n              <td colspan=\"3\" id=\"pbac-diary-napkin-total\">0 \u70b9<\/td>\n              <td colspan=\"3\" id=\"pbac-diary-tampon-total\">0 \u70b9<\/td>\n            <\/tr>\n          <\/tfoot>\n        <\/table>\n      <\/div>\n\n      <div class=\"mhsc-diary-clots\">\n        <div class=\"mhsc-diary-clot-item\">\n          <svg class=\"mhsc-diary-clot-icon\" viewBox=\"0 0 60 60\">\n            <ellipse cx=\"30\" cy=\"30\" rx=\"8\" ry=\"8\" fill=\"#8b2942\" opacity=\"0.85\"\/>\n          <\/svg>\n          <div class=\"mhsc-diary-clot-label\">\n            \u5c0f\u3055\u306a\u584a\n            <span class=\"mhsc-diary-clot-pts\">1\u70b9 \/ \u500b<\/span>\n          <\/div>\n          <div class=\"mhsc-diary-clot-count\" data-pbac-diary=\"clot-small\" data-points=\"1\">\n            <button type=\"button\" data-act=\"dec\">\u2212<\/button>\n            <input type=\"number\" min=\"0\" max=\"50\" value=\"0\">\n            <button type=\"button\" data-act=\"inc\">+<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"mhsc-diary-clot-item\">\n          <svg class=\"mhsc-diary-clot-icon\" viewBox=\"0 0 60 60\">\n            <ellipse cx=\"30\" cy=\"30\" rx=\"14\" ry=\"12\" fill=\"#8b2942\" opacity=\"0.9\"\/>\n          <\/svg>\n          <div class=\"mhsc-diary-clot-label\">\n            \u5927\u304d\u306a\u584a\n            <span class=\"mhsc-diary-clot-pts\">5\u70b9 \/ \u500b<\/span>\n          <\/div>\n          <div class=\"mhsc-diary-clot-count\" data-pbac-diary=\"clot-large\" data-points=\"5\">\n            <button type=\"button\" data-act=\"dec\">\u2212<\/button>\n            <input type=\"number\" min=\"0\" max=\"50\" value=\"0\">\n            <button type=\"button\" data-act=\"inc\">+<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"mhsc-diary-clot-item\">\n          <svg class=\"mhsc-diary-clot-icon\" viewBox=\"0 0 60 60\">\n            <path d=\"M20 12 L40 12 L34 48 L26 48 Z\" fill=\"#8b2942\" opacity=\"0.85\"\/>\n          <\/svg>\n          <div class=\"mhsc-diary-clot-label\">\n            \u3042\u3075\u308c\u51fa\u308b\u51fa\u8840\n            <span class=\"mhsc-diary-clot-pts\">5\u70b9 \/ \u56de<\/span>\n          <\/div>\n          <div class=\"mhsc-diary-clot-count\" data-pbac-diary=\"flooding\" data-points=\"5\">\n            <button type=\"button\" data-act=\"dec\">\u2212<\/button>\n            <input type=\"number\" min=\"0\" max=\"30\" value=\"0\">\n            <button type=\"button\" data-act=\"inc\">+<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"mhsc-actions\">\n        <button type=\"button\" class=\"mhsc-btn mhsc-btn-primary\" id=\"pbac-diary-calc\">\u63a1\u70b9\u3059\u308b<\/button>\n        <button type=\"button\" class=\"mhsc-btn mhsc-btn-secondary\" id=\"pbac-diary-reset\">\u56de\u7b54\u3092\u30ea\u30bb\u30c3\u30c8<\/button>\n      <\/div>\n\n      <div class=\"mhsc-result\" id=\"pbac-diary-result\">\n        <div class=\"mhsc-result-grade\">\n          <div class=\"mhsc-result-score\" id=\"pbac-diary-score\">0<\/div>\n          <div class=\"mhsc-result-score-unit\">\u70b9<\/div>\n          <div class=\"mhsc-result-level\" id=\"pbac-diary-level\">\u2014<\/div>\n        <\/div>\n        <p class=\"mhsc-result-text\" id=\"pbac-diary-text\"><\/p>\n        <div class=\"mhsc-result-advice\">\n          <div class=\"mhsc-result-advice-title\">\u6b21\u306b\u3067\u304d\u308b\u3053\u3068<\/div>\n          <span id=\"pbac-diary-advice\"><\/span>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/pbac-subpanel-diary -->\n\n    <div class=\"mhsc-citation\">\n      <span class=\"mhsc-citation-label\">Reference<\/span>\n      Higham JM, O&#8217;Brien PMS, Shaw RW. Assessment of menstrual blood loss using a pictorial chart. <em>Br J Obstet Gynaecol.<\/em> 1990;97(8):734\u20139. \uff0f Halimeh S, et al. Establishment of a reference range for the PBAC-Score. <em>Blood.<\/em> 2013;122(21):4778. \uff08cutoff 100 \u3067\u611f\u5ea690%\u30fb\u7279\u7570\u5ea6100%\uff09\n    <\/div>\n\n  <\/section>\n\n  <!-- ============================ PANEL 3: PSST ============================ -->\n  <section class=\"mhsc-panel\" id=\"panel-psst\" role=\"tabpanel\">\n    <div class=\"mhsc-panel-header\">\n      <div class=\"mhsc-panel-tool\">PSST \u00b7 Premenstrual Symptoms Screening Tool<\/div>\n      <h2 class=\"mhsc-panel-title\">\u6708\u7d4c\u524d\u75c7\u5019\u7fa4\uff08PMS \/ PMDD\uff09\u306e\u30bb\u30eb\u30d5\u30c1\u30a7\u30c3\u30af<\/h2>\n      <p class=\"mhsc-panel-desc\">\n        Steiner \u3089\uff082003\uff09\u304c\u958b\u767a\u3057\u305f\u56fd\u969b\u6a19\u6e96\u306e\u30b9\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u30c4\u30fc\u30eb\u3067\u3059\u3002\n        <br>\u904e\u53bb\u306e\u6708\u7d4c\u524d1\u9031\u9593\uff08\u9ec4\u4f53\u671f\uff09\u306e\u75c7\u72b6\u306b\u3064\u3044\u3066\u3001\u6700\u3082\u8fd1\u3044\u3082\u306e\u3092\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u3002<strong>\u5404\u9805\u76ee\u3092\u300c\u5168\u304f\u306a\u3044\/\u8efd\u5ea6\/\u4e2d\u7b49\u5ea6\/\u91cd\u5ea6\u300d<\/strong>\u306e4\u6bb5\u968e\u3067\u8a55\u4fa1\u3057\u307e\u3059\u3002\n      <\/p>\n    <\/div>\n\n    <div class=\"mhsc-progress\">\n      <span>\u9032\u6357<\/span>\n      <div class=\"mhsc-progress-bar\"><div class=\"mhsc-progress-fill\" id=\"psst-progress\"><\/div><\/div>\n      <span class=\"mhsc-progress-num\"><strong id=\"psst-answered\">0<\/strong>&nbsp;\/&nbsp;19<\/span>\n    <\/div>\n\n    <form id=\"psst-form\">\n      <!-- A: \u75c7\u72b614\u9805\u76ee -->\n      <h3 style=\"font-family:'Noto Serif JP',serif; font-size:1.05rem; font-weight:700; color:var(--ink); margin:1rem 0 1.25rem; padding-bottom:0.4rem; border-bottom:1px solid var(--rule-soft);\">\n        <span style=\"font-family:'Cormorant Garamond',serif; font-style:italic; color:var(--gold); margin-right:0.5rem;\">Part A.<\/span>\n        \u75c7\u72b6\u306e\u6709\u7121\u3068\u7a0b\u5ea6\n      <\/h3>\n\n      <!-- 14\u500b\u306e\u75c7\u72b6\u3092\u30eb\u30fc\u30d7\u3067\u63cf\u753b\u3059\u308b\u305f\u3081\u3001\u307e\u305a\u307e\u3068\u3081\u3066\u51fa\u529b -->\n      <div id=\"psst-symptoms-area\"><\/div>\n\n      <!-- B: \u6a5f\u80fd\u5f71\u97ff5\u9805\u76ee -->\n      <h3 style=\"font-family:'Noto Serif JP',serif; font-size:1.05rem; font-weight:700; color:var(--ink); margin:2rem 0 1.25rem; padding-bottom:0.4rem; border-bottom:1px solid var(--rule-soft);\">\n        <span style=\"font-family:'Cormorant Garamond',serif; font-style:italic; color:var(--gold); margin-right:0.5rem;\">Part B.<\/span>\n        \u75c7\u72b6\u306b\u3088\u308b\u65e5\u5e38\u751f\u6d3b\u3078\u306e\u5f71\u97ff\n      <\/h3>\n      <div id=\"psst-functions-area\"><\/div>\n\n      <div class=\"mhsc-actions\">\n        <button type=\"button\" class=\"mhsc-btn mhsc-btn-primary\" id=\"psst-calc\">\u63a1\u70b9\u3059\u308b<\/button>\n        <button type=\"reset\" class=\"mhsc-btn mhsc-btn-secondary\" id=\"psst-reset\">\u56de\u7b54\u3092\u30ea\u30bb\u30c3\u30c8<\/button>\n      <\/div>\n    <\/form>\n\n    <div class=\"mhsc-result\" id=\"psst-result\">\n      <div class=\"mhsc-result-grade\">\n        <div class=\"mhsc-result-score\" id=\"psst-score\">\u2014<\/div>\n        <div class=\"mhsc-result-level\" id=\"psst-level\">\u2014<\/div>\n      <\/div>\n      <p class=\"mhsc-result-text\" id=\"psst-text\"><\/p>\n      <div class=\"mhsc-result-advice\">\n        <div class=\"mhsc-result-advice-title\">\u6b21\u306b\u3067\u304d\u308b\u3053\u3068<\/div>\n        <span id=\"psst-advice\"><\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"mhsc-citation\">\n      <span class=\"mhsc-citation-label\">Reference<\/span>\n      Steiner M, Macdougall M, Brown E. The premenstrual symptoms screening tool (PSST) for clinicians. <em>Arch Womens Ment Health.<\/em> 2003;6(3):203\u20139. \uff0f \u65e5\u672c\u8a9e\u7248\uff1a\u5bae\u5ca1 (2009) \u306b\u3088\u308a\u4fe1\u983c\u6027\u30fb\u59a5\u5f53\u6027\u78ba\u8a8d\u6e08\u307f\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- ============================ FOOTER ============================ -->\n<footer class=\"mhsc-footer\">\n  <div class=\"mhsc-container\">\n    <div class=\"mhsc-footer-grid\">\n      <div>\n        <h4>\u672c\u30c4\u30fc\u30eb\u306e\u4f4d\u7f6e\u3065\u3051<\/h4>\n        <p>\u672c\u30bb\u30eb\u30d5\u30c1\u30a7\u30c3\u30af\u306f\u3001\u8077\u5834\u306b\u304a\u3051\u308b\u5973\u6027\u306e\u5065\u5eb7\u7ba1\u7406\u3092\u652f\u63f4\u3059\u308b\u76ee\u7684\u3067\u3001\u56fd\u969b\u7684\u306b\u691c\u8a3c\u3055\u308c\u305f\u30b9\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u30c4\u30fc\u30eb\u3092\u65e5\u672c\u8a9e\u5316\u30fb\u5b9f\u88c5\u3057\u305f\u3082\u306e\u3067\u3059\u3002\u78ba\u5b9a\u8a3a\u65ad\u3067\u306f\u306a\u304f\u3001\u533b\u7642\u6a5f\u95a2\u3078\u306e\u53d7\u8a3a\u3084\u7523\u696d\u533b\u30fb\u7523\u696d\u4fdd\u5065\u30b9\u30bf\u30c3\u30d5\u3078\u306e\u76f8\u8ac7\u3092\u4fc3\u3059\u305f\u3081\u306e\u53c2\u8003\u60c5\u5831\u3068\u3057\u3066\u304a\u4f7f\u3044\u304f\u3060\u3055\u3044\u3002<\/p>\n      <\/div>\n      <div>\n        <h4>\u63a1\u7528\u30c4\u30fc\u30eb\u3068\u6839\u62e0<\/h4>\n        <ul>\n          <li>WaLIDD score (Teher\u00e1n et al., 2018)<\/li>\n          <li>PBAC (Higham et al., 1990; cutoff \u2265100 \u3067\u611f\u5ea690%\u30fb\u7279\u7570\u5ea6100%, Halimeh 2013)<\/li>\n          <li>PSST (Steiner et al., 2003; \u65e5\u672c\u8a9e\u7248: \u5bae\u5ca1 2009)<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"mhsc-disclaimer\">\n      \u539a\u751f\u52b4\u50cd\u79d1\u5b66\u7814\u7a76\u8cbb\u88dc\u52a9\u91d1 23JA1005\u300c\u8077\u57df\u306b\u304a\u3051\u308b\u5973\u6027\u306e\u5065\u5eb7\u7ba1\u7406\u306b\u95a2\u3059\u308b\u7814\u7a76\u300d<br>\n      \u00a9 \u7523\u696d\u533b\u79d1\u5927\u5b66 \u7acb\u77f3\u7814\u7a76\u73ed \uff0f \u672c\u30c4\u30fc\u30eb\u306f\u533b\u5b66\u7684\u8a3a\u65ad\u3092\u884c\u3046\u3082\u306e\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\n(function(){\n  const root = document.getElementById('mhsc-root');\n\n  \/\/ ===== \u30bf\u30d6\u5207\u66ff =====\n  const tabs = root.querySelectorAll('.mhsc-tab');\n  const panels = root.querySelectorAll('.mhsc-panel');\n  tabs.forEach(tab => {\n    tab.addEventListener('click', () => {\n      tabs.forEach(t => t.setAttribute('aria-selected','false'));\n      tab.setAttribute('aria-selected','true');\n      panels.forEach(p => p.classList.remove('is-active'));\n      const target = root.querySelector('#panel-' + tab.dataset.target);\n      if (target) {\n        target.classList.add('is-active');\n        target.scrollIntoView({behavior:'smooth', block:'start'});\n      }\n    });\n  });\n\n  \/\/ ============================================\n  \/\/ PSST: 14\u75c7\u72b6 + 5\u6a5f\u80fd\u5f71\u97ff\u3092\u52d5\u7684\u751f\u6210\n  \/\/ ============================================\n  const PSST_SYMPTOMS = [\n    \"\u6012\u308a\u30fb\u30a4\u30e9\u30a4\u30e9\u611f\",\n    \"\u4e0d\u5b89\u30fb\u7dca\u5f35\u611f\",\n    \"\u6d99\u3082\u308d\u304f\u306a\u308b\uff0f\u6c17\u5206\u304c\u843d\u3061\u8fbc\u3080\",\n    \"\u6c17\u5206\u306e\u5909\u52d5\u304c\u6fc0\u3057\u3044\",\n    \"\u8208\u5473\u306e\u4f4e\u4e0b\uff08\u4ed5\u4e8b\u30fb\u5bb6\u5ead\u30fb\u793e\u4f1a\u6d3b\u52d5\uff09\",\n    \"\u96c6\u4e2d\u529b\u306e\u4f4e\u4e0b\",\n    \"\u75b2\u52b4\u611f\uff0f\u6c17\u529b\u306e\u6e1b\u9000\",\n    \"\u904e\u98df\uff0f\u7279\u5b9a\u306e\u98df\u3079\u7269\u3078\u306e\u6e07\u671b\",\n    \"\u4e0d\u7720\uff0f\u904e\u7720\",\n    \"\u5727\u5012\u3055\u308c\u308b\u611f\u899a\uff0f\u81ea\u5206\u306e\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u611f\u306e\u55aa\u5931\",\n    \"\u8eab\u4f53\u75c7\u72b6\uff1a\u4e73\u623f\u306e\u5f35\u308a\u30fb\u75db\u307f\u3001\u982d\u75db\u3001\u95a2\u7bc0\u75db\u30fb\u7b4b\u8089\u75db\u3001\u8179\u90e8\u81a8\u6e80\u3001\u4f53\u91cd\u5897\u52a0\"\n  ];\n  \/\/ PSST\u539f\u7248\u306f14\u9805\u76ee\u3060\u304c\u3001\u6700\u7d421\u9805\u76ee\u300c\u8eab\u4f53\u75c7\u72b6\u300d\u3092\u3072\u3068\u3064\u306b\u307e\u3068\u3081\u516811+8=19\u7dad\u6301\u7248\u3082\u3042\u308b\u304c\u3001\n  \/\/ \u3053\u3053\u306f\u539f\u7248\u306b\u5fe0\u5b9f\u306b14\u9805\u76ee\u306b\u5c55\u958b\n  const PSST_SYMPTOMS_FULL = [\n    \"\u6012\u308a\u30fb\u30a4\u30e9\u30a4\u30e9\u611f\",\n    \"\u4e0d\u5b89\u30fb\u7dca\u5f35\u611f\",\n    \"\u6d99\u3082\u308d\u304f\u306a\u308b\uff0f\u6c17\u5206\u304c\u843d\u3061\u8fbc\u3080\",\n    \"\u6c17\u5206\u306e\u5909\u52d5\u304c\u6fc0\u3057\u3044\",\n    \"\u8208\u5473\u306e\u4f4e\u4e0b\uff08\u4ed5\u4e8b\u30fb\u5bb6\u5ead\u30fb\u793e\u4f1a\u6d3b\u52d5\uff09\",\n    \"\u96c6\u4e2d\u529b\u306e\u4f4e\u4e0b\",\n    \"\u75b2\u52b4\u611f\uff0f\u6c17\u529b\u306e\u6e1b\u9000\",\n    \"\u904e\u98df\uff0f\u7279\u5b9a\u306e\u98df\u3079\u7269\u3078\u306e\u6e07\u671b\",\n    \"\u4e0d\u7720\uff08\u7720\u308c\u306a\u3044\uff09\",\n    \"\u904e\u7720\uff08\u7720\u308a\u3059\u304e\u308b\uff09\",\n    \"\u5727\u5012\u3055\u308c\u308b\u611f\u899a\u30fb\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3067\u304d\u306a\u3044\u611f\u899a\",\n    \"\u4e73\u623f\u306e\u5f35\u308a\u30fb\u75db\u307f\u3001\u982d\u75db\u3001\u95a2\u7bc0\u75db\u30fb\u7b4b\u8089\u75db\",\n    \"\u8179\u90e8\u81a8\u6e80\u611f\u3001\u4f53\u91cd\u5897\u52a0\",\n    \"\u76ae\u819a\u75c7\u72b6\uff08\u5439\u304d\u51fa\u7269\u306a\u3069\uff09\"\n  ];\n\n  const PSST_FUNCTIONS = [\n    \"\u4ed5\u4e8b\u306e\u52b9\u7387\u3084\u751f\u7523\u6027\",\n    \"\u4eba\u9593\u95a2\u4fc2\uff08\u540c\u50da\u30fb\u4e0a\u53f8\uff09\",\n    \"\u5bb6\u5ead\u3067\u306e\u4eba\u9593\u95a2\u4fc2\",\n    \"\u793e\u4f1a\u6d3b\u52d5\uff08\u53cb\u4eba\u3068\u306e\u4ea4\u6d41\u306a\u3069\uff09\",\n    \"\u5bb6\u4e8b\u30fb\u65e5\u5e38\u751f\u6d3b\u6d3b\u52d5\"\n  ];\n\n  const SEVERITY_LABELS = [\n    {val:0, label:\"\u5168\u304f\u306a\u3044\"},\n    {val:1, label:\"\u8efd\u5ea6\"},\n    {val:2, label:\"\u4e2d\u7b49\u5ea6\"},\n    {val:3, label:\"\u91cd\u5ea6\"}\n  ];\n\n  function makePsstQuestion(idx, text, prefix){\n    const q = document.createElement('div');\n    q.className = 'mhsc-question';\n    let optsHTML = '';\n    SEVERITY_LABELS.forEach(s => {\n      optsHTML += `\n        <label class=\"mhsc-option\">\n          <input type=\"radio\" name=\"${prefix}${idx}\" value=\"${s.val}\">\n          <span class=\"mhsc-option-val\">${s.val}<\/span>\n          <span>${s.label}<\/span>\n        <\/label>`;\n    });\n    q.innerHTML = `\n      <div class=\"mhsc-q-label\">\n        <span class=\"mhsc-q-num\">${prefix === 'sym' ? 'A' : 'B'}-${idx}.<\/span>\n        <span>${text}<\/span>\n      <\/div>\n      <div class=\"mhsc-options\">${optsHTML}<\/div>\n    `;\n    return q;\n  }\n\n  const symArea = root.querySelector('#psst-symptoms-area');\n  PSST_SYMPTOMS_FULL.forEach((s, i) => {\n    symArea.appendChild(makePsstQuestion(i+1, s, 'sym'));\n  });\n  const funcArea = root.querySelector('#psst-functions-area');\n  PSST_FUNCTIONS.forEach((s, i) => {\n    funcArea.appendChild(makePsstQuestion(i+1, s, 'fun'));\n  });\n\n  \/\/ ============================================\n  \/\/ \u9032\u6357\u30d0\u30fc\n  \/\/ ============================================\n  function updateProgress(formId, total, answeredEl, fillEl) {\n    const form = root.querySelector(formId);\n    if (!form) return;\n    form.addEventListener('change', () => {\n      const groups = new Set();\n      form.querySelectorAll('input[type=radio]:checked').forEach(i => groups.add(i.name));\n      const ans = groups.size;\n      root.querySelector(answeredEl).textContent = ans;\n      root.querySelector(fillEl).style.width = (ans\/total*100) + '%';\n    });\n  }\n  updateProgress('#walidd-form', 5, '#walidd-answered', '#walidd-progress');\n  updateProgress('#psst-form', 19, '#psst-answered', '#psst-progress');\n\n  \/\/ ============================================\n  \/\/ WaLIDD \u63a1\u70b9\n  \/\/ ============================================\n  root.querySelector('#walidd-calc').addEventListener('click', () => {\n    const form = root.querySelector('#walidd-form');\n    let total = 0, answered = 0;\n    for (let i=1; i<=5; i++) {\n      const v = form.querySelector(`input[name=w${i}]:checked`);\n      if (v) { total += parseInt(v.value, 10); answered++; }\n    }\n    if (answered < 5) {\n      alert('\u3059\u3079\u3066\u306e\u8a2d\u554f\u306b\u304a\u7b54\u3048\u304f\u3060\u3055\u3044\u3002');\n      return;\n    }\n    const result = root.querySelector('#walidd-result');\n    root.querySelector('#walidd-score').textContent = total;\n\n    let level, text, advice, levelClass;\n    if (total <= 3) {\n      levelClass = 'is-low';\n      level = '\u8efd\u5ea6\u301c\u6c17\u306b\u306a\u3089\u306a\u3044';\n      text = '<strong>\u5408\u8a08 '+total+' \u70b9<\/strong>\u3067\u3059\u3002\u6708\u7d4c\u75db\u306b\u3088\u308b\u751f\u6d3b\u3078\u306e\u652f\u969c\u306f\u9650\u5b9a\u7684\u3068\u8003\u3048\u3089\u308c\u307e\u3059\u3002\u93ae\u75db\u85ac\u306e\u670d\u7528\u3084\u751f\u6d3b\u30ea\u30ba\u30e0\u306e\u8abf\u6574\u3067\u5bfe\u5fdc\u3067\u304d\u308b\u7bc4\u56f2\u3068\u63a8\u5bdf\u3055\u308c\u307e\u3059\u3002';\n      advice = '\u75c7\u72b6\u304c\u5468\u671f\u3054\u3068\u306b\u5909\u5316\u3059\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u6c17\u306b\u306a\u308b\u5909\u5316\u304c\u3042\u308c\u3070\u3001\u7523\u696d\u4fdd\u5065\u30b9\u30bf\u30c3\u30d5\u3084\u5a66\u4eba\u79d1\u3078\u306e\u76f8\u8ac7\u3092\u691c\u8a0e\u3057\u3066\u304f\u3060\u3055\u3044\u3002';\n    } else if (total <= 6) {\n      levelClass = 'is-mid';\n      level = '\u8efd\u5ea6\u306e\u6708\u7d4c\u56f0\u96e3\u75c7';\n      text = '<strong>\u5408\u8a08 '+total+' \u70b9<\/strong>\u3067\u3059\u3002\u8efd\u5ea6\u306e\u6708\u7d4c\u56f0\u96e3\u75c7\u306e\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u6708\u7d4c\u306e\u305f\u3073\u306b\u75db\u307f\u304c\u7e70\u308a\u8fd4\u3055\u308c\u308b\u5834\u5408\u3001\u5e02\u8ca9\u85ac\u3067\u306f\u5341\u5206\u306b\u5bfe\u51e6\u3057\u304d\u308c\u306a\u3044\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002';\n      advice = '\u75c7\u72b6\u65e5\u8a18\u3092\u3064\u3051\u30662\u301c3\u5468\u671f\u5206\u306e\u30d1\u30bf\u30fc\u30f3\u3092\u8a18\u9332\u3057\u3001\u7523\u696d\u533b\u9762\u8ac7\u3084\u5a66\u4eba\u79d1\u53d7\u8a3a\u6642\u306b\u6d3b\u7528\u3057\u307e\u3057\u3087\u3046\u3002\u5668\u8cea\u7684\u75be\u60a3\uff08\u5b50\u5bae\u5185\u819c\u75c7\u306a\u3069\uff09\u306e\u30b9\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u3082\u691c\u8a0e\u5bfe\u8c61\u306b\u306a\u308a\u307e\u3059\u3002';\n    } else if (total <= 9) {\n      levelClass = 'is-mid';\n      level = '\u4e2d\u7b49\u5ea6\u306e\u6708\u7d4c\u56f0\u96e3\u75c7';\n      text = '<strong>\u5408\u8a08 '+total+' \u70b9<\/strong>\u3067\u3059\u3002\u4e2d\u7b49\u5ea6\u306e\u6708\u7d4c\u56f0\u96e3\u75c7\u304c\u793a\u5506\u3055\u308c\u307e\u3059\u3002\u4ed5\u4e8b\u3084\u65e5\u5e38\u751f\u6d3b\u306b\u652f\u969c\u304c\u51fa\u3066\u3044\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u3001\u30db\u30eb\u30e2\u30f3\u6cbb\u7642\u306a\u3069\u533b\u5b66\u7684\u4ecb\u5165\u306e\u5bfe\u8c61\u3068\u306a\u308a\u5f97\u307e\u3059\u3002';\n      advice = '\u5a66\u4eba\u79d1\u306e\u53d7\u8a3a\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u8077\u5834\u3067\u5229\u7528\u3067\u304d\u308b\u5236\u5ea6\uff08\u751f\u7406\u4f11\u6687\u30fb\u5728\u5b85\u52e4\u52d9\u30fb\u6642\u5dee\u51fa\u52e4\u7b49\uff09\u306e\u6d3b\u7528\u3084\u3001\u7523\u696d\u533b\u30fb\u7523\u696d\u4fdd\u5065\u30b9\u30bf\u30c3\u30d5\u3078\u306e\u76f8\u8ac7\u3082\u6709\u52b9\u3067\u3059\u3002';\n    } else {\n      levelClass = 'is-high';\n      level = '\u91cd\u5ea6\u306e\u6708\u7d4c\u56f0\u96e3\u75c7';\n      text = '<strong>\u5408\u8a08 '+total+' \u70b9<\/strong>\u3067\u3059\u3002\u91cd\u5ea6\u306e\u6708\u7d4c\u56f0\u96e3\u75c7\u306e\u53ef\u80fd\u6027\u304c\u9ad8\u3044\u3068\u8003\u3048\u3089\u308c\u307e\u3059\u3002\u5b50\u5bae\u5185\u819c\u75c7\u30fb\u5b50\u5bae\u817a\u7b4b\u75c7\u306a\u3069\u306e\u80cc\u666f\u75be\u60a3\u304c\u96a0\u308c\u3066\u3044\u308b\u5834\u5408\u3082\u3042\u308a\u307e\u3059\u3002';\n      advice = '\u65e9\u3081\u306b\u5a66\u4eba\u79d1\u3092\u53d7\u8a3a\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u8077\u5834\u3067\u306f\u696d\u52d9\u8abf\u6574\u3084\u50cd\u304d\u65b9\u306e\u5de5\u592b\u306b\u3064\u3044\u3066\u7523\u696d\u533b\u30fb\u4e0a\u53f8\u3068\u76f8\u8ac7\u3059\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002';\n    }\n\n    const lvEl = root.querySelector('#walidd-level');\n    lvEl.textContent = level;\n    lvEl.className = 'mhsc-result-level ' + levelClass;\n    root.querySelector('#walidd-text').innerHTML = text;\n    root.querySelector('#walidd-advice').innerHTML = advice;\n    result.classList.add('is-shown');\n    result.scrollIntoView({behavior:'smooth', block:'start'});\n  });\n\n  root.querySelector('#walidd-reset').addEventListener('click', () => {\n    root.querySelector('#walidd-result').classList.remove('is-shown');\n    root.querySelector('#walidd-answered').textContent = '0';\n    root.querySelector('#walidd-progress').style.width = '0%';\n  });\n\n  \/\/ ============================================\n  \/\/ PBAC: \u30b5\u30d6\u30bf\u30d6\u5207\u66ff\n  \/\/ ============================================\n  const pbacSubtabs = root.querySelectorAll('.mhsc-subtab');\n  const pbacSubpanels = root.querySelectorAll('.mhsc-subpanel');\n  pbacSubtabs.forEach(tab => {\n    tab.addEventListener('click', () => {\n      pbacSubtabs.forEach(t => t.setAttribute('aria-selected','false'));\n      tab.setAttribute('aria-selected','true');\n      pbacSubpanels.forEach(p => p.classList.remove('is-active'));\n      const target = root.querySelector('#pbac-subpanel-' + tab.dataset.pbacTab);\n      if (target) target.classList.add('is-active');\n    });\n  });\n\n  \/\/ ============================================\n  \/\/ PBAC \u7c21\u6613\u7248: \u30ab\u30a6\u30f3\u30bf + \u63a1\u70b9\n  \/\/ ============================================\n  \/\/ \u5171\u901a\u30ab\u30a6\u30f3\u30bf\u521d\u671f\u5316\uff08\u7c21\u6613\u7248\u30fb\u65e5\u8a18\u5f0f\u306e\u584a\u30ab\u30a6\u30f3\u30bf\u4e21\u65b9\uff09\n  function initCounter(box) {\n    const input = box.querySelector('input');\n    const max = parseInt(input.getAttribute('max') || '99', 10);\n    box.querySelector('[data-act=inc]').addEventListener('click', e => {\n      e.preventDefault(); e.stopPropagation();\n      input.value = Math.min(max, parseInt(input.value||0,10) + 1);\n    });\n    box.querySelector('[data-act=dec]').addEventListener('click', e => {\n      e.preventDefault(); e.stopPropagation();\n      input.value = Math.max(0, parseInt(input.value||0,10) - 1);\n    });\n    input.addEventListener('input', () => {\n      let v = parseInt(input.value || 0, 10);\n      if (isNaN(v) || v < 0) v = 0;\n      if (v > max) v = max;\n      input.value = v;\n    });\n    box.addEventListener('click', e => e.stopPropagation());\n  }\n  root.querySelectorAll('.mhsc-pbac-count').forEach(initCounter);\n  root.querySelectorAll('.mhsc-diary-clot-count').forEach(initCounter);\n\n  \/\/ PBAC\u5171\u901a\u306e\u5224\u5b9a\u30ed\u30b8\u30c3\u30af\n  function evalPbac(total, scoreEl, levelEl, textEl, adviceEl, resultEl) {\n    scoreEl.textContent = total;\n    let level, text, advice, levelClass;\n    if (total < 50) {\n      levelClass = 'is-low';\n      level = '\u6b63\u5e38\u7bc4\u56f2';\n      text = '<strong>\u5408\u8a08 '+total+' \u70b9<\/strong>\u3067\u3059\u3002\u6708\u7d4c\u8840\u91cf\u306f\u901a\u5e38\u7bc4\u56f2\u3068\u8003\u3048\u3089\u308c\u307e\u3059\uff08\u53c2\u8003\uff1a80mL\u672a\u6e80\u306b\u76f8\u5f53\uff09\u3002';\n      advice = '\u6708\u7d4c\u8840\u91cf\u306b\u5909\u5316\u3092\u611f\u3058\u305f\u3068\u304d\u306b\u3001\u518d\u5ea6\u672c\u30c4\u30fc\u30eb\u3067\u30bb\u30eb\u30d5\u30c1\u30a7\u30c3\u30af\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002';\n    } else if (total < 100) {\n      levelClass = 'is-mid';\n      level = '\u3084\u3084\u591a\u3081\uff08\u8981\u89b3\u5bdf\uff09';\n      text = '<strong>\u5408\u8a08 '+total+' \u70b9<\/strong>\u3067\u3059\u3002\u904e\u591a\u6708\u7d4c\u306e\u57fa\u6e96\u5024\uff08100\u70b9\uff09\u306b\u306f\u9054\u3057\u3066\u3044\u307e\u305b\u3093\u304c\u3001\u3084\u3084\u591a\u3081\u306e\u50be\u5411\u304c\u3042\u308a\u307e\u3059\u3002';\n      advice = '\u8ca7\u8840\u75c7\u72b6\uff08\u75b2\u308c\u3084\u3059\u3055\u30fb\u606f\u5207\u308c\u30fb\u7acb\u3061\u304f\u3089\u307f\u7b49\uff09\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u5065\u5eb7\u8a3a\u65ad\u6642\u306b\u8840\u6db2\u691c\u67fb\uff08\u30d8\u30e2\u30b0\u30ed\u30d3\u30f3\u30fb\u30d5\u30a7\u30ea\u30c1\u30f3\uff09\u3092\u53d7\u3051\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002';\n    } else if (total < 185) {\n      levelClass = 'is-high';\n      level = '\u904e\u591a\u6708\u7d4c\u304c\u7591\u308f\u308c\u308b';\n      text = '<strong>\u5408\u8a08 '+total+' \u70b9<\/strong>\u3067\u3059\u3002\u904e\u591a\u6708\u7d4c\uff0880mL\/\u5468\u671f\u8d85\uff09\u306e\u53ef\u80fd\u6027\u304c\u9ad8\u3044\u3068\u63a8\u5b9a\u3055\u308c\u307e\u3059\uff08cutoff \u2265100\u3001\u611f\u5ea690%\u30fb\u7279\u7570\u5ea6100%\uff09\u3002';\n      advice = '\u5a66\u4eba\u79d1\u306e\u53d7\u8a3a\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u5b50\u5bae\u7b4b\u816b\u30fb\u5b50\u5bae\u5185\u819c\u75c7\u30fb\u51dd\u56fa\u7570\u5e38\u75c7\u306a\u3069\u306e\u9451\u5225\u304c\u5fc5\u8981\u306a\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u9244\u6b20\u4e4f\u6027\u8ca7\u8840\u306e\u691c\u67fb\u3082\u4f75\u305b\u3066\u884c\u3046\u3068\u3088\u3044\u3067\u3057\u3087\u3046\u3002';\n    } else {\n      levelClass = 'is-high';\n      level = '\u91cd\u5ea6\u306e\u904e\u591a\u6708\u7d4c';\n      text = '<strong>\u5408\u8a08 '+total+' \u70b9<\/strong>\u3067\u3059\u3002\u91cd\u5ea6\u306e\u904e\u591a\u6708\u7d4c\u304c\u7591\u308f\u308c\u307e\u3059\u3002\u65e5\u5e38\u751f\u6d3b\u3078\u306e\u5f71\u97ff\u3082\u5927\u304d\u3044\u3053\u3068\u304c\u60f3\u5b9a\u3055\u308c\u307e\u3059\u3002';\n      advice = '\u65e9\u3081\u306e\u5a66\u4eba\u79d1\u53d7\u8a3a\u3092\u5f37\u304f\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u80cc\u666f\u75be\u60a3\u306e\u7cbe\u67fb\u3068\u3001\u8ca7\u8840\u6cbb\u7642\u3092\u542b\u3080\u5305\u62ec\u7684\u306a\u5bfe\u5fdc\u304c\u5fc5\u8981\u3068\u306a\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002';\n    }\n    levelEl.textContent = level;\n    levelEl.className = 'mhsc-result-level ' + levelClass;\n    textEl.innerHTML = text;\n    adviceEl.innerHTML = advice;\n    resultEl.classList.add('is-shown');\n    resultEl.scrollIntoView({behavior:'smooth', block:'start'});\n  }\n\n  \/\/ \u7c21\u6613\u7248 \u63a1\u70b9\n  root.querySelector('#pbac-calc').addEventListener('click', () => {\n    let total = 0;\n    root.querySelectorAll('#pbac-subpanel-simple .mhsc-pbac-count').forEach(box => {\n      const pts = parseInt(box.dataset.points, 10);\n      const cnt = parseInt(box.querySelector('input').value || 0, 10);\n      total += pts * cnt;\n    });\n    evalPbac(total,\n      root.querySelector('#pbac-score'),\n      root.querySelector('#pbac-level'),\n      root.querySelector('#pbac-text'),\n      root.querySelector('#pbac-advice'),\n      root.querySelector('#pbac-result')\n    );\n  });\n\n  root.querySelector('#pbac-reset').addEventListener('click', () => {\n    root.querySelectorAll('#pbac-subpanel-simple .mhsc-pbac-count input').forEach(i => i.value = 0);\n    root.querySelector('#pbac-result').classList.remove('is-shown');\n  });\n\n  \/\/ ============================================\n  \/\/ PBAC \u65e5\u8a18\u5f0f: \u30c6\u30fc\u30d6\u30eb\u751f\u6210 + \u63a1\u70b9\n  \/\/ ============================================\n  const DIARY_DAYS = 10;\n  const DIARY_COLS = [\n    {kind:'napkin', level:'light', pts:1},\n    {kind:'napkin', level:'mod',   pts:5},\n    {kind:'napkin', level:'heavy', pts:20},\n    {kind:'tampon', level:'light', pts:1},\n    {kind:'tampon', level:'mod',   pts:5},\n    {kind:'tampon', level:'heavy', pts:10},\n  ];\n\n  const diaryBody = root.querySelector('#pbac-diary-body');\n  if (diaryBody) {\n    for (let d = 1; d <= DIARY_DAYS; d++) {\n      const tr = document.createElement('tr');\n      let cells = `<th><span class=\"mhsc-diary-day-num\">${d}<\/span>\u65e5\u76ee<\/th>`;\n      DIARY_COLS.forEach((col, idx) => {\n        cells += `<td><input type=\"number\" min=\"0\" max=\"20\" value=\"0\" data-diary-day=\"${d}\" data-diary-col=\"${idx}\" data-points=\"${col.pts}\"><\/td>`;\n      });\n      tr.innerHTML = cells;\n      diaryBody.appendChild(tr);\n    }\n  }\n\n  \/\/ \u5165\u529b\u5024\u306e\u5236\u9650\u3068\u90e8\u5206\u96c6\u8a08\n  function updateDiaryTotals() {\n    let napkinTotal = 0, tamponTotal = 0;\n    root.querySelectorAll('#pbac-diary-body input').forEach(input => {\n      const v = parseInt(input.value || 0, 10) || 0;\n      const colIdx = parseInt(input.dataset.diaryCol, 10);\n      const pts = parseInt(input.dataset.points, 10);\n      const score = v * pts;\n      if (colIdx < 3) napkinTotal += score;\n      else tamponTotal += score;\n    });\n    const nT = root.querySelector('#pbac-diary-napkin-total');\n    const tT = root.querySelector('#pbac-diary-tampon-total');\n    if (nT) nT.textContent = napkinTotal + ' \u70b9';\n    if (tT) tT.textContent = tamponTotal + ' \u70b9';\n  }\n\n  root.querySelectorAll('#pbac-diary-body input').forEach(input => {\n    input.addEventListener('input', () => {\n      let v = parseInt(input.value || 0, 10);\n      if (isNaN(v) || v < 0) v = 0;\n      if (v > 20) v = 20;\n      input.value = v;\n      updateDiaryTotals();\n    });\n    input.addEventListener('focus', () => {\n      if (input.value === '0') input.value = '';\n    });\n    input.addEventListener('blur', () => {\n      if (input.value === '' || isNaN(parseInt(input.value,10))) input.value = '0';\n      updateDiaryTotals();\n    });\n  });\n\n  \/\/ \u65e5\u8a18\u5f0f \u63a1\u70b9\n  root.querySelector('#pbac-diary-calc').addEventListener('click', () => {\n    let total = 0;\n    root.querySelectorAll('#pbac-diary-body input').forEach(input => {\n      const v = parseInt(input.value || 0, 10) || 0;\n      const pts = parseInt(input.dataset.points, 10);\n      total += v * pts;\n    });\n    root.querySelectorAll('.mhsc-diary-clot-count').forEach(box => {\n      const pts = parseInt(box.dataset.points, 10);\n      const cnt = parseInt(box.querySelector('input').value || 0, 10);\n      total += pts * cnt;\n    });\n    evalPbac(total,\n      root.querySelector('#pbac-diary-score'),\n      root.querySelector('#pbac-diary-level'),\n      root.querySelector('#pbac-diary-text'),\n      root.querySelector('#pbac-diary-advice'),\n      root.querySelector('#pbac-diary-result')\n    );\n  });\n\n  root.querySelector('#pbac-diary-reset').addEventListener('click', () => {\n    root.querySelectorAll('#pbac-diary-body input').forEach(i => i.value = 0);\n    root.querySelectorAll('.mhsc-diary-clot-count input').forEach(i => i.value = 0);\n    updateDiaryTotals();\n    root.querySelector('#pbac-diary-result').classList.remove('is-shown');\n  });\n\n  \/\/ ============================================\n  \/\/ PSST \u63a1\u70b9\n  \/\/ ============================================\n  root.querySelector('#psst-calc').addEventListener('click', () => {\n    const form = root.querySelector('#psst-form');\n    const symValues = [];\n    const funValues = [];\n    let answered = 0;\n\n    for (let i=1; i<=14; i++) {\n      const v = form.querySelector(`input[name=sym${i}]:checked`);\n      if (v) { symValues.push(parseInt(v.value,10)); answered++; }\n      else { symValues.push(null); }\n    }\n    for (let i=1; i<=5; i++) {\n      const v = form.querySelector(`input[name=fun${i}]:checked`);\n      if (v) { funValues.push(parseInt(v.value,10)); answered++; }\n      else { funValues.push(null); }\n    }\n    if (answered < 19) {\n      alert('\u3059\u3079\u3066\u306e\u8a2d\u554f\uff0819\u554f\uff09\u306b\u304a\u7b54\u3048\u304f\u3060\u3055\u3044\u3002');\n      return;\n    }\n\n    \/\/ PSST \u5224\u5b9a\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0 (Steiner 2003)\n    \/\/ PMDD:\n    \/\/  \u30fb\u75c7\u72b6A1\u301cA4(\u6012\u308a\u30fb\u4e0d\u5b89\u30fb\u6c17\u5206\u306e\u843d\u3061\u8fbc\u307f\u30fb\u6c17\u5206\u306e\u5909\u52d5)\u306e\u3046\u3061\u5c11\u306a\u304f\u3068\u30821\u3064\u304c\u300c\u91cd\u5ea6\u300d\n    \/\/  \u30fb\u4ed6\u306e\u75c7\u72b6A1\u301cA14\u306e\u3046\u3061\u3001\u91cd\u5ea6\u307e\u305f\u306f\u4e2d\u7b49\u5ea6\u304c4\u3064\u4ee5\u4e0a\n    \/\/  \u30fb\u6a5f\u80fd\u5f71\u97ffB1\u301cB5\u306e\u3046\u3061\u5c11\u306a\u304f\u3068\u30821\u3064\u304c\u300c\u91cd\u5ea6\u300d\n    \/\/ \u4e2d\u7b49\u5ea6\u301c\u91cd\u5ea6PMS:\n    \/\/  \u30fb\u75c7\u72b6A1\u301cA4\u306e\u3046\u3061\u5c11\u306a\u304f\u3068\u30821\u3064\u304c\u300c\u4e2d\u7b49\u5ea6\u300d\u307e\u305f\u306f\u300c\u91cd\u5ea6\u300d\n    \/\/  \u30fb\u4ed6\u306e\u75c7\u72b6A1\u301cA14\u306e\u3046\u3061\u3001\u91cd\u5ea6\u307e\u305f\u306f\u4e2d\u7b49\u5ea6\u304c4\u3064\u4ee5\u4e0a\n    \/\/  \u30fb\u6a5f\u80fd\u5f71\u97ffB1\u301cB5\u306e\u3046\u3061\u5c11\u306a\u304f\u3068\u30821\u3064\u304c\u300c\u4e2d\u7b49\u5ea6\u300d\u307e\u305f\u306f\u300c\u91cd\u5ea6\u300d\n    \/\/ \u305d\u308c\u4ee5\u5916: \u75c7\u72b6\u306a\u3057\/\u8efd\u5ea6PMS\n\n    const coreEmotional = symValues.slice(0,4); \/\/ A1-A4\n    const allSym = symValues; \/\/ A1-A14\n    const fns = funValues;\n\n    const coreSevere = coreEmotional.some(v => v === 3);\n    const coreMidPlus = coreEmotional.some(v => v >= 2);\n    const symModSevereCount = allSym.filter(v => v >= 2).length;\n    const fnSevere = fns.some(v => v === 3);\n    const fnMidPlus = fns.some(v => v >= 2);\n\n    let category, levelClass, text, advice;\n    if (coreSevere && symModSevereCount >= 5 && fnSevere) {\n      \/\/ \u81ea\u5df1 PMS \u306e\u3046\u3061\u60c5\u7dd2\u75c7\u72b6\u304c\u91cd\u5ea6\uff0b\u4ed6\u75c7\u72b6\u4e2d\u7b49\u5ea6\u4ee5\u4e0a\u8a085\u3064\u4ee5\u4e0a\uff0b\u6a5f\u80fd\u5f71\u97ff\u91cd\u5ea6\n      category = 'PMDD\uff08\u6708\u7d4c\u524d\u4e0d\u5feb\u6c17\u5206\u969c\u5bb3\uff09\u306e\u53ef\u80fd\u6027';\n      levelClass = 'is-high';\n      text = '\u56de\u7b54\u30d1\u30bf\u30fc\u30f3\u306f PMDD \u306e\u30b9\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u57fa\u6e96\u3092\u6e80\u305f\u3057\u3066\u3044\u307e\u3059\u3002\u60c5\u7dd2\u75c7\u72b6\u304c\u91cd\u5ea6\u3067\u3001\u4ed6\u306e\u75c7\u72b6\u3082\u8907\u6570\u3042\u308a\u3001\u751f\u6d3b\u6a5f\u80fd\u3078\u306e\u5f71\u97ff\u3082\u91cd\u5ea6\u3068\u63a8\u5b9a\u3055\u308c\u307e\u3059\u3002';\n      advice = '\u5a66\u4eba\u79d1\u307e\u305f\u306f\u5fc3\u7642\u5185\u79d1\u30fb\u7cbe\u795e\u79d1\u3078\u306e\u53d7\u8a3a\u3092\u5f37\u304f\u304a\u52e7\u3081\u3057\u307e\u3059\u3002PMDD \u306f\u6cbb\u7642\u53ef\u80fd\u306a\u75be\u60a3\u3067\u3042\u308a\u3001\u9078\u629e\u7684\u30bb\u30ed\u30c8\u30cb\u30f3\u518d\u53d6\u308a\u8fbc\u307f\u963b\u5bb3\u85ac\uff08SSRI\uff09\u3084\u4f4e\u7528\u91cf\u30d4\u30eb\u306a\u3069\u306e\u6709\u52b9\u306a\u6cbb\u7642\u9078\u629e\u80a2\u304c\u3042\u308a\u307e\u3059\u3002\u8077\u5834\u3067\u306f\u7523\u696d\u533b\u30fb\u7523\u696d\u4fdd\u5065\u30b9\u30bf\u30c3\u30d5\u306b\u3082\u76f8\u8ac7\u3057\u307e\u3057\u3087\u3046\u3002';\n    } else if (coreMidPlus && symModSevereCount >= 5 && fnMidPlus) {\n      category = '\u4e2d\u7b49\u5ea6\u301c\u91cd\u5ea6\u306e PMS \u306e\u53ef\u80fd\u6027';\n      levelClass = 'is-high';\n      text = '\u56de\u7b54\u30d1\u30bf\u30fc\u30f3\u306f\u4e2d\u7b49\u5ea6\u301c\u91cd\u5ea6\u306e\u6708\u7d4c\u524d\u75c7\u5019\u7fa4\uff08PMS\uff09\u306e\u30b9\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u57fa\u6e96\u3092\u6e80\u305f\u3057\u3066\u3044\u307e\u3059\u3002\u60c5\u7dd2\u30fb\u8eab\u4f53\u75c7\u72b6\u304c\u8907\u6570\u3042\u308a\u3001\u751f\u6d3b\u6a5f\u80fd\u3078\u306e\u5f71\u97ff\u3082\u4e2d\u7b49\u5ea6\u4ee5\u4e0a\u3068\u63a8\u5b9a\u3055\u308c\u307e\u3059\u3002';\n      advice = '\u5a66\u4eba\u79d1\u306e\u53d7\u8a3a\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u751f\u6d3b\u6307\u5c0e\uff08\u7761\u7720\u30fb\u904b\u52d5\u30fb\u6804\u990a\uff09\u306b\u52a0\u3048\u3001\u4f4e\u7528\u91cf\u30d4\u30eb\u3084\u6f22\u65b9\u85ac\u306a\u3069\u306b\u3088\u308b\u6cbb\u7642\u304c\u6709\u52b9\u306a\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u8077\u5834\u3067\u306f\u696d\u52d9\u8abf\u6574\u3084\u52e4\u52d9\u5236\u5ea6\u306e\u6d3b\u7528\u3082\u9078\u629e\u80a2\u306b\u306a\u308a\u307e\u3059\u3002';\n    } else if (symModSevereCount >= 1 || fnMidPlus) {\n      category = '\u8efd\u5ea6\u306e PMS';\n      levelClass = 'is-mid';\n      text = '\u8efd\u5ea6\u306e\u6708\u7d4c\u524d\u75c7\u5019\u7fa4\u306e\u75c7\u72b6\u304c\u8a8d\u3081\u3089\u308c\u307e\u3059\u3002\u751f\u6d3b\u3078\u306e\u5f71\u97ff\u306f\u9650\u5b9a\u7684\u3067\u3059\u304c\u3001\u75c7\u72b6\u306e\u6709\u7121\u3092\u610f\u8b58\u7684\u306b\u628a\u63e1\u3059\u308b\u3053\u3068\u3067\u5bfe\u51e6\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002';\n      advice = '\u75c7\u72b6\u65e5\u8a18\u3092\u3064\u3051\u3066\u3001\u75c7\u72b6\u306e\u51fa\u73fe\u30d1\u30bf\u30fc\u30f3\u3068\u751f\u6d3b\u7fd2\u6163\uff08\u7761\u7720\u30fb\u904b\u52d5\u30fb\u30ab\u30d5\u30a7\u30a4\u30f3\u6442\u53d6\u7b49\uff09\u306e\u95a2\u4fc2\u3092\u89b3\u5bdf\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u6c17\u306b\u306a\u308b\u5834\u5408\u306f\u7523\u696d\u4fdd\u5065\u30b9\u30bf\u30c3\u30d5\u3084\u5a66\u4eba\u79d1\u306b\u76f8\u8ac7\u3092\u3002';\n    } else {\n      category = 'PMS \u75c7\u72b6\u306f\u76ee\u7acb\u305f\u306a\u3044';\n      levelClass = 'is-low';\n      text = '\u4eca\u56de\u306e\u56de\u7b54\u304b\u3089\u306f\u3001\u660e\u3089\u304b\u306a PMS\uff0fPMDD \u306e\u75c7\u72b6\u306f\u898b\u3089\u308c\u307e\u305b\u3093\u3067\u3057\u305f\u3002';\n      advice = '\u4eca\u5f8c\u3001\u6708\u7d4c\u5468\u671f\u306b\u4f34\u3046\u75c7\u72b6\u306e\u5909\u5316\u304c\u3042\u3063\u305f\u5834\u5408\u306b\u3001\u518d\u5ea6\u672c\u30c4\u30fc\u30eb\u3092\u304a\u4f7f\u3044\u304f\u3060\u3055\u3044\u3002';\n    }\n\n    const result = root.querySelector('#psst-result');\n    root.querySelector('#psst-score').textContent = '\u5224\u5b9a';\n    const lvEl = root.querySelector('#psst-level');\n    lvEl.textContent = category;\n    lvEl.className = 'mhsc-result-level ' + levelClass;\n    root.querySelector('#psst-text').innerHTML = text;\n    root.querySelector('#psst-advice').innerHTML = advice;\n    result.classList.add('is-shown');\n    result.scrollIntoView({behavior:'smooth', block:'start'});\n  });\n\n  root.querySelector('#psst-reset').addEventListener('click', () => {\n    root.querySelector('#psst-result').classList.remove('is-shown');\n    root.querySelector('#psst-answered').textContent = '0';\n    root.querySelector('#psst-progress').style.width = '0%';\n  });\n\n})();\n<\/script>\n<\/div>\n<!-- ====================== END mhsc-root ====================== -->\n","protected":false},"excerpt":{"rendered":"<p>Self-Check Tool \u6708\u7d4c\u95a2\u9023\u75c7\u72b6 \u30bb\u30eb\u30d5\u30c1\u30a7\u30c3\u30af Menstrual Symptom Self-Assessment for the Workplace \u7814\u7a76\u73ed:\u539a\u751f\u52b4\u50cd\u79d1\u5b66\u7814\u7a76\u8cbb\u88dc\u52a9\u91d1 23JA1005 \u5bfe [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":false,"footnotes":"","_wp_rev_ctl_limit":""},"class_list":["post-774","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/www.ryoritsu.dohcuoeh.com\/closing_the_gender_gap\/index.php?rest_route=\/wp\/v2\/pages\/774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ryoritsu.dohcuoeh.com\/closing_the_gender_gap\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ryoritsu.dohcuoeh.com\/closing_the_gender_gap\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ryoritsu.dohcuoeh.com\/closing_the_gender_gap\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ryoritsu.dohcuoeh.com\/closing_the_gender_gap\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=774"}],"version-history":[{"count":1,"href":"https:\/\/www.ryoritsu.dohcuoeh.com\/closing_the_gender_gap\/index.php?rest_route=\/wp\/v2\/pages\/774\/revisions"}],"predecessor-version":[{"id":775,"href":"https:\/\/www.ryoritsu.dohcuoeh.com\/closing_the_gender_gap\/index.php?rest_route=\/wp\/v2\/pages\/774\/revisions\/775"}],"wp:attachment":[{"href":"https:\/\/www.ryoritsu.dohcuoeh.com\/closing_the_gender_gap\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}