{"id":10,"date":"2026-04-13T13:59:24","date_gmt":"2026-04-13T04:59:24","guid":{"rendered":"https:\/\/www2.hyogo-c.ed.jp\/weblog2\/harima-sn\/?page_id=10"},"modified":"2026-07-08T09:12:28","modified_gmt":"2026-07-08T00:12:28","slug":"access","status":"publish","type":"page","link":"https:\/\/www2.hyogo-c.ed.jp\/weblog2\/harima-sn\/access\/","title":{"rendered":"ACCESS"},"content":{"rendered":"\n<h4 class=\"wp-block-heading has-white-color has-text-color has-background has-link-color wp-elements-3994d6eb431775d87536fd8cdbbf770d\" style=\"background-color:#5c8da8\">\u5b66\u6821\u6240\u5728\u5730<\/h4>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n\n\n\n<style>\n.ac-wrap { font-family: sans-serif; }\n\n.simple-map-container {\n  position: relative; \/* \u30ab\u30fc\u30c9\u3092\u4e0a\u306b\u91cd\u306d\u308b\u57fa\u6e96\u306b\u3059\u308b\u305f\u3081\u8ffd\u52a0 *\/\n  width: 100%;\n  height: 400px;\n  border-radius: 12px; \n  overflow: hidden;    \n  box-shadow: 0 0 0 3px #5c8da8; \n  -webkit-transform: translateZ(0);\n  transform: translateZ(0);\n  margin-bottom: 1.5rem;\n}\n\n\n.simple-map-container iframe {\n  display: block;      \n  width: 100%;\n  height: 100%;        \n  border: none;        \n}\n\n\n.ac-map-card {\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  background: rgba(255, 255, 255, 0.97);\n  border: 1px solid #c5d8e8;\n  border-radius: 12px;\n  padding: 16px 20px;\n  width: 360px; \n  box-shadow: 0 2px 12px rgba(0,0,0,0.15);\n  z-index: 10;\n  box-sizing: border-box;\n}\n\n.ac-map-card-title {\n  font-size: 14px;\n  font-weight: 700;\n  color: #1e3a5f;\n  margin: 0 0 10px;\n  line-height: 1.4;\n}\n.ac-map-card-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  margin-bottom: 8px;\n  font-size: 12px;\n  color: #555;\n  line-height: 1.5;\n}\n.ac-map-card-row span.icon {\n  color: #5c8da8;\n  font-size: 15px;\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n.ac-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 10px;\n  padding: 7px 14px;\n  background: #5c8da8;\n  color: #fff;\n  border-radius: 8px;\n  font-size: 12px;\n  text-decoration: none;\n  cursor: pointer;\n  border: none;\n}\n.ac-btn:hover {\n  background: #3a6f8f;\n}\n\n\n.ac-section-title {\n  font-size: 15px;\n  font-weight: 700;\n  color: #1e3a5f;\n  margin: 0 0 1rem;\n  padding-bottom: 8px;\n  border-bottom: 1px solid #c5d8e8;\n}\n.ac-tabs {\n  display: flex;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n  flex-wrap: wrap;\n}\n.ac-tab {\n  padding: 7px 16px;\n  border-radius: 8px;\n  font-size: 13px;\n  cursor: pointer;\n  border: 1px solid #c5d8e8;\n  background: #fff;\n  color: #555;\n  transition: all 0.2s;\n}\n.ac-tab.active {\n  background: #5c8da8;\n  color: #fff;\n  border-color: #5c8da8;\n}\n.ac-content { display: none; }\n.ac-content.active { display: block; }\n.ac-timeline {\n  position: relative;\n  padding-left: 32px;\n}\n.ac-timeline::before {\n  content: \"\";\n  position: absolute;\n  left: 11px;\n  top: 8px;\n  bottom: 8px;\n  width: 1px;\n  background: #c5d8e8;\n}\n.ac-step {\n  position: relative;\n  margin-bottom: 20px;\n  opacity: 0;\n  transform: translateY(10px);\n  animation: stepIn 0.4s ease forwards;\n}\n.ac-step:nth-child(1) { animation-delay: 0.1s; }\n.ac-step:nth-child(2) { animation-delay: 0.25s; }\n.ac-step:nth-child(3) { animation-delay: 0.4s; }\n.ac-step:nth-child(4) { animation-delay: 0.55s; }\n.ac-dot {\n  position: absolute;\n  left: -27px;\n  top: 3px;\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: #5c8da8;\n  border: 2px solid #fff;\n  box-shadow: 0 0 0 1px #5c8da8;\n}\n.ac-dot.goal {\n  background: #1e3a5f;\n  box-shadow: 0 0 0 1px #1e3a5f;\n}\n.ac-step-title {\n  font-size: 13px;\n  font-weight: 700;\n  color: #1e3a5f;\n  margin: 0 0 2px;\n}\n.ac-step-desc {\n  font-size: 12px;\n  color: #555;\n  margin: 0;\n  line-height: 1.5;\n}\n.ac-step-badge {\n  display: inline-block;\n  font-size: 11px;\n  padding: 2px 8px;\n  border-radius: 20px;\n  background: #e8f0f5;\n  color: #5c8da8;\n  margin-top: 4px;\n  font-weight: 700;\n}\n@keyframes stepIn {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\n@media (max-width: 600px) {\n\n  .simple-map-container {\n    height: auto; \n    box-shadow: none;\n    border-radius: 0;\n    overflow: visible;\n  }\n\n  .simple-map-container iframe {\n    height: 300px;\n    border-radius: 12px;\n    box-shadow: 0 0 0 3px #5c8da8;\n  }\n\n  .ac-map-card {\n    position: static;\n    width: 100%;\n    max-width: 100%;\n    margin-top: 12px;\n    border-radius: 12px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n  }\n}\n<\/style>\n\n<div class=\"ac-wrap\">\n  <div class=\"simple-map-container\">\n    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3273.550364325194!2d134.5115088770961!3d34.867523674241276!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f80!3m3!1m2!1s0x3554fc898e5cb2fd%3A0xb1fd77bcf05ee0d2!2z5YW15bqr55yM56uL5pKt56Oo54m55Yil5pSv5o-05a2m5qCh!5e0!3m2!1sja!2sjp!4v1777852303597!5m2!1sja!2sjp \u3067\u3059\u3002\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n    \n    <div class=\"ac-map-card\" id=\"ac-map-card\">\n      <p class=\"ac-map-card-title\">\u5175\u5eab\u770c\u7acb\u64ad\u78e8\u7279\u5225\u652f\u63f4\u5b66\u6821<\/p>\n      <div class=\"ac-map-card-row\">\n        \ud83d\udccd <span class=\"icon\"> <\/span>\n        <span>\u3012679-4002<br>\u5175\u5eab\u770c\u305f\u3064\u306e\u5e02\u63d6\u897f\u753a\u4e2d\u57a3\u5185\u4e59135\u756a\u57301<\/span>\n      <\/div>\n      <div class=\"ac-map-card-row\">\n        \ud83d\udcde <span class=\"icon\"> <\/span>\n        <span>TEL:0791-66-0091<br>FAX:0791-66-0092<\/span>\n      <\/div>\n      <div class=\"ac-map-card-row\">\n        \ud83d\udd50 <span class=\"icon\"> <\/span>\n        <span>\u5e73\u65e5 8:30\uff5e17:00<\/span>\n      <\/div>\n      <a class=\"ac-btn\" href=\"https:\/\/www.google.com\/maps?q=\u5175\u5eab\u770c\u305f\u3064\u306e\u5e02\u63d6\u897f\u753a\u4e2d\u57a3\u5185\u4e59135\u756a\u57301\" target=\"_blank\" rel=\"noopener\">\ud83d\uddfa Google \u30de\u30c3\u30d7\u3067\u958b\u304f<\/a>\n    <\/div>\n  <\/div>\n  \n  <p class=\"ac-section-title\">\u30a2\u30af\u30bb\u30b9\u65b9\u6cd5<\/p>\n  <div class=\"ac-tabs\">\n    <div class=\"ac-tab active\" onclick=\"acSwitchTab('train', this)\">\ud83d\ude83 \u96fb\u8eca<\/div>\n    <div class=\"ac-tab\" onclick=\"acSwitchTab('car', this)\">\ud83d\ude97 \u8eca<\/div>\n  <\/div>\n  \n  <div id=\"tab-train\" class=\"ac-content active\">\n    <div class=\"ac-timeline\">\n      <div class=\"ac-step\">\n        <div class=\"ac-dot\"><\/div>\n        <p class=\"ac-step-title\">JR\u5c71\u967d\u672c\u7dda \u7adc\u91ce\u99c5 \u307e\u305f\u306f JR\u59eb\u65b0\u7dda \u672c\u7adc\u91ce\u99c5<\/p>\n        <p class=\"ac-step-desc\">\u3044\u305a\u308c\u306e\u99c5\u304b\u3089\u3082\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059<\/p>\n      <\/div>\n      <div class=\"ac-step\">\n        <div class=\"ac-dot\"><\/div>\n        <p class=\"ac-step-title\">\u30bf\u30af\u30b7\u30fc\u3092\u3054\u5229\u7528\u304f\u3060\u3055\u3044<\/p>\n        <p class=\"ac-step-desc\">\u99c5\u524d\u306e\u30bf\u30af\u30b7\u30fc\u4e57\u308a\u5834\u3088\u308a\u3054\u4e57\u8eca\u304f\u3060\u3055\u3044<\/p>\n        <span class=\"ac-step-badge\">\u7d0415\u5206<\/span>\n      <\/div>\n      <div class=\"ac-step\">\n        <div class=\"ac-dot goal\"><\/div>\n        <p class=\"ac-step-title\">\u5175\u5eab\u770c\u7acb\u64ad\u78e8\u7279\u5225\u652f\u63f4\u5b66\u6821 \u5230\u7740<\/p>\n        <p class=\"ac-step-desc\">\u6b63\u9580\u3088\u308a\u304a\u5165\u308a\u304f\u3060\u3055\u3044<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <div id=\"tab-car\" class=\"ac-content\">\n    <div class=\"ac-timeline\">\n      <div class=\"ac-step\">\n        <div class=\"ac-dot\"><\/div>\n        <p class=\"ac-step-title\">\u59eb\u8def\u65b9\u9762\u304b\u3089\u304a\u8d8a\u3057\u306e\u65b9<\/p>\n        <p class=\"ac-step-desc\">\u592a\u5b50\u9f8d\u91ce\u30d0\u30a4\u30d1\u30b9\u30fb\u798f\u7530\u30e9\u30f3\u30d7\u3088\u308a\u5317\u4e0a\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n      <\/div>\n      <div class=\"ac-step\">\n        <div class=\"ac-dot\"><\/div>\n        <p class=\"ac-step-title\">\u5c71\u967d\u81ea\u52d5\u8eca\u9053\u3092\u3054\u5229\u7528\u306e\u65b9<\/p>\n        <p class=\"ac-step-desc\">\u9f8d\u91ceI.C\u3088\u308a\u5317\u4e0a\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n      <\/div>\n      <div class=\"ac-step\">\n        <div class=\"ac-dot goal\"><\/div>\n        <p class=\"ac-step-title\">\u5175\u5eab\u770c\u7acb\u64ad\u78e8\u7279\u5225\u652f\u63f4\u5b66\u6821 \u5230\u7740<\/p>\n        <p class=\"ac-step-desc\">\u99d0\u8eca\u5834\u306f\u6b63\u9580\u3092\u5165\u3063\u3066\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nfunction acSwitchTab(id, el) {\n  document.querySelectorAll('.ac-content').forEach(function(c) { c.classList.remove('active'); });\n  document.querySelectorAll('.ac-tab').forEach(function(t) { t.classList.remove('active'); });\n  document.getElementById('tab-' + id).classList.add('active');\n  el.classList.add('active');\n}\n<\/script>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading text-one-line-shrink\">\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5165\u5b66\u30fb\u898b\u5b66\u3001\u305d\u306e\u4ed6\u6c17\u306b\u306a\u308b\u4e8b\u306f\u4f55\u3067\u3082\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\u5f8c\u65e5\u3001\u62c5\u5f53\u90e8\u7f72\u3088\u308a\u3001\u3054\u56de\u7b54\u30fb\u3054\u8fd4\u4fe1\u3055\u305b\u3066\u9802\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"access-accordion\">\n  <div class=\"accordion-title\">\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u3092\u958b\u304f<\/div>\n  <div class=\"accordion-content\">\n    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f883-o1\" lang=\"ja\" dir=\"ltr\" data-wpcf7-id=\"883\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/weblog2\/harima-sn\/wp-json\/wp\/v2\/pages\/10#wpcf7-f883-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"\u30b3\u30f3\u30bf\u30af\u30c8\u30d5\u30a9\u30fc\u30e0\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"883\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"ja\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f883-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<p><label> \u304a\u540d\u524d<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> \u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> \u304a\u554f\u3044\u5408\u308f\u305b\u30bf\u30a4\u30c8\u30eb<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> \u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9\u672c\u6587<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"\u9001\u4fe1\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n.access-accordion .accordion-title {\n  cursor: pointer;\n  padding: 0.9em 2.5em 0.9em 1.2em;\n  background-color: #5c8da8;\n  color: #fff;\n  border-radius: 6px;\n  position: relative;\n  font-weight: bold;\n  transition: background-color 0.2s;\n}\n.access-accordion .accordion-title:hover {\n  background-color: #4d7a92;\n}\n.access-accordion .accordion-title:after {\n  content: \"\u25bc\";\n  position: absolute;\n  right: 1.2em;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: transform 0.2s;\n  font-size: 0.8em;\n}\n.access-accordion .accordion-title.open:after {\n  transform: translateY(-50%) rotate(180deg);\n}\n.access-accordion .accordion-content {\n  display: none;\n  padding: 1.5em 1.2em;\n  border: 1px solid #5c8da8;\n  border-top: none;\n  border-radius: 0 0 6px 6px;\n}\n.access-accordion .accordion-content.open {\n  display: block;\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.access-accordion .accordion-title').forEach(function (title) {\n    title.addEventListener('click', function () {\n      title.classList.toggle('open');\n      title.nextElementSibling.classList.toggle('open');\n    });\n  });\n});\n<\/script>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><span data-fontsize=\"12px\" style=\"font-size: 12px;\" class=\"vk_inline-font-size\">\u203b\u3053\u306e\u30b5\u30a4\u30c8\u306f reCAPTCHA \u3068 Google \u306b\u3088\u3063\u3066\u4fdd\u8b77\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc\u3068\u5229\u7528\u898f\u7d04\u304c\u9069\u7528\u3055\u308c\u307e\u3059\u3002<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5b66\u6821\u6240\u5728\u5730 \u5175\u5eab\u770c\u7acb\u64ad\u78e8\u7279\u5225\u652f\u63f4\u5b66\u6821 \ud83d\udccd \u3012679-4002\u5175\u5eab\u770c\u305f\u3064\u306e\u5e02\u63d6\u897f\u753a\u4e2d\u57a3\u5185\u4e59135\u756a\u57301 \ud83d\udcde TEL:0791-66-0091FAX:0791-66-0092 \ud83d\udd50 \u5e73\u65e5 8:30\uff5e17:0&#8230;<\/p>\n","protected":false},"author":1,"featured_media":384,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"sitemap_hide":"","vkExUnit_sitemap":"","_veu_custom_css":"","_exclude_from_list_pages":"","vkexunit_cta_each_option":"","vkExUnit_childPageIndex":"","_lightning_design_setting":{"layout":"default"},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","has-post-thumbnail","hentry"],"featured_image_src":"https:\/\/www2.hyogo-c.ed.jp\/weblog2\/harima-sn\/wp-content\/uploads\/2026\/04\/IMG_2420-scaled.jpg","veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/www2.hyogo-c.ed.jp\/weblog2\/harima-sn\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www2.hyogo-c.ed.jp\/weblog2\/harima-sn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www2.hyogo-c.ed.jp\/weblog2\/harima-sn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www2.hyogo-c.ed.jp\/weblog2\/harima-sn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www2.hyogo-c.ed.jp\/weblog2\/harima-sn\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":65,"href":"https:\/\/www2.hyogo-c.ed.jp\/weblog2\/harima-sn\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":4969,"href":"https:\/\/www2.hyogo-c.ed.jp\/weblog2\/harima-sn\/wp-json\/wp\/v2\/pages\/10\/revisions\/4969"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www2.hyogo-c.ed.jp\/weblog2\/harima-sn\/wp-json\/wp\/v2\/media\/384"}],"wp:attachment":[{"href":"https:\/\/www2.hyogo-c.ed.jp\/weblog2\/harima-sn\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}