{"id":113,"date":"2025-08-23T00:31:16","date_gmt":"2025-08-22T15:31:16","guid":{"rendered":"https:\/\/www.dandox.jp\/?page_id=113"},"modified":"2025-10-24T21:04:22","modified_gmt":"2025-10-24T12:04:22","slug":"%e7%b5%8c%e5%96%b6%e7%90%86%e5%bf%b5%e3%83%bb%e7%9b%ae%e7%9a%84%e3%83%bb%e3%83%93%e3%82%b8%e3%83%a7%e3%83%b3","status":"publish","type":"page","link":"https:\/\/www.dandox.jp\/?page_id=113","title":{"rendered":"\u7d4c\u55b6\u7406\u5ff5\u30fb\u76ee\u7684\u30fb\u30d3\u30b8\u30e7\u30f3"},"content":{"rendered":"\n<!-- DANDOX\uff1a\u7406\u5ff5\u30fb\u76ee\u7684\u30fb\u30d3\u30b8\u30e7\u30f3 \u30b9\u30e9\u30a4\u30c0\u30fc -->\n<section class=\"dandox-slider\" aria-label=\"DANDOX \u7d4c\u55b6\u7406\u5ff5\u30fb\u76ee\u7684\u30fb\u30d3\u30b8\u30e7\u30f3\">\n  <!-- Slide 1\uff1a\u7d4c\u55b6\u7406\u5ff5 -->\n  <div class=\"slide\" style=\"--bg:url('https:\/\/www.dandox.jp\/wp-content\/uploads\/2025\/10\/6BB351F2-87E6-4589-A2EF-80855C6A8BD52025-10-21_14-33-31_039-scaled.jpeg')\">\n    <div class=\"overlay\"><\/div>\n    <div class=\"content\">\n      <h2>\u7d4c\u55b6\u7406\u5ff5\uff08Philosophy\uff09 <\/h2>\n      <p>\u4eba\u3092\u5c0a\u91cd\u3057\u3001\u611f\u8b1d\u3092\u5fd8\u308c\u305a\u3001\u6e05\u6383\u3068\u7ba1\u7406\u3092\u901a\u3057\u3066\u300c\u5b89\u5fc3\u3068\u7b11\u9854\u300d\u3092\u5c4a\u3051\u308b\u3002<\/p>\n      <p class=\"sub\">\u73fe\u5834\u3092\u4e00\u756a\u3088\u304f\u77e5\u308b\u4f1a\u793e\u3068\u3057\u3066\u3001\u4ef2\u9593\u3068\u7b11\u3044\u5408\u3048\u308b\u73fe\u5834\u304b\u3089\u6700\u9ad8\u306e\u54c1\u8cea\u3092\u751f\u307f\u51fa\u3057\u307e\u3059\u3002<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Slide 2\uff1a\u76ee\u7684 -->\n  <div class=\"slide\" style=\"--bg:url('https:\/\/www.dandox.jp\/wp-content\/uploads\/2025\/10\/66264F1F-FE17-4B04-A072-5972406191CA2025-10-21_14-13-25_117-scaled.jpeg')\">\n    <div class=\"overlay\"><\/div>\n    <div class=\"content\">\n      <h2>\u76ee\u7684\uff08Purpose\uff09<\/h2>\n      <p>\u5bbf\u6cca\u65bd\u8a2d\u306e\u6e05\u6383\u30fb\u4fee\u7e55\u30fb\u7ba1\u7406\u3092\u30c8\u30fc\u30bf\u30eb\u3067\u652f\u3048\u3001\u5feb\u9069\u3067\u6e05\u6f54\u306a\u7a7a\u9593\u3092\u5b88\u308a\u7d9a\u3051\u308b\u3002<\/p>\n      <p class=\"sub\">\u201c\u6e05\u6383\u3092\u901a\u3057\u3066\u5bbf\u6cca\u904b\u55b6\u306e\u5b89\u5fc3\u3092\u652f\u3048\u308b\u201d \u5730\u57df\u306b\u6839\u3056\u3057\u305f\u73fe\u5834\u30d1\u30fc\u30c8\u30ca\u30fc\u3067\u3042\u308a\u7d9a\u3051\u307e\u3059\u3002<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Slide 3\uff1a\u30d3\u30b8\u30e7\u30f3 -->\n  <div class=\"slide\" style=\"--bg:url('https:\/\/www.dandox.jp\/wp-content\/uploads\/2025\/10\/FA8CFEA8-A5B3-4454-8502-8558867307F62025-10-21_10-55-36_544-scaled.jpeg')\">\n    <div class=\"overlay\"><\/div>\n    <div class=\"content\">\n      <h2>\u30d3\u30b8\u30e7\u30f3\uff08Vision\uff09<\/h2>\n      <p>\u300c\u4eba\u3092\u5927\u5207\u306b\u3059\u308b\u30d1\u30fc\u30c8\u30ca\u30fc\u300d\u3068\u3057\u3066\u4fe1\u983c\u3092\u7bc9\u304d\u3001\u9759\u5ca1\u770c\u5168\u57df\u3067\u5bbf\u6cca\u65bd\u8a2d\u904b\u55b6\u306e\u30d9\u30b9\u30c8\u30d1\u30fc\u30c8\u30ca\u30fc\u3068\u306a\u308b\u3002<\/p>\n      <p class=\"sub\">\u4e00\u3064\u3072\u3068\u3064\u306e\u73fe\u5834\u3067\u300c\u5b89\u5fc3\u30fb\u54c1\u8cea\u30fb\u8a87\u308a\u300d\u3092\u7a4d\u307f\u91cd\u306d\u3001\u30b9\u30bf\u30c3\u30d5\u3068\u5171\u306b\u7b11\u9854\u304c\u3042\u3075\u308c\u308b\u4f1a\u793e\u3092\u76ee\u6307\u3057\u307e\u3059\u3002<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ===== Slider Base ===== *\/\n.dandox-slider {\n  position: relative;\n  height: 80vh;\n  min-height: 520px;\n  overflow: hidden;\n}\n.dandox-slider .slide {\n  position: absolute; inset: 0;\n  background: var(--bg) center\/cover no-repeat;\n  opacity: 0; transition: opacity 900ms ease;\n  display: grid; place-items: center;\n}\n.dandox-slider .slide.is-active { opacity: 1; }\n\n\/* Dark overlay for readability *\/\n.dandox-slider .overlay{\n  position: absolute; inset:0;\n  background: rgba(0,0,0,.45);\n}\n\n\/* Text block *\/\n.dandox-slider .content{\n  position: relative; z-index: 1;\n  color:#fff; text-align:center;\n  padding: 0 5%;\n  max-width: 1100px;\n}\n.dandox-slider h2{\n  margin:0 0 .4em; line-height:1.25;\n  font-weight:700; font-size: clamp(22px, 4.2vw, 40px);\n}\n.dandox-slider p{\n  margin:.2em 0; line-height:1.8;\n  font-size: clamp(14px, 2.2vw, 18px);\n}\n.dandox-slider p.sub{ opacity:.95 }\n\n\/* Hover pause (PC) \u2013 optional visual cue *\/\n.dandox-slider:hover { cursor: pointer; }\n\n\/* Dots (pager) *\/\n.dandox-dots{\n  position:absolute; left:50%; transform:translateX(-50%);\n  bottom:18px; display:flex; gap:10px; z-index:2;\n}\n.dandox-dots button{\n  width:10px; height:10px; border-radius:50%;\n  background:#fff7; border:none; padding:0;\n}\n.dandox-dots button.is-active{ background:#fff; }\n\n\/* Responsiveness *\/\n@media (max-width: 599px){\n  .dandox-slider{ height: 70vh; min-height: 440px; }\n  .dandox-slider .overlay{ background: rgba(0,0,0,.55); }\n}\n<\/style>\n\n<script>\n(() => {\n  const root = document.currentScript.previousElementSibling.previousElementSibling; \/\/ <style> \u306e\u524d\u306e<section>\n  const slides = root.querySelectorAll('.slide');\n  if (!slides.length) return;\n\n  \/\/ pager dots\n  const dots = document.createElement('div');\n  dots.className = 'dandox-dots';\n  slides.forEach((_,i)=>{\n    const b = document.createElement('button');\n    b.setAttribute('aria-label', `\u30b9\u30e9\u30a4\u30c9 ${i+1}`);\n    b.addEventListener('click', ()=>go(i,true));\n    dots.appendChild(b);\n  });\n  root.appendChild(dots);\n\n  let i = 0, timer = null, hovering = false;\n  function update(){\n    slides.forEach((s,idx)=>s.classList.toggle('is-active', idx===i));\n    dots.querySelectorAll('button').forEach((d,idx)=>d.classList.toggle('is-active', idx===i));\n  }\n  function next(){ i = (i+1) % slides.length; update(); }\n  function go(idx, manual=false){ i = idx; update(); if(manual) restart(); }\n  function start(){ timer = setInterval(next, 7000); }\n  function stop(){ clearInterval(timer); }\n  function restart(){ stop(); start(); }\n\n  \/\/ pause on hover (PC)\n  root.addEventListener('mouseenter', ()=>{ hovering=true; stop(); });\n  root.addEventListener('mouseleave', ()=>{ hovering=false; start(); });\n\n  \/\/ swipe (mobile)\n  let x0=null;\n  root.addEventListener('touchstart', e=>x0 = e.touches[0].clientX, {passive:true});\n  root.addEventListener('touchend', e=>{\n    if(x0===null) return;\n    const dx = e.changedTouches[0].clientX - x0;\n    if(Math.abs(dx) > 40){\n      if(dx<0) next(); else { i = (i - 1 + slides.length) % slides.length; update(); }\n      restart();\n    }\n    x0=null;\n  });\n\n  \/\/ init\n  update(); start();\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u7d4c\u55b6\u7406\u5ff5\uff08Philosophy\uff09 \u4eba\u3092\u5c0a\u91cd\u3057\u3001\u611f\u8b1d\u3092\u5fd8\u308c\u305a\u3001\u6e05\u6383\u3068\u7ba1\u7406\u3092\u901a\u3057\u3066\u300c\u5b89\u5fc3\u3068\u7b11\u9854\u300d\u3092\u5c4a\u3051\u308b\u3002 \u73fe\u5834\u3092\u4e00\u756a\u3088\u304f\u77e5\u308b\u4f1a\u793e\u3068\u3057\u3066\u3001\u4ef2\u9593\u3068\u7b11\u3044\u5408\u3048\u308b\u73fe\u5834\u304b\u3089\u6700\u9ad8\u306e\u54c1\u8cea\u3092\u751f\u307f\u51fa\u3057\u307e\u3059\u3002 \u76ee\u7684\uff08Purpose\uff09 \u5bbf\u6cca\u65bd\u8a2d\u306e [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-113","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dandox.jp\/index.php?rest_route=\/wp\/v2\/pages\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dandox.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dandox.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dandox.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dandox.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=113"}],"version-history":[{"count":7,"href":"https:\/\/www.dandox.jp\/index.php?rest_route=\/wp\/v2\/pages\/113\/revisions"}],"predecessor-version":[{"id":227,"href":"https:\/\/www.dandox.jp\/index.php?rest_route=\/wp\/v2\/pages\/113\/revisions\/227"}],"wp:attachment":[{"href":"https:\/\/www.dandox.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}