{"id":88,"date":"2026-05-16T20:10:41","date_gmt":"2026-05-16T11:10:41","guid":{"rendered":"https:\/\/kenko-jk.com\/p\/?page_id=88"},"modified":"2026-05-29T22:15:13","modified_gmt":"2026-05-29T13:15:13","slug":"home","status":"publish","type":"page","link":"https:\/\/kenko-jk.com\/p\/","title":{"rendered":"\u9854\u306e\u6b6a\u307f\u3092\u6cbb\u3059\u6574\u4f53\uff5c\u5de6\u53f3\u5dee\u30fb\u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3\u6539\u5584\uff5c\u5927\u962a\u30fb\u662d\u548c\u753a\u99c5\u3059\u3050"},"content":{"rendered":"\n<style>\n\/* ========================================\n   SB LP RESET & BASE CSS\n   \u6700\u521d\u306b1\u56de\u3060\u3051\u5165\u308c\u308b\u5171\u901aCSS\n======================================== *\/\n\n\/* ---------- Reset ---------- *\/\n\n*,\n*::before,\n*::after{\n  box-sizing:border-box;\n}\n\nhtml{\n  -webkit-text-size-adjust:100%;\n  scroll-behavior:smooth;\n}\n\nbody{\n  margin:0;\n  padding:0;\n}\n\nh1,h2,h3,h4,h5,h6,\np,\nul,\nol,\nfigure{\n  margin:0;\n  padding:0;\n}\n\nul,\nol{\n  list-style:none;\n}\n\nimg{\n  max-width:100%;\n  height:auto;\n  display:block;\n  border:none;\n}\n\na{\n  text-decoration:none;\n  color:inherit;\n}\n\ntable{\n  border-collapse:collapse;\n  border-spacing:0;\n}\n\n\/* ========================================\n   Base\n======================================== *\/\n\n:root{\n\n  \/* color *\/\n  --color-main:#1a6fc4;\n  --color-main-dark:#14579d;\n\n  --color-accent:#ef5b00;\n  --color-accent-dark:#d94f00;\n\n  --color-line:#06c755;\n\n  --color-text:#222;\n  --color-text-light:#555;\n  --color-text-soft:#777;\n\n  --color-bg:#ffffff;\n  --color-bg-soft:#f8f7f4;\n\n  --color-border:#ececec;\n\n  \/* radius *\/\n  --radius-lg:24px;\n  --radius-md:18px;\n  --radius-sm:12px;\n\n  \/* shadow *\/\n  --shadow:\n    0 10px 30px rgba(0,0,0,.06);\n\n  \/* container *\/\n  --container:1100px;\n\n}\n\n\/* ========================================\n   Typography\n======================================== *\/\n\nbody{\n\n  font-family:\n    \"Hiragino Sans\",\n    \"Hiragino Kaku Gothic ProN\",\n    \"Yu Gothic\",\n    \"Yu Gothic Medium\",\n    \"Noto Sans JP\",\n    sans-serif;\n\n  color:var(--color-text);\n\n  background:#fff;\n\n  line-height:1.85;\n\n  font-weight:500;\n\n  -webkit-font-smoothing:antialiased;\n  text-rendering:optimizeLegibility;\n\n  overflow-x:hidden;\n\n}\n\n\/* PC *\/\nbody{\n  font-size:18px;\n}\n\n\/* Tablet *\/\n@media (max-width:1024px){\n\n  body{\n    font-size:17px;\n  }\n\n}\n\n\/* SP *\/\n@media (max-width:767px){\n\n  body{\n    font-size:16px;\n    line-height:1.8;\n  }\n\n}\n\n\/* ========================================\n   Layout\n======================================== *\/\n\n.lp-section{\n  padding:96px 0;\n}\n\n@media (max-width:767px){\n\n  .lp-section{\n    padding:72px 0;\n  }\n\n}\n\n\/* \u2190 \u3053\u3053\u3092\u6539\u5584\n   \u30b9\u30de\u30db\u6642\u306b\u5de6\u53f3\u4f59\u767d\u3092\u5e83\u3081\u306b\u78ba\u4fdd *\/\n\n.lp-container{\n\n  width:min(\n    var(--container),\n    calc(100% - 48px)\n  );\n\n  margin-inline:auto;\n\n}\n\n@media (max-width:767px){\n\n  .lp-container{\n\n    width:min(\n      100%,\n      calc(100% - 32px)\n    );\n\n  }\n\n}\n\n\/* ========================================\n   Section Heading\n======================================== *\/\n\n.lp-section-head{\n  text-align:center;\n  margin-bottom:48px;\n}\n\n.lp-kicker{\n\n  display:inline-block;\n\n  margin-bottom:14px;\n\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:.18em;\n\n  color:var(--color-main);\n\n}\n\n.lp-title{\n\n  font-size:clamp(28px,4vw,42px);\n\n  line-height:1.45;\n\n  font-weight:900;\n\n  letter-spacing:.02em;\n\n  color:#222;\n\n}\n\n.lp-title strong{\n  color:var(--color-main);\n}\n\n@media (max-width:767px){\n\n  .lp-title{\n    line-height:1.5;\n  }\n\n}\n\n.lp-text{\n\n  margin-top:18px;\n\n  color:var(--color-text-light);\n\n  line-height:1.95;\n\n}\n\n@media (max-width:767px){\n\n  .lp-text{\n    line-height:1.9;\n  }\n\n}\n\n\/* ========================================\n   Card\n======================================== *\/\n\n.lp-card{\n\n  background:#fff;\n\n  border:1px solid var(--color-border);\n\n  border-radius:var(--radius-lg);\n\n  box-shadow:var(--shadow);\n\n}\n\n\/* ========================================\n   Button\n======================================== *\/\n\n.lp-btn{\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:100%;\n\n  min-height:72px;\n\n  padding:16px 20px;\n\n  border-radius:999px;\n\n  color:#fff !important;\n\n  font-weight:900;\n\n  transition:.25s ease;\n\n  box-shadow:\n    0 8px 22px rgba(0,0,0,.14);\n\n  text-align:center;\n\n}\n\n.lp-btn:hover{\n  transform:translateY(-2px);\n}\n\n.lp-btn--orange{\n  background:\n    linear-gradient(\n      135deg,\n      var(--color-accent),\n      var(--color-accent-dark)\n    );\n}\n\n.lp-btn--line{\n  background:\n    linear-gradient(\n      135deg,\n      #06c755,\n      #04a344\n    );\n}\n\n.lp-btn--blue{\n  background:\n    linear-gradient(\n      135deg,\n      var(--color-main),\n      var(--color-main-dark)\n    );\n}\n\n\/* ========================================\n   Grid\n======================================== *\/\n\n.lp-grid-2{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:24px;\n\n}\n\n.lp-grid-3{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:24px;\n\n}\n\n.lp-grid-4{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  gap:18px;\n\n}\n\n@media (max-width:1024px){\n\n  .lp-grid-3,\n  .lp-grid-4{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n}\n\n@media (max-width:767px){\n\n  .lp-grid-2,\n  .lp-grid-3,\n  .lp-grid-4{\n    grid-template-columns:1fr;\n  }\n\n}\n\n\/* ========================================\n   Utility\n======================================== *\/\n\n.ta-center{\n  text-align:center;\n}\n\n.bg-soft{\n  background:var(--color-bg-soft);\n}\n\n.sp-only{\n  display:none;\n}\n\n@media (max-width:767px){\n\n  .pc-only{\n    display:none;\n  }\n\n  .sp-only{\n    display:block;\n  }\n\n}\n\n\/* ========================================\n   Image overflow prevention\n======================================== *\/\n\nsection,\ndiv,\narticle{\n  max-width:100%;\n}\n\n\/* ========================================\n   Floating CTA\u4f59\u767d\n======================================== *\/\n\nbody{\n  padding-bottom:90px;\n}\n\n@media (min-width:768px){\n\n  body{\n    padding-bottom:0;\n  }\n\n}\n<\/style>\n\n\n\n<section class=\"hero-sec\">\n\n  <!-- \u3010PC\u7528\u3011\u6a2a\u5e451025px\u4ee5\u4e0a\u3067\u8868\u793a -->\n  <div class=\"hero-pc-wrap\">\n    <a href=\"https:\/\/kenko-jk.com\/reserve\/\">\n      <img decoding=\"async\" src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/2026-5-25PC.webp\" alt=\"\u9854\u306e\u6b6a\u307f\u5c02\u9580\u6574\u4f53\u9662\" class=\"hero-img\">\n    <\/a>\n  <\/div>\n\n  <!-- \u3010\u30bf\u30d6\u30ec\u30c3\u30c8\u7528\u3011\u6a2a\u5e45768px\u301c1024px\u3067\u8868\u793a -->\n  <div class=\"hero-tab-wrap\">\n    <a href=\"https:\/\/kenko-jk.com\/reserve\/\">\n      <img decoding=\"async\" src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/2026-5-25PC.webp\" alt=\"\u9854\u306e\u6b6a\u307f\u5c02\u9580\u6574\u4f53\u9662\" class=\"hero-img\">\n    <\/a>\n  <\/div>\n\n  <!-- \u3010\u30b9\u30de\u30db\u7528\u3011\u6a2a\u5e45767px\u4ee5\u4e0b\u3067\u8868\u793a\uff083\u679a\u76ee\u3060\u3051\u30ea\u30f3\u30af\uff09 -->\n  <div class=\"hero-sp-wrap\">\n    <!-- 1\u679a\u76ee\uff1a\u30ea\u30f3\u30af\u306a\u3057 -->\n    <img decoding=\"async\" src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/2026-5-25PS-1.webp\" alt=\"\u9854\u306e\u6b6a\u307f\u5c02\u9580\u6574\u4f53\u96621\" class=\"hero-img\">\n    \n    <!-- 2\u679a\u76ee\uff1a\u30ea\u30f3\u30af\u306a\u3057 -->\n    <img decoding=\"async\" src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/2026-5-25PS-2.webp\" alt=\"\u9854\u306e\u6b6a\u307f\u5c02\u9580\u6574\u4f53\u96622\" class=\"hero-img\">\n    \n    <!-- 3\u679a\u76ee\uff1a\u30ea\u30f3\u30af\u3042\u308a -->\n    <a href=\"https:\/\/kenko-jk.com\/reserve\/\">\n      <img decoding=\"async\" src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/2026-5-25PS-3.webp\" alt=\"\u9854\u306e\u6b6a\u307f\u5c02\u9580\u6574\u4f53\u96623\" class=\"hero-img\">\n    <\/a>\n  <\/div>\n\n<\/section>\n\n<style>\n\/* ========================================\n\u30d2\u30fc\u30ed\u30fc\u5168\u4f53\n======================================== *\/\n.hero-sec {\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n  background: #f8f5ef;\n  line-height: 0;\n}\n\n.hero-sec a {\n  display: block;\n  text-decoration: none;\n}\n\n\/* ========================================\n\u753b\u50cf\u5171\u901a\n======================================== *\/\n.hero-img {\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  display: block;\n  margin: 0 auto;\n}\n\n\/* ========================================\n\u8868\u793a\u30fb\u975e\u8868\u793a\u306e\u5207\u308a\u66ff\u3048\u5236\u5fa1\uff08!important\u3067\u78ba\u5b9f\u306b\u51fa\u3057\u5206\u3051\uff09\n======================================== *\/\n\/* \u521d\u671f\u72b6\u614b\uff1aPC\u7528\u306e\u307f\u3092\u8868\u793a *\/\n.hero-pc-wrap { display: block; }\n.hero-tab-wrap { display: none; }\n.hero-sp-wrap { display: none; }\n\n\/* \u30bf\u30d6\u30ec\u30c3\u30c8\u30b5\u30a4\u30ba\uff081024px\u4ee5\u4e0b\u301c768px\u307e\u3067\uff09 *\/\n@media screen and (max-width: 1024px) {\n  .hero-pc-wrap { display: none !important; }\n  .hero-tab-wrap { display: block !important; }\n  .hero-sp-wrap { display: none !important; }\n}\n\n\/* \u30b9\u30de\u30db\u30b5\u30a4\u30ba\uff08767px\u4ee5\u4e0b\uff09 *\/\n@media screen and (max-width: 767px) {\n  .hero-pc-wrap { display: none !important; }\n  .hero-tab-wrap { display: none !important; }\n  .hero-sp-wrap { display: block !important; }\n}\n<\/style>\n\n\n\n<!-- =========================\nSECTION 2 : \u5171\u611f\u60a9\u307f\n\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u7248\n========================= -->\n\n<section class=\"lp-sympathy\">\n\n  <!-- \u80cc\u666f\u88c5\u98fe -->\n  <div class=\"lp-sympathy-bg\"><\/div>\n\n  <!-- \u4e0a\u90e8\u5e2f -->\n  <div class=\"lp-sympathy-band\">\n\n    <div class=\"lp-sympathy-band-inner\">\n\n      <p class=\"lp-sympathy-mini\">\n        SYMPATHY\n      <\/p>\n\n      <h2 class=\"lp-sympathy-title\">\n        \u300c\u306a\u3093\u304b\u9055\u3046\u2026\u300d<br>\n        \u3068\u611f\u3058\u308b\u77ac\u9593\u306f<br class=\"sp-only\">\n        \u3042\u308a\u307e\u305b\u3093\u304b\uff1f\n      <\/h2>\n\n      <p class=\"lp-sympathy-sub\">\n        \u93e1\u3067\u306f\u6c17\u3065\u304b\u306a\u304b\u3063\u305f\u9055\u548c\u611f\u3082\u3001<br>\n        \u5199\u771f\u3084\u52d5\u753b\u3067\u3075\u3068\u6c17\u306b\u306a\u308b\u65b9\u304c\u5897\u3048\u3066\u3044\u307e\u3059\u3002\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n  <!-- \u30ab\u30fc\u30c9 -->\n  <div class=\"lp-sympathy-wrap\">\n\n    <div class=\"lp-sympathy-grid\">\n\n      <!-- \u5f37\u30ab\u30fc\u30c9 -->\n      <div class=\"lp-sympathy-card large\">\n\n        <div class=\"lp-sympathy-icon\">\n          &#x1f4f7;\n        <\/div>\n\n        <p>\n          \u5199\u771f\u3092\u53cd\u8ee2\u3057\u305f\u6642\u3001<br>\n          \u300c\u3053\u308c\u304c\u672c\u5f53\u306e\u81ea\u5206\u306e\u9854\u2026\uff1f\u300d\u3068<br>\n          \u30b7\u30e7\u30c3\u30af\u3092\u53d7\u3051\u305f\u3053\u3068\u304c\u3042\u308b\n        <\/p>\n\n      <\/div>\n\n      <!-- \u901a\u5e38\u30ab\u30fc\u30c9 -->\n      <div class=\"lp-sympathy-card\">\n\n        <div class=\"lp-sympathy-icon\">\n          &#x1f637;\n        <\/div>\n\n        <p>\n          \u30de\u30b9\u30af\u3092\u5916\u3059\u3053\u3068\u306b<br>\n          \u5c11\u3057\u62b5\u6297\u3092\u611f\u3058\u308b\n        <\/p>\n\n      <\/div>\n\n      <div class=\"lp-sympathy-card\">\n\n        <div class=\"lp-sympathy-icon\">\n          &#x1f4bb;\n        <\/div>\n\n        <p>\n          Zoom\u3084\u52d5\u753b\u3067\u898b\u305f<br>\n          \u81ea\u5206\u306e\u9854\u306b\u9055\u548c\u611f\u304c\u3042\u308b\n        <\/p>\n\n      <\/div>\n\n      <div class=\"lp-sympathy-card soft\">\n\n        <div class=\"lp-sympathy-icon\">\n          &#x2728;\n        <\/div>\n\n        <p>\n          \u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3\u304c\u307c\u3084\u3051\u3066<br>\n          \u75b2\u308c\u3066\u898b\u3048\u308b\u3088\u3046\u306b\u306a\u3063\u305f\n        <\/p>\n\n      <\/div>\n\n      <div class=\"lp-sympathy-card\">\n\n        <div class=\"lp-sympathy-icon\">\n          &#x1fa9e;\n        <\/div>\n\n        <p>\n          \u671d\u3001\u93e1\u3092\u898b\u308b\u305f\u3073\u306b<br>\n          \u300c\u306a\u3093\u3068\u306a\u304f\u8001\u3051\u305f\u300d\u3068\u611f\u3058\u308b\n        <\/p>\n\n      <\/div>\n\n      <div class=\"lp-sympathy-card\">\n\n        <div class=\"lp-sympathy-icon\">\n          &#x1f33f;\n        <\/div>\n\n        <p>\n          \u5f37\u3044\u7f8e\u5bb9\u65bd\u8853\u3067\u306f\u306a\u304f\u3001<br>\n          \u81ea\u7136\u306b\u6574\u3048\u305f\u3044\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- \u5b89\u5fc3\u30c6\u30ad\u30b9\u30c8 -->\n    <div class=\"lp-sympathy-message\">\n\n      <p>\n        \u9854\u306e\u6b6a\u307f\u306f\u3001\u5e74\u9f62\u3060\u3051\u304c\u539f\u56e0\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br>\n        \u59ff\u52e2\u30fb\u565b\u307f\u7656\u30fb\u7b4b\u8089\u30d0\u30e9\u30f3\u30b9\u306a\u3069\u3001<br class=\"sp-only\">\n        \u65e5\u5e38\u306e\u30af\u30bb\u304c\u5f71\u97ff\u3057\u3066\u3044\u308b\u3053\u3068\u3082\u591a\u304f\u3042\u308a\u307e\u3059\u3002\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================\nSECTION2\n========================= *\/\n\n.lp-sympathy{\n  position:relative;\n  background:\n    linear-gradient(\n      180deg,\n      #f8f6f2 0%,\n      #f4f5f8 100%\n    );\n  overflow:hidden;\n}\n\n\/* \u80cc\u666f\u307c\u304b\u3057 *\/\n\n.lp-sympathy-bg{\n  position:absolute;\n  top:-120px;\n  right:-120px;\n  width:420px;\n  height:420px;\n  background:\n    radial-gradient(\n      rgba(215,181,109,0.10),\n      transparent 70%\n    );\n  pointer-events:none;\n}\n\n\/* =========================\n\u5e2f\n========================= *\/\n\n.lp-sympathy-band{\n  background:\n    linear-gradient(\n      135deg,\n      #1d2940 0%,\n      #253756 100%\n    );\n  padding:78px 20px 120px;\n  position:relative;\n}\n\n.lp-sympathy-band::after{\n  content:\"\";\n  position:absolute;\n  bottom:-1px;\n  left:0;\n  width:100%;\n  height:90px;\n  background:#f4f5f8;\n  clip-path:polygon(0 100%,100% 0,100% 100%);\n}\n\n.lp-sympathy-band-inner{\n  max-width:980px;\n  margin:0 auto;\n  text-align:center;\n  position:relative;\n  z-index:2;\n}\n\n.lp-sympathy-mini{\n  color:#d7b56d;\n  font-size:14px;\n  letter-spacing:0.18em;\n  font-weight:700;\n  margin-bottom:18px;\n}\n\n.lp-sympathy-title{\n  font-size:54px;\n  line-height:1.35;\n  font-weight:900;\n  color:#fff;\n  letter-spacing:0.03em;\n  margin-bottom:28px;\n}\n\n.lp-sympathy-sub{\n  font-size:20px;\n  line-height:2;\n  color:rgba(255,255,255,0.88);\n  font-weight:500;\n}\n\n\/* =========================\n\u30ab\u30fc\u30c9\u30a8\u30ea\u30a2\n========================= *\/\n\n.lp-sympathy-wrap{\n  max-width:1180px;\n  margin:-50px auto 0;\n  padding:0 20px 100px;\n  position:relative;\n  z-index:3;\n}\n\n.lp-sympathy-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:26px;\n}\n\n\/* \u30ab\u30fc\u30c9 *\/\n\n.lp-sympathy-card{\n  background:#fff;\n  border-radius:28px;\n  padding:38px 32px;\n  position:relative;\n  overflow:hidden;\n  transition:all .35s ease;\n  box-shadow:\n    0 15px 35px rgba(0,0,0,0.06);\n  border:1px solid rgba(0,0,0,0.04);\n}\n\n.lp-sympathy-card::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(\n      135deg,\n      rgba(215,181,109,0.04),\n      transparent\n    );\n  pointer-events:none;\n}\n\n.lp-sympathy-card:hover{\n  transform:translateY(-10px);\n  background:#fdfbf7;\n  box-shadow:\n    0 24px 45px rgba(0,0,0,0.10);\n}\n\n\/* \u5f37\u30ab\u30fc\u30c9 *\/\n\n.lp-sympathy-card.large{\n  grid-column:span 2;\n  background:\n    linear-gradient(\n      135deg,\n      #fff8f7 0%,\n      #ffffff 100%\n    );\n}\n\n.lp-sympathy-card.soft{\n  background:\n    linear-gradient(\n      135deg,\n      #fffdf8 0%,\n      #ffffff 100%\n    );\n}\n\n\/* \u30a2\u30a4\u30b3\u30f3 *\/\n\n.lp-sympathy-icon{\n  width:62px;\n  height:62px;\n  border-radius:50%;\n  background:\n    linear-gradient(\n      135deg,\n      #c8a45d 0%,\n      #e2c07c 100%\n    );\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:28px;\n  margin-bottom:24px;\n  box-shadow:\n    0 10px 24px rgba(200,164,93,0.24);\n}\n\n\/* \u30c6\u30ad\u30b9\u30c8 *\/\n\n.lp-sympathy-card p{\n  font-size:22px;\n  line-height:1.9;\n  color:#2d3748;\n  font-weight:700;\n  letter-spacing:0.02em;\n}\n\n\/* \u4e0b\u30e1\u30c3\u30bb\u30fc\u30b8 *\/\n\n.lp-sympathy-message{\n  margin-top:48px;\n  text-align:center;\n}\n\n.lp-sympathy-message p{\n  font-size:18px;\n  line-height:2;\n  color:#4a5568;\n}\n\n\/* =========================\nTablet\n========================= *\/\n\n@media screen and (max-width:1024px){\n\n  .lp-sympathy-title{\n    font-size:44px;\n  }\n\n  .lp-sympathy-sub{\n    font-size:18px;\n  }\n\n  .lp-sympathy-grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .lp-sympathy-card.large{\n    grid-column:span 2;\n  }\n\n  .lp-sympathy-card p{\n    font-size:20px;\n  }\n\n}\n\n\/* =========================\nSP\n========================= *\/\n\n@media screen and (max-width:767px){\n\n  .lp-sympathy-band{\n    padding:56px 18px 90px;\n  }\n\n  .lp-sympathy-band::after{\n    height:50px;\n  }\n\n  .lp-sympathy-mini{\n    font-size:12px;\n  }\n\n  .lp-sympathy-title{\n    font-size:36px;\n    line-height:1.45;\n    margin-bottom:20px;\n  }\n\n  .lp-sympathy-sub{\n    font-size:15px;\n    line-height:1.9;\n  }\n\n  .lp-sympathy-wrap{\n    margin:-30px auto 0;\n    padding:0 14px 70px;\n  }\n\n  .lp-sympathy-grid{\n    grid-template-columns:1fr;\n    gap:18px;\n  }\n\n  .lp-sympathy-card.large{\n    grid-column:auto;\n  }\n\n  .lp-sympathy-card{\n    padding:28px 22px;\n    border-radius:22px;\n  }\n\n  .lp-sympathy-card:hover{\n    transform:none;\n  }\n\n  .lp-sympathy-icon{\n    width:52px;\n    height:52px;\n    font-size:22px;\n    margin-bottom:18px;\n  }\n\n  .lp-sympathy-card p{\n    font-size:20px;\n    line-height:1.8;\n  }\n\n  .lp-sympathy-message{\n    margin-top:36px;\n  }\n\n  .lp-sympathy-message p{\n    font-size:15px;\n    line-height:2;\n  }\n\n}\n\n\/* =========================\nSP\u6539\u884c\n========================= *\/\n\n.sp-only{\n  display:none;\n}\n\n@media screen and (max-width:767px){\n\n  .sp-only{\n    display:block;\n  }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================\nSECTION2-1 \u5c0f\u578bBeforeAfter\u5c0e\u7dda\n========================= -->\n<section class=\"ppc-ba-teaser\" id=\"mini-change\">\n\n  <div class=\"ppc-ba-inner\">\n\n    <!-- heading -->\n    <div class=\"ppc-ba-head\">\n\n      <p class=\"ppc-ba-sub\">\n        \u5b9f\u969b\u306e\u5909\u5316\u30a4\u30e1\u30fc\u30b8\n      <\/p>\n\n      <h2>\n        \u300c\u672c\u5f53\u306b\u5909\u308f\u308b\u306e\uff1f\u300d<br>\n        \u305d\u306e\u4e0d\u5b89\u306b\u3001\u5909\u5316\u4f8b\u3067\u304a\u7b54\u3048\u3057\u307e\u3059\n      <\/h2>\n\n    <\/div>\n\n    <!-- =========================\n    PC \/ Tablet\n    ========================= -->\n    <div class=\"ppc-ba-grid\">\n\n      <!-- card1 -->\n      <div class=\"ppc-ba-card\">\n\n        <div class=\"ppc-ba-image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/komai.webp\"\n            alt=\"\u9854\u306e\u6b6a\u307f\u306e\u5909\u5316\u30a4\u30e1\u30fc\u30b8\"\n          >\n        <\/div>\n\n        <div class=\"ppc-ba-content\">\n\n          <div class=\"ppc-ba-label\">\n            \u9854\u306e\u5de6\u53f3\u5dee\u30fb\u8f2a\u90ed\u30d0\u30e9\u30f3\u30b9\n          <\/div>\n\n          <h3>\n            \u300c\u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3\u304c\u5de6\u53f3\u3067\u9055\u3046\u2026\u300d<br>\n            \u3068\u60a9\u307e\u308c\u3066\u3044\u305f\u65b9\n          <\/h3>\n\n          <p>\n            \u982c\u306e\u9ad8\u3055\u30fb\u53e3\u89d2\u30fb\u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3\u306e\u5de6\u53f3\u5dee\u304c\u6574\u3044\u3001\n            \u81ea\u7136\u306a\u5370\u8c61\u3078\u3002\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- card2 -->\n      <div class=\"ppc-ba-card\">\n\n        <div class=\"ppc-ba-image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/itoma.webp\"\n            alt=\"\u9854\u306e\u6b6a\u307f\u306e\u5909\u5316\u30a4\u30e1\u30fc\u30b8\"\n          >\n        <\/div>\n\n        <div class=\"ppc-ba-content\">\n\n          <div class=\"ppc-ba-label\">\n            \u9854\u306e\u3086\u304c\u307f\u30fb\u975e\u5bfe\u79f0\u611f\n          <\/div>\n\n          <h3>\n            \u300c\u5199\u771f\u3092\u64ae\u308b\u306e\u304c\u5acc\u3060\u3063\u305f\u2026\u300d<br>\n            \u3068\u60a9\u307e\u308c\u3066\u3044\u305f\u65b9\n          <\/h3>\n\n          <p>\n            \u9854\u5168\u4f53\u306e\u30d0\u30e9\u30f3\u30b9\u304c\u6574\u3044\u3001\n            \u6a2a\u9854\u3084\u6b63\u9762\u306e\u5370\u8c61\u3082\u81ea\u7136\u306b\u3002\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- =========================\n    SP Slider\n    ========================= -->\n    <div class=\"ppc-ba-slider\">\n\n      <!-- slide1 -->\n      <div class=\"ppc-ba-slide active\">\n\n        <div class=\"ppc-ba-image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/komai.webp\"\n            alt=\"\u9854\u306e\u6b6a\u307f\u306e\u5909\u5316\u30a4\u30e1\u30fc\u30b8\"\n          >\n        <\/div>\n\n        <div class=\"ppc-ba-content\">\n\n          <div class=\"ppc-ba-label\">\n            \u9854\u306e\u5de6\u53f3\u5dee\u30fb\u8f2a\u90ed\u30d0\u30e9\u30f3\u30b9\n          <\/div>\n\n          <h3>\n            \u300c\u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3\u304c\u5de6\u53f3\u3067\u9055\u3046\u2026\u300d<br>\n            \u3068\u60a9\u307e\u308c\u3066\u3044\u305f\u65b9\n          <\/h3>\n\n          <p>\n            \u982c\u306e\u9ad8\u3055\u30fb\u53e3\u89d2\u30fb\u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3\u306e\u5de6\u53f3\u5dee\u304c\u6574\u3044\u3001\n            \u81ea\u7136\u306a\u5370\u8c61\u3078\u3002\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- slide2 -->\n      <div class=\"ppc-ba-slide\">\n\n        <div class=\"ppc-ba-image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/itoma.webp\"\n            alt=\"\u9854\u306e\u6b6a\u307f\u306e\u5909\u5316\u30a4\u30e1\u30fc\u30b8\"\n          >\n        <\/div>\n\n        <div class=\"ppc-ba-content\">\n\n          <div class=\"ppc-ba-label\">\n            \u9854\u306e\u3086\u304c\u307f\u30fb\u975e\u5bfe\u79f0\u611f\n          <\/div>\n\n          <h3>\n            \u300c\u5199\u771f\u3092\u64ae\u308b\u306e\u304c\u5acc\u3060\u3063\u305f\u2026\u300d<br>\n            \u3068\u60a9\u307e\u308c\u3066\u3044\u305f\u65b9\n          <\/h3>\n\n          <p>\n            \u9854\u5168\u4f53\u306e\u30d0\u30e9\u30f3\u30b9\u304c\u6574\u3044\u3001\n            \u6a2a\u9854\u3084\u6b63\u9762\u306e\u5370\u8c61\u3082\u81ea\u7136\u306b\u3002\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- dots -->\n    <div class=\"ppc-ba-dots\">\n      <span class=\"active\"><\/span>\n      <span><\/span>\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"ppc-ba-bottom\">\n\n      <a href=\"#beforeafter\" class=\"ppc-ba-btn\">\n        \u4ed6\u306e\u5909\u5316\u30a4\u30e1\u30fc\u30b8\u3092\u898b\u308b\n      <\/a>\n\n    <\/div>\n\n    <!-- scroll -->\n    <div class=\"ppc-scroll-next\">\n\n      <a href=\"#reason-face-distortion\" class=\"ppc-scroll-link\">\n\n        <p>\n          \u306a\u305c\u9854\u306f\u6b6a\u3093\u3067\u3057\u307e\u3046\u306e\u304b\uff1f\n        <\/p>\n\n        <div class=\"ppc-scroll-arrow\">\n          \u2193\n        <\/div>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.ppc-ba-teaser{\n  padding:72px 20px;\n  background:#f7f7f7;\n  overflow:hidden;\n}\n\n.ppc-ba-inner{\n  max-width:1120px;\n  margin:auto;\n}\n\n\/* heading *\/\n.ppc-ba-head{\n  text-align:center;\n  margin-bottom:40px;\n}\n\n.ppc-ba-sub{\n  color:#b58a52;\n  font-size:14px;\n  font-weight:700;\n  letter-spacing:.08em;\n  margin-bottom:12px;\n}\n\n.ppc-ba-head h2{\n  font-size:34px;\n  line-height:1.5;\n  color:#222;\n  font-weight:700;\n}\n\n\/* =========================\nPC GRID\n========================= *\/\n.ppc-ba-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:26px;\n}\n\n.ppc-ba-card{\n  background:#fff;\n  border-radius:28px;\n  overflow:hidden;\n  box-shadow:0 12px 35px rgba(0,0,0,.08);\n}\n\n\/* image *\/\n.ppc-ba-image img{\n  width:100%;\n  display:block;\n}\n\n\/* content *\/\n.ppc-ba-content{\n  padding:30px;\n}\n\n.ppc-ba-label{\n  display:inline-block;\n  background:#f2e7d5;\n  color:#8a6732;\n  padding:8px 15px;\n  border-radius:100px;\n  font-size:13px;\n  font-weight:700;\n  margin-bottom:18px;\n}\n\n.ppc-ba-content h3{\n  font-size:24px;\n  line-height:1.6;\n  color:#222;\n  margin-bottom:18px;\n}\n\n.ppc-ba-content p{\n  font-size:16px;\n  line-height:2;\n  color:#555;\n}\n\n\/* CTA *\/\n.ppc-ba-bottom{\n  text-align:center;\n  margin-top:36px;\n}\n\n.ppc-ba-btn{\n  display:inline-block;\n  background:#111;\n  color:#fff;\n  text-decoration:none;\n  padding:18px 38px;\n  border-radius:100px;\n  font-weight:700;\n  transition:.3s;\n}\n\n.ppc-ba-btn:hover{\n  background:#b58a52;\n}\n\n\/* scroll *\/\n.ppc-scroll-next{\n  text-align:center;\n  margin-top:54px;\n}\n\n.ppc-scroll-link{\n  text-decoration:none;\n}\n\n.ppc-scroll-next p{\n  font-size:26px;\n  line-height:1.7;\n  color:#222;\n  font-weight:700;\n  margin-bottom:12px;\n}\n\n.ppc-scroll-arrow{\n  font-size:34px;\n  color:#b58a52;\n  animation:arrowMove 1.8s infinite;\n}\n\n@keyframes arrowMove{\n\n  0%{\n    transform:translateY(0);\n    opacity:1;\n  }\n\n  50%{\n    transform:translateY(8px);\n    opacity:.6;\n  }\n\n  100%{\n    transform:translateY(0);\n    opacity:1;\n  }\n\n}\n\n\/* =========================\nSP slider\n========================= *\/\n.ppc-ba-slider{\n  display:none;\n}\n\n.ppc-ba-dots{\n  display:none;\n}\n\n\/* =========================\nSP\n========================= *\/\n@media(max-width:768px){\n\n.ppc-ba-teaser{\n  padding:56px 16px;\n}\n\n.ppc-ba-head{\n  margin-bottom:28px;\n}\n\n.ppc-ba-head h2{\n  font-size:24px;\n  line-height:1.6;\n}\n\n\/* hide grid *\/\n.ppc-ba-grid{\n  display:none;\n}\n\n\/* show slider *\/\n.ppc-ba-slider{\n  display:block;\n  position:relative;\n}\n\n.ppc-ba-slide{\n  display:none;\n  background:#fff;\n  border-radius:24px;\n  overflow:hidden;\n  box-shadow:0 10px 30px rgba(0,0,0,.08);\n}\n\n.ppc-ba-slide.active{\n  display:block;\n  animation:fade .5s ease;\n}\n\n@keyframes fade{\n  from{\n    opacity:0;\n    transform:translateY(10px);\n  }\n  to{\n    opacity:1;\n    transform:none;\n  }\n}\n\n.ppc-ba-content{\n  padding:24px 22px 28px;\n}\n\n.ppc-ba-label{\n  font-size:12px;\n  padding:7px 13px;\n}\n\n.ppc-ba-content h3{\n  font-size:21px;\n  line-height:1.7;\n}\n\n.ppc-ba-content p{\n  font-size:15px;\n  line-height:1.9;\n}\n\n\/* dots *\/\n.ppc-ba-dots{\n  display:flex;\n  justify-content:center;\n  gap:10px;\n  margin-top:22px;\n}\n\n.ppc-ba-dots span{\n  width:12px;\n  height:12px;\n  border-radius:50%;\n  background:#ccc;\n}\n\n.ppc-ba-dots span.active{\n  background:#b58a52;\n}\n\n\/* button *\/\n.ppc-ba-bottom{\n  margin-top:28px;\n}\n\n.ppc-ba-btn{\n  width:100%;\n  text-align:center;\n  padding:18px;\n  font-size:15px;\n}\n\n\/* scroll *\/\n.ppc-scroll-next{\n  margin-top:40px;\n}\n\n.ppc-scroll-next p{\n  font-size:22px;\n  line-height:1.7;\n}\n\n.ppc-scroll-arrow{\n  font-size:30px;\n}\n\n}\n<\/style>\n\n<script>\nconst slides = document.querySelectorAll('.ppc-ba-slide');\nconst dots = document.querySelectorAll('.ppc-ba-dots span');\n\nlet current = 0;\n\nfunction showSlide(index){\n\n  slides.forEach(slide=>{\n    slide.classList.remove('active');\n  });\n\n  dots.forEach(dot=>{\n    dot.classList.remove('active');\n  });\n\n  slides[index].classList.add('active');\n  dots[index].classList.add('active');\n\n  current = index;\n}\n\ndots.forEach((dot,index)=>{\n\n  dot.addEventListener('click',()=>{\n\n    showSlide(index);\n\n  });\n\n});\n\nsetInterval(()=>{\n\n  current++;\n\n  if(current >= slides.length){\n    current = 0;\n  }\n\n  showSlide(current);\n\n},5000);\n\n\n.ppc-ba-btn{\n  display:inline-block;\n  background:#111;\n  color:#fff !important;\n  text-decoration:none;\n  padding:18px 38px;\n  border-radius:100px;\n  font-weight:700;\n  transition:.3s;\n}\n\n.ppc-ba-btn:visited{\n  color:#fff !important;\n}\n\n.ppc-ba-btn:hover{\n  background:#b58a52;\n  color:#fff !important;\n}\n<\/script>\n\n\n\n\n\n<!-- SECTION3 \u306a\u305c\u9854\u306f\u6b6a\u3093\u3067\u3057\u307e\u3046\u306e\u304b -->\n<section id=\"reason-face-distortion\"><section class=\"lp-cause\">\n\n\n <div class=\"lp-cause__image pc-tab\">\n    <img decoding=\"async\" src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/Elegant_Japanese_wellness_infographic_in_soft_wate-1779449857557.webp\" alt=\"\u306a\u305c\u9854\u306f\u6b6a\u3080\u306e\u304b\" loading=\"lazy\">\n  <\/div>\n  <div class=\"lp-cause__image sp-only\">\n    <img decoding=\"async\" src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/Elegant_Japanese_wellness_infographic_in_soft_wate-1779449885191.webp\" alt=\"\u306a\u305c\u9854\u306f\u6b6a\u3080\u306e\u304b\" loading=\"lazy\">\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================\nSECTION 3\n========================= *\/\n\n.lp-cause{\n  background:#f7f8fb;\n  padding:100px 0;\n  overflow:hidden;\n\n  \/* \u2605 \u5909\u66f4\uff1a\u89aa\u8981\u7d20\u306e\u7e1b\u308a\u3092\u53d7\u3051\u305a\u3001\u78ba\u5b9f\u306b\u753b\u9762\u4e2d\u592e\u306b\u5168\u5e45\u914d\u7f6e\u3059\u308b\u624b\u6cd5 *\/\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n\/* image *\/\n\n.lp-cause__image{\n  width: 100%;\n  \/* \u2605 \u8ffd\u52a0\uff1a\u4e07\u304c\u4e00\u753b\u50cf\u304c\u5168\u5e45\u306b\u306a\u3089\u306a\u3044\u5834\u5408\u3082\u3001\u4e2d\u592e\u306b\u63c3\u3048\u308b *\/\n  display: flex;\n  justify-content: center;\n}\n\n.lp-cause__image img{\n  \/* \u2605 \u5909\u66f4\uff1a\u4ed6\u304b\u3089\u306e\u5236\u9650\uff08max-width\u7b49\uff09\u3092\u4e0a\u66f8\u304d\u3057\u3001\u4e2d\u592e\u306b\u914d\u7f6e\u3059\u308b *\/\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  display: block;\n  margin: 0 auto;\n}\n\n\/* =========================\nTablet\n========================= *\/\n\n@media screen and (max-width:1024px){\n\n  .lp-cause{\n    padding:90px 0;\n  }\n\n}\n\n\/* =========================\nSmartphone\n========================= *\/\n\n@media screen and (max-width:767px){\n\n  .lp-cause{\n    padding:70px 0;\n  }\n\n}\n\n\/* =========================\nDisplay Switch\n========================= *\/\n\n.pc-tab{\n  display:block;\n}\n\n.sp-only{\n  display:none;\n}\n\n@media screen and (max-width:767px){\n\n  .pc-tab{\n    display:none;\n  }\n\n  .sp-only{\n    display:block;\n  }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================\nSECTION 4\n\u9078\u3070\u308c\u308b\u7406\u7531\uff08PPC\u6700\u9069\u5316\u7248\uff09\nSECTION9\u7d71\u5408\u6e08\u307f\n========================= -->\n\n<section class=\"sb-choice\">\n\n  <div class=\"sb-choice-bg\"><\/div>\n\n  <div class=\"sb-choice-inner\">\n\n    <!-- =========================\n    HEAD\n    ========================= -->\n\n    <div class=\"sb-choice-head fade-up\">\n\n      <p class=\"sb-choice-en\">\n        REASON\n      <\/p>\n\n      <h2 class=\"sb-choice-title\">\n        \u306a\u305c\u3001\u591a\u304f\u306e\u5973\u6027\u306b<br class=\"sp-only\">\n        \u9078\u3070\u308c\u3066\u3044\u308b\u306e\u304b\uff1f\n      <\/h2>\n\n      <p class=\"sb-choice-sub\">\n        \u305d\u306e\u5834\u3060\u3051\u3067\u306f\u306a\u304f\u3001<br class=\"sp-only\">\n        \u201c\u539f\u56e0\u304b\u3089\u6574\u3048\u308b\u6574\u4f53\u201d\u3060\u304b\u3089\u3067\u3059\u3002\n      <\/p>\n\n    <\/div>\n\n    <!-- =========================\n    CONTENT\n    ========================= -->\n\n    <div class=\"sb-choice-content\">\n\n      <!-- =========================\n      LEFT\n      ========================= -->\n\n      <div class=\"sb-choice-list\">\n\n        <!-- 01 -->\n        <div class=\"sb-choice-item fade-up\">\n\n          <div class=\"sb-choice-num\">\n            01\n          <\/div>\n\n          <div class=\"sb-choice-body\">\n\n            <h3>\n              \u9854\u3060\u3051\u3067\u306a\u304f\u3001<br>\n              \u59ff\u52e2\u30fb\u7b4b\u819c\u30fb\u565b\u307f\u7656\u307e\u3067\u78ba\u8a8d\n            <\/h3>\n\n            <p>\n              \u9854\u306e\u6b6a\u307f\u306f\u3001\n              \u9996\u30fb\u80a9\u30fb\u59ff\u52e2\u30fb\u7b4b\u819c\u30d0\u30e9\u30f3\u30b9\u306e\u5d29\u308c\u304c\n              \u95a2\u4fc2\u3057\u3066\u3044\u308b\u3053\u3068\u304c\u591a\u3044\u305f\u3081\u3001\n              \u9854\u3060\u3051\u3092\u89e6\u308b\u306e\u3067\u306f\u306a\u304f\u3001\n              \u5168\u8eab\u304b\u3089\u539f\u56e0\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002\n            <\/p>\n\n            <div class=\"sb-choice-tags\">\n              <span>\u59ff\u52e2<\/span>\n              <span>\u7b4b\u819c<\/span>\n              <span>\u565b\u307f\u7656<\/span>\n              <span>\u9996\u80a9<\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- 02 -->\n        <div class=\"sb-choice-item fade-up\">\n\n          <div class=\"sb-choice-num\">\n            02\n          <\/div>\n\n          <div class=\"sb-choice-body\">\n\n            <h3>\n              \u30d0\u30ad\u30d0\u30ad\u3057\u306a\u3044\u3001<br>\n              \u5973\u6027\u3082\u5b89\u5fc3\u306e\u30bd\u30d5\u30c8\u6574\u4f53\n            <\/h3>\n\n            <p>\n              \u5f37\u3044\u523a\u6fc0\u3067\u306f\u306a\u304f\u3001\n              \u3084\u3055\u3057\u3044\u5727\u3067\u6574\u3048\u308b\u305f\u3081\u3001\n              \u300c\u6574\u4f53\u306f\u6016\u305d\u3046\u2026\u300d\n              \u3068\u3044\u3046\u65b9\u306b\u3082\u5b89\u5fc3\u3057\u3066\n              \u3054\u6765\u9662\u3044\u305f\u3060\u3044\u3066\u3044\u307e\u3059\u3002\n            <\/p>\n\n            <div class=\"sb-choice-tags\">\n              <span>\u75db\u307f\u304c\u5c11\u306a\u3044<\/span>\n              <span>\u5973\u6027\u3082\u5b89\u5fc3<\/span>\n              <span>\u512a\u3057\u3044\u65bd\u8853<\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- 03 -->\n        <div class=\"sb-choice-item fade-up\">\n\n          <div class=\"sb-choice-num\">\n            03\n          <\/div>\n\n          <div class=\"sb-choice-body\">\n\n            <h3>\n              \u81e8\u5e8a43\u5e74\u3002<br>\n              \u5ef6\u30793\u4e077\u5343\u4eba\u4ee5\u4e0a\u306e\u65bd\u8853\u5b9f\u7e3e\n            <\/h3>\n\n            <p>\n              \u9577\u5e74\u306e\u81e8\u5e8a\u7d4c\u9a13\u304b\u3089\u3001\n              \u4e00\u4eba\u3072\u3068\u308a\u7570\u306a\u308b\n              \u9854\u306e\u6b6a\u307f\u30d1\u30bf\u30fc\u30f3\u3092\u78ba\u8a8d\u3057\u3001\n              \u3042\u306a\u305f\u306b\u5408\u3063\u305f\u65bd\u8853\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\n            <\/p>\n\n            <div class=\"sb-choice-tags\">\n              <span>\u6b7443\u5e74<\/span>\n              <span>37,000\u4eba\u4ee5\u4e0a<\/span>\n              <span>\u963f\u500d\u91ce\u533a\u3067\u958b\u696d38\u5e74<\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================\n      RIGHT PROFILE\n      ========================= -->\n\n      <div class=\"sb-choice-profile fade-up\">\n\n        <div class=\"sb-choice-profile-card\">\n\n          <!-- \u5199\u771f -->\n          <div class=\"sb-choice-profile-image\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/Edits.webp\"\n              alt=\"\u5065\u5eb7\u587eSB\u30d0\u30e9\u30f3\u30b9\u6574\u4f53\u9662 \u5ca1\u7530\u4fca\u4e00\"\n            >\n\n          <\/div>\n\n          <!-- \u30c6\u30ad\u30b9\u30c8 -->\n          <div class=\"sb-choice-profile-text\">\n\n            <p class=\"sb-choice-profile-mini\">\n              \u5065\u5eb7\u587eSB\u30d0\u30e9\u30f3\u30b9\u6574\u4f53\u9662\n            <\/p>\n\n            <h3>\n              \u5ca1\u7530 \u4fca\u4e00\n            <\/h3>\n\n            <!-- \u5b9f\u7e3e -->\n            <div class=\"sb-choice-badges\">\n\n              <span>\n                \u81e8\u5e8a43\u5e74\n              <\/span>\n\n              <span>\n                37,000\u4eba\u4ee5\u4e0a\n              <\/span>\n\n              <span>\n                \u963f\u500d\u91ce\u533a\u3067\u958b\u696d38\u5e74\n              <\/span>\n\n            <\/div>\n\n            <!-- \u5b89\u5fc3\u611f -->\n            <div class=\"sb-choice-safe\">\n\n              <div class=\"sb-choice-safe-item\">\n                \u2713 \u30d0\u30ad\u30d0\u30ad\u3057\u306a\u3044\u30bd\u30d5\u30c8\u6574\u4f53\n              <\/div>\n\n              <div class=\"sb-choice-safe-item\">\n                \u2713 \u5973\u6027\u306e\u3054\u6765\u9662\u591a\u6570\n              <\/div>\n\n              <div class=\"sb-choice-safe-item\">\n                \u2713 \u5b8c\u5168\u4e88\u7d04\u5236\n              <\/div>\n\n            <\/div>\n\n            <!-- \u4e00\u8a00 -->\n            <p class=\"sb-choice-profile-message\">\n              \u300c\u3082\u3046\u5e74\u9f62\u3060\u304b\u3089\u2026\u300d\u3068\u8ae6\u3081\u308b\u524d\u306b\u3001<br>\n              \u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- =========================\n    BOTTOM\n    ========================= -->\n\n    <div class=\"sb-choice-bottom fade-up\">\n\n      <p>\n        \u300c\u306a\u3093\u3068\u306a\u304f\u6c17\u306b\u306a\u308b\u300d\u3092\u3001<br class=\"sp-only\">\n        \u4e00\u4eba\u3067\u62b1\u3048\u8fbc\u307e\u305a\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================\nSECTION4\n========================= *\/\n\n.sb-choice{\n  position:relative;\n  background:\n    linear-gradient(\n      180deg,\n      #fdfaf7 0%,\n      #ffffff 100%\n    );\n  padding:120px 20px;\n  overflow:hidden;\n}\n\n.sb-choice-bg{\n  position:absolute;\n  top:-180px;\n  right:-180px;\n  width:480px;\n  height:480px;\n  background:\n    radial-gradient(\n      circle,\n      rgba(200,164,93,0.10),\n      transparent 70%\n    );\n  pointer-events:none;\n}\n\n.sb-choice-inner{\n  max-width:1200px;\n  margin:0 auto;\n  position:relative;\n  z-index:2;\n}\n\n\/* =========================\nHEAD\n========================= *\/\n\n.sb-choice-head{\n  text-align:center;\n  margin-bottom:70px;\n}\n\n.sb-choice-en{\n  font-size:13px;\n  letter-spacing:0.22em;\n  color:#c8a45d;\n  font-weight:700;\n  margin-bottom:18px;\n}\n\n.sb-choice-title{\n  font-size:54px;\n  line-height:1.45;\n  font-weight:800;\n  color:#1d2d50;\n  margin-bottom:24px;\n}\n\n.sb-choice-sub{\n  font-size:20px;\n  line-height:1.9;\n  color:#666;\n}\n\n\/* =========================\nCONTENT\n========================= *\/\n\n.sb-choice-content{\n  display:grid;\n  grid-template-columns:1.15fr 0.85fr;\n  gap:40px;\n  align-items:start;\n}\n\n\/* =========================\nLEFT\n========================= *\/\n\n.sb-choice-list{\n  display:flex;\n  flex-direction:column;\n  gap:24px;\n}\n\n.sb-choice-item{\n  background:#fff;\n  border-radius:30px;\n  padding:38px;\n  display:flex;\n  gap:28px;\n  align-items:flex-start;\n  box-shadow:\n    0 15px 40px rgba(0,0,0,0.05);\n  border:1px solid rgba(0,0,0,0.04);\n  transition:.4s;\n}\n\n.sb-choice-item:hover{\n  transform:translateY(-6px);\n  box-shadow:\n    0 22px 50px rgba(0,0,0,0.08);\n}\n\n.sb-choice-num{\n  width:68px;\n  height:68px;\n  min-width:68px;\n  border-radius:50%;\n  background:\n    linear-gradient(\n      135deg,\n      #b88a3b,\n      #e3c07a\n    );\n  color:#fff;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:24px;\n  font-weight:700;\n  box-shadow:\n    0 10px 25px rgba(184,138,59,0.25);\n}\n\n.sb-choice-body h3{\n  font-size:30px;\n  line-height:1.55;\n  color:#1d2d50;\n  margin-bottom:18px;\n  font-weight:700;\n}\n\n.sb-choice-body p{\n  font-size:18px;\n  line-height:2;\n  color:#555;\n  margin-bottom:22px;\n}\n\n.sb-choice-tags{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n}\n\n.sb-choice-tags span{\n  background:#f6f1e8;\n  color:#9a7740;\n  font-size:14px;\n  padding:10px 16px;\n  border-radius:100px;\n  font-weight:600;\n}\n\n\/* =========================\nPROFILE\n========================= *\/\n\n.sb-choice-profile{\n  position:sticky;\n  top:30px;\n}\n\n.sb-choice-profile-card{\n  background:#fff;\n  border-radius:34px;\n  overflow:hidden;\n  box-shadow:\n    0 18px 45px rgba(0,0,0,0.06);\n  border:1px solid rgba(0,0,0,0.04);\n}\n\n.sb-choice-profile-image{\n  width:100%;\n}\n\n.sb-choice-profile-image img{\n  width:100%;\n  display:block;\n}\n\n\/* =========================\nTEXT\n========================= *\/\n\n.sb-choice-profile-text{\n  padding:36px 32px 40px;\n  text-align:center;\n}\n\n.sb-choice-profile-mini{\n  font-size:13px;\n  color:#888;\n  margin-bottom:10px;\n}\n\n.sb-choice-profile-text h3{\n  font-size:40px;\n  color:#1d2d50;\n  margin-bottom:20px;\n  font-weight:700;\n}\n\n\/* =========================\nBADGES\n========================= *\/\n\n.sb-choice-badges{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n  justify-content:center;\n  margin-bottom:26px;\n}\n\n.sb-choice-badges span{\n  background:#1d2d50;\n  color:#fff;\n  font-size:13px;\n  padding:8px 14px;\n  border-radius:100px;\n  font-weight:700;\n}\n\n\/* =========================\nSAFE\n========================= *\/\n\n.sb-choice-safe{\n  display:flex;\n  flex-direction:column;\n  gap:12px;\n  margin-bottom:28px;\n}\n\n.sb-choice-safe-item{\n  background:#f8f6f2;\n  border-radius:14px;\n  padding:14px 16px;\n  font-size:15px;\n  color:#555;\n  font-weight:600;\n}\n\n\/* =========================\nMESSAGE\n========================= *\/\n\n.sb-choice-profile-message{\n  font-size:18px;\n  line-height:1.9;\n  color:#1d2d50;\n  font-weight:700;\n}\n\n\/* =========================\nBOTTOM\n========================= *\/\n\n.sb-choice-bottom{\n  margin-top:70px;\n  text-align:center;\n}\n\n.sb-choice-bottom p{\n  font-size:30px;\n  line-height:2;\n  color:#1d2d50;\n  font-weight:700;\n}\n\n\/* =========================\nANIMATION\n========================= *\/\n\n.fade-up{\n  opacity:0;\n  transform:translateY(30px);\n  transition:.8s;\n}\n\n.fade-up.show{\n  opacity:1;\n  transform:none;\n}\n\n\/* =========================\nTABLET\n========================= *\/\n\n@media screen and (max-width:1024px){\n\n  .sb-choice{\n    padding:95px 20px;\n  }\n\n  .sb-choice-content{\n    grid-template-columns:1fr;\n    gap:34px;\n  }\n\n  .sb-choice-profile{\n    position:static;\n  }\n\n  .sb-choice-title{\n    font-size:44px;\n  }\n\n  .sb-choice-body h3{\n    font-size:26px;\n  }\n\n  \/* \u9662\u9577\u5199\u771f\u30b5\u30a4\u30ba\u8abf\u6574 *\/\n\n  .sb-choice-profile-image{\n    text-align:center;\n    padding-top:28px;\n  }\n\n  .sb-choice-profile-image img{\n    width:50%;\n    margin:0 auto;\n    border-radius:26px;\n  }\n\n}\n\n\/* =========================\nSMARTPHONE\n========================= *\/\n\n@media screen and (max-width:767px){\n\n  .sb-choice{\n    padding:80px 14px;\n  }\n\n  .sb-choice-head{\n    margin-bottom:48px;\n  }\n\n  .sb-choice-en{\n    font-size:11px;\n    margin-bottom:12px;\n  }\n\n  .sb-choice-title{\n    font-size:34px;\n    line-height:1.5;\n    margin-bottom:18px;\n  }\n\n  .sb-choice-sub{\n    font-size:15px;\n    line-height:1.9;\n  }\n\n  .sb-choice-content{\n    gap:28px;\n  }\n\n  .sb-choice-item{\n    flex-direction:column;\n    gap:22px;\n    padding:28px 22px;\n    border-radius:24px;\n  }\n\n  .sb-choice-item:hover{\n    transform:none;\n  }\n\n  .sb-choice-num{\n    width:54px;\n    height:54px;\n    min-width:54px;\n    font-size:18px;\n  }\n\n  .sb-choice-body h3{\n    font-size:24px;\n    line-height:1.6;\n    margin-bottom:14px;\n  }\n\n  .sb-choice-body p{\n    font-size:16px;\n    line-height:1.95;\n    margin-bottom:18px;\n  }\n\n  .sb-choice-tags{\n    gap:8px;\n  }\n\n  .sb-choice-tags span{\n    font-size:12px;\n    padding:8px 12px;\n  }\n\n  .sb-choice-profile-card{\n    border-radius:24px;\n  }\n\n  \/* \u9662\u9577\u5199\u771f\u30b5\u30a4\u30ba\u8abf\u6574 *\/\n\n  .sb-choice-profile-image{\n    text-align:center;\n    padding-top:22px;\n  }\n\n  .sb-choice-profile-image img{\n    width:80%;\n    margin:0 auto;\n    border-radius:20px;\n  }\n\n  .sb-choice-profile-text{\n    padding:28px 22px 34px;\n  }\n\n  .sb-choice-profile-text h3{\n    font-size:30px;\n  }\n\n  .sb-choice-badges{\n    gap:6px;\n    margin-bottom:22px;\n  }\n\n  .sb-choice-badges span{\n    font-size:11px;\n    padding:7px 11px;\n  }\n\n  .sb-choice-safe{\n    gap:10px;\n    margin-bottom:22px;\n  }\n\n  .sb-choice-safe-item{\n    font-size:14px;\n    padding:12px 14px;\n  }\n\n  .sb-choice-profile-message{\n    font-size:16px;\n    line-height:1.85;\n  }\n\n  .sb-choice-bottom{\n    margin-top:50px;\n  }\n\n  .sb-choice-bottom p{\n    font-size:24px;\n    line-height:1.8;\n  }\n\n}\n\n\/* =========================\nSP ONLY\n========================= *\/\n\n.sp-only{\n  display:none;\n}\n\n@media screen and (max-width:767px){\n\n  .sp-only{\n    display:block;\n  }\n\n}\n\n<\/style>\n\n<script>\n\n(function(){\n\n  const targets = document.querySelectorAll('.fade-up');\n\n  const observer = new IntersectionObserver(function(entries){\n\n    entries.forEach(function(entry){\n\n      if(entry.isIntersecting){\n\n        entry.target.classList.add('show');\n\n      }\n\n    });\n\n  },{\n\n    threshold:0.15\n\n  });\n\n  targets.forEach(function(target){\n\n    observer.observe(target);\n\n  });\n\n})();\n\n<\/script>\n\n\n\n<!-- SECTION5 BeforeAfter -->\n<section id=\"beforeafter\">\n\n<section class=\"sb-ba-premium\">\n\n  <div class=\"sb-ba-inner\">\n\n    <div class=\"sb-ba-head\">\n\n      <p class=\"sb-ba-en\">\n        BEFORE \/ AFTER\n      <\/p>\n\n      <h2 class=\"sb-ba-title\">\n        \u5199\u771f\u3067\u898b\u308b\u3001<br class=\"sp-only\">\n        \u9854\u306e\u5909\u5316\n      <\/h2>\n\n      <p class=\"sb-ba-sub\">\n        \u300c\u3082\u3046\u96a0\u3055\u306a\u304f\u3066\u3044\u3044\u300d<br class=\"sp-only\">\n        \u305d\u3046\u611f\u3058\u308b\u65b9\u304c\u5897\u3048\u3066\u3044\u307e\u3059\u3002\n      <\/p>\n\n    <\/div>\n\n    <!-- 1\u4eba\u76ee -->\n    <article class=\"sb-ba-card fade-up\">\n\n      <div class=\"sb-ba-image-wrap\">\n\n        <div class=\"sb-ba-label before\">\n          BEFORE\n        <\/div>\n\n        <div class=\"sb-ba-label after\">\n          AFTER\n        <\/div>\n\n        <img decoding=\"async\" src=\"https:\/\/kenko-jk.com\/222\/wp-content\/uploads\/2025\/08\/7e518727-c6ef-40ba-8a6c-9aed6403449e.webp\" alt=\"\u9854\u306e\u5de6\u53f3\u5dee \u30d3\u30d5\u30a9\u30fc\u30a2\u30d5\u30bf\u30fc\">\n\n      <\/div>\n\n      <div class=\"sb-ba-content\">\n\n        <p class=\"sb-ba-catch\">\n          \u93e1\u3092\u898b\u308b\u305f\u3073\u6c17\u306b\u306a\u3063\u3066\u3044\u305f<br>\n          \u5de6\u53f3\u5dee\u304c\u3001\u524d\u307b\u3069\u6c17\u306b\u306a\u3089\u306a\u304f\u306a\u308a\u307e\u3057\u305f\u3002\n        <\/p>\n\n        <div class=\"sb-ba-meta\">\n          <span>\n            \u5175\u5eab\u770c M\u30fbH\u3055\u3093\n          <\/span>\n\n          <span>\n            \u76ee\u306e\u5de6\u53f3\u5dee\n          <\/span>\n        <\/div>\n\n        <p class=\"sb-ba-text\">\n          \u300c\u5199\u771f\u3092\u64ae\u308b\u306e\u304c\u5acc\u3060\u3063\u305f\u300d\n          \u3068\u3044\u3046\u304a\u60a9\u307f\u304b\u3089\u3001\n          \u5c11\u3057\u305a\u3064\u7b11\u9854\u306b\u81ea\u4fe1\u3092\u6301\u3066\u308b\u3088\u3046\u306b\u306a\u3063\u305f\u65b9\u3067\u3059\u3002\n        <\/p>\n\n        <div class=\"sb-ba-buttons\">\n\n          <a href=\"https:\/\/kenko-jk.com\/p\/review\/#hyougo-mh\" class=\"sb-ba-btn\">\n            \u3053\u306e\u65b9\u306e\u4f53\u9a13\u8ac7\u3092\u8a73\u3057\u304f\u898b\u308b\n          <\/a>\n\n          <a href=\"https:\/\/kenko-jk.com\/p\/review\/#movie-hyougo-mh\" class=\"sb-ba-btn sb-ba-btn-sub\">\n            \u30a4\u30f3\u30bf\u30d3\u30e5\u30fc\u52d5\u753b\u3092\u898b\u308b\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n    <!-- 2\u4eba\u76ee -->\n    <article class=\"sb-ba-card highlight fade-up\">\n\n      <div class=\"sb-ba-image-wrap\">\n\n        <div class=\"sb-ba-label before\">\n          BEFORE\n        <\/div>\n\n        <div class=\"sb-ba-label after\">\n          AFTER\n        <\/div>\n\n        <img decoding=\"async\" src=\"https:\/\/kenko-jk.com\/222\/wp-content\/uploads\/2025\/08\/522f887c-63db-4c09-a31d-cc888b9ac397.webp\" alt=\"\u984e\u306e\u6b6a\u307f \u30d3\u30d5\u30a9\u30fc\u30a2\u30d5\u30bf\u30fc\">\n\n      <\/div>\n\n      <div class=\"sb-ba-content\">\n\n        <p class=\"sb-ba-catch\">\n          \u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3\u3060\u3051\u3067\u306a\u304f\u3001<br>\n          \u59ff\u52e2\u307e\u3067\u5909\u308f\u3063\u305f\u611f\u899a\u304c\u3042\u308a\u307e\u3057\u305f\u3002\n        <\/p>\n\n        <div class=\"sb-ba-meta\">\n          <span>\n            \u5927\u962a\u5e02 M.O\u3055\u3093\n          <\/span>\n\n          <span>\n            \u984e\u30fb\u30a8\u30e9\n          <\/span>\n        <\/div>\n\n        <p class=\"sb-ba-text\">\n          \u984e\u306e\u6b6a\u307f\u3060\u3051\u3067\u306a\u304f\u3001\n          \u300c\u306a\u3093\u3068\u306a\u304f\u75b2\u308c\u3066\u898b\u3048\u308b\u300d\n          \u5370\u8c61\u307e\u3067\u5909\u308f\u3063\u305f\u3068\u559c\u3070\u308c\u3066\u3044\u307e\u3059\u3002\n        <\/p>\n\n        <div class=\"sb-ba-buttons\">\n\n          <a href=\"https:\/\/kenko-jk.com\/p\/review\/#osaka-mo\" class=\"sb-ba-btn\">\n            \u3053\u306e\u65b9\u306e\u4f53\u9a13\u8ac7\u3092\u8a73\u3057\u304f\u898b\u308b\n          <\/a>\n\n          <a href=\"https:\/\/kenko-jk.com\/p\/review\/#movie-osaka-mo\" class=\"sb-ba-btn sb-ba-btn-sub\">\n            \u30a4\u30f3\u30bf\u30d3\u30e5\u30fc\u52d5\u753b\u3092\u898b\u308b\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n    <!-- 3\u4eba\u76ee -->\n    <article class=\"sb-ba-card fade-up\">\n\n      <div class=\"sb-ba-image-wrap\">\n\n        <div class=\"sb-ba-label before\">\n          BEFORE\n        <\/div>\n\n        <div class=\"sb-ba-label after\">\n          AFTER\n        <\/div>\n\n        <img decoding=\"async\" src=\"https:\/\/kenko-jk.com\/222\/wp-content\/uploads\/2025\/08\/e8fba3a1-857c-4ca2-9098-40078d5014b1.webp\" alt=\"\u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3 \u30d3\u30d5\u30a9\u30fc\u30a2\u30d5\u30bf\u30fc\">\n\n      <\/div>\n\n      <div class=\"sb-ba-content\">\n\n        <p class=\"sb-ba-catch\">\n          \u300c\u3082\u3046\u5e74\u9f62\u3060\u304b\u3089\u300d\u3068\u601d\u3063\u3066\u3044\u305f\u9854\u304c\u3001<br>\n          \u524d\u3088\u308a\u660e\u308b\u304f\u898b\u3048\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002\n        <\/p>\n\n        <div class=\"sb-ba-meta\">\n          <span>\n            \u4e2d\u6751\u5b9f\u5e0c\u3055\u3093\n          <\/span>\n\n          <span>\n            \u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3\n          <\/span>\n        <\/div>\n\n        <p class=\"sb-ba-text\">\n          \u6bce\u671d\u306e\u93e1\u3092\u898b\u308b\u6642\u9593\u304c\u3001\n          \u5c11\u3057\u524d\u5411\u304d\u306b\u5909\u308f\u3063\u305f\u3068\u3044\u3046\n          \u304a\u58f0\u3092\u3044\u305f\u3060\u3044\u3066\u3044\u307e\u3059\u3002\n        <\/p>\n\n        <div class=\"sb-ba-buttons\">\n\n          <a href=\"https:\/\/kenko-jk.com\/p\/review\/#o-nakamura\" class=\"sb-ba-btn\">\n            \u3053\u306e\u65b9\u306e\u4f53\u9a13\u8ac7\u3092\u8a73\u3057\u304f\u898b\u308b\n          <\/a>\n\n          <a href=\"https:\/\/kenko-jk.com\/p\/review\/#movie-o-nakamura\" class=\"sb-ba-btn sb-ba-btn-sub\">\n            \u30a4\u30f3\u30bf\u30d3\u30e5\u30fc\u52d5\u753b\u3092\u898b\u308b\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n    <div class=\"sb-ba-bottom fade-up\">\n\n      <p>\n        \u3042\u306a\u305f\u3082\u3001<br class=\"sp-only\">\n        \u300c\u6c17\u306b\u306a\u3089\u306a\u3044\u65e5\u5e38\u300d\u3092<br class=\"sp-only\">\n        \u53d6\u308a\u623b\u3057\u3066\u307f\u307e\u305b\u3093\u304b\uff1f\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================\nSECTION \u5168\u4f53\n========================= *\/\n\n.sb-ba-premium{\n  background:#fff;\n  padding:120px 20px;\n  overflow:hidden;\n  width:100%;\n  max-width:100%;\n  margin:0 auto;\n}\n\n.sb-ba-inner{\n  max-width:1100px;\n  margin:0 auto;\n}\n\n\/* =========================\n\u30bf\u30a4\u30c8\u30eb\n========================= *\/\n\n.sb-ba-head{\n  text-align:center;\n  margin-bottom:70px;\n}\n\n.sb-ba-en{\n  font-size:13px;\n  letter-spacing:.22em;\n  color:#c8a45d;\n  font-weight:700;\n  margin-bottom:18px;\n}\n\n.sb-ba-title{\n  font-size:54px;\n  line-height:1.45;\n  color:#1d2d50;\n  font-weight:800;\n  margin-bottom:24px;\n}\n\n.sb-ba-sub{\n  font-size:18px;\n  line-height:1.9;\n  color:#666;\n}\n\n\/* =========================\n\u30ab\u30fc\u30c9\n========================= *\/\n\n.sb-ba-card{\n  background:#fff;\n  border-radius:34px;\n  overflow:hidden;\n  margin-bottom:42px;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  box-shadow:0 18px 45px rgba(0,0,0,.06);\n  border:1px solid rgba(0,0,0,.04);\n  transition:.45s;\n}\n\n.sb-ba-card:hover{\n  transform:translateY(-8px);\n  box-shadow:0 28px 60px rgba(0,0,0,.10);\n}\n\n.sb-ba-card.highlight{\n  background:#fcfaf5;\n}\n\n\/* =========================\n\u753b\u50cf\n========================= *\/\n\n.sb-ba-image-wrap{\n  position:relative;\n  overflow:hidden;\n  background:#f8f5ef;\n  display:flex;\n  align-items:center;\n}\n\n.sb-ba-image-wrap img{\n  width:100%;\n  height:auto;\n  display:block;\n}\n\n.sb-ba-label{\n  position:absolute;\n  top:20px;\n  z-index:5;\n  padding:10px 18px;\n  border-radius:100px;\n  font-size:12px;\n  font-weight:700;\n  letter-spacing:.08em;\n  color:#fff;\n  backdrop-filter:blur(8px);\n}\n\n.sb-ba-label.before{\n  left:20px;\n  background:rgba(29,45,80,.85);\n}\n\n.sb-ba-label.after{\n  right:20px;\n  background:rgba(200,164,93,.92);\n}\n\n\/* =========================\n\u30c6\u30ad\u30b9\u30c8\n========================= *\/\n\n.sb-ba-content{\n  padding:54px 50px;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n}\n\n.sb-ba-catch{\n  font-size:32px;\n  line-height:1.7;\n  color:#1d2d50;\n  font-weight:700;\n  margin-bottom:28px;\n}\n\n.sb-ba-meta{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  margin-bottom:24px;\n}\n\n.sb-ba-meta span{\n  background:#f5efe5;\n  color:#9c7841;\n  padding:10px 16px;\n  border-radius:100px;\n  font-size:14px;\n  font-weight:600;\n}\n\n.sb-ba-text{\n  font-size:18px;\n  line-height:2;\n  color:#666;\n  margin-bottom:34px;\n}\n\n\/* =========================\n\u30dc\u30bf\u30f3\n========================= *\/\n\n.sb-ba-buttons{\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n}\n\n.sb-ba-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:62px;\n  padding:0 28px;\n  border-radius:100px;\n  background:linear-gradient(\n    135deg,\n    #1d2d50 0%,\n    #2f456f 100%\n  );\n  color:#fff !important;\n  text-decoration:none;\n  font-size:16px;\n  font-weight:700;\n  transition:.35s;\n}\n\n.sb-ba-btn:hover{\n  transform:translateY(-3px);\n  opacity:.92;\n  color:#f7f3ec !important;\n}\n\n.sb-ba-btn-sub{\n  background:#f5efe5;\n  color:#7b5d3d !important;\n  border:1px solid #e5d7c2;\n}\n\n.sb-ba-btn-sub:hover{\n  background:#eee3d3;\n  color:#5f4428 !important;\n}\n\n\/* =========================\n\u4e0b\u90e8\n========================= *\/\n\n.sb-ba-bottom{\n  text-align:center;\n  margin-top:80px;\n}\n\n.sb-ba-bottom p{\n  font-size:34px;\n  line-height:1.9;\n  color:#1d2d50;\n  font-weight:700;\n}\n\n\/* =========================\n\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n========================= *\/\n\n.fade-up{\n  opacity:0;\n  transform:translateY(30px);\n  transition:.8s;\n}\n\n.fade-up.show{\n  opacity:1;\n  transform:none;\n}\n\n\/* =========================\n\u30bf\u30d6\u30ec\u30c3\u30c8\n========================= *\/\n\n@media screen and (max-width:1024px){\n\n  .sb-ba-premium{\n    padding:100px 20px;\n  }\n\n  .sb-ba-card{\n    grid-template-columns:1fr;\n  }\n\n  .sb-ba-title{\n    font-size:44px;\n  }\n\n  .sb-ba-catch{\n    font-size:28px;\n  }\n\n}\n\n\/* =========================\n\u30b9\u30de\u30db\n========================= *\/\n\n@media screen and (max-width:767px){\n\n  .sb-ba-premium{\n    padding:80px 0;\n  }\n\n  .sb-ba-inner{\n    width:100%;\n  }\n\n  .sb-ba-head{\n    padding:0 18px;\n    margin-bottom:46px;\n  }\n\n  .sb-ba-en{\n    font-size:11px;\n    margin-bottom:12px;\n  }\n\n  .sb-ba-title{\n    font-size:34px;\n    line-height:1.5;\n    margin-bottom:18px;\n  }\n\n  .sb-ba-sub{\n    font-size:16px;\n    line-height:1.9;\n  }\n\n  .sb-ba-card{\n    border-radius:0;\n    margin-bottom:26px;\n    box-shadow:none;\n    border:none;\n    grid-template-columns:1fr;\n  }\n\n  .sb-ba-card:hover{\n    transform:none;\n  }\n\n  .sb-ba-label{\n    top:14px;\n    font-size:10px;\n    padding:8px 14px;\n  }\n\n  .sb-ba-label.before{\n    left:14px;\n  }\n\n  .sb-ba-label.after{\n    right:14px;\n  }\n\n  .sb-ba-content{\n    padding:32px 18px 40px;\n  }\n\n  .sb-ba-catch{\n    font-size:24px;\n    line-height:1.75;\n    margin-bottom:22px;\n  }\n\n  .sb-ba-meta{\n    gap:8px;\n    margin-bottom:18px;\n  }\n\n  .sb-ba-meta span{\n    font-size:12px;\n    padding:8px 12px;\n  }\n\n  .sb-ba-text{\n    font-size:16px;\n    line-height:1.95;\n    margin-bottom:28px;\n  }\n\n  .sb-ba-buttons{\n    flex-direction:column;\n  }\n\n  .sb-ba-btn{\n    width:100%;\n    max-width:none;\n    min-height:56px;\n    font-size:15px;\n  }\n\n  .sb-ba-bottom{\n    margin-top:56px;\n    padding:0 18px;\n  }\n\n  .sb-ba-bottom p{\n    font-size:26px;\n    line-height:1.8;\n  }\n\n}\n\n\/* =========================\nSP\u6539\u884c\n========================= *\/\n\n.sp-only{\n  display:none;\n}\n\n@media screen and (max-width:767px){\n\n  .sp-only{\n    display:block;\n  }\n\n}\n\n<\/style>\n\n<script>\n\n(function(){\n\n  const targets = document.querySelectorAll('.fade-up');\n\n  const observer = new IntersectionObserver(function(entries){\n\n    entries.forEach(function(entry){\n\n      if(entry.isIntersecting){\n\n        entry.target.classList.add('show');\n\n      }\n\n    });\n\n  },{\n\n    threshold:.15\n\n  });\n\n  targets.forEach(function(target){\n\n    observer.observe(target);\n\n  });\n\n})();\n\n<\/script>\n\n\n\n<section class=\"sb-voice-pro\">\n\n<style>\n\n\/* =========================\nSECTION\n========================= *\/\n\n.sb-voice-pro{\n  padding:120px 20px;\n  background:#f7f4f1;\n  overflow:hidden;\n}\n\n.sb-voice-pro *{\n  box-sizing:border-box;\n}\n\n.sb-voice-pro .container{\n  max-width:1180px;\n  margin:0 auto;\n}\n\n\/* =========================\nTITLE\n========================= *\/\n\n.sb-voice-pro .head{\n  text-align:center;\n  margin-bottom:70px;\n}\n\n.sb-voice-pro .en{\n  font-size:13px;\n  letter-spacing:.22em;\n  color:#b89a68;\n  font-weight:700;\n  margin-bottom:18px;\n}\n\n.sb-voice-pro .title{\n  font-size:54px;\n  line-height:1.45;\n  color:#1d2d50;\n  font-weight:800;\n  margin-bottom:22px;\n}\n\n.sb-voice-pro .sub{\n  font-size:18px;\n  line-height:1.9;\n  color:#666;\n}\n\n\/* =========================\nGROUP\n========================= *\/\n\n.sb-voice-pro .group{\n  margin-bottom:90px;\n}\n\n.sb-voice-pro .group:last-child{\n  margin-bottom:0;\n}\n\n\/* =========================\nGRID\n========================= *\/\n\n.sb-voice-pro .list{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:28px;\n  align-items:start;\n}\n\n\/* =========================\nCARD\n========================= *\/\n\n.sb-voice-pro .card{\n  background:#fff;\n  border-radius:28px;\n  overflow:hidden;\n  box-shadow:0 14px 40px rgba(0,0,0,.05);\n  transition:.4s;\n  border:1px solid rgba(0,0,0,.04);\n  display:flex;\n  flex-direction:column;\n  height:100%;\n}\n\n.sb-voice-pro .card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 20px 55px rgba(0,0,0,.10);\n}\n\n\/* =========================\nFEATURED\n========================= *\/\n\n.sb-voice-pro .card.featured{\n  transform:translateY(-18px) scale(1.04);\n  border:2px solid rgba(200,164,93,.35);\n  box-shadow:0 28px 70px rgba(0,0,0,.12);\n  position:relative;\n  z-index:2;\n}\n\n.sb-voice-pro .card.featured:hover{\n  transform:translateY(-24px) scale(1.04);\n}\n\n\/* =========================\nMOVIE\n========================= *\/\n\n.sb-voice-pro .movie{\n  width:100%;\n  aspect-ratio:16 \/ 9;\n  background:#000;\n}\n\n.sb-voice-pro .movie video{\n  width:100%;\n  height:100%;\n  object-fit:contain;\n  display:block;\n  background:#000;\n}\n\n\/* =========================\nCONTENT\n========================= *\/\n\n.sb-voice-pro .content{\n  padding:34px 28px 36px;\n  display:flex;\n  flex-direction:column;\n  flex-grow:1;\n}\n\n.sb-voice-pro .meta{\n  font-size:20px;\n  font-weight:700;\n  color:#8f7b61;\n  margin-bottom:18px;\n}\n\n.sb-voice-pro .worry{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  width:fit-content;\n  padding:10px 18px;\n  border-radius:999px;\n  background:#f4ece9;\n  color:#7b6852;\n  font-size:14px;\n  font-weight:700;\n  margin-bottom:26px;\n}\n\n.sb-voice-pro .comment{\n  font-size:28px;\n  line-height:1.7;\n  color:#222;\n  font-weight:700;\n  margin-bottom:34px;\n  letter-spacing:.02em;\n}\n\n.sb-voice-pro .card.featured .comment{\n  font-size:34px;\n  line-height:1.6;\n}\n\n\/* =========================\nBUTTON\n========================= *\/\n\n.sb-voice-pro .btn{\n  margin-top:auto;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  min-height:60px;\n  border-radius:999px;\n  text-decoration:none;\n  background:linear-gradient(\n    135deg,\n    #1d2d50 0%,\n    #2d456f 100%\n  );\n  color:#fff;\n  font-size:15px;\n  font-weight:700;\n  transition:.3s;\n}\n\n.sb-voice-pro .btn:hover{\n  transform:translateY(-2px);\n  opacity:.92;\n  color:#fff;\n}\n\n\/* =========================\nBOTTOM\n========================= *\/\n\n.sb-voice-pro .bottom{\n  text-align:center;\n  margin-top:70px;\n}\n\n.sb-voice-pro .more{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:62px;\n  padding:0 34px;\n  border-radius:999px;\n  background:#fff;\n  color:#1d2d50;\n  text-decoration:none;\n  font-weight:700;\n  border:1px solid #ddd;\n  transition:.3s;\n}\n\n.sb-voice-pro .more:hover{\n  background:#1d2d50;\n  color:#fff;\n}\n\n\/* =========================\nTABLET\n========================= *\/\n\n@media(max-width:1024px){\n\n  .sb-voice-pro{\n    padding:100px 20px;\n  }\n\n  .sb-voice-pro .list{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .sb-voice-pro .title{\n    font-size:42px;\n  }\n\n  .sb-voice-pro .comment{\n    font-size:24px;\n  }\n\n  .sb-voice-pro .card.featured .comment{\n    font-size:28px;\n  }\n\n}\n\n\/* =========================\nSP\n========================= *\/\n\n@media(max-width:767px){\n\n  .sb-voice-pro{\n    padding:80px 16px;\n  }\n\n  .sb-voice-pro .head{\n    margin-bottom:44px;\n  }\n\n  .sb-voice-pro .en{\n    font-size:11px;\n    margin-bottom:12px;\n  }\n\n  .sb-voice-pro .title{\n    font-size:34px;\n    line-height:1.5;\n    margin-bottom:18px;\n  }\n\n  .sb-voice-pro .sub{\n    font-size:16px;\n    line-height:1.9;\n  }\n\n  .sb-voice-pro .group{\n    margin-bottom:50px;\n  }\n\n  .sb-voice-pro .list{\n    grid-template-columns:1fr;\n    gap:24px;\n  }\n\n  .sb-voice-pro .card{\n    border-radius:22px;\n  }\n\n  .sb-voice-pro .card.featured{\n    transform:none;\n  }\n\n  .sb-voice-pro .card.featured:hover{\n    transform:none;\n  }\n\n  .sb-voice-pro .content{\n    padding:28px 22px 30px;\n  }\n\n  .sb-voice-pro .meta{\n    font-size:18px;\n    margin-bottom:14px;\n  }\n\n  .sb-voice-pro .worry{\n    font-size:13px;\n    padding:8px 14px;\n    margin-bottom:20px;\n  }\n\n  .sb-voice-pro .comment{\n    font-size:24px;\n    line-height:1.75;\n    margin-bottom:28px;\n  }\n\n  .sb-voice-pro .card.featured .comment{\n    font-size:28px;\n  }\n\n  .sb-voice-pro .btn{\n    width:100%;\n    min-height:56px;\n    font-size:14px;\n  }\n\n  .sb-voice-pro .bottom{\n    margin-top:48px;\n  }\n\n  .sb-voice-pro .more{\n    width:100%;\n    min-height:56px;\n    font-size:14px;\n  }\n\n}\n\n<\/style>\n\n<div class=\"container\">\n\n  <div class=\"head\">\n\n    <p class=\"en\">\n      REAL VOICE\n    <\/p>\n\n    <h2 class=\"title\">\n      \u30ea\u30a2\u30eb\u306a\u304a\u58f0\u3067\u3059\n    <\/h2>\n\n    <p class=\"sub\">\n      \u300c\u3069\u3046\u5909\u308f\u3063\u305f\u306e\u304b\u300d\u3092\u3001<br>\n      \u3054\u672c\u4eba\u306e\u8a00\u8449\u3067\u3054\u89a7\u304f\u3060\u3055\u3044\u3002\n    <\/p>\n\n  <\/div>\n\n  <!-- =========================\n  1\u7d44\u76ee\n  ========================= -->\n\n  <div class=\"group\">\n\n    <div class=\"list\">\n\n      <!-- 1 -->\n\n      <article class=\"card\">\n\n        <div class=\"movie\">\n\n          <video\n            src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/s-okyakusamanokoe1.mp4\"\n            controls\n            playsinline\n            preload=\"metadata\">\n          <\/video>\n\n        <\/div>\n\n        <div class=\"content\">\n\n          <div class=\"meta\">\n            50\u4ee3 \u4e3b\u5a66\n          <\/div>\n\n          <div class=\"worry\">\n            \u984e\u306e\u75db\u307f\n          <\/div>\n\n          <div class=\"comment\">\n            \u300c\u62bc\u3055\u3048\u3066\u3082\u3089\u3063\u305f\u3060\u3051\u3067\u3001\u75db\u307f\u304c\u7121\u304f\u306a\u3063\u305f\u306e\u306b\u306f\u672c\u5f53\u306b\u9a5a\u304d\u307e\u3057\u305f\u300d\n          <\/div>\n\n          <a href=\"https:\/\/kenko-jk.com\/p\/review\/#okyakusamanokoe1\" class=\"btn\">\n            \u8a73\u3057\u304f\u898b\u308b \u2192\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- 2 featured -->\n\n      <article class=\"card featured\">\n\n        <div class=\"movie\">\n\n          <video\n            src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/s-okyakusamanokoe2.mp4\"\n            controls\n            playsinline\n            preload=\"metadata\">\n          <\/video>\n\n        <\/div>\n\n        <div class=\"content\">\n\n          <div class=\"meta\">\n            40\u4ee3 \u5973\u6027\n          <\/div>\n\n          <div class=\"worry\">\n            \u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3\n          <\/div>\n\n          <div class=\"comment\">\n            \u300c\u4e88\u60f3\u4ee5\u4e0a\u306b\u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3\u304c\u30b7\u30e3\u30fc\u30d7\u306b\u306a\u3063\u3066\u9a5a\u304d\u307e\u3057\u305f\u300d\n          <\/div>\n\n          <a href=\"https:\/\/kenko-jk.com\/p\/review\/#okyakusamanokoe2\" class=\"btn\">\n            \u8a73\u3057\u304f\u898b\u308b \u2192\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- 3 -->\n\n      <article class=\"card\">\n\n        <div class=\"movie\">\n\n          <video\n            src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/s-okyakusamanokoe31.mp4\"\n            controls\n            playsinline\n            preload=\"metadata\">\n          <\/video>\n\n        <\/div>\n\n        <div class=\"content\">\n\n          <div class=\"meta\">\n            40\u4ee3 \u30b5\u30ed\u30f3\u7d4c\u55b6\n          <\/div>\n\n          <div class=\"worry\">\n            \u5c0f\u9854\u77ef\u6b63\n          <\/div>\n\n          <div class=\"comment\">\n            \u300c\u4e00\u5ea6\u3067\u3053\u3093\u306a\u306b\u3059\u3063\u304d\u308a\u3059\u308b\u3068\u306f\u601d\u308f\u306a\u304b\u3063\u305f\u3067\u3059\u300d\n          <\/div>\n\n          <a href=\"https:\/\/kenko-jk.com\/p\/review\/#okyakusamanokoe3\" class=\"btn\">\n            \u8a73\u3057\u304f\u898b\u308b \u2192\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n  <!-- =========================\n  2\u7d44\u76ee\n  ========================= -->\n\n  <div class=\"group\">\n\n    <div class=\"list\">\n\n      <!-- 4 -->\n\n      <article class=\"card\">\n\n        <div class=\"movie\">\n\n          <video\n            src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/s-okyakusamanokoe4.mp4\"\n            controls\n            playsinline\n            preload=\"metadata\">\n          <\/video>\n\n        <\/div>\n\n        <div class=\"content\">\n\n          <div class=\"meta\">\n            20\u4ee3 \u5b66\u751f\n          <\/div>\n\n          <div class=\"worry\">\n            \u4f53\u306e\u6b6a\u307f\n          <\/div>\n\n          <div class=\"comment\">\n            \u300c\u81ea\u5206\u306e\u6b6a\u307f\u306b\u3064\u3044\u3066\u6559\u3048\u3066\u3082\u3089\u3063\u3066\u3001\u6cbb\u3057\u3066\u3082\u3089\u3063\u3066\u300d\n          <\/div>\n\n          <a href=\"https:\/\/kenko-jk.com\/p\/review\/#okyakusamanokoe4\" class=\"btn\">\n            \u8a73\u3057\u304f\u898b\u308b \u2192\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- 5 featured -->\n\n      <article class=\"card featured\">\n\n        <div class=\"movie\">\n\n          <video\n            src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/s-okyakusamanokoe5.mp4\"\n            controls\n            playsinline\n            preload=\"metadata\">\n          <\/video>\n\n        <\/div>\n\n        <div class=\"content\">\n\n          <div class=\"meta\">\n            30\u4ee3 \u5973\u6027\n          <\/div>\n\n          <div class=\"worry\">\n            \u9854\u306e\u6b6a\u307f\n          <\/div>\n\n          <div class=\"comment\">\n            \u300c\u60a9\u307f\u7d9a\u3051\u305f\u9854\u306e\u6b6a\u307f\u3082\u3059\u3050\u306b\u6539\u5584\u300d\n          <\/div>\n\n          <a href=\"https:\/\/kenko-jk.com\/p\/review\/#okyakusamanokoe5\" class=\"btn\">\n            \u8a73\u3057\u304f\u898b\u308b \u2192\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- 6 -->\n\n      <article class=\"card\">\n\n        <div class=\"movie\">\n\n          <video\n            src=\"https:\/\/kenko-jk.com\/p\/wp-content\/uploads\/2026\/05\/s-okyakusamanokoe6.mp4\"\n            controls\n            playsinline\n            preload=\"metadata\">\n          <\/video>\n\n        <\/div>\n\n        <div class=\"content\">\n\n          <div class=\"meta\">\n            20\u4ee3 \u5b66\u751f\n          <\/div>\n\n          <div class=\"worry\">\n            \u30a8\u30e9\n          <\/div>\n\n          <div class=\"comment\">\n            \u300c\u5168\u7136\u75db\u304f\u7121\u304f\u3066\u5bdd\u3066\u3057\u307e\u3044\u305d\u3046\u306a\u611f\u3058\u3067\u3057\u305f\u300d\n          <\/div>\n\n          <a href=\"https:\/\/kenko-jk.com\/p\/review\/#okyakusamanokoe6\" class=\"btn\">\n            \u8a73\u3057\u304f\u898b\u308b \u2192\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n  <div class=\"bottom\">\n\n    <a href=\"https:\/\/kenko-jk.com\/p\/review\/\" class=\"more\">\n      \u5b9f\u969b\u306e\u4f53\u9a13\u8ac7\u3092\u3082\u3063\u3068\u898b\u308b \u2192\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =========================\nSECTION 7 \u521d\u56de\u306e\u6d41\u308c\n========================= -->\n\n<section class=\"sb-flow-premium\">\n\n<style>\n\n\/* =========================\nSECTION\n========================= *\/\n\n.sb-flow-premium{\n  padding:120px 20px;\n  background:#fff;\n  overflow:hidden;\n}\n\n.sb-flow-premium *{\n  box-sizing:border-box;\n}\n\n.sb-flow-premium .container{\n  max-width:1100px;\n  margin:0 auto;\n}\n\n\/* =========================\nHEAD\n========================= *\/\n\n.sb-flow-premium .head{\n  text-align:center;\n  margin-bottom:80px;\n}\n\n.sb-flow-premium .en{\n  font-size:13px;\n  letter-spacing:.22em;\n  color:#c8a45d;\n  font-weight:700;\n  margin-bottom:18px;\n}\n\n.sb-flow-premium .title{\n  font-size:54px;\n  line-height:1.45;\n  color:#1d2d50;\n  font-weight:800;\n  margin-bottom:24px;\n}\n\n.sb-flow-premium .sub{\n  font-size:18px;\n  line-height:1.9;\n  color:#666;\n}\n\n\/* =========================\nFLOW\n========================= *\/\n\n.sb-flow-premium .flow{\n  display:flex;\n  flex-direction:column;\n  gap:28px;\n}\n\n\/* =========================\nCARD\n========================= *\/\n\n.sb-flow-premium .card{\n  position:relative;\n  background:#fff;\n  border-radius:30px;\n  padding:42px 42px 42px 130px;\n  box-shadow:0 16px 45px rgba(0,0,0,.05);\n  border:1px solid rgba(0,0,0,.05);\n  transition:.35s;\n}\n\n.sb-flow-premium .card:hover{\n  transform:translateY(-4px);\n  box-shadow:0 24px 60px rgba(0,0,0,.08);\n}\n\n\/* =========================\nSTEP NUMBER\n========================= *\/\n\n.sb-flow-premium .step{\n  position:absolute;\n  left:34px;\n  top:38px;\n  width:72px;\n  height:72px;\n  border-radius:50%;\n  background:linear-gradient(\n    135deg,\n    #1d2d50 0%,\n    #30486f 100%\n  );\n  color:#fff;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex-direction:column;\n  box-shadow:0 10px 30px rgba(29,45,80,.25);\n}\n\n.sb-flow-premium .step small{\n  font-size:10px;\n  letter-spacing:.12em;\n  opacity:.8;\n}\n\n.sb-flow-premium .step strong{\n  font-size:24px;\n  line-height:1;\n  margin-top:2px;\n}\n\n\/* =========================\nTEXT\n========================= *\/\n\n.sb-flow-premium .card-title{\n  font-size:30px;\n  line-height:1.5;\n  color:#1d2d50;\n  font-weight:700;\n  margin-bottom:18px;\n}\n\n.sb-flow-premium .card-text{\n  font-size:18px;\n  line-height:2;\n  color:#666;\n}\n\n\/* =========================\nBOTTOM\n========================= *\/\n\n.sb-flow-premium .bottom{\n  margin-top:80px;\n  text-align:center;\n}\n\n.sb-flow-premium .bottom p{\n  font-size:32px;\n  line-height:1.9;\n  color:#1d2d50;\n  font-weight:700;\n}\n\n\/* =========================\nTABLET\n========================= *\/\n\n@media(max-width:1024px){\n\n  .sb-flow-premium{\n    padding:100px 20px;\n  }\n\n  .sb-flow-premium .title{\n    font-size:44px;\n  }\n\n  .sb-flow-premium .card-title{\n    font-size:26px;\n  }\n\n}\n\n\/* =========================\nSP\n========================= *\/\n\n@media(max-width:767px){\n\n  .sb-flow-premium{\n    padding:80px 16px;\n  }\n\n  .sb-flow-premium .head{\n    margin-bottom:46px;\n  }\n\n  .sb-flow-premium .en{\n    font-size:11px;\n    margin-bottom:12px;\n  }\n\n  .sb-flow-premium .title{\n    font-size:34px;\n    line-height:1.5;\n    margin-bottom:18px;\n  }\n\n  .sb-flow-premium .sub{\n    font-size:16px;\n    line-height:1.9;\n  }\n\n  .sb-flow-premium .flow{\n    gap:20px;\n  }\n\n  .sb-flow-premium .card{\n    padding:96px 22px 30px;\n    border-radius:24px;\n  }\n\n  .sb-flow-premium .step{\n    left:22px;\n    top:22px;\n    width:60px;\n    height:60px;\n  }\n\n  .sb-flow-premium .step strong{\n    font-size:20px;\n  }\n\n  .sb-flow-premium .card-title{\n    font-size:24px;\n    line-height:1.6;\n    margin-bottom:14px;\n  }\n\n  .sb-flow-premium .card-text{\n    font-size:16px;\n    line-height:1.95;\n  }\n\n  .sb-flow-premium .bottom{\n    margin-top:56px;\n  }\n\n  .sb-flow-premium .bottom p{\n    font-size:26px;\n    line-height:1.8;\n  }\n\n}\n\n<\/style>\n\n<div class=\"container\">\n\n  <div class=\"head\">\n\n    <p class=\"en\">\n      FIRST VISIT FLOW\n    <\/p>\n\n    <h2 class=\"title\">\n      \u521d\u56de\u306e\u6d41\u308c\n    <\/h2>\n\n    <p class=\"sub\">\n      \u300c\u3069\u3093\u306a\u3053\u3068\u3092\u3059\u308b\u306e\u304b\u4e0d\u5b89\u2026\u300d<br>\n      \u305d\u3093\u306a\u65b9\u306b\u3082\u5b89\u5fc3\u3057\u3066\u3044\u305f\u3060\u3051\u308b\u3088\u3046\u3001<br>\n      \u521d\u56de\u306e\u6d41\u308c\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\n    <\/p>\n\n  <\/div>\n\n  <div class=\"flow\">\n\n    <!-- STEP 1 -->\n\n    <article class=\"card\">\n\n      <div class=\"step\">\n        <small>STEP<\/small>\n        <strong>01<\/strong>\n      <\/div>\n\n      <h3 class=\"card-title\">\n        \u3054\u4e88\u7d04\u30fb\u3054\u6765\u9662\n      <\/h3>\n\n      <p class=\"card-text\">\n        \u307e\u305a\u306fLINE\u307e\u305f\u306f\u304a\u96fb\u8a71\u304b\u3089\u3054\u4e88\u7d04\u304f\u3060\u3055\u3044\u3002<br>\n        \u3054\u6765\u9662\u5f8c\u306f\u3001\u30ea\u30e9\u30c3\u30af\u30b9\u3057\u3066\u304a\u8a71\u3044\u305f\u3060\u3051\u308b\u7a7a\u9593\u3092\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002\n      <\/p>\n\n    <\/article>\n\n    <!-- STEP 2 -->\n\n    <article class=\"card\">\n\n      <div class=\"step\">\n        <small>STEP<\/small>\n        <strong>02<\/strong>\n      <\/div>\n\n      <h3 class=\"card-title\">\n        \u304a\u60a9\u307f\u306e\u30d2\u30a2\u30ea\u30f3\u30b0\n      <\/h3>\n\n      <p class=\"card-text\">\n        \u300c\u3069\u3053\u304c\u6c17\u306b\u306a\u308b\u306e\u304b\u300d\u3060\u3051\u3067\u306f\u306a\u304f\u3001<br>\n        \u3044\u3064\u304b\u3089\u6c17\u306b\u306a\u3063\u3066\u3044\u308b\u306e\u304b\u3001\u666e\u6bb5\u306e\u7656\u3084\u751f\u6d3b\u7fd2\u6163\u307e\u3067\u4e01\u5be7\u306b\u304a\u805e\u304d\u3057\u307e\u3059\u3002\n      <\/p>\n\n    <\/article>\n\n    <!-- STEP 3 -->\n\n    <article class=\"card\">\n\n      <div class=\"step\">\n        <small>STEP<\/small>\n        <strong>03<\/strong>\n      <\/div>\n\n      <h3 class=\"card-title\">\n        \u9854\u30fb\u984e\u30fb\u59ff\u52e2\u306e\u72b6\u614b\u30c1\u30a7\u30c3\u30af\n      <\/h3>\n\n      <p class=\"card-text\">\n        \u304a\u9854\u3060\u3051\u3092\u898b\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u59ff\u52e2\u3084\u9996\u30fb\u984e\u306e\u30d0\u30e9\u30f3\u30b9\u307e\u3067\u78ba\u8a8d\u3002<br>\n        \u300c\u306a\u305c\u6b6a\u307f\u304c\u51fa\u3066\u3044\u308b\u306e\u304b\u300d\u3092\u4e00\u7dd2\u306b\u6574\u7406\u3057\u3066\u3044\u304d\u307e\u3059\u3002\n      <\/p>\n\n    <\/article>\n\n    <!-- STEP 4 -->\n\n    <article class=\"card\">\n\n      <div class=\"step\">\n        <small>STEP<\/small>\n        <strong>04<\/strong>\n      <\/div>\n\n      <h3 class=\"card-title\">\n        \u30bd\u30d5\u30c8\u306a\u6574\u4f53\u65bd\u8853\n      <\/h3>\n\n      <p class=\"card-text\">\n        \u5f37\u304f\u62bc\u3057\u305f\u308a\u3001\u7121\u7406\u306b\u30dc\u30ad\u30dc\u30ad\u3059\u308b\u65bd\u8853\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br>\n        \u512a\u3057\u3044\u523a\u6fc0\u3067\u3001\u9854\u30fb\u984e\u30fb\u8eab\u4f53\u5168\u4f53\u306e\u30d0\u30e9\u30f3\u30b9\u3092\u6574\u3048\u3066\u3044\u304d\u307e\u3059\u3002\n      <\/p>\n\n    <\/article>\n\n    <!-- STEP 5 -->\n\n    <article class=\"card\">\n\n      <div class=\"step\">\n        <small>STEP<\/small>\n        <strong>05<\/strong>\n      <\/div>\n\n      <h3 class=\"card-title\">\n        \u5909\u5316\u306e\u78ba\u8a8d\u30fb\u4eca\u5f8c\u306e\u3054\u63d0\u6848\n      <\/h3>\n\n      <p class=\"card-text\">\n        \u65bd\u8853\u524d\u5f8c\u306e\u5909\u5316\u3092\u4e00\u7dd2\u306b\u78ba\u8a8d\u3057\u306a\u304c\u3089\u3001<br>\n        \u4eca\u5f8c\u3069\u306e\u3088\u3046\u306b\u6574\u3048\u3066\u3044\u304f\u3068\u826f\u3044\u304b\u3092\u5206\u304b\u308a\u3084\u3059\u304f\u304a\u4f1d\u3048\u3057\u307e\u3059\u3002\n      <\/p>\n\n    <\/article>\n\n  <\/div>\n\n  <div class=\"bottom\">\n\n    <p>\n      \u300c\u3082\u3063\u3068\u65e9\u304f\u6765\u308c\u3070\u3088\u304b\u3063\u305f\u300d<br>\n      \u305d\u3046\u8a00\u308f\u308c\u308b\u65b9\u304c\u591a\u304f\u3044\u3089\u3063\u3057\u3083\u3044\u307e\u3059\u3002\n    <\/p>\n\n  <\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<section class=\"sb-price\">\n\n<style>\n.sb-price {\n  padding: 80px 20px;\n  background: #f7f4f1;\n  \/* \u2605 \u4fee\u6b63\uff1a\u7121\u7406\u306a\u5168\u5e45\u5316\u3092\u3084\u3081\u3001\u30c6\u30fc\u30de\u306e\u67a0\u306b\u5408\u308f\u305b\u3066\u5b89\u5168\u306b\u914d\u7f6e *\/\n  width: 100%;\n  max-width: 100%;\n  margin: 0 auto;\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.sb-price .container {\n  max-width: 600px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.sb-price .title {\n  font-size: 30px;\n  font-weight: 700;\n  margin-bottom: 10px;\n  color: #1a2b4c;\n}\n\n.sb-price .sub {\n  font-size: 16px;\n  color: #666;\n  margin-bottom: 40px;\n}\n\n\/* \u30d7\u30ec\u30df\u30a2\u30e0\u30ab\u30fc\u30c9 *\/\n.sb-price .card {\n  background: #fff;\n  border-radius: 24px;\n  padding: 50px 30px 40px;\n  position: relative;\n  box-shadow: 0 15px 45px rgba(26, 43, 76, 0.08); \n  border: 2px solid #c49a6c;\n}\n\n\/* \u521d\u56de\u9650\u5b9a\u30ea\u30dc\u30f3\u30d0\u30c3\u30b8 *\/\n.sb-price .badge {\n  position: absolute;\n  top: -18px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: #1a2b4c; \n  color: #fff;\n  font-size: 14px;\n  font-weight: 700;\n  padding: 6px 24px;\n  border-radius: 50px;\n  letter-spacing: 0.1em;\n  box-shadow: 0 4px 10px rgba(26, 43, 76, 0.3);\n}\n\n\/* \u901a\u5e38\u6599\u91d1 *\/\n.sb-price .old-price-box {\n  font-size: 15px;\n  color: #888;\n  margin-top: 10px;\n  margin-bottom: 5px;\n}\n.sb-price .old-price-box span {\n  text-decoration: line-through;\n  font-weight: 700;\n}\n\n\/* \u30ad\u30e3\u30f3\u30da\u30fc\u30f3\u6599\u91d1 *\/\n.sb-price .price-box {\n  display: flex;\n  justify-content: center;\n  align-items: baseline;\n  color: #d9534f;\n  margin-bottom: 15px;\n}\n\n.sb-price .price-label {\n  font-size: 18px;\n  font-weight: 700;\n  margin-right: 5px;\n}\n\n.sb-price .price {\n  font-size: 54px;\n  font-weight: 700;\n  line-height: 1;\n}\n\n.sb-price .tax {\n  font-size: 14px;\n  font-weight: 700;\n  margin-left: 5px;\n}\n\n\/* \u7279\u5178\u5e2f *\/\n.sb-price .discount-bar {\n  color: #d9534f;\n  font-size: 16px;\n  font-weight: 700;\n  padding: 8px 15px;\n  display: inline-block;\n  margin-bottom: 25px;\n  border: 1px dashed #d9534f;\n}\n\n.sb-price .info {\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1.8;\n  margin-bottom: 25px;\n  color: #333;\n  padding-bottom: 20px;\n  border-bottom: 1px dashed #ddd;\n}\n\n\/* \u6ce8\u610f\u66f8\u304d\u306e\u30c1\u30a7\u30c3\u30af *\/\n.sb-price .note {\n  font-size: 14px;\n  color: #666;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n\/* \u30c1\u30a7\u30c3\u30af\u30a2\u30a4\u30b3\u30f3 *\/\n.sb-price .note-check {\n  color: #c49a6c;\n  font-weight: 700;\n}\n\n\/* \u30bf\u30d6\u30ec\u30c3\u30c8 *\/\n@media (max-width:1024px){\n  .sb-price .info{\n    font-size: 17px;\n  }\n}\n\n\/* \u30b9\u30de\u30db *\/\n@media (max-width:767px){\n  .sb-price {\n    padding: 60px 16px;\n  }\n\n  .sb-price .title {\n    font-size: 26px;\n  }\n\n  .sb-price .card {\n    padding: 40px 20px 30px;\n  }\n\n  .sb-price .price {\n    font-size: 44px;\n  }\n  \n  .sb-price .price-label {\n    font-size: 15px;\n  }\n\n  .sb-price .discount-bar {\n    font-size: 14px;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .sb-price .info {\n    font-size: 16px;\n  }\n}\n<\/style>\n\n<div class=\"container\">\n\n  <h2 class=\"title\">\u6599\u91d1\u306e\u3054\u6848\u5185<\/h2>\n  <p class=\"sub\">\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u9650\u5b9a\u306e\u7279\u5225\u306a\u3054\u6848\u5185\u3067\u3059<\/p>\n\n  <div class=\"card\">\n    <div class=\"badge\">\u521d\u56de\u9650\u5b9a<\/div>\n\n    <div class=\"old-price-box\">\n      \u901a\u5e38\u6599\u91d1 <span>15,000\u5186<\/span> \u306e\u3068\u3053\u308d\n    <\/div>\n\n    <div class=\"price-box\">\n      <span class=\"price-label\">\u7279\u5225\u4fa1\u683c<\/span>\n      <span class=\"price\">10,000<\/span>\n      <span class=\"tax\">\u5186\uff08\u7a0e\u8fbc\uff09<\/span>\n    <\/div>\n\n    <div class=\"discount-bar\">\n      \uff3c \u3053\u306e\u30da\u30fc\u30b8\u9650\u5b9a\uff1a\u521d\u56de 33%OFF \u30ad\u30e3\u30f3\u30da\u30fc\u30f3\u9069\u7528 \uff0f\n    <\/div>\n\n    <div class=\"info\">\n      \u7d04120\u5206\uff08\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\uff0b\u691c\u67fb\uff0b\u65bd\u8853\uff09<br>\n      <span style=\"font-size:14px; font-weight:normal; color:#666;\">\u203b\u304a\u4f53\u306e\u72b6\u614b\u3092\u8a73\u3057\u304f\u5206\u6790\u3059\u308b\u305f\u3081\u3001\u304a\u6642\u9593\u3092\u9577\u3081\u306b\u3044\u305f\u3060\u3044\u3066\u304a\u308a\u307e\u3059\u3002<\/span>\n    <\/div>\n\n    <div class=\"note\">\n      <span class=\"note-check\">\u2713<\/span>\u7121\u7406\u306a\u58f2\u308a\u8fbc\u307f\u306f\u4e00\u5207\u3042\u308a\u307e\u305b\u3093\u306e\u3067\u3054\u5b89\u5fc3\u304f\u3060\u3055\u3044\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n\n\n<section class=\"sb-faq\">\n\n<style>\n.sb-faq{\n  padding:80px 20px;\n  background:#f7f4f1;\n  \/* \u2605 \u4fee\u6b63\uff1a\u30c6\u30fc\u30de\u306e\u67a0\u306b\u5408\u308f\u305b\u3066\u5b89\u5168\u306b\u4e2d\u592e\u914d\u7f6e *\/\n  width: 100%;\n  max-width: 100%;\n  margin: 0 auto;\n  font-family:-apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.sb-faq .container{\n  max-width:800px;\n  margin:0 auto;\n}\n\n.sb-faq .title{\n  text-align:center;\n  font-size:30px;\n  font-weight:700;\n  margin-bottom:50px;\n}\n\n\/* \u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3 *\/\n.sb-faq .item{\n  background:#fff;\n  border-radius:14px;\n  margin-bottom:15px;\n  overflow:hidden;\n  box-shadow:0 8px 20px rgba(0,0,0,0.05);\n}\n\n.sb-faq .question{\n  padding:20px;\n  font-size:18px;\n  font-weight:600;\n  cursor:pointer;\n  position:relative;\n}\n\n.sb-faq .question::after{\n  content:\"+\";\n  position:absolute;\n  right:20px;\n  font-size:22px;\n}\n\n.sb-faq .item.active .question::after{\n  content:\"\u2212\";\n}\n\n.sb-faq .answer{\n  padding:0 20px;\n  font-size:17px;\n  line-height:1.9;\n  color:#444;\n  max-height:0;\n  overflow:hidden;\n  transition:0.3s;\n}\n\n.sb-faq .item.active .answer{\n  padding:0 20px 20px;\n  max-height:300px;\n}\n\n\/* \u30b9\u30de\u30db *\/\n@media (max-width:767px){\n  .sb-faq{\n    padding:60px 16px;\n  }\n  .sb-faq .title{\n    font-size:24px;\n  }\n  .sb-faq .question{\n    font-size:16px;\n  }\n  .sb-faq .answer{\n    font-size:15px;\n  }\n}\n<\/style>\n\n<div class=\"container\">\n\n<h2 class=\"title\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/h2>\n\n<div class=\"item\">\n  <div class=\"question\">\u75db\u3044\u65bd\u8853\u3067\u3059\u304b\uff1f<\/div>\n  <div class=\"answer\">\n    \u5f37\u304f\u62bc\u3057\u305f\u308a\u30dc\u30ad\u30dc\u30ad\u3059\u308b\u65bd\u8853\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br>\n    \u3084\u3055\u3057\u304f\u6574\u3048\u308b\u6574\u4f53\u306a\u306e\u3067\u3054\u5b89\u5fc3\u304f\u3060\u3055\u3044\u3002\n  <\/div>\n<\/div>\n\n<div class=\"item\">\n  <div class=\"question\">\u4f55\u56de\u304f\u3089\u3044\u901a\u3048\u3070\u3044\u3044\u3067\u3059\u304b\uff1f<\/div>\n  <div class=\"answer\">\n    \u304a\u8eab\u4f53\u306e\u72b6\u614b\u306b\u3088\u3063\u3066\u7570\u306a\u308a\u307e\u3059\u304c\u3001\u521d\u56de\u3067\u5909\u5316\u3092\u611f\u3058\u308b\u65b9\u3082\u591a\u3044\u3067\u3059\u3002<br>\n    \u7121\u7406\u306a\u901a\u9662\u306e\u63d0\u6848\u306f\u884c\u3063\u3066\u3044\u307e\u305b\u3093\u3002<br>\n    <span style=\"font-size:14px; color:#666; font-weight:normal; display:block; margin-top:5px;\">\u203b2\u56de\u76ee\u4ee5\u964d\u306e\u65bd\u8853\u6642\u9593\u306f\u7d0450\u5206\u3067\u3059\u3002<\/span>\n  <\/div>\n<\/div>\n\n<div class=\"item\">\n  <div class=\"question\">\u6574\u5f62\u3068\u306f\u9055\u3046\u306e\u3067\u3059\u304b\uff1f<\/div>\n  <div class=\"answer\">\n    \u30e1\u30b9\u3092\u4f7f\u3046\u65bd\u8853\u3067\u306f\u306a\u304f\u3001\u4f53\u306e\u30d0\u30e9\u30f3\u30b9\u3092\u6574\u3048\u308b\u6574\u4f53\u3067\u3059\u3002<br>\n    \u81ea\u7136\u306a\u5909\u5316\u3092\u76ee\u6307\u3057\u307e\u3059\u3002\n  <\/div>\n<\/div>\n\n<div class=\"item\">\n  <div class=\"question\">1\u56de\u3067\u3082\u5909\u308f\u308a\u307e\u3059\u304b\uff1f<\/div>\n  <div class=\"answer\">\n    \u5909\u5316\u3092\u5b9f\u611f\u3055\u308c\u308b\u65b9\u306f\u591a\u3044\u3067\u3059\u304c\u3001\u72b6\u614b\u306b\u3088\u3063\u3066\u500b\u4eba\u5dee\u304c\u3042\u308a\u307e\u3059\u3002<br>\n    \u307e\u305a\u306f\u4e00\u5ea6\u4f53\u611f\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\n  <\/div>\n<\/div>\n\n<div class=\"item\">\n  <div class=\"question\">\u3069\u3093\u306a\u670d\u88c5\u3067\u884c\u3051\u3070\u3044\u3044\u3067\u3059\u304b\uff1f<\/div>\n  <div class=\"answer\">\n    \u52d5\u304d\u3084\u3059\u3044\u670d\u88c5\u3067\u304a\u8d8a\u3057\u304f\u3060\u3055\u3044\u3002<br>\n    \u30b9\u30ab\u30fc\u30c8\u3088\u308a\u30d1\u30f3\u30c4\u30b9\u30bf\u30a4\u30eb\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002<br>\u3053\u3061\u3089\u3067\u304a\u7740\u66ff\u3048\u3082\u3067\u304d\u307e\u3059\u3002\n  <\/div>\n<\/div>\n\n<\/div>\n\n<script>\n\/\/ \u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u306e\u958b\u9589\u5236\u5fa1\ndocument.querySelectorAll('.sb-faq .question').forEach(q=>{\n  q.addEventListener('click',()=>{\n    q.parentElement.classList.toggle('active');\n  });\n});\n\n\/\/ \u2605 FAQ\u69cb\u9020\u5316\u30c7\u30fc\u30bf\uff08JSON-LD\uff09\u306e\u81ea\u52d5\u751f\u6210\u30b9\u30af\u30ea\u30d7\u30c8\n(function() {\n  const faqItems = document.querySelectorAll('.sb-faq .item');\n  if (faqItems.length === 0) return;\n\n  const mainEntity = Array.from(faqItems).map(item => {\n    const questionText = item.querySelector('.sb-faq .question').textContent.trim();\n    \/\/ \u56de\u7b54\u30c6\u30ad\u30b9\u30c8\u5185\u306e\u6539\u884c\u3084\u4e0d\u8981\u306a\u7a7a\u767d\u3092\u9664\u53bb\n    const answerText = item.querySelector('.sb-faq .answer').textContent.replace(\/\\s+\/g, ' ').trim();\n    \n    return {\n      \"@type\": \"Question\",\n      \"name\": questionText,\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": answerText\n      }\n    };\n  });\n\n  const jsonLd = {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": mainEntity\n  };\n\n  const script = document.createElement('script');\n  script.type = 'application\/ld+json';\n  script.text = JSON.stringify(jsonLd);\n  document.head.appendChild(script);\n})();\n<\/script>\n\n<\/section>\n\n\n\n<section class=\"sb-access\">\n\n<style>\n.sb-access{\n  padding:80px 20px;\n  background:#fff;\n  \/* \u2605 \u4fee\u6b63\uff1a\u7121\u7406\u306a\u5168\u5e45\u5316\u3092\u3084\u3081\u3001\u30c6\u30fc\u30de\u306e\u67a0\u306b\u5408\u308f\u305b\u3066\u5b89\u5168\u306b\u914d\u7f6e *\/\n  width: 100%;\n  max-width: 100%;\n  margin: 0 auto;\n  font-family:-apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.sb-access .container{\n  max-width:1000px;\n  margin:0 auto;\n  text-align:center;\n}\n\n.sb-access .title{\n  font-size:30px;\n  font-weight:700;\n  margin-bottom:10px;\n  color: #1a2b4c; \/* \u30cd\u30a4\u30d3\u30fc\u30c8\u30fc\u30f3\u3092\u7d71\u4e00 *\/\n}\n\n.sb-access .sub{\n  font-size:16px;\n  color:#666;\n  margin-bottom:30px;\n}\n\n\/* \u99c5\u30c1\u30ab\u30d0\u30c3\u30b8 *\/\n.sb-access .badge{\n  display:inline-block;\n  background:#fdfaf7;\n  color: #c49a6c;\n  border: 1px solid rgba(196, 154, 108, 0.4);\n  padding: 8px 20px;\n  border-radius:20px;\n  font-size:15px;\n  font-weight: 700;\n  margin-bottom:40px;\n}\n\n\/* PC\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8\u7528\u306e2\u30ab\u30e9\u30e0\u30ec\u30a4\u30a2\u30a6\u30c8\u8a2d\u5b9a *\/\n.sb-access .access-layout {\n  display: flex;\n  gap: 40px;\n  align-items: stretch; \/* \u5de6\u53f3\u306e\u9ad8\u3055\u3092\u63c3\u3048\u308b *\/\n  text-align: left;\n}\n\n\/* \u5de6\u5074\uff1a\u5730\u56f3\u30a8\u30ea\u30a2 *\/\n.sb-access .map-area {\n  flex: 1.1; \/* \u5730\u56f3\u5074\u3092\u5c11\u3057\u5e83\u304f *\/\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n\/* \u53f3\u5074\uff1a\u4f4f\u6240\u60c5\u5831\u30a8\u30ea\u30a2 *\/\n.sb-access .info-area {\n  flex: 0.9;\n  display: flex;\n}\n\n\/* Google\u30de\u30c3\u30d7 *\/\n.sb-access .map iframe{\n  width:100%;\n  height:360px; \/* \u6a2a\u4e26\u3073\u6642\u306b\u5408\u308f\u305b\u3066\u5c11\u3057\u9ad8\u3055\u3092\u8abf\u6574 *\/\n  border:0;\n  border-radius:16px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.04);\n  display: block;\n}\n\n\/* \u7c21\u6613\u5730\u56f3 *\/\n.sb-access .submap {\n  text-align: center;\n  background: #fdfaf7;\n  padding: 15px;\n  border-radius: 16px;\n  border: 1px dashed #efe5dc;\n}\n.sb-access .submap img{\n  width:100%;\n  max-width:380px;\n  height: auto;\n  border-radius:8px;\n  display: inline-block;\n  vertical-align: middle;\n}\n\n\/* \u4f4f\u6240\u60c5\u5831\u30ab\u30fc\u30c9 *\/\n.sb-access .info{\n  background:#fdfaf7;\n  padding:35px 30px;\n  border-radius:16px;\n  line-height:1.9;\n  font-size:16px;\n  width: 100%;\n  border: 1px solid rgba(196, 154, 108, 0.15);\n  box-shadow: 0 10px 30px rgba(26, 43, 76, 0.02);\n}\n\n.sb-access .tel{\n  font-size:22px;\n  font-weight:700;\n  margin-bottom:15px;\n  padding-bottom:15px;\n  border-bottom: 1px dashed #efe5dc;\n}\n\n.sb-access .tel a{\n  color:#1a2b4c;\n  text-decoration:none;\n}\n\n.sb-access .station-guide {\n  margin-top: 20px;\n  padding-top: 15px;\n  border-top: 1px dashed #efe5dc;\n}\n\n\/* \u30bf\u30d6\u30ec\u30c3\u30c8\uff081024px\u4ee5\u4e0b\uff09 *\/\n@media (max-width:1024px){\n  .sb-access .access-layout {\n    gap: 24px; \/* \u6a2a\u306e\u9699\u9593\u3092\u5c11\u3057\u72ed\u304f *\/\n  }\n  .sb-access .info {\n    padding: 25px 20px;\n    font-size: 15px;\n  }\n  .sb-access .tel {\n    font-size: 19px;\n  }\n  .sb-access .map iframe {\n    height: 320px;\n  }\n}\n\n\/* \u30b9\u30de\u30db\uff08767px\u4ee5\u4e0b\uff09 *\/\n@media (max-width:767px){\n  .sb-access{\n    padding:60px 16px;\n  }\n\n  .sb-access .title{\n    font-size:24px;\n  }\n\n  .sb-access .sub{\n    font-size:14px;\n    margin-bottom:20px;\n  }\n  \n  .sb-access .badge {\n    font-size: 13px;\n    margin-bottom: 30px;\n  }\n\n  \/* \u30b9\u30de\u30db\u306f\u7e26\u4e00\u5217\u306b\u623b\u3059 *\/\n  .sb-access .access-layout {\n    flex-direction: column;\n    gap: 30px;\n  }\n\n  .sb-access .map iframe{\n    height:280px;\n  }\n\n  .sb-access .info{\n    padding:25px 20px;\n    font-size:15px;\n  }\n  \n  .sb-access .tel {\n    font-size: 20px;\n  }\n}\n<\/style>\n\n<div class=\"container\">\n\n  <h2 class=\"title\">\u30a2\u30af\u30bb\u30b9<\/h2>\n  <p class=\"sub\">\u521d\u3081\u3066\u306e\u65b9\u3067\u3082\u8ff7\u308f\u305a\u3054\u6765\u9662\u3044\u305f\u3060\u3051\u307e\u3059<\/p>\n\n  <div class=\"badge\">\u662d\u548c\u753a\u99c5\u2460\u51fa\u53e3\u3059\u3050\uff08\u5f92\u6b6915\u79d2\uff09<\/div>\n\n  <div class=\"access-layout\">\n\n    <div class=\"map-area\">\n      <div class=\"map\">\n<iframe style=\"border: 0;\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3282.8088919502225!2d135.51515436528973!3d34.63426943045158!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6000dddc9a68d4f3%3A0x873ddec9c6b9028a!2z5YGl5bq35aG-U0Ljg5Djg6njg7PjgrnmlbTkvZPpmaI!5e0!3m2!1sja!2sjp!4v1614503510225!5m2!1sja!2sjp\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"info-area\">\n      <div class=\"info\">\n        <div class=\"tel\">\n          <a href=\"tel:0666224872\">TEL.06-6622-4872<\/a><br>\n          <span style=\"font-size:14px; font-weight:normal; color:#666;\">\uff08\u5b8c\u5168\u4e88\u7d04\u5236\uff09<\/span>\n        <\/div>\n\n        <span style=\"color:#d9534f; font-weight:bold;\">\u6bce\u9031\u6708\u66dc\u65e5\u5b9a\u4f11\u65e5<\/span><br><br>\n\n        <strong>\u25a0 \u6240\u5728\u5730<\/strong><br>\n        \u3012545-0011<br>\n        \u5927\u962a\u5e9c\u5927\u962a\u5e02\u963f\u500d\u91ce\u533a\u662d\u548c\u753a1-8-26<br>\n        \u30d1\u30ec\u30ed\u30a4\u30e4\u30eb803\u53f7<br>\n\n        <div class=\"station-guide\">\n          <strong>\u25a0 \u6700\u5bc4\u308a\u99c5\u304b\u3089\u306e\u30a2\u30af\u30bb\u30b9<\/strong><br>\n          \u30fb\u5927\u962a\u30e1\u30c8\u30ed\u5fa1\u5802\u7b4b\u7dda\u300c\u662d\u548c\u753a\u99c5\u300d\u2460\u756a\u51fa\u53e3\u524d<br>\n          \u30fb\u5927\u962a\u30e1\u30c8\u30ed\u8c37\u753a\u7dda\u300c\u6587\u306e\u91cc\u99c5\u300d\u2463\u756a\u51fa\u53e3\u5357\u30782\u5206\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div><\/div>\n\n<\/section>\n\n\n\n<section class=\"sb-final-cta\" id=\"calendar-section\">\n  <div class=\"sb-final-cta-inner\">\n\n    <div class=\"sb-final-cta-head\">\n      <p class=\"sb-final-cta-en\">RESERVATION<\/p>\n      <h2 class=\"sb-final-cta-title\">\u3054\u4e88\u7d04\u30fb\u304a\u554f\u3044\u5408\u308f\u305b<\/h2>\n      <p class=\"sb-final-cta-sub\">\n        \u5f53\u9662\u306f\u3010\u5b8c\u5168\u4e88\u7d04\u5236\u3011\u3068\u306a\u3063\u3066\u304a\u308a\u307e\u3059\u3002<br>\n        \u3054\u90fd\u5408\u306e\u826f\u3044\u4e88\u7d04\u65b9\u6cd5\u3092\u4e0b\u8a18\u3088\u308a\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u3002\n      <\/p>\n    <\/div>\n\n    <div class=\"sb-final-cta-grid\">\n\n      <div class=\"sb-cta-card card-line\">\n        <div class=\"card-badge bg-line\">\u4e00\u756a\u4eba\u6c17 \/ 24\u6642\u9593\u53d7\u4ed8<\/div>\n        <div class=\"card-icon\">&#x1f7e9;<\/div>\n        <h3>LINE\u304b\u3089\u4e88\u7d04\u3059\u308b<\/h3>\n        <p class=\"card-desc\">\n          \u300c\u53cb\u3060\u3061\u8ffd\u52a0\u300d\u306e\u5f8c\u3001\u30e1\u30c3\u30bb\u30fc\u30b8\u306b\u5f93\u3063\u3066\u3054\u5e0c\u671b\u306e\u65e5\u6642\u3092\u304a\u9001\u308a\u304f\u3060\u3055\u3044\u3002\n        <\/p>\n        <a href=\"https:\/\/page.line.me\/948rlvum?openQrModal=true\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-submit-btn btn-line\">\n          LINE\u3067\u4eca\u3059\u3050\u4e88\u7d04\u3059\u308b\n        <\/a>\n      <\/div>\n\n      <div class=\"sb-cta-card card-web\">\n        <div class=\"card-badge bg-web\">\u7c21\u5358\u624b\u7d9a\u304d \/ 24\u6642\u9593\u53d7\u4ed8<\/div>\n        <div class=\"card-icon\">&#x1f4c5;<\/div>\n        <h3>WEB\u304b\u3089\u4e88\u7d04\u3059\u308b<\/h3>\n        <p class=\"card-desc\">\n          24\u6642\u9593\u3044\u3064\u3067\u3082\u7a7a\u304d\u72b6\u6cc1\u304c\u78ba\u8a8d\u3067\u304d\u3001\u305d\u306e\u5834\u3067\u3054\u4e88\u7d04\u304c\u78ba\u5b9a\u3057\u307e\u3059\u3002\n        <\/p>\n        <a href=\"https:\/\/kenko-jk.com\/reserve\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-submit-btn btn-web\">\n          \u30aa\u30f3\u30e9\u30a4\u30f3\u4e88\u7d04\u3092\u958b\u304f\n        <\/a>\n      <\/div>\n\n      <div class=\"sb-cta-card card-tel\">\n        <div class=\"card-badge bg-tel\">\u5f53\u65e5\u4e88\u7d04\u306f\u304a\u96fb\u8a71\u3067<\/div>\n        <div class=\"card-icon\">&#x1f4de;<\/div>\n        <h3>\u304a\u96fb\u8a71\u3067\u4e88\u7d04\u3059\u308b<\/h3>\n        <p class=\"card-desc\">\n          \u304a\u6025\u304e\u306e\u65b9\u3084\u3001\u3054\u8cea\u554f\u3092\u3057\u306a\u304c\u3089\u4e88\u7d04\u3092\u6c7a\u3081\u305f\u3044\u65b9\u306f\u304a\u6c17\u8efd\u306b\u304a\u304b\u3051\u304f\u3060\u3055\u3044\u3002\n        <\/p>\n        <a href=\"tel:0666224872\" class=\"cta-submit-btn btn-tel\">\n          06-6622-4872 \u306b\u304b\u3051\u308b\n        <\/a>\n        <p class=\"tel-time\">\u3010\u53d7\u4ed8\u6642\u9593\u301110:00\u301c20:00\uff08\u6708\u66dc\u5b9a\u4f11\uff09<\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"sb-final-cta-note\">\n      <p class=\"note-title\">&#x26a0;&#xfe0f; \u65bd\u8853\u4e2d\u306e\u304a\u96fb\u8a71\u306b\u3064\u3044\u3066<\/p>\n      <p class=\"note-text\">\n        \u65bd\u8853\u4e2d\u306f\u4e01\u5be7\u306a\u5bfe\u5fdc\u3092\u5fc3\u304c\u3051\u3066\u3044\u308b\u305f\u3081\u3001\u3084\u3080\u3092\u5f97\u305a\u304a\u96fb\u8a71\u306b\u51fa\u3089\u308c\u306a\u3044\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002<br>\n        \u305d\u306e\u969b\u306f\u3001\u7559\u5b88\u756a\u96fb\u8a71\u306b\u300c\u304a\u540d\u524d\u300d\u3068\u300c\u30e1\u30c3\u30bb\u30fc\u30b8\u300d\u3092\u6b8b\u3057\u3066\u3044\u305f\u3060\u304f\u304b\u3001<br class=\"pc-only\">\n        \u4fbf\u5229\u3067\u78ba\u5b9f\u306a<strong>\u3010LINE\u4e88\u7d04\u3011\u307e\u305f\u306f\u3010WEB\u4e88\u7d04\u3011<\/strong>\u3092\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3068\u5e78\u3044\u3067\u3059\u3002\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================\n\u6700\u7d42CTA\uff1a\u5168\u4f53\u8a2d\u5b9a\uff08\u78ba\u5b9f\u306b\u8868\u793a\u3055\u305b\u308b\u30b9\u30bf\u30a4\u30eb\uff09\n========================= --> *\/\n.sb-final-cta {\n  background: #fffbf7 !important; \/* \u78ba\u4fdd\u3055\u308c\u3066\u3044\u308b\u8584\u30d9\u30fc\u30b8\u30e5\u80cc\u666f *\/\n  padding: 120px 20px !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  margin: 0 auto !important;\n  box-sizing: border-box !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif !important;\n  \/* \u2605 \u4fee\u6b63\uff1a\u975e\u8868\u793a\u30d0\u30b0\u3092\u5b8c\u5168\u306b\u9632\u3050\u8a2d\u5b9a *\/\n  display: block !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n}\n\n.sb-final-cta-inner {\n  max-width: 1100px !important;\n  margin: 0 auto !important;\n}\n\n\/* \u30d8\u30c3\u30c9\u30e9\u30a4\u30f3 *\/\n.sb-final-cta-head {\n  text-align: center !important;\n  margin-bottom: 60px !important;\n}\n\n.sb-final-cta-en {\n  font-size: 14px !important;\n  letter-spacing: 0.25em !important;\n  color: #c8a45d !important;\n  font-weight: 700 !important;\n  margin-bottom: 15px !important;\n}\n\n.sb-final-cta-title {\n  font-size: 44px !important;\n  font-weight: 800 !important;\n  color: #1d2d50 !important;\n  margin: 0 0 20px 0 !important;\n  letter-spacing: 0.03em !important;\n}\n\n.sb-final-cta-sub {\n  font-size: 18px !important;\n  line-height: 1.8 !important;\n  color: #555555 !important;\n  margin: 0 !important;\n}\n\n\/* 3\u3064\u306e\u30ab\u30fc\u30c9\u30ec\u30a4\u30a2\u30a6\u30c8 *\/\n.sb-final-cta-grid {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr 1fr !important;\n  gap: 30px !important;\n  align-items: stretch !important;\n  margin-bottom: 60px !important;\n}\n\n\/* \u30ab\u30fc\u30c9\u5171\u901a *\/\n.sb-cta-card {\n  background: #ffffff !important;\n  border-radius: 20px !important;\n  padding: 45px 30px 40px !important;\n  text-align: center !important;\n  box-shadow: 0 15px 45px rgba(29, 45, 80, 0.04) !important;\n  border: 1px solid rgba(29, 45, 80, 0.03) !important;\n  position: relative !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n}\n\n\/* \u4e0a\u90e8\u30ea\u30dc\u30f3\u30d0\u30c3\u30b8 *\/\n.card-badge {\n  position: absolute !important;\n  top: -15px !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  padding: 6px 20px !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  border-radius: 100px !important;\n  color: #ffffff !important;\n  white-space: nowrap !important;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;\n}\n.bg-line { background: #06c755 !important; }\n.bg-web { background: #1d2d50 !important; }\n.bg-tel { background: #e67e22 !important; }\n\n.card-icon {\n  font-size: 36px !important;\n  margin-bottom: 15px !important;\n  line-height: 1 !important;\n}\n\n.sb-cta-card h3 {\n  font-size: 22px !important;\n  font-weight: 700 !important;\n  color: #1d2d50 !important;\n  margin: 0 0 15px 0 !important;\n}\n\n.card-desc {\n  font-size: 14px !important;\n  line-height: 1.6 !important;\n  color: #666666 !important;\n  margin: 0 0 30px 0 !important;\n  flex-grow: 1 !important;\n}\n\n\/* \u4e88\u7d04\u30dc\u30bf\u30f3\u5171\u901a *\/\n.cta-submit-btn {\n  width: 100 !important;\n  width: 100% !important;\n  max-width: 260px !important;\n  height: 56px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  text-decoration: none !important;\n  color: #ffffff !important;\n  font-weight: 700 !important;\n  font-size: 16px !important;\n  border-radius: 12px !important;\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;\n  transition: all 0.3s ease !important;\n}\n\n\/* \u5404\u30dc\u30bf\u30f3\u56fa\u6709\u306e\u8272 *\/\n.btn-line { background: #06c755 !important; }\n.btn-web { background: #1d2d50 !important; }\n.btn-tel { background: #e67e22 !important; }\n\n.tel-time {\n  font-size: 12px !important;\n  color: #888888 !important;\n  margin: 15px 0 0 0 !important;\n  font-weight: 600 !important;\n}\n\n\/* \u4e0b\u90e8\u6ce8\u610f\u4e8b\u9805 *\/\n.sb-final-cta-note {\n  background: rgba(29, 45, 80, 0.03) !important;\n  border-radius: 16px !important;\n  padding: 30px !important;\n  border-left: 4px solid #1d2d50 !important;\n}\n\n.note-title {\n  font-weight: 700 !important;\n  font-size: 16px !important;\n  color: #1d2d50 !important;\n  margin: 0 0 10px 0 !important;\n}\n\n.note-text {\n  font-size: 14px !important;\n  line-height: 1.8 !important;\n  color: #555555 !important;\n  margin: 0 !important;\n}\n\n\/* =========================\n\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc\n========================= *\/\n@media screen and (max-width: 1024px) {\n  .sb-final-cta-grid {\n    grid-template-columns: 1fr !important;\n    gap: 40px !important;\n    max-width: 500px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n  \n  .sb-final-cta-title {\n    font-size: 36px !important;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .sb-final-cta {\n    padding: 80px 14px !important;\n  }\n\n  .sb-final-cta-head {\n    margin-bottom: 45px !important;\n  }\n\n  .sb-final-cta-title {\n    font-size: 28px !important;\n  }\n\n  .sb-final-cta-sub {\n    font-size: 15px !important;\n    line-height: 1.7 !important;\n  }\n\n  .sb-cta-card {\n    padding: 40px 20px 35px !important;\n  }\n  \n  .sb-cta-card h3 {\n    font-size: 20px !important;\n  }\n\n  .sb-final-cta-note {\n    padding: 20px !important;\n  }\n}\n\n\/* \u6539\u884c\u5236\u5fa1 *\/\n.pc-only { display: none; }\n@media screen and (min-width: 1025px) {\n  .pc-only { display: block; }\n}\n<\/style>\n\n\n\n<div class=\"sb-smart-cta\">\n\n<style>\n.sb-smart-cta{\n  position:fixed;\n  bottom:10px;\n  left:0;\n  width:100%;\n  z-index:9999;\n  display:flex;\n  justify-content:center;\n  pointer-events:none;\n  transform:translateY(120%);\n  transition:0.35s ease;\n}\n\n.sb-smart-cta.show{\n  transform:translateY(0);\n}\n\n\/* \u30e9\u30c3\u30d7 *\/\n.sb-smart-cta .inner{\n  width:96%;\n  display:flex;\n  border-radius:10px; \/* \u2190 \u3053\u3053\u5909\u66f4 *\/\n  overflow:hidden;\n  box-shadow:0 10px 25px rgba(0,0,0,0.15);\n  pointer-events:auto;\n}\n.sb-smart-cta a{\n  flex:1;\n  text-align:center;\n  padding:20px 6px;     \/* \u30bf\u30c3\u30d7\u3057\u3084\u3059\u3055\uff0b\u9ad8\u7d1a\u611f *\/\n  font-size:20px;       \/* \u6700\u5927\u30b5\u30a4\u30ba *\/\n  font-weight:700;\n  color:#fff;\n  text-decoration:none;\n  white-space:nowrap;\n  letter-spacing:-0.01em; \/* \u307b\u3093\u306e\u5c11\u3057\u3060\u3051\u8a70\u3081\u308b *\/\n}\n\/* \u8272 *\/\n.sb-smart-cta .web{\n  background:#e67e22;\n}\n\n.sb-smart-cta .line{\n  background:#06c755;\n}\n\n.sb-smart-cta .tel{\n  background:#444;\n}\n\n\/* PC\u975e\u8868\u793a *\/\n@media (min-width:768px){\n  .sb-smart-cta{\n    display:none;\n  }\n}\n<\/style>\n\n<div class=\"inner\">\n  <a href=\"https:\/\/kenko-jk.com\/reserve\/\" class=\"web\">WEB\u4e88\u7d04<\/a>\n  <a href=\"https:\/\/page.line.me\/948rlvum?openQrModal=true\" class=\"line\" target=\"_blank\" rel=\"noopener\">LINE\u76f8\u8ac7<\/a>\n  <a href=\"tel:0666224872\" class=\"tel\">TEL<\/a>\n<\/div>\n\n<\/div>\n\n<script>\nlet lastScroll = 0;\nconst cta = document.querySelector('.sb-smart-cta');\nconst trigger = window.innerHeight * 0.9;\n\nwindow.addEventListener('scroll', function(){\n\n  let current = window.scrollY;\n\n  if(current > trigger){\n\n    if(current > lastScroll){\n      cta.classList.add('show');\n    }else{\n      cta.classList.remove('show');\n    }\n\n  }else{\n    cta.classList.remove('show');\n  }\n\n  lastScroll = current;\n});\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>SYMPATHY \u300c\u306a\u3093\u304b\u9055\u3046\u2026\u300d \u3068\u611f\u3058\u308b\u77ac\u9593\u306f \u3042\u308a\u307e\u305b\u3093\u304b\uff1f \u93e1\u3067\u306f\u6c17\u3065\u304b\u306a\u304b\u3063\u305f\u9055\u548c\u611f\u3082\u3001 \u5199\u771f\u3084\u52d5\u753b\u3067\u3075\u3068\u6c17\u306b\u306a\u308b\u65b9\u304c\u5897\u3048\u3066\u3044\u307e\u3059\u3002 &#x1f4f7; \u5199\u771f\u3092\u53cd\u8ee2\u3057\u305f\u6642\u3001 \u300c\u3053\u308c\u304c\u672c\u5f53\u306e\u81ea\u5206\u306e\u9854\u2026\uff1f\u300d\u3068 \u30b7\u30e7 &#8230; <a title=\"\u9854\u306e\u6b6a\u307f\u3092\u6cbb\u3059\u6574\u4f53\uff5c\u5de6\u53f3\u5dee\u30fb\u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3\u6539\u5584\uff5c\u5927\u962a\u30fb\u662d\u548c\u753a\u99c5\u3059\u3050\" class=\"read-more\" href=\"https:\/\/kenko-jk.com\/p\/\" aria-label=\"\u9854\u306e\u6b6a\u307f\u3092\u6cbb\u3059\u6574\u4f53\uff5c\u5de6\u53f3\u5dee\u30fb\u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3\u6539\u5584\uff5c\u5927\u962a\u30fb\u662d\u548c\u753a\u99c5\u3059\u3050 \u306b\u3064\u3044\u3066\u3055\u3089\u306b\u8aad\u3080\">\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/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-88","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/kenko-jk.com\/p\/wp-json\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kenko-jk.com\/p\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kenko-jk.com\/p\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kenko-jk.com\/p\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kenko-jk.com\/p\/wp-json\/wp\/v2\/comments?post=88"}],"version-history":[{"count":162,"href":"https:\/\/kenko-jk.com\/p\/wp-json\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":435,"href":"https:\/\/kenko-jk.com\/p\/wp-json\/wp\/v2\/pages\/88\/revisions\/435"}],"wp:attachment":[{"href":"https:\/\/kenko-jk.com\/p\/wp-json\/wp\/v2\/media?parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}