{"id":15,"date":"2026-07-28T12:38:01","date_gmt":"2026-07-28T03:38:01","guid":{"rendered":"http:\/\/hkm-emi.com\/?page_id=15"},"modified":"2026-07-28T12:38:01","modified_gmt":"2026-07-28T03:38:01","slug":"%e3%83%96%e3%83%ad%e3%82%b0","status":"publish","type":"page","link":"https:\/\/hkm-emi.com\/?page_id=15","title":{"rendered":"\u30d6\u30ed\u30b0"},"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(255, 255, 255, 0.25)\" data-bg=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/S__30474258.jpg\"><div class=\"swell-block-fullWide__inner l-container\">\n<style data-wp-block-html=\"css\">\r\n\/* =================================\r\n   \u65bd\u8853\u5185\u5bb9 \u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\r\n================================= *\/\r\n\r\n.treatment-hero {\r\n  --hero-gold: #b79258;\r\n  --hero-text: #2d2925;\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  min-height: 520px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n.treatment-hero,\r\n.treatment-hero *,\r\n.treatment-hero *::before,\r\n.treatment-hero *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* \u5185\u5074 *\/\r\n\r\n.treatment-hero__inner {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: min(1180px, calc(100% - 80px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* \u30c6\u30ad\u30b9\u30c8 *\/\r\n\r\n.treatment-hero__content {\r\n  width: min(430px, 46%);\r\n}\r\n\r\n\r\n\/* \u82f1\u5b57 *\/\r\n\r\n.treatment-hero__en {\r\n  margin: 0 0 8px;\r\n\r\n  color: var(--hero-gold);\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 27px;\r\n  font-style: italic;\r\n  line-height: 1.3;\r\n  letter-spacing: 0.08em;\r\n}\r\n\r\n\r\n\/* \u30bf\u30a4\u30c8\u30eb *\/\r\n\r\n.treatment-hero__title {\r\n  margin: 0;\r\n\r\n  color: var(--hero-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(42px, 4vw, 62px);\r\n  font-weight: 500;\r\n  line-height: 1.45;\r\n  letter-spacing: 0.14em;\r\n}\r\n\r\n\r\n\/* \u30b4\u30fc\u30eb\u30c9\u30e9\u30a4\u30f3 *\/\r\n\r\n.treatment-hero__line {\r\n  display: block;\r\n\r\n  width: 46px;\r\n  height: 1px;\r\n\r\n  margin: 25px 0 26px;\r\n\r\n  background: var(--hero-gold);\r\n}\r\n\r\n\r\n\/* \u8aac\u660e\u6587 *\/\r\n\r\n.treatment-hero__lead {\r\n  margin: 0;\r\n\r\n  color: #514b45;\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.15;\r\n  letter-spacing: 0.055em;\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u521d\u671f\u8868\u793a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\r\n================================= *\/\r\n\r\n.treatment-hero__en,\r\n.treatment-hero__title,\r\n.treatment-hero__line,\r\n.treatment-hero__lead {\r\n  opacity: 0;\r\n  transform: translateY(24px);\r\n\r\n  animation:\r\n    treatmentHeroFade 0.9s\r\n    cubic-bezier(0.22, 1, 0.36, 1)\r\n    forwards;\r\n}\r\n\r\n.treatment-hero__en {\r\n  animation-delay: 0.15s;\r\n}\r\n\r\n.treatment-hero__title {\r\n  animation-delay: 0.3s;\r\n}\r\n\r\n.treatment-hero__line {\r\n  animation-delay: 0.45s;\r\n}\r\n\r\n.treatment-hero__lead {\r\n  animation-delay: 0.58s;\r\n}\r\n\r\n\r\n\/* \u80cc\u666f\u753b\u50cf\u3082\u3086\u3063\u304f\u308a\u8868\u793a *\/\r\n\r\n.treatment-hero::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n\r\n  background:\r\n    inherit;\r\n\r\n  background-repeat: no-repeat;\r\n  background-size: cover;\r\n  background-position: center center;\r\n\r\n  opacity: 0;\r\n  transform: scale(1.04);\r\n\r\n  animation:\r\n    treatmentHeroImage 1.5s\r\n    cubic-bezier(0.22, 1, 0.36, 1)\r\n    forwards;\r\n}\r\n\r\n\r\n\/* \u5143\u306e\u80cc\u666f\u3092\u975e\u8868\u793a\u306b\u3057\u3066\u7591\u4f3c\u8981\u7d20\u3092\u4f7f\u7528 *\/\r\n\r\n.treatment-hero {\r\n  background-image: none;\r\n}\r\n\r\n.treatment-hero::after {\r\n  background-image:\r\n    url(\"\u80cc\u666f\u753b\u50cf\u306eURL\");\r\n}\r\n\r\n\r\n@keyframes treatmentHeroFade {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes treatmentHeroImage {\r\n  from {\r\n    opacity: 0;\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\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  .treatment-hero {\r\n    min-height: 470px;\r\n  }\r\n\r\n  .treatment-hero__inner {\r\n    width: calc(100% - 48px);\r\n  }\r\n\r\n  .treatment-hero__content {\r\n    width: 48%;\r\n  }\r\n\r\n  .treatment-hero::after {\r\n    background-position: 58% center;\r\n  }\r\n}\r\n\r\n\/* =================================\r\n   \u30b9\u30de\u30db\uff1a\u6587\u5b57\u3092\u753b\u50cf\u306e\u4e0a\u306b\u91cd\u306d\u308b\r\n================================= *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  .treatment-hero {\r\n    position: relative;\r\n    min-height: 620px;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n\r\n    overflow: hidden;\r\n  }\r\n\r\n  .treatment-hero__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 58px 24px 0;\r\n  }\r\n\r\n  .treatment-hero__content {\r\n    width: 100%;\r\n    max-width: 330px;\r\n    text-align: left;\r\n  }\r\n\r\n  .treatment-hero__en {\r\n    margin: 0 0 5px;\r\n\r\n    font-size: 20px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .treatment-hero__title {\r\n    font-size: 36px;\r\n    line-height: 1.45;\r\n    letter-spacing: 0.12em;\r\n  }\r\n\r\n  .treatment-hero__line {\r\n    width: 38px;\r\n    margin: 17px 0 18px;\r\n  }\r\n\r\n  .treatment-hero__lead {\r\n    font-size: 12px;\r\n    line-height: 2;\r\n    letter-spacing: 0.04em;\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\r\n  .treatment-hero {\r\n    min-height: 570px;\r\n  }\r\n\r\n  .treatment-hero::after {\r\n    background-position: 70% center;\r\n  }\r\n\r\n  .treatment-hero__inner {\r\n    padding: 46px 20px 0;\r\n  }\r\n\r\n  .treatment-hero__content {\r\n    max-width: 295px;\r\n  }\r\n\r\n  .treatment-hero__title {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .treatment-hero__lead {\r\n    font-size: 11px;\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  .treatment-hero::after,\r\n  .treatment-hero__en,\r\n  .treatment-hero__title,\r\n  .treatment-hero__line,\r\n  .treatment-hero__lead {\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=\"treatment-hero\">\r\n\r\n  <div class=\"treatment-hero__overlay\"><\/div>\r\n\r\n  <div class=\"treatment-hero__inner\">\r\n\r\n    <div class=\"treatment-hero__content\">\r\n\r\n      <p class=\"treatment-hero__en\">\r\n        BLOG\r\n      <\/p>\r\n\r\n      <h1 class=\"treatment-hero__title\">\r\n        \u30d6\u30ed\u30b0\r\n      <\/h1>\r\n\r\n      <span class=\"treatment-hero__line\"><\/span>\r\n\r\n      <p class=\"treatment-hero__lead\">\r\n        \u4f53\u306e\u3053\u3068\u3001\u5b63\u7bc0\u306e\u3053\u3068\u3001<br>\r\n        \u65e5\u3005\u306e\u6c17\u3065\u304d\u3084\u5065\u5eb7\u306b\u5f79\u7acb\u3064\u60c5\u5831\u3092<br>\r\n        \u304a\u5c4a\u3051\u3057\u307e\u3059\u3002\r\n      <\/p>\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-20 sp-py-20 has-bg-img alignfull lazyload sp_only\" style=\"background-color:rgba(255, 255, 255, 0.25)\" data-bg=\"https:\/\/hanada-mitsuyoshi.com\/wp-content\/uploads\/2026\/07\/S__30474259.jpg\"><div class=\"swell-block-fullWide__inner l-container\">\n<style data-wp-block-html=\"css\">\r\n\/* =================================\r\n   \u65bd\u8853\u5185\u5bb9 \u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\r\n================================= *\/\r\n\r\n.treatment-hero {\r\n  --hero-gold: #b79258;\r\n  --hero-text: #2d2925;\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  min-height: 520px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n.treatment-hero,\r\n.treatment-hero *,\r\n.treatment-hero *::before,\r\n.treatment-hero *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* \u5185\u5074 *\/\r\n\r\n.treatment-hero__inner {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: min(1180px, calc(100% - 80px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* \u30c6\u30ad\u30b9\u30c8 *\/\r\n\r\n.treatment-hero__content {\r\n  width: min(430px, 46%);\r\n}\r\n\r\n\r\n\/* \u82f1\u5b57 *\/\r\n\r\n.treatment-hero__en {\r\n  margin: 0 0 8px;\r\n\r\n  color: var(--hero-gold);\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 27px;\r\n  font-style: italic;\r\n  line-height: 1.3;\r\n  letter-spacing: 0.08em;\r\n}\r\n\r\n\r\n\/* \u30bf\u30a4\u30c8\u30eb *\/\r\n\r\n.treatment-hero__title {\r\n  margin: 0;\r\n\r\n  color: var(--hero-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(42px, 4vw, 62px);\r\n  font-weight: 500;\r\n  line-height: 1.45;\r\n  letter-spacing: 0.14em;\r\n}\r\n\r\n\r\n\/* \u30b4\u30fc\u30eb\u30c9\u30e9\u30a4\u30f3 *\/\r\n\r\n.treatment-hero__line {\r\n  display: block;\r\n\r\n  width: 46px;\r\n  height: 1px;\r\n\r\n  margin: 25px 0 26px;\r\n\r\n  background: var(--hero-gold);\r\n}\r\n\r\n\r\n\/* \u8aac\u660e\u6587 *\/\r\n\r\n.treatment-hero__lead {\r\n  margin: 0;\r\n\r\n  color: #514b45;\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.15;\r\n  letter-spacing: 0.055em;\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u521d\u671f\u8868\u793a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\r\n================================= *\/\r\n\r\n.treatment-hero__en,\r\n.treatment-hero__title,\r\n.treatment-hero__line,\r\n.treatment-hero__lead {\r\n  opacity: 0;\r\n  transform: translateY(24px);\r\n\r\n  animation:\r\n    treatmentHeroFade 0.9s\r\n    cubic-bezier(0.22, 1, 0.36, 1)\r\n    forwards;\r\n}\r\n\r\n.treatment-hero__en {\r\n  animation-delay: 0.15s;\r\n}\r\n\r\n.treatment-hero__title {\r\n  animation-delay: 0.3s;\r\n}\r\n\r\n.treatment-hero__line {\r\n  animation-delay: 0.45s;\r\n}\r\n\r\n.treatment-hero__lead {\r\n  animation-delay: 0.58s;\r\n}\r\n\r\n\r\n\/* \u80cc\u666f\u753b\u50cf\u3082\u3086\u3063\u304f\u308a\u8868\u793a *\/\r\n\r\n.treatment-hero::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n\r\n  background:\r\n    inherit;\r\n\r\n  background-repeat: no-repeat;\r\n  background-size: cover;\r\n  background-position: center center;\r\n\r\n  opacity: 0;\r\n  transform: scale(1.04);\r\n\r\n  animation:\r\n    treatmentHeroImage 1.5s\r\n    cubic-bezier(0.22, 1, 0.36, 1)\r\n    forwards;\r\n}\r\n\r\n\r\n\/* \u5143\u306e\u80cc\u666f\u3092\u975e\u8868\u793a\u306b\u3057\u3066\u7591\u4f3c\u8981\u7d20\u3092\u4f7f\u7528 *\/\r\n\r\n.treatment-hero {\r\n  background-image: none;\r\n}\r\n\r\n.treatment-hero::after {\r\n  background-image:\r\n    url(\"\u80cc\u666f\u753b\u50cf\u306eURL\");\r\n}\r\n\r\n\r\n@keyframes treatmentHeroFade {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes treatmentHeroImage {\r\n  from {\r\n    opacity: 0;\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\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  .treatment-hero {\r\n    min-height: 470px;\r\n  }\r\n\r\n  .treatment-hero__inner {\r\n    width: calc(100% - 48px);\r\n  }\r\n\r\n  .treatment-hero__content {\r\n    width: 48%;\r\n  }\r\n\r\n  .treatment-hero::after {\r\n    background-position: 58% center;\r\n  }\r\n}\r\n\r\n\/* =================================\r\n   \u30b9\u30de\u30db\uff1a\u6587\u5b57\u3092\u753b\u50cf\u306e\u4e0a\u306b\u91cd\u306d\u308b\r\n================================= *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  .treatment-hero {\r\n    position: relative;\r\n    min-height: 620px;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n\r\n    overflow: hidden;\r\n  }\r\n\r\n  .treatment-hero__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 58px 24px 0;\r\n  }\r\n\r\n  .treatment-hero__content {\r\n    width: 100%;\r\n    max-width: 330px;\r\n    text-align: left;\r\n  }\r\n\r\n  .treatment-hero__en {\r\n    margin: 0 0 5px;\r\n\r\n    font-size: 20px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .treatment-hero__title {\r\n    font-size: 36px;\r\n    line-height: 1.45;\r\n    letter-spacing: 0.12em;\r\n  }\r\n\r\n  .treatment-hero__line {\r\n    width: 38px;\r\n    margin: 17px 0 18px;\r\n  }\r\n\r\n  .treatment-hero__lead {\r\n    font-size: 12px;\r\n    line-height: 2;\r\n    letter-spacing: 0.04em;\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\r\n  .treatment-hero {\r\n    min-height: 570px;\r\n  }\r\n\r\n  .treatment-hero::after {\r\n    background-position: 70% center;\r\n  }\r\n\r\n  .treatment-hero__inner {\r\n    padding: 46px 20px 0;\r\n  }\r\n\r\n  .treatment-hero__content {\r\n    max-width: 295px;\r\n  }\r\n\r\n  .treatment-hero__title {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .treatment-hero__lead {\r\n    font-size: 11px;\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  .treatment-hero::after,\r\n  .treatment-hero__en,\r\n  .treatment-hero__title,\r\n  .treatment-hero__line,\r\n  .treatment-hero__lead {\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=\"treatment-hero\">\r\n\r\n  <div class=\"treatment-hero__overlay\"><\/div>\r\n\r\n  <div class=\"treatment-hero__inner\">\r\n\r\n    <div class=\"treatment-hero__content\">\r\n\r\n      <p class=\"treatment-hero__en\">\r\n        BLOG\r\n      <\/p>\r\n\r\n      <h1 class=\"treatment-hero__title\">\r\n        \u30d6\u30ed\u30b0\r\n      <\/h1>\r\n\r\n      <span class=\"treatment-hero__line\"><\/span>\r\n\r\n      <p class=\"treatment-hero__lead\">\r\n        \u4f53\u306e\u3053\u3068\u3001\u5b63\u7bc0\u306e\u3053\u3068\u3001<br>\r\n        \u65e5\u3005\u306e\u6c17\u3065\u304d\u3084\u5065\u5eb7\u306b\u5f79\u7acb\u3064\u60c5\u5831\u3092<br>\r\n        \u304a\u5c4a\u3051\u3057\u307e\u3059\u3002\r\n      <\/p>\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-20 sp-py-20 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\u4e00\u89a7 \u898b\u51fa\u3057\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(1180px, calc(100% - 48px));\r\n  margin: 0 auto 58px;\r\n  text-align: center;\r\n}\r\n\r\n.clinic-blog-heading,\r\n.clinic-blog-heading *,\r\n.clinic-blog-heading *::before,\r\n.clinic-blog-heading *::after {\r\n  box-sizing: border-box;\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\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 16px;\r\n  font-style: italic;\r\n  font-weight: 400;\r\n  line-height: 1.4;\r\n  letter-spacing: 0.2em;\r\n}\r\n\r\n\r\n\/* \u65e5\u672c\u8a9e\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\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) !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\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\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: 14px;\r\n  line-height: 2;\r\n  letter-spacing: 0.05em;\r\n}\r\n\r\n.sp-only {\r\n  display: none;\r\n}\r\n\r\n\r\n\/* =================================\r\n   \u9806\u756a\u306b\u8868\u793a\u3059\u308b\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\/* \u5404\u8981\u7d20 *\/\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\r\n\/* Blog *\/\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\r\n\/* \u30d6\u30ed\u30b0\u4e00\u89a7 *\/\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\r\n\/* \u30e9\u30a4\u30f3 *\/\r\n\r\n.blog-heading-fade .clinic-blog-heading__line {\r\n  width: 0;\r\n}\r\n\r\n.blog-heading-fade.is-visible .clinic-blog-heading__line {\r\n  width: 42px;\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n\r\n  transition:\r\n    width 0.65s cubic-bezier(0.22, 1, 0.36, 1),\r\n    opacity 0.7s ease,\r\n    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\r\n\r\n  transition-delay: 0.32s;\r\n}\r\n\r\n\r\n\/* \u8aac\u660e\u6587 *\/\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\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-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.18em;\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    margin-top: 14px;\r\n  }\r\n\r\n  .blog-heading-fade.is-visible .clinic-blog-heading__line {\r\n    width: 34px;\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  .sp-only {\r\n    display: block;\r\n  }\r\n\r\n  .blog-heading-fade {\r\n    transform: translateY(22px);\r\n    transition-duration: 0.7s;\r\n  }\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    transform: translateY(12px);\r\n    transition-duration: 0.6s;\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  .blog-heading-fade,\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: 1;\r\n    transform: none;\r\n    transition: none;\r\n  }\r\n\r\n  .blog-heading-fade .clinic-blog-heading__line {\r\n    width: 42px;\r\n  }\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    \u30d6\u30ed\u30b0\u4e00\u89a7\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    \u937c\u7078\u306e\u3053\u3068\u3001\u30bb\u30eb\u30d5\u30b1\u30a2\u3001\u5b63\u7bc0\u306e\u3053\u3068\u306a\u3069\u3001<br class=\"sp-only\">\r\n    \u65e5\u3005\u306e\u66ae\u3089\u3057\u306b\u5f79\u7acb\u3064\u60c5\u5831\u3092\u767a\u4fe1\u3057\u3066\u3044\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  if (!(\"IntersectionObserver\" in window)) {\r\n    blogHeading.classList.add(\"is-visible\");\r\n    return;\r\n  }\r\n\r\n  const observer = 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  observer.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","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-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hkm-emi.com\/index.php?rest_route=\/wp\/v2\/pages\/15","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=15"}],"version-history":[{"count":1,"href":"https:\/\/hkm-emi.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/hkm-emi.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/hkm-emi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}