{"id":1357,"date":"2026-09-23T19:40:39","date_gmt":"2026-09-23T10:40:39","guid":{"rendered":"https:\/\/scrivener-harenokuni.com\/souzoku\/?page_id=1357"},"modified":"2026-09-25T06:35:51","modified_gmt":"2026-09-24T21:35:51","slug":"%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e8%a9%a6%e4%bd%9c","status":"publish","type":"page","link":"https:\/\/scrivener-harenokuni.com\/souzoku\/","title":{"rendered":"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8"},"content":{"rendered":"\n<!--\n  \u76f8\u7d9a\u30b5\u30a4\u30c8\u30fb\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u5b8c\u6210\u7248\n  \u56fa\u5b9a\u30da\u30fc\u30b8 ID 1357\n  \u300c\u304a\u77e5\u3089\u305b\u30fbTopics\u300d\u300c\u66ae\u3089\u3057\u3068\u8ca1\u7523\u306e\u5225\u518a\u300d\u306f\u6295\u7a3f\u304b\u3089\u81ea\u52d5\u53d6\u5f97\n-->\n\n<style>\n\/* =========================================================\n   BLOCKSY\u5171\u901a\u30d8\u30c3\u30c0\u30fc\uff0f\u30d5\u30c3\u30bf\u30fc\u3092\u4f7f\u7528\u3059\u308b\u305f\u3081\u3001\n   \u3053\u306e\u30da\u30fc\u30b8\u5185\u306b\u6b8b\u308b\u8a66\u4f5c\u7528\u30d8\u30c3\u30c0\u30fc\uff0f\u30d5\u30c3\u30bf\u30fc\u3060\u3051\u3092\u975e\u8868\u793a\n========================================================= *\/\nbody.page-id-1357 .fni2-header,\nbody.page-id-1357 .fni2-footer {\n  display: none !important;\n}\n\n\/* =========================================================\n   TOP PAGE V3\n========================================================= *\/\n.fni2,\n.fni2 * {\n  box-sizing: border-box;\n}\n\n.fni2 {\n  --ink: #172820;\n  --text: #405149;\n  --muted: #6a7771;\n  --green: #285b45;\n  --green-deep: #174533;\n  --green-soft: #eaf2ed;\n  --sand: #f5f1e8;\n  --paper: #fffefa;\n  --white: #ffffff;\n  --line: #d8e0da;\n  --accent: #b78346;\n  --shadow: 0 18px 54px rgba(27, 49, 39, 0.09);\n  width: 100%;\n  max-width: 1600px;\n  margin: 0 auto;\n  overflow: clip;\n  background: var(--paper);\n  color: var(--text);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans JP\",\n    \"Yu Gothic\", \"Hiragino Kaku Gothic ProN\", Meiryo, sans-serif;\n  font-size: 16px;\n  line-height: 1.8;\n  text-align: left;\n}\n\n.fni2 a {\n  color: inherit;\n}\n\n.fni2 img,\n.fni2 svg {\n  display: block;\n  max-width: 100%;\n}\n\n.fni2 h1,\n.fni2 h2,\n.fni2 h3,\n.fni2 p,\n.fni2 ul {\n  margin-top: 0;\n}\n\n.fni2 h1,\n.fni2 h2,\n.fni2 h3 {\n  color: var(--ink);\n  font-family: inherit;\n  font-weight: 650;\n  letter-spacing: 0.01em;\n}\n\n.fni2-shell {\n  width: min(calc(100% - 40px), 1120px);\n  margin-inline: auto;\n}\n\n.fni2-section {\n  padding: 88px 0;\n  scroll-margin-top: 76px;\n}\n\n.fni2-kicker {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 16px;\n  color: var(--green);\n  font-size: 13px;\n  font-weight: 750;\n  letter-spacing: 0.11em;\n}\n\n.fni2-kicker::before {\n  width: 28px;\n  height: 2px;\n  background: var(--accent);\n  content: \"\";\n}\n\n.fni2-title {\n  max-width: 100%;\n  margin-bottom: 18px;\n  font-size: clamp(30px, 3.2vw, 42px);\n  line-height: 1.38;\n  text-wrap: balance;\n  word-break: normal;\n  overflow-wrap: break-word;\n}\n\n.fni2-lead {\n  max-width: 710px;\n  margin-bottom: 0;\n  color: var(--text);\n  font-size: 17px;\n  line-height: 1.95;\n}\n\n\/* ---------- \u4eee\u30d8\u30c3\u30c0\u30fc ---------- *\/\n.fni2-header {\n  position: relative;\n  z-index: 20;\n  border-bottom: 1px solid rgba(23, 40, 32, 0.1);\n  background: rgba(255, 254, 250, 0.97);\n}\n\n.fni2-header-inner {\n  display: flex;\n  min-height: 76px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 28px;\n}\n\n.fni2-brand {\n  display: inline-flex;\n  flex: 0 0 auto;\n  align-items: center;\n  gap: 12px;\n  color: var(--ink) !important;\n  font-size: 18px;\n  font-weight: 750;\n  line-height: 1.3;\n  text-decoration: none !important;\n}\n\n.fni2-brand-mark {\n  display: grid;\n  width: 34px;\n  height: 34px;\n  place-items: center;\n  border-radius: 50%;\n  background: var(--green);\n  color: var(--white);\n  font-size: 13px;\n  letter-spacing: 0.05em;\n}\n\n.fni2-desktop-nav {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: clamp(14px, 2vw, 26px);\n}\n\n.fni2-desktop-nav > a {\n  color: var(--ink);\n  font-size: 14px;\n  font-weight: 650;\n  text-decoration: none;\n}\n\n.fni2-desktop-nav > a:hover {\n  color: var(--green);\n}\n\n.fni2 a:focus-visible,\n.fni2 summary:focus-visible {\n  outline: 3px solid var(--accent);\n  outline-offset: 4px;\n}\n\n.fni2-nav-cta {\n  min-height: 42px;\n  padding: 8px 18px;\n  border-radius: 999px;\n  background: var(--green);\n  color: var(--white) !important;\n}\n\n.fni2-mobile-nav {\n  display: none;\n}\n\n\/* ---------- \u30d5\u30a1\u30fc\u30b9\u30c8\u30d3\u30e5\u30fc ---------- *\/\n.fni2-hero {\n  position: relative;\n  isolation: isolate;\n  min-height: 670px;\n  background:\n    radial-gradient(circle at 82% 22%, rgba(183, 131, 70, 0.17), transparent 23%),\n    linear-gradient(128deg, #edf4ef 0%, #f7f3e9 68%, #f2eadc 100%);\n}\n\n.fni2-hero::after {\n  display: none;\n}\n\n.fni2-hero-grid {\n  display: grid;\n  min-height: 670px;\n  grid-template-columns: minmax(0, 1.22fr) minmax(280px, 0.78fr);\n  align-items: center;\n  gap: clamp(42px, 5vw, 72px);\n  padding: 72px 0 64px;\n}\n\n.fni2-hero-copy {\n  max-width: 720px;\n}\n\n.fni2-hero-label {\n  margin-bottom: 20px;\n  color: var(--green);\n  font-size: 14px;\n  font-weight: 750;\n  letter-spacing: 0.08em;\n}\n\n.fni2-hero h1 {\n  margin-bottom: 26px;\n  font-size: clamp(44px, 5vw, 64px);\n  line-height: 1.22;\n}\n\n.fni2-hero h1 span {\n  display: block;\n  white-space: nowrap;\n}\n\n.fni2-hero-text {\n  max-width: 650px;\n  margin-bottom: 34px;\n  color: var(--text);\n  font-size: clamp(17px, 1.8vw, 20px);\n  line-height: 1.9;\n}\n\n.fni2-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.fni2-button {\n  display: inline-flex;\n  min-height: 52px;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 12px 24px;\n  border: 1px solid var(--green);\n  border-radius: 4px;\n  background: var(--green);\n  color: var(--white) !important;\n  font-weight: 750;\n  line-height: 1.4;\n  text-decoration: none !important;\n  transition: transform 0.18s ease, background 0.18s ease;\n}\n\n.fni2-button::after {\n  content: \"\u2192\";\n}\n\n.fni2-button:hover {\n  background: var(--green-deep);\n  transform: translateY(-1px);\n}\n\n.fni2-button--quiet {\n  background: transparent;\n  color: var(--green) !important;\n}\n\n.fni2-button--quiet:hover {\n  background: rgba(255, 255, 255, 0.55);\n}\n\n.fni2-flow {\n  position: relative;\n  padding: 30px 30px 30px 46px;\n  border: 1px solid rgba(40, 91, 69, 0.16);\n  border-radius: 28px;\n  background: rgba(255, 255, 255, 0.58);\n  box-shadow: var(--shadow);\n}\n\n.fni2-flow::before {\n  position: absolute;\n  top: 54px;\n  bottom: 54px;\n  left: 25px;\n  width: 1px;\n  background: rgba(40, 91, 69, 0.32);\n  content: \"\";\n}\n\n.fni2-flow-item {\n  position: relative;\n  padding: 16px 0 18px 20px;\n}\n\n.fni2-flow-item::before {\n  position: absolute;\n  top: 25px;\n  left: -26px;\n  width: 11px;\n  height: 11px;\n  border: 3px solid var(--paper);\n  border-radius: 50%;\n  background: var(--green);\n  box-shadow: 0 0 0 1px var(--green);\n  content: \"\";\n}\n\n.fni2-flow-item + .fni2-flow-item {\n  border-top: 1px solid rgba(40, 91, 69, 0.13);\n}\n\n.fni2-flow-item small {\n  display: block;\n  margin-bottom: 3px;\n  color: var(--muted);\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.fni2-flow-item strong {\n  display: block;\n  color: var(--ink);\n  font-size: 18px;\n  line-height: 1.5;\n}\n\n\/* ---------- \u72b6\u6cc1\u5225\u5165\u53e3 ---------- *\/\n.fni2-situations {\n  background: var(--paper);\n}\n\n.fni2-card-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 18px;\n  margin-top: 40px;\n}\n\n.fni2-card {\n  position: relative;\n  display: block;\n  min-height: 200px;\n  padding: 30px;\n  border: 1px solid var(--line);\n  background: var(--white);\n  color: var(--ink);\n  text-decoration: none;\n  transition: border-color 0.2s ease, background-color 0.2s ease;\n}\n\n.fni2-card:hover {\n  border-color: var(--green);\n  background: #fbfcfa;\n}\n\n.fni2-card:focus-visible {\n  outline: 3px solid rgba(40, 103, 79, 0.28);\n  outline-offset: 3px;\n}\n\n.fni2-card-tag {\n  display: block;\n  margin-bottom: 10px;\n  color: var(--green);\n  font-size: 12px;\n  font-weight: 750;\n  letter-spacing: 0.08em;\n}\n\n.fni2-card h3 {\n  margin-bottom: 9px;\n  font-size: 22px;\n  line-height: 1.5;\n}\n\n.fni2-card p {\n  margin-bottom: 0;\n  color: var(--text);\n  line-height: 1.85;\n}\n\n\/* ---------- \u554f\u984c\u3078\u306e\u6c17\u3065\u304d ---------- *\/\n.fni2-awareness {\n  background: var(--green-soft);\n}\n\n.fni2-awareness-grid {\n  display: grid;\n  grid-template-columns: minmax(350px, 0.88fr) minmax(0, 1.12fr);\n  gap: clamp(44px, 6vw, 76px);\n  align-items: start;\n}\n\n.fni2-awareness .fni2-title {\n  max-width: 470px;\n  font-size: clamp(30px, 3vw, 40px);\n}\n\n.fni2-sticky-copy {\n  position: sticky;\n  top: 30px;\n}\n\n.fni2-checks {\n  border-top: 1px solid #bdcdc2;\n}\n\n.fni2-check {\n  padding: 25px 0;\n  border-bottom: 1px solid #bdcdc2;\n}\n\n.fni2-check h3 {\n  margin-bottom: 6px;\n  font-size: 19px;\n  line-height: 1.55;\n}\n\n.fni2-check p {\n  margin-bottom: 0;\n  color: var(--text);\n}\n\n.fni2-note {\n  margin-top: 26px;\n  padding: 22px 24px;\n  border-left: 4px solid var(--green);\n  background: var(--white);\n  color: var(--ink);\n  font-weight: 650;\n}\n\n\/* ---------- \u76f8\u8ac7\u306e\u9032\u307f\u65b9 ---------- *\/\n.fni2-consultation {\n  background: var(--paper);\n}\n\n.fni2-steps {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 18px;\n  margin-top: 42px;\n}\n\n.fni2-step {\n  padding: 28px;\n  background: var(--sand);\n}\n\n.fni2-step-number {\n  display: block;\n  margin-bottom: 26px;\n  color: var(--green);\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 0.1em;\n}\n\n.fni2-step h3 {\n  margin-bottom: 10px;\n  font-size: 20px;\n}\n\n.fni2-step p {\n  margin-bottom: 0;\n  color: var(--text);\n}\n\n\/* ---------- \u53d6\u6271\u7bc4\u56f2 ---------- *\/\n.fni2-services {\n  background: var(--sand);\n}\n\n.fni2-service-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 1px;\n  margin-top: 40px;\n  overflow: hidden;\n  border: 1px solid var(--line);\n  background: var(--line);\n}\n\n.fni2-service {\n  padding: 28px;\n  background: var(--white);\n}\n\n.fni2-service h3 {\n  margin-bottom: 8px;\n  font-size: 20px;\n}\n\n.fni2-service p {\n  margin-bottom: 0;\n  color: var(--text);\n}\n\n.fni2-cooperation {\n  margin-top: 24px;\n  padding: 22px 24px;\n  background: rgba(255, 255, 255, 0.66);\n  color: var(--text);\n}\n\n\/* ---------- \u304a\u77e5\u3089\u305b\u30fb\u66ae\u3089\u3057\u3068\u8ca1\u7523\u306e\u5225\u518a ---------- *\/\n.fni2-small-streams {\n  padding: 54px 0;\n  border-top: 1px solid var(--line);\n  background: var(--paper);\n}\n\n.fni2-small-streams-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: clamp(36px, 6vw, 72px);\n}\n\n.fni2-small-stream {\n  min-width: 0;\n}\n\n.fni2-small-stream-heading {\n  margin: 0;\n}\n\n.fni2-small-stream-label {\n  display: inline-flex;\n  align-items: center;\n  min-height: 34px;\n  padding: 7px 14px;\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  background: transparent;\n  color: var(--ink);\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.03em;\n  line-height: 1.4;\n  text-decoration: none;\n}\n\n.fni2-small-stream-label[href]:hover {\n  border-color: var(--green);\n  color: var(--green);\n}\n\n.fni2-small-stream-list {\n  margin: 18px 0 0;\n  padding: 0;\n  border-top: 1px solid var(--line);\n  list-style: none;\n}\n\n.fni2-small-stream-item {\n  margin: 0;\n  border-bottom: 1px solid var(--line);\n}\n\n.fni2-small-stream-entry {\n  display: grid;\n  grid-template-columns: 84px minmax(0, 1fr);\n  align-items: center;\n  gap: 14px;\n  padding: 14px 2px;\n  color: var(--text);\n  text-decoration: none;\n}\n\na.fni2-small-stream-entry:hover .fni2-small-stream-title {\n  color: var(--green);\n}\n\n.fni2-small-stream-date {\n  color: var(--muted);\n  font-size: 11px;\n  letter-spacing: 0.03em;\n  white-space: nowrap;\n}\n\n.fni2-small-stream-title {\n  min-width: 0;\n  color: var(--text);\n  font-size: 14px;\n  line-height: 1.65;\n  transition: color 0.2s ease;\n}\n\n.fni2-small-stream-entry--image {\n  grid-template-columns: 84px minmax(0, 1fr) 54px;\n}\n\n.fni2-small-stream-thumb {\n  width: 54px;\n  height: 38px;\n  border: 1px solid var(--line);\n  background: var(--sand);\n  object-fit: cover;\n}\n\n.fni2-small-stream-empty {\n  margin: 18px 0 0;\n  padding: 14px 2px;\n  border-top: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n  color: var(--muted);\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n\/* ---------- \u554f\u3044\u5408\u308f\u305b ---------- *\/\n.fni2-contact {\n  background: var(--green-deep);\n  color: var(--white);\n}\n\n.fni2-contact-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: end;\n  gap: 40px;\n}\n\n.fni2-contact .fni2-kicker,\n.fni2-contact .fni2-title,\n.fni2-contact .fni2-lead {\n  color: var(--white);\n}\n\n.fni2-contact .fni2-kicker::before {\n  background: #d6b27f;\n}\n\n.fni2-contact .fni2-button {\n  border-color: var(--white);\n  background: var(--white);\n  color: var(--green-deep) !important;\n  white-space: nowrap;\n}\n\n.fni2-contact-note {\n  margin: 22px 0 0;\n  color: rgba(255, 255, 255, 0.75);\n  font-size: 13px;\n}\n\n\/* ---------- \u4eee\u30d5\u30c3\u30bf\u30fc ---------- *\/\n.fni2-footer {\n  padding: 28px 0;\n  background: #102f24;\n  color: rgba(255, 255, 255, 0.76);\n  font-size: 13px;\n}\n\n.fni2-footer-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.fni2-footer p {\n  margin-bottom: 0;\n}\n\n.fni2-footer a {\n  color: var(--white);\n  text-decoration: none;\n}\n\n\/* ---------- \u30bf\u30d6\u30ec\u30c3\u30c8\uff0f\u30b9\u30de\u30db ---------- *\/\n@media (max-width: 900px) {\n  .fni2-title,\n  .fni2-awareness .fni2-title {\n    font-size: 34px;\n  }\n\n  .fni2-desktop-nav {\n    display: none;\n  }\n\n  .fni2-mobile-nav {\n    display: block;\n    position: relative;\n  }\n\n  .fni2-mobile-nav summary {\n    padding: 8px 0 8px 18px;\n    color: var(--ink);\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 750;\n    list-style: none;\n  }\n\n  .fni2-mobile-nav summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .fni2-mobile-nav summary::after {\n    margin-left: 8px;\n    content: \"\uff0b\";\n  }\n\n  .fni2-mobile-nav[open] summary::after {\n    content: \"\u2212\";\n  }\n\n  .fni2-mobile-menu {\n    position: absolute;\n    top: 48px;\n    right: 0;\n    width: min(300px, calc(100vw - 40px));\n    padding: 12px;\n    border: 1px solid var(--line);\n    background: var(--white);\n    box-shadow: var(--shadow);\n  }\n\n  .fni2-mobile-menu a {\n    display: block;\n    padding: 12px 10px;\n    border-bottom: 1px solid var(--line);\n    color: var(--ink);\n    font-size: 14px;\n    font-weight: 650;\n    text-decoration: none;\n  }\n\n  .fni2-mobile-menu a:last-child {\n    border-bottom: 0;\n  }\n\n  .fni2-hero,\n  .fni2-hero-grid {\n    min-height: auto;\n  }\n\n  .fni2-hero-grid {\n    grid-template-columns: 1fr;\n    gap: 48px;\n    padding: 72px 0;\n  }\n\n  .fni2-flow {\n    max-width: 520px;\n  }\n\n  .fni2-awareness-grid {\n    grid-template-columns: 1fr;\n    gap: 38px;\n  }\n\n  .fni2-sticky-copy {\n    position: static;\n  }\n}\n\n@media (max-width: 680px) {\n  .fni2 {\n    font-size: 15px;\n  }\n\n  .fni2-shell {\n    width: min(calc(100% - 32px), 1120px);\n  }\n\n  .fni2-section {\n    padding: 62px 0;\n  }\n\n  .fni2-header-inner {\n    min-height: 64px;\n  }\n\n  .fni2-brand {\n    gap: 9px;\n    font-size: 16px;\n  }\n\n  .fni2-brand-mark {\n    width: 30px;\n    height: 30px;\n    font-size: 11px;\n  }\n\n  .fni2-title {\n    font-size: 27px;\n    line-height: 1.45;\n  }\n\n  .fni2-awareness .fni2-title {\n    font-size: 27px;\n    line-height: 1.45;\n  }\n\n  .fni2-lead {\n    font-size: 16px;\n    line-height: 1.85;\n  }\n\n  .fni2-hero-grid {\n    gap: 42px;\n    padding: 58px 0 54px;\n  }\n\n  .fni2-hero-label {\n    margin-bottom: 15px;\n    font-size: 12px;\n  }\n\n  .fni2-hero h1 {\n    margin-bottom: 22px;\n    font-size: clamp(35px, 10.4vw, 46px);\n    line-height: 1.3;\n    letter-spacing: 0;\n  }\n\n  .fni2-hero-text {\n    margin-bottom: 27px;\n    font-size: 16px;\n    line-height: 1.85;\n  }\n\n  .fni2-actions,\n  .fni2-button {\n    width: 100%;\n  }\n\n  .fni2-flow {\n    padding: 24px 22px 24px 40px;\n    border-radius: 18px;\n  }\n\n  .fni2-flow::before {\n    left: 21px;\n  }\n\n  .fni2-flow-item {\n    padding-left: 17px;\n  }\n\n  .fni2-flow-item::before {\n    left: -24px;\n  }\n\n  .fni2-flow-item strong {\n    font-size: 16px;\n  }\n\n  .fni2-card-grid,\n  .fni2-steps,\n  .fni2-service-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .fni2-card-grid {\n    gap: 12px;\n    margin-top: 32px;\n  }\n\n  .fni2-card {\n    min-height: 0;\n    padding: 24px 22px;\n  }\n\n  .fni2-card h3 {\n    font-size: 19px;\n  }\n\n  .fni2-check {\n    padding: 22px 0;\n  }\n\n  .fni2-check h3 {\n    font-size: 18px;\n  }\n\n  .fni2-steps {\n    gap: 12px;\n    margin-top: 32px;\n  }\n\n  .fni2-step,\n  .fni2-service {\n    padding: 23px 21px;\n  }\n\n  .fni2-step-number {\n    margin-bottom: 14px;\n  }\n\n  .fni2-contact-grid {\n    grid-template-columns: 1fr;\n    align-items: start;\n    gap: 28px;\n  }\n\n  .fni2-small-streams {\n    padding: 42px 0;\n  }\n\n  .fni2-small-streams-grid {\n    grid-template-columns: 1fr;\n    gap: 38px;\n  }\n\n  .fni2-small-stream-label {\n    min-height: 32px;\n    padding: 6px 12px;\n    font-size: 12px;\n  }\n\n  .fni2-small-stream-entry {\n    grid-template-columns: 76px minmax(0, 1fr);\n    gap: 11px;\n  }\n\n  .fni2-small-stream-entry--image {\n    grid-template-columns: 76px minmax(0, 1fr) 48px;\n  }\n\n  .fni2-small-stream-thumb {\n    width: 48px;\n    height: 34px;\n  }\n\n  .fni2-small-stream-title {\n    font-size: 13px;\n  }\n\n  .fni2-footer-inner {\n    display: block;\n  }\n\n  .fni2-footer p + p {\n    margin-top: 7px;\n  }\n}\n\n@supports (word-break: auto-phrase) {\n  .fni2-title,\n  .fni2-card h3,\n  .fni2-check h3,\n  .fni2-step h3,\n  .fni2-service h3 {\n    word-break: auto-phrase;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fni2 *,\n  .fni2 *::before,\n  .fni2 *::after {\n    scroll-behavior: auto !important;\n    transition: none !important;\n  }\n}\n<\/style>\n\n<div class=\"fni2\" id=\"fni2-top\">\n\n  <!-- \u4eee\u30d8\u30c3\u30c0\u30fc\uff1a\u4e8b\u52d9\u6240\u540d\u306f\u3053\u3053\u3060\u3051\u5909\u66f4\u3059\u308c\u3070\u3088\u3044 -->\n  <header class=\"fni2-header\">\n    <div class=\"fni2-shell fni2-header-inner\">\n      <a class=\"fni2-brand\" href=\"#fni2-top\" aria-label=\"\u30da\u30fc\u30b8\u306e\u5148\u982d\u3078\">\n        <span class=\"fni2-brand-mark\" aria-hidden=\"true\">Ni<\/span>\n        <span>\u53f8\u6cd5\u66f8\u58eb\u6cd5\u4eba\u30d5\u30a1\u30fc\u30b9\u30c8Ni<\/span>\n      <\/a>\n\n      <nav class=\"fni2-desktop-nav\" aria-label=\"\u4e3b\u8981\u30e1\u30cb\u30e5\u30fc\">\n        <a href=\"#fni2-situation\">\u4eca\u306e\u72b6\u6cc1\u304b\u3089\u63a2\u3059<\/a>\n        <a href=\"#fni2-services\">\u53d6\u6271\u696d\u52d9<\/a>\n        <a href=\"#fni2-consultation\">\u76f8\u8ac7\u306e\u9032\u307f\u65b9<\/a>\n        <a class=\"fni2-nav-cta\" href=\"#fni2-contact\">\u76f8\u8ac7\u3059\u308b<\/a>\n      <\/nav>\n\n      <details class=\"fni2-mobile-nav\">\n        <summary>\u30e1\u30cb\u30e5\u30fc<\/summary>\n        <nav class=\"fni2-mobile-menu\" aria-label=\"\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u7528\u30e1\u30cb\u30e5\u30fc\">\n          <a href=\"#fni2-situation\">\u4eca\u306e\u72b6\u6cc1\u304b\u3089\u63a2\u3059<\/a>\n          <a href=\"#fni2-services\">\u53d6\u6271\u696d\u52d9<\/a>\n          <a href=\"#fni2-consultation\">\u76f8\u8ac7\u306e\u9032\u307f\u65b9<\/a>\n          <a href=\"#fni2-contact\">\u76f8\u8ac7\u3059\u308b<\/a>\n        <\/nav>\n      <\/details>\n    <\/div>\n  <\/header>\n\n  <main>\n    <!-- 1. \u6700\u521d\u306e\u753b\u9762\u3067\u4f1d\u3048\u308b\u3053\u3068 -->\n    <section class=\"fni2-hero\">\n      <div class=\"fni2-shell fni2-hero-grid\">\n        <div class=\"fni2-hero-copy\">\n          <p class=\"fni2-hero-label\">\u76f8\u7d9a\u3068\u8ca1\u7523\u7ba1\u7406\u306e\u76f8\u8ac7\u7a93\u53e3<\/p>\n          <h1>\n            <span>\u751f\u524d\u304b\u3089\u3001<\/span>\n            <span>\u76f8\u7d9a\u306e\u3042\u3068\u307e\u3067\u3002<\/span>\n          <\/h1>\n          <p class=\"fni2-hero-text\">\n            \u672c\u4eba\u304c\u9078\u3079\u308b\u6642\u671f\u304b\u3089\u3001\u5bb6\u65cf\u306b\u3088\u308b\u7ba1\u7406\u3001\u76f8\u7d9a\u958b\u59cb\u5f8c\u306e\u624b\u7d9a\u307e\u3067\u3002\u8ca1\u7523\u306e\u554f\u984c\u3092\u3001\u3072\u3068\u7d9a\u304d\u306e\u6642\u9593\u3068\u3057\u3066\u6574\u7406\u3057\u307e\u3059\u3002\n          <\/p>\n          <div class=\"fni2-actions\">\n            <a class=\"fni2-button\" href=\"#fni2-situation\">\u4eca\u306e\u72b6\u6cc1\u304b\u3089\u63a2\u3059<\/a>\n            <a class=\"fni2-button fni2-button--quiet\" href=\"#fni2-contact\">\u76f8\u8ac7\u306b\u3064\u3044\u3066\u78ba\u8a8d\u3059\u308b<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"fni2-flow\" aria-label=\"\u8ca1\u7523\u7ba1\u7406\u304b\u3089\u76f8\u7d9a\u307e\u3067\u306e\u6642\u9593\u306e\u6d41\u308c\">\n          <div class=\"fni2-flow-item\">\n            <small>\u672c\u4eba\u304c\u9078\u3079\u308b\u6642\u671f<\/small>\n            <strong>\u3053\u308c\u304b\u3089\u306e\u7ba1\u7406\u3068\u5f15\u7d99\u304e\u3092\u8003\u3048\u308b<\/strong>\n          <\/div>\n          <div class=\"fni2-flow-item\">\n            <small>\u5bb6\u65cf\u304c\u652f\u3048\u59cb\u3081\u308b\u6642\u671f<\/small>\n            <strong>\u5224\u65ad\u80fd\u529b\u3068\u8ca1\u7523\u7ba1\u7406\u306e\u5909\u5316\u3092\u78ba\u8a8d\u3059\u308b<\/strong>\n          <\/div>\n          <div class=\"fni2-flow-item\">\n            <small>\u76f8\u7d9a\u304c\u59cb\u307e\u3063\u305f\u3042\u3068<\/small>\n            <strong>\u4eba\u30fb\u8ca1\u7523\u30fb\u671f\u9650\u304b\u3089\u624b\u7d9a\u3092\u7d44\u307f\u7acb\u3066\u308b<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 2. \u6b21\u306b\u898b\u305b\u308b\u3082\u306e\uff1a\u76f8\u8ac7\u8005\u306e\u73fe\u5728\u5730 -->\n    <section class=\"fni2-section fni2-situations\" id=\"fni2-situation\">\n      <div class=\"fni2-shell\">\n        <p class=\"fni2-kicker\">\u307e\u305a\u3001\u73fe\u5728\u5730\u3092\u78ba\u8a8d\u3059\u308b<\/p>\n        <h2 class=\"fni2-title\">\u624b\u7d9a\u306e\u540d\u524d\u304c\u5206\u304b\u3089\u306a\u304f\u3066\u3082\u69cb\u3044\u307e\u305b\u3093<\/h2>\n        <p class=\"fni2-lead\">\n          \u3044\u307e\u8d77\u304d\u3066\u3044\u308b\u3053\u3068\u306b\u8fd1\u3044\u5165\u53e3\u304b\u3089\u898b\u3066\u304f\u3060\u3055\u3044\u3002\u5236\u5ea6\u3092\u9078\u3076\u306e\u306f\u3001\u305d\u306e\u3042\u3068\u306e\u8a71\u3067\u3059\u3002\n        <\/p>\n\n        <div class=\"fni2-card-grid\">\n          <a class=\"fni2-card\" href=\"\/souzoku\/inheritance-procedures\/\">\n            <span class=\"fni2-card-tag\">\u76f8\u7d9a\u958b\u59cb\u5f8c<\/span>\n            <h3>\u5bb6\u65cf\u304c\u4ea1\u304f\u306a\u3063\u305f<\/h3>\n            <p>\u76f8\u7d9a\u4eba\u3001\u907a\u7523\u3001\u907a\u8a00\u66f8\u3001\u540d\u7fa9\u5909\u66f4\u3001\u671f\u9650\u306e\u3042\u308b\u624b\u7d9a\u3092\u9806\u756a\u306b\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n          <\/a>\n\n          <a class=\"fni2-card\" id=\"fni2-renunciation\" href=\"\/souzoku\/inheritance-renunciation\/\">\n            <span class=\"fni2-card-tag\">\u671f\u9650\u306b\u6ce8\u610f<\/span>\n            <h3>\u76f8\u7d9a\u653e\u68c4\u3092\u8003\u3048\u3066\u3044\u308b<\/h3>\n            <p>\u501f\u91d1\u306e\u6709\u7121\u3060\u3051\u3067\u6c7a\u3081\u305a\u3001\u8ca1\u7523\u3001\u6b7b\u4ea1\u3092\u77e5\u3063\u305f\u6642\u671f\u3001\u6b21\u306b\u76f8\u7d9a\u4eba\u3068\u306a\u308b\u4eba\u307e\u3067\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n          <\/a>\n\n          <a class=\"fni2-card\" href=\"\/souzoku\/will-lifetime-planning\/\">\n            <span class=\"fni2-card-tag\">\u751f\u524d\u306e\u6e96\u5099<\/span>\n            <h3>\u3053\u308c\u304b\u3089\u306b\u5099\u3048\u305f\u3044<\/h3>\n            <p>\u907a\u8a00\u3084\u8ca1\u7523\u306e\u5f15\u7d99\u304e\u65b9\u3092\u3001\u307e\u3060\u672c\u4eba\u304c\u9078\u3079\u308b\u6bb5\u968e\u304b\u3089\u8003\u3048\u307e\u3059\u3002<\/p>\n          <\/a>\n\n          <a class=\"fni2-card\" href=\"\/souzoku\/property-management\/\">\n            <span class=\"fni2-card-tag\">\u8ca1\u7523\u7ba1\u7406<\/span>\n            <h3>\u5bb6\u65cf\u306e\u7ba1\u7406\u304c\u6c17\u306b\u306a\u3063\u3066\u3044\u308b<\/h3>\n            <p>\u9810\u8caf\u91d1\u3001\u4e0d\u52d5\u7523\u3001\u751f\u6d3b\u8cbb\u306e\u7ba1\u7406\u3068\u3001\u5224\u65ad\u80fd\u529b\u306e\u5909\u5316\u3092\u5206\u3051\u3066\u6574\u7406\u3057\u307e\u3059\u3002<\/p>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 3. \u81ea\u8eab\u306e\u554f\u984c\u306b\u6c17\u3065\u3044\u3066\u3082\u3089\u3046\u5834\u6240 -->\n    <section class=\"fni2-section fni2-awareness\">\n      <div class=\"fni2-shell fni2-awareness-grid\">\n        <div class=\"fni2-sticky-copy\">\n          <p class=\"fni2-kicker\">\u624b\u7d9a\u3092\u6c7a\u3081\u308b\u524d\u306b<\/p>\n          <h2 class=\"fni2-title\">\u4e00\u3064\u306e\u624b\u7d9a\u3060\u3051\u3067\u306f\u898b\u3048\u306a\u3044\u3053\u3068\u304c\u3042\u308a\u307e\u3059<\/h2>\n          <p class=\"fni2-lead\">\n            \u300c\u767b\u8a18\u3060\u3051\u300d\u300c\u907a\u8a00\u3060\u3051\u300d\u3068\u6c7a\u3081\u308b\u524d\u306b\u3001\u554f\u984c\u306e\u524d\u5f8c\u3092\u4e00\u5ea6\u78ba\u8a8d\u3057\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n\n        <div>\n          <div class=\"fni2-checks\">\n            <article class=\"fni2-check\">\n              <h3>\u3044\u3064\u3001\u4f55\u304c\u8d77\u304d\u307e\u3057\u305f\u304b<\/h3>\n              <p>\u6b7b\u4ea1\u3057\u305f\u6642\u671f\u3060\u3051\u3067\u306a\u304f\u3001\u751f\u6d3b\u3084\u5224\u65ad\u80fd\u529b\u304c\u5909\u308f\u3063\u305f\u6642\u671f\u3082\u624b\u7d9a\u306b\u95a2\u4fc2\u3057\u307e\u3059\u3002<\/p>\n            <\/article>\n            <article class=\"fni2-check\">\n              <h3>\u95a2\u4fc2\u3059\u308b\u4eba\u306f\u5168\u54e1\u5206\u304b\u3063\u3066\u3044\u307e\u3059\u304b<\/h3>\n              <p>\u6238\u7c4d\u3092\u305f\u3069\u3063\u3066\u521d\u3081\u3066\u5224\u660e\u3059\u308b\u76f8\u7d9a\u4eba\u3084\u3001\u76f8\u7d9a\u653e\u68c4\u306b\u3088\u308a\u6b21\u306e\u9806\u4f4d\u3078\u79fb\u308b\u4eba\u304c\u3044\u307e\u3059\u3002<\/p>\n            <\/article>\n            <article class=\"fni2-check\">\n              <h3>\u4e0d\u52d5\u7523\u30fb\u9810\u8caf\u91d1\u30fb\u501f\u91d1\u30fb\u907a\u8a00\u66f8\u3092\u78ba\u8a8d\u3057\u307e\u3057\u305f\u304b<\/h3>\n              <p>\u898b\u3048\u3066\u3044\u308b\u8ca1\u7523\u3060\u3051\u3067\u624b\u7d9a\u3092\u9078\u3076\u3068\u3001\u3042\u3068\u304b\u3089\u65b9\u91dd\u304c\u5909\u308f\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n            <\/article>\n            <article class=\"fni2-check\">\n              <h3>\u672c\u4eba\u306e\u610f\u601d\u3092\u3001\u307e\u3060\u78ba\u8a8d\u3067\u304d\u307e\u3059\u304b<\/h3>\n              <p>\u751f\u524d\u306e\u5bfe\u7b56\u3067\u306f\u3001\u672c\u4eba\u304c\u7406\u89e3\u3057\u9078\u3079\u308b\u6642\u9593\u304c\u3001\u305d\u306e\u307e\u307e\u9078\u629e\u80a2\u306e\u5e83\u3055\u306b\u3064\u306a\u304c\u308a\u307e\u3059\u3002<\/p>\n            <\/article>\n          <\/div>\n\n          <p class=\"fni2-note\">\n            \u5168\u90e8\u8abf\u3079\u3066\u304b\u3089\u76f8\u8ac7\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u300c\u5206\u304b\u3089\u306a\u3044\u300d\u304c\u6b8b\u3063\u3066\u3044\u308b\u72b6\u614b\u304b\u3089\u6574\u7406\u3067\u304d\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 4. \u76f8\u8ac7\u3078\u3069\u3046\u3064\u306a\u3050\u304b -->\n    <section class=\"fni2-section fni2-consultation\" id=\"fni2-consultation\">\n      <div class=\"fni2-shell\">\n        <p class=\"fni2-kicker\">\u76f8\u8ac7\u3067\u884c\u3046\u3053\u3068<\/p>\n        <h2 class=\"fni2-title\">\u76f8\u8ac7\u3057\u305f\u305d\u306e\u65e5\u306b\u3001\u4f9d\u983c\u3092\u6c7a\u3081\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093<\/h2>\n        <p class=\"fni2-lead\">\n          \u307e\u305a\u3001\u4f55\u304c\u5206\u304b\u3063\u3066\u3044\u3066\u3001\u4f55\u304c\u672a\u78ba\u8a8d\u306a\u306e\u304b\u3092\u5206\u3051\u307e\u3059\u3002\u305d\u306e\u3046\u3048\u3067\u3001\u5fc5\u8981\u306a\u624b\u7d9a\u3001\u9806\u756a\u3001\u8cbb\u7528\u306e\u7bc4\u56f2\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002\n        <\/p>\n\n        <div class=\"fni2-steps\">\n          <article class=\"fni2-step\">\n            <span class=\"fni2-step-number\">01\u3000\u72b6\u6cc1<\/span>\n            <h3>\u8d77\u304d\u305f\u3053\u3068\u3092\u805e\u304f<\/h3>\n            <p>\u5236\u5ea6\u540d\u3067\u306f\u306a\u304f\u3001\u5bb6\u65cf\u3001\u751f\u6d3b\u3001\u8ca1\u7523\u306b\u8d77\u304d\u305f\u3053\u3068\u3092\u6642\u7cfb\u5217\u3067\u6574\u7406\u3057\u307e\u3059\u3002<\/p>\n          <\/article>\n          <article class=\"fni2-step\">\n            <span class=\"fni2-step-number\">02\u3000\u6574\u7406<\/span>\n            <h3>\u4eba\u30fb\u8ca1\u7523\u30fb\u671f\u9650\u3092\u5206\u3051\u308b<\/h3>\n            <p>\u6025\u3050\u3082\u306e\u3001\u8abf\u67fb\u304c\u5fc5\u8981\u306a\u3082\u306e\u3001\u3044\u307e\u6c7a\u3081\u306a\u304f\u3066\u3088\u3044\u3082\u306e\u3092\u5206\u3051\u307e\u3059\u3002<\/p>\n          <\/article>\n          <article class=\"fni2-step\">\n            <span class=\"fni2-step-number\">03\u3000\u5224\u65ad<\/span>\n            <h3>\u624b\u7d9a\u3068\u8cbb\u7528\u3092\u78ba\u8a8d\u3059\u308b<\/h3>\n            <p>\u81ea\u5206\u3067\u884c\u3046\u7bc4\u56f2\u3068\u4f9d\u983c\u3059\u308b\u7bc4\u56f2\u3092\u78ba\u8a8d\u3057\u3001\u9032\u3081\u65b9\u3092\u5224\u65ad\u3057\u307e\u3059\u3002<\/p>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- \u53d6\u6271\u696d\u52d9\uff1a\u50b5\u52d9\u6574\u7406\u306f\u5165\u308c\u306a\u3044\uff0f\u76f8\u7d9a\u653e\u68c4\u306f\u72ec\u7acb -->\n    <section class=\"fni2-section fni2-services\" id=\"fni2-services\">\n      <div class=\"fni2-shell\">\n        <p class=\"fni2-kicker\">\u53d6\u6271\u696d\u52d9<\/p>\n        <h2 class=\"fni2-title\">\u751f\u524d\u306e\u6e96\u5099\u304b\u3089\u76f8\u7d9a\u958b\u59cb\u5f8c\u307e\u3067<\/h2>\n        <p class=\"fni2-lead\">\n          \u4e00\u3064\u306e\u5236\u5ea6\u3060\u3051\u3092\u52e7\u3081\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u73fe\u5728\u306e\u6bb5\u968e\u3068\u5fc5\u8981\u306a\u9806\u756a\u306b\u5408\u308f\u305b\u3066\u6271\u3044\u307e\u3059\u3002\n        <\/p>\n\n        <div class=\"fni2-service-grid\">\n          <article class=\"fni2-service\">\n            <h3>\u76f8\u7d9a\u624b\u7d9a\u30fb\u76f8\u7d9a\u767b\u8a18<\/h3>\n            <p>\u6238\u7c4d\u53ce\u96c6\u3001\u76f8\u7d9a\u4eba\u306e\u78ba\u8a8d\u3001\u907a\u7523\u627f\u7d99\u3001\u76f8\u7d9a\u767b\u8a18\u306a\u3069\u3002<\/p>\n          <\/article>\n          <article class=\"fni2-service\">\n            <h3>\u76f8\u7d9a\u653e\u68c4<\/h3>\n            <p>\u5bb6\u5ead\u88c1\u5224\u6240\u3078\u306e\u7533\u8ff0\u306b\u5411\u3051\u305f\u4e8b\u60c5\u3001\u8ca1\u7523\u3001\u671f\u9650\u3001\u6b21\u9806\u4f4d\u8005\u306e\u78ba\u8a8d\u306a\u3069\u3002<\/p>\n          <\/article>\n          <article class=\"fni2-service\">\n            <h3>\u907a\u8a00\u30fb\u751f\u524d\u306e\u6e96\u5099<\/h3>\n            <p>\u907a\u8a00\u66f8\u4f5c\u6210\u652f\u63f4\u3001\u8ca1\u7523\u306e\u5f15\u7d99\u304e\u65b9\u3001\u672c\u4eba\u306e\u610f\u601d\u3092\u6b8b\u3059\u65b9\u6cd5\u306a\u3069\u3002<\/p>\n          <\/article>\n          <article class=\"fni2-service\">\n            <h3>\u8ca1\u7523\u7ba1\u7406<\/h3>\n            <p>\u5224\u65ad\u80fd\u529b\u306e\u5909\u5316\u3092\u898b\u636e\u3048\u305f\u7ba1\u7406\u65b9\u6cd5\u3001\u6210\u5e74\u5f8c\u898b\u7b49\u306b\u95a2\u3059\u308b\u76f8\u8ac7\u306a\u3069\u3002<\/p>\n          <\/article>\n        <\/div>\n\n        <p class=\"fni2-cooperation\">\n          \u76f8\u7d9a\u4eba\u9593\u306e\u4e89\u3044\u3001\u7a0e\u52d9\u5224\u65ad\u3001\u4e0d\u52d5\u7523\u51e6\u5206\u3001\u751f\u6d3b\u652f\u63f4\u306a\u3069\u304c\u5fc5\u8981\u306a\u5834\u5408\u306f\u3001\u4e8b\u60c5\u306b\u5fdc\u3058\u3066\u4ed6\u306e\u5c02\u9580\u5bb6\u3068\u306e\u9023\u643a\u3092\u691c\u8a0e\u3057\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n    <\/section>\n\n    <!--\n      \u6295\u7a3f\u9023\u52d5\u6b04\n      \u6295\u7a3f\u30ab\u30c6\u30b4\u30ea\u30fc\u306e\u30b9\u30e9\u30c3\u30b0\uff1a\n      \u30fb\u304a\u77e5\u3089\u305b\u30fbTopics = topics\n      \u30fb\u66ae\u3089\u3057\u3068\u8ca1\u7523\u306e\u5225\u518a = bekkan\n    -->\n    <section class=\"fni2-small-streams\" id=\"fni2-small-streams\">\n      <div class=\"fni2-shell\">\n        <div class=\"fni2-small-streams-grid\">\n\n          <section class=\"fni2-small-stream\" aria-labelledby=\"fni2-topics-title\">\n            <h2 class=\"fni2-small-stream-heading\" id=\"fni2-topics-title\">\n              <span class=\"fni2-small-stream-label\" id=\"fni2-topics-label\">\u304a\u77e5\u3089\u305b\u30fbTopics<\/span>\n            <\/h2>\n            <div id=\"fni2-topics-content\" aria-live=\"polite\">\n              <p class=\"fni2-small-stream-empty\">\u73fe\u5728\u3001\u304a\u77e5\u3089\u305b\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n            <\/div>\n          <\/section>\n\n          <section class=\"fni2-small-stream\" aria-labelledby=\"fni2-bekkan-title\">\n            <h2 class=\"fni2-small-stream-heading\" id=\"fni2-bekkan-title\">\n              <span class=\"fni2-small-stream-label\" id=\"fni2-bekkan-label\">\u66ae\u3089\u3057\u3068\u8ca1\u7523\u306e\u5225\u518a<\/span>\n            <\/h2>\n            <div id=\"fni2-bekkan-content\" aria-live=\"polite\">\n              <p class=\"fni2-small-stream-empty\">\u73fe\u5728\u3001\u63b2\u8f09\u8a18\u4e8b\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n            <\/div>\n          <\/section>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- \u6700\u7d42CTA -->\n    <section class=\"fni2-section fni2-contact\" id=\"fni2-contact\">\n      <div class=\"fni2-shell\">\n        <div class=\"fni2-contact-grid\">\n          <div>\n            <p class=\"fni2-kicker\">\u76f8\u8ac7\u30fb\u304a\u554f\u3044\u5408\u308f\u305b<\/p>\n            <h2 class=\"fni2-title\">\u5206\u304b\u3063\u3066\u3044\u308b\u3068\u3053\u308d\u307e\u3067\u3001\u304a\u805e\u304b\u305b\u304f\u3060\u3055\u3044<\/h2>\n            <p class=\"fni2-lead\">\n              \u66f8\u985e\u304c\u3059\u3079\u3066\u63c3\u3063\u3066\u3044\u306a\u304f\u3066\u3082\u69cb\u3044\u307e\u305b\u3093\u3002\u76f8\u8ac7\u65b9\u6cd5\u3001\u8cbb\u7528\u3001\u6301\u53c2\u3067\u304d\u308c\u3070\u3088\u3044\u3082\u306e\u3092\u3001\u76f8\u8ac7\u3092\u59cb\u3081\u308b\u524d\u306b\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002\n            <\/p>\n          <\/div>\n\n          <a class=\"fni2-button\" href=\"https:\/\/scrivener-harenokuni.com\/souzoku\/inquiry\/\">\u76f8\u8ac7\u65b9\u6cd5\u3092\u78ba\u8a8d\u3059\u308b<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"fni2-footer\">\n    <div class=\"fni2-shell fni2-footer-inner\">\n      <p>\u76f8\u7d9a\u30fb\u907a\u8a00\u30fb\u8ca1\u7523\u7ba1\u7406\u306b\u95a2\u3059\u308b\u53f8\u6cd5\u66f8\u58eb\u76f8\u8ac7<\/p>\n      <p><a href=\"#fni2-top\">\u30da\u30fc\u30b8\u306e\u5148\u982d\u3078 \u2191<\/a><\/p>\n    <\/div>\n  <\/footer>\n<\/div>\n\n<script>\n(function () {\n  \"use strict\";\n\n  var apiRoot = \"\/souzoku\/wp-json\/wp\/v2\";\n\n  function plainText(html) {\n    var box = document.createElement(\"textarea\");\n    box.innerHTML = html || \"\";\n    return box.value;\n  }\n\n  function formatDate(dateString) {\n    var date = new Date(dateString);\n\n    if (Number.isNaN(date.getTime())) {\n      return \"\";\n    }\n\n    return [\n      date.getFullYear(),\n      String(date.getMonth() + 1).padStart(2, \"0\"),\n      String(date.getDate()).padStart(2, \"0\")\n    ].join(\".\");\n  }\n\n  function getThumbnail(post) {\n    var embedded = post && post._embedded;\n    var media = embedded && embedded[\"wp:featuredmedia\"];\n    var item = media && media[0];\n\n    if (!item) {\n      return \"\";\n    }\n\n    if (\n      item.media_details &&\n      item.media_details.sizes &&\n      item.media_details.sizes.thumbnail\n    ) {\n      return item.media_details.sizes.thumbnail.source_url || \"\";\n    }\n\n    return item.source_url || \"\";\n  }\n\n  function makeLabelLink(label, category) {\n    if (!label || !category || !category.link) {\n      return;\n    }\n\n    var link = document.createElement(\"a\");\n    link.className = label.className;\n    link.id = label.id;\n    link.href = category.link;\n    link.textContent = label.textContent;\n    link.setAttribute(\"aria-label\", label.textContent + \"\u306e\u4e00\u89a7\u3092\u898b\u308b\");\n    label.replaceWith(link);\n  }\n\n  function renderPosts(target, posts, showImage) {\n    var list = document.createElement(\"ol\");\n    list.className = \"fni2-small-stream-list\";\n\n    posts.forEach(function (post) {\n      var item = document.createElement(\"li\");\n      var link = document.createElement(\"a\");\n      var date = document.createElement(\"time\");\n      var title = document.createElement(\"span\");\n      var thumbnail = showImage ? getThumbnail(post) : \"\";\n\n      item.className = \"fni2-small-stream-item\";\n      link.className = \"fni2-small-stream-entry\";\n      link.href = post.link;\n\n      if (thumbnail) {\n        link.classList.add(\"fni2-small-stream-entry--image\");\n      }\n\n      date.className = \"fni2-small-stream-date\";\n      date.dateTime = post.date;\n      date.textContent = formatDate(post.date);\n\n      title.className = \"fni2-small-stream-title\";\n      title.textContent = plainText(post.title && post.title.rendered);\n\n      link.appendChild(date);\n      link.appendChild(title);\n\n      if (thumbnail) {\n        var image = document.createElement(\"img\");\n        image.className = \"fni2-small-stream-thumb\";\n        image.src = thumbnail;\n        image.alt = \"\";\n        image.loading = \"lazy\";\n        image.decoding = \"async\";\n        link.appendChild(image);\n      }\n\n      item.appendChild(link);\n      list.appendChild(item);\n    });\n\n    target.replaceChildren(list);\n  }\n\n  function loadStream(options) {\n    var target = document.getElementById(options.targetId);\n    var label = document.getElementById(options.labelId);\n\n    if (!target) {\n      return;\n    }\n\n    fetch(apiRoot + \"\/categories?slug=\" + encodeURIComponent(options.slug), {\n      credentials: \"same-origin\"\n    })\n      .then(function (response) {\n        if (!response.ok) {\n          throw new Error(\"\u30ab\u30c6\u30b4\u30ea\u30fc\u3092\u53d6\u5f97\u3067\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002\");\n        }\n        return response.json();\n      })\n      .then(function (categories) {\n        if (!categories.length) {\n          return null;\n        }\n\n        var category = categories[0];\n        makeLabelLink(label, category);\n\n        return fetch(\n          apiRoot +\n            \"\/posts?categories=\" +\n            category.id +\n            \"&per_page=3&orderby=date&order=desc&_embed=1\",\n          { credentials: \"same-origin\" }\n        );\n      })\n      .then(function (response) {\n        if (!response) {\n          return null;\n        }\n        if (!response.ok) {\n          throw new Error(\"\u6295\u7a3f\u3092\u53d6\u5f97\u3067\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002\");\n        }\n        return response.json();\n      })\n      .then(function (posts) {\n        if (\n          posts &&\n          posts.length >= (options.minimumPosts || 1)\n        ) {\n          renderPosts(target, posts, options.showImage);\n        }\n      })\n      .catch(function () {\n        \/*\n          \u901a\u4fe1\u30a8\u30e9\u30fc\u6642\u306f\u3001HTML\u306b\u6700\u521d\u304b\u3089\u66f8\u304b\u308c\u3066\u3044\u308b\u8868\u793a\u3092\u6b8b\u3059\u3002\n          \u304a\u77e5\u3089\u305b\u306f\u300c\u73fe\u5728\u3001\u304a\u77e5\u3089\u305b\u306f\u3042\u308a\u307e\u305b\u3093\u300d\u3002\n          \u5225\u518a\u306f\u300c\u73fe\u5728\u3001\u63b2\u8f09\u8a18\u4e8b\u306f\u3042\u308a\u307e\u305b\u3093\u300d\u3002\n        *\/\n      });\n  }\n\n  function startStreams() {\n    loadStream({\n      slug: \"topics\",\n      targetId: \"fni2-topics-content\",\n      labelId: \"fni2-topics-label\",\n      showImage: false,\n      minimumPosts: 1\n    });\n\n    loadStream({\n      slug: \"bekkan\",\n      targetId: \"fni2-bekkan-content\",\n      labelId: \"fni2-bekkan-label\",\n      showImage: true,\n      minimumPosts: 1\n    });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", startStreams, { once: true });\n  } else {\n    startStreams();\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Ni \u53f8\u6cd5\u66f8\u58eb\u6cd5\u4eba\u30d5\u30a1\u30fc\u30b9\u30c8Ni \u4eca\u306e\u72b6\u6cc1\u304b\u3089\u63a2\u3059 \u53d6\u6271\u696d\u52d9 \u76f8\u8ac7\u306e\u9032\u307f\u65b9 \u76f8\u8ac7\u3059\u308b \u30e1\u30cb\u30e5\u30fc \u4eca\u306e\u72b6\u6cc1\u304b\u3089\u63a2\u3059 \u53d6\u6271\u696d\u52d9 \u76f8\u8ac7\u306e\u9032\u307f\u65b9 \u76f8\u8ac7\u3059\u308b \u76f8\u7d9a\u3068\u8ca1\u7523\u7ba1\u7406\u306e\u76f8\u8ac7\u7a93\u53e3 \u751f\u524d\u304b\u3089\u3001 \u76f8\u7d9a\u306e\u3042\u3068\u307e\u3067\u3002 \u672c\u4eba\u304c\u9078\u3079\u308b\u6642\u671f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1357","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_structure_type":"default","has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/scrivener-harenokuni.com\/souzoku\/wp-json\/wp\/v2\/pages\/1357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scrivener-harenokuni.com\/souzoku\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scrivener-harenokuni.com\/souzoku\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scrivener-harenokuni.com\/souzoku\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scrivener-harenokuni.com\/souzoku\/wp-json\/wp\/v2\/comments?post=1357"}],"version-history":[{"count":12,"href":"https:\/\/scrivener-harenokuni.com\/souzoku\/wp-json\/wp\/v2\/pages\/1357\/revisions"}],"predecessor-version":[{"id":1415,"href":"https:\/\/scrivener-harenokuni.com\/souzoku\/wp-json\/wp\/v2\/pages\/1357\/revisions\/1415"}],"wp:attachment":[{"href":"https:\/\/scrivener-harenokuni.com\/souzoku\/wp-json\/wp\/v2\/media?parent=1357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}