{"id":6376,"date":"2026-06-17T11:58:16","date_gmt":"2026-06-17T02:58:16","guid":{"rendered":"https:\/\/www.hiro-clinic.or.jp\/dermatology\/?page_id=6376"},"modified":"2026-06-17T12:14:49","modified_gmt":"2026-06-17T03:14:49","slug":"clinic-access","status":"publish","type":"page","link":"https:\/\/www.hiro-clinic.or.jp\/dermatology\/clinic-access\/","title":{"rendered":"\u30a2\u30af\u30bb\u30b9"},"content":{"rendered":"\n<style>\n:root {\n  --site-color: #34a94f;\n  --bg-color: #e1efe1;\n  --table-th: #34a94f;\n  --font-gothic: \"Yu Gothic\", \"YuGothic\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Meiryo\", sans-serif;\n  --font-line: \"LINE Seed JP\", sans-serif;\n}\n<\/style>\n\n\n\n<div class=\"clinic-nav\">\n  <h2 class=\"clinic-nav__title\">\u30af\u30ea\u30cb\u30c3\u30af\u4e00\u89a7<\/h2>\n  <ul class=\"clinic-nav__list\">\n    <li><a href=\"#clinic1\"  class=\"clinic-nav__btn\">\u6c60\u888b\u9662<\/a><\/li>\n    <li><a href=\"#clinic2\"  class=\"clinic-nav__btn\">\u5ddd\u53e3\u9662<\/a><\/li>\n  <\/ul>\n<\/div>\n\n\n\n<style>\na[href*=\"tel:\"] {\n  color:initial;\n}\n.clinic-nav__btn a:hover {\n  text-decoration:none;\n  color:initial;\n}\n.clinic-nav {\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 40px 20px;\n}\n.clinic-nav h2{\n  border-bottom: 1px solid #333;\n  padding-bottom: .3rem;\n  margin-bottom: 1rem;\n}\n.clinic-nav__title {\n  font-size: 1.5rem;\n  margin-bottom: 20px;\n  text-align: center;\n}\n\n\/* \u30dc\u30bf\u30f3\u30dc\u30c3\u30af\u30b9\uff08\u81ea\u52d5\u3067\u6298\u308a\u8fd4\u3059\u30b0\u30ea\u30c3\u30c9\uff09 *\/\nul.clinic-nav__list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 12px;\n}\n\nul.clinic-nav__list .clinic-nav__btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px 6px;\n  background: #fff;\n  color: var(--site-color);\n  border: 2px solid var(--site-color);\n  border-radius: 6px;\n  text-decoration: none;\n  font-family:var(--font-gothic);\n  font-size: min(4vw, 16px);\n  font-weight: bold;\n  text-align: center;\n  transform:translateY(0);\n  box-shadow: initial;\n  transition: background 0.2s, color 0.2s, transform 0.3s ease, box-shadow 0.3s;\n}\n\n.clinic-nav__btn:hover {\n  background: var(--site-color);\n  color: #fff;\n  transform:translateY(-4px);\n  box-shadow: 0 4px 1px #3336;\n  transition: transform 0.3s ease,box-shadow 0.3s;\n}\n.clinic .wrapper {\n  max-width: 1000px;\n  margin: 0 auto 2rem;\n  padding: 40px 20px;\n  background-color:var(--bg-color);\n}\n\n.clinic .clinic__name {\n    font-size: 1.8rem;\n    text-align: center;\n    margin-bottom: 2rem;\n    padding-bottom: .5rem;\n    border-bottom: 1px solid #333;\n}\n\n\/* \u4e88\u7d04\u30dc\u30bf\u30f3\u3092\u6a2a\u4e26\u3073 *\/\n.clinic .clinic__buttons {\n  display: flex;\n  gap: 16px;\n  margin-bottom: 32px;\n}\n\n.clinic .btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 12px 14px;\n  border-radius: 6px;\n  text-decoration: none;\n  font-size: min(4vw, 16px);\n  font-weight: bold;\n  text-align: center;\n  width:calc(100% - 1rem);\n  transform:translateY(0);\n  box-shadow:initial;\n  transition: transform 0.3s ease , box-shadow 0.3s;\n}\n.clinic .btn:hover {\n  transform:translateY(-4px);\n  box-shadow: 0 4px 1px #3336;\n  transition: transform 0.3s ease, box-shadow 0.3s;\n}\n.clinic .btn {\n  background:var(--site-color);\n  color: #fff;\n  font-family:var(--font-gothic);\n}\n\n\/* \u60c5\u5831\u30bb\u30c3\u30c8\u3068\u5730\u56f3\u3092\u6a2a\u4e26\u3073 *\/\n.clinic .clinic__info {\n  display: flex;\n  gap: 24px;\n  align-items: stretch;\n}\n\n\/* \u5de6\u30d6\u30ed\u30c3\u30af\uff08\u4f4f\u6240\u30fb\u96fb\u8a71\u30fb\u30c6\u30fc\u30d6\u30eb\uff09 *\/\n.clinic .clinic__detail {\n  flex: 1;\n}\n\n\/* \u4f4f\u6240\u30fb\u96fb\u8a71\u756a\u53f7 *\/\n.clinic .clinic__contact {\n  margin: 0 0 16px;\n}\n\n.clinic .clinic__contact-row {\n  display: flex;\n  gap: 12px;\n  padding: 6px 0;\n}\n\n.clinic .clinic__contact dt {\n  flex-shrink: 0;\n  width: 80px;\n  font-weight: bold;\n}\n\n.clinic .clinic__contact dd {\n  margin: 0;\n}\n\n\/* \u8a3a\u7642\u6642\u9593\u30c6\u30fc\u30d6\u30eb *\/\n.clinic .clinic__hours {\n  border-collapse: collapse;\n  width: 100%;\n}\n\n.clinic .clinic__hours th,\n.clinic .clinic__hours td {\n  border: 1px solid #ddd;\n  padding: 6px;\n  text-align: center;\n  vertical-align:middle;\n}\n\n.clinic .clinic__hours th{\n  background: var(--table-th);\n  color:#fff;\n}\n\n\/* \u5730\u56f3 *\/\n.clinic .clinic__map {\n  flex: 1;\n}\n\n.clinic .clinic__map iframe {\n  width: 100%;\n  height: 100%;\n  min-height: 260px;\n  border: 0;\n  border-radius: 8px;\n}\n\n\/* \u30b9\u30de\u30db\u5bfe\u5fdc\uff1a\u6a2a\u4e26\u3073\u3092\u7e26\u4e26\u3073\u306b *\/\n@media (max-width: 768px) {\n  .clinic .clinic__info {\n    flex-direction: column;\n  }\n}\nbr.sp-only{\n  display:none;\n}\n@media screen and (max-width:430px){\n  br.sp-only{\n    display:block;\n  }\n}\n<\/style>\n\n\n\n<section class=\"clinic\" id=\"clinic1\">\n  <div class=\"wrapper\">\n    <h3 class=\"clinic__name\">\u6c60\u888b\u99c5\u524d\u9662<\/h3>\n\n    <!-- \u4e88\u7d04\u30dc\u30bf\u30f3\uff08\u6a2a\u4e26\u3073\uff09 -->\n    <div class=\"clinic__buttons\">\n      <a href=\"#\" class=\"btn btn--primary\">\u5f62\u6210\u5916\u79d1<br class=\"sp-only\">\u306f\u3053\u3061\u3089<\/a>\n      <a href=\"#\" class=\"btn btn--secondary\">\u76ae\u819a\u79d1<br class=\"sp-only\">\u306f\u3053\u3061\u3089<\/a>\n    <\/div>\n\n    <!-- \u60c5\u5831\u30bb\u30c3\u30c8\uff0b\u5730\u56f3\uff08\u6a2a\u4e26\u3073\uff09 -->\n    <div class=\"clinic__info\">\n      <!-- \u5de6\uff1a\u4f4f\u6240\u30fb\u96fb\u8a71\u30fb\u8a3a\u7642\u6642\u9593\u306e\u30bb\u30c3\u30c8 -->\n      <div class=\"clinic__detail\">\n        <dl class=\"clinic__contact\">\n          <div class=\"clinic__contact-row\">\n            <dt>\u4f4f\u6240<\/dt>\n            <dd>\u3012171-0021 \u6771\u4eac\u90fd\u8c4a\u5cf6\u533a\u897f\u6c60\u888b5\u4e01\u76ee1-3 \u30e1\u30c8\u30ed\u30b7\u30c6\u30a3\u897f\u6c60\u888b 3F<\/dd>\n          <\/div>\n          <div class=\"clinic__contact-row\">\n            <dt>\u96fb\u8a71\u756a\u53f7<\/dt>\n            <dd><a href=\"tel:0120-915-967\">0120-915-967<\/a><\/dd>\n          <\/div>\n        <\/dl>\n\n        <table class=\"clinic__hours\">\n          <thead>\n            <tr>\n              <th>\u8a3a\u7642\u6642\u9593<\/th>\n              <th>\u6708<\/th><th>\u706b<\/th><th>\u6c34<\/th><th>\u6728<\/th><th>\u91d1<\/th><th>\u571f<\/th><th>\u65e5<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <th>9:00 \u301c 13:00<\/th>\n              <td>\u25cb<\/td><td>\u25cb<\/td><td>\u25cb<\/td><td>\u25cb<\/td><td>\u25cb<\/td><td>\u25cb<\/td><td>\u00d7<\/td>\n            <\/tr>\n            <tr>\n              <th>14:30 \u301c 18:00<\/th>\n              <td>\u25cb<\/td><td>\u25cb<\/td><td>\u00d7<\/td><td>\u25cb<\/td><td>\u25cb<\/td><td>\u00d7<\/td><td>\u00d7<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n\n      <!-- \u53f3\uff1a\u5730\u56f3 -->\n      <div class=\"clinic__map\">\n        <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3238.779590373357!2d139.703989076233!3d35.73163882720264!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188dd7a44dd9b7%3A0x7c67cc0e63f7975f!2z44OS44Ot44Kv44Oq44OL44OD44KvTklQVOaxoOiii-mnheWJjemZog!5e0!3m2!1sja!2sjp!4v1749102920550!5m2!1sja!2sjp\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"clinic\" id=\"clinic2\">\n  <div class=\"wrapper\">\n    <h3 class=\"clinic__name\">\u5ddd\u53e3\u9662<\/h3>\n\n    <!-- \u4e88\u7d04\u30dc\u30bf\u30f3\uff08\u6a2a\u4e26\u3073\uff09 -->\n    <div class=\"clinic__buttons\">\n      <a href=\"#\" class=\"btn btn--primary\">\u5f62\u6210\u5916\u79d1<br class=\"sp-only\">\u306f\u3053\u3061\u3089<\/a>\n      <a href=\"#\" class=\"btn btn--secondary\">\u76ae\u819a\u79d1<br class=\"sp-only\">\u306f\u3053\u3061\u3089<\/a>\n    <\/div>\n\n    <!-- \u60c5\u5831\u30bb\u30c3\u30c8\uff0b\u5730\u56f3\uff08\u6a2a\u4e26\u3073\uff09 -->\n    <div class=\"clinic__info\">\n      <!-- \u5de6\uff1a\u4f4f\u6240\u30fb\u96fb\u8a71\u30fb\u8a3a\u7642\u6642\u9593\u306e\u30bb\u30c3\u30c8 -->\n      <div class=\"clinic__detail\">\n        <dl class=\"clinic__contact\">\n          <div class=\"clinic__contact-row\">\n            <dt>\u4f4f\u6240<\/dt>\n            <dd>\u3012332-0017 \u57fc\u7389\u770c\u5ddd\u53e3\u5e02\u6804\u753a3-11-27 Hiro Build<\/dd>\n          <\/div>\n          <div class=\"clinic__contact-row\">\n            <dt>\u96fb\u8a71\u756a\u53f7<\/dt>\n            <dd><a href=\"tel:0120-241-929\">0120-241-929<\/a><\/dd>\n          <\/div>\n        <\/dl>\n\n        <table class=\"clinic__hours\">\n          <thead>\n            <tr>\n              <th>\u8a3a\u7642\u6642\u9593<\/th>\n              <th>\u6708<\/th><th>\u706b<\/th><th>\u6c34<\/th><th>\u6728<\/th><th>\u91d1<\/th><th>\u571f<\/th><th>\u65e5<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <th>9:00 \u301c 13:00<\/th>\n              <td>\u25cb<\/td><td>\u25cb<\/td><td>\u25cb<\/td><td>\u25cb<\/td><td>\u25cb<\/td><td>\u25cb<\/td><td>\u00d7<\/td>\n            <\/tr>\n            <tr>\n              <th>14:30 \u301c 18:00<\/th>\n              <td>\u25cb<\/td><td>\u25cb<\/td><td>\u00d7<\/td><td>\u25cb<\/td><td>\u25cb<\/td><td>\u00d7<\/td><td>\u00d7<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n\n      <!-- \u53f3\uff1a\u5730\u56f3 -->\n      <div class=\"clinic__map\">\n        <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d25882.6191817824!2d139.6977978730811!3d35.81644219309117!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6018936f9d83ed05%3A0xcc633cdeb293e0e0!2z5Yy755mC5rOV5Lq656S-5Zuj56aP576O5LyaIOODkuODreOCr-ODquODi-ODg-OCrw!5e0!3m2!1sja!2sjp!4v1737590729377!5m2!1sja!2sjp\" \u3000style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n\n  const reserve1Url = 'https:\/\/mypage-online-reservation.hiro-clinic.or.jp\/register?department=dermatology';\n  const reserve2Url = 'https:\/\/mypage-online-reservation.hiro-clinic.or.jp\/register?department=plastic_surgery';\n\n  document.querySelectorAll('.btn--primary').forEach(link => {\n    link.href = reserve1Url;\n  });\n\n  document.querySelectorAll('.btn--secondary').forEach(link => {\n    link.href = reserve2Url;\n  });\n\n});\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"\u30af\u30ea\u30cb\u30c3\u30af\u4e00\u89a7 \u6c60\u888b\u9662 \u5ddd\u53e3\u9662 \u6c60\u888b\u99c5\u524d\u9662 \u5f62\u6210\u5916\u79d1\u306f\u3053\u3061\u3089 \u76ae\u819a\u79d1\u306f\u3053\u3061\u3089 \u4f4f\u6240 \u3012171-0021 \u6771\u4eac\u90fd\u8c4a\u5cf6\u533a\u897f\u6c60\u888b5\u4e01\u76ee1-3 \u30e1\u30c8\u30ed\u30b7\u30c6\u30a3\u897f\u6c60\u888b 3F \u96fb\u8a71\u756a\u53f7 0120-915-967 \u8a3a\u7642\u6642\u9593 \u6708 \u706b \u6c34  [&hellip;]","protected":false},"author":56,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6376","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hiro-clinic.or.jp\/dermatology\/wp-json\/wp\/v2\/pages\/6376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hiro-clinic.or.jp\/dermatology\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hiro-clinic.or.jp\/dermatology\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiro-clinic.or.jp\/dermatology\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiro-clinic.or.jp\/dermatology\/wp-json\/wp\/v2\/comments?post=6376"}],"version-history":[{"count":7,"href":"https:\/\/www.hiro-clinic.or.jp\/dermatology\/wp-json\/wp\/v2\/pages\/6376\/revisions"}],"predecessor-version":[{"id":6389,"href":"https:\/\/www.hiro-clinic.or.jp\/dermatology\/wp-json\/wp\/v2\/pages\/6376\/revisions\/6389"}],"wp:attachment":[{"href":"https:\/\/www.hiro-clinic.or.jp\/dermatology\/wp-json\/wp\/v2\/media?parent=6376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}