{"id":10,"date":"2026-07-28T12:34:52","date_gmt":"2026-07-28T03:34:52","guid":{"rendered":"http:\/\/hkm-emi.com\/?page_id=10"},"modified":"2026-07-28T12:34:52","modified_gmt":"2026-07-28T03:34:52","slug":"%e3%83%9b%e3%83%bc%e3%83%a0","status":"publish","type":"page","link":"https:\/\/hkm-emi.com\/","title":{"rendered":"\u30db\u30fc\u30e0"},"content":{"rendered":"\n<div class=\"swell-block-fullWide pc-py-20 sp-py-20 has-bg-img alignfull lazyload pc_only\" style=\"background-color:rgba(247, 247, 247, 0.25)\" data-bg=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/S__30531597.jpg\"><div class=\"swell-block-fullWide__inner l-container\">\n<style data-wp-block-html=\"css\">\r\n\/* ==============================\r\n   \u937c\u7078\u9662 \u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\r\n================================ *\/\r\n\r\n.clinic-hero {\r\n  --hero-gold: #b78d49;\r\n  --hero-gold-dark: #9d7537;\r\n  --hero-text: #22201d;\r\n  --hero-subtext: #806b4d;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 620px;\r\n  overflow: hidden;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  background-size: cover;\r\n}\r\n\r\n\r\n\/* \u30b3\u30f3\u30c6\u30f3\u30c4\u5e45 *\/\r\n\r\n.clinic-hero__inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: min(1180px, calc(100% - 80px));\r\n  min-height: 620px;\r\n  margin: 0 auto;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* \u5de6\u5074\u30c6\u30ad\u30b9\u30c8 *\/\r\n\r\n.clinic-hero__content {\r\n  width: 49%;\r\n  padding: 68px 0 55px;\r\n}\r\n\r\n\r\n\/* \u30bf\u30a4\u30c8\u30eb *\/\r\n\r\n.clinic-hero__title {\r\n  margin: 0;\r\n\r\n  color: var(--hero-text);\r\n  font-family:\r\n    \"Yu Mincho\",\r\n    \"YuMincho\",\r\n    \"Hiragino Mincho ProN\",\r\n    \"Noto Serif JP\",\r\n    serif;\r\n\r\n  font-size: clamp(32px, 3.05vw, 49px);\r\n  font-weight: 500;\r\n  line-height: 1.65;\r\n  letter-spacing: 0.1em;\r\n}\r\n\r\n\r\n\/* \u30b5\u30d6\u30bf\u30a4\u30c8\u30eb *\/\r\n\r\n.clinic-hero__lead {\r\n  margin: 22px 0 0;\r\n\r\n  color: var(--hero-subtext);\r\n  font-family:\r\n    \"Yu Mincho\",\r\n    \"YuMincho\",\r\n    \"Hiragino Mincho ProN\",\r\n    \"Noto Serif JP\",\r\n    serif;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  letter-spacing: 0.06em;\r\n}\r\n\r\n\r\n\/* 3\u3064\u306e\u7279\u5fb4 *\/\r\n\r\n.clinic-hero__features {\r\n  display: flex;\r\n  gap: 18px;\r\n  margin-top: 32px;\r\n}\r\n\r\n.clinic-hero__feature {\r\n  width: 125px;\r\n  height: 125px;\r\n  padding:14px 8px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border: 1px solid rgba(183, 141, 73, 0.38);\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, 0.56);\r\n  backdrop-filter: blur(3px);\r\n  -webkit-backdrop-filter: blur(3px);\r\n\r\n  text-align: center;\r\n}\r\n\r\n.clinic-hero__icon {\r\n  width: 30px;\r\n  height: 30px;\r\n  margin-bottom: 7px;\r\n  color: var(--hero-gold);\r\n}\r\n\r\n.clinic-hero__icon svg {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: visible;\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.clinic-hero__feature p {\r\n  margin: 0;\r\n  color: #38332c;\r\n\r\n  font-family:\r\n    \"Yu Mincho\",\r\n    \"YuMincho\",\r\n    \"Hiragino Mincho ProN\",\r\n    \"Noto Serif JP\",\r\n    serif;\r\n\r\n  font-size: 12px;\r\n  line-height: 1.65;\r\n  letter-spacing: 0.03em;\r\n}\r\n\r\n\r\n\/* \u30dc\u30bf\u30f3 *\/\r\n\r\n.clinic-hero__buttons {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  margin-top: 32px;\r\n}\r\n\r\n.clinic-hero__button {\r\n  min-width: 190px;\r\n  min-height: 53px;\r\n  padding: 12px 23px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 24px;\r\n\r\n  border-radius: 999px;\r\n\r\n  font-family:\r\n    \"Yu Mincho\",\r\n    \"YuMincho\",\r\n    \"Hiragino Mincho ProN\",\r\n    \"Noto Serif JP\",\r\n    serif;\r\n\r\n  font-size: 14px;\r\n  line-height: 1;\r\n  letter-spacing: 0.05em;\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    background-color 0.3s ease,\r\n    color 0.3s ease,\r\n    border-color 0.3s ease,\r\n    transform 0.3s ease;\r\n}\r\n\r\n.clinic-hero__button:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* \u767d\u30dc\u30bf\u30f3 *\/\r\n\r\n.clinic-hero__button--outline {\r\n  color: #302b25;\r\n  border: 1px solid var(--hero-gold);\r\n  background: rgba(255, 255, 255, 0.65);\r\n}\r\n\r\n.clinic-hero__button--outline:hover {\r\n  color: #fff;\r\n  background: var(--hero-gold);\r\n}\r\n\r\n.clinic-hero__arrow{\r\n    display: inline-block;\r\n    transition: transform .3s ease;\r\n}\r\n\r\n.clinic-hero__button--outline:hover .clinic-hero__arrow{\r\n    transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* \u30b4\u30fc\u30eb\u30c9\u30dc\u30bf\u30f3 *\/\r\n\r\n\/* \u901a\u5e38 *\/\r\n\r\n.clinic-hero__button--gold{\r\n    background:#b78d49;\r\n    color:#fff;\r\n    border:1px solid #b78d49;\r\n    transition:.35s;\r\n}\r\n\r\n.clinic-hero__button--gold .clinic-hero__arrow{\r\n    color:#fff;\r\n    transition:.35s;\r\n}\r\n\r\n\/* \u30db\u30d0\u30fc *\/\r\n\r\n.clinic-hero__button--gold:hover{\r\n    background:#9f7639;\r\n    border-color:#9f7639;\r\n    color:#fff;\r\n}\r\n\r\n.clinic-hero__button--gold:hover .clinic-hero__arrow{\r\n    transform:translateX(4px);\r\n    color:#fff;\r\n}\r\n\r\n\/* ==============================\r\n   \u30bf\u30d6\u30ec\u30c3\u30c8\r\n================================ *\/\r\n\r\n@media screen and (max-width: 1100px) {\r\n  .clinic-hero {\r\n    min-height: 580px;\r\n    background-position: 58% center;\r\n  }\r\n\r\n  .clinic-hero__inner {\r\n    width: min(100% - 50px, 1000px);\r\n    min-height: 580px;\r\n  }\r\n\r\n  .clinic-hero__overlay {\r\n    width: 57%;\r\n  }\r\n\r\n  .clinic-hero__content {\r\n    width: 54%;\r\n  }\r\n\r\n  .clinic-hero__features {\r\n    gap: 12px;\r\n  }\r\n\r\n  .clinic-hero__feature {\r\n    width: 105px;\r\n    height: 105px;\r\n  }\r\n\r\n  .clinic-hero__buttons {\r\n    gap: 12px;\r\n  }\r\n\r\n  .clinic-hero__button {\r\n    min-width: 170px;\r\n    padding-inline: 19px;\r\n  }\r\n\r\n  .clinic-hero__button--gold {\r\n    min-width: 195px;\r\n  }\r\n}\r\n\r\n\r\n\/* ==============================\r\n   \u30b9\u30de\u30db\r\n================================ *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n  .clinic-hero {\r\n    min-height: auto;\r\n    padding-top: 390px;\r\n    \r\n  }\r\n\r\n  .clinic-hero,\r\n  .clinic-hero *,\r\n  .clinic-hero *::before,\r\n  .clinic-hero *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .clinic-hero {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-height: auto;\r\n    padding-top: 390px;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  .clinic-hero__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-height: auto;\r\n    margin: 0;\r\n    padding: 0 20px 38px;\r\n    display: block;\r\n  }\r\n\r\n  .clinic-hero__inner {\r\n    z-index: 2;\r\n    width: 100%;\r\n    min-height: auto;\r\n    padding: 0 20px 38px;\r\n\r\n    display: block;\r\n  }\r\n\r\n  .clinic-hero__content {\r\n    width: 100%;\r\n    padding: 0;\r\n    text-align: center;\r\n  }\r\n\r\n  .clinic-hero__title {\r\n    font-size: clamp(25px, 7.2vw, 32px);\r\n    line-height: 1.65;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .clinic-hero__lead {\r\n    margin-top: 14px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .clinic-hero__features {\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-top: 25px;\r\n  }\r\n\r\n  .clinic-hero__feature {\r\n    width: calc((100vw - 56px) \/ 3);\r\n    max-width: 112px;\r\n    height: calc((100vw - 56px) \/ 3);\r\n    max-height: 112px;\r\n  }\r\n\r\n  .clinic-hero__icon {\r\n    width: 26px;\r\n    height: 26px;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .clinic-hero__feature p {\r\n    font-size: 10px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .clinic-hero__buttons {\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    margin-top: 24px;\r\n  }\r\n\r\n  .clinic-hero__button,\r\n  .clinic-hero__button--gold {\r\n    width: 100%;\r\n    min-width: 0;\r\n    min-height: 54px;\r\n    padding-inline: 24px;\r\n  }\r\n\r\n  \/*\r\n    \u30b9\u30de\u30db\u3067\u306f\u4e88\u7d04\u30dc\u30bf\u30f3\u3092\u5148\u306b\u8868\u793a\r\n  *\/\r\n  .clinic-hero__button--gold {\r\n    order: -1;\r\n  }\r\n}\r\n\r\n\r\n\/* \u5c0f\u3055\u3044\u30b9\u30de\u30db *\/\r\n\r\n@media screen and (max-width: 390px) {\r\n  .clinic-hero {\r\n    padding-top: 350px;\r\n    background-size: auto 390px;\r\n    background-position: 65% top;\r\n  }\r\n\r\n  .clinic-hero__title {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .clinic-hero__feature {\r\n    width: calc((100vw - 50px) \/ 3);\r\n    height: calc((100vw - 50px) \/ 3);\r\n  }\r\n\r\n  .clinic-hero__feature p {\r\n    font-size: 9px;\r\n  }\r\n}\r\n\r\n\/* ==============================\r\n   \u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\r\n================================ *\/\r\n\r\n\/* \u30bf\u30a4\u30c8\u30eb *\/\r\n.clinic-hero__title {\r\n  opacity: 0;\r\n  animation: clinicFadeUp 0.9s 0.1s forwards;\r\n}\r\n\r\n\/* \u30ea\u30fc\u30c9\u6587 *\/\r\n.clinic-hero__lead {\r\n  opacity: 0;\r\n  animation: clinicFadeUp 0.9s 0.3s forwards;\r\n}\r\n\r\n\/* 3\u3064\u306e\u7279\u5fb4 *\/\r\n.clinic-hero__feature {\r\n  opacity: 0;\r\n}\r\n\r\n.clinic-hero__feature:nth-child(1) {\r\n  animation: clinicFadeUp 0.8s 0.5s forwards;\r\n}\r\n\r\n.clinic-hero__feature:nth-child(2) {\r\n  animation: clinicFadeUp 0.8s 0.65s forwards;\r\n}\r\n\r\n.clinic-hero__feature:nth-child(3) {\r\n  animation: clinicFadeUp 0.8s 0.8s forwards;\r\n}\r\n\r\n\/* \u30dc\u30bf\u30f3 *\/\r\n.clinic-hero__buttons {\r\n  opacity: 0;\r\n  animation: clinicFadeUp 0.85s 1s forwards;\r\n}\r\n\r\n\r\n\/* \u4e0b\u304b\u3089\u3075\u308f\u3063\u3068\u8868\u793a *\/\r\n@keyframes clinicFadeUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\r\n\/* ==============================\r\n   \u30dc\u30bf\u30f3\u30db\u30d0\u30fc\r\n================================ *\/\r\n\r\n.clinic-hero__arrow {\r\n  display: inline-block;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.clinic-hero__button {\r\n  transition:\r\n    transform 0.3s ease,\r\n    box-shadow 0.3s ease,\r\n    background-color 0.3s ease,\r\n    border-color 0.3s ease,\r\n    color 0.3s ease;\r\n}\r\n\r\n.clinic-hero__button:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 24px rgba(70, 52, 28, 0.1);\r\n}\r\n\r\n.clinic-hero__button:hover .clinic-hero__arrow {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* ==============================\r\n   \u30b9\u30de\u30db\r\n================================ *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  .clinic-hero__title {\r\n    animation-duration: 0.75s;\r\n    animation-delay: 0.1s;\r\n  }\r\n\r\n  .clinic-hero__lead {\r\n    animation-duration: 0.75s;\r\n    animation-delay: 0.25s;\r\n  }\r\n\r\n  .clinic-hero__feature:nth-child(1) {\r\n    animation-duration: 0.7s;\r\n    animation-delay: 0.4s;\r\n  }\r\n\r\n  .clinic-hero__feature:nth-child(2) {\r\n    animation-duration: 0.7s;\r\n    animation-delay: 0.52s;\r\n  }\r\n\r\n  .clinic-hero__feature:nth-child(3) {\r\n    animation-duration: 0.7s;\r\n    animation-delay: 0.64s;\r\n  }\r\n\r\n  .clinic-hero__buttons {\r\n    animation-duration: 0.75s;\r\n    animation-delay: 0.8s;\r\n  }\r\n\r\n  \/* \u30b9\u30de\u30db\u3067\u306f\u30bf\u30c3\u30d7\u6642\u306b\u30dc\u30bf\u30f3\u3092\u6d6e\u304b\u305b\u306a\u3044 *\/\r\n  .clinic-hero__button:hover {\r\n    transform: none;\r\n    box-shadow: none;\r\n  }\r\n\r\n  .clinic-hero__button:hover .clinic-hero__arrow {\r\n    transform: translateX(4px);\r\n  }\r\n}\r\n\r\n\r\n\/* \u52d5\u304d\u3092\u6e1b\u3089\u3059\u8a2d\u5b9a\u3078\u306e\u5bfe\u5fdc *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .clinic-hero__title,\r\n  .clinic-hero__lead,\r\n  .clinic-hero__feature,\r\n  .clinic-hero__buttons {\r\n    opacity: 1;\r\n    transform: none;\r\n    animation: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"clinic-hero\">\r\n  <div class=\"clinic-hero__overlay\"><\/div>\r\n\r\n  <div class=\"clinic-hero__inner\">\r\n    <div class=\"clinic-hero__content\">\r\n\r\n      <h1 class=\"clinic-hero__title\">\r\n        \u3042\u306a\u305f\u306e\u201c\u3064\u3089\u3044\u201d\u306b<br>\r\n        \u5bc4\u308a\u6dfb\u3044\u3001\u6839\u672c\u304b\u3089\u6574\u3048\u308b\r\n      <\/h1>\r\n\r\n      <p class=\"clinic-hero__lead\">\r\n        \u6771\u6d0b\u533b\u5b66\u306e\u529b\u3067\u3001\u5065\u3084\u304b\u306a\u6bce\u65e5\u3078\u5c0e\u304d\u307e\u3059\r\n      <\/p>\r\n\r\n      <div class=\"clinic-hero__features\">\r\n\r\n        <div class=\"clinic-hero__feature\">\r\n          <div class=\"clinic-hero__icon\">\r\n            <!-- \u8449\u306e\u30a2\u30a4\u30b3\u30f3 -->\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M18 37C18 22 31 13 47 13C47 29 38 42 23 42\"><\/path>\r\n              <path d=\"M21 42C28 33 35 27 44 21\"><\/path>\r\n              <path d=\"M21 41V52\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <p>\r\n            \u5b8c\u5168\u4e88\u7d04\u5236<br>\r\n            \u5f85\u3061\u6642\u9593\u306a\u3057\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-hero__feature\">\r\n          <div class=\"clinic-hero__icon\">\r\n            <!-- \u6708\u306e\u30a2\u30a4\u30b3\u30f3 -->\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M42 45A22 22 0 1 1 28 12A18 18 0 0 0 42 45Z\"><\/path>\r\n              <path d=\"M44 16V25\"><\/path>\r\n              <path d=\"M39.5 20.5H48.5\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <p>\r\n            \u591c20\u6642\u307e\u3067<br>\r\n            \u3054\u4e88\u7d04\u53ef\u80fd\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-hero__feature\">\r\n          <div class=\"clinic-hero__icon\">\r\n            <!-- \u96fb\u8eca\u306e\u30a2\u30a4\u30b3\u30f3 -->\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <rect x=\"18\" y=\"10\" width=\"28\" height=\"40\" rx=\"5\"><\/rect>\r\n              <path d=\"M23 18H41\"><\/path>\r\n              <path d=\"M23 24H41V35H23Z\"><\/path>\r\n              <circle cx=\"26\" cy=\"42\" r=\"2\"><\/circle>\r\n              <circle cx=\"38\" cy=\"42\" r=\"2\"><\/circle>\r\n              <path d=\"M24 50L20 56\"><\/path>\r\n              <path d=\"M40 50L44 56\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <p>\r\n            \u99c5\u5f92\u6b693\u5206<br>\r\n            \u901a\u3044\u3084\u3059\u3044\u7acb\u5730\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"clinic-hero__buttons\">\r\n        <a href=\"#faq\" class=\"clinic-hero__button clinic-hero__button--outline\">\r\n          <span>\u521d\u3081\u3066\u306e\u65b9\u3078<\/span>\r\n          <span class=\"clinic-hero__arrow\">\u2192<\/span>\r\n\r\n                <\/a>\r\n\r\n        <a href=\"https:\/\/carecle.com\/booking\/toyo-iincho?promo_code=hp\" class=\"clinic-hero__button clinic-hero__button--gold\">\r\n          <span>WEB\u4e88\u7d04\u306f\u3053\u3061\u3089<\/span>\r\n          <span class=\"clinic-hero__arrow\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-20 sp-py-20 has-bg-img alignfull lazyload sp_only\" style=\"background-color:rgba(247, 247, 247, 0.25)\" data-bg=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/S__30531598.jpg\"><div class=\"swell-block-fullWide__inner l-container\">\n<style data-wp-block-html=\"css\">\r\n\/* ==============================\r\n   \u937c\u7078\u9662 \u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\r\n================================ *\/\r\n\r\n.clinic-hero {\r\n  --hero-gold: #b78d49;\r\n  --hero-gold-dark: #9d7537;\r\n  --hero-text: #22201d;\r\n  --hero-subtext: #806b4d;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 620px;\r\n  overflow: hidden;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  background-size: cover;\r\n}\r\n\r\n\r\n\/* \u30b3\u30f3\u30c6\u30f3\u30c4\u5e45 *\/\r\n\r\n.clinic-hero__inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: min(1180px, calc(100% - 80px));\r\n  min-height: 620px;\r\n  margin: 0 auto;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* \u5de6\u5074\u30c6\u30ad\u30b9\u30c8 *\/\r\n\r\n.clinic-hero__content {\r\n  width: 49%;\r\n  padding: 68px 0 55px;\r\n}\r\n\r\n\r\n\/* \u30bf\u30a4\u30c8\u30eb *\/\r\n\r\n.clinic-hero__title {\r\n  margin: 0;\r\n\r\n  color: var(--hero-text);\r\n  font-family:\r\n    \"Yu Mincho\",\r\n    \"YuMincho\",\r\n    \"Hiragino Mincho ProN\",\r\n    \"Noto Serif JP\",\r\n    serif;\r\n\r\n  font-size: clamp(32px, 3.05vw, 49px);\r\n  font-weight: 500;\r\n  line-height: 1.65;\r\n  letter-spacing: 0.1em;\r\n}\r\n\r\n\r\n\/* \u30b5\u30d6\u30bf\u30a4\u30c8\u30eb *\/\r\n\r\n.clinic-hero__lead {\r\n  margin: 22px 0 0;\r\n\r\n  color: var(--hero-subtext);\r\n  font-family:\r\n    \"Yu Mincho\",\r\n    \"YuMincho\",\r\n    \"Hiragino Mincho ProN\",\r\n    \"Noto Serif JP\",\r\n    serif;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  letter-spacing: 0.06em;\r\n}\r\n\r\n\r\n\/* 3\u3064\u306e\u7279\u5fb4 *\/\r\n\r\n.clinic-hero__features {\r\n  display: flex;\r\n  gap: 18px;\r\n  margin-top: 32px;\r\n}\r\n\r\n.clinic-hero__feature {\r\n  width: 125px;\r\n  height: 125px;\r\n  padding:14px 8px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border: 1px solid rgba(183, 141, 73, 0.38);\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, 0.56);\r\n  backdrop-filter: blur(3px);\r\n  -webkit-backdrop-filter: blur(3px);\r\n\r\n  text-align: center;\r\n}\r\n\r\n.clinic-hero__icon {\r\n  width: 30px;\r\n  height: 30px;\r\n  margin-bottom: 7px;\r\n  color: var(--hero-gold);\r\n}\r\n\r\n.clinic-hero__icon svg {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: visible;\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.clinic-hero__feature p {\r\n  margin: 0;\r\n  color: #38332c;\r\n\r\n  font-family:\r\n    \"Yu Mincho\",\r\n    \"YuMincho\",\r\n    \"Hiragino Mincho ProN\",\r\n    \"Noto Serif JP\",\r\n    serif;\r\n\r\n  font-size: 12px;\r\n  line-height: 1.65;\r\n  letter-spacing: 0.03em;\r\n}\r\n\r\n\r\n\/* \u30dc\u30bf\u30f3 *\/\r\n\r\n.clinic-hero__buttons {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  margin-top: 32px;\r\n}\r\n\r\n.clinic-hero__button {\r\n  min-width: 190px;\r\n  min-height: 53px;\r\n  padding: 12px 23px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 24px;\r\n\r\n  border-radius: 999px;\r\n\r\n  font-family:\r\n    \"Yu Mincho\",\r\n    \"YuMincho\",\r\n    \"Hiragino Mincho ProN\",\r\n    \"Noto Serif JP\",\r\n    serif;\r\n\r\n  font-size: 14px;\r\n  line-height: 1;\r\n  letter-spacing: 0.05em;\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    background-color 0.3s ease,\r\n    color 0.3s ease,\r\n    border-color 0.3s ease,\r\n    transform 0.3s ease;\r\n}\r\n\r\n.clinic-hero__button:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* \u767d\u30dc\u30bf\u30f3 *\/\r\n\r\n.clinic-hero__button--outline {\r\n  color: #302b25;\r\n  border: 1px solid var(--hero-gold);\r\n  background: rgba(255, 255, 255, 0.65);\r\n}\r\n\r\n.clinic-hero__button--outline:hover {\r\n  color: #fff;\r\n  background: var(--hero-gold);\r\n}\r\n\r\n.clinic-hero__arrow{\r\n    display: inline-block;\r\n    transition: transform .3s ease;\r\n}\r\n\r\n.clinic-hero__button--outline:hover .clinic-hero__arrow{\r\n    transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* \u30b4\u30fc\u30eb\u30c9\u30dc\u30bf\u30f3 *\/\r\n\r\n\/* \u901a\u5e38 *\/\r\n\r\n.clinic-hero__button--gold{\r\n    background:#b78d49;\r\n    color:#fff;\r\n    border:1px solid #b78d49;\r\n    transition:.35s;\r\n}\r\n\r\n.clinic-hero__button--gold .clinic-hero__arrow{\r\n    color:#fff;\r\n    transition:.35s;\r\n}\r\n\r\n\/* \u30db\u30d0\u30fc *\/\r\n\r\n.clinic-hero__button--gold:hover{\r\n    background:#9f7639;\r\n    border-color:#9f7639;\r\n    color:#fff;\r\n}\r\n\r\n.clinic-hero__button--gold:hover .clinic-hero__arrow{\r\n    transform:translateX(4px);\r\n    color:#fff;\r\n}\r\n\r\n\/* ==============================\r\n   \u30bf\u30d6\u30ec\u30c3\u30c8\r\n================================ *\/\r\n\r\n@media screen and (max-width: 1100px) {\r\n  .clinic-hero {\r\n    min-height: 580px;\r\n    background-position: 58% center;\r\n  }\r\n\r\n  .clinic-hero__inner {\r\n    width: min(100% - 50px, 1000px);\r\n    min-height: 580px;\r\n  }\r\n\r\n  .clinic-hero__overlay {\r\n    width: 57%;\r\n  }\r\n\r\n  .clinic-hero__content {\r\n    width: 54%;\r\n  }\r\n\r\n  .clinic-hero__features {\r\n    gap: 12px;\r\n  }\r\n\r\n  .clinic-hero__feature {\r\n    width: 105px;\r\n    height: 105px;\r\n  }\r\n\r\n  .clinic-hero__buttons {\r\n    gap: 12px;\r\n  }\r\n\r\n  .clinic-hero__button {\r\n    min-width: 170px;\r\n    padding-inline: 19px;\r\n  }\r\n\r\n  .clinic-hero__button--gold {\r\n    min-width: 195px;\r\n  }\r\n}\r\n\r\n\r\n\/* ==============================\r\n   \u30b9\u30de\u30db\r\n================================ *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  .clinic-hero,\r\n  .clinic-hero *,\r\n  .clinic-hero *::before,\r\n  .clinic-hero *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .clinic-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: 760px;\r\n    min-height: 760px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    background-position: 66% center;\r\n  }\r\n\r\n  \/* PC\u7528\u306e\u767d\u3044\u66f2\u7dda\u80cc\u666f\u306f\u975e\u8868\u793a *\/\r\n  .clinic-hero__overlay {\r\n    display: none;\r\n  }\r\n\r\n  .clinic-hero__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: 100%;\r\n    min-height: 0;\r\n    margin: 0;\r\n    padding: 60px 20px 30px;\r\n\r\n    display: block;\r\n  }\r\n\r\n  .clinic-hero__content {\r\n    width: 100%;\r\n    max-width: 360px;\r\n    padding: 0;\r\n    text-align: left;\r\n  }\r\n\r\n  \/* \u30bf\u30a4\u30c8\u30eb *\/\r\n  .clinic-hero__title {\r\n    width: 100%;\r\n    margin: 0;\r\n\r\n    font-size: clamp(25px, 7vw, 30px);\r\n    line-height: 1.65;\r\n    letter-spacing: 0.07em;\r\n  }\r\n\r\n  \/* \u30ea\u30fc\u30c9\u6587 *\/\r\n  .clinic-hero__lead {\r\n    margin: 12px 0 0;\r\n\r\n    font-size: 12px;\r\n    line-height: 1.8;\r\n    letter-spacing: 0.03em;\r\n  }\r\n\r\n  \/* 3\u3064\u306e\u7279\u5fb4 *\/\r\n  .clinic-hero__features {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 7px;\r\n\r\n    width: 100%;\r\n    margin-top: 20px;\r\n    padding-top:40px;\r\n  }\r\n\r\n  .clinic-hero__feature {\r\n    width: 100%;\r\n    max-width: 102px;\r\n    height: auto;\r\n    aspect-ratio: 1 \/ 1;\r\n    min-width: 0;\r\n    margin: 0 auto;\r\n    padding: 7px 2px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: rgba(255,255,255,.82);\r\n    border: 1px solid rgba(255,255,255,.9);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n\r\n    box-shadow: 0 10px 30px rgba(0,0,0,.06);\r\n\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .clinic-hero__icon {\r\n    flex-shrink: 0;\r\n    width: 23px;\r\n    height: 23px;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .clinic-hero__feature p {\r\n    width: 100%;\r\n    margin: 0;\r\n\r\n    font-size: 9px;\r\n    line-height: 1.5;\r\n    letter-spacing: 0;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n  }\r\n\r\n .clinic-hero__buttons{\r\n    position: absolute;\r\n    left: 20px;\r\n    right: 20px;\r\n    bottom: 60px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n}\r\n\r\n  .clinic-hero__button,\r\n  .clinic-hero__button--gold,\r\n  .clinic-hero__button--outline {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-width: 0;\r\n    min-height: 52px;\r\n    padding: 13px 21px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  \/* \u4e88\u7d04\u30dc\u30bf\u30f3\u3092\u5148\u306b\u8868\u793a *\/\r\n  .clinic-hero__button--gold {\r\n    order: -1;\r\n  }\r\n\r\n  \/* \u30b9\u30de\u30db\u3067\u306f\u6d6e\u304d\u4e0a\u304c\u308a\u3092\u6291\u3048\u308b *\/\r\n  .clinic-hero__button:hover {\r\n    transform: none;\r\n  }\r\n\r\n  .clinic-hero__button:hover .clinic-hero__arrow {\r\n    transform: translateX(4px);\r\n  }\r\n}\r\n\r\n\r\n\/* ==============================\r\n   \u5c0f\u3055\u3044\u30b9\u30de\u30db\r\n================================ *\/\r\n\r\n@media screen and (max-width: 390px) {\r\n\r\n  .clinic-hero {\r\n    height: 720px;\r\n    min-height: 720px;\r\n    background-position: 68% center;\r\n  }\r\n\r\n  .clinic-hero__inner {\r\n    padding: 104px 16px 26px;\r\n  }\r\n\r\n  .clinic-hero__content{\r\n    min-height:650px;\r\n}\r\n\r\n  .clinic-hero__title {\r\n    font-size: 23px;\r\n    line-height: 1.6;\r\n    letter-spacing: 0.05em;\r\n  }\r\n\r\n  .clinic-hero__lead {\r\n    margin-top: 10px;\r\n    font-size: 11px;\r\n  }\r\n\r\n  .clinic-hero__features {\r\n    gap: 5px;\r\n    margin-top: 18px;\r\n  }\r\n\r\n  .clinic-hero__feature {\r\n    max-width: 98px;\r\n    padding: 6px 1px;\r\n  }\r\n\r\n  .clinic-hero__icon {\r\n    width: 21px;\r\n    height: 21px;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .clinic-hero__feature p {\r\n    font-size: 8px;\r\n  }\r\n\r\n  .clinic-hero__buttons{\r\n    left:16px;\r\n    right:16px;\r\n    bottom:16px;\r\n}\r\n  .clinic-hero__button,\r\n  .clinic-hero__button--gold,\r\n  .clinic-hero__button--outline {\r\n    min-height: 50px;\r\n    padding-inline: 19px;\r\n  }\r\n}\r\n\r\n\/* ==============================\r\n   \u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\r\n================================ *\/\r\n\r\n\/* \u30bf\u30a4\u30c8\u30eb *\/\r\n.clinic-hero__title {\r\n  opacity: 0;\r\n  animation: clinicFadeUp 0.9s 0.1s forwards;\r\n}\r\n\r\n\/* \u30ea\u30fc\u30c9\u6587 *\/\r\n.clinic-hero__lead {\r\n  opacity: 0;\r\n  animation: clinicFadeUp 0.9s 0.3s forwards;\r\n}\r\n\r\n\/* 3\u3064\u306e\u7279\u5fb4 *\/\r\n.clinic-hero__feature {\r\n  opacity: 0;\r\n}\r\n\r\n.clinic-hero__feature:nth-child(1) {\r\n  animation: clinicFadeUp 0.8s 0.5s forwards;\r\n}\r\n\r\n.clinic-hero__feature:nth-child(2) {\r\n  animation: clinicFadeUp 0.8s 0.65s forwards;\r\n}\r\n\r\n.clinic-hero__feature:nth-child(3) {\r\n  animation: clinicFadeUp 0.8s 0.8s forwards;\r\n}\r\n\r\n\/* \u30dc\u30bf\u30f3 *\/\r\n.clinic-hero__buttons {\r\n  opacity: 0;\r\n  animation: clinicFadeUp 0.85s 1s forwards;\r\n}\r\n\r\n\r\n\/* \u4e0b\u304b\u3089\u3075\u308f\u3063\u3068\u8868\u793a *\/\r\n@keyframes clinicFadeUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\r\n\/* ==============================\r\n   \u30dc\u30bf\u30f3\u30db\u30d0\u30fc\r\n================================ *\/\r\n\r\n.clinic-hero__arrow {\r\n  display: inline-block;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.clinic-hero__button {\r\n  transition:\r\n    transform 0.3s ease,\r\n    box-shadow 0.3s ease,\r\n    background-color 0.3s ease,\r\n    border-color 0.3s ease,\r\n    color 0.3s ease;\r\n}\r\n\r\n.clinic-hero__button:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 24px rgba(70, 52, 28, 0.1);\r\n}\r\n\r\n.clinic-hero__button:hover .clinic-hero__arrow {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* ==============================\r\n   \u30b9\u30de\u30db\r\n================================ *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  .clinic-hero__title {\r\n    animation-duration: 0.75s;\r\n    animation-delay: 0.1s;\r\n  }\r\n\r\n  .clinic-hero__lead {\r\n    animation-duration: 0.75s;\r\n    animation-delay: 0.25s;\r\n  }\r\n\r\n  .clinic-hero__feature:nth-child(1) {\r\n    animation-duration: 0.7s;\r\n    animation-delay: 0.4s;\r\n  }\r\n\r\n  .clinic-hero__feature:nth-child(2) {\r\n    animation-duration: 0.7s;\r\n    animation-delay: 0.52s;\r\n  }\r\n\r\n  .clinic-hero__feature:nth-child(3) {\r\n    animation-duration: 0.7s;\r\n    animation-delay: 0.64s;\r\n  }\r\n\r\n  .clinic-hero__buttons {\r\n    animation-duration: 0.75s;\r\n    animation-delay: 0.8s;\r\n  }\r\n\r\n  \/* \u30b9\u30de\u30db\u3067\u306f\u30bf\u30c3\u30d7\u6642\u306b\u30dc\u30bf\u30f3\u3092\u6d6e\u304b\u305b\u306a\u3044 *\/\r\n  .clinic-hero__button:hover {\r\n    transform: none;\r\n    box-shadow: none;\r\n  }\r\n\r\n  .clinic-hero__button:hover .clinic-hero__arrow {\r\n    transform: translateX(4px);\r\n  }\r\n}\r\n\r\n\r\n\/* \u52d5\u304d\u3092\u6e1b\u3089\u3059\u8a2d\u5b9a\u3078\u306e\u5bfe\u5fdc *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .clinic-hero__title,\r\n  .clinic-hero__lead,\r\n  .clinic-hero__feature,\r\n  .clinic-hero__buttons {\r\n    opacity: 1;\r\n    transform: none;\r\n    animation: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"clinic-hero\">\r\n  <div class=\"clinic-hero__overlay\"><\/div>\r\n\r\n  <div class=\"clinic-hero__inner\">\r\n    <div class=\"clinic-hero__content\">\r\n\r\n      <h1 class=\"clinic-hero__title\">\r\n        \u3042\u306a\u305f\u306e\u201c\u3064\u3089\u3044\u201d<br>\u306b\u5bc4\u308a\u6dfb\u3044\u3001<br>\u6839\u672c\u304b\u3089\u6574\u3048\u308b\r\n      <\/h1>\r\n\r\n      <p class=\"clinic-hero__lead\">\r\n        \u6771\u6d0b\u533b\u5b66\u306e\u529b\u3067\u3001\u5065\u3084\u304b\u306a\u6bce\u65e5\u3078\u5c0e\u304d\u307e\u3059\r\n      <\/p>\r\n\r\n      <div class=\"clinic-hero__features\">\r\n\r\n        <div class=\"clinic-hero__feature\">\r\n          <div class=\"clinic-hero__icon\">\r\n            <!-- \u8449\u306e\u30a2\u30a4\u30b3\u30f3 -->\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M18 37C18 22 31 13 47 13C47 29 38 42 23 42\"><\/path>\r\n              <path d=\"M21 42C28 33 35 27 44 21\"><\/path>\r\n              <path d=\"M21 41V52\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <p>\r\n            \u5b8c\u5168\u4e88\u7d04\u5236<br>\r\n            \u5f85\u3061\u6642\u9593\u306a\u3057\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-hero__feature\">\r\n          <div class=\"clinic-hero__icon\">\r\n            <!-- \u6708\u306e\u30a2\u30a4\u30b3\u30f3 -->\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M42 45A22 22 0 1 1 28 12A18 18 0 0 0 42 45Z\"><\/path>\r\n              <path d=\"M44 16V25\"><\/path>\r\n              <path d=\"M39.5 20.5H48.5\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <p>\r\n            \u591c20\u6642\u307e\u3067<br>\r\n            \u3054\u4e88\u7d04\u53ef\u80fd\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-hero__feature\">\r\n          <div class=\"clinic-hero__icon\">\r\n            <!-- \u96fb\u8eca\u306e\u30a2\u30a4\u30b3\u30f3 -->\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <rect x=\"18\" y=\"10\" width=\"28\" height=\"40\" rx=\"5\"><\/rect>\r\n              <path d=\"M23 18H41\"><\/path>\r\n              <path d=\"M23 24H41V35H23Z\"><\/path>\r\n              <circle cx=\"26\" cy=\"42\" r=\"2\"><\/circle>\r\n              <circle cx=\"38\" cy=\"42\" r=\"2\"><\/circle>\r\n              <path d=\"M24 50L20 56\"><\/path>\r\n              <path d=\"M40 50L44 56\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <p>\r\n            \u99c5\u5f92\u6b693\u5206<br>\r\n            \u901a\u3044\u3084\u3059\u3044\u7acb\u5730\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"clinic-hero__buttons\">\r\n        <a href=\"#faq\" class=\"clinic-hero__button clinic-hero__button--outline\">\r\n          <span>\u521d\u3081\u3066\u306e\u65b9\u3078<\/span>\r\n          <span class=\"clinic-hero__arrow\">\u2192<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/carecle.com\/booking\/toyo-iincho?promo_code=hp\" class=\"clinic-hero__button clinic-hero__button--gold\">\r\n          <span>WEB\u4e88\u7d04\u306f\u3053\u3061\u3089<\/span>\r\n          <span class=\"clinic-hero__arrow\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#ffffff\"><div class=\"swell-block-fullWide__inner l-container\">\n<style data-wp-block-html=\"css\">\r\n\/*=========================\r\n\u304a\u60a9\u307f\r\n=========================*\/\r\n\r\n.clinic-trouble{\r\n\r\n    padding:100px 0;\r\n}\r\n\r\n.clinic-trouble__heading{\r\n\r\n    text-align:center;\r\n}\r\n\r\n.clinic-trouble__sub{\r\n\r\n    margin:0;\r\n\r\n    color:#b79258;\r\n\r\n    font-size:14px;\r\n\r\n    letter-spacing:.25em;\r\n\r\n    font-family:\"Cormorant Garamond\",serif;\r\n}\r\n\r\n.clinic-trouble__heading h2{\r\n\r\n    margin:10px 0 0;\r\n\r\n    font-size:34px;\r\n\r\n    font-family:\"Noto Serif JP\",serif;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.12em;\r\n}\r\n\r\n.clinic-trouble__line{\r\n\r\n    display:block;\r\n\r\n    width:42px;\r\n\r\n    height:1px;\r\n\r\n    background:#b79258;\r\n\r\n    margin:18px auto 0;\r\n}\r\n\r\n.sp-only{\r\ndisplay:none;\r\n}\r\n\r\n\r\n\/* \u30b0\u30ea\u30c3\u30c9 *\/\r\n\r\n.clinic-trouble__grid{\r\n\r\n    width:min(1180px,calc(100% - 40px));\r\n\r\n    margin:70px auto 0;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:repeat(6,1fr);\r\n\r\n    gap:20px;\r\n}\r\n\r\n\r\n\/* \u30a2\u30a4\u30c6\u30e0 *\/\r\n\r\n.clinic-trouble__item{\r\n\r\n    text-align:center;\r\n\r\n    text-decoration:none;\r\n\r\n    color:#2d2d2d;\r\n\r\n    transition:.35s;\r\n}\r\n\r\n\r\n\/* \u30a2\u30a4\u30b3\u30f3 *\/\r\n\r\n.clinic-trouble__icon{\r\n\r\n    width:92px;\r\n\r\n    height:92px;\r\n\r\n    margin:0 auto 22px;\r\n\r\n    border:1px solid #e9dfd1;\r\n\r\n    border-radius:50%;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    transition:.35s;\r\n}\r\n\r\n.clinic-trouble__icon img{\r\n\r\n    width:80px;\r\n}\r\n\r\n\r\n\/* \u30c6\u30ad\u30b9\u30c8 *\/\r\n\r\n.clinic-trouble__item p{\r\n\r\n    margin:0;\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.9;\r\n\r\n    font-family:\"Noto Serif JP\",serif;\r\n}\r\n\r\n\r\n\/* \u30db\u30d0\u30fc *\/\r\n\r\n.clinic-trouble__item:hover{\r\n\r\n    color:#b79258;\r\n}\r\n\r\n.clinic-trouble__item:hover .clinic-trouble__icon{\r\n\r\n    transform:translateY(-8px);\r\n\r\n    border-color:#b79258;\r\n\r\n    box-shadow:0 18px 40px rgba(183,146,88,.12);\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n.clinic-trouble{\r\n\r\npadding:70px 0;\r\n}\r\n\r\n.sp-only{\r\ndisplay:block !important;\r\n}\r\n\r\n.clinic-trouble__heading h2{\r\n\r\nfont-size:24px;\r\n}\r\n\r\n.clinic-trouble__grid{\r\n\r\ngrid-template-columns:repeat(2,1fr);\r\n\r\ngap:28px 12px;\r\n\r\nmargin-top:45px;\r\n}\r\n\r\n.clinic-trouble__icon{\r\n\r\nwidth:72px;\r\nheight:72px;\r\n\r\nmargin-bottom:16px;\r\n}\r\n\r\n.clinic-trouble__icon img{\r\n\r\nwidth:54px;\r\n}\r\n\r\n.clinic-trouble__item p{\r\n\r\nfont-size:13px;\r\n\r\nline-height:1.7;\r\n}\r\n\r\n}\r\n\r\n.fade-up{\r\n\r\n    opacity:0;\r\n    transform:translateY(40px);\r\n\r\n    transition:\r\n        opacity .8s ease,\r\n        transform .8s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.fade-up.show{\r\n\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n.fade-up.show .clinic-trouble__icon{\r\n\r\n    animation:iconFloat .6s ease forwards;\r\n}\r\n\r\n@keyframes iconFloat{\r\n\r\n0%{\r\ntransform:translateY(12px);\r\n}\r\n\r\n100%{\r\ntransform:translateY(0);\r\n}\r\n\r\n}\r\n<\/style>\r\n\r\n<section class=\"clinic-trouble\">\r\n\r\n    <div class=\"clinic-trouble__heading\">\r\n\r\n        <p class=\"clinic-trouble__sub\">Concerns<\/p>\r\n\r\n        <h2>\u3053\u306e\u3088\u3046\u306a<br class=\"sp-only\">\u304a\u60a9\u307f\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/h2>\r\n\r\n        <span class=\"clinic-trouble__line\"><\/span>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"clinic-trouble__grid\">\r\n\r\n        <div href=\"#\" class=\"clinic-trouble__item fade-up\">\r\n            <div class=\"clinic-trouble__icon\">\r\n                <img decoding=\"async\" src=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/\u540d\u79f0\u672a\u8a2d\u5b9a\u306e\u30c7\u30b6\u30a4\u30f3-72-2.png\" alt=\"\">\r\n            <\/div>\r\n\r\n            <p>\r\n                \u80a9\u3053\u308a\u30fb<br>\r\n                \u8170\u75db\u304c\u3064\u3089\u3044\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-trouble__item fade-up\">\r\n            <div class=\"clinic-trouble__icon\">\r\n                <img decoding=\"async\" src=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/\u540d\u79f0\u672a\u8a2d\u5b9a\u306e\u30c7\u30b6\u30a4\u30f3-73.png\" alt=\"\">\r\n            <\/div>\r\n\r\n            <p>\r\n                \u81ea\u5f8b\u795e\u7d4c\u306e\u4e71\u308c\u30fb<br>\r\n                \u4e0d\u7720\u30fb\u30b9\u30c8\u30ec\u30b9\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-trouble__item fade-up\">\r\n            <div class=\"clinic-trouble__icon\">\r\n                <img decoding=\"async\" src=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/\u540d\u79f0\u672a\u8a2d\u5b9a\u306e\u30c7\u30b6\u30a4\u30f3-74.png\" alt=\"\">\r\n            <\/div>\r\n\r\n            <p>\r\n                \u982d\u75db\u30fb\u3081\u307e\u3044\u30fb<br>\r\n                \u8033\u9cf4\u308a\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-trouble__item fade-up\">\r\n            <div class=\"clinic-trouble__icon\">\r\n                <img decoding=\"async\" src=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/\u540d\u79f0\u672a\u8a2d\u5b9a\u306e\u30c7\u30b6\u30a4\u30f3-75.png\" alt=\"\">\r\n            <\/div>\r\n\r\n            <p>\r\n                \u9854\u306e\u305f\u308b\u307f\u30fb<br>\r\n                \u3080\u304f\u307f\u30fb\u808c\u8352\u308c\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-trouble__item fade-up\">\r\n            <div class=\"clinic-trouble__icon\">\r\n                <img decoding=\"async\" src=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/\u540d\u79f0\u672a\u8a2d\u5b9a\u306e\u30c7\u30b6\u30a4\u30f3-76.png\" alt=\"\">\r\n            <\/div>\r\n\r\n            <p>\r\n                \u598a\u6d3b\u30fb\u751f\u7406\u75db\u30fb<br>\r\n                \u66f4\u5e74\u671f\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-trouble__item fade-up\">\r\n            <div class=\"clinic-trouble__icon\">\r\n                <img decoding=\"async\" src=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/\u540d\u79f0\u672a\u8a2d\u5b9a\u306e\u30c7\u30b6\u30a4\u30f3-77.png\" alt=\"\">\r\n            <\/div>\r\n\r\n            <p>\r\n                \u59ff\u52e2\u306e\u6b6a\u307f\u30fb<br>\r\n                \u75b2\u308c\u3084\u3059\u3055\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n const fadeUps = document.querySelectorAll('.clinic-trouble__item');\r\n\r\nconst observer = new IntersectionObserver((entries) => {\r\n\r\n    entries.forEach(entry => {\r\n\r\n        if (entry.isIntersecting) {\r\n\r\n            fadeUps.forEach((item,index)=>{\r\n\r\n                setTimeout(()=>{\r\n\r\n                    item.classList.add('show');\r\n\r\n                },index*200);\r\n\r\n            });\r\n\r\n            observer.disconnect();\r\n\r\n        }\r\n\r\n    });\r\n\r\n},{\r\n    threshold:.2\r\n});\r\n\r\nfadeUps.forEach(item=>observer.observe(item));\r\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#ffffff\"><div class=\"swell-block-fullWide__inner l-container\">\n<style data-wp-block-html=\"css\">\r\n\/* =================================\r\n   \u5f53\u9662\u304c\u9078\u3070\u308c\u308b\u7406\u7531\r\n================================= *\/\r\n\r\n.clinic-reasons {\r\n  --reason-gold: #b79258;\r\n  --reason-gold-dark: #98723d;\r\n  --reason-text: #2d2925;\r\n  --reason-subtext: #675f57;\r\n  --reason-border: #ebe4da;\r\n  --reason-bg: #fbfaf7;\r\n\r\n  padding: 110px 0 120px;\r\n}\r\n\r\n.sp-only{\r\ndisplay:none;\r\n}\r\n\r\n.clinic-reasons *,\r\n.clinic-reasons *::before,\r\n.clinic-reasons *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.clinic-reasons__inner {\r\n  width: min(1180px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* \u898b\u51fa\u3057 *\/\r\n\r\n.clinic-reasons__heading {\r\n  margin-bottom: 58px;\r\n  text-align: center;\r\n}\r\n\r\n.clinic-reasons__en {\r\n  margin: 0 0 8px;\r\n\r\n  color: var(--reason-gold);\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 15px;\r\n  font-style: italic;\r\n  letter-spacing: 0.18em;\r\n}\r\n\r\n.clinic-reasons__heading h2 {\r\n  margin: 0;\r\n\r\n  color: var(--reason-text);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    \"YuMincho\",\r\n    serif;\r\n\r\n  font-size: clamp(28px, 2.7vw, 38px);\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n  letter-spacing: 0.12em;\r\n}\r\n\r\n.clinic-reasons__line {\r\n  display: block;\r\n  width: 42px;\r\n  height: 1px;\r\n  margin: 18px auto 0;\r\n\r\n  background: var(--reason-gold);\r\n}\r\n\r\n.clinic-reasons__lead {\r\n  margin: 22px 0 0;\r\n\r\n  color: var(--reason-subtext);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    serif;\r\n\r\n  font-size: 14px;\r\n  line-height: 2;\r\n  letter-spacing: 0.05em;\r\n}\r\n\r\n\r\n\/* 4\u30ab\u30fc\u30c9 *\/\r\n\r\n.clinic-reasons__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 18px;\r\n}\r\n\r\n.clinic-reasons__card {\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  border: 1px solid var(--reason-border);\r\n  border-radius: 10px;\r\n  background: #fff;\r\n\r\n  box-shadow:\r\n    0 12px 35px rgba(83, 66, 43, 0.04);\r\n\r\n  transition:\r\n    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\r\n    border-color 0.35s ease,\r\n    box-shadow 0.4s ease;\r\n}\r\n\r\n\r\n\/* \u753b\u50cf *\/\r\n\r\n.clinic-reasons__image {\r\n  position: relative;\r\n  overflow: hidden;\r\n  aspect-ratio: 1.45 \/ 1;\r\n}\r\n\r\n.clinic-reasons__image::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to top,\r\n      rgba(38, 29, 20, 0.12) 0%,\r\n      transparent 45%\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.clinic-reasons__image img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n\r\n  transition:\r\n    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n\r\n\/* \u756a\u53f7 *\/\r\n\r\n.clinic-reasons__number {\r\n  position: absolute;\r\n  z-index: 2;\r\n  left: 18px;\r\n  bottom: 14px;\r\n\r\n  color: #fff;\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 27px;\r\n  font-weight: 500;\r\n  line-height: 1;\r\n  letter-spacing: 0.05em;\r\n\r\n  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);\r\n}\r\n\r\n\r\n\/* \u672c\u6587 *\/\r\n\r\n.clinic-reasons__body {\r\n  min-height: 180px;\r\n  padding: 24px 21px 26px;\r\n}\r\n\r\n.clinic-reasons__body h3 {\r\n  margin: 0;\r\n\r\n  color: var(--reason-text);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    serif;\r\n\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  line-height: 1.7;\r\n  letter-spacing: 0.045em;\r\n}\r\n\r\n.clinic-reasons__body h3::after {\r\n  content: \"\";\r\n  display: block;\r\n\r\n  width: 25px;\r\n  height: 1px;\r\n  margin-top: 13px;\r\n\r\n  background: rgba(183, 146, 88, 0.7);\r\n\r\n  transition: width 0.35s ease;\r\n}\r\n\r\n.clinic-reasons__body p {\r\n  margin: 15px 0 0;\r\n\r\n  color: var(--reason-subtext);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    serif;\r\n\r\n  font-size: 12px;\r\n  line-height: 1.9;\r\n  letter-spacing: 0.035em;\r\n}\r\n\r\n\r\n\/* \u30db\u30d0\u30fc *\/\r\n\r\n.clinic-reasons__card:hover {\r\n  transform: translateY(-6px);\r\n  border-color: var(--reason-gold);\r\n\r\n  box-shadow:\r\n    0 22px 48px rgba(102, 76, 42, 0.1);\r\n}\r\n\r\n.clinic-reasons__card:hover .clinic-reasons__image img {\r\n  transform: scale(1.045);\r\n}\r\n\r\n.clinic-reasons__card:hover .clinic-reasons__body h3::after {\r\n  width: 46px;\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u30b9\u30af\u30ed\u30fc\u30eb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\r\n================================= *\/\r\n\r\n.reason-fade {\r\n  opacity: 0;\r\n  transform: translateY(34px);\r\n\r\n  transition:\r\n    opacity 0.85s ease,\r\n    transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.reason-fade.is-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\r\n\/* \u9806\u756a\u306b\u8868\u793a *\/\r\n\r\n.clinic-reasons__heading.reason-fade {\r\n  transition-delay: 0s;\r\n}\r\n\r\n.clinic-reasons__card:nth-child(1) {\r\n  transition-delay: 0.12s;\r\n}\r\n\r\n.clinic-reasons__card:nth-child(2) {\r\n  transition-delay: 0.26s;\r\n}\r\n\r\n.clinic-reasons__card:nth-child(3) {\r\n  transition-delay: 0.4s;\r\n}\r\n\r\n.clinic-reasons__card:nth-child(4) {\r\n  transition-delay: 0.54s;\r\n}\r\n\r\n\r\n\/* PC\u3067\u306f\u4e0d\u8981\u306a\u6539\u884c *\/\r\n\r\n.sp-only {\r\n  display: none;\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u30bf\u30d6\u30ec\u30c3\u30c8\r\n================================= *\/\r\n\r\n@media screen and (max-width: 1024px) {\r\n\r\n  .clinic-reasons__grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  .clinic-reasons__body {\r\n    min-height: 160px;\r\n  }\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u30b9\u30de\u30db\r\n================================= *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  .sp-only{\r\n  display:block !important;\r\n  }\r\n\r\n  .clinic-reasons {\r\n    padding: 74px 0 80px;\r\n  }\r\n\r\n  .clinic-reasons__inner {\r\n    width: calc(100% - 32px);\r\n  }\r\n\r\n  .clinic-reasons__heading {\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n  .clinic-reasons__en {\r\n    margin-bottom: 5px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .clinic-reasons__heading h2 {\r\n    font-size: 24px;\r\n    line-height: 1.6;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .clinic-reasons__line {\r\n    width: 34px;\r\n    margin-top: 14px;\r\n  }\r\n\r\n  .clinic-reasons__lead {\r\n    margin-top: 17px;\r\n    font-size: 12px;\r\n    line-height: 1.9;\r\n  }\r\n\r\n  .clinic-reasons__grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:12px;\r\n}\r\n\r\n.clinic-reasons__card{\r\n    display:block;\r\n    min-height:auto;\r\n}\r\n\r\n.clinic-reasons__image{\r\n    aspect-ratio:1.4\/1;\r\n    min-height:auto;\r\n    height:auto;\r\n}\r\n\r\n.clinic-reasons__body{\r\n    padding:16px 14px 18px;\r\n    min-height:150px;\r\n}\r\n\r\n.clinic-reasons__body h3{\r\n    font-size:14px;\r\n}\r\n\r\n.clinic-reasons__body p{\r\n    font-size:11px;\r\n    line-height:1.8;\r\n\r\n  .clinic-reasons__card:hover {\r\n    transform: none;\r\n    box-shadow: 0 12px 35px rgba(83, 66, 43, 0.04);\r\n  }\r\n\r\n  .clinic-reasons__card:hover .clinic-reasons__image img {\r\n    transform: none;\r\n  }\r\n\r\n  .reason-fade {\r\n    transform: translateY(24px);\r\n    transition-duration: 0.7s;\r\n  }\r\n\r\n  .clinic-reasons__card:nth-child(1) {\r\n    transition-delay: 0.08s;\r\n  }\r\n\r\n  .clinic-reasons__card:nth-child(2) {\r\n    transition-delay: 0.18s;\r\n  }\r\n\r\n  .clinic-reasons__card:nth-child(3) {\r\n    transition-delay: 0.28s;\r\n  }\r\n\r\n  .clinic-reasons__card:nth-child(4) {\r\n    transition-delay: 0.38s;\r\n  }\r\n\r\n  .sp-only {\r\n    display: block;\r\n  }\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u5c0f\u3055\u3044\u30b9\u30de\u30db\r\n================================= *\/\r\n\r\n@media screen and (max-width: 390px) {\r\n\r\n  .clinic-reasons__inner {\r\n    width: calc(100% - 24px);\r\n  }\r\n\r\n  .clinic-reasons__card {\r\n    grid-template-columns: 38% 62%;\r\n  }\r\n\r\n  .clinic-reasons__body {\r\n    padding: 16px 13px;\r\n  }\r\n\r\n  .clinic-reasons__body h3 {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .clinic-reasons__body p {\r\n    font-size: 10px;\r\n  }\r\n}\r\n\r\n\r\n\/* \u52d5\u304d\u3092\u6e1b\u3089\u3059\u8a2d\u5b9a *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .reason-fade {\r\n    opacity: 1;\r\n    transform: none;\r\n    transition: none;\r\n  }\r\n\r\n  .clinic-reasons__card,\r\n  .clinic-reasons__image img,\r\n  .clinic-reasons__body h3::after {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"clinic-reasons\" id=\"clinic-reasons\">\r\n\r\n  <div class=\"clinic-reasons__inner\">\r\n\r\n    <div class=\"clinic-reasons__heading reason-fade\">\r\n      <p class=\"clinic-reasons__en\">Why Choose Us<\/p>\r\n\r\n      <h2>\u5f53\u9662\u304c\u9078\u3070\u308c\u308b\u7406\u7531<\/h2>\r\n\r\n      <span class=\"clinic-reasons__line\"><\/span>\r\n\r\n      <p class=\"clinic-reasons__lead\">\r\n        \u4e01\u5be7\u306a\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3068\u78ba\u304b\u306a\u6280\u8853\u3067\u3001<br class=\"sp-only\">\r\n        \u3042\u306a\u305f\u306b\u6700\u9069\u306a\u65bd\u8853\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"clinic-reasons__grid\">\r\n\r\n      <article class=\"clinic-reasons__card reason-fade\">\r\n        <div class=\"clinic-reasons__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/P1209339.webp\" alt=\"\u4e01\u5be7\u306a\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\">\r\n         \r\n        <\/div>\r\n\r\n        <div class=\"clinic-reasons__body\">\r\n          <h3>\u4e01\u5be7\u306a<br class=\"sp-only\">\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0<\/h3>\r\n\r\n          <p>\r\n            \u304a\u60a9\u307f\u3084\u4f53\u8abf\u3092\u8a73\u3057\u304f\u304a\u4f3a\u3044\u3057\u3001\r\n            \u4e00\u4eba\u3072\u3068\u308a\u306b\u5bc4\u308a\u6dfb\u3063\u305f\u65bd\u8853\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"clinic-reasons__card reason-fade\">\r\n        <div class=\"clinic-reasons__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/S__30482457.jpg\" alt=\"\u78ba\u304b\u306a\u6280\u8853\u3068\u5b9f\u7e3e\">\r\n         \r\n        <\/div>\r\n\r\n        <div class=\"clinic-reasons__body\">\r\n          <h3>\u8c4a\u5bcc\u306a\u7d4c\u9a13\u3068<br class=\"sp-only\">\u78ba\u304b\u306a\u5b9f\u7e3e<\/h3>\r\n\r\n          <p>\r\n            \u8c4a\u5bcc\u306a\u7d4c\u9a13\u3068\u5c02\u9580\u77e5\u8b58\u3092\u3082\u3068\u306b\u3001\r\n            \u6839\u672c\u304b\u3089\u306e\u6539\u5584\u3092\u76ee\u6307\u3057\u3066\u65bd\u8853\u3092\u884c\u3044\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"clinic-reasons__card reason-fade\">\r\n        <div class=\"clinic-reasons__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/S__30531589.jpg\" alt=\"\u5b8c\u5168\u500b\u5ba4\u306e\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u7a7a\u9593\">\r\n          \r\n        <\/div>\r\n\r\n        <div class=\"clinic-reasons__body\">\r\n          <h3>\u5b8c\u5168\u500b\u5ba4\u306e<br class=\"sp-only\">\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u7a7a\u9593<\/h3>\r\n\r\n          <p>\r\n            \u5468\u56f2\u3092\u6c17\u306b\u305b\u305a\u30ea\u30e9\u30c3\u30af\u30b9\u3067\u304d\u308b\u7a7a\u9593\u3067\u3001\r\n            \u5b89\u5fc3\u3057\u3066\u65bd\u8853\u3092\u53d7\u3051\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"clinic-reasons__card reason-fade\">\r\n        <div class=\"clinic-reasons__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/P1209146.webp\" alt=\"\u6771\u6d0b\u533b\u5b66\u306e\u7dcf\u5408\u7684\u30a2\u30d7\u30ed\u30fc\u30c1\">\r\n         \r\n        <\/div>\r\n\r\n        <div class=\"clinic-reasons__body\">\r\n          <h3>\u6771\u6d0b\u533b\u5b66\u306e<br class=\"sp-only\">\u7dcf\u5408\u7684\u30a2\u30d7\u30ed\u30fc\u30c1<\/h3>\r\n\r\n          <p>\r\n            \u4f53\u8cea\u3084\u751f\u6d3b\u7fd2\u6163\u307e\u3067\u4e01\u5be7\u306b\u78ba\u8a8d\u3057\u3001\r\n            \u4e0d\u8abf\u3092\u7e70\u308a\u8fd4\u3057\u306b\u304f\u3044\u8eab\u4f53\u3065\u304f\u308a\u3092\u652f\u3048\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const reasonTargets =\r\n    document.querySelectorAll(\".clinic-reasons .reason-fade\");\r\n\r\n  if (!reasonTargets.length) return;\r\n\r\n  const reasonObserver = new IntersectionObserver(\r\n    function (entries, observer) {\r\n      entries.forEach(function (entry) {\r\n        if (!entry.isIntersecting) return;\r\n\r\n        entry.target.classList.add(\"is-visible\");\r\n        observer.unobserve(entry.target);\r\n      });\r\n    },\r\n    {\r\n      threshold: 0.15,\r\n      rootMargin: \"0px 0px -50px 0px\"\r\n    }\r\n  );\r\n\r\n  reasonTargets.forEach(function (target) {\r\n    reasonObserver.observe(target);\r\n  });\r\n});\r\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#ffffff\"><div class=\"swell-block-fullWide__inner l-container\">\n<style data-wp-block-html=\"css\">\r\n\/* =================================\r\n   \u65bd\u8853\u6848\u5185\r\n================================= *\/\r\n\r\n.clinic-treatment {\r\n  --treatment-gold: #b79258;\r\n  --treatment-dark: #2d2925;\r\n  --treatment-text: #675f57;\r\n  --treatment-line: #e9e1d7;\r\n\r\n  padding: 110px 0 120px;\r\n  background: #fff;\r\n}\r\n\r\n.pc-only{\r\ndisplay:block;\r\n}\r\n\r\n.clinic-treatment *,\r\n.clinic-treatment *::before,\r\n.clinic-treatment *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.clinic-treatment__inner {\r\n  width: min(1120px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* \u898b\u51fa\u3057 *\/\r\n\r\n.clinic-treatment__heading {\r\n  margin-bottom: 58px;\r\n  text-align: center;\r\n}\r\n\r\n.clinic-treatment__en {\r\n  margin: 0 0 7px;\r\n  color: var(--treatment-gold);\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 15px;\r\n  font-style: italic;\r\n  letter-spacing: 0.18em;\r\n}\r\n\r\n.clinic-treatment__heading h2 {\r\n  margin: 0;\r\n  color: var(--treatment-dark);\r\n\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    \"YuMincho\",\r\n    serif;\r\n\r\n  font-size: clamp(28px, 2.7vw, 38px);\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n  letter-spacing: 0.12em;\r\n}\r\n\r\n.clinic-treatment__line {\r\n  display: block;\r\n  width: 42px;\r\n  height: 1px;\r\n  margin: 18px auto 0;\r\n  background: var(--treatment-gold);\r\n}\r\n\r\n.clinic-treatment__lead {\r\n  margin: 20px 0 0;\r\n  color: var(--treatment-text);\r\n  font-size: 14px;\r\n  line-height: 2;\r\n  letter-spacing: 0.05em;\r\n}\r\n\r\n\r\n\/* \u4e00\u89a7 *\/\r\n\r\n.clinic-treatment__list {\r\n  border-top: 1px solid var(--treatment-line);\r\n}\r\n\r\n.clinic-treatment__item {\r\n  position: relative;\r\n\r\n  display: grid;\r\n  grid-template-columns: 90px minmax(0, 1fr) 320px;\r\n  align-items: center;\r\n  gap: 35px;\r\n\r\n  min-height: 230px;\r\n  padding: 30px 0;\r\n\r\n  color: var(--treatment-dark);\r\n  text-decoration: none;\r\n\r\n  border-bottom: 1px solid var(--treatment-line);\r\n\r\n  transition:\r\n    background-color 0.4s ease,\r\n    padding 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n\r\n\/* \u756a\u53f7 *\/\r\n\r\n.clinic-treatment__number {\r\n  align-self: stretch;\r\n\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n\r\n  padding-top: 7px;\r\n  border-right: 1px solid var(--treatment-line);\r\n}\r\n\r\n.clinic-treatment__number span {\r\n  color: var(--treatment-gold);\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 31px;\r\n  line-height: 1;\r\n  letter-spacing: 0.04em;\r\n}\r\n\r\n\r\n\/* \u5185\u5bb9 *\/\r\n\r\n.clinic-treatment__content {\r\n  max-width: 520px;\r\n}\r\n\r\n.clinic-treatment__sub {\r\n  margin: 0 0 7px;\r\n  color: var(--treatment-gold);\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 13px;\r\n  font-style: italic;\r\n  letter-spacing: 0.12em;\r\n}\r\n\r\n.clinic-treatment__content h3 {\r\n  margin: 0;\r\n\r\n  color: var(--treatment-dark);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    serif;\r\n\r\n  font-size: 22px;\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n  letter-spacing: 0.07em;\r\n}\r\n\r\n.clinic-treatment__text {\r\n  margin: 14px 0 0;\r\n\r\n  color: var(--treatment-text);\r\n  font-size: 13px;\r\n  line-height: 2;\r\n  letter-spacing: 0.035em;\r\n}\r\n\r\n\r\n\/* \u8a73\u3057\u304f\u898b\u308b *\/\r\n\r\n.clinic-treatment__more {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n\r\n  margin-top: 20px;\r\n\r\n  color: var(--treatment-dark);\r\n  font-size: 12px;\r\n  letter-spacing: 0.06em;\r\n\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.clinic-treatment__arrow {\r\n  display: inline-block;\r\n  color: var(--treatment-gold);\r\n  font-size: 15px;\r\n\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n\r\n\/* \u753b\u50cf *\/\r\n\r\n.clinic-treatment__image {\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  width: 100%;\r\n  aspect-ratio: 1.55 \/ 1;\r\n  border-radius: 3px;\r\n}\r\n\r\n.clinic-treatment__image img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n\r\n  transition:\r\n    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),\r\n    filter 0.5s ease;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   \u6ed1\u3089\u304b\u306a\u30db\u30d0\u30fc\r\n================================ *\/\r\n\r\n.clinic-treatment__item {\r\n  position: relative;\r\n\r\n  transition:\r\n    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),\r\n    background-color 0.4s ease;\r\n}\r\n\r\n.clinic-treatment__image {\r\n  overflow: hidden;\r\n  transform: translateZ(0);\r\n}\r\n\r\n.clinic-treatment__image img {\r\n  will-change: transform;\r\n\r\n  transition:\r\n    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.clinic-treatment__more {\r\n  transition: color 0.35s ease;\r\n}\r\n\r\n.clinic-treatment__arrow {\r\n  display: inline-block;\r\n\r\n  transition:\r\n    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.clinic-treatment__item:hover {\r\n  transform: translateX(8px);\r\n  background: #fcfaf7;\r\n}\r\n\r\n.clinic-treatment__item:hover .clinic-treatment__image img {\r\n  transform: scale(1.035);\r\n}\r\n\r\n.clinic-treatment__item:hover .clinic-treatment__more {\r\n  color: var(--treatment-gold);\r\n}\r\n\r\n.clinic-treatment__item:hover .clinic-treatment__arrow {\r\n  transform: translateX(6px);\r\n}\r\n\r\n\/* \u4e00\u89a7\u30dc\u30bf\u30f3 *\/\r\n\r\n.clinic-treatment__button-wrap {\r\n  margin-top: 45px;\r\n  text-align: center;\r\n}\r\n\r\n.clinic-treatment__button {\r\n  width: 260px;\r\n  min-height: 54px;\r\n  padding: 13px 24px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  color: var(--treatment-dark);\r\n  font-size: 13px;\r\n  letter-spacing: 0.06em;\r\n  text-decoration: none;\r\n\r\n  border: 1px solid var(--treatment-gold);\r\n  border-radius: 999px;\r\n  background: #fff;\r\n\r\n  transition:\r\n    color 0.35s ease,\r\n    background-color 0.35s ease,\r\n    transform 0.35s ease,\r\n    box-shadow 0.35s ease;\r\n}\r\n\r\n.clinic-treatment__button-arrow {\r\n  display: inline-block;\r\n  color: var(--treatment-gold);\r\n  font-size: 16px;\r\n\r\n  transition:\r\n    color 0.35s ease,\r\n    transform 0.35s ease;\r\n}\r\n\r\n.clinic-treatment__button:hover {\r\n  color: #fff;\r\n  background: var(--treatment-gold);\r\n  transform: translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 12px 28px rgba(103, 77, 43, 0.12);\r\n}\r\n\r\n.clinic-treatment__button:hover .clinic-treatment__button-arrow {\r\n  color: #fff;\r\n  transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\r\n================================= *\/\r\n\r\n.treatment-fade {\r\n  opacity: 0;\r\n  transform: translateY(32px);\r\n\r\n  transition:\r\n    opacity 0.85s ease,\r\n    transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.treatment-fade.is-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.clinic-treatment__item:nth-child(1) {\r\n  transition-delay: 0.08s;\r\n}\r\n\r\n.clinic-treatment__item:nth-child(2) {\r\n  transition-delay: 0.18s;\r\n}\r\n\r\n.clinic-treatment__item:nth-child(3) {\r\n  transition-delay: 0.28s;\r\n}\r\n\r\n.clinic-treatment__item:nth-child(4) {\r\n  transition-delay: 0.38s;\r\n}\r\n\r\n.clinic-treatment__button-wrap {\r\n  transition-delay: 0.48s;\r\n}\r\n\r\n.sp-only {\r\n  display: none;\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u30bf\u30d6\u30ec\u30c3\u30c8\r\n================================= *\/\r\n\r\n@media screen and (max-width: 960px) {\r\n\r\n  .clinic-treatment__item {\r\n    grid-template-columns: 65px minmax(0, 1fr) 250px;\r\n    gap: 24px;\r\n  }\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u30b9\u30de\u30db\r\n================================= *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  .clinic-treatment {\r\n    padding: 74px 0 80px;\r\n  }\r\n\r\n  .pc-only{\r\n   display:none;\r\n  }\r\n\r\n  .clinic-treatment__inner {\r\n    width: calc(100% - 32px);\r\n  }\r\n\r\n  .clinic-treatment__heading {\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n  .clinic-treatment__heading h2 {\r\n    font-size: 24px;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .clinic-treatment__lead {\r\n    font-size: 12px;\r\n    line-height: 1.9;\r\n  }\r\n\r\n  .clinic-treatment__item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0;\r\n\r\n    min-height: 0;\r\n    padding: 26px 0 30px;\r\n  }\r\n\r\n  .clinic-treatment__number {\r\n    display:none;\r\n  }\r\n\r\n  .clinic-treatment__number span {\r\n    color: #fff;\r\n    font-size: 27px;\r\n\r\n    text-shadow:\r\n      0 2px 12px rgba(0, 0, 0, 0.2);\r\n  }\r\n\r\n  .clinic-treatment__image {\r\n    order: 1;\r\n\r\n    width: 100%;\r\n    aspect-ratio: 1.55 \/ 1;\r\n    border-radius: 4px;\r\n  }\r\n\r\n  .clinic-treatment__content {\r\n    order: 2;\r\n\r\n    width: 100%;\r\n    max-width: none;\r\n    padding: 20px 4px 0;\r\n  }\r\n\r\n  .clinic-treatment__content h3 {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .clinic-treatment__text {\r\n    margin-top: 11px;\r\n    font-size: 12px;\r\n    line-height: 1.9;\r\n  }\r\n\r\n  .clinic-treatment__more {\r\n    margin-top: 15px;\r\n  }\r\n\r\n  .clinic-treatment__item:hover {\r\n    padding-right: 0;\r\n    padding-left: 0;\r\n    background: transparent;\r\n  }\r\n\r\n  .clinic-treatment__item:hover .clinic-treatment__image img {\r\n    transform: none;\r\n  }\r\n\r\n  .clinic-treatment__button {\r\n    width: 100%;\r\n  }\r\n\r\n  .treatment-fade {\r\n    transform: translateY(23px);\r\n    transition-duration: 0.7s;\r\n  }\r\n\r\n  .sp-only {\r\n    display: block;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"clinic-treatment\" id=\"clinic-treatment\">\r\n\r\n  <div class=\"clinic-treatment__inner\">\r\n\r\n    <div class=\"clinic-treatment__heading treatment-fade\">\r\n      <p class=\"clinic-treatment__en\">Treatments<\/p>\r\n      <h2>\u65bd\u8853\u6848\u5185<\/h2>\r\n      <span class=\"clinic-treatment__line\"><\/span>\r\n\r\n      <p class=\"clinic-treatment__lead\">\r\n        \u304a\u60a9\u307f\u3084\u4f53\u8abf\u306b\u5408\u308f\u305b\u3066\u3001<br class=\"sp-only\">\r\n        \u4e00\u4eba\u3072\u3068\u308a\u306b\u6700\u9069\u306a\u65bd\u8853\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\r\n      <\/p>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"clinic-treatment__list\">\r\n\r\n      <a href=\"\/menu\/#general\" class=\"clinic-treatment__item treatment-fade\">\r\n\r\n        <div class=\"clinic-treatment__number\">\r\n          <span>01<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-treatment__content\">\r\n          <p class=\"clinic-treatment__sub\">Body Care<\/p>\r\n\r\n          <h3>\u4e00\u822c\u937c\u7078\u6cbb\u7642<\/h3>\r\n\r\n          <p class=\"clinic-treatment__text\">\r\n            \u80a9\u3053\u308a\u30fb\u8170\u75db\u30fb\u982d\u75db\u306a\u3069\u3001\u6162\u6027\u7684\u306a\u8eab\u4f53\u306e\u4e0d\u8abf\u306b\u3002<br class=\"pc-only\">\r\n            \u304a\u8eab\u4f53\u306e\u72b6\u614b\u3092\u4e01\u5be7\u306b\u78ba\u8a8d\u3057\u3001\u6839\u672c\u6539\u5584\u3092\u76ee\u6307\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n\r\n          <span class=\"clinic-treatment__more\">\r\n            \u8a73\u3057\u304f\u898b\u308b\r\n            <span class=\"clinic-treatment__arrow\">\u2192<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-treatment__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/S__30531588.jpg\" alt=\"\u4e00\u822c\u937c\u7078\u6cbb\u7642\">\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n      <a href=\"\/menu\/#beauty\" class=\"clinic-treatment__item treatment-fade\">\r\n\r\n        <div class=\"clinic-treatment__number\">\r\n          <span>02<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-treatment__content\">\r\n          <p class=\"clinic-treatment__sub\">Beauty Care<\/p>\r\n\r\n          <h3>\u7f8e\u5bb9\u937c\u7078<\/h3>\r\n\r\n          <p class=\"clinic-treatment__text\">\r\n            \u304a\u9854\u306e\u305f\u308b\u307f\u30fb\u3080\u304f\u307f\u30fb\u808c\u8352\u308c\u306a\u3069\u306e\u304a\u60a9\u307f\u306b\u3002<br class=\"pc-only\">\r\n            \u5185\u5074\u304b\u3089\u5065\u3084\u304b\u306a\u7f8e\u3057\u3055\u3092\u5f15\u304d\u51fa\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n\r\n          <span class=\"clinic-treatment__more\">\r\n            \u8a73\u3057\u304f\u898b\u308b\r\n            <span class=\"clinic-treatment__arrow\">\u2192<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-treatment__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/P1198541.webp\" alt=\"\u7f8e\u5bb9\u937c\u7078\">\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n      <a href=\"\/menu\/#autonomic\" class=\"clinic-treatment__item treatment-fade\">\r\n\r\n        <div class=\"clinic-treatment__number\">\r\n          <span>03<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-treatment__content\">\r\n          <p class=\"clinic-treatment__sub\">Balance Care<\/p>\r\n\r\n          <h3>\u81ea\u5f8b\u795e\u7d4c\u8abf\u6574<\/h3>\r\n\r\n          <p class=\"clinic-treatment__text\">\r\n            \u4e0d\u7720\u30fb\u30b9\u30c8\u30ec\u30b9\u30fb\u75b2\u308c\u3084\u3059\u3055\u306a\u3069\u3001\u81ea\u5f8b\u795e\u7d4c\u306e\u4e71\u308c\u306b\u3002<br class=\"pc-only\">\r\n            \u5fc3\u8eab\u306e\u30d0\u30e9\u30f3\u30b9\u3092\u6574\u3048\u3001\u5065\u3084\u304b\u306a\u6bce\u65e5\u3078\u5c0e\u304d\u307e\u3059\u3002\r\n          <\/p>\r\n\r\n          <span class=\"clinic-treatment__more\">\r\n            \u8a73\u3057\u304f\u898b\u308b\r\n            <span class=\"clinic-treatment__arrow\">\u2192<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-treatment__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/P1209231.webp\" alt=\"\u81ea\u5f8b\u795e\u7d4c\u8abf\u6574\">\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n      <a href=\"\/menu\/#fertility\" class=\"clinic-treatment__item treatment-fade\">\r\n\r\n        <div class=\"clinic-treatment__number\">\r\n          <span>04<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-treatment__content\">\r\n          <p class=\"clinic-treatment__sub\">Women&#8217;s Care<\/p>\r\n\r\n          <h3>\u598a\u6d3b\u30fb\u5a66\u4eba\u79d1\u7cfb\u306e\u304a\u60a9\u307f<\/h3>\r\n\r\n          <p class=\"clinic-treatment__text\">\r\n            \u598a\u6d3b\u30fb\u751f\u7406\u75db\u30fb\u51b7\u3048\u30fb\u66f4\u5e74\u671f\u306a\u3069\u3001\u5973\u6027\u7279\u6709\u306e\u304a\u60a9\u307f\u306b\u3002<br class=\"pc-only\">\r\n            \u30e9\u30a4\u30d5\u30b9\u30c6\u30fc\u30b8\u306b\u5408\u308f\u305b\u3066\u4e01\u5be7\u306b\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n\r\n          <span class=\"clinic-treatment__more\">\r\n            \u8a73\u3057\u304f\u898b\u308b\r\n            <span class=\"clinic-treatment__arrow\">\u2192<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"clinic-treatment__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/P1209161.webp\" alt=\"\u598a\u6d3b\u30fb\u5a66\u4eba\u79d1\u7cfb\u306e\u304a\u60a9\u307f\">\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"clinic-treatment__button-wrap treatment-fade\">\r\n      <a href=\"\/menu\/\" class=\"clinic-treatment__button\">\r\n        <span>\u65bd\u8853\u5185\u5bb9\u3092\u8a73\u3057\u304f\u898b\u308b<\/span>\r\n        <span class=\"clinic-treatment__button-arrow\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const treatmentTargets = document.querySelectorAll(\r\n    \".clinic-treatment .treatment-fade\"\r\n  );\r\n\r\n  if (!treatmentTargets.length) return;\r\n\r\n  const treatmentObserver = new IntersectionObserver(\r\n    function (entries, observer) {\r\n      entries.forEach(function (entry) {\r\n        if (!entry.isIntersecting) return;\r\n\r\n        entry.target.classList.add(\"is-visible\");\r\n        observer.unobserve(entry.target);\r\n      });\r\n    },\r\n    {\r\n      threshold: 0.12,\r\n      rootMargin: \"0px 0px -40px 0px\"\r\n    }\r\n  );\r\n\r\n  treatmentTargets.forEach(function (target) {\r\n    treatmentObserver.observe(target);\r\n  });\r\n});\r\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#ffffff\"><div class=\"swell-block-fullWide__inner l-container\">\n<style data-wp-block-html=\"css\">\r\n\/* =================================\r\n   \u3088\u304f\u3042\u308b\u3054\u8cea\u554f\r\n================================= *\/\r\n\r\n.clinic-faq {\r\n  --faq-gold: #b79258;\r\n  --faq-gold-dark: #94703e;\r\n  --faq-text: #2d2925;\r\n  --faq-subtext: #6b635b;\r\n  --faq-border: #e8e0d5;\r\n  --faq-bg: #fff;\r\n\r\n  padding: 110px 0 120px;\r\n  background: var(--faq-bg);\r\n}\r\n\r\n.clinic-faq *,\r\n.clinic-faq *::before,\r\n.clinic-faq *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.clinic-faq__inner {\r\n  width: min(920px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* \u898b\u51fa\u3057 *\/\r\n\r\n.clinic-faq__heading {\r\n  margin-bottom: 54px;\r\n  text-align: center;\r\n}\r\n\r\n.clinic-faq__en {\r\n  margin: 0 0 8px;\r\n\r\n  color: var(--faq-gold);\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 15px;\r\n  font-style: italic;\r\n  letter-spacing: 0.2em;\r\n}\r\n\r\n.clinic-faq__heading h2 {\r\n  margin: 0;\r\n\r\n  color: var(--faq-text);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    \"YuMincho\",\r\n    serif;\r\n\r\n  font-size: clamp(28px, 2.7vw, 38px);\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n  letter-spacing: 0.12em;\r\n}\r\n\r\n.clinic-faq__line {\r\n  display: block;\r\n  width: 42px;\r\n  height: 1px;\r\n  margin: 18px auto 0;\r\n\r\n  background: var(--faq-gold);\r\n}\r\n\r\n.clinic-faq__lead {\r\n  margin: 20px 0 0;\r\n\r\n  color: var(--faq-subtext);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    serif;\r\n\r\n  font-size: 14px;\r\n  line-height: 2;\r\n  letter-spacing: 0.05em;\r\n}\r\n\r\n\r\n\/* FAQ\u4e00\u89a7 *\/\r\n\r\n.clinic-faq__list {\r\n  border-top: 1px solid var(--faq-border);\r\n}\r\n\r\n.clinic-faq__item {\r\n  border-bottom: 1px solid var(--faq-border);\r\n}\r\n\r\n\r\n\/* \u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u4e09\u89d2\u3092\u6d88\u3059 *\/\r\n\r\n.clinic-faq__question {\r\n  list-style: none;\r\n}\r\n\r\n.clinic-faq__question::-webkit-details-marker {\r\n  display: none;\r\n}\r\n\r\n\r\n\/* \u8cea\u554f *\/\r\n\r\n.clinic-faq__question {\r\n  position: relative;\r\n\r\n  min-height: 92px;\r\n  padding: 25px 70px 25px 10px;\r\n\r\n  display: grid;\r\n  grid-template-columns: 38px minmax(0, 1fr);\r\n  align-items: center;\r\n  gap: 14px;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    color 0.35s ease,\r\n    padding-left 0.35s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.clinic-faq__q {\r\n  color: var(--faq-gold);\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 26px;\r\n  line-height: 1;\r\n}\r\n\r\n.clinic-faq__question-text {\r\n  color: var(--faq-text);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    serif;\r\n\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  line-height: 1.8;\r\n  letter-spacing: 0.055em;\r\n}\r\n\r\n\r\n\/* \u30d7\u30e9\u30b9\u30a2\u30a4\u30b3\u30f3 *\/\r\n\r\n.clinic-faq__toggle {\r\n  position: absolute;\r\n  top: 50%;\r\n  right: 18px;\r\n\r\n  width: 26px;\r\n  height: 26px;\r\n\r\n  transform: translateY(-50%);\r\n}\r\n\r\n.clinic-faq__toggle::before,\r\n.clinic-faq__toggle::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n\r\n  width: 18px;\r\n  height: 1px;\r\n\r\n  background: var(--faq-gold);\r\n\r\n  transform: translate(-50%, -50%);\r\n\r\n  transition:\r\n    transform 0.35s ease,\r\n    background-color 0.35s ease;\r\n}\r\n\r\n.clinic-faq__toggle::after {\r\n  transform:\r\n    translate(-50%, -50%)\r\n    rotate(90deg);\r\n}\r\n\r\n\r\n\/* \u56de\u7b54 *\/\r\n\r\n.clinic-faq__answer {\r\n  padding: 0 70px 30px 62px;\r\n\r\n  display: grid;\r\n  grid-template-columns: 38px minmax(0, 1fr);\r\n  gap: 14px;\r\n\r\n  animation: faqAnswerOpen 0.45s\r\n    cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.clinic-faq__a {\r\n  color: var(--faq-gold);\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 26px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.clinic-faq__answer p {\r\n  margin: 0;\r\n\r\n  color: var(--faq-subtext);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    serif;\r\n\r\n  font-size: 13px;\r\n  line-height: 2;\r\n  letter-spacing: 0.04em;\r\n}\r\n\r\n\r\n\/* \u958b\u3044\u305f\u72b6\u614b *\/\r\n\r\n.clinic-faq__item[open] .clinic-faq__question-text {\r\n  color: var(--faq-gold-dark);\r\n}\r\n\r\n.clinic-faq__item[open] .clinic-faq__toggle::after {\r\n  transform:\r\n    translate(-50%, -50%)\r\n    rotate(0deg);\r\n}\r\n\r\n\r\n\/* \u30db\u30d0\u30fc *\/\r\n\r\n.clinic-faq__question:hover {\r\n  padding-left: 18px;\r\n}\r\n\r\n.clinic-faq__question:hover .clinic-faq__question-text {\r\n  color: var(--faq-gold-dark);\r\n}\r\n\r\n\r\n\/* \u56de\u7b54\u306e\u8868\u793a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\r\n\r\n@keyframes faqAnswerOpen {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-8px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\r\n\/* \u4e00\u89a7\u30dc\u30bf\u30f3 *\/\r\n\r\n.clinic-faq__button-wrap {\r\n  margin-top: 42px;\r\n  text-align: center;\r\n}\r\n\r\n.clinic-faq__button {\r\n  min-width: 280px;\r\n  min-height: 54px;\r\n  padding: 13px 24px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 30px;\r\n\r\n  color: var(--faq-text);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    serif;\r\n\r\n  font-size: 13px;\r\n  letter-spacing: 0.055em;\r\n  text-decoration: none;\r\n\r\n  border: 1px solid var(--faq-gold);\r\n  border-radius: 999px;\r\n  background: #fff;\r\n\r\n  transition:\r\n    color 0.35s ease,\r\n    background-color 0.35s ease,\r\n    transform 0.35s ease,\r\n    box-shadow 0.35s ease;\r\n}\r\n\r\n.clinic-faq__button-arrow {\r\n  display: inline-block;\r\n\r\n  color: var(--faq-gold);\r\n  font-size: 16px;\r\n\r\n  transition:\r\n    color 0.35s ease,\r\n    transform 0.35s ease;\r\n}\r\n\r\n.clinic-faq__button:hover {\r\n  color: #fff;\r\n  background: var(--faq-gold);\r\n  transform: translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 12px 28px rgba(105, 79, 46, 0.12);\r\n}\r\n\r\n.clinic-faq__button:hover .clinic-faq__button-arrow {\r\n  color: #fff;\r\n  transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* PC\u3067\u306f\u975e\u8868\u793a *\/\r\n\r\n.sp-only {\r\n  display: none;\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u30b9\u30de\u30db\r\n================================= *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  .clinic-faq {\r\n    padding: 74px 0 80px;\r\n  }\r\n\r\n  .clinic-faq__inner {\r\n    width: calc(100% - 32px);\r\n  }\r\n\r\n  .clinic-faq__heading {\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  .clinic-faq__en {\r\n    margin-bottom: 5px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .clinic-faq__heading h2 {\r\n    font-size: 24px;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .clinic-faq__line {\r\n    width: 34px;\r\n    margin-top: 14px;\r\n  }\r\n\r\n  .clinic-faq__lead {\r\n    margin-top: 16px;\r\n    font-size: 12px;\r\n    line-height: 1.9;\r\n  }\r\n\r\n  .clinic-faq__question {\r\n    min-height: 78px;\r\n    padding: 20px 48px 20px 4px;\r\n\r\n    grid-template-columns: 28px minmax(0, 1fr);\r\n    gap: 8px;\r\n  }\r\n\r\n  .clinic-faq__q {\r\n    font-size: 22px;\r\n  }\r\n\r\n  .clinic-faq__question-text {\r\n    font-size: 13px;\r\n    line-height: 1.75;\r\n    letter-spacing: 0.03em;\r\n  }\r\n\r\n  .clinic-faq__toggle {\r\n    right: 4px;\r\n    width: 22px;\r\n    height: 22px;\r\n  }\r\n\r\n  .clinic-faq__toggle::before,\r\n  .clinic-faq__toggle::after {\r\n    width: 15px;\r\n  }\r\n\r\n  .clinic-faq__answer {\r\n    padding: 0 8px 25px 36px;\r\n\r\n    grid-template-columns: 28px minmax(0, 1fr);\r\n    gap: 8px;\r\n  }\r\n\r\n  .clinic-faq__a {\r\n    font-size: 22px;\r\n  }\r\n\r\n  .clinic-faq__answer p {\r\n    font-size: 11px;\r\n    line-height: 1.95;\r\n  }\r\n\r\n  .clinic-faq__question:hover {\r\n    padding-left: 4px;\r\n  }\r\n\r\n  .clinic-faq__button-wrap {\r\n    margin-top: 32px;\r\n  }\r\n\r\n  .clinic-faq__button {\r\n    width: 100%;\r\n    min-width: 0;\r\n  }\r\n\r\n  .sp-only {\r\n    display: block;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"clinic-faq\" id=\"faq\">\r\n\r\n  <div class=\"clinic-faq__inner\">\r\n\r\n    <div class=\"clinic-faq__heading\">\r\n      <p class=\"clinic-faq__en\">FAQ<\/p>\r\n\r\n      <h2>\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/h2>\r\n\r\n      <span class=\"clinic-faq__line\"><\/span>\r\n\r\n      <p class=\"clinic-faq__lead\">\r\n        \u521d\u3081\u3066\u3054\u6765\u9662\u3055\u308c\u308b\u65b9\u304b\u3089<br class=\"sp-only\">\r\n        \u3088\u304f\u3044\u305f\u3060\u304f\u3054\u8cea\u554f\u3092\u307e\u3068\u3081\u307e\u3057\u305f\u3002\r\n      <\/p>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"clinic-faq__list\">\r\n\r\n      <details class=\"clinic-faq__item\">\r\n        <summary class=\"clinic-faq__question\">\r\n          <span class=\"clinic-faq__q\">Q<\/span>\r\n\r\n          <span class=\"clinic-faq__question-text\">\r\n            \u937c\u7078\u304c\u521d\u3081\u3066\u3067\u3082\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f\r\n          <\/span>\r\n\r\n          <span class=\"clinic-faq__toggle\"><\/span>\r\n        <\/summary>\r\n\r\n        <div class=\"clinic-faq__answer\">\r\n          <span class=\"clinic-faq__a\">A<\/span>\r\n\r\n          <p>\r\n            \u306f\u3044\u3001\u521d\u3081\u3066\u306e\u65b9\u3082\u5b89\u5fc3\u3057\u3066\u304a\u8d8a\u3057\u304f\u3060\u3055\u3044\u3002\r\n            \u521d\u56de\u306f\u304a\u60a9\u307f\u3084\u304a\u8eab\u4f53\u306e\u72b6\u614b\u3092\u4e01\u5be7\u306b\u304a\u4f3a\u3044\u3057\u3001\r\n            \u65bd\u8853\u5185\u5bb9\u3092\u3054\u8aac\u660e\u3057\u305f\u3046\u3048\u3067\u9032\u3081\u3066\u307e\u3044\u308a\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <details class=\"clinic-faq__item\">\r\n        <summary class=\"clinic-faq__question\">\r\n          <span class=\"clinic-faq__q\">Q<\/span>\r\n\r\n          <span class=\"clinic-faq__question-text\">\r\n            \u937c\u306f\u75db\u304f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f\r\n          <\/span>\r\n\r\n          <span class=\"clinic-faq__toggle\"><\/span>\r\n        <\/summary>\r\n\r\n        <div class=\"clinic-faq__answer\">\r\n          <span class=\"clinic-faq__a\">A<\/span>\r\n\r\n          <p>\r\n            \u9aea\u306e\u6bdb\u307b\u3069\u306e\u7d30\u3044\u937c\u3092\u4f7f\u7528\u3059\u308b\u305f\u3081\u3001\r\n            \u5f37\u3044\u75db\u307f\u3092\u611f\u3058\u308b\u3053\u3068\u306f\u307b\u3068\u3093\u3069\u3042\u308a\u307e\u305b\u3093\u3002\r\n            \u523a\u6fc0\u304c\u82e6\u624b\u306a\u65b9\u306b\u306f\u3001\u3088\u308a\u3084\u3055\u3057\u3044\u65bd\u8853\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <details class=\"clinic-faq__item\">\r\n        <summary class=\"clinic-faq__question\">\r\n          <span class=\"clinic-faq__q\">Q<\/span>\r\n\r\n          <span class=\"clinic-faq__question-text\">\r\n            \u3069\u306e\u3088\u3046\u306a\u670d\u88c5\u3067\u884c\u3051\u3070\u3044\u3044\u3067\u3059\u304b\uff1f\r\n          <\/span>\r\n\r\n          <span class=\"clinic-faq__toggle\"><\/span>\r\n        <\/summary>\r\n\r\n        <div class=\"clinic-faq__answer\">\r\n          <span class=\"clinic-faq__a\">A<\/span>\r\n\r\n          <p>\r\n            \u8155\u3084\u819d\u3092\u51fa\u3057\u3084\u3059\u3044\u3001\u3086\u3063\u305f\u308a\u3068\u3057\u305f\u670d\u88c5\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002\r\n            \u304a\u7740\u66ff\u3048\u3092\u3054\u7528\u610f\u3057\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u666e\u6bb5\u7740\u306e\u307e\u307e\u3067\u3082\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3002\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <details class=\"clinic-faq__item\">\r\n        <summary class=\"clinic-faq__question\">\r\n          <span class=\"clinic-faq__q\">Q<\/span>\r\n\r\n          <span class=\"clinic-faq__question-text\">\r\n            \u65bd\u8853\u6642\u9593\u306f\u3069\u308c\u304f\u3089\u3044\u3067\u3059\u304b\uff1f\r\n          <\/span>\r\n\r\n          <span class=\"clinic-faq__toggle\"><\/span>\r\n        <\/summary>\r\n\r\n        <div class=\"clinic-faq__answer\">\r\n          <span class=\"clinic-faq__a\">A<\/span>\r\n\r\n          <p>\r\n            \u521d\u56de\u306f\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\u542b\u3081\u3066\u7d0460\u301c90\u5206\u3001\r\n            2\u56de\u76ee\u4ee5\u964d\u306f\u65bd\u8853\u5185\u5bb9\u306b\u3088\u308a\u7d0445\u301c60\u5206\u304c\u76ee\u5b89\u3067\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <details class=\"clinic-faq__item\">\r\n        <summary class=\"clinic-faq__question\">\r\n          <span class=\"clinic-faq__q\">Q<\/span>\r\n\r\n          <span class=\"clinic-faq__question-text\">\r\n            \u598a\u5a20\u4e2d\u3067\u3082\u65bd\u8853\u3092\u53d7\u3051\u3089\u308c\u307e\u3059\u304b\uff1f\r\n          <\/span>\r\n\r\n          <span class=\"clinic-faq__toggle\"><\/span>\r\n        <\/summary>\r\n\r\n        <div class=\"clinic-faq__answer\">\r\n          <span class=\"clinic-faq__a\">A<\/span>\r\n\r\n          <p>\r\n            \u304a\u8eab\u4f53\u306e\u72b6\u614b\u306b\u3088\u3063\u3066\u306f\u65bd\u8853\u3092\u53d7\u3051\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3002\r\n            \u598a\u5a20\u4e2d\u30fb\u901a\u9662\u4e2d\u306e\u65b9\u306f\u3001\u3054\u4e88\u7d04\u6642\u306b\u3042\u3089\u304b\u3058\u3081\u304a\u77e5\u3089\u305b\u304f\u3060\u3055\u3044\u3002\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#ffffff\"><div class=\"swell-block-fullWide__inner l-container\">\n<style data-wp-block-html=\"css\">\r\n\/* =================================\r\n   \u30d6\u30ed\u30b0\u898b\u51fa\u3057\r\n   FAQ\u898b\u51fa\u3057\u3068\u7d71\u4e00\r\n================================= *\/\r\n\r\n.clinic-blog-heading {\r\n  --blog-gold: #b79258;\r\n  --blog-text: #2d2925;\r\n  --blog-subtext: #6d655d;\r\n\r\n  width: min(920px, calc(100% - 48px));\r\n  margin: 0 auto 54px;\r\n  text-align: center;\r\n}\r\n\r\n\r\n\/* \u82f1\u5b57 *\/\r\n\r\n.clinic-blog-heading__en {\r\n  margin: 0 0 8px;\r\n\r\n  color: var(--blog-gold);\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 15px;\r\n  font-style: italic;\r\n  line-height: 1.4;\r\n  letter-spacing: 0.2em;\r\n}\r\n\r\n\r\n\/* \u30bf\u30a4\u30c8\u30eb *\/\r\n\r\n.clinic-blog-heading__title {\r\n  margin: 0 !important;\r\n\r\n  color: var(--blog-text);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    \"YuMincho\",\r\n    serif;\r\n\r\n  font-size: 38px !important;\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n  letter-spacing: 0.12em;\r\n}\r\n\r\n\r\n\/* \u30b4\u30fc\u30eb\u30c9\u30e9\u30a4\u30f3 *\/\r\n\r\n.clinic-blog-heading__line {\r\n  display: block;\r\n  width: 42px;\r\n  height: 1px;\r\n  margin: 18px auto 0;\r\n\r\n  background: var(--blog-gold);\r\n}\r\n\r\n\r\n\/* \u8aac\u660e\u6587 *\/\r\n\r\n.clinic-blog-heading__lead {\r\n  margin: 20px 0 0;\r\n\r\n  color: var(--blog-subtext);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    serif;\r\n\r\n  font-size: 14px;\r\n  line-height: 2;\r\n  letter-spacing: 0.05em;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  .clinic-blog-heading {\r\n    width: calc(100% - 32px);\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  .clinic-blog-heading__en {\r\n    margin-bottom: 5px;\r\n    font-size: 13px;\r\n    letter-spacing: 0.2em;\r\n  }\r\n\r\n  .clinic-blog-heading__title {\r\n    font-size: 24px !important;\r\n    line-height: 1.6;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .clinic-blog-heading__line {\r\n    width: 34px;\r\n    margin-top: 14px;\r\n  }\r\n\r\n  .clinic-blog-heading__lead {\r\n    margin-top: 16px;\r\n    font-size: 12px;\r\n    line-height: 1.9;\r\n    letter-spacing: 0.035em;\r\n  }\r\n}\r\n\r\n\/* =================================\r\n   \u30b9\u30af\u30ed\u30fc\u30eb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\r\n================================= *\/\r\n\r\n.blog-heading-fade {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n\r\n  transition:\r\n    opacity 0.85s ease,\r\n    transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.blog-heading-fade.is-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\r\n\/* \u8981\u7d20\u3092\u5c11\u3057\u305a\u3064\u9806\u756a\u306b\u8868\u793a *\/\r\n\r\n.blog-heading-fade .clinic-blog-heading__en,\r\n.blog-heading-fade .clinic-blog-heading__title,\r\n.blog-heading-fade .clinic-blog-heading__line,\r\n.blog-heading-fade .clinic-blog-heading__lead {\r\n  opacity: 0;\r\n  transform: translateY(16px);\r\n\r\n  transition:\r\n    opacity 0.7s ease,\r\n    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.blog-heading-fade.is-visible .clinic-blog-heading__en {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  transition-delay: 0.08s;\r\n}\r\n\r\n.blog-heading-fade.is-visible .clinic-blog-heading__title {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  transition-delay: 0.2s;\r\n}\r\n\r\n.blog-heading-fade.is-visible .clinic-blog-heading__line {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  transition-delay: 0.32s;\r\n}\r\n\r\n.blog-heading-fade.is-visible .clinic-blog-heading__lead {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  transition-delay: 0.44s;\r\n}\r\n<\/style>\r\n\r\n<section class=\"clinic-blog-heading blog-heading-fade\">\r\n\r\n  <p class=\"clinic-blog-heading__en\">\r\n    Blog\r\n  <\/p>\r\n\r\n  <h2 class=\"clinic-blog-heading__title\">\r\n    \u6700\u65b0\u306e\u30d6\u30ed\u30b0\r\n  <\/h2>\r\n\r\n  <span class=\"clinic-blog-heading__line\"><\/span>\r\n\r\n  <p class=\"clinic-blog-heading__lead\">\r\n    \u65e5\u3005\u306e\u5065\u5eb7\u3084\u7f8e\u5bb9\u306b\u5f79\u7acb\u3064\u60c5\u5831\u3092<br class=\"sp-only\">\r\n    \u304a\u5c4a\u3051\u3057\u307e\u3059\u3002\r\n  <\/p>\r\n\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const blogHeading = document.querySelector(\".blog-heading-fade\");\r\n\r\n  if (!blogHeading) return;\r\n\r\n  const blogHeadingObserver = new IntersectionObserver(\r\n    function (entries, observer) {\r\n      entries.forEach(function (entry) {\r\n        if (!entry.isIntersecting) return;\r\n\r\n        entry.target.classList.add(\"is-visible\");\r\n        observer.unobserve(entry.target);\r\n      });\r\n    },\r\n    {\r\n      threshold: 0.2,\r\n      rootMargin: \"0px 0px -40px 0px\"\r\n    }\r\n  );\r\n\r\n  blogHeadingObserver.observe(blogHeading);\r\n});\r\n<\/script>\n\n\n<div class=\"p-postListWrap clinic-blog-list\"><ul class=\"p-postList -type-list\"><li class=\"p-postList__item\">\n\t<a href=\"https:\/\/hkm-emi.com\/?p=1\" class=\"p-postList__link\">\n\t\t<div class=\"p-postList__thumb c-postThumb noimg_\">\n\t<figure class=\"c-postThumb__figure\">\n\t\t<img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hkm-emi.com\/wp-content\/themes\/swell\/assets\/img\/no_img.png\" alt=\"\" class=\"c-postThumb__img u-obf-cover\">\t<\/figure>\n\t\t\t<span class=\"c-postThumb__cat icon-folder\" data-cat-id=\"1\">Uncategorized<\/span>\n\t<\/div>\n\t\t\t\t\t<div class=\"p-postList__body\">\n\t\t\t\t<h2 class=\"p-postList__title\">Hello world!<\/h2>\t\t\t\t\t\t\t\t<div class=\"p-postList__meta\">\n\t\t\t\t\t<div class=\"p-postList__times c-postTimes u-thin\">\n\t<time class=\"c-postTimes__posted icon-posted\" datetime=\"2026-07-27\" aria-label=\"\u516c\u958b\u65e5\">2026\u5e747\u670827\u65e5<\/time><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/a>\n<\/li>\n<\/ul><\/div><\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#ffffff\"><div class=\"swell-block-fullWide__inner l-container\">\n<style data-wp-block-html=\"css\">\r\n\/* =================================\r\n   \u30a2\u30af\u30bb\u30b9\r\n================================= *\/\r\n\r\n.clinic-access {\r\n  --access-gold: #b79258;\r\n  --access-gold-dark: #94703e;\r\n  --access-text: #2d2925;\r\n  --access-subtext: #6d655d;\r\n  --access-border: #e7ded1;\r\n\r\n  padding: 110px 0 120px;\r\n  background: #fff;\r\n}\r\n\r\n.clinic-access *,\r\n.clinic-access *::before,\r\n.clinic-access *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.clinic-access__inner {\r\n  width: min(1180px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* \u898b\u51fa\u3057 *\/\r\n\r\n.clinic-access__heading {\r\n  margin-bottom: 58px;\r\n  text-align: center;\r\n}\r\n\r\n.clinic-access__en {\r\n  margin: 0 0 8px;\r\n\r\n  color: var(--access-gold);\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 15px;\r\n  font-style: italic;\r\n  line-height: 1.4;\r\n  letter-spacing: 0.2em;\r\n}\r\n\r\n.clinic-access__heading h2 {\r\n  margin: 0;\r\n\r\n  color: var(--access-text);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    \"YuMincho\",\r\n    serif;\r\n\r\n  font-size: clamp(28px, 2.7vw, 38px);\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n  letter-spacing: 0.12em;\r\n}\r\n\r\n.clinic-access__line {\r\n  display: block;\r\n\r\n  width: 42px;\r\n  height: 1px;\r\n  margin: 18px auto 0;\r\n\r\n  background: var(--access-gold);\r\n}\r\n\r\n.clinic-access__lead {\r\n  margin: 20px 0 0;\r\n\r\n  color: var(--access-subtext);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    serif;\r\n\r\n  font-size: 14px;\r\n  line-height: 2;\r\n  letter-spacing: 0.05em;\r\n}\r\n\r\n\r\n\/* 2\u30ab\u30e9\u30e0 *\/\r\n\r\n.clinic-access__content {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.35fr);\r\n  align-items: stretch;\r\n  gap: 68px;\r\n}\r\n\r\n\r\n\/* \u5de6\u5074 *\/\r\n\r\n.clinic-access__info {\r\n  padding: 4px 0;\r\n}\r\n\r\n.clinic-access__item {\r\n  display: grid;\r\n  grid-template-columns: 72px minmax(0, 1fr);\r\n  align-items: center;\r\n  gap: 18px;\r\n\r\n  min-height: 116px;\r\n  padding: 22px 0;\r\n\r\n  border-bottom: 1px solid var(--access-border);\r\n}\r\n\r\n.clinic-access__item:first-child {\r\n  border-top: 1px solid var(--access-border);\r\n}\r\n\r\n\r\n\/* \u30a2\u30a4\u30b3\u30f3 *\/\r\n\r\n.clinic-access__icon {\r\n  width: 48px;\r\n  height: 48px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  color: var(--access-gold);\r\n}\r\n\r\n.clinic-access__icon svg {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* \u30c6\u30ad\u30b9\u30c8 *\/\r\n\r\n.clinic-access__label {\r\n  margin: 0 0 7px;\r\n\r\n  color: var(--access-gold);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    serif;\r\n\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  letter-spacing: 0.08em;\r\n}\r\n\r\n.clinic-access__value {\r\n  margin: 0;\r\n\r\n  color: var(--access-text);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    serif;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.85;\r\n  letter-spacing: 0.04em;\r\n}\r\n\r\n\r\n\/* GoogleMap\u30dc\u30bf\u30f3 *\/\r\n\r\n.clinic-access__button {\r\n  width: 100%;\r\n  min-height: 60px;\r\n  margin-top: 28px;\r\n  padding: 14px 24px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  color: var(--access-text);\r\n  font-family:\r\n    \"Noto Serif JP\",\r\n    \"Yu Mincho\",\r\n    serif;\r\n\r\n  font-size: 14px;\r\n  letter-spacing: 0.06em;\r\n  text-decoration: none;\r\n\r\n  border: 1px solid var(--access-gold);\r\n  border-radius: 8px;\r\n  background: #fff;\r\n\r\n  transition:\r\n    color 0.35s ease,\r\n    background-color 0.35s ease,\r\n    transform 0.35s ease,\r\n    box-shadow 0.35s ease;\r\n}\r\n\r\n.clinic-access__arrow {\r\n  display: inline-block;\r\n\r\n  color: var(--access-gold);\r\n  font-family: sans-serif;\r\n  font-size: 18px;\r\n\r\n  transition:\r\n    color 0.35s ease,\r\n    transform 0.35s ease;\r\n}\r\n\r\n.clinic-access__button:hover {\r\n  color: #fff;\r\n  background: var(--access-gold);\r\n  transform: translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 14px 30px rgba(105, 78, 43, 0.12);\r\n}\r\n\r\n.clinic-access__button:hover .clinic-access__arrow {\r\n  color: #fff;\r\n  transform: translateX(6px);\r\n}\r\n\r\n\r\n\/* \u5199\u771f *\/\r\n\r\n.clinic-access__photo {\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  min-height: 590px;\r\n\r\n  border-radius: 18px;\r\n  background: #f6f3ee;\r\n}\r\n\r\n.clinic-access__photo img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n\r\n  transition:\r\n    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.clinic-access__photo:hover img {\r\n  transform: scale(1.035);\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u30b9\u30af\u30ed\u30fc\u30eb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\r\n================================= *\/\r\n\r\n.access-fade {\r\n  opacity: 0;\r\n  transform: translateY(32px);\r\n\r\n  transition:\r\n    opacity 0.85s ease,\r\n    transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.access-fade.is-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.clinic-access__heading {\r\n  transition-delay: 0s;\r\n}\r\n\r\n.clinic-access__info {\r\n  transition-delay: 0.12s;\r\n}\r\n\r\n.clinic-access__photo {\r\n  transform: translateY(32px) scale(0.97);\r\n  transition-delay: 0.26s;\r\n}\r\n\r\n.clinic-access__photo.is-visible {\r\n  transform: translateY(0) scale(1);\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u30bf\u30d6\u30ec\u30c3\u30c8\r\n================================= *\/\r\n\r\n@media screen and (max-width: 960px) {\r\n\r\n  .clinic-access__content {\r\n    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\r\n    gap: 36px;\r\n  }\r\n\r\n  .clinic-access__photo {\r\n    min-height: 520px;\r\n  }\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u30b9\u30de\u30db\r\n================================= *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  .clinic-access {\r\n    padding: 74px 0 80px;\r\n  }\r\n\r\n  .clinic-access__inner {\r\n    width: calc(100% - 32px);\r\n  }\r\n\r\n  .clinic-access__heading {\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  .clinic-access__en {\r\n    margin-bottom: 5px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .clinic-access__heading h2 {\r\n    font-size: 24px;\r\n    line-height: 1.6;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .clinic-access__line {\r\n    width: 34px;\r\n    margin-top: 14px;\r\n  }\r\n\r\n  .clinic-access__lead {\r\n    margin-top: 16px;\r\n    font-size: 12px;\r\n    line-height: 1.9;\r\n  }\r\n\r\n  .clinic-access__content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 30px;\r\n  }\r\n\r\n  \/* \u30b9\u30de\u30db\u3067\u306f\u5199\u771f\u3092\u4e0a\u3078 *\/\r\n  .clinic-access__photo {\r\n    order: 1;\r\n\r\n    width: 100%;\r\n    min-height: 0;\r\n    aspect-ratio: 4 \/ 3;\r\n\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .clinic-access__info {\r\n    order: 2;\r\n  }\r\n\r\n  .clinic-access__item {\r\n    grid-template-columns: 52px minmax(0, 1fr);\r\n    gap: 12px;\r\n\r\n    min-height: 94px;\r\n    padding: 18px 0;\r\n  }\r\n\r\n  .clinic-access__icon {\r\n    width: 38px;\r\n    height: 38px;\r\n  }\r\n\r\n  .clinic-access__label {\r\n    margin-bottom: 5px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .clinic-access__value {\r\n    font-size: 12px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .clinic-access__button {\r\n    min-height: 54px;\r\n    margin-top: 24px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .access-fade {\r\n    transform: translateY(22px);\r\n    transition-duration: 0.7s;\r\n  }\r\n\r\n  .clinic-access__photo {\r\n    transform: translateY(22px) scale(0.98);\r\n  }\r\n\r\n  .clinic-access__photo.is-visible {\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u52d5\u304d\u3092\u6e1b\u3089\u3059\u8a2d\u5b9a\r\n================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .access-fade,\r\n  .clinic-access__photo {\r\n    opacity: 1;\r\n    transform: none;\r\n    transition: none;\r\n  }\r\n\r\n  .clinic-access__button,\r\n  .clinic-access__arrow,\r\n  .clinic-access__photo img {\r\n    transition: none;\r\n  }\r\n}\r\n\r\n\/* =================================\r\n   \u55b6\u696d\u6642\u9593\uff0bGoogle\u30de\u30c3\u30d7\r\n================================= *\/\r\n\r\n.clinic-access__item--map {\r\n  grid-template-columns: 72px minmax(0, 1fr);\r\n  grid-template-rows: auto auto;\r\n  align-items: center;\r\n  column-gap: 18px;\r\n  row-gap: 22px;\r\n\r\n  min-height: 0;\r\n  padding-top: 22px;\r\n  padding-bottom: 28px;\r\n}\r\n\r\n\/* \u55b6\u696d\u6642\u9593\u30a2\u30a4\u30b3\u30f3 *\/\r\n.clinic-access__item--map .clinic-access__icon {\r\n  grid-column: 1;\r\n  grid-row: 1;\r\n\r\n  align-self: center;\r\n}\r\n\r\n\/* \u55b6\u696d\u6642\u9593\u30c6\u30ad\u30b9\u30c8 *\/\r\n.clinic-access__item--map .clinic-access__text {\r\n  grid-column: 2;\r\n  grid-row: 1;\r\n\r\n  min-width: 0;\r\n  align-self: center;\r\n}\r\n\r\n\/* Google\u30de\u30c3\u30d7 *\/\r\n.clinic-access__map {\r\n  grid-column: 1 \/ -1;\r\n  grid-row: 2;\r\n\r\n  width: calc(100% + 36px);\r\n  height: 230px;\r\n  margin-left: -18px;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 14px;\r\n  background: #f6f3ee;\r\n\r\n  box-shadow:\r\n    0 12px 30px rgba(45, 41, 37, 0.08);\r\n}\r\n\r\n.clinic-access__map iframe {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  border: 0;\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u30bf\u30d6\u30ec\u30c3\u30c8\r\n================================= *\/\r\n\r\n@media screen and (max-width: 960px) {\r\n\r\n  .clinic-access__item--map {\r\n    grid-template-columns: 60px minmax(0, 1fr);\r\n    column-gap: 14px;\r\n    row-gap: 20px;\r\n  }\r\n\r\n  .clinic-access__map {\r\n    width: calc(100% + 24px);\r\n    height: 210px;\r\n    margin-left: -12px;\r\n  }\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u30b9\u30de\u30db\r\n================================= *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  .clinic-access__item--map {\r\n    grid-template-columns: 52px minmax(0, 1fr);\r\n    grid-template-rows: auto auto;\r\n    column-gap: 12px;\r\n    row-gap: 18px;\r\n\r\n    min-height: 0;\r\n    padding-top: 18px;\r\n    padding-bottom: 22px;\r\n  }\r\n\r\n  .clinic-access__item--map .clinic-access__icon {\r\n    width: 38px;\r\n    height: 38px;\r\n  }\r\n\r\n  .clinic-access__map {\r\n    width: calc(100% + 16px);\r\n    height: 210px;\r\n    margin-left: -8px;\r\n\r\n    border-radius: 10px;\r\n\r\n    box-shadow:\r\n      0 10px 24px rgba(45, 41, 37, 0.07);\r\n  }\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u5c0f\u3055\u3044\u30b9\u30de\u30db\r\n================================= *\/\r\n\r\n@media screen and (max-width: 390px) {\r\n\r\n  .clinic-access__map {\r\n    width: calc(100% + 8px);\r\n    height: 190px;\r\n    margin-left: -4px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"clinic-access\" id=\"access\">\r\n\r\n  <div class=\"clinic-access__inner\">\r\n\r\n    <div class=\"clinic-access__heading access-fade\">\r\n      <p class=\"clinic-access__en\">Access<\/p>\r\n\r\n      <h2>\u30a2\u30af\u30bb\u30b9<\/h2>\r\n\r\n      <span class=\"clinic-access__line\"><\/span>\r\n\r\n      <p class=\"clinic-access__lead\">\r\n        \u99c5\u304b\u3089\u306e\u30a2\u30af\u30bb\u30b9\u30fb\u8a3a\u7642\u6642\u9593\r\n      <\/p>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"clinic-access__content\">\r\n\r\n      <!-- \u5de6\u5074\uff1a\u30a2\u30af\u30bb\u30b9\u60c5\u5831 -->\r\n      <div class=\"clinic-access__info access-fade\">\r\n\r\n        <!-- \u4f4f\u6240 -->\r\n        <div class=\"clinic-access__item\">\r\n\r\n          <div class=\"clinic-access__icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M32 56S49 39 49 23a17 17 0 1 0-34 0c0 16 17 33 17 33Z\"><\/path>\r\n              <circle cx=\"32\" cy=\"23\" r=\"6\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"clinic-access__text\">\r\n            <p class=\"clinic-access__label\">\u4f4f\u6240<\/p>\r\n\r\n            <p class=\"clinic-access__value\">\r\n              \u3012144-005<br>\r\n              \u6771\u4eac\u90fd\u5927\u7530\u533a\u897f\u84b2\u75307-67-1<br>\r\n              \u6749\u5c71\u30d3\u30eb3\u53f7\u99281F\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u6700\u5bc4\u99c5 -->\r\n        <div class=\"clinic-access__item\">\r\n\r\n          <div class=\"clinic-access__icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <rect x=\"18\" y=\"8\" width=\"28\" height=\"40\" rx=\"5\"><\/rect>\r\n              <path d=\"M23 17H41\"><\/path>\r\n              <path d=\"M23 23H41V34H23Z\"><\/path>\r\n              <circle cx=\"26\" cy=\"41\" r=\"2\"><\/circle>\r\n              <circle cx=\"38\" cy=\"41\" r=\"2\"><\/circle>\r\n              <path d=\"M24 48L20 55\"><\/path>\r\n              <path d=\"M40 48L44 55\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"clinic-access__text\">\r\n            <p class=\"clinic-access__label\">\u6700\u5bc4\u99c5<\/p>\r\n\r\n            <p class=\"clinic-access__value\">\r\n              \u300c\u84b2\u7530\u99c5\u300d\u897f\u53e3\u3088\u308a\u5f92\u6b692\u5206\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u99d0\u8eca\u5834 -->\r\n        <div class=\"clinic-access__item\">\r\n\r\n          <div class=\"clinic-access__icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M17 36L21 22H43L47 36\"><\/path>\r\n              <path d=\"M14 36H50V48H14Z\"><\/path>\r\n              <circle cx=\"22\" cy=\"48\" r=\"4\"><\/circle>\r\n              <circle cx=\"42\" cy=\"48\" r=\"4\"><\/circle>\r\n              <path d=\"M20 29H44\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"clinic-access__text\">\r\n            <p class=\"clinic-access__label\">\u99d0\u8eca\u5834<\/p>\r\n\r\n            <p class=\"clinic-access__value\">\r\n              \u8fd1\u96a3\u306e\u30d1\u30fc\u30ad\u30f3\u30b0\u3092\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u55b6\u696d\u6642\u9593\uff0bGoogle\u30de\u30c3\u30d7 -->\r\n        <div class=\"clinic-access__item clinic-access__item--map\">\r\n\r\n          <div class=\"clinic-access__icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <circle cx=\"32\" cy=\"32\" r=\"21\"><\/circle>\r\n              <path d=\"M32 19V33L41 39\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"clinic-access__text\">\r\n            <p class=\"clinic-access__label\">\u55b6\u696d\u6642\u9593<\/p>\r\n\r\n            <p class=\"clinic-access__value\">\r\n              9:00\u301c20:00\uff08\u6700\u7d42\u53d7\u4ed819:00\uff09<br>\r\n              \u5b9a\u4f11\u65e5\uff1a\u4e0d\u5b9a\u4f11\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"clinic-access__map\">\r\n            <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3245.662837464632!2d139.71145477505092!3d35.56202827262606!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x601861386a7e13ad%3A0xc7cdbb0f10a5a217!2z44Gv44KK44GN44KF44GG44K144Ot44OzZmxhcmU!5e0!3m2!1sja!2sjp!4v1784337632163!5m2!1sja!2sjp\" loading=\"lazy\" allowfullscreen=\"\" referrerpolicy=\"strict-origin-when-cross-origin\" title=\"\u306f\u308a\u304d\u3085\u3046\u30b5\u30ed\u30f3flare\u306eGoogle\u30de\u30c3\u30d7\">\r\n            <\/iframe>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- GoogleMap\u30dc\u30bf\u30f3 -->\r\n        <a href=\"https:\/\/maps.app.goo.gl\/XdzEoT7oEV5gCyXJ9\" class=\"clinic-access__button\" target=\"_blank\" rel=\"noopener\">\r\n          <span>GoogleMap\u3092\u898b\u308b<\/span>\r\n          <span class=\"clinic-access__arrow\">\u2192<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- \u53f3\u5074\uff1a\u5916\u89b3\u5199\u771f -->\r\n      <div class=\"clinic-access__photo access-fade\">\r\n        <img decoding=\"async\" src=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/S__30531589.jpg\" alt=\"\u937c\u7078\u9662\u306e\u5916\u89b3\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const accessTargets =\r\n    document.querySelectorAll(\".clinic-access .access-fade\");\r\n\r\n  if (!accessTargets.length) return;\r\n\r\n  const accessObserver = new IntersectionObserver(\r\n    function (entries, observer) {\r\n      entries.forEach(function (entry) {\r\n        if (!entry.isIntersecting) return;\r\n\r\n        entry.target.classList.add(\"is-visible\");\r\n        observer.unobserve(entry.target);\r\n      });\r\n    },\r\n    {\r\n      threshold: 0.15,\r\n      rootMargin: \"0px 0px -40px 0px\"\r\n    }\r\n  );\r\n\r\n  accessTargets.forEach(function (target) {\r\n    accessObserver.observe(target);\r\n  });\r\n});\r\n<\/script>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hkm-emi.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkm-emi.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkm-emi.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkm-emi.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/hkm-emi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":1,"href":"https:\/\/hkm-emi.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/hkm-emi.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/hkm-emi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}