{"id":1214,"date":"2026-06-12T11:44:06","date_gmt":"2026-06-12T02:44:06","guid":{"rendered":"https:\/\/hiroshima-akiya.jp\/web\/?p=1214"},"modified":"2026-06-15T12:32:32","modified_gmt":"2026-06-15T03:32:32","slug":"3%e6%9c%88%e3%81%ab%e8%a1%8c%e3%81%a3%e3%81%9f%e7%a9%ba%e3%81%8d%e5%ae%b6%e7%9b%b8%e8%ab%87%e4%bc%9a-%e7%9b%b8%e8%ab%87%e4%ba%8b%e4%be%8b","status":"publish","type":"post","link":"https:\/\/hiroshima-akiya.jp\/?p=1214","title":{"rendered":"\u7a7a\u304d\u5bb6\u76f8\u8ac7\u4f1a\u3067\u306e\u76f8\u8ac7\u4e8b\u4f8b\u3092\u3054\u7d39\u4ecb\u3002"},"content":{"rendered":"<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght=400;700&#038;display=swap\" rel=\"stylesheet\">\r\n\r\n<script>\r\n  tailwind.config = {\r\n    theme: {\r\n      extend: {\r\n        colors: {\r\n          primary: {\r\n            500: '#f07800',\r\n            600: '#c86400',\r\n          },\r\n          background: {\r\n            50: '#fff7ed',\r\n            100: '#ffedd5',\r\n            200: '#fed7aa',\r\n          },\r\n          foreground: {\r\n            500: '#6b7280',\r\n            700: '#374151',\r\n            900: '#111827',\r\n          }\r\n        },\r\n        fontFamily: {\r\n          sans: ['Noto Sans JP', 'sans-serif'],\r\n          heading: ['Noto Sans JP', 'sans-serif'],\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<div class=\"min-h-screen bg-background-50 text-foreground-900 font-sans\">\r\n  <main class=\"\">\r\n    <section class=\"bg-white pt-6 md:pt-10\">\r\n      <div class=\"max-w-6xl mx-auto px-4 md:px-8 lg:px-12\">\r\n        <div class=\"border-b border-background-100 pb-4\">\r\n          <h2 class=\"font-heading text-2xl md:text-3xl font-bold text-foreground-900\">\r\n            \u76f8\u8ac7\u4e8b\u4f8b\r\n          <\/h2>\r\n        <\/div>\r\n        <div id=\"case-studies-container\" class=\"pt-10 md:pt-14 pb-6 md:pb-10\"><\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"py-14 md:py-20 bg-white border-t border-background-100\">\r\n      <div class=\"max-w-4xl mx-auto px-4 md:px-8\">\r\n        <div class=\"shadow-lg rounded-2xl overflow-hidden border border-background-100\">\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/hiroshima-akiya.jp\/web\/wp-content\/uploads\/2026\/06\/akiya_re_260608_page-0001.jpg\" \r\n            alt=\"\" \r\n            class=\"w-full h-auto object-contain mx-auto\"\r\n          \/>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"py-14 md:py-20 bg-white border-t border-background-100\">\r\n      <div class=\"max-w-6xl mx-auto px-4 md:px-8 lg:px-12\">\r\n        <div class=\"contact-box\">\r\n          <p class=\"contact-lead\">\u76f8\u8ac7\u4f1a\u4ee5\u5916\u3067\u3082\u3001\u304a\u96fb\u8a71\u3084\u30e1\u30fc\u30eb\u3067\u306e\u3054\u76f8\u8ac7\u304c\u53ef\u80fd\uff01<\/p>\r\n          <p class=\"contact-sub\">\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\r\n          <p class=\"tel-number\">TEL: 0120-32-7796<\/p>\r\n          <p class=\"fax-number\">FAX: 050-8890-8891<\/p>\r\n          <p class=\"company-name\">\u4e00\u822c\u793e\u56e3\u6cd5\u4eba \u3072\u308d\u3057\u307e\u7a7a\u304d\u5bb6\u76f8\u8ac7\u7a93\u53e3<\/p>\r\n          <p class=\"company-address\">\u904b\u55b6\u4f1a\u793e\uff1a\u30bb\u30e9\u7f8e\u88c5\u6709\u9650\u4f1a\u793e<br \/>\u3012722-1624 \u5e83\u5cf6\u770c\u4e16\u7f85\u90e1\u4e16\u7f85\u753a\u5927\u5b57\u672c\u90f7966<\/p>\r\n          <div class=\"btn-container\">\r\n            <a class=\"info-btn\" href=\"https:\/\/hiroshima-akiya.jp\/web\/?page_id=13\">\u76f8\u8ac7\u3057\u3066\u307f\u308b<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/main>\r\n<\/div>\r\n\r\n<style>\r\n  .contact-box { text-align: center; background: #ffffff; border: 2px solid #f07800; padding: 36px 24px; border-radius: 6px; max-width: 750px; margin: 0 auto; font-family: 'Noto Sans JP', sans-serif; }\r\n  .contact-box .contact-lead { font-size: 20px; font-weight: bold; color: #f07800; margin: 0 0 12px; line-height: 1.4; }\r\n  .contact-box .contact-sub { font-size: 16px; color: #555555; margin: 0 0 24px; }\r\n  .contact-box .tel-number { font-size: 26px; font-weight: bold; color: #000000; margin: 0 0 6px; line-height: 1.2; }\r\n  .contact-box .fax-number { font-size: 15px; color: #666666; margin: 0 0 24px; }\r\n  .contact-box .company-name { font-size: 18px; font-weight: bold; margin: 0 0 6px; color: #333333; }\r\n  .contact-box .company-address { font-size: 14px; color: #666666; margin: 0; line-height: 1.6; }\r\n  .contact-box .btn-container { margin-top: 28px; }\r\n  .contact-box .info-btn { display: flex; justify-content: center; align-items: center; min-width: 220px; max-width: 260px; margin: 0 auto; padding: .65em 1.6em; border-radius: 5px; font-weight: 600; font-size: 17px; text-decoration: none; box-sizing: border-box; background-color: #ffffff; color: #f07800; border: 2px solid #f07800; transition: background-color 0.25s ease, color 0.25s ease; }\r\n  .contact-box .info-btn:hover { background-color: #f07800; color: #ffffff; }\r\n  .contact-box .info-btn::after { display: inline-block; width: 1.2em; height: 1.2em; margin-left: 8px; content: ''; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z' fill='%23f07800'%3E%3C\/path%3E%3C\/svg%3E\"); background-size: contain; background-repeat: no-repeat; transition: transform 0.25s ease; }\r\n  .contact-box .info-btn:hover::after { background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z' fill='%23fff'%3E%3C\/path%3E%3C\/svg%3E\"); transform: translate(3px, -3px); }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const caseStudies = [\r\n    { id: \"01\", title: \"\u5229\u6d3b\u7528\", description: \"\u7a7a\u304d\u5bb6\u306e\u58f2\u5374\u30fb\u6d3b\u7528\u306b\u3064\u3044\u3066\u3054\u76f8\u8ac7\u3092\u3044\u305f\u3060\u304d\u3001\u7acb\u5730\u7279\u6027\u3092\u751f\u304b\u3057\u305f<span class='text-primary-500 font-bold'>\u6c11\u6cca\u6d3b\u7528\u3092\u3054\u63d0\u6848<\/span>\u3057\u307e\u3057\u305f\u3002\u305d\u306e\u7d50\u679c\u3001\u6c11\u6cca\u904b\u55b6\u4ee3\u884c\u696d\u8005\u3078\u306e\u58f2\u5374\u304c\u5b9f\u73fe\u3057\u3001\u73fe\u5728\u306f\u5bbf\u6cca\u65bd\u8a2d\u306e\u958b\u696d\u306b\u5411\u3051\u3066\u30ea\u30ce\u30d9\u30fc\u30b7\u30e7\u30f3\u5de5\u4e8b\u304c\u9032\u3081\u3089\u308c\u3066\u3044\u307e\u3059\u3002\u7a7a\u304d\u5bb6\u306e\u72b6\u6cc1\u3084\u7acb\u5730\u306b\u5fdc\u3058\u305f\u6700\u9069\u306a\u6d3b\u7528\u65b9\u6cd5\u3092\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u3002\", badge: \"\u30ea\u30d5\u30a9\u30fc\u30e0\u4e2d\", badge2: \"\u702c\u6238\u5185\u6d77\u3068\u3044\u3046\u7acb\u5730\u3092\u6d3b\u7528\", image: \"https:\/\/hiroshima-akiya.jp\/web\/wp-content\/uploads\/2026\/06\/jirei1_4.jpg\", image2: \"https:\/\/hiroshima-akiya.jp\/web\/wp-content\/uploads\/2026\/06\/jirei1_3.jpg\" },\r\n    { id: \"02\", title: \"\u89e3\u4f53\u5de5\u4e8b\", description: \"\u770c\u5916\u5728\u4f4f\u306e\u6240\u6709\u8005\u3055\u307e\u3088\u308a\u3001\u7a7a\u304d\u5bb6\u51e6\u5206\u306b\u95a2\u3059\u308b\u3054\u76f8\u8ac7\u3092\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002\u9060\u65b9\u306b\u304a\u4f4f\u307e\u3044\u3067\u73fe\u5730\u5bfe\u5fdc\u304c\u96e3\u3057\u3044\u72b6\u6cc1\u3067\u3057\u305f\u304c\u3001\u5f53\u6cd5\u4eba\u304c\u7a93\u53e3\u3068\u306a\u308a\u3001<span class='text-primary-500 font-bold'>\u907a\u54c1\u6574\u7406\u3001\u6b8b\u7f6e\u7269\u51e6\u5206\u3001\u5bb6\u5c4b\u89e3\u4f53\u3001\u571f\u7559\u3081\u30d6\u30ed\u30c3\u30af\u65bd\u5de5<\/span>\u307e\u3067\u30ef\u30f3\u30b9\u30c8\u30c3\u30d7\u3067\u5bfe\u5fdc\u3002\u5c02\u9580\u4e8b\u696d\u8005\u3068\u306e\u9023\u643a\u306b\u3088\u308a\u3001\u6240\u6709\u8005\u69d8\u306e\u8ca0\u62c5\u3092\u6700\u5c0f\u9650\u306b\u6291\u3048\u306a\u304c\u3089\u3001\u8cac\u4efb\u3092\u6301\u3063\u3066\u5b8c\u4e86\u307e\u3067\u30b5\u30dd\u30fc\u30c8\u3044\u305f\u3057\u307e\u3057\u305f\u3002\", badge: \"\u89e3\u4f53\u5de5\u4e8b\u306e\u69d8\u5b50\", badge2: \"\u571f\u7559\u30d6\u30ed\u30c3\u30af\u65bd\u5de5\", image: \"https:\/\/hiroshima-akiya.jp\/web\/wp-content\/uploads\/2026\/06\/jirei2_5.jpg\", image2: \"https:\/\/hiroshima-akiya.jp\/web\/wp-content\/uploads\/2026\/06\/jirei2_3.jpg\" },\r\n    { id: \"03\", title: \"\u76f8\u7d9a\u554f\u984c\", description: \"\u76f8\u7d9a\u8abf\u6574\u4e2d\u306e\u7a7a\u304d\u5bb6\u306b\u3064\u3044\u3066\u3054\u76f8\u8ac7\u3092\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002\u501f\u5730\u6a29\u4ed8\u304d\u7269\u4ef6\u3067\u3001\u66f4\u5730\u8fd4\u9084\u3092\u524d\u63d0\u306b\u691c\u8a0e\u3092\u9032\u3081\u307e\u3057\u305f\u304c\u3001\u8eca\u4e21\u9032\u5165\u4e0d\u53ef\u30fb\u91cd\u6a5f\u4f7f\u7528\u4e0d\u53ef\u30fb\u96a3\u63a5\u5efa\u7269\u3068\u306e\u8fd1\u63a5\u3068\u3044\u3046\u8ab2\u984c\u304c\u91cd\u306a\u308a\u3001<span class='text-primary-500 font-bold'>\u89e3\u4f53\u8cbb\u7528\u306f\u7d04500\u4e07\u5186<\/span>\u3068\u9ad8\u984d\u306b\u306a\u308b\u898b\u8fbc\u307f\u3067\u3057\u305f\u3002\u5f53\u6cd5\u4eba\u3067\u306f\u300c\u89e3\u4f53\u3042\u308a\u304d\u300d\u3067\u306f\u306a\u304f\u3001<span class='text-primary-500 font-bold'>\u76f8\u7d9a\u4eba\u69d8\u306e\u8ca0\u62c5\u8efd\u6e1b\u3092\u6700\u512a\u5148<\/span>\u306b\u8003\u3048\u3001\u6c11\u6cca\u4e8b\u696d\u8005\u3068\u306e\u9023\u643a\u306b\u3088\u308b\u5229\u6d3b\u7528\u3082\u542b\u3081\u305f\u89e3\u6c7a\u7b56\u3092\u3054\u63d0\u6848\u3057\u3066\u3044\u307e\u3059\u3002\", badge: \"\u76f8\u8ac7\u6642\u306e\u7a7a\u304d\u5bb6\", badge2: \"\u9053\u304c\u72ed\u3044\u305f\u3081\u9ad8\u984d\u306b\", image: \"https:\/\/hiroshima-akiya.jp\/web\/wp-content\/uploads\/2026\/06\/jirei3_1.jpg\", image2: \"https:\/\/hiroshima-akiya.jp\/web\/wp-content\/uploads\/2026\/06\/jirei3_3.jpg\" }\r\n  ];\r\n\r\n  const container = document.getElementById('case-studies-container');\r\n  if (!container) return;\r\n\r\n  caseStudies.forEach((study, index) => {\r\n    const isEven = index % 2 === 0;\r\n    const orderClass = isEven ? \"md:flex-row\" : \"md:flex-row-reverse\";\r\n\r\n    const cardHtml = `\r\n      <div class=\"mb-16 md:mb-24 last:mb-0\" id=\"study-card-${index}\">\r\n        <div class=\"flex flex-col ${orderClass} gap-8 lg:gap-12 items-start\">\r\n          <div class=\"w-full md:w-1\/2 order-2 md:order-none\">\r\n            <div class=\"relative rounded-2xl overflow-hidden bg-background-100 aspect-[4\/3] shadow-md border border-background-100\">\r\n              <div id=\"slide-track-${index}\" class=\"flex w-[200%] h-full transition-transform duration-500 ease-in-out\" style=\"transform: translateX(0%);\">\r\n                <img decoding=\"async\" src=\"${study.image}\" alt=\"${study.title}\" class=\"w-1\/2 h-full object-cover\" \/>\r\n                <img decoding=\"async\" src=\"${study.image2}\" alt=\"${study.title} 2\" class=\"w-1\/2 h-full object-cover\" \/>\r\n              <\/div>\r\n              <div class=\"absolute bottom-4 left-4 right-4 flex gap-2 z-10\">\r\n                <button id=\"btn-tab0-${index}\" class=\"btn-tab-active flex-1 rounded-lg py-2 text-xs font-bold transition-colors bg-primary-500 text-white shadow-sm\">${study.badge}<\/button>\r\n                <button id=\"btn-tab1-${index}\" class=\"btn-tab-inactive flex-1 rounded-lg py-2 text-xs font-bold transition-colors bg-white\/90 text-foreground-700 hover:bg-white shadow-sm\">${study.badge2}<\/button>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"w-full md:w-1\/2 order-1 md:order-none\">\r\n            <div class=\"flex items-center gap-3 mb-4\">\r\n              <div class=\"bg-primary-500 text-white rounded-lg px-3 py-1.5 flex items-center shadow-sm\">\r\n                <span class=\"text-xs font-bold\">\u4e8b\u4f8b<\/span>\r\n                <span class=\"font-heading text-lg font-bold ml-1\">${study.id}<\/span>\r\n              <\/div>\r\n              <h3 class=\"font-heading text-2xl md:text-3xl font-bold text-foreground-900\">${study.title}<\/h3>\r\n            <\/div>\r\n            <p class=\"text-foreground-700 text-base md:text-lg leading-relaxed\">${study.description}<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    `;\r\n\r\n    container.insertAdjacentHTML('beforeend', cardHtml);\r\n\r\n    const trackEl = document.getElementById(`slide-track-${index}`);\r\n    const btnTab0 = document.getElementById(`btn-tab0-${index}`);\r\n    const btnTab1 = document.getElementById(`btn-tab1-${index}`);\r\n\r\n    function setTabActive(activeIndex) {\r\n      if (activeIndex === 0) {\r\n        trackEl.style.transform = \"translateX(0%)\";\r\n        btnTab0.className = \"flex-1 rounded-lg py-2 text-xs font-bold transition-colors bg-primary-500 text-white shadow-sm\";\r\n        btnTab1.className = \"flex-1 rounded-lg py-2 text-xs font-bold transition-colors bg-white\/90 text-foreground-700 hover:bg-white shadow-sm\";\r\n      } else {\r\n        trackEl.style.transform = \"translateX(-50%)\";\r\n        btnTab0.className = \"flex-1 rounded-lg py-2 text-xs font-bold transition-colors bg-white\/90 text-foreground-700 hover:bg-white shadow-sm\";\r\n        btnTab1.className = \"flex-1 rounded-lg py-2 text-xs font-bold transition-colors bg-primary-500 text-white shadow-sm\";\r\n      }\r\n    }\r\n    btnTab0.addEventListener('click', () => setTabActive(0));\r\n    btnTab1.addEventListener('click', () => setTabActive(1));\r\n  });\r\n});\r\n<\/script>","protected":false},"excerpt":{"rendered":"\u76f8\u8ac7\u4e8b\u4f8b \u76f8\u8ac7\u4f1a\u4ee5\u5916\u3067\u3082\u3001\u304a\u96fb\u8a71\u3084\u30e1\u30fc\u30eb\u3067\u306e\u3054\u76f8\u8ac7\u304c\u53ef\u80fd\uff01 \u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002 TEL: 0120-32-7796 FAX: 050-8890-8891 \u4e00\u822c\u793e\u56e3\u6cd5\u4eba \u3072\u308d\u3057\u307e\u7a7a\u304d\u5bb6\u76f8\u8ac7\u7a93\u53e3 \u904b\u55b6\u4f1a\u793e\uff1a<a href=\"https:\/\/hiroshima-akiya.jp\/?p=1214\"> &#8230;\u7d9a\u304d\u3092\u8aad\u3080<\/a>","protected":false},"author":2,"featured_media":865,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[11],"tags":[],"class_list":["post-1214","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-11"],"acf":[],"_links":{"self":[{"href":"https:\/\/hiroshima-akiya.jp\/index.php?rest_route=\/wp\/v2\/posts\/1214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hiroshima-akiya.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hiroshima-akiya.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hiroshima-akiya.jp\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hiroshima-akiya.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1214"}],"version-history":[{"count":60,"href":"https:\/\/hiroshima-akiya.jp\/index.php?rest_route=\/wp\/v2\/posts\/1214\/revisions"}],"predecessor-version":[{"id":1297,"href":"https:\/\/hiroshima-akiya.jp\/index.php?rest_route=\/wp\/v2\/posts\/1214\/revisions\/1297"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hiroshima-akiya.jp\/index.php?rest_route=\/wp\/v2\/media\/865"}],"wp:attachment":[{"href":"https:\/\/hiroshima-akiya.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hiroshima-akiya.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hiroshima-akiya.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}