{"id":7,"date":"2025-08-10T01:21:57","date_gmt":"2025-08-09T16:21:57","guid":{"rendered":"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/?page_id=7"},"modified":"2026-01-13T17:49:58","modified_gmt":"2026-01-13T08:49:58","slug":"home","status":"publish","type":"page","link":"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n<meta charset=\"utf-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\n\n<style>\n\/* ===== \u30ea\u30bb\u30c3\u30c8 ===== *\/\n*,*::before,*::after{box-sizing:border-box}\nhtml,body{margin:0;padding:0;overflow-x:hidden;background:#fff}\n.wp-site-blocks,.is-layout-constrained,.wp-block-html{margin:0!important;padding:0!important}\n\n\/* ===== \u753b\u50cf\u30d1\u30b9 ===== *\/\n:root{\n  --hero-pc:  url('https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/10\/\u30a4\u30ed\u30cf\u30b9\u30da\u30fc\u30b9-1920-x-1080-px-1920-x-900-px-1920-x-100-px-1920-x-900-px.png');\n  --hero-sp:  url('https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/10\/\u30a4\u30ed\u30cf\u30b9\u30da\u30fc\u30b9-1920-x-1080-px-1920-x-900-px-1920-x-100-px-1920-x-900-px.png');\n\n  --maxw: 1120px;\n  --pad: clamp(16px,3.5vw,40px);\n  --gap: clamp(16px,3vw,28px);\n  --size: clamp(140px,22vw,240px);\n  --w2-safe-top-pc: 10vh;\n  --w2-safe-top-sp: 12vh;\n\n  --border-color: #77e7e9;\n  --text-color: #222;\n}\n\n\/* ===== 100vw\u30d5\u30eb\u30d6\u30ea\u30fc\u30c9 ===== *\/\n.fullbleed{\n  width:100vw;max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n}\n\n\/* ========== \u30bb\u30af\u30b7\u30e7\u30f31\uff1aHERO ========== *\/\n#hero{position:relative;line-height:0;}\n#hero picture,#hero img{display:block;width:100%;height:auto;max-width:none;line-height:0;}\n#hero img{object-fit:unset!important;object-position:unset!important}\n\n\/* ========== \u30bb\u30af\u30b7\u30e7\u30f32\uff1aworry2 ========== *\/\n#worry2{\n  position:relative;\n  background:none !important;\n  z-index:1;\n  margin-top:0;\n}\n#worry2 .inner{\n  max-width:var(--maxw);\n  margin:0 auto;\n  padding: calc(var(--w2-safe-top-pc) + clamp(24px,6vw,72px)) var(--pad) clamp(40px,9vw,96px);\n}\n\n.p-top__kumo-wrapper-left {\n  width: 40%;\n  position: absolute;\n  bottom: -34%;\n  left: 0;\n}\n.p-top__kumo-img-left {\nwidth: 100%;\nheight: auto;\nvertical-align: middle;\n}\n\n.p-top__kumo-wrapper-right {\n  width: 40%;\n  position: absolute;\n  bottom: -34%;\n  right: 0;\n}\n.p-top__kumo-img-right {\nwidth: 100%;\nheight: auto;\nvertical-align: middle;\n}\n\n.p-top__kumo-wrapper-sp {\ndisplay: none;\n}\n\n@media (max-width:768px){\n  .p-top__kumo-wrapper-right {\n display: none;\n}\n.p-top__kumo-wrapper-left {\n display: none;\n}\n.p-top__kumo-wrapper-sp {\ndisplay: block;\nwidth: 100%;\nposition: absolute;\nbottom: -17%;\nleft: 0;\n}\n.p-top__kumo-img-sp {\nwidth: 100%;\nheight: auto;\nvertical-align: middle;\n}\n}\n\n\/* ===== \u898b\u51fa\u3057\uff08\u30a2\u30e1\u30b3\u30df\u98a8\uff09 ===== *\/\n.w2-head{\n  text-align:center;\n  margin:0 0 clamp(18px,3.2vw,28px);\n  color:#111;\n  position:relative;\n  padding:clamp(24px,4vw,40px) clamp(16px,3vw,32px);\n  background:linear-gradient(135deg,#FF69B4 0%,#FF8C42 50%,#00E5FF 100%);\n  border-radius:clamp(16px,2.5vw,24px);\n  border:clamp(4px,0.6vw,6px) solid #333;\n  box-shadow:0 clamp(12px,2vw,20px) clamp(30px,4vw,50px) rgba(0,0,0,.4);\n}\n\n\/* \u306f\u3066\u306a\u30de\u30fc\u30af\u88c5\u98fe\uff08\u5de6\uff09 *\/\n.w2-head::before{\n  content:\"?\";\n  position:absolute;\n  left:clamp(-30px,-5vw,-60px);\n  top:50%;\n  transform:translateY(-50%) rotate(-15deg);\n  font-size:clamp(48px,8vw,80px);\n  font-weight:900;\n  color:#FFD700;\n  text-shadow:4px 4px 0 #333;\n  opacity:0.9;\n  animation:question-bounce-left 3s ease-in-out infinite;\n}\n\n\/* \u306f\u3066\u306a\u30de\u30fc\u30af\u88c5\u98fe\uff08\u53f3\uff09 *\/\n.w2-head::after{\n  content:\"?\";\n  position:absolute;\n  right:clamp(-30px,-5vw,-60px);\n  top:50%;\n  transform:translateY(-50%) rotate(15deg);\n  font-size:clamp(48px,8vw,80px);\n  font-weight:900;\n  color:#00E5FF;\n  text-shadow:4px 4px 0 #333;\n  opacity:0.9;\n  animation:question-bounce-right 3s ease-in-out infinite;\n}\n\n@keyframes question-bounce-left {\n  0%, 100% { transform: translateY(-50%) rotate(-15deg) translateY(0); }\n  50% { transform: translateY(-50%) rotate(-15deg) translateY(-10px); }\n}\n\n@keyframes question-bounce-right {\n  0%, 100% { transform: translateY(-50%) rotate(15deg) translateY(0); }\n  50% { transform: translateY(-50%) rotate(15deg) translateY(-10px); }\n}\n\n.w2-eyebrow{\n  display:block;\n  margin:0 0 8px;\n  font:900 clamp(18px,3vw,24px)\/1.1 \"Noto Sans JP\",system-ui,sans-serif;\n  color:#FFD700;\n  text-shadow:3px 3px 0 #333;\n}\n\n.w2-title{\n  margin:.1em 0 .35em;\n  font:900 clamp(28px,5.2vw,48px)\/1.15 \"Noto Sans JP\",system-ui,sans-serif;\n  color:#fff;\n  text-shadow:4px 4px 0 #333;\n  background:linear-gradient(135deg,#333 0%,#333 100%);\n  padding:clamp(6px,1vw,10px) clamp(12px,2vw,20px);\n  border-radius:clamp(10px,1.5vw,16px);\n  border:clamp(3px,0.5vw,5px) solid #333;\n  display:inline-block;\n  box-shadow:0 6px 15px rgba(0,0,0,.3);\n}\n\n.w2-sub{\n  margin:0;\n  font:900 clamp(12px,1.9vw,16px)\/1.5 \"Noto Sans JP\",system-ui,sans-serif;\n  letter-spacing:.06em;\n  color:#333;\n  text-shadow:2px 2px 0 rgba(255,255,255,.5);\n}\n\n\/* ===== \u30b0\u30ea\u30c3\u30c9 ===== *\/\n.grid{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:var(--gap);\n  align-items:start;\n  justify-items:center;\n  margin-top:clamp(12px,2.6vw,22px);\n  max-width:100%;\n}\n@media (max-width:1024px){\n  .grid{grid-template-columns:repeat(2,minmax(0,1fr));}\n}\n@media (max-width:420px){\n  .grid{grid-template-columns:1fr;}\n}\n\n\/* ===== \u4e38\u30ab\u30fc\u30c9 ===== *\/\n.item{display:grid;place-items:center;}\n.circle{\n  position:relative;\n  width:var(--size);\n  aspect-ratio:1\/1;\n  border-radius:50%;\n  border:4px solid var(--border-color);\n  display:grid;\n  place-items:center;\n  box-shadow:0 12px 30px rgba(0,0,0,.18);\n  transition:transform .18s ease, box-shadow .18s ease;\n  color:var(--text-color);\n}\n.circle:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.22);}\n.cap{\n  margin:0;\n  text-align:center;\n  line-height:1.45;\n  font-weight:800;\n  letter-spacing:.02em;\n  font-size:clamp(14px,2.2vw,22px);\n  padding:0 .35em;\n  color:var(--text-color)!important;\n}\n.c-blue{background:linear-gradient(135deg,#5DADE2,#85C1E9);}\n.c-yellow{background:linear-gradient(135deg,#FFE600,#FFD54F);}\n.c-pink{background:linear-gradient(135deg,#FF1493,#FF69B4);}\n.c-teal{background:linear-gradient(135deg,#7DD3C0,#A0E7E5);}\n\n\/* ===== \u30b9\u30de\u30db\u4fee\u6b63 ===== *\/\n@media (max-width:768px){\n  #worry2{\n    background:none !important;\n  }\n  #worry2 .inner{\n    padding: calc(var(--w2-safe-top-sp) + 10vw) 5vw clamp(40px,12vw,96px);\n  }\n  \n  \/* \u30b9\u30de\u30db\u7248\u3067\u898b\u51fa\u3057\u30dc\u30c3\u30af\u30b9\u3092\u5c11\u3057\u5c0f\u3055\u304f *\/\n  .w2-head{\n    margin-left: 5vw;\n    margin-right: 5vw;\n    padding: clamp(20px,3.5vw,30px) clamp(12px,2.5vw,24px);\n  }\n  \n  :root{\n    --size: clamp(110px,30vw,180px);\n  }\n  .grid{\n    grid-template-columns:repeat(2,minmax(0,1fr)) !important;\n    max-width:90%;\n    margin-inline:auto;\n  }\n  \n  \/* \u30b9\u30de\u30db\u7528\u306f\u3066\u306a\u30de\u30fc\u30af\u30b5\u30a4\u30ba\u8abf\u6574 *\/\n  .w2-head::before,\n  .w2-head::after{\n    font-size:clamp(36px,10vw,60px);\n    left:clamp(-20px,-4vw,-40px);\n  }\n  .w2-head::after{\n    right:clamp(-20px,-4vw,-40px);\n    left:auto;\n  }\n}\n\n\/* ===== \u8d85\u72ed\u753b\u97621\u5217 ===== *\/\n@media (max-width:360px){\n  .grid{grid-template-columns:1fr !important;}\n}\n\n\/* ===== \u4fdd\u967a ===== *\/\n#iroha-hero,.iroha-hero-wrap,.iroha-hero-img{display:none!important;}\n.wp-block-html:has(> #iroha-hero){display:none!important;}\n<\/style>\n<\/head>\n<body>\n\n<!-- ========== HERO ========== -->\n<section id=\"hero\" class=\"fullbleed\">\n  <picture>\n    <source media=\"(max-width: 768px)\" srcset=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/10\/Stop-Doing-WASH.\u30b9\u30de\u30db\u65b0png.png\">\n    <img src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/10\/\u30a4\u30ed\u30cf\u30b9\u30da\u30fc\u30b9-1920-x-1080-px-1920-x-900-px-1920-x-100-px-1920-x-900-px.png\" alt=\"IROHA SPACE \u30d2\u30fc\u30ed\u30fc\" decoding=\"async\" loading=\"eager\">\n  <\/picture>\n<div class=\"p-top__kumo-wrapper-left\">\n  <img decoding=\"async\" class=\"p-top__kumo-img-left\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/10\/1-1.png\" alt=\"\u96f2\u5de6\">\n<\/div>\n<div class=\"p-top__kumo-wrapper-right\">\n  <img decoding=\"async\" class=\"p-top__kumo-img-right\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/10\/2-1.png\" alt=\"\u96f2\u53f3\">\n<\/div>\n<div class=\"p-top__kumo-wrapper-sp\">\n  <img decoding=\"async\" class=\"p-top__kumo-img-sp\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/10\/\u30b9\u30de\u30db\u96f2.png\" alt=\"\u96f2SP\">\n<\/div>\n<\/section>\n\n\n\n<!-- ========== worry2 ========== -->\n<section id=\"worry2\" class=\"fullbleed\">\n  <div class=\"inner\">\n    <div class=\"panel\">\n      <div class=\"w2-head\">\n        <span class=\"w2-eyebrow\">\u6c17\u306b\u306a\u308b<\/span>\n        <h2 class=\"w2-title\">\u5916\u58c1\u30fb\u5916\u69cb\u306e\u6c5a\u308c<\/h2>\n        <p class=\"w2-sub\">\u5916\u58c1\u30fb\u5916\u69cb\u306e\u304a\u60a9\u307f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/p>\n      <\/div>\n\n      <div class=\"grid\">\n        <div class=\"item\"><div class=\"circle c-blue\"><p class=\"cap\">\u3042\u306e\u6c5a\u308c\u3092<br>\u3059\u3050\u53d6\u308a\u305f\u3044<\/p><\/div><\/div>\n        <div class=\"item\"><div class=\"circle c-yellow\"><p class=\"cap\">\u65e9\u304f\u5916\u58c1\u3092<br>\u304d\u308c\u3044\u306b\u3057\u305f\u3044<\/p><\/div><\/div>\n        <div class=\"item\"><div class=\"circle c-pink\"><p class=\"cap\">\u5857\u88c5\u306f<br>\u9ad8\u3044\u304b\u3089\u2026<\/p><\/div><\/div>\n        <div class=\"item\"><div class=\"circle c-yellow\"><p class=\"cap\">\u99d0\u8eca\u5834\u3084\u5916\u69cb\u3082<br>\u6c17\u306b\u306a\u308b<\/p><\/div><\/div>\n        <div class=\"item\"><div class=\"circle c-teal\"><p class=\"cap\">\u5857\u88c5\u3057\u305f\u3070\u304b\u308a\u306a\u306e\u306b<br>\u6c5a\u308c\u3066\u3044\u308b<\/p><\/div><\/div>\n        <div class=\"item\"><div class=\"circle c-blue\"><p class=\"cap\">\u4e88\u7b97\u3092\u6291\u3048\u3066<br>\u5370\u8c61\u3092\u660e\u308b\u304f<\/p><\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<section class=\"iroha-logo-fullwidth alignfull\">\n  <div class=\"iroha-logo-marquee\" aria-label=\"IROHA SPACE \u30ed\u30b4\u9023\u7d9a\u30b9\u30e9\u30a4\u30c9\">\n    <div class=\"iroha-logo-track\">\n      <img src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/10\/aaa.jpg\"\n           alt=\"IROHA SPACE \u30ed\u30b4\" loading=\"lazy\" decoding=\"async\">\n      <img src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/10\/aaa.jpg\"\n           alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ===== \u57fa\u672c\u8a2d\u5b9a\uff08\u30b9\u30de\u30db\u542b\u3080\u5171\u901a\uff09 ===== *\/\n.iroha-logo-fullwidth.alignfull {\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  position: relative !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  padding: 0 !important;\n  background: #fff !important;\n  overflow: hidden !important;\n}\n\n.iroha-logo-marquee {\n  overflow: hidden;\n  width: 100%;\n}\n\n.iroha-logo-track {\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n  will-change: transform;\n  animation: iroha-slide-ltr var(--iroha-speed, 20s) linear infinite;\n}\n\n.iroha-logo-track img {\n  display: block;\n  flex: 0 0 auto;\n}\n\n\/* ===== \u5171\u901a\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\uff08\u30b9\u30de\u30db\u4e2d\u5fc3\uff09 ===== *\/\n@keyframes iroha-slide-ltr {\n  0%   { transform: translateX(-100%); }\n  100% { transform: translateX(0); }\n}\n\n\/* ===== PC\u5c02\u7528\u8abf\u6574\uff1a\u53f3\u7aef\u3067\u6b62\u307e\u308b\u554f\u984c\u3092\u4fee\u6b63 ===== *\/\n@media (min-width: 1025px) {\n  .iroha-logo-track {\n    animation: iroha-slide-ltr-desktop var(--iroha-speed, 20s) linear infinite !important;\n  }\n\n  .iroha-logo-track img {\n    min-width: 100vw; \/* \u2190 \u753b\u50cf\u3092\u5fc5\u305a\u753b\u9762\u5e45\u3044\u3063\u3071\u3044\u306b *\/\n    height: auto;\n  }\n\n  @keyframes iroha-slide-ltr-desktop {\n    0%   { transform: translateX(-100vw); }\n    100% { transform: translateX(0); }\n  }\n\n  .iroha-logo-fullwidth.alignfull,\n  .iroha-logo-marquee {\n    width: 100vw !important;\n  }\n\n  html, body {\n    overflow-x: hidden; \/* \u4e07\u304c\u4e00\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u304c\u51fa\u308b\u5834\u5408\u306e\u4fdd\u967a *\/\n  }\n}\n\n\/* ===== WordPress \u5e45\u5236\u9650\u89e3\u9664 ===== *\/\n.wp-block-group__inner-container > .iroha-logo-fullwidth,\n.entry-content > .iroha-logo-fullwidth {\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  padding: 0 !important;\n}\n<\/style>\n\n\n\n<div class=\"cleaning-check-section\" style=\"background:#ffffff; padding:60px 20px; margin:40px 0; position:relative; overflow:hidden;\">\n  \n  <!-- Colorful Background decorative elements -->\n  <div style=\"position:absolute; width:80px; height:80px; background:rgba(119,231,233,0.3); border-radius:50%; top:50px; left:5%; z-index:0;\"><\/div>\n  <div style=\"position:absolute; width:120px; height:120px; background:rgba(236,72,153,0.2); border-radius:50%; top:100px; right:8%; z-index:0;\"><\/div>\n  <div style=\"position:absolute; width:100px; height:100px; background:rgba(168,85,247,0.2); border-radius:50%; bottom:100px; left:10%; z-index:0;\"><\/div>\n  <div style=\"position:absolute; width:90px; height:90px; background:rgba(251,146,60,0.25); border-radius:50%; bottom:150px; right:15%; z-index:0;\"><\/div>\n  <div style=\"position:absolute; width:60px; height:60px; background:rgba(74,222,128,0.3); border-radius:50%; top:30%; left:3%; z-index:0;\"><\/div>\n  <div style=\"position:absolute; width:70px; height:70px; background:rgba(96,165,250,0.25); border-radius:50%; top:40%; right:5%; z-index:0;\"><\/div>\n\n  <!-- Comic-style decorative lines -->\n  <div style=\"position:absolute; top:15%; left:2%; width:100px; height:4px; background:linear-gradient(90deg, transparent, rgba(119,231,233,0.4), transparent); transform:rotate(-15deg); z-index:0;\"><\/div>\n  <div style=\"position:absolute; top:25%; right:3%; width:120px; height:4px; background:linear-gradient(90deg, transparent, rgba(236,72,153,0.4), transparent); transform:rotate(15deg); z-index:0;\"><\/div>\n  <div style=\"position:absolute; bottom:20%; left:5%; width:90px; height:4px; background:linear-gradient(90deg, transparent, rgba(168,85,247,0.4), transparent); transform:rotate(-20deg); z-index:0;\"><\/div>\n\n  <!-- Floating comic elements - hidden on mobile -->\n  <div class=\"comic-decoration\" style=\"position:absolute; top:8%; right:8%; font-size:2.5rem; font-weight:900; color:#39B3C6; text-shadow:3px 3px 0px #000, -1px -1px 0px #000; animation:float 3s ease-in-out infinite; z-index:5;\">CLEAN!<\/div>\n  <div class=\"comic-decoration\" style=\"position:absolute; top:12%; left:6%; font-size:2rem; animation:float 3s ease-in-out infinite; animation-delay:0.5s; z-index:5;\">\u2728<\/div>\n  <div class=\"comic-decoration\" style=\"position:absolute; top:20%; right:12%; font-size:2rem; animation:float 3s ease-in-out infinite; animation-delay:1s; z-index:5;\">\u2b50<\/div>\n  <div class=\"comic-decoration\" style=\"position:absolute; bottom:15%; left:8%; font-size:2.5rem; animation:float 3s ease-in-out infinite; animation-delay:1.5s; z-index:5;\">\ud83d\udcab<\/div>\n  <div class=\"comic-decoration\" style=\"position:absolute; bottom:25%; right:10%; font-size:2rem; animation:float 3s ease-in-out infinite; animation-delay:2s; z-index:5;\">\ud83c\udf1f<\/div>\n\n  <style>\n    @keyframes float {\n      0%, 100% { transform: translateY(0) rotate(0deg); }\n      50% { transform: translateY(-20px) rotate(10deg); }\n    }\n    @keyframes shine {\n      0% { left: -50%; }\n      100% { left: 150%; }\n    }\n    @keyframes ctaPulse {\n      0%, 100% { transform: rotate(-2deg) scale(1); }\n      50% { transform: rotate(-2deg) scale(1.05); }\n    }\n    @keyframes bounce {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-10px); }\n    }\n  <\/style>\n\n  <div style=\"max-width:1000px; margin:0 auto; text-align:center; position:relative; z-index:10;\">\n    \n    <!-- Smaller Subtitle - Comic Style -->\n    <div style=\"margin-bottom:25px;\">\n      <div style=\"display:inline-block; background:linear-gradient(135deg, #FD5949 0%, #D6249F 50%, #8134AF 100%); border:5px solid black; padding:0.75rem 2rem; transform:rotate(-3deg); box-shadow:6px 6px 0px 0px rgba(0,0,0,1); position:relative; overflow:hidden;\">\n        <!-- Shine effect -->\n        <div style=\"position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:linear-gradient(45deg, transparent, rgba(255,255,255,0.3), transparent); transform:rotate(45deg); animation:shine 3s infinite;\"><\/div>\n        \n        <p style=\"font-size:1.1rem; color:white; margin:0; letter-spacing:1px; font-weight:900; text-shadow:2px 2px 0px rgba(0,0,0,0.4); position:relative; z-index:1;\">\n          \uff3c \u5916\u58c1\u6d17\u6d44\u3067\u30ad\u30ec\u30a4\u306b\u3067\u304d\u308b\u6c5a\u308c\u306f\u3053\u3061\u3089 \uff0f\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Smaller Main Title - More Readable -->\n    <div style=\"margin-bottom:20px; position:relative;\">\n      <h2 style=\"font-size:3rem; font-weight:900; margin:0 0 0 0; line-height:1.2; color:#333; position:relative; display:inline-block;\">\n        <span style=\"display:block; background:white; border:5px solid black; padding:0.4rem 1.5rem; box-shadow:6px 6px 0px 0px rgba(0,0,0,1); transform:rotate(-2deg); margin-bottom:0.5rem; font-size:2.5rem;\">\n          \u6d17\u6d44\u3067\u304d\u308b?\n        <\/span>\n        <span style=\"font-size:3.5rem; display:block; background:linear-gradient(135deg, #39B3C6 0%, #2a8a9a 100%); color:white; border:5px solid black; padding:0.5rem 1.5rem; box-shadow:6px 6px 0px 0px rgba(0,0,0,1); transform:rotate(2deg); text-shadow:3px 3px 0px rgba(0,0,0,0.3);\">\n          \u6c5a\u308c\u30c1\u30a7\u30c3\u30af\n        <\/span>\n      <\/h2>\n    <\/div>\n\n    <!-- \u753b\u50cf\u30b0\u30ea\u30c3\u30c9 - Comic Style (\u866b\u773c\u93e1\u306a\u3057) -->\n    <div class=\"dirt-grid\" style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:30px; max-width:900px; margin:40px auto 0;\">\n      \n      <!-- \u30ab\u30d3 -->\n      <div class=\"dirt-item\" style=\"position:relative; cursor:pointer; transition:transform .3s ease;\" \n           onmouseover=\"this.style.transform='translateY(-8px) rotate(-2deg) scale(1.05)'\" \n           onmouseout=\"this.style.transform='translateY(0) rotate(0deg) scale(1)'\">\n        \n        <div style=\"position:absolute; inset:0; background:black; transform:translate(12px, 12px); border-radius:12px; z-index:0;\"><\/div>\n        \n        <div style=\"position:relative; border-radius:12px; overflow:hidden; border:5px solid black; background:white; box-shadow:0 4px 12px rgba(0,0,0,0.2); z-index:1;\">\n          <img decoding=\"async\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/11\/3.png\" alt=\"\u30ab\u30d3\" style=\"width:100%; height:200px; object-fit:cover; display:block;\">\n          \n          <div style=\"background:linear-gradient(135deg, rgba(255,107,107,0.9), rgba(255,77,77,0.9)); padding:15px; text-align:center; border-top:4px solid black;\">\n            <p style=\"margin:0; font-size:20px; font-weight:900; color:white; text-shadow:2px 2px 0px rgba(0,0,0,0.3);\">\u30ab\u30d3<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u85fb\u30fb\u30b3\u30b1 -->\n      <div class=\"dirt-item\" style=\"position:relative; cursor:pointer; transition:transform .3s ease;\" \n           onmouseover=\"this.style.transform='translateY(-8px) rotate(-2deg) scale(1.05)'\" \n           onmouseout=\"this.style.transform='translateY(0) rotate(0deg) scale(1)'\">\n        \n        <div style=\"position:absolute; inset:0; background:black; transform:translate(12px, 12px); border-radius:12px; z-index:0;\"><\/div>\n        \n        <div style=\"position:relative; border-radius:12px; overflow:hidden; border:5px solid black; background:white; box-shadow:0 4px 12px rgba(0,0,0,0.2); z-index:1;\">\n          <img decoding=\"async\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/11\/1-1.png\" alt=\"\u85fb\u30fb\u30b3\u30b1\" style=\"width:100%; height:200px; object-fit:cover; display:block;\">\n          \n          <div style=\"background:linear-gradient(135deg, rgba(74,222,128,0.9), rgba(34,197,94,0.9)); padding:15px; text-align:center; border-top:4px solid black;\">\n            <p style=\"margin:0; font-size:20px; font-weight:900; color:white; text-shadow:2px 2px 0px rgba(0,0,0,0.3);\">\u85fb\u30fb\u30b3\u30b1<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u96e8\u3060\u308c -->\n      <div class=\"dirt-item\" style=\"position:relative; cursor:pointer; transition:transform .3s ease;\" \n           onmouseover=\"this.style.transform='translateY(-8px) rotate(-2deg) scale(1.05)'\" \n           onmouseout=\"this.style.transform='translateY(0) rotate(0deg) scale(1)'\">\n        \n        <div style=\"position:absolute; inset:0; background:black; transform:translate(12px, 12px); border-radius:12px; z-index:0;\"><\/div>\n        \n        <div style=\"position:relative; border-radius:12px; overflow:hidden; border:5px solid black; background:white; box-shadow:0 4px 12px rgba(0,0,0,0.2); z-index:1;\">\n          <img decoding=\"async\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/11\/4-1.png\" alt=\"\u96e8\u3060\u308c\" style=\"width:100%; height:200px; object-fit:cover; display:block;\">\n          \n          <div style=\"background:linear-gradient(135deg, rgba(96,165,250,0.9), rgba(59,130,246,0.9)); padding:15px; text-align:center; border-top:4px solid black;\">\n            <p style=\"margin:0; font-size:20px; font-weight:900; color:white; text-shadow:2px 2px 0px rgba(0,0,0,0.3);\">\u96e8\u3060\u308c<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u6392\u6c17\u53e3\u3088\u3054\u308c -->\n      <div class=\"dirt-item\" style=\"position:relative; cursor:pointer; transition:transform .3s ease;\" \n           onmouseover=\"this.style.transform='translateY(-8px) rotate(-2deg) scale(1.05)'\" \n           onmouseout=\"this.style.transform='translateY(0) rotate(0deg) scale(1)'\">\n        \n        <div style=\"position:absolute; inset:0; background:black; transform:translate(12px, 12px); border-radius:12px; z-index:0;\"><\/div>\n        \n        <div style=\"position:relative; border-radius:12px; overflow:hidden; border:5px solid black; background:white; box-shadow:0 4px 12px rgba(0,0,0,0.2); z-index:1;\">\n          <img decoding=\"async\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/11\/5-3.png\" alt=\"\u6392\u6c17\u53e3\u3088\u3054\u308c\" style=\"width:100%; height:200px; object-fit:cover; display:block;\">\n          \n          <div style=\"background:linear-gradient(135deg, rgba(167,139,250,0.9), rgba(139,92,246,0.9)); padding:15px; text-align:center; border-top:4px solid black;\">\n            <p style=\"margin:0; font-size:20px; font-weight:900; color:white; text-shadow:2px 2px 0px rgba(0,0,0,0.3);\">\u6392\u6c17\u53e3\u3088\u3054\u308c<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u9ce5\u306e\u30d5\u30f3 -->\n      <div class=\"dirt-item\" style=\"position:relative; cursor:pointer; transition:transform .3s ease;\" \n           onmouseover=\"this.style.transform='translateY(-8px) rotate(-2deg) scale(1.05)'\" \n           onmouseout=\"this.style.transform='translateY(0) rotate(0deg) scale(1)'\">\n        \n        <div style=\"position:absolute; inset:0; background:black; transform:translate(12px, 12px); border-radius:12px; z-index:0;\"><\/div>\n        \n        <div style=\"position:relative; border-radius:12px; overflow:hidden; border:5px solid black; background:white; box-shadow:0 4px 12px rgba(0,0,0,0.2); z-index:1;\">\n          <img decoding=\"async\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/11\/7.png\" alt=\"\u9ce5\u306e\u30d5\u30f3\" style=\"width:100%; height:200px; object-fit:cover; display:block;\">\n          \n          <div style=\"background:linear-gradient(135deg, rgba(251,146,60,0.9), rgba(249,115,22,0.9)); padding:15px; text-align:center; border-top:4px solid black;\">\n            <p style=\"margin:0; font-size:20px; font-weight:900; color:white; text-shadow:2px 2px 0px rgba(0,0,0,0.3);\">\u9ce5\u306e\u30d5\u30f3<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u7802\u30fb\u6ce5\u30fb\u82b1\u7c89 -->\n      <div class=\"dirt-item\" style=\"position:relative; cursor:pointer; transition:transform .3s ease;\" \n           onmouseover=\"this.style.transform='translateY(-8px) rotate(-2deg) scale(1.05)'\" \n           onmouseout=\"this.style.transform='translateY(0) rotate(0deg) scale(1)'\">\n        \n        <div style=\"position:absolute; inset:0; background:black; transform:translate(12px, 12px); border-radius:12px; z-index:0;\"><\/div>\n        \n        <div style=\"position:relative; border-radius:12px; overflow:hidden; border:5px solid black; background:white; box-shadow:0 4px 12px rgba(0,0,0,0.2); z-index:1;\">\n          <img decoding=\"async\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/12\/\u6ce5\u753b\u50cf.png\" alt=\"\u7802\u30fb\u6ce5\u30fb\u82b1\u7c89\" style=\"width:100%; height:200px; object-fit:cover; display:block;\">\n          \n          <div style=\"background:linear-gradient(135deg, rgba(253,224,71,0.9), rgba(250,204,21,0.9)); padding:15px; text-align:center; border-top:4px solid black;\">\n            <p style=\"margin:0; font-size:20px; font-weight:900; color:white; text-shadow:2px 2px 0px rgba(0,0,0,0.3);\">\u7802\u30fb\u6ce5\u30fb\u82b1\u7c89<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- \u8a73\u7d30\u8aac\u660e\u30bb\u30af\u30b7\u30e7\u30f3 - Accordion Style -->\n    <div class=\"dirt-details\" style=\"max-width:900px; margin:60px auto 0; text-align:left;\">\n      \n      <!-- \u30bf\u30a4\u30c8\u30eb -->\n      <div style=\"text-align:center; margin-bottom:40px;\">\n        <div style=\"display:inline-block; background:linear-gradient(135deg, #39B3C6 0%, #2a8a9a 100%); border:5px solid black; padding:1rem 2.5rem; transform:rotate(-2deg); box-shadow:6px 6px 0px 0px rgba(0,0,0,1); position:relative; overflow:hidden;\">\n          <div style=\"position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:linear-gradient(45deg, transparent, rgba(255,255,255,0.3), transparent); transform:rotate(45deg); animation:shine 3s infinite;\"><\/div>\n          \n          <h3 style=\"font-size:1.75rem; font-weight:900; margin:0; color:white; text-shadow:3px 3px 0px rgba(0,0,0,0.3); position:relative; z-index:1;\">\u8a73\u3057\u3044\u8aac\u660e\u306f\u3053\u3061\u3089\uff01 \ud83d\udc47<\/h3>\n        <\/div>\n      <\/div>\n\n      <!-- \u30ab\u30d3\u306e\u8aac\u660e - Accordion -->\n      <div class=\"accordion-item\" style=\"position:relative; margin-bottom:20px;\">\n        <div style=\"position:absolute; inset:0; background:black; transform:translate(6px, 6px); border-radius:16px; z-index:0;\"><\/div>\n        \n        <div style=\"position:relative; background:white; border-radius:16px; border:5px solid black; box-shadow:0 4px 12px rgba(0,0,0,0.2); z-index:1; overflow:hidden;\">\n          <!-- Accordion Header -->\n          <div class=\"accordion-header\" data-target=\"accordion-1\" style=\"cursor:pointer; padding:20px 25px; background:linear-gradient(135deg, rgba(255,107,107,0.15), rgba(255,77,77,0.15)); border-bottom:3px solid #f5f5f5; display:flex; align-items:center; justify-content:space-between; transition:background 0.3s ease;\"\n               onmouseover=\"this.style.background='linear-gradient(135deg, rgba(255,107,107,0.25), rgba(255,77,77,0.25))'\"\n               onmouseout=\"this.style.background='linear-gradient(135deg, rgba(255,107,107,0.15), rgba(255,77,77,0.15))'\">\n            <div style=\"display:flex; align-items:center;\">\n              <span style=\"background:linear-gradient(135deg, #ff6b6b, #ff4d4d); color:white; width:40px; height:40px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; margin-right:15px; font-size:18px; border:3px solid black; box-shadow:2px 2px 0px 0px rgba(0,0,0,0.3); font-weight:900;\">1<\/span>\n              <h3 style=\"font-size:22px; font-weight:900; color:#333; margin:0;\">\u30ab\u30d3<\/h3>\n            <\/div>\n            <span id=\"accordion-icon-1\" style=\"font-size:28px; font-weight:900; color:#666; transition:transform 0.3s ease;\">\u25bc<\/span>\n          <\/div>\n          \n          <!-- Accordion Content -->\n          <div id=\"accordion-1\" data-open=\"false\" style=\"max-height:0; overflow:hidden; transition:max-height 0.4s ease; padding:0 25px;\">\n            <div style=\"padding:20px 0;\">\n              <p style=\"font-size:16px; line-height:1.8; color:#555; margin:0;\">\n                \u5916\u58c1\u306b\u767a\u751f\u3059\u308b\u30ab\u30d3\u306f\u3001\u6e7f\u6c17\u3084\u65e5\u5f53\u305f\u308a\u306e\u60aa\u3044\u7b87\u6240\u306b\u591a\u304f\u898b\u3089\u308c\u307e\u3059\u3002\u7279\u306b\u5317\u5074\u306e\u58c1\u9762\u3084\u65e5\u9670\u306b\u306a\u308a\u3084\u3059\u3044\u90e8\u5206\u3067\u306f\u3001\u9ed2\u30ab\u30d3\u3084\u7dd1\u30ab\u30d3\u304c\u7e41\u6b96\u3057\u3084\u3059\u304f\u3001\u653e\u7f6e\u3059\u308b\u3068\u5916\u58c1\u6750\u306e\u52a3\u5316\u3092\u65e9\u3081\u308b\u539f\u56e0\u3068\u306a\u308a\u307e\u3059\u3002\u5916\u58c1\u6d17\u6d44\u306b\u3088\u308b\u5c02\u9580\u7684\u306a\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u3067\u3001\u30ab\u30d3\u306e\u6839\u672c\u304b\u3089\u9664\u53bb\u3057\u3001\u5916\u58c1\u672c\u6765\u306e\u7f8e\u3057\u3055\u3092\u53d6\u308a\u623b\u3059\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002\u5b9a\u671f\u7684\u306a\u6d17\u6d44\u306b\u3088\u308a\u3001\u30ab\u30d3\u306e\u518d\u767a\u9632\u6b62\u306b\u3082\u52b9\u679c\u7684\u3067\u3059\u3002\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u85fb\u30fb\u30b3\u30b1\u306e\u8aac\u660e - Accordion -->\n      <div class=\"accordion-item\" style=\"position:relative; margin-bottom:20px;\">\n        <div style=\"position:absolute; inset:0; background:black; transform:translate(6px, 6px); border-radius:16px; z-index:0;\"><\/div>\n        \n        <div style=\"position:relative; background:white; border-radius:16px; border:5px solid black; box-shadow:0 4px 12px rgba(0,0,0,0.2); z-index:1; overflow:hidden;\">\n          <div class=\"accordion-header\" data-target=\"accordion-2\" style=\"cursor:pointer; padding:20px 25px; background:linear-gradient(135deg, rgba(74,222,128,0.15), rgba(34,197,94,0.15)); border-bottom:3px solid #f5f5f5; display:flex; align-items:center; justify-content:space-between; transition:background 0.3s ease;\"\n               onmouseover=\"this.style.background='linear-gradient(135deg, rgba(74,222,128,0.25), rgba(34,197,94,0.25))'\"\n               onmouseout=\"this.style.background='linear-gradient(135deg, rgba(74,222,128,0.15), rgba(34,197,94,0.15))'\">\n            <div style=\"display:flex; align-items:center;\">\n              <span style=\"background:linear-gradient(135deg, #4ade80, #22c55e); color:white; width:40px; height:40px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; margin-right:15px; font-size:18px; border:3px solid black; box-shadow:2px 2px 0px 0px rgba(0,0,0,0.3); font-weight:900;\">2<\/span>\n              <h3 style=\"font-size:22px; font-weight:900; color:#333; margin:0;\">\u85fb\u30fb\u30b3\u30b1<\/h3>\n            <\/div>\n            <span id=\"accordion-icon-2\" style=\"font-size:28px; font-weight:900; color:#666; transition:transform 0.3s ease;\">\u25bc<\/span>\n          <\/div>\n          \n          <div id=\"accordion-2\" data-open=\"false\" style=\"max-height:0; overflow:hidden; transition:max-height 0.4s ease; padding:0 25px;\">\n            <div style=\"padding:20px 0;\">\n              <p style=\"font-size:16px; line-height:1.8; color:#555; margin:0;\">\n                \u85fb\u3084\u30b3\u30b1\u306f\u3001\u6e7f\u5ea6\u306e\u9ad8\u3044\u74b0\u5883\u3084\u6c34\u306f\u3051\u306e\u60aa\u3044\u5834\u6240\u306b\u767a\u751f\u3057\u3084\u3059\u3044\u6c5a\u308c\u3067\u3059\u3002\u7dd1\u8272\u306e\u85fb\u3084\u8336\u8910\u8272\u306e\u30b3\u30b1\u304c\u5916\u58c1\u8868\u9762\u306b\u4ed8\u7740\u3059\u308b\u3068\u3001\u898b\u305f\u76ee\u306e\u7f8e\u89b3\u3092\u5927\u304d\u304f\u640d\u306a\u3046\u3060\u3051\u3067\u306a\u304f\u3001\u5916\u58c1\u306e\u9632\u6c34\u6a5f\u80fd\u3092\u4f4e\u4e0b\u3055\u305b\u308b\u6050\u308c\u304c\u3042\u308a\u307e\u3059\u3002\u5c02\u7528\u306e\u6d17\u6d44\u5264\u3068\u5c02\u7528\u30d6\u30e9\u30b7\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u9811\u56fa\u306a\u85fb\u3084\u30b3\u30b1\u3082\u6839\u3053\u305d\u304e\u9664\u53bb\u3002\u5916\u58c1\u306e\u8010\u4e45\u6027\u3092\u4fdd\u3061\u306a\u304c\u3089\u3001\u6e05\u6f54\u3067\u7f8e\u3057\u3044\u72b6\u614b\u306b\u5fa9\u5143\u3044\u305f\u3057\u307e\u3059\u3002\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u96e8\u3060\u308c\u306e\u8aac\u660e - Accordion -->\n      <div class=\"accordion-item\" style=\"position:relative; margin-bottom:20px;\">\n        <div style=\"position:absolute; inset:0; background:black; transform:translate(6px, 6px); border-radius:16px; z-index:0;\"><\/div>\n        \n        <div style=\"position:relative; background:white; border-radius:16px; border:5px solid black; box-shadow:0 4px 12px rgba(0,0,0,0.2); z-index:1; overflow:hidden;\">\n          <div class=\"accordion-header\" data-target=\"accordion-3\" style=\"cursor:pointer; padding:20px 25px; background:linear-gradient(135deg, rgba(96,165,250,0.15), rgba(59,130,246,0.15)); border-bottom:3px solid #f5f5f5; display:flex; align-items:center; justify-content:space-between; transition:background 0.3s ease;\"\n               onmouseover=\"this.style.background='linear-gradient(135deg, rgba(96,165,250,0.25), rgba(59,130,246,0.25))'\"\n               onmouseout=\"this.style.background='linear-gradient(135deg, rgba(96,165,250,0.15), rgba(59,130,246,0.15))'\">\n            <div style=\"display:flex; align-items:center;\">\n              <span style=\"background:linear-gradient(135deg, #60a5fa, #3b82f6); color:white; width:40px; height:40px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; margin-right:15px; font-size:18px; border:3px solid black; box-shadow:2px 2px 0px 0px rgba(0,0,0,0.3); font-weight:900;\">3<\/span>\n              <h3 style=\"font-size:22px; font-weight:900; color:#333; margin:0;\">\u96e8\u3060\u308c<\/h3>\n            <\/div>\n            <span id=\"accordion-icon-3\" style=\"font-size:28px; font-weight:900; color:#666; transition:transform 0.3s ease;\">\u25bc<\/span>\n          <\/div>\n          \n          <div id=\"accordion-3\" data-open=\"false\" style=\"max-height:0; overflow:hidden; transition:max-height 0.4s ease; padding:0 25px;\">\n            <div style=\"padding:20px 0;\">\n              <p style=\"font-size:16px; line-height:1.8; color:#555; margin:0;\">\n                \u96e8\u6c34\u306b\u542b\u307e\u308c\u308b\u6c5a\u308c\u3084\u5927\u6c17\u4e2d\u306e\u6c5a\u67d3\u7269\u8cea\u304c\u3001\u5916\u58c1\u3092\u4f1d\u3063\u3066\u6d41\u308c\u308b\u3053\u3068\u3067\u9ed2\u3044\u7b4b\u72b6\u306e\u300c\u96e8\u3060\u308c\u300d\u304c\u767a\u751f\u3057\u307e\u3059\u3002\u7a93\u30b5\u30c3\u30b7\u306e\u4e0b\u3084\u8ed2\u5148\u5468\u8fba\u306b\u7279\u306b\u76ee\u7acb\u3061\u3084\u3059\u304f\u3001\u4e00\u5ea6\u5b9a\u7740\u3059\u308b\u3068\u901a\u5e38\u306e\u6c34\u6d17\u3044\u3067\u306f\u843d\u3061\u306b\u304f\u3044\u9811\u56fa\u306a\u6c5a\u308c\u3067\u3059\u3002\u30d7\u30ed\u306e\u5916\u58c1\u6d17\u6d44\u6280\u8853\u306b\u3088\u308a\u3001\u96e8\u3060\u308c\u306e\u9ed2\u305a\u307f\u3092\u5fb9\u5e95\u7684\u306b\u9664\u53bb\u3002\u5916\u58c1\u5168\u4f53\u3092\u5747\u4e00\u306a\u7f8e\u3057\u3055\u306b\u4ed5\u4e0a\u3052\u3001\u5efa\u7269\u306e\u5370\u8c61\u3092\u5927\u304d\u304f\u6539\u5584\u3057\u307e\u3059\u3002\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u6392\u6c17\u53e3\u3088\u3054\u308c\u306e\u8aac\u660e - Accordion -->\n      <div class=\"accordion-item\" style=\"position:relative; margin-bottom:20px;\">\n        <div style=\"position:absolute; inset:0; background:black; transform:translate(6px, 6px); border-radius:16px; z-index:0;\"><\/div>\n        \n        <div style=\"position:relative; background:white; border-radius:16px; border:5px solid black; box-shadow:0 4px 12px rgba(0,0,0,0.2); z-index:1; overflow:hidden;\">\n          <div class=\"accordion-header\" data-target=\"accordion-4\" style=\"cursor:pointer; padding:20px 25px; background:linear-gradient(135deg, rgba(167,139,250,0.15), rgba(139,92,246,0.15)); border-bottom:3px solid #f5f5f5; display:flex; align-items:center; justify-content:space-between; transition:background 0.3s ease;\"\n               onmouseover=\"this.style.background='linear-gradient(135deg, rgba(167,139,250,0.25), rgba(139,92,246,0.25))'\"\n               onmouseout=\"this.style.background='linear-gradient(135deg, rgba(167,139,250,0.15), rgba(139,92,246,0.15))'\">\n            <div style=\"display:flex; align-items:center;\">\n              <span style=\"background:linear-gradient(135deg, #a78bfa, #8b5cf6); color:white; width:40px; height:40px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; margin-right:15px; font-size:18px; border:3px solid black; box-shadow:2px 2px 0px 0px rgba(0,0,0,0.3); font-weight:900;\">4<\/span>\n              <h3 style=\"font-size:22px; font-weight:900; color:#333; margin:0;\">\u6392\u6c17\u53e3\u3088\u3054\u308c<\/h3>\n            <\/div>\n            <span id=\"accordion-icon-4\" style=\"font-size:28px; font-weight:900; color:#666; transition:transform 0.3s ease;\">\u25bc<\/span>\n          <\/div>\n          \n          <div id=\"accordion-4\" data-open=\"false\" style=\"max-height:0; overflow:hidden; transition:max-height 0.4s ease; padding:0 25px;\">\n            <div style=\"padding:20px 0;\">\n              <p style=\"font-size:16px; line-height:1.8; color:#555; margin:0;\">\n                \u30ad\u30c3\u30c1\u30f3\u3084\u304a\u98a8\u5442\u306e\u63db\u6c17\u6247\u3001\u7d66\u6e6f\u5668\u306a\u3069\u306e\u6392\u6c17\u53e3\u5468\u8fba\u306b\u306f\u3001\u6cb9\u7159\u3084\u6392\u6c17\u30ac\u30b9\u306b\u542b\u307e\u308c\u308b\u6c5a\u308c\u304c\u84c4\u7a4d\u3057\u3084\u3059\u304f\u3001\u9ed2\u305a\u3093\u3060\u5909\u8272\u304c\u76ee\u7acb\u3061\u307e\u3059\u3002\u3053\u306e\u6c5a\u308c\u306f\u975e\u5e38\u306b\u7c98\u7740\u6027\u304c\u9ad8\u304f\u3001\u6642\u9593\u306e\u7d4c\u904e\u3068\u3068\u3082\u306b\u9811\u56fa\u306b\u56fa\u7740\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002\u5c02\u9580\u7684\u306a\u6d17\u6d44\u6280\u8853\u3068\u9069\u5207\u306a\u6d17\u5264\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u6392\u6c17\u53e3\u5468\u8fba\u306e\u6cb9\u6c5a\u308c\u3084\u30b9\u30b9\u3082\u5fb9\u5e95\u7684\u306b\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u3002\u5916\u58c1\u5168\u4f53\u306e\u7d71\u4e00\u611f\u3092\u53d6\u308a\u623b\u3057\u3001\u6e05\u6f54\u306a\u4f4f\u74b0\u5883\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u9ce5\u306e\u30d5\u30f3\u306e\u8aac\u660e - Accordion -->\n      <div class=\"accordion-item\" style=\"position:relative; margin-bottom:20px;\">\n        <div style=\"position:absolute; inset:0; background:black; transform:translate(6px, 6px); border-radius:16px; z-index:0;\"><\/div>\n        \n        <div style=\"position:relative; background:white; border-radius:16px; border:5px solid black; box-shadow:0 4px 12px rgba(0,0,0,0.2); z-index:1; overflow:hidden;\">\n          <div class=\"accordion-header\" data-target=\"accordion-5\" style=\"cursor:pointer; padding:20px 25px; background:linear-gradient(135deg, rgba(251,146,60,0.15), rgba(249,115,22,0.15)); border-bottom:3px solid #f5f5f5; display:flex; align-items:center; justify-content:space-between; transition:background 0.3s ease;\"\n               onmouseover=\"this.style.background='linear-gradient(135deg, rgba(251,146,60,0.25), rgba(249,115,22,0.25))'\"\n               onmouseout=\"this.style.background='linear-gradient(135deg, rgba(251,146,60,0.15), rgba(249,115,22,0.15))'\">\n            <div style=\"display:flex; align-items:center;\">\n              <span style=\"background:linear-gradient(135deg, #fb923c, #f97316); color:white; width:40px; height:40px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; margin-right:15px; font-size:18px; border:3px solid black; box-shadow:2px 2px 0px 0px rgba(0,0,0,0.3); font-weight:900;\">5<\/span>\n              <h3 style=\"font-size:22px; font-weight:900; color:#333; margin:0;\">\u9ce5\u306e\u30d5\u30f3<\/h3>\n            <\/div>\n            <span id=\"accordion-icon-5\" style=\"font-size:28px; font-weight:900; color:#666; transition:transform 0.3s ease;\">\u25bc<\/span>\n          <\/div>\n          \n          <div id=\"accordion-5\" data-open=\"false\" style=\"max-height:0; overflow:hidden; transition:max-height 0.4s ease; padding:0 25px;\">\n            <div style=\"padding:20px 0;\">\n              <p style=\"font-size:16px; line-height:1.8; color:#555; margin:0;\">\n                \u9ce5\u306e\u30d5\u30f3\u306f\u9178\u6027\u304c\u5f37\u304f\u3001\u5916\u58c1\u306b\u4ed8\u7740\u3057\u305f\u307e\u307e\u653e\u7f6e\u3059\u308b\u3068\u5857\u88c5\u9762\u3092\u4fb5\u98df\u3057\u3001\u5909\u8272\u3084\u52a3\u5316\u306e\u539f\u56e0\u3068\u306a\u308a\u307e\u3059\u3002\u307e\u305f\u3001\u885b\u751f\u9762\u3067\u3082\u554f\u984c\u304c\u3042\u308a\u3001\u65e9\u671f\u306e\u9664\u53bb\u304c\u63a8\u5968\u3055\u308c\u307e\u3059\u3002\u8ed2\u4e0b\u3084\u30d9\u30e9\u30f3\u30c0\u5468\u8fba\u306a\u3069\u3001\u9ce5\u304c\u6b62\u307e\u308a\u3084\u3059\u3044\u7b87\u6240\u306b\u591a\u304f\u898b\u3089\u308c\u308b\u3053\u306e\u6c5a\u308c\u3082\u3001\u9069\u5207\u306a\u6d17\u6d44\u65b9\u6cd5\u3067\u5b89\u5168\u304b\u3064\u78ba\u5b9f\u306b\u9664\u53bb\u53ef\u80fd\u3067\u3059\u3002\u5916\u58c1\u3078\u306e\u30c0\u30e1\u30fc\u30b8\u3092\u6700\u5c0f\u9650\u306b\u6291\u3048\u306a\u304c\u3089\u3001\u5fb9\u5e95\u7684\u306b\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u3044\u305f\u3057\u307e\u3059\u3002\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u7802\u30fb\u6ce5\u30fb\u82b1\u7c89\u306e\u8aac\u660e - Accordion -->\n      <div class=\"accordion-item\" style=\"position:relative; margin-bottom:20px;\">\n        <div style=\"position:absolute; inset:0; background:black; transform:translate(6px, 6px); border-radius:16px; z-index:0;\"><\/div>\n        \n        <div style=\"position:relative; background:white; border-radius:16px; border:5px solid black; box-shadow:0 4px 12px rgba(0,0,0,0.2); z-index:1; overflow:hidden;\">\n          <div class=\"accordion-header\" data-target=\"accordion-6\" style=\"cursor:pointer; padding:20px 25px; background:linear-gradient(135deg, rgba(253,224,71,0.15), rgba(250,204,21,0.15)); border-bottom:3px solid #f5f5f5; display:flex; align-items:center; justify-content:space-between; transition:background 0.3s ease;\"\n               onmouseover=\"this.style.background='linear-gradient(135deg, rgba(253,224,71,0.25), rgba(250,204,21,0.25))'\"\n               onmouseout=\"this.style.background='linear-gradient(135deg, rgba(253,224,71,0.15), rgba(250,204,21,0.15))'\">\n            <div style=\"display:flex; align-items:center;\">\n              <span style=\"background:linear-gradient(135deg, #fde047, #facc15); color:white; width:40px; height:40px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; margin-right:15px; font-size:18px; border:3px solid black; box-shadow:2px 2px 0px 0px rgba(0,0,0,0.3); font-weight:900; text-shadow:1px 1px 2px rgba(0,0,0,0.3);\">6<\/span>\n              <h3 style=\"font-size:22px; font-weight:900; color:#333; margin:0;\">\u7802\u30fb\u6ce5\u30fb\u82b1\u7c89<\/h3>\n            <\/div>\n            <span id=\"accordion-icon-6\" style=\"font-size:28px; font-weight:900; color:#666; transition:transform 0.3s ease;\">\u25bc<\/span>\n          <\/div>\n          \n          <div id=\"accordion-6\" data-open=\"false\" style=\"max-height:0; overflow:hidden; transition:max-height 0.4s ease; padding:0 25px;\">\n            <div style=\"padding:20px 0;\">\n              <p style=\"font-size:16px; line-height:1.8; color:#555; margin:0;\">\n                \u98a8\u306b\u904b\u3070\u308c\u3066\u304f\u308b\u7802\u3084\u6ce5\u3001\u6625\u5148\u306b\u5927\u91cf\u306b\u98db\u6563\u3059\u308b\u82b1\u7c89\u306a\u3069\u306f\u3001\u5916\u58c1\u8868\u9762\u306b\u8584\u304f\u5806\u7a4d\u3057\u3001\u5168\u4f53\u7684\u306b\u304f\u3059\u3093\u3060\u5370\u8c61\u3092\u4e0e\u3048\u307e\u3059\u3002\u7279\u306b\u82b1\u7c89\u306f\u6c34\u5206\u3068\u7d50\u3073\u3064\u304f\u3068\u7c98\u7740\u6027\u3092\u6301\u3061\u3001\u7c21\u5358\u306b\u306f\u843d\u3061\u306a\u304f\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002\u5916\u58c1\u6d17\u6d44\u306b\u3088\u308b\u4e01\u5be7\u306a\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u3067\u3001\u3053\u308c\u3089\u306e\u5fae\u7d30\u306a\u6c5a\u308c\u3082\u9685\u3005\u307e\u3067\u6d17\u3044\u6d41\u3057\u3001\u5916\u58c1\u672c\u6765\u306e\u9bae\u3084\u304b\u306a\u8272\u5f69\u3092\u8607\u3089\u305b\u307e\u3059\u3002\u5b9a\u671f\u7684\u306a\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3067\u3001\u5e38\u306b\u6e05\u6f54\u3067\u7f8e\u3057\u3044\u5916\u89b3\u3092\u7dad\u6301\u3067\u304d\u307e\u3059\u3002\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Bottom CTA with Phone Link -->\n    <div style=\"margin-top:60px; margin-bottom:40px; text-align:center;\">\n      <a href=\"tel:0862804040\" style=\"text-decoration:none;\">\n        <div style=\"display:inline-block; background:linear-gradient(135deg, #ec4899 0%, #a855f7 50%, #3b82f6 100%); border:5px solid black; padding:1.5rem 3rem; transform:rotate(-2deg); box-shadow:6px 6px 0px 0px rgba(0,0,0,1); animation:ctaPulse 2s ease-in-out infinite; cursor:pointer; transition:transform 0.3s ease, box-shadow 0.3s ease; position:relative; overflow:hidden;\"\n             onmouseover=\"this.style.transform='rotate(-2deg) scale(1.1)'; this.style.boxShadow='8px 8px 0px 0px rgba(0,0,0,1)'\"\n             onmouseout=\"this.style.transform='rotate(-2deg) scale(1)'; this.style.boxShadow='6px 6px 0px 0px rgba(0,0,0,1)'\">\n          \n          <div style=\"position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:linear-gradient(45deg, transparent, rgba(255,255,255,0.4), transparent); transform:rotate(45deg); animation:shine 3s infinite;\"><\/div>\n          \n          <p style=\"font-size:2rem; font-weight:900; margin:0; color:white; text-shadow:3px 3px 0px rgba(0,0,0,0.4); position:relative; z-index:1; line-height:1.4;\">\n            \u6c5a\u308c\u304c\u6c17\u306b\u306a\u3063\u305f\u3089<br>\n            <span style=\"font-size:2.5rem; display:inline-flex; align-items:center; gap:0.5rem;\">\n              \u4eca\u3059\u3050\u76f8\u8ac7\uff01 \n              <span style=\"animation:bounce 1s ease-in-out infinite;\">\ud83d\udcde<\/span>\n            <\/span>\n          <\/p>\n        <\/div>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n\/\/ WordPress\u74b0\u5883\u3067\u3082\u78ba\u5b9f\u306b\u52d5\u4f5c\u3059\u308b\u30b3\u30fc\u30c9\n(function() {\n  'use strict';\n  \n  function toggleAccordion(id) {\n    console.log('Toggling accordion:', id); \/\/ \u30c7\u30d0\u30c3\u30b0\u7528\n    \n    var content = document.getElementById(id);\n    var icon = document.getElementById('accordion-icon-' + id.split('-')[1]);\n    \n    if (!content || !icon) {\n      console.error('Element not found:', id);\n      return;\n    }\n    \n    \/\/ data-open\u5c5e\u6027\u3067\u958b\u9589\u72b6\u614b\u3092\u7ba1\u7406\n    var isOpen = content.getAttribute('data-open') === 'true';\n    \n    console.log('Current state:', isOpen ? 'open' : 'closed'); \/\/ \u30c7\u30d0\u30c3\u30b0\u7528\n    \n    if (isOpen) {\n      \/\/ \u958b\u3044\u3066\u3044\u308b \u2192 \u9589\u3058\u308b\n      content.style.maxHeight = '0px';\n      content.setAttribute('data-open', 'false');\n      icon.style.transform = 'rotate(0deg)';\n    } else {\n      \/\/ \u9589\u3058\u3066\u3044\u308b \u2192 \u958b\u304f\n      content.style.maxHeight = '1000px';\n      content.setAttribute('data-open', 'true');\n      icon.style.transform = 'rotate(180deg)';\n    }\n  }\n  \n  \/\/ DOM\u8aad\u307f\u8fbc\u307f\u5b8c\u4e86\u5f8c\u306b\u30a4\u30d9\u30f3\u30c8\u30ea\u30b9\u30ca\u30fc\u3092\u8a2d\u5b9a\n  function initAccordions() {\n    console.log('Initializing accordions'); \/\/ \u30c7\u30d0\u30c3\u30b0\u7528\n    \n    \/\/ \u5168\u3066\u306e\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u30d8\u30c3\u30c0\u30fc\u3092\u53d6\u5f97\n    var headers = document.querySelectorAll('.accordion-header');\n    \n    headers.forEach(function(header) {\n      header.addEventListener('click', function(e) {\n        e.preventDefault();\n        var targetId = this.getAttribute('data-target');\n        console.log('Header clicked, target:', targetId); \/\/ \u30c7\u30d0\u30c3\u30b0\u7528\n        toggleAccordion(targetId);\n      });\n    });\n  }\n  \n  \/\/ DOMContentLoaded\u30a4\u30d9\u30f3\u30c8\u3067\u521d\u671f\u5316\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initAccordions);\n  } else {\n    \/\/ \u3059\u3067\u306b\u8aad\u307f\u8fbc\u307f\u5b8c\u4e86\u3057\u3066\u3044\u308b\u5834\u5408\n    initAccordions();\n  }\n  \n  \/\/ jQuery\u3068\u306e\u7af6\u5408\u3092\u907f\u3051\u308b\u305f\u3081\u3001window\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u3082\u95a2\u6570\u3092\u767b\u9332\uff08\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\uff09\n  window.toggleAccordionDirect = toggleAccordion;\n})();\n<\/script>\n\n<style>\n\/* \u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u5c02\u7528CSS - WordPress\u30c6\u30fc\u30de\u306b\u8ca0\u3051\u306a\u3044\u3088\u3046\u306b!important\u4ed8\u304d *\/\n.accordion-header {\n  cursor: pointer !important;\n  user-select: none !important;\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n}\n\n.accordion-header:active {\n  opacity: 0.9 !important;\n}\n\n\/* \u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u5f37\u5236\u30b9\u30bf\u30a4\u30eb *\/\n[id^=\"accordion-\"] {\n  transition: max-height 0.4s ease !important;\n  overflow: hidden !important;\n}\n\n\/* \u25bc PC\u3060\u3051\u4e0a\u4e0b\u306e\u4f59\u767d *\/\n@media (min-width: 769px) {\n  .cleaning-check-section {\n    padding-top:120px !important;\n    padding-bottom:120px !important;\n    margin-top:80px !important;\n    margin-bottom:80px !important;\n  }\n}\n\n\/* \u25bc \u30b9\u30de\u30db:2\u5217\u5f37\u5236 + \u88c5\u98fe\u8981\u7d20\u3092\u975e\u8868\u793a *\/\n@media (max-width: 768px) {\n  \/* CLEAN!\u3068\u7d75\u6587\u5b57\u3092\u975e\u8868\u793a *\/\n  .comic-decoration {\n    display: none !important;\n  }\n  \n  .cleaning-check-section .dirt-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap:20px !important;\n  }\n  \n  \/* Title adjustments *\/\n  .cleaning-check-section h2 span:first-child {\n    font-size:2rem !important;\n    padding:0.3rem 1.2rem !important;\n    border-width:4px !important;\n  }\n  .cleaning-check-section h2 span:last-child { \n    font-size:2.5rem !important;\n    padding:0.4rem 1.2rem !important;\n    border-width:4px !important;\n  }\n  \n  \/* Subtitle smaller on mobile *\/\n  .cleaning-check-section > div > div:first-child > div {\n    padding:0.6rem 1.5rem !important;\n    border-width:4px !important;\n  }\n  .cleaning-check-section > div > div:first-child > div > p {\n    font-size:0.9rem !important;\n  }\n  \n  \/* Detail section title *\/\n  .cleaning-check-section .dirt-details > div:first-child > div {\n    padding:0.75rem 1.75rem !important;\n    border-width:4px !important;\n  }\n  .cleaning-check-section .dirt-details > div:first-child > div > h3 {\n    font-size:1.25rem !important;\n  }\n  \n  \/* Accordion adjustments *\/\n  .cleaning-check-section .accordion-item h3 {\n    font-size:18px !important;\n  }\n  .cleaning-check-section .accordion-item p {\n    font-size:14px !important;\n  }\n  \n  \/* CTA button *\/\n  .cleaning-check-section a > div {\n    padding:1.25rem 2rem !important;\n    border-width:4px !important;\n  }\n  .cleaning-check-section a > div > p {\n    font-size:1.5rem !important;\n  }\n  .cleaning-check-section a > div > p > span {\n    font-size:1.75rem !important;\n  }\n}\n\n\/* \u25bc \u6975\u5c0f\u5e45\u306e\u5fae\u8abf\u6574 *\/\n@media (max-width: 480px) {\n  .cleaning-check-section { \n    padding:60px 15px !important; \n  }\n  .cleaning-check-section .dirt-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap:15px !important;\n  }\n  .cleaning-check-section .dirt-item img { \n    height:150px !important; \n  }\n  .cleaning-check-section .dirt-item p { \n    font-size:16px !important; \n  }\n  \n  \/* Accordion even smaller *\/\n  .cleaning-check-section .accordion-item > div:last-child > div:first-child {\n    padding:15px 20px !important;\n  }\n  .cleaning-check-section .accordion-item h3 {\n    font-size:16px !important;\n  }\n  .cleaning-check-section .accordion-item span:first-child {\n    width:35px !important;\n    height:35px !important;\n    font-size:16px !important;\n  }\n  \n  \/* CTA even smaller *\/\n  .cleaning-check-section a > div {\n    padding:1rem 1.5rem !important;\n  }\n  .cleaning-check-section a > div > p {\n    font-size:1.25rem !important;\n  }\n  .cleaning-check-section a > div > p > span {\n    font-size:1.5rem !important;\n  }\n}\n<\/style>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- =======================\n StopDoingWash \u30bb\u30af\u30b7\u30e7\u30f3\uff08PC\u4e0b\u3052\u8abf\u6574\u30fb\u30b9\u30de\u30db\u73fe\u72b6\u7dad\u6301\uff09\n======================= -->\n<section id=\"stop-wash\" class=\"iroha-stopwash\" aria-label=\"StopDoingWash\">\n  <style>\n    \/* ===== \u30d1\u30e9\u30e1\u30fc\u30bf\uff08\u4f4d\u7f6e\u30fb\u30b5\u30a4\u30ba\u30fb\u30d0\u30e9\u30f3\u30b9\uff09 ===== *\/\n    #stop-wash.iroha-stopwash{\n      --safe-top-pc: 60vh;   \/* PC\uff1a\u82f1\u5b57\u4e0b\u307e\u3067\u306e\u8ddd\u96e2\uff08\u5e72\u6e09\u56de\u907f\u30fb\u8abf\u6574\u6e08\uff09 *\/\n      --safe-top-sp: 42vh;   \/* SP\uff1a\u73fe\u72b6\u7dad\u6301\uff08\u5b8c\u74a7\u306a\u306e\u3067\u5909\u66f4\u306a\u3057\uff09 *\/\n      --side-pad: 5vw;\n      --bottom-pad: 8vh;\n      --max-w: 1040px;\n      --gap-col: 24px;\n      --card-bg: rgba(255,255,255,.44);\n      --card-brd: rgba(0,0,0,.06);\n      --card-shadow: 0 6px 16px rgba(0,0,0,.08);\n      --accent: #09a39b;\n    }\n\n    \/* \u30bb\u30af\u30b7\u30e7\u30f3\u30d9\u30fc\u30b9 *\/\n    #stop-wash.iroha-stopwash{\n      position: relative;\n      overflow: hidden;\n      min-height: 960px;\n      padding-block: 0 !important;\n      padding-inline: var(--side-pad) !important;\n      background: center top\/cover no-repeat\n        url('https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/10\/\u30c6\u30a3\u30d5\u30a1\u30cb\u30fc\u30d6\u30eb\u30fc.jpg');\n      box-sizing: border-box;\n    }\n    @media (max-width: 768px){\n      #stop-wash.iroha-stopwash{\n        min-height: 100vh;\n        padding-inline: 6vw !important;\n        background-image: url('https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/10\/\u30c6\u30a3\u30d5\u30a1\u30cb\u30fc\u30d6\u30eb\u30fc-\u30b9\u30de\u30db\u7248.jpg');\n        background-position: center top;\n      }\n    }\n\n    \/* ===== \u80cc\u666f\u82f1\u5b57\u56de\u907f\u30b9\u30da\u30fc\u30b5\u30fc ===== *\/\n    .sw-spacer{ height: var(--safe-top-pc); }\n    @media (max-width: 768px){ .sw-spacer{ height: var(--safe-top-sp); } }\n\n    \/* ===== \u5185\u5074\u30ec\u30a4\u30a2\u30a6\u30c8 ===== *\/\n    .sw-inner{\n      width: min(100%, var(--max-w));\n      margin: 0 auto;\n      padding-bottom: var(--bottom-pad);\n      display: grid;\n      row-gap: clamp(14px, 1.8vw, 20px);\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* ===== \u898b\u51fa\u3057\uff08PC\u62e1\u5927\u30fbSP\u73fe\u72b6\u7dad\u6301\uff09 ===== *\/\n    .sw-subtitle{\n      justify-self: center;\n      margin: 0;\n      padding: .5em 1.4em;\n      border-radius: 999px;\n      background: rgba(255,255,255,.78);\n      border: 1px solid var(--card-brd);\n      backdrop-filter: blur(5px);\n      -webkit-backdrop-filter: blur(5px);\n      font-family: \"Noto Sans JP\", system-ui, sans-serif;\n      font-weight: 800;\n      letter-spacing: .04em;\n      line-height: 1.2;\n      color: #111;\n      font-size: clamp(18px, 2.6vw, 24px);\n      box-shadow: 0 4px 10px rgba(0,0,0,.12);\n    }\n\n    @media (max-width: 768px){\n      .sw-subtitle{\n        font-size: clamp(17px, 4.5vw, 22px);\n        padding: .45em 1.2em;\n        margin-top: -2vh; \/* STOP DOING WASH!\u306b\u8fd1\u3065\u3051\u308b *\/\n      }\n    }\n\n    \/* ===== 2\u30ab\u30e9\u30e0\uff08PC\uff09\/1\u30ab\u30e9\u30e0\uff08SP\uff09 ===== *\/\n    .sw-lists{ display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-col); }\n    @media (max-width: 768px){ .sw-lists{ grid-template-columns: 1fr; gap: 14px; } }\n\n    .sw-list{\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: grid;\n      gap: clamp(12px,1.2vw,16px);\n    }\n\n    \/* ===== \u30ab\u30fc\u30c9 ===== *\/\n    .sw-item{\n      display: grid;\n      grid-template-columns: auto 1fr;\n      align-items: start;\n      column-gap: .85em;\n      row-gap: .5em;\n      padding: clamp(10px,1.2vw,14px) clamp(12px,1.4vw,16px);\n      border-radius: 14px;\n      background: var(--card-bg);\n      border: 1px solid var(--card-brd);\n      box-shadow: var(--card-shadow);\n      backdrop-filter: blur(3px);\n      -webkit-backdrop-filter: blur(3px);\n      max-width: 520px;\n    }\n\n    .sw-ico{\n      width: clamp(18px, 1.6vw, 22px);\n      height: clamp(18px, 1.6vw, 22px);\n      margin-top:.25em;\n      background: no-repeat center\/contain\n        url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%2309a39b\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2.5\" y=\"2.5\" width=\"19\" height=\"19\" rx=\"3.2\"\/><path d=\"M7 12.5l3.2 3.1L17.5 8.5\"\/><\/svg>');\n      flex: 0 0 auto;\n    }\n\n    .sw-text{\n      font-family:\"Noto Sans JP\", system-ui, sans-serif;\n      font-weight:800;\n      line-height:1.55;\n      font-size: clamp(16px,1.6vw,20px);\n      color:#111;\n    }\n\n    .sw-sub{\n      display:block;\n      margin-top:.15em;\n      font-weight:500;\n      font-size: clamp(11px,1.2vw,14px);\n      line-height:1.6;\n      opacity:.95;\n    }\n  <\/style>\n\n  <!-- \u82f1\u5b57\u3076\u3093\u306e\u5b89\u5168\u57df -->\n  <div class=\"sw-spacer\" aria-hidden=\"true\"><\/div>\n\n  <!-- \u672c\u6587 -->\n  <div class=\"sw-inner\">\n    <p class=\"sw-subtitle\">\u3053\u3093\u306a\u75c7\u72b6\u306f\u6d17\u6d44\u3067\u304d\u307e\u305b\u3093<\/p>\n\n    <div class=\"sw-lists\" role=\"group\" aria-label=\"\u6d17\u6d44\u5bfe\u8c61\u5916\u306e\u4f8b\">\n      <ul class=\"sw-list\" aria-label=\"\u5de6\u5217\">\n        <li class=\"sw-item\"><i class=\"sw-ico\" aria-hidden=\"true\"><\/i><p class=\"sw-text\">\u8457\u3057\u3044\u30c1\u30e7\u30fc\u30ad\u30f3\u30b0<span class=\"sw-sub\">\uff08\u5857\u6599\u306e\u7c89\u304c\u6d6e\u3044\u3066\u3044\u308b\uff09<\/span><\/p><\/li>\n        <li class=\"sw-item\"><i class=\"sw-ico\" aria-hidden=\"true\"><\/i><p class=\"sw-text\">\u30d8\u30a2\u30fc\u30af\u30e9\u30c3\u30af<span class=\"sw-sub\">\uff08\u7d30\u3044\u4e80\u88c2\u3084\u3072\u3073\u5272\u308c\uff09<\/span><\/p><\/li>\n        <li class=\"sw-item\"><i class=\"sw-ico\" aria-hidden=\"true\"><\/i><p class=\"sw-text\">\u5916\u58c1\u304c\u8150\u3063\u3066\u3044\u308b<\/p><\/li>\n      <\/ul>\n\n      <ul class=\"sw-list\" aria-label=\"\u53f3\u5217\">\n        <li class=\"sw-item\"><i class=\"sw-ico\" aria-hidden=\"true\"><\/i><p class=\"sw-text\">\u5916\u58c1\u304c\u5265\u308c\u3066\u3044\u308b<\/p><\/li>\n        <li class=\"sw-item\"><i class=\"sw-ico\" aria-hidden=\"true\"><\/i><p class=\"sw-text\">\u4e0b\u5730\u306e\u52a3\u5316\u30fb\u6d6e\u304d<\/p><\/li>\n        <li class=\"sw-item\"><i class=\"sw-ico\" aria-hidden=\"true\"><\/i><p class=\"sw-text\">\u69cb\u9020\u7684\u306a\u7834\u640d\u30fb\u6b20\u640d<\/p><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- WordPress \u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u7528\uff08\u30b3\u30df\u30c3\u30af\u98a8 - \u5b8c\u5168\u7d99\u304e\u76ee\u306a\u3057\u7248v2 + \u753b\u50cf + VS\u30ed\u30b4 + \u80cc\u666f\u30c7\u30b6\u30a4\u30f3\uff09 -->\n<style>\n:root{\n  --iroha-pc-max: 1040px;\n  --c-tiffany: #39B3C6;\n  --c-orange:  #FF6B35;\n  --pop-pink: #FF69B4;\n  --pop-orange: #FF8C42;\n  --pop-cyan: #00E5FF;\n  --pop-yellow: #FFD700;\n  --pop-lime: #CDFF00;\n}\n\n\/* ===== \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53 - \u753b\u9762\u5e45\u3044\u3063\u3071\u3044\u3001\u4f59\u767d\u306a\u3057 + \u80cc\u666f\u30c7\u30b6\u30a4\u30f3 ===== *\/\n.paint-wash-comparison {\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin: 0 !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  padding: 0 !important;\n  font-family: 'Noto Sans JP', sans-serif;\n  box-sizing: border-box;\n  background: radial-gradient(circle at 70% 50%, #ff8c5c 0%, #FF6B35 40%, #e65525 100%);\n  position: relative;\n  overflow: hidden;\n}\n\n\/* \u88c5\u98fe\u7684\u306a\u80cc\u666f\u8981\u7d20 - \u30b3\u30df\u30c3\u30af\u98a8\u30c9\u30c3\u30c8\u30d1\u30bf\u30fc\u30f3 *\/\n.paint-wash-comparison::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: \n    radial-gradient(circle, rgba(255,255,255,0.15) 2px, transparent 2px),\n    radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);\n  background-size: 40px 40px, 20px 20px;\n  background-position: 0 0, 10px 10px;\n  z-index: 0;\n  pointer-events: none;\n}\n\n\/* \u88c5\u98fe\u7684\u306a\u80cc\u666f\u8981\u7d202 - \u653e\u5c04\u7dda\u72b6\u30d1\u30bf\u30fc\u30f3 *\/\n.paint-wash-comparison::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 150%;\n  height: 150%;\n  transform: translate(-50%, -50%);\n  background: repeating-conic-gradient(\n    from 0deg at 50% 50%,\n    transparent 0deg,\n    transparent 8deg,\n    rgba(255,255,255,0.03) 8deg,\n    rgba(255,255,255,0.03) 10deg\n  );\n  z-index: 0;\n  pointer-events: none;\n}\n\n\/* \u5185\u90e8\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u30e9\u30c3\u30d1\u30fc - \u5de6\u53f3\u3060\u3051\u4f59\u767d *\/\n.paint-wash-comparison-inner{\n  width: min(100%, var(--iroha-pc-max));\n  max-width: var(--iroha-pc-max);\n  margin: 0 auto;\n  padding: 0 20px;  \/* \u5de6\u53f3\u3060\u3051 *\/\n  position: relative;\n  z-index: 1;\n}\n\n\/* \u30d8\u30c3\u30c0\u30fc - POP\u306a\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\n.comparison-header { \n  text-align: center; \n  margin-top: 60px;  \/* \u4e0a\u306e\u4f59\u767d *\/\n  margin-bottom: 40px;\n  background: linear-gradient(135deg, #FF69B4 0%, #FF8C42 50%, #00E5FF 100%);\n  padding: 40px 30px;\n  border-radius: 30px;\n  border: 6px solid #333;\n  box-shadow: 0 20px 50px rgba(0,0,0,.4);\n  position: relative;\n}\n\n\/* PC\u7248 *\/\n@media (min-width: 769px){\n  .comparison-header{\n    margin-top: 80px;  \/* PC\u306f80px *\/\n  }\n}\n\n\/* VS\u30ed\u30b4\u30a2\u30a4\u30b3\u30f3 *\/\n.comparison-icon { \n  width: 90px; \n  height: 90px; \n  margin: 0 auto 20px;\n  background: linear-gradient(135deg, #FFD700 0%, #CDFF00 100%);\n  border-radius: 50%;\n  border: 5px solid #333;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 10px 30px rgba(0,0,0,.4);\n  animation: icon-float 3s ease-in-out infinite;\n  font-size: 32px;\n  font-weight: 900;\n  color: #333;\n  text-shadow: 2px 2px 0 rgba(255,255,255,.5);\n}\n\n@keyframes icon-float {\n  0%, 100% { transform: translateY(0) rotate(0deg); }\n  50% { transform: translateY(-10px) rotate(5deg); }\n}\n\n\/* \u30bf\u30a4\u30c8\u30eb - POP\u306a\u30b3\u30df\u30c3\u30af\u98a8 *\/\n.comparison-title { \n  font-size: clamp(24px, 3.2vw, 36px); \n  font-weight: 900; \n  color: #fff; \n  margin: 0 0 15px;\n  text-shadow: 4px 4px 0 #333;\n  line-height: 1.5;\n}\n.comparison-title .highlight-paint { \n  color: #333;  \n  font-size: clamp(28px, 3.8vw, 42px);\n  background: linear-gradient(135deg, #FF69B4 0%, #FF8C42 100%);\n  padding: 4px 16px;\n  border-radius: 15px;\n  border: 4px solid #333;\n  display: inline-block;\n  text-shadow: 2px 2px 0 rgba(255,255,255,.5);\n  box-shadow: 0 6px 15px rgba(0,0,0,.3);\n  animation: title-bounce 2s ease-in-out infinite;\n}\n.comparison-title .highlight-wash  { \n  color: #333; \n  font-size: clamp(28px, 3.8vw, 42px);\n  background: linear-gradient(135deg, #00E5FF 0%, #39B3C6 100%);\n  padding: 4px 16px;\n  border-radius: 15px;\n  border: 4px solid #333;\n  display: inline-block;\n  text-shadow: 2px 2px 0 rgba(255,255,255,.5);\n  box-shadow: 0 6px 15px rgba(0,0,0,.3);\n  animation: title-bounce 2s ease-in-out infinite;\n  animation-delay: 0.3s;\n}\n\n@keyframes title-bounce {\n  0%, 100% { transform: scale(1); }\n  50% { transform: scale(1.05); }\n}\n\n.comparison-subtitle { \n  color:#FFD700; \n  font-size: 16px; \n  margin-top: 10px;\n  font-weight: 900;\n  text-shadow: 3px 3px 0 #333;\n}\n\n\/* \u30ab\u30fc\u30c9\u914d\u7f6e *\/\n.comparison-container{\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 30px;\n  background: transparent;\n  border-radius: 0;\n  overflow: visible;\n  box-shadow: none;\n  padding: 0;\n  margin-bottom: 60px;  \/* \u4e0b\u306e\u4f59\u767d *\/\n}\n\n\/* PC\u7248 *\/\n@media (min-width: 769px){\n  .comparison-container{\n    margin-bottom: 80px;  \/* PC\u306f80px *\/\n  }\n}\n\n\/* \u5404\u30ab\u30e9\u30e0 - POP\u306a\u30b3\u30df\u30c3\u30af\u98a8 *\/\n.comparison-column{\n  padding: 30px 26px;\n  position: relative;\n  border-radius: 24px;\n  background: #fff;\n  box-shadow: 0 15px 40px rgba(0,0,0,.4);\n  max-width: 520px;\n  width: 100%;\n  margin: 0 auto;\n  border: 6px solid #333;\n  background-image: radial-gradient(circle, #333 1.5px, transparent 1.5px);\n  background-size: 20px 20px;\n  transition: transform 0.3s ease;\n}\n\n.comparison-column:hover{\n  transform: translateY(-10px);\n}\n\n.comparison-column::before{\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: 18px;\n  z-index: 0;\n}\n\n.comparison-column > *{\n  position: relative;\n  z-index: 1;\n}\n\n\/* \u5857\u88c5\u5074 - POP\u30d4\u30f3\u30af\u00d7\u30aa\u30ec\u30f3\u30b8 *\/\n.column-paint{\n  background: linear-gradient(135deg, #FFE5F4 0%, #FFDAB3 100%);\n}\n.column-paint::before{\n  background: linear-gradient(135deg, rgba(255, 229, 244, 0.95) 0%, rgba(255, 218, 179, 0.95) 100%);\n}\n\n\/* \u6d17\u6d44\u5074 - POP\u30b7\u30a2\u30f3\u00d7\u30d6\u30eb\u30fc *\/\n.column-wash{\n  background: linear-gradient(135deg, #D6FFFF 0%, #B3F0FF 100%);\n}\n.column-wash::before{\n  background: linear-gradient(135deg, rgba(214, 255, 255, 0.95) 0%, rgba(179, 240, 255, 0.95) 100%);\n}\n\n.column-title{\n  font-size: clamp(20px, 2.6vw, 28px);\n  font-weight: 900;\n  text-align: center;\n  margin: 0 0 20px;\n  padding: 12px 20px;\n  border-radius: 20px;\n  border: 5px solid #333;\n  box-shadow: 0 8px 20px rgba(0,0,0,.3);\n  position: relative;\n  overflow: hidden;\n}\n\n.column-title::before{\n  content: \"\";\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: linear-gradient(45deg, transparent, rgba(255,255,255,.5), transparent);\n  transform: rotate(45deg);\n  animation: shine 3s infinite;\n}\n\n@keyframes shine {\n  0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n  100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n}\n\n\/* \u5857\u88c5\u30bf\u30a4\u30c8\u30eb - POP\u30d4\u30f3\u30af\u00d7\u30aa\u30ec\u30f3\u30b8 *\/\n.column-paint .column-title{\n  background: linear-gradient(135deg, #FF69B4 0%, #FF8C42 100%);\n  color: #fff;\n  text-shadow: 3px 3px 0 #333;\n}\n\n\/* \u6d17\u6d44\u30bf\u30a4\u30c8\u30eb - POP\u30b7\u30a2\u30f3 *\/\n.column-wash .column-title{\n  background: linear-gradient(135deg, #00E5FF 0%, #00BCD4 100%);\n  color: #fff;\n  text-shadow: 3px 3px 0 #333;\n}\n\n\/* \u753b\u50cf *\/\n.column-image{\n  width: 100%;\n  height: 200px;\n  background: linear-gradient(135deg, #fff 0%, #f5f5f5 100%);\n  border-radius: 16px;\n  margin-bottom: 20px;\n  display: flex; \n  align-items: center; \n  justify-content: center;\n  position: relative; \n  overflow: hidden;\n  border: 5px solid #333;\n  box-shadow: 0 8px 20px rgba(0,0,0,.3);\n}\n\n.column-image img{\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center 60%;\n  display: block;\n}\n\n\/* \u6d17\u6d44\u5074\u306e\u753b\u50cf\u306f\u7570\u306a\u308b\u4f4d\u7f6e\u8abf\u6574 *\/\n.column-wash .column-image img{\n  object-position: center 40%;\n}\n\n\/* \u30c6\u30ad\u30b9\u30c8 *\/\n.column-description{ \n  font-size: 16px; \n  margin-bottom: 20px; \n  line-height: 1.7;\n  font-weight: 700;\n  text-align: center;\n  color: #333;\n  text-shadow: 1px 1px 0 rgba(255,255,255,.5);\n}\n\n\/* \u8a73\u7d30\u884c - POP\u306a\u30b3\u30df\u30c3\u30af\u98a8 *\/\n.comparison-details{ \n  display:flex; \n  flex-direction:column; \n  gap:14px; \n}\n.detail-row{\n  display:flex; \n  align-items:center; \n  justify-content:space-between;\n  gap: 12px;\n  padding: 14px 16px;\n  background:#fff; \n  border-radius:16px;\n  border: 4px solid #333;\n  box-shadow: 0 6px 15px rgba(0,0,0,.2);\n  transition: all 0.3s ease;\n}\n\n.detail-row:hover{\n  transform: translateX(5px);\n  box-shadow: 0 8px 20px rgba(0,0,0,.3);\n}\n\n.detail-left{\n  display:flex; \n  align-items:center; \n  gap:10px;\n}\n\n\/* SVG\u4e38\u30a2\u30a4\u30b3\u30f3 *\/\n.detail-icon{\n  width:32px; \n  height:32px;\n  display:flex; \n  align-items:center; \n  justify-content:center;\n  border-radius: 50%;\n  border: 3px solid #333;\n  box-shadow: 0 4px 10px rgba(0,0,0,.2);\n  position: relative;\n  animation: icon-pulse 2s ease-in-out infinite;\n}\n\n@keyframes icon-pulse {\n  0%, 100% { transform: scale(1); }\n  50% { transform: scale(1.1); }\n}\n\n\/* \u5857\u88c5\u5074\u30a2\u30a4\u30b3\u30f3 - POP\u30d4\u30f3\u30af *\/\n.column-paint .detail-row:nth-child(1) .detail-icon{\n  background: #FF69B4;\n}\n.column-paint .detail-row:nth-child(2) .detail-icon{\n  background: #FF8C42;\n}\n.column-paint .detail-row:nth-child(3) .detail-icon{\n  background: #FFD700;\n}\n\n\/* \u6d17\u6d44\u5074\u30a2\u30a4\u30b3\u30f3 - POP\u30b7\u30a2\u30f3 *\/\n.column-wash .detail-row:nth-child(1) .detail-icon{\n  background: #00E5FF;\n}\n.column-wash .detail-row:nth-child(2) .detail-icon{\n  background: #00BCD4;\n}\n.column-wash .detail-row:nth-child(3) .detail-icon{\n  background: #CDFF00;\n}\n\n\/* \u30e9\u30d9\u30eb\u30fb\u5024 *\/\n.detail-label{\n  color:#fff; \n  padding:6px 16px; \n  border-radius:12px;\n  font-size: 14px; \n  font-weight: 900; \n  margin: 0;\n  text-shadow: 2px 2px 0 rgba(0,0,0,.3);\n  box-shadow: 0 3px 8px rgba(0,0,0,.2);\n}\n\n\/* \u5857\u88c5\u5074\u30e9\u30d9\u30eb - POP\u30d4\u30f3\u30af\u00d7\u30aa\u30ec\u30f3\u30b8 *\/\n.column-paint .detail-row:nth-child(1) .detail-label{\n  background: #FF69B4;\n}\n.column-paint .detail-row:nth-child(2) .detail-label{\n  background: #FF8C42;\n}\n.column-paint .detail-row:nth-child(3) .detail-label{\n  background: #FFD700;\n  color: #333;\n}\n\n\/* \u6d17\u6d44\u5074\u30e9\u30d9\u30eb - POP\u30b7\u30a2\u30f3 *\/\n.column-wash .detail-row:nth-child(1) .detail-label{\n  background: #00E5FF;\n  color: #333;\n}\n.column-wash .detail-row:nth-child(2) .detail-label{\n  background: #00BCD4;\n}\n.column-wash .detail-row:nth-child(3) .detail-label{\n  background: #CDFF00;\n  color: #333;\n}\n\n.detail-value{ \n  font-size: 16px; \n  font-weight: 900; \n  color:#333;\n  text-shadow: 1px 1px 0 rgba(255,255,255,.5);\n}\n\n\/* \u5099\u8003 - POP\u306a\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\n.comparison-note{\n  margin-top: 20px;\n  padding: 16px 20px;\n  background: linear-gradient(135deg, #FF69B4 0%, #FF8C42 25%, #FFD700 50%, #00E5FF 75%, #CDFF00 100%); \n  border-radius:20px; \n  text-align:center; \n  color:#333; \n  font-size:14px;\n  font-weight: 900;\n  grid-column: 1 \/ -1;\n  border: 5px solid #333;\n  box-shadow: 0 10px 30px rgba(0,0,0,.4);\n  text-shadow: 1px 1px 0 rgba(255,255,255,.5);\n}\n\n\/* \u30b9\u30de\u30db *\/\n@media (max-width: 768px){\n  .comparison-header{\n    margin-top: 50px;\n    padding: 30px 20px;\n    margin-bottom: 30px;\n  }\n  \n  .comparison-container{\n    margin-bottom: 50px;\n    gap: 20px;\n    padding: 0;\n    grid-template-columns: 1fr;\n  }\n  \n  .comparison-icon{\n    width: 70px;\n    height: 70px;\n    font-size: 26px;\n  }\n  \n  .comparison-title{\n    font-size: 22px;\n  }\n  \n  .comparison-title .highlight-paint,\n  .comparison-title .highlight-wash{\n    font-size: 26px;\n    padding: 3px 12px;\n  }\n  \n  .comparison-subtitle{\n    font-size: 13px;\n  }\n  \n  .comparison-column{ \n    padding: 20px 18px; \n    max-width: none;\n    border: 5px solid #333;\n  }\n  \n  .column-title{\n    font-size: 20px;\n    padding: 10px 16px;\n    border: 4px solid #333;\n  }\n  \n  .column-image{ \n    height: 140px;\n    border: 4px solid #333;\n  }\n  \n  .column-description{ \n    font-size: 14px; \n    margin-bottom: 16px; \n  }\n  \n  .detail-row{ \n    padding: 12px 14px; \n    flex-direction: row; \n    align-items:center; \n    gap: 10px;\n    border: 3px solid #333;\n  }\n  \n  .detail-label{ \n    font-size: 12px; \n    padding: 5px 12px; \n  }\n  \n  .detail-value{ \n    font-size: 14px; \n  }\n  \n  .detail-icon{ \n    width:28px; \n    height:28px;\n    border: 2px solid #333;\n  }\n  \n  .comparison-note{\n    padding: 14px 16px;\n    font-size: 12px;\n    border: 4px solid #333;\n  }\n}\n<\/style>\n\n<div class=\"paint-wash-comparison\">\n  <div class=\"paint-wash-comparison-inner\">\n    <div class=\"comparison-header\">\n      <div class=\"comparison-icon\" aria-label=\"VS\">\n        VS\n      <\/div>\n\n      <h2 class=\"comparison-title\">\n        \u3069\u3063\u3061\u304c\u3044\u3044!?<br>\n        <span class=\"highlight-paint\">\u5857\u88c5<\/span>\u3068<span class=\"highlight-wash\">\u6d17\u6d44<\/span>\u306e\u9055\u3044\n      <\/h2>\n    <\/div>\n\n    <div class=\"comparison-container\">\n      <!-- \u5916\u58c1\u5857\u88c5 -->\n      <div class=\"comparison-column column-paint\">\n        <h3 class=\"column-title\">\u5916\u58c1\u5857\u88c5<\/h3>\n        <div class=\"column-image\">\n          <img decoding=\"async\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/11\/9-1.png\" alt=\"\u5916\u58c1\u5857\u88c5\">\n        <\/div>\n        <p class=\"column-description\">\u65b0\u3057\u3044\u5857\u6599\u3092\u4e0a\u304b\u3089\u5857\u308b\u65b9\u6cd5\u3002<\/p>\n\n        <div class=\"comparison-details\">\n          <div class=\"detail-row\">\n            <div class=\"detail-left\">\n              <span class=\"detail-icon\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n                  <circle cx=\"10\" cy=\"10\" r=\"6\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\"\/>\n                <\/svg>\n              <\/span>\n              <span class=\"detail-label\">\u5de5\u671f<\/span>\n            <\/div>\n            <span class=\"detail-value\">10\u301c20\u65e5<\/span>\n          <\/div>\n          <div class=\"detail-row\">\n            <div class=\"detail-left\">\n              <span class=\"detail-icon\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n                  <circle cx=\"10\" cy=\"10\" r=\"6\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\"\/>\n                <\/svg>\n              <\/span>\n              <span class=\"detail-label\">\u4fa1\u683c<\/span>\n            <\/div>\n            <span class=\"detail-value\">60\u301c100\u4e07\u5186<\/span>\n          <\/div>\n          <div class=\"detail-row\">\n            <div class=\"detail-left\">\n              <span class=\"detail-icon\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n                  <circle cx=\"10\" cy=\"10\" r=\"6\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n                <\/svg>\n              <\/span>\n              <span class=\"detail-label\">\u8db3\u5834<\/span>\n            <\/div>\n            <span class=\"detail-value\">\u8db3\u5834\u5fc5\u8981<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u5916\u58c1\u6d17\u6d44 -->\n      <div class=\"comparison-column column-wash\">\n        <h3 class=\"column-title\">\u5916\u58c1\u6d17\u6d44<\/h3>\n        <div class=\"column-image\">\n          <img decoding=\"async\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/11\/8-1.png\" alt=\"\u5916\u58c1\u6d17\u6d44\">\n        <\/div>\n        <p class=\"column-description\">\u5916\u58c1\u306e\u6c5a\u308c\u3092\u6d6e\u304b\u3057\u3001\u9664\u53bb\u3059\u308b\u65b9\u6cd5\u3002<\/p>\n\n        <div class=\"comparison-details\">\n          <div class=\"detail-row\">\n            <div class=\"detail-left\">\n              <span class=\"detail-icon\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n                  <circle cx=\"10\" cy=\"10\" r=\"6\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n                  <circle cx=\"10\" cy=\"10\" r=\"3\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n                <\/svg>\n              <\/span>\n              <span class=\"detail-label\">\u5de5\u671f<\/span>\n            <\/div>\n            <span class=\"detail-value\">3\u6642\u9593\u301c3\u65e5<\/span>\n          <\/div>\n          <div class=\"detail-row\">\n            <div class=\"detail-left\">\n              <span class=\"detail-icon\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n                  <circle cx=\"10\" cy=\"10\" r=\"6\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\"\/>\n                  <circle cx=\"10\" cy=\"10\" r=\"3\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\"\/>\n                <\/svg>\n              <\/span>\n              <span class=\"detail-label\">\u4fa1\u683c<\/span>\n            <\/div>\n            <span class=\"detail-value\">10\u301c15\u4e07\u5186<\/span>\n          <\/div>\n          <div class=\"detail-row\">\n            <div class=\"detail-left\">\n              <span class=\"detail-icon\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n                  <circle cx=\"10\" cy=\"10\" r=\"6\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n                  <circle cx=\"10\" cy=\"10\" r=\"3\" stroke=\"#333\" stroke-width=\"2\" fill=\"none\"\/>\n                <\/svg>\n              <\/span>\n              <span class=\"detail-label\">\u8db3\u5834<\/span>\n            <\/div>\n            <span class=\"detail-value\">\u8db3\u5834\u4e0d\u8981<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"comparison-note\">\n        \u203b\u5857\u88c5\u306f\u5857\u6599\u3068\u65bd\u5de5\u65b9\u6cd5\u3001\u6d17\u6d44\u306f\u65bd\u5de5\u9762\u7a4d\u306b\u3088\u3063\u3066\u5927\u5e45\u306b\u524d\u5f8c\u3057\u307e\u3059\u3002\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<section id=\"iroha-price\" class=\"iroha-hero\">\n\n  <div class=\"iroha-hero__content\">\n    <div class=\"iroha-pricecard\">\n\n      <header class=\"price-header\">\n        <h2 class=\"price-title\">\u6d17\u6d44\u4fa1\u683c\u8868<\/h2>\n        <p class=\"price-sub\">CLEANING PRICE<\/p>\n        <p class=\"price-note\">\u203b\u6700\u4f4e\u4fa1\u683c\u8868\u793a\u3067\u3059<\/p>\n      <\/header>\n\n      <div class=\"price-main\">\n        <span class=\"label\">\u57fa\u672c\u6599\u91d1<\/span>\n        <span class=\"price\">\u00a53,500\u301c<\/span>\n        <span class=\"tax\">\u7a0e\u8fbc\uff1a\u00a53,850\u301c<\/span>\n      <\/div>\n\n      <div class=\"price-grid\">\n        <div class=\"item\"><span>\u5916\u58c1\u6d17\u6d44<\/span><span>\u00a5880\/\u33a1<small>\u7a0e\u8fbc\uff1a\u00a5968\/\u33a1<\/small><\/span><\/div>\n        <div class=\"item\"><span>\u5c4b\u6839\u6d17\u6d44<\/span><span>\u00a51,000\/\u33a1<small>\u7a0e\u8fbc\uff1a\u00a51,100\/\u33a1<\/small><\/span><\/div>\n        <div class=\"item\"><span>\u30ab\u30fc\u30dd\u30fc\u30c8\u6d17\u6d44<\/span><span>\u00a5750\/\u33a1<small>\u7a0e\u8fbc\uff1a\u00a5825\/\u33a1<\/small><\/span><\/div>\n        <div class=\"item\"><span>\u99d0\u8eca\u5834\u6d17\u6d44<\/span><span>\u00a5680\/\u33a1<small>\u7a0e\u8fbc\uff1a\u00a5748\/\u33a1<\/small><\/span><\/div>\n        <div class=\"item\"><span>\u7384\u95a2\u30bf\u30a4\u30eb\u6d17\u6d44<\/span><span>\u00a5750\/\u33a1<small>\u7a0e\u8fbc\uff1a\u00a5825\/\u33a1<\/small><\/span><\/div>\n        <div class=\"item\"><span>\u30bd\u30fc\u30e9\u30fc\u30d1\u30cd\u30eb<\/span><span>\u00a51,100\/\u33a1<small>\u7a0e\u8fbc\uff1a\u00a51,210\/\u33a1<\/small><\/span><\/div>\n        <div class=\"item\"><span>\u30d0\u30eb\u30b3\u30cb\u30fc\u5e8a<\/span><span>\u00a5580\/\u33a1<small>\u7a0e\u8fbc\uff1a\u00a5638\/\u33a1<\/small><\/span><\/div>\n        <div class=\"item\"><span>\u30d6\u30ed\u30c3\u30af\u5840\u6d17\u6d44<\/span><span>\u00a5680\/\u33a1<small>\u7a0e\u8fbc\uff1a\u00a5748\/\u33a1<\/small><\/span><\/div>\n      <\/div>\n\n      <div class=\"price-cta\">\n        <p class=\"cta-title\">\u4eca\u3059\u3050\u304a\u7533\u3057\u8fbc\u307f\uff01<br><span>CONTACT NOW<\/span><\/p>\n\n        <div class=\"cta-buttons\">\n          <a href=\"https:\/\/lin.ee\/gRHhioh\" class=\"btn line\" target=\"_blank\" rel=\"noopener\">\n            LINE\u3067\u7533\u3057\u8fbc\u3080 \u2192\n          <\/a>\n          <a href=\"https:\/\/www.instagram.com\/gaiheki.iroha_loopz.okayama?utm_source=ig_web_button_share_sheet&#038;igsh=ZDNlZDc0MzIxNw==\" class=\"btn insta\" target=\"_blank\" rel=\"noopener\">\n            Instagram\u3067\u7533\u3057\u8fbc\u3080 \u2192\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ===============================\n   \u5168\u4f53\uff08\u30d5\u30eb\u30d6\u30ea\u30fc\u30c9\uff09\n=============================== *\/\n#iroha-price{\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  padding:0;\n}\n\n\/* ===============================\n   \u80cc\u666f\n=============================== *\/\n\/* PC\uff1a\u80cc\u666f\u753b\u50cf *\/\n@media (min-width:768px){\n  #iroha-price{\n    background:url(\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/10\/\u30a4\u30ed\u30cf\u30b9\u30da\u30fc\u30b91-1920-x-900-px.png\") no-repeat center top \/ cover;\n  }\n}\n\n\/* SP\uff1a\u30bf\u30fc\u30b3\u30a4\u30ba\u5358\u8272 *\/\n@media (max-width:767.98px){\n  #iroha-price{\n    background:#77e7e9;\n  }\n}\n\n\/* ===============================\n   \u4e2d\u592e\u5bc4\u305b\n=============================== *\/\n.iroha-hero__content{\n  display:flex;\n  justify-content:center;\n  padding:56px 20px;\n}\n\n\/* ===============================\n   \u4fa1\u683c\u30ab\u30fc\u30c9\n=============================== *\/\n.iroha-pricecard{\n  background:#fff;\n  border:4px solid #111;\n  border-radius:24px;\n  box-shadow:0 14px 0 rgba(0,0,0,.2);\n  width:min(900px,95%);\n  padding:32px 28px;\n}\n\n\/* \u30d8\u30c3\u30c0\u30fc *\/\n.price-title{\n  font-size:32px;\n  font-weight:900;\n}\n.price-sub{\n  color:#ff2f6d;\n  font-weight:700;\n  letter-spacing:.15em;\n}\n.price-note{\n  font-size:12px;\n  color:#666;\n  margin-top:4px;\n}\n\n\/* \u57fa\u672c\u6599\u91d1 *\/\n.price-main{\n  border:3px solid #111;\n  border-radius:16px;\n  padding:16px;\n  margin:20px 0;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  font-weight:900;\n}\n.price-main .tax{\n  font-size:12px;\n  color:#666;\n}\n\n\/* \u30b0\u30ea\u30c3\u30c9 *\/\n.price-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:14px;\n}\n.price-grid .item{\n  border:3px solid #111;\n  border-radius:16px;\n  padding:14px;\n  display:flex;\n  justify-content:space-between;\n  font-weight:900;\n}\n.price-grid small{\n  display:block;\n  font-size:11px;\n  color:#666;\n}\n\n\/* CTA *\/\n.price-cta{\n  margin-top:24px;\n  padding-top:16px;\n  border-top:3px dashed #ccc;\n  text-align:center;\n}\n.cta-title{\n  font-weight:900;\n}\n.cta-title span{\n  color:#ff2f6d;\n  font-size:12px;\n  letter-spacing:.2em;\n}\n.cta-buttons{\n  display:flex;\n  justify-content:center;\n  gap:16px;\n  margin-top:16px;\n}\n.btn{\n  border:3px solid #111;\n  border-radius:999px;\n  padding:14px 24px;\n  font-weight:900;\n  text-decoration:none;\n  box-shadow:0 10px 0 rgba(0,0,0,.2);\n}\n.btn.line{\n  background:#22c55e;\n  color:#fff;\n}\n.btn.insta{\n  background:linear-gradient(90deg,#fb923c,#ec4899,#8b5cf6);\n  color:#fff;\n}\n\n\/* ===============================\n   \u30b9\u30de\u30db\u8abf\u6574\n=============================== *\/\n@media (max-width:767.98px){\n  .price-grid{\n    grid-template-columns:1fr;\n  }\n  .cta-buttons{\n    flex-direction:column;\n  }\n}\n<\/style>\n\n\n\n\n<!-- ============ IROHA SPACE:\u30bb\u30af\u30b7\u30e7\u30f36(\u30b3\u30df\u30c3\u30af\u98a8\u30c7\u30b6\u30a4\u30f3 - \u9699\u9593\u306a\u3057\u7248) ============ -->\n<section id=\"iroha-sec6\" class=\"iroha-sec6\" aria-label=\"IROHA SPACE \u30bb\u30af\u30b7\u30e7\u30f36\">\n  <div class=\"iroha-sec6__overlay\">\n    <div class=\"iroha-sec6__container\">\n      <!-- \u30d8\u30c3\u30c0\u30fc -->\n      <div class=\"merit-header\">\n        <div class=\"merit-header__top\">\n          <span class=\"sugoi-text\"><span class=\"sugoi-text__inner\">\u3053\u3053\u304c\u30b9\u30b4\u30a4!!<\/span><\/span>\n          <span class=\"sugoi-icon\" aria-hidden=\"true\">\ud83e\uddf9<\/span>\n        <\/div>\n        <h2 class=\"merit-header__title\">\n          <span class=\"company-name\">IROHA SPACE<\/span>\n          <span class=\"service-text\">\u306e\u5916\u58c1\u6d17\u6d44<\/span>\n        <\/h2>\n        <p class=\"merit-header__desc\">\u5916\u58c1\u6d17\u6d44\u3067\u6c5a\u308c\u3092\u53d6\u308a\u9664\u304f\u3053\u3068\u306f\u3001<br>\u304a\u5bb6\u306b\u69d8\u3005\u306a\u30e1\u30ea\u30c3\u30c8\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n      <\/div>\n\n      <!-- \u30e1\u30ea\u30c3\u30c8\u30ab\u30fc\u30c9(SP=1\u5217\u56fa\u5b9a \/ PC=3\u5217) -->\n      <div class=\"merit-cards\">\n        <div class=\"merit-card merit-01\">\n          <div class=\"merit-card__header\"><span class=\"merit-label\">MERIT<\/span><span class=\"merit-number\">01<\/span><\/div>\n          <div class=\"merit-icon\"><span>\ud83d\udee1\ufe0f<\/span><\/div>\n          <h3 class=\"merit-title\"><span class=\"line1\">\u4fdd\u8b77\u4f5c\u7528\u306e\u3042\u308b<br>\u6d17\u5264\u3092\u4f7f\u7528\u3057\u3066<\/span><span class=\"highlight\">\u6c5a\u308c\u9632\u6b62<\/span><\/h3>\n          <p class=\"merit-desc\">\u5916\u58c1\u6d17\u6d44\u306f\u3001\u4fdd\u8b77\u4f5c\u7528\u306e\u3042\u308b\u6d17\u5264\u3067<br class=\"sp-only\">\u6c5a\u308c\u3092\u6d6e\u304b\u3057\u3066\u6d17\u3046\u306e\u3067<br class=\"pc-only\"><span class=\"emphasis\">\u5857\u819c\u3082\u50b7\u3064\u304b\u305a\u6c5a\u308c\u3092\u9632\u6b62\u3059\u308b<\/span><br class=\"sp-only\">\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n        <\/div>\n\n        <div class=\"merit-card merit-02\">\n          <div class=\"merit-card__header\"><span class=\"merit-label\">MERIT<\/span><span class=\"merit-number\">02<\/span><\/div>\n          <div class=\"merit-icon\"><span>\u23f0<\/span><\/div>\n          <h3 class=\"merit-title\"><span class=\"line1\">\u8db3\u5834\u4e0d\u8981\u3067<\/span><span class=\"highlight\">\u65e9\u304f\u3066\u5b89\u3044<\/span><\/h3>\n          <p class=\"merit-desc\">\u5916\u58c1\u6d17\u6d44\u3067\u306f\u8db3\u5834\u304c\u4e0d\u8981!<br class=\"sp-only\"><span class=\"emphasis\">1~2\u65e5\u306e\u77ed\u671f\u5de5\u4e8b<\/span>\u3067\u3001<br class=\"sp-only\">\u5916\u58c1\u5857\u88c5\u8cbb\u7528\u3088\u308a\u304a\u5f97\u306b!<\/p>\n        <\/div>\n\n        <div class=\"merit-card merit-03\">\n          <div class=\"merit-card__header\"><span class=\"merit-label\">MERIT<\/span><span class=\"merit-number\">03<\/span><\/div>\n          <div class=\"merit-icon\"><span>\u2705<\/span><\/div>\n          <h3 class=\"merit-title\"><span class=\"line1\">\u6c17\u306b\u306a\u308b\u6c5a\u308c<\/span><span class=\"highlight\">\u4e00\u90e8\u3060\u3051OK<\/span><\/h3>\n          <p class=\"merit-desc\">\u5916\u58c1\u5168\u9762\u3067\u306f\u306a\u304f\u4e00\u90e8\u3060\u3051\u3082OK\u3002<br class=\"sp-only\">\u6c17\u306b\u306a\u308b\u6c5a\u308c\u3084\u3001<br class=\"pc-only\"><span class=\"emphasis\">\u5916\u58c1\u306e\u4e00\u90e8\u306e\u6d17\u6d44\u3067\u3082\u5927\u6b53\u8fce!<\/span><\/p>\n        <\/div>\n      <\/div>\n\n      <!-- SP\u7528:\u96f2\u306b\u89e6\u308c\u306a\u3044\u898b\u3048\u306a\u3044\u30b9\u30da\u30fc\u30b5\u30fc(PC\u3067\u306f0) -->\n      <div class=\"cloud-spacer\" aria-hidden=\"true\"><\/div>\n    <\/div>\n  <\/div>\n\n  <style>\n    \/* ===== \u5171\u901a\u30d9\u30fc\u30b9 ===== *\/\n    #iroha-sec6, #iroha-sec6 *{ text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; }\n    #iroha-sec6.iroha-sec6{\n      position:relative; z-index:0; width:100%; margin:0; overflow:hidden; background:#fff;\n    }\n    \/* \u80cc\u666f\u306f\u5e38\u306b\u4e0b\u7aef\u56fa\u5b9a\u306e\u5c02\u7528\u30ec\u30a4\u30e4\u30fc\u306b\u63cf\u753b(\u4ed6\u306eCSS\u306b\u6d88\u3055\u308c\u306a\u3044) *\/\n    #iroha-sec6::before{\n      content:\"\"; position:absolute; inset:0; z-index:-1; pointer-events:none;\n      background-repeat:no-repeat; background-position:center bottom; background-size:100% auto;\n    }\n\n    .pc-only{ display:none; } .sp-only{ display:none; }\n\n    \/* ===== \u30b9\u30de\u30db(\u30b3\u30df\u30c3\u30af\u98a8\u30c7\u30b6\u30a4\u30f3) ===== *\/\n    @media (max-width:767.98px){\n      \/* \u96f2\u306e\u5b89\u5168\u57df(\u65e2\u5b58\u3068\u540c\u3058\u5024) *\/\n      #iroha-sec6{\n        --cloud-safe-min:260px; --cloud-safe-vw:33vw; --cloud-safe-max:480px;\n        --cloud-safe:clamp(var(--cloud-safe-min), var(--cloud-safe-vw), var(--cloud-safe-max));\n      }\n      \/* \u80cc\u666f\u30ec\u30a4\u30e4\u30fc\u306bSP\u753b\u50cf\u3092\u30bb\u30c3\u30c8(\u78ba\u5b9f\u306b\u8868\u793a) *\/\n      #iroha-sec6::before{\n        background-image:url(\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/11\/1-scaled.png\") !important;\n      }\n\n      .iroha-sec6__overlay{ position:static; width:94%; margin:0 auto; }\n      .iroha-sec6__container{ padding:0 8px; max-width:680px; margin:0 auto; }\n\n      \/* \u30d8\u30c3\u30c0\u30fc - \u30b3\u30df\u30c3\u30af\u98a8 *\/\n      .merit-header{\n        padding:20px 18px; margin:22px auto 18px; text-align:center;\n        background:linear-gradient(135deg, #00d4ff 0%, #0099ff 100%);\n        border-radius:20px; \n        border:5px solid #333; \n        box-shadow:0 10px 30px rgba(0,0,0,.4);\n      }\n      .merit-header__top{ display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:10px; }\n      .sugoi-text__inner{\n        font:900 22px\/1.1 \"Noto Sans JP\"; \n        padding-bottom:6px;\n        color:#FFD700;\n        text-shadow:3px 3px 0 #333, -1px -1px 0 #333;\n      }\n      .sugoi-icon{ font-size:26px; filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5)); }\n      .merit-header__title{ \n        font:900 24px\/1.3 \"Noto Sans JP\"; \n        margin:0 0 8px;\n        color:#fff;\n        text-shadow:3px 3px 0 #333;\n      }\n      .merit-header__desc{ \n        font:13px\/1.6 \"Noto Sans JP\"; \n        color:#fff;\n        text-shadow:1px 1px 0 rgba(0,0,0,.3);\n        font-weight:700;\n      }\n\n      \/* \u30ab\u30fc\u30c9 - \u30b3\u30df\u30c3\u30af\u98a8 *\/\n      .merit-cards{ display:grid; grid-template-columns:1fr; gap:20px; }\n      .merit-card{\n        background:linear-gradient(135deg, #e0f7ff 0%, #b3e5fc 100%);\n        padding:20px 18px; \n        border:5px solid #333;\n        border-radius:20px; \n        box-shadow:0 10px 30px rgba(0,0,0,.4); \n        text-align:center; \n        position:relative;\n        background-image:radial-gradient(circle, #333 1px, transparent 1px);\n        background-size:15px 15px;\n      }\n      .merit-card::before{ \n        content:\"\"; \n        position:absolute; \n        inset:0;\n        background:linear-gradient(135deg, rgba(224, 247, 255, 0.95) 0%, rgba(179, 229, 252, 0.95) 100%);\n        border-radius:15px;\n        z-index:0;\n      }\n      .merit-card > *{ position:relative; z-index:1; }\n      \n      .merit-card.merit-02{\n        background:linear-gradient(135deg, #fff9e6 0%, #ffe4b3 100%);\n      }\n      .merit-card.merit-02::before{\n        background:linear-gradient(135deg, rgba(255, 249, 230, 0.95) 0%, rgba(255, 228, 179, 0.95) 100%);\n      }\n      \n      .merit-card.merit-03{\n        background:linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);\n      }\n      .merit-card.merit-03::before{\n        background:linear-gradient(135deg, rgba(243, 229, 245, 0.95) 0%, rgba(225, 190, 231, 0.95) 100%);\n      }\n\n      .merit-card__header{ \n        display:flex; \n        align-items:baseline; \n        justify-content:center; \n        gap:5px; \n        margin-bottom:12px; \n        padding-bottom:10px; \n        border-bottom:3px solid #333;\n      }\n      .merit-label{ \n        font:700 11px\/1 \"Noto Sans JP\"; \n        color:#333;\n        text-shadow:1px 1px 0 rgba(255,255,255,.5);\n      }\n      .merit-number{ \n        font:900 20px\/1 \"Noto Sans JP\"; \n        color:#333;\n        text-shadow:1px 1px 0 rgba(255,255,255,.5);\n      }\n      .merit-icon{ \n        width:50px; \n        height:50px; \n        margin:0 auto 10px; \n        display:flex; \n        align-items:center; \n        justify-content:center; \n        background:#FFD700; \n        border:4px solid #333; \n        border-radius:50%;\n        box-shadow:0 5px 15px rgba(0,0,0,.3);\n      }\n      .merit-icon span{ \n        font-size:26px;\n        filter:drop-shadow(2px 2px 3px rgba(0,0,0,.3));\n      }\n      .merit-title{ font:900 18px\/1.3 \"Noto Sans JP\"; margin:0 0 12px; }\n      .merit-title .line1{ \n        display:block; \n        color:#333; \n        font:13px\/1.35 \"Noto Sans JP\"; \n        margin-bottom:5px;\n        text-shadow:1px 1px 0 rgba(255,255,255,.5);\n      }\n      .merit-title .highlight{ \n        display:block; \n        color:#333; \n        font:22px\/1.1 \"Noto Sans JP\";\n        background:#FFD700;\n        padding:6px 12px;\n        border-radius:15px;\n        border:3px solid #333;\n        box-shadow:0 4px 10px rgba(0,0,0,.2);\n        display:inline-block;\n        text-shadow:1px 1px 0 rgba(255,255,255,.3);\n      }\n      .merit-desc{ \n        font:12px\/1.7 \"Noto Sans JP\"; \n        color:#333; \n        text-align:center;\n        font-weight:600;\n      }\n      .merit-desc .emphasis{ \n        color:#333; \n        font-weight:900;\n        text-shadow:1px 1px 0 rgba(255,255,255,.5);\n      }\n\n      .cloud-spacer{ height:var(--cloud-safe); }\n      .sp-only{ display:inline; }\n    }\n\n    \/* ===== PC\/\u30bf\u30d6\u30ec\u30c3\u30c8(\u30b3\u30df\u30c3\u30af\u98a8\u30c7\u30b6\u30a4\u30f3 - \u9699\u9593\u306a\u3057) ===== *\/\n    @media (min-width:768px){\n      \/* \u80cc\u666f\u30ec\u30a4\u30e4\u30fc\u306bPC\u753b\u50cf\u3092\u30bb\u30c3\u30c8(\u78ba\u5b9f\u306b\u8868\u793a) *\/\n      #iroha-sec6{\n        --cloud-safe-pc: clamp(280px, 18vw, 400px);\n        margin-top: 0 !important;  \/* 0\u306b\u5909\u66f4 *\/\n        padding-top: 100px !important;\n        padding-bottom: var(--cloud-safe-pc) !important;\n      }\n      #iroha-sec6::before{\n        background-image:url(\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/11\/5-2.png\") !important;\n      }\n\n      \/* \u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u901a\u5e38\u30d5\u30ed\u30fc(\u9ad8\u3055\u306f\u4e2d\u8eab\u3067\u6c7a\u5b9a) *\/\n      .iroha-sec6__overlay{ \n        position:static; \n        width:min(1200px, 100% - 32px); \n        margin:0 auto !important;\n        padding-top: 40px !important;\n      }\n      .iroha-sec6__container{ \n        width:min(1100px, 100% - 48px); \n        margin:0 auto; \n        padding:0 20px;\n      }\n\n      \/* \u30d8\u30c3\u30c0\u30fc - \u30b3\u30df\u30c3\u30af\u98a8 *\/\n      .merit-header{\n        max-width:920px; \n        margin:0 auto 36px; \n        background:linear-gradient(135deg, #00d4ff 0%, #0099ff 100%); \n        text-align:center;\n        padding:40px 50px; \n        border:6px solid #333;\n        border-radius:30px; \n        box-shadow:0 20px 50px rgba(0,0,0,.4);\n      }\n      .merit-header__top{ display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:12px; }\n      .sugoi-text__inner{ \n        font:900 36px\/1.1 system-ui,\"Noto Sans JP\"; \n        padding-bottom:6px;\n        color:#FFD700;\n        text-shadow:4px 4px 0 #333, -2px -2px 0 #333;\n      }\n      .sugoi-icon{ \n        font-size:40px;\n        filter:drop-shadow(3px 3px 6px rgba(0,0,0,.6));\n      }\n      .merit-header__title{ \n        font:900 42px\/1.3 \"Noto Sans JP\"; \n        margin:0 0 12px;\n        color:#fff;\n        text-shadow:5px 5px 0 #333;\n      }\n      .merit-header__desc{ \n        font:18px\/1.7 \"Noto Sans JP\"; \n        color:#fff;\n        font-weight:700;\n        text-shadow:2px 2px 0 rgba(0,0,0,.3);\n      }\n\n      \/* 3\u5217\u30ec\u30a4\u30a2\u30a6\u30c8(PC) - \u30b3\u30df\u30c3\u30af\u98a8 *\/\n      .merit-cards{ \n        display:grid; \n        grid-template-columns:repeat(3,1fr); \n        gap:30px; \n        margin-bottom: 40px !important;\n        padding-bottom: 0 !important;\n      }\n      .merit-card{\n        background:linear-gradient(135deg, #e0f7ff 0%, #b3e5fc 100%); \n        border:6px solid #333; \n        border-radius:24px;\n        padding:30px 26px; \n        text-align:center; \n        position:relative; \n        box-shadow:0 15px 40px rgba(0,0,0,.4);\n        background-image:radial-gradient(circle, #333 1px, transparent 1px);\n        background-size:20px 20px;\n      }\n      .merit-card::before{ \n        content:\"\"; \n        position:absolute; \n        inset:0;\n        background:linear-gradient(135deg, rgba(224, 247, 255, 0.95) 0%, rgba(179, 229, 252, 0.95) 100%);\n        border-radius:18px;\n        z-index:0;\n      }\n      .merit-card > *{ position:relative; z-index:1; }\n      \n      .merit-card.merit-02{\n        background:linear-gradient(135deg, #fff9e6 0%, #ffe4b3 100%);\n      }\n      .merit-card.merit-02::before{\n        background:linear-gradient(135deg, rgba(255, 249, 230, 0.95) 0%, rgba(255, 228, 179, 0.95) 100%);\n      }\n      \n      .merit-card.merit-03{\n        background:linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);\n      }\n      .merit-card.merit-03::before{\n        background:linear-gradient(135deg, rgba(243, 229, 245, 0.95) 0%, rgba(225, 190, 231, 0.95) 100%);\n      }\n\n      .merit-card__header{ \n        display:flex; \n        align-items:baseline; \n        justify-content:center; \n        gap:6px; \n        margin-bottom:16px; \n        padding-bottom:12px; \n        border-bottom:4px solid #333;\n      }\n      .merit-label{ \n        font:700 13px\/1 \"Noto Sans JP\"; \n        color:#333;\n        text-shadow:1px 1px 0 rgba(255,255,255,.5);\n      }\n      .merit-number{ \n        font:900 26px\/1 \"Noto Sans JP\"; \n        color:#333; \n        font-style:italic;\n        text-shadow:2px 2px 0 rgba(255,255,255,.5);\n      }\n      .merit-icon{ \n        width:70px; \n        height:70px; \n        margin:0 auto 16px; \n        display:flex; \n        align-items:center; \n        justify-content:center; \n        background:#FFD700; \n        border:5px solid #333; \n        border-radius:50%;\n        box-shadow:0 8px 20px rgba(0,0,0,.4);\n      }\n      .merit-icon span{ \n        font-size:36px;\n        filter:drop-shadow(3px 3px 4px rgba(0,0,0,.4));\n      }\n      .merit-title{ font:900 20px\/1.35 \"Noto Sans JP\"; margin:0 0 16px; }\n      .merit-title .line1{ \n        display:block; \n        color:#333; \n        font:16px\/1.35 \"Noto Sans JP\"; \n        margin-bottom:8px;\n        text-shadow:1px 1px 0 rgba(255,255,255,.5);\n      }\n      .merit-title .highlight{ \n        display:block; \n        color:#333; \n        font:28px\/1.1 \"Noto Sans JP\";\n        background:#FFD700;\n        padding:8px 20px;\n        border-radius:20px;\n        border:4px solid #333;\n        box-shadow:0 6px 15px rgba(0,0,0,.3);\n        display:inline-block;\n        text-shadow:2px 2px 0 rgba(255,255,255,.3);\n      }\n      .merit-desc{ \n        font:14px\/1.75 \"Noto Sans JP\"; \n        color:#333; \n        text-align:left;\n        font-weight:600;\n      }\n      .merit-desc .emphasis{ \n        color:#333; \n        font-weight:900;\n        text-shadow:1px 1px 0 rgba(255,255,255,.5);\n      }\n\n      .cloud-spacer{ height:0; } \/* PC\u3067\u306f\u7121\u52b9 *\/\n      .pc-only{ display:inline; }\n    }\n\n    \/* ===== \u4e2d\u578bPC\u5bfe\u5fdc(1024px\u4ee5\u4e0a) - \u9699\u9593\u306a\u3057 ===== *\/\n    @media (min-width:1024px){\n      #iroha-sec6{\n        margin-top: 0 !important;  \/* 0\u306b\u5909\u66f4 *\/\n        padding-top: 120px !important;\n        --cloud-safe-pc: clamp(320px, 20vw, 450px);\n      }\n      .iroha-sec6__overlay{ \n        padding-top: 50px !important;\n      }\n      .merit-cards{ \n        margin-bottom: 50px !important;\n      }\n    }\n\n    \/* ===== \u5927\u753b\u9762PC\u5bfe\u5fdc(1400px\u4ee5\u4e0a) - \u9699\u9593\u306a\u3057 ===== *\/\n    @media (min-width:1400px){\n      #iroha-sec6{\n        margin-top: 0 !important;  \/* 0\u306b\u5909\u66f4 *\/\n        padding-top: 150px !important;\n        padding-bottom: 500px !important;\n      }\n      .iroha-sec6__overlay{ \n        padding-top: 60px !important;\n      }\n      .merit-cards{ \n        margin-bottom: 60px !important;\n      }\n    }\n  <\/style>\n<\/section>\n<!-- ============ \/IROHA SPACE:\u30bb\u30af\u30b7\u30e7\u30f36 ============ -->\n\n\n\n<!-- ============ IROHA SPACE:\u65bd\u5de5\u4e8b\u4f8b\u30bb\u30af\u30b7\u30e7\u30f3 ============ -->\n<section id=\"iroha-case-studies\" class=\"iroha-case-studies\" aria-label=\"\u65bd\u5de5\u4e8b\u4f8b\">\n  <div class=\"case-studies__container\">\n    \n    <!-- \u30bf\u30a4\u30c8\u30eb -->\n    <div class=\"case-studies__header\">\n      <div class=\"header-comic-burst\">\n        <span class=\"burst-text\">CHECK!<\/span>\n      <\/div>\n      <h2 class=\"case-studies__title\">\n        <span class=\"title-main\">\u6d17\u6d44\u3067<\/span>\n        <span class=\"title-highlight\">\u3053\u3053\u307e\u3067\u30ad\u30ec\u30a4\u306b!<\/span>\n      <\/h2>\n      <p class=\"case-studies__desc\">IROHA SPACE\u306e\u5916\u58c1\u6d17\u6d44<br>\u9a5a\u304d\u306eBefore\u2192After!<\/p>\n    <\/div>\n\n    <!-- \u4e8b\u4f8b1: \u6392\u6c17\u53e3\u6c5a\u308c -->\n    <div class=\"case-study-item\">\n      <div class=\"comic-burst left\">\n        <span>OMG!!<\/span>\n      <\/div>\n      <div class=\"case-study__label\">\n        <span class=\"label-icon\">\ud83d\udca8<\/span>\n        <span class=\"label-text\">\u6392\u6c17\u53e3\u6c5a\u308c<\/span>\n      <\/div>\n      <div class=\"case-study__content\">\n        <div class=\"before-section\">\n          <div class=\"section-tag before-tag\">BEFORE<\/div>\n          <div class=\"image-box before\">\n            <img decoding=\"async\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/12\/1.png\" alt=\"\u6392\u6c17\u53e3\u6c5a\u308c - Before\">\n          <\/div>\n          <div class=\"status-badge bad\">\u771f\u3063\u9ed2&#8230;<\/div>\n        <\/div>\n        <div class=\"arrow-wrapper\">\n          <div class=\"arrow-circle\">\n            <span class=\"arrow-icon\">\u2192<\/span>\n          <\/div>\n          <div class=\"arrow-text\">\u6d17\u6d44!<\/div>\n        <\/div>\n        <div class=\"after-section\">\n          <div class=\"section-tag after-tag\">AFTER<\/div>\n          <div class=\"image-box after exhaust-after\">\n            <div class=\"shine-effect\">\n              <span class=\"shine\">\u2728<\/span>\n              <span class=\"shine\">\u2728<\/span>\n            <\/div>\n            <img decoding=\"async\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/12\/2.png\" alt=\"\u6392\u6c17\u53e3\u6c5a\u308c - After\">\n          <\/div>\n          <div class=\"status-badge good\">\u30d4\u30ab\u30d4\u30ab!<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u4e8b\u4f8b2: \u30b3\u30b1\u6c5a\u308c -->\n    <div class=\"case-study-item\">\n      <div class=\"comic-burst right pink\">\n        <span>WOW!<\/span>\n      <\/div>\n      <div class=\"case-study__label green\">\n        <span class=\"label-icon\">\ud83d\udfe2<\/span>\n        <span class=\"label-text\">\u30b3\u30b1\u6c5a\u308c<\/span>\n      <\/div>\n      <div class=\"case-study__content\">\n        <div class=\"before-section\">\n          <div class=\"section-tag before-tag\">BEFORE<\/div>\n          <div class=\"image-box before\">\n            <img decoding=\"async\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/12\/3.png\" alt=\"\u30b3\u30b1\u6c5a\u308c - Before\">\n          <\/div>\n          <div class=\"status-badge bad\">\u7dd1\u8272\u306b&#8230;<\/div>\n        <\/div>\n        <div class=\"arrow-wrapper\">\n          <div class=\"arrow-circle\">\n            <span class=\"arrow-icon\">\u2192<\/span>\n          <\/div>\n          <div class=\"arrow-text\">\u6d17\u6d44!<\/div>\n        <\/div>\n        <div class=\"after-section\">\n          <div class=\"section-tag after-tag\">AFTER<\/div>\n          <div class=\"image-box after\">\n            <div class=\"shine-effect\">\n              <span class=\"shine\">\u2728<\/span>\n              <span class=\"shine\">\u2728<\/span>\n            <\/div>\n            <img decoding=\"async\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/12\/4.png\" alt=\"\u30b3\u30b1\u6c5a\u308c - After\">\n          <\/div>\n          <div class=\"status-badge good\">\u771f\u3063\u767d!<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u4e8b\u4f8b3: \u30ab\u30d3\u6c5a\u308c -->\n    <div class=\"case-study-item\">\n      <div class=\"comic-burst left purple\">\n        <span>COOL!<\/span>\n      <\/div>\n      <div class=\"case-study__label purple\">\n        <span class=\"label-icon\">\ud83e\udda0<\/span>\n        <span class=\"label-text\">\u30ab\u30d3\u6c5a\u308c<\/span>\n      <\/div>\n      <div class=\"case-study__content\">\n        <div class=\"before-section\">\n          <div class=\"section-tag before-tag\">BEFORE<\/div>\n          <div class=\"image-box before\">\n            <img decoding=\"async\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/12\/7.png\" alt=\"\u30ab\u30d3\u6c5a\u308c - Before\">\n          <\/div>\n          <div class=\"status-badge bad\">\u30ab\u30d3\u3060\u3089\u3051&#8230;<\/div>\n        <\/div>\n        <div class=\"arrow-wrapper\">\n          <div class=\"arrow-circle\">\n            <span class=\"arrow-icon\">\u2192<\/span>\n          <\/div>\n          <div class=\"arrow-text\">\u6d17\u6d44!<\/div>\n        <\/div>\n        <div class=\"after-section\">\n          <div class=\"section-tag after-tag\">AFTER<\/div>\n          <div class=\"image-box after\">\n            <div class=\"shine-effect\">\n              <span class=\"shine\">\u2728<\/span>\n              <span class=\"shine\">\u2728<\/span>\n            <\/div>\n            <img decoding=\"async\" src=\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/12\/8.png\" alt=\"\u30ab\u30d3\u6c5a\u308c - After\">\n          <\/div>\n          <div class=\"status-badge good\">\u6e05\u6f54!<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <style>\n    \/* ===== \u5168\u4f53CSS\u3068\u524d\u30bb\u30af\u30b7\u30e7\u30f3\u306e\u5f71\u97ff\u3092\u5b8c\u5168\u306b\u7121\u52b9\u5316 ===== *\/\n    #iroha-case-studies {\n      position: relative;\n      width: 100vw !important;\n      max-width: 100vw !important;\n      margin: 0 !important;\n      padding: 0 !important;\n      padding-block: 0 !important;\n      padding-top: 0 !important;\n      padding-bottom: 0 !important;\n      background-color: #ffffff;\n      overflow: hidden;\n      box-sizing: border-box;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n    }\n\n    \/* \u80cc\u666f\u753b\u50cf *\/\n    #iroha-case-studies::after {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 0;\n      pointer-events: none;\n      background-repeat: no-repeat;\n      background-position: center top;\n      background-size: cover;\n    }\n\n    #iroha-case-studies .case-studies__container {\n      max-width: 1200px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* ===== \u30d8\u30c3\u30c0\u30fc ===== *\/\n    #iroha-case-studies .case-studies__header {\n      text-align: center;\n      position: relative;\n      z-index: 2;\n      background: linear-gradient(135deg, #00d4ff 0%, #0099ff 100%);\n      padding: 50px 30px;\n      border-radius: 30px;\n      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n      border: 6px solid #333;\n      margin-bottom: 60px;\n      position: relative;\n    }\n\n    #iroha-case-studies .header-comic-burst {\n      position: absolute;\n      top: -30px;\n      right: 40px;\n      width: 100px;\n      height: 100px;\n      background: #FFD700;\n      border: 5px solid #333;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);\n      transform: rotate(-15deg);\n      animation: burst-bounce 2s ease-in-out infinite;\n    }\n\n    #iroha-case-studies .burst-text {\n      font-size: 22px;\n      font-weight: 900;\n      color: #333;\n      letter-spacing: 1px;\n      transform: rotate(15deg);\n    }\n\n    @keyframes burst-bounce {\n      0%, 100% { transform: rotate(-15deg) scale(1); }\n      50% { transform: rotate(-15deg) scale(1.1); }\n    }\n\n    #iroha-case-studies .case-studies__title {\n      font-weight: 900;\n      line-height: 1.3;\n      margin: 0;\n      color: #fff;\n      text-shadow: 4px 4px 0 #333;\n    }\n\n    #iroha-case-studies .title-main {\n      display: block;\n      font-size: 32px;\n      margin-bottom: 10px;\n    }\n\n    #iroha-case-studies .title-highlight {\n      display: block;\n      font-size: 48px;\n      color: #FFD700;\n      text-shadow: 5px 5px 0 #333, -2px -2px 0 #333;\n    }\n\n    #iroha-case-studies .case-studies__desc {\n      font-size: 18px;\n      color: #fff;\n      margin: 20px 0 0;\n      line-height: 1.8;\n      font-weight: 700;\n      text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);\n    }\n\n    \/* ===== \u30b3\u30df\u30c3\u30af\u5439\u304d\u51fa\u3057 ===== *\/\n    #iroha-case-studies .comic-burst {\n      position: absolute;\n      z-index: 10;\n      width: 120px;\n      height: 120px;\n      background: #FFD700;\n      border: 5px solid #333;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);\n      clip-path: polygon(\n        30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, \n        30% 100%, 0% 70%, 0% 30%\n      );\n      animation: burst-rotate 3s ease-in-out infinite;\n    }\n\n    #iroha-case-studies .comic-burst.left {\n      top: 20px;\n      left: -40px;\n    }\n\n    #iroha-case-studies .comic-burst.right {\n      top: 20px;\n      right: -40px;\n    }\n\n    #iroha-case-studies .comic-burst.pink {\n      background: #FF69B4;\n    }\n\n    #iroha-case-studies .comic-burst.purple {\n      background: #DA70D6;\n    }\n\n    #iroha-case-studies .comic-burst span {\n      font-size: 24px;\n      font-weight: 900;\n      color: #333;\n      letter-spacing: 1px;\n      text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.5);\n    }\n\n    @keyframes burst-rotate {\n      0%, 100% { transform: rotate(-5deg) scale(1); }\n      50% { transform: rotate(5deg) scale(1.05); }\n    }\n\n    \/* ===== \u4e8b\u4f8b\u30a2\u30a4\u30c6\u30e0 ===== *\/\n    #iroha-case-studies .case-study-item {\n      position: relative;\n      z-index: 2;\n      background: linear-gradient(135deg, #e0f7ff 0%, #b3e5fc 100%);\n      border-radius: 30px;\n      padding: 40px 30px;\n      margin-bottom: 60px;\n      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n      border: 6px solid #333;\n      background-image: \n        radial-gradient(circle, #333 1px, transparent 1px);\n      background-size: 20px 20px;\n      background-position: 0 0, 10px 10px;\n    }\n\n    #iroha-case-studies .case-study-item::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(135deg, rgba(224, 247, 255, 0.95) 0%, rgba(179, 229, 252, 0.95) 100%);\n      border-radius: 24px;\n      z-index: -1;\n    }\n\n    #iroha-case-studies .case-study-item:nth-child(3) {\n      background: linear-gradient(135deg, #fff9e6 0%, #ffe4b3 100%);\n    }\n\n    #iroha-case-studies .case-study-item:nth-child(3)::before {\n      background: linear-gradient(135deg, rgba(255, 249, 230, 0.95) 0%, rgba(255, 228, 179, 0.95) 100%);\n    }\n\n    #iroha-case-studies .case-study-item:nth-child(4) {\n      background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);\n    }\n\n    #iroha-case-studies .case-study-item:nth-child(4)::before {\n      background: linear-gradient(135deg, rgba(243, 229, 245, 0.95) 0%, rgba(225, 190, 231, 0.95) 100%);\n    }\n\n    #iroha-case-studies .case-study__label {\n      background: #333;\n      color: white;\n      font-size: 32px;\n      font-weight: 900;\n      padding: 20px 45px;\n      display: inline-flex;\n      align-items: center;\n      gap: 15px;\n      border-radius: 60px;\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n      border: 5px solid #fff;\n      margin-bottom: 30px;\n      text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);\n    }\n\n    #iroha-case-studies .case-study__label.green {\n      background: linear-gradient(135deg, #00e676 0%, #00c853 100%);\n    }\n\n    #iroha-case-studies .case-study__label.purple {\n      background: linear-gradient(135deg, #DA70D6 0%, #BA55D3 100%);\n    }\n\n    #iroha-case-studies .label-icon {\n      font-size: 40px;\n      filter: drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.5));\n    }\n\n    #iroha-case-studies .label-text {\n      font-size: 32px;\n    }\n\n    #iroha-case-studies .case-study__content {\n      display: flex;\n      align-items: center;\n      gap: 30px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    \/* ===== Before\/After\u30bb\u30af\u30b7\u30e7\u30f3 ===== *\/\n    #iroha-case-studies .before-section,\n    #iroha-case-studies .after-section {\n      position: relative;\n      flex: 1;\n      min-width: 280px;\n    }\n\n    #iroha-case-studies .section-tag {\n      position: absolute;\n      top: -20px;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 10;\n      font-size: 20px;\n      font-weight: 900;\n      padding: 12px 30px;\n      border-radius: 30px;\n      letter-spacing: 2px;\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);\n      border: 4px solid #333;\n    }\n\n    #iroha-case-studies .before-tag {\n      background: #FF6B6B;\n      color: white;\n      text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);\n    }\n\n    #iroha-case-studies .after-tag {\n      background: #00d4ff;\n      color: white;\n      text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);\n    }\n\n    #iroha-case-studies .image-box {\n      position: relative;\n      border-radius: 20px;\n      overflow: hidden;\n      border: 6px solid #333;\n      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);\n      background: white;\n    }\n\n    #iroha-case-studies .image-box img {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    #iroha-case-studies .image-box.before img {\n      filter: brightness(0.8) contrast(1.1) saturate(0.8);\n    }\n\n    #iroha-case-studies .image-box.after img {\n      filter: brightness(1.2) contrast(1.05) saturate(1.3);\n    }\n\n    \/* \u6392\u6c17\u53e3\u306e\u30a2\u30d5\u30bf\u30fc\u753b\u50cf\u306e\u307f\u660e\u308b\u3055\u3092\u63a7\u3048\u3081\u306b *\/\n    #iroha-case-studies .image-box.exhaust-after img {\n      filter: brightness(1.05) contrast(1.02) saturate(1.1);\n    }\n\n    #iroha-case-studies .status-badge {\n      position: absolute;\n      bottom: -18px;\n      left: 50%;\n      transform: translateX(-50%);\n      font-size: 18px;\n      font-weight: 900;\n      padding: 12px 28px;\n      border-radius: 30px;\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);\n      white-space: nowrap;\n      border: 4px solid #333;\n    }\n\n    #iroha-case-studies .status-badge.bad {\n      background: #FF6B6B;\n      color: white;\n      text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);\n    }\n\n    #iroha-case-studies .status-badge.good {\n      background: #FFD700;\n      color: #333;\n      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);\n    }\n\n    \/* \u30ad\u30e9\u30ad\u30e9\u30a8\u30d5\u30a7\u30af\u30c8 *\/\n    #iroha-case-studies .shine-effect {\n      position: absolute;\n      top: -25px;\n      right: -25px;\n      z-index: 10;\n      display: flex;\n      gap: 10px;\n    }\n\n    #iroha-case-studies .shine {\n      font-size: 50px;\n      animation: cs-shine 1.5s ease-in-out infinite;\n      filter: drop-shadow(3px 3px 8px rgba(255, 215, 0, 0.8));\n    }\n\n    #iroha-case-studies .shine:nth-child(2) {\n      animation-delay: 0.5s;\n    }\n\n    @keyframes cs-shine {\n      0%, 100% { transform: scale(1) rotate(0deg); opacity: 1; }\n      50% { transform: scale(1.5) rotate(180deg); opacity: 0.6; }\n    }\n\n    \/* \u77e2\u5370 *\/\n    #iroha-case-studies .arrow-wrapper {\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      gap: 15px;\n    }\n\n    #iroha-case-studies .arrow-circle {\n      width: 80px;\n      height: 80px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);\n      border: 5px solid #333;\n      animation: arrow-pulse 2s ease-in-out infinite;\n    }\n\n    #iroha-case-studies .arrow-icon {\n      font-size: 40px;\n      font-weight: 900;\n      color: #333;\n      text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.5);\n    }\n\n    #iroha-case-studies .arrow-text {\n      font-size: 24px;\n      font-weight: 900;\n      color: #333;\n      text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.5);\n      background: #FFD700;\n      padding: 10px 24px;\n      border-radius: 30px;\n      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);\n      border: 4px solid #333;\n    }\n\n    @keyframes arrow-pulse {\n      0%, 100% { transform: scale(1); }\n      50% { transform: scale(1.15); }\n    }\n\n    \/* ===== \u30b9\u30de\u30db\u5bfe\u5fdc ===== *\/\n    @media (max-width: 768px) {\n      #iroha-case-studies::after {\n        background-image: url(\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/11\/2-scaled.png\");\n        height: 280px;\n        background-size: 100% auto;\n      }\n\n      #iroha-case-studies .case-studies__container {\n        padding: 290px 15px 60px;\n      }\n\n      #iroha-case-studies .case-studies__header {\n        padding: 40px 20px;\n        margin-bottom: 50px;\n      }\n\n      #iroha-case-studies .header-comic-burst {\n        width: 80px;\n        height: 80px;\n        top: -25px;\n        right: 20px;\n      }\n\n      #iroha-case-studies .burst-text {\n        font-size: 16px;\n      }\n\n      #iroha-case-studies .title-main {\n        font-size: 24px;\n      }\n\n      #iroha-case-studies .title-highlight {\n        font-size: 32px;\n      }\n\n      #iroha-case-studies .case-studies__desc {\n        font-size: 14px;\n      }\n\n      #iroha-case-studies .case-study-item {\n        padding: 30px 20px;\n        margin-bottom: 50px;\n      }\n\n      \/* \u30b9\u30de\u30db\u7248\u3067\u30b3\u30df\u30c3\u30af\u5439\u304d\u51fa\u3057\u3092\u975e\u8868\u793a *\/\n      #iroha-case-studies .comic-burst {\n        display: none !important;\n      }\n\n      #iroha-case-studies .case-study__label {\n        font-size: 22px;\n        padding: 16px 32px;\n      }\n\n      #iroha-case-studies .label-icon {\n        font-size: 28px;\n      }\n\n      #iroha-case-studies .label-text {\n        font-size: 22px;\n      }\n\n      #iroha-case-studies .case-study__content {\n        flex-direction: column;\n        gap: 25px;\n      }\n\n      #iroha-case-studies .before-section,\n      #iroha-case-studies .after-section {\n        width: 100%;\n        max-width: 320px;\n      }\n\n      #iroha-case-studies .arrow-wrapper {\n        flex-direction: column;\n      }\n\n      #iroha-case-studies .arrow-circle {\n        width: 70px;\n        height: 70px;\n      }\n\n      #iroha-case-studies .arrow-icon {\n        font-size: 32px;\n        transform: rotate(90deg);\n      }\n\n      #iroha-case-studies .arrow-text {\n        font-size: 18px;\n        padding: 8px 20px;\n      }\n\n      #iroha-case-studies .section-tag {\n        font-size: 16px;\n        padding: 10px 24px;\n      }\n\n      #iroha-case-studies .shine-effect {\n        top: -20px;\n        right: -20px;\n      }\n\n      #iroha-case-studies .shine {\n        font-size: 36px;\n      }\n\n      #iroha-case-studies .status-badge {\n        font-size: 16px;\n        padding: 10px 22px;\n      }\n    }\n\n    \/* ===== PC\u5bfe\u5fdc ===== *\/\n    @media (min-width: 769px) {\n      #iroha-case-studies::after {\n        background-image: url(\"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/wp-content\/uploads\/2025\/11\/6-1.png\");\n        height: 400px;\n        background-size: 100% auto;\n      }\n\n      #iroha-case-studies .case-studies__container {\n        padding: 420px 20px 80px;\n      }\n\n      \/* \u5076\u6570\u756a\u76ee\u3092\u53cd\u8ee2 *\/\n      #iroha-case-studies .case-study-item.reverse .case-study__content {\n        flex-direction: row-reverse;\n      }\n    }\n\n    \/* ===== \u4e2d\u578bPC\u5bfe\u5fdc ===== *\/\n    @media (min-width: 1024px) {\n      #iroha-case-studies::after {\n        height: 450px;\n      }\n\n      #iroha-case-studies .case-studies__container {\n        padding-top: 470px;\n      }\n    }\n\n    \/* ===== \u5927\u753b\u9762PC\u5bfe\u5fdc ===== *\/\n    @media (min-width: 1400px) {\n      #iroha-case-studies::after {\n        height: 500px;\n      }\n\n      #iroha-case-studies .case-studies__container {\n        padding-top: 520px;\n      }\n    }\n  <\/style>\n<\/section>\n<!-- ============ \/IROHA SPACE:\u65bd\u5de5\u4e8b\u4f8b\u30bb\u30af\u30b7\u30e7\u30f3 ============ -->\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u5916\u58c1\u6d17\u6d44\u306e\u6d41\u308c &#8211; FLOW<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            overflow-x: hidden;\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n            overflow-x: hidden;\n        }\n\n        .flow-section {\n            min-height: 100vh;\n            background-color: #77e7e9;\n            padding: 5rem 1rem 5rem;\n            position: relative;\n            overflow-x: hidden;\n            overflow-y: visible;\n        }\n\n        \/* Background dots *\/\n        .bg-dots {\n            position: absolute;\n            width: 12px;\n            height: 12px;\n            background: rgba(0, 0, 0, 0.1);\n            border-radius: 50%;\n        }\n        .bg-dot-1 { top: 40px; left: 40px; }\n        .bg-dot-2 { top: 80px; right: 80px; width: 8px; height: 8px; }\n        .bg-dot-3 { bottom: 80px; left: 25%; width: 16px; height: 16px; }\n        .bg-dot-4 { bottom: 160px; right: 33%; width: 12px; height: 12px; }\n\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 10;\n            width: 100%;\n            padding: 0 1rem 2rem;\n        }\n\n        \/* Header *\/\n        .header {\n            text-align: center;\n            margin-bottom: 3rem;\n            margin-top: 2rem;\n            padding: 0 1rem;\n            position: relative;\n            overflow: visible;\n        }\n\n        \/* Comic burst decoration *\/\n        .comic-burst {\n            position: absolute;\n            top: -50px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 250px;\n            height: 250px;\n            pointer-events: none;\n            z-index: 0;\n        }\n\n        .burst-svg {\n            width: 100%;\n            height: 100%;\n            animation: rotate 20s linear infinite;\n        }\n\n        @keyframes rotate {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n\n        \/* Comic text elements *\/\n        .comic-element {\n            position: absolute;\n            font-weight: 900;\n            font-size: 1.75rem;\n            color: white;\n            text-shadow: \n                3px 3px 0px #000,\n                -1px -1px 0px #000,\n                1px -1px 0px #000,\n                -1px 1px 0px #000;\n            z-index: 5;\n            animation: float 3s ease-in-out infinite;\n            pointer-events: none;\n        }\n\n        .comic-pow {\n            top: 10%;\n            right: 5%;\n            color: #ff6b6b;\n            animation-delay: 0s;\n        }\n\n        .comic-wow {\n            top: 15%;\n            left: 5%;\n            color: #4ecdc4;\n            animation-delay: 1s;\n        }\n\n        .comic-star.star-float {\n            top: 30%;\n            right: 10%;\n            font-size: 2.5rem;\n            animation: float 2s ease-in-out infinite;\n            animation-delay: 0.5s;\n        }\n\n        .comic-sparkle {\n            top: 35%;\n            left: 8%;\n            font-size: 2rem;\n            animation-delay: 1.5s;\n        }\n\n        .comic-lightning {\n            bottom: 20%;\n            right: 8%;\n            font-size: 2rem;\n            color: #ffd93d;\n            animation-delay: 2s;\n        }\n\n        @keyframes float {\n            0%, 100% {\n                transform: translateY(0) rotate(0deg);\n            }\n            50% {\n                transform: translateY(-20px) rotate(10deg);\n            }\n        }\n\n        .header-subtitle {\n            display: inline-block;\n            font-size: 1.5rem;\n            font-weight: 900;\n            background: white;\n            border: 5px solid black;\n            padding: 1rem 2.5rem;\n            transform: rotate(-3deg);\n            box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 1);\n            margin-bottom: 2rem;\n            max-width: 90%;\n            letter-spacing: 0.05em;\n        }\n\n        .header-title {\n            font-size: 3.5rem;\n            font-weight: 900;\n            color: white;\n            margin-bottom: 2rem;\n            transform: rotate(1deg);\n            text-shadow: \n                4px 4px 0px #000,\n                8px 8px 0px rgba(0, 0, 0, 0.3);\n            -webkit-text-stroke: 3px black;\n            word-break: keep-all;\n            max-width: 100%;\n        }\n\n        .header-description {\n            display: inline-block;\n            background: white;\n            border: 4px solid black;\n            padding: 0.75rem 1.5rem;\n            transform: rotate(1deg);\n            box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 1);\n            font-weight: bold;\n            line-height: 1.6;\n            max-width: 90%;\n            margin-bottom: 2rem;\n        }\n\n        \/* SNS Contact Buttons *\/\n        .sns-buttons {\n            display: flex;\n            gap: 1.5rem;\n            justify-content: center;\n            flex-wrap: wrap;\n            margin-top: 2rem;\n        }\n\n        .sns-button {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: 0.75rem;\n            padding: 1.5rem 2.5rem;\n            border: 5px solid black;\n            border-radius: 60px;\n            text-decoration: none;\n            font-weight: 900;\n            transition: all 0.3s ease;\n            box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 1);\n            position: relative;\n            overflow: hidden;\n            min-width: 220px;\n        }\n\n        .sns-button::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(\n                45deg,\n                transparent,\n                rgba(255, 255, 255, 0.4),\n                transparent\n            );\n            transform: rotate(45deg);\n            animation: shine 3s infinite;\n        }\n\n        @keyframes shine {\n            0% {\n                left: -50%;\n            }\n            100% {\n                left: 150%;\n            }\n        }\n\n        .sns-button:hover {\n            transform: translateY(-6px) scale(1.05);\n            box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 1);\n        }\n\n        .sns-button:active {\n            transform: translateY(0);\n            box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);\n        }\n\n        .line-button {\n            background: linear-gradient(135deg, #00B900 0%, #06C755 50%, #00E863 100%);\n            color: white;\n        }\n\n        .instagram-button {\n            background: linear-gradient(135deg, #FD5949 0%, #D6249F 30%, #DD2A7B 50%, #C13584 70%, #8134AF 100%);\n            color: white;\n        }\n\n        .tiktok-button {\n            background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%);\n            color: white;\n        }\n\n        .sns-icon {\n            width: 50px;\n            height: 50px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            position: relative;\n            z-index: 1;\n            transition: transform 0.3s ease;\n            background: white;\n            border-radius: 50%;\n            padding: 7px;\n            border: 3px solid rgba(0, 0, 0, 0.2);\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n        }\n\n        .sns-button:hover .sns-icon {\n            transform: rotate(360deg) scale(1.15);\n        }\n\n        .sns-icon svg {\n            width: 100%;\n            height: 100%;\n            filter: drop-shadow(0 2px 6px rgba(0,0,0,0.25));\n        }\n\n        .line-button .sns-icon svg {\n            color: #06C755 !important;\n        }\n        \n        .line-button .sns-icon svg path {\n            fill: #06C755 !important;\n        }\n\n        .instagram-button .sns-icon svg {\n            color: #E1306C !important;\n        }\n        \n        .instagram-button .sns-icon svg path {\n            fill: #E1306C !important;\n        }\n\n        .tiktok-button .sns-icon svg {\n            color: #000000 !important;\n        }\n        \n        .tiktok-button .sns-icon svg path {\n            fill: #000000 !important;\n        }\n\n        .button-text {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 0.125rem;\n            position: relative;\n            z-index: 1;\n            flex: 1;\n            text-align: center;\n        }\n\n        .button-label {\n            font-size: 1.35rem;\n            font-weight: 900;\n            line-height: 1;\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n        }\n\n        .button-sublabel {\n            font-size: 0.85rem;\n            font-weight: 700;\n            opacity: 0.95;\n            line-height: 1;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Decorative stars *\/\n        .star {\n            position: absolute;\n            font-size: 2.5rem;\n            animation: pulse 2s ease-in-out infinite;\n        }\n        .star-1 { top: 10px; right: -10px; }\n        .star-2 { bottom: -10px; left: -10px; font-size: 2rem; animation-delay: 0.5s; }\n\n        @keyframes pulse {\n            0%, 100% { opacity: 1; transform: scale(1); }\n            50% { opacity: 0.7; transform: scale(1.1); }\n        }\n\n        \/* Accordion items *\/\n        .accordion-list {\n            display: flex;\n            flex-direction: column;\n            gap: 2rem;\n        }\n\n        .accordion-item {\n            position: relative;\n            transition: transform 0.3s ease;\n        }\n\n        .accordion-item:hover {\n            transform: scale(1.02) rotate(-1deg);\n        }\n\n        \/* Comic shadow *\/\n        .accordion-shadow {\n            position: absolute;\n            inset: 0;\n            background: black;\n            transform: translate(12px, 12px);\n            border-radius: 12px;\n            z-index: 0;\n        }\n\n        .accordion-card {\n            position: relative;\n            background: white;\n            border: 5px solid black;\n            border-radius: 12px;\n            overflow: hidden;\n            z-index: 1;\n        }\n\n        \/* Color overlays *\/\n        .color-overlay-pink { background: linear-gradient(135deg, rgba(251, 207, 232, 0.7), rgba(251, 207, 232, 0.4)); }\n        .color-overlay-blue { background: linear-gradient(135deg, rgba(219, 234, 254, 0.7), rgba(219, 234, 254, 0.4)); }\n        .color-overlay-green { background: linear-gradient(135deg, rgba(220, 252, 231, 0.7), rgba(220, 252, 231, 0.4)); }\n        .color-overlay-purple { background: linear-gradient(135deg, rgba(243, 232, 255, 0.7), rgba(243, 232, 255, 0.4)); }\n        .color-overlay-orange { background: linear-gradient(135deg, rgba(254, 243, 199, 0.7), rgba(254, 243, 199, 0.4)); }\n\n        \/* Halftone pattern *\/\n        .halftone {\n            position: absolute;\n            inset: 0;\n            background-image: radial-gradient(circle, black 1px, transparent 1px);\n            background-size: 4px 4px;\n            opacity: 0.1;\n            pointer-events: none;\n        }\n\n        .accordion-header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 1.5rem;\n            cursor: pointer !important;\n            position: relative;\n            z-index: 10;\n            background: transparent;\n            border: none;\n            width: 100%;\n            user-select: none !important;\n        }\n\n        .accordion-header:hover .plus-button {\n            box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 1);\n            transform: rotate(90deg);\n        }\n\n        .accordion-left {\n            display: flex;\n            align-items: center;\n            gap: 1.5rem;\n            flex: 1;\n        }\n\n        .number-badge {\n            position: relative;\n            min-width: 80px;\n            height: 80px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .number-circle {\n            position: absolute;\n            inset: 0;\n            border-radius: 50%;\n            border: 4px solid black;\n            box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);\n            transition: box-shadow 0.3s;\n        }\n\n        .badge-pink { background: linear-gradient(to bottom right, #f472b6, #f43f5e); }\n        .badge-blue { background: linear-gradient(to bottom right, #60a5fa, #06b6d4); }\n        .badge-green { background: linear-gradient(to bottom right, #4ade80, #10b981); }\n        .badge-purple { background: linear-gradient(to bottom right, #a78bfa, #8b5cf6); }\n        .badge-orange { background: linear-gradient(to bottom right, #fb923c, #f59e0b); }\n\n        .number-text {\n            position: relative;\n            z-index: 10;\n            font-size: 2.5rem;\n            font-weight: 900;\n            color: white;\n            text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);\n        }\n\n        .title-wrapper {\n            flex: 1;\n        }\n\n        .accordion-title {\n            font-size: 1.35rem;\n            font-weight: 900;\n            color: #1f2937;\n            display: block;\n            margin-bottom: 0.5rem;\n            transition: transform 0.3s;\n        }\n\n        .accordion-header:hover .accordion-title {\n            transform: scale(1.05);\n        }\n\n        .title-underline {\n            height: 4px;\n            width: 7rem;\n            border-radius: 9999px;\n        }\n\n        .underline-pink { background: linear-gradient(to right, #f472b6, #f43f5e); }\n        .underline-blue { background: linear-gradient(to right, #60a5fa, #06b6d4); }\n        .underline-green { background: linear-gradient(to right, #4ade80, #10b981); }\n        .underline-purple { background: linear-gradient(to right, #a78bfa, #8b5cf6); }\n        .underline-orange { background: linear-gradient(to right, #fb923c, #f59e0b); }\n\n        .plus-button {\n            width: 52px;\n            height: 52px;\n            border-radius: 50%;\n            border: 4px solid black;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);\n            transition: all 0.3s;\n            flex-shrink: 0;\n        }\n\n        .plus-icon, .minus-icon {\n            width: 26px;\n            height: 26px;\n            stroke: white;\n            stroke-width: 4;\n            fill: none;\n        }\n\n        .minus-icon {\n            display: none;\n        }\n\n        .accordion-item.active .plus-icon {\n            display: none;\n        }\n\n        .accordion-item.active .minus-icon {\n            display: block;\n        }\n\n        \/* Accordion content *\/\n        .accordion-content {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.4s ease !important;\n            opacity: 0;\n        }\n\n        .accordion-item.active .accordion-content {\n            max-height: 1000px;\n            opacity: 1;\n        }\n\n        .content-inner {\n            padding: 1.5rem;\n        }\n\n        .speech-bubble {\n            position: relative;\n            background: white;\n            border: 4px solid black;\n            border-radius: 16px;\n            padding: 1.5rem;\n            box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.2);\n        }\n\n        .speech-bubble::before {\n            content: '';\n            position: absolute;\n            left: -16px;\n            top: 32px;\n            width: 32px;\n            height: 32px;\n            background: white;\n            border-left: 4px solid black;\n            border-bottom: 4px solid black;\n            transform: rotate(45deg);\n        }\n\n        .bubble-text {\n            color: #374151;\n            line-height: 1.6;\n            font-weight: 500;\n            position: relative;\n            z-index: 10;\n        }\n\n        \/* Bottom CTA *\/\n        .bottom-cta {\n            margin-top: 4rem;\n            margin-bottom: 3rem;\n            text-align: center;\n        }\n\n        .cta-box {\n            display: inline-block;\n            background: white;\n            border: 5px solid black;\n            padding: 1rem 2.5rem;\n            transform: rotate(-2deg);\n            box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 1);\n            animation: ctaPulse 2s ease-in-out infinite;\n            cursor: pointer;\n            transition: transform 0.3s ease;\n        }\n\n        .cta-box:hover {\n            transform: rotate(-2deg) scale(1.1);\n            box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 1);\n        }\n\n        @keyframes ctaPulse {\n            0%, 100% {\n                transform: rotate(-2deg) scale(1);\n            }\n            50% {\n                transform: rotate(-2deg) scale(1.05);\n            }\n        }\n\n        .cta-text {\n            font-size: 1.75rem;\n            font-weight: 900;\n            background: linear-gradient(to right, #ec4899, #a855f7, #3b82f6);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        \/* Floating elements *\/\n        .floating-emoji {\n            position: absolute;\n            font-size: 2rem;\n            animation: bounce 2s ease-in-out infinite;\n        }\n\n        .float-1 { top: 80px; right: 40px; }\n        .float-2 { top: 160px; left: 40px; animation-delay: 0.3s; font-size: 1.75rem; }\n        .float-3 { bottom: 128px; right: 80px; animation-delay: 0.6s; }\n\n        @keyframes bounce {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-20px); }\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1024px) {\n            .flow-section {\n                padding: 4rem 1rem 4rem;\n            }\n\n            .header {\n                margin-top: 1.5rem;\n            }\n\n            .header-title {\n                font-size: 3rem;\n            }\n\n            .header-subtitle {\n                font-size: 1.3rem;\n                padding: 0.875rem 2.25rem;\n            }\n\n            .sns-buttons {\n                gap: 1.25rem;\n            }\n\n            .sns-button {\n                padding: 1.35rem 2.25rem;\n                min-width: 200px;\n            }\n\n            .sns-icon {\n                width: 48px;\n                height: 48px;\n            }\n\n            .comic-burst {\n                width: 220px;\n                height: 220px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .flow-section {\n                padding: 4rem 1rem 4rem;\n            }\n\n            .header {\n                margin-top: 1rem;\n            }\n\n            .header-title {\n                font-size: 2.5rem;\n                -webkit-text-stroke: 2px black;\n                word-break: keep-all;\n                margin-bottom: 1.5rem;\n            }\n\n            .header-subtitle {\n                font-size: 1.15rem;\n                padding: 0.8rem 1.75rem;\n                margin-bottom: 1.5rem;\n                border-width: 4px;\n            }\n\n            .header-description {\n                font-size: 0.875rem;\n                padding: 0.6rem 1rem;\n            }\n\n            .sns-buttons {\n                flex-direction: column;\n                gap: 1rem;\n                margin-top: 1.5rem;\n                width: 100%;\n                max-width: 320px;\n                margin-left: auto;\n                margin-right: auto;\n            }\n\n            .sns-button {\n                padding: 1.15rem 1.75rem;\n                gap: 0.6rem;\n                width: 100%;\n                min-width: auto;\n                justify-content: center;\n                border-width: 4px;\n            }\n\n            .sns-icon {\n                width: 46px;\n                height: 46px;\n                padding: 6px;\n                border-width: 3px;\n            }\n\n            .button-label {\n                font-size: 1.15rem;\n            }\n\n            .button-sublabel {\n                font-size: 0.7rem;\n            }\n\n            .comic-element {\n                font-size: 1.15rem;\n            }\n\n            .comic-pow {\n                top: 5%;\n                right: 2%;\n            }\n\n            .comic-wow {\n                top: 8%;\n                left: 2%;\n            }\n\n            .comic-star.star-float {\n                font-size: 1.75rem;\n                top: 25%;\n                right: 5%;\n            }\n\n            .comic-sparkle {\n                font-size: 1.5rem;\n                top: 30%;\n                left: 5%;\n            }\n\n            .comic-lightning {\n                font-size: 1.5rem;\n                bottom: 15%;\n                right: 5%;\n            }\n\n            .comic-burst {\n                width: 180px;\n                height: 180px;\n                top: -30px;\n            }\n\n            .bottom-cta {\n                margin-bottom: 2rem;\n            }\n\n            .accordion-list {\n                gap: 1.5rem;\n            }\n\n            .accordion-header {\n                padding: 1rem;\n            }\n\n            .accordion-left {\n                gap: 1rem;\n            }\n\n            .number-badge {\n                min-width: 65px;\n                height: 65px;\n            }\n\n            .number-text {\n                font-size: 1.85rem;\n            }\n\n            .accordion-title {\n                font-size: 1.15rem;\n            }\n\n            .title-underline {\n                width: 5rem;\n            }\n\n            .plus-button {\n                width: 45px;\n                height: 45px;\n            }\n\n            .plus-icon, .minus-icon {\n                width: 22px;\n                height: 22px;\n            }\n\n            .speech-bubble::before {\n                display: none;\n            }\n\n            .content-inner {\n                padding: 1rem;\n            }\n\n            .bubble-text {\n                font-size: 0.875rem;\n            }\n\n            .cta-text {\n                font-size: 1.35rem;\n            }\n\n            .floating-emoji {\n                font-size: 1.75rem;\n            }\n\n            .float-1 {\n                top: 60px;\n                right: 20px;\n            }\n\n            .float-2 {\n                top: 120px;\n                left: 20px;\n            }\n\n            .float-3 {\n                bottom: 100px;\n                right: 40px;\n            }\n\n            .accordion-shadow {\n                transform: translate(8px, 8px);\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"flow-section\">\n        <!-- Background dots -->\n        <div class=\"bg-dots bg-dot-1\"><\/div>\n        <div class=\"bg-dots bg-dot-2\"><\/div>\n        <div class=\"bg-dots bg-dot-3\"><\/div>\n        <div class=\"bg-dots bg-dot-4\"><\/div>\n\n        <div class=\"container\">\n            <!-- Header -->\n            <div class=\"header\">\n                <!-- Comic burst decoration -->\n                <div class=\"comic-burst\">\n                    <svg viewBox=\"0 0 200 200\" class=\"burst-svg\">\n                        <path d=\"M100,10 L110,80 L180,90 L120,100 L130,170 L100,110 L70,170 L80,100 L20,90 L90,80 Z\" fill=\"white\" opacity=\"0.3\" \/>\n                    <\/svg>\n                <\/div>\n\n                <!-- Floating comic elements -->\n                <div class=\"comic-element comic-pow\">POW!<\/div>\n                <div class=\"comic-element comic-wow\">WOW!<\/div>\n                <div class=\"comic-element comic-star star-float\">\u2b50<\/div>\n                <div class=\"comic-element comic-sparkle\">\u2728<\/div>\n                <div class=\"comic-element comic-lightning\">\u26a1<\/div>\n\n                <div style=\"position: relative; display: inline-block; padding: 2rem 0.5rem 1rem;\">\n                    <div class=\"star star-1\">\u2b50<\/div>\n                    <div class=\"star star-2\">\u2728<\/div>\n                    <div class=\"header-subtitle\">\u5916\u58c1\u6d17\u6d44\u306e\u6d41\u308c<\/div>\n                <\/div>\n                \n                <h1 class=\"header-title\">FLOW<\/h1>\n                \n                <div class=\"header-description\">\n                    \u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\n                <\/div>\n\n                <!-- SNS Contact Buttons -->\n                <div class=\"sns-buttons\">\n                    <a href=\"https:\/\/lin.ee\/gRHhioh\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sns-button line-button\">\n                        <div class=\"sns-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                <path d=\"M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"button-text\">\n                            <div class=\"button-label\">LINE<\/div>\n                            <div class=\"button-sublabel\">\u516c\u5f0f\u30a2\u30ab\u30a6\u30f3\u30c8<\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/www.instagram.com\/gaiheki.iroha_loopz.okayama\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sns-button instagram-button\">\n                        <div class=\"sns-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"button-text\">\n                            <div class=\"button-label\">Instagram<\/div>\n                            <div class=\"button-sublabel\">@gaiheki.iroha<\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/www.tiktok.com\/@iroha.space?_t=ZS-8yJn7ZmXY2i&#038;_r=1\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sns-button tiktok-button\">\n                        <div class=\"sns-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                <path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"button-text\">\n                            <div class=\"button-label\">TikTok<\/div>\n                            <div class=\"button-sublabel\">@iroha.space<\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Accordion List -->\n            <div class=\"accordion-list\">\n                <!-- Item 1 -->\n                <div class=\"accordion-item\">\n                    <div class=\"accordion-shadow\"><\/div>\n                    <div class=\"accordion-card color-overlay-pink\">\n                        <div class=\"halftone\"><\/div>\n                        <button class=\"accordion-header\" data-index=\"0\">\n                            <div class=\"accordion-left\">\n                                <div class=\"number-badge\">\n                                    <div class=\"number-circle badge-pink\"><\/div>\n                                    <span class=\"number-text\">01<\/span>\n                                <\/div>\n                                <div class=\"title-wrapper\">\n                                    <span class=\"accordion-title\">\u304a\u554f\u3044\u5408\u308f\u305b<\/span>\n                                    <div class=\"title-underline underline-pink\"><\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"plus-button badge-pink\">\n                                <svg class=\"plus-icon\" viewBox=\"0 0 24 24\">\n                                    <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <\/svg>\n                                <svg class=\"minus-icon\" viewBox=\"0 0 24 24\">\n                                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n                        <div class=\"accordion-content\">\n                            <div class=\"content-inner\">\n                                <div class=\"speech-bubble\">\n                                    <p class=\"bubble-text\">\n                                        \u30db\u30fc\u30e0\u30da\u30fc\u30b8\u307e\u305f\u306f\u304a\u96fb\u8a71\u304b\u3089\u304a\u898b\u7a4d\u308a\u3092\u3054\u4f9d\u983c\u304f\u3060\u3055\u3044\u3002<br>\n                                        \u307e\u305f\u3001\u5f0a\u793e\u306e\u516c\u5f0fSNS(LINE\u3001Instagram\u3001TikTok)\u304b\u3089\u306e\u3054\u76f8\u8ac7\u3082\u627f\u3063\u3066\u3044\u307e\u3059\u3002<br>\n                                        \u304a\u898b\u7a4d\u3082\u308a\u4f9d\u983c\u3059\u308b\u304b\u304a\u60a9\u307f\u306e\u65b9\u3084\u3001\u3054\u81ea\u5b85\u306e\u5916\u58c1\u304c\u6d17\u6d44\u3067\u304d\u308b\u304b\u805e\u3044\u3066\u307f\u305f\u3044\u65b9\u7b49\u3005\u4f55\u3067\u3082\u304a\u6c17\u8efd\u306b\u3054\u9023\u7d61\u304f\u3060\u3055\u3044\u3002\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Item 2 -->\n                <div class=\"accordion-item\">\n                    <div class=\"accordion-shadow\"><\/div>\n                    <div class=\"accordion-card color-overlay-blue\">\n                        <div class=\"halftone\"><\/div>\n                        <button class=\"accordion-header\" data-index=\"1\">\n                            <div class=\"accordion-left\">\n                                <div class=\"number-badge\">\n                                    <div class=\"number-circle badge-blue\"><\/div>\n                                    <span class=\"number-text\">02<\/span>\n                                <\/div>\n                                <div class=\"title-wrapper\">\n                                    <span class=\"accordion-title\">\u73fe\u5730\u8abf\u67fb<\/span>\n                                    <div class=\"title-underline underline-blue\"><\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"plus-button badge-blue\">\n                                <svg class=\"plus-icon\" viewBox=\"0 0 24 24\">\n                                    <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <\/svg>\n                                <svg class=\"minus-icon\" viewBox=\"0 0 24 24\">\n                                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n                        <div class=\"accordion-content\">\n                            <div class=\"content-inner\">\n                                <div class=\"speech-bubble\">\n                                    <p class=\"bubble-text\">\n                                        \u304a\u554f\u3044\u5408\u308f\u305b\u306e\u5f8c\u3001\u73fe\u5730\u8abf\u67fb\u306e\u65e5\u7a0b\u3092\u8abf\u6574\u3044\u305f\u3057\u307e\u3059\u3002\u304a\u5bb6\u306b\u304a\u4f3a\u3044\u3057\u3001\u5916\u58c1\u306e\u72b6\u614b\u3092\u78ba\u8a8d\u3044\u305f\u3057\u307e\u3059\u3002<br>\n                                        \u5730\u57df\u3084\u72b6\u6cc1\u306b\u3088\u3063\u3066\u5f53\u65e5\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u2192\u73fe\u5730\u8abf\u67fb\u2192\u304a\u898b\u7a4d\u3082\u308a\u9001\u884c\u3046\u4e8b\u3082\u53ef\u80fd\u3067\u3059\u3002<br>\n                                        \u304a\u6025\u304e\u306e\u304a\u5ba2\u69d8\u306f\u3001\u304a\u554f\u3044\u5408\u308f\u305b\u306e\u969b\u306b\u304a\u4f1d\u3048\u304f\u3060\u3055\u3044\u3002\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Item 3 -->\n                <div class=\"accordion-item\">\n                    <div class=\"accordion-shadow\"><\/div>\n                    <div class=\"accordion-card color-overlay-green\">\n                        <div class=\"halftone\"><\/div>\n                        <button class=\"accordion-header\" data-index=\"2\">\n                            <div class=\"accordion-left\">\n                                <div class=\"number-badge\">\n                                    <div class=\"number-circle badge-green\"><\/div>\n                                    <span class=\"number-text\">03<\/span>\n                                <\/div>\n                                <div class=\"title-wrapper\">\n                                    <span class=\"accordion-title\">\u304a\u898b\u7a4d\u308a<\/span>\n                                    <div class=\"title-underline underline-green\"><\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"plus-button badge-green\">\n                                <svg class=\"plus-icon\" viewBox=\"0 0 24 24\">\n                                    <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <\/svg>\n                                <svg class=\"minus-icon\" viewBox=\"0 0 24 24\">\n                                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n                        <div class=\"accordion-content\">\n                            <div class=\"content-inner\">\n                                <div class=\"speech-bubble\">\n                                    <p class=\"bubble-text\">\n                                        \u73fe\u5730\u8abf\u67fb\u306e\u5f8c\u306b\u3001\u304a\u898b\u7a4d\u308a\u3092\u304a\u51fa\u3057\u3044\u305f\u3057\u307e\u3059\u3002\u6700\u9069\u306a\u65bd\u5de5\u5185\u5bb9\u3068\u91d1\u984d\u3092\u304a\u51fa\u3057\u3044\u305f\u3057\u307e\u3059\u3002\u5206\u304b\u3089\u306a\u3044\u3053\u3068\u304c\u3042\u308c\u3070\u3001\u9060\u616e\u306a\u304f\u304a\u7533\u3057\u4ed8\u3051\u304f\u3060\u3055\u3044\u3002<br>\n                                        \u304a\u898b\u7a4d\u308a\u306b\u3054\u4e86\u627f\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3089\u3001\u3054\u5951\u7d04\u3068\u306a\u308a\u307e\u3059\u3002<br>\n                                        \u3054\u5951\u7d04\u524d\u306b\u306f\u5de5\u7a0b\u3084\u65bd\u5de5\u65e5\u3001\u6ce8\u610f\u4e8b\u9805\u7b49\u3092\u304a\u4f1d\u3048\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Item 4 -->\n                <div class=\"accordion-item\">\n                    <div class=\"accordion-shadow\"><\/div>\n                    <div class=\"accordion-card color-overlay-purple\">\n                        <div class=\"halftone\"><\/div>\n                        <button class=\"accordion-header\" data-index=\"3\">\n                            <div class=\"accordion-left\">\n                                <div class=\"number-badge\">\n                                    <div class=\"number-circle badge-purple\"><\/div>\n                                    <span class=\"number-text\">04<\/span>\n                                <\/div>\n                                <div class=\"title-wrapper\">\n                                    <span class=\"accordion-title\">\u5916\u58c1\u6d17\u6d44\u65bd\u5de5<\/span>\n                                    <div class=\"title-underline underline-purple\"><\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"plus-button badge-purple\">\n                                <svg class=\"plus-icon\" viewBox=\"0 0 24 24\">\n                                    <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <\/svg>\n                                <svg class=\"minus-icon\" viewBox=\"0 0 24 24\">\n                                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n                        <div class=\"accordion-content\">\n                            <div class=\"content-inner\">\n                                <div class=\"speech-bubble\">\n                                    <p class=\"bubble-text\">\n                                        \u5916\u58c1\u6d17\u6d44\u3092\u65bd\u5de5\u3044\u305f\u3057\u307e\u3059\u3002<br>\n                                        \u57fa\u672c\u306f2\u9031\u9593\u4ee5\u5185\u306e\u65bd\u5de5\u3068\u306a\u308a\u307e\u3059\u304c\u90e8\u5206\u65bd\u5de5\u3084\u3001\u7bc4\u56f2\u306e\u72ed\u3044\u5834\u5408\u306f\u3054\u5e0c\u671b\u3067\u3057\u305f\u3089\u5f53\u65e5\u65bd\u5de5\u3082\u53ef\u80fd\u3067\u3059\u3002<br>\n                                        \u65bd\u5de5\u524d\u306b\u306f\u5fc5\u305a\u3054\u8fd1\u96a3\u306e\u65b9\u3005\u306b\u6328\u62f6\u5468\u308a\u3092\u884c\u3044\u307e\u3059\u3002<br>\n                                        \u990a\u751f\u3092\u884c\u306a\u3063\u305f\u4e0a\u3067\u30c8\u30e9\u30d6\u30eb\u306e\u7121\u3044\u3088\u3046\u7d30\u5fc3\u306e\u6ce8\u610f\u3092\u6255\u3044\u3001\u5fc3\u3092\u8fbc\u3081\u3066\u65bd\u5de5\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Item 5 -->\n                <div class=\"accordion-item\">\n                    <div class=\"accordion-shadow\"><\/div>\n                    <div class=\"accordion-card color-overlay-orange\">\n                        <div class=\"halftone\"><\/div>\n                        <button class=\"accordion-header\" data-index=\"4\">\n                            <div class=\"accordion-left\">\n                                <div class=\"number-badge\">\n                                    <div class=\"number-circle badge-orange\"><\/div>\n                                    <span class=\"number-text\">05<\/span>\n                                <\/div>\n                                <div class=\"title-wrapper\">\n                                    <span class=\"accordion-title\">\u30a2\u30d5\u30bf\u30fc\u30d5\u30a9\u30ed\u30fc<\/span>\n                                    <div class=\"title-underline underline-orange\"><\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"plus-button badge-orange\">\n                                <svg class=\"plus-icon\" viewBox=\"0 0 24 24\">\n                                    <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <\/svg>\n                                <svg class=\"minus-icon\" viewBox=\"0 0 24 24\">\n                                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n                        <div class=\"accordion-content\">\n                            <div class=\"content-inner\">\n                                <div class=\"speech-bubble\">\n                                    <p class=\"bubble-text\">\n                                        \u5916\u58c1\u6d17\u6d44\u3092\u3057\u305f\u3042\u3068\u3001\u304a\u56f0\u308a\u3054\u3068\u3084\u6c17\u306b\u306a\u308b\u3053\u3068\u304c\u3042\u308c\u3070\u3001\u3059\u3050\u306b\u99c6\u3051\u3064\u3051\u307e\u3059\u3002\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Bottom CTA -->\n            <div class=\"bottom-cta\">\n                <div class=\"cta-box\">\n                    <p class=\"cta-text\">LET&#8217;S START! \ud83d\ude80<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Floating emojis (desktop only) -->\n        <div class=\"floating-emoji float-1\">\ud83d\udcab<\/div>\n        <div class=\"floating-emoji float-2\">\u26a1<\/div>\n        <div class=\"floating-emoji float-3\">\ud83d\udca5<\/div>\n    <\/div>\n\n    <script>\n        \/\/ \u6700\u3082\u30b7\u30f3\u30d7\u30eb\u3067\u78ba\u5b9f\u306a\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\n        document.addEventListener('DOMContentLoaded', function() {\n            console.log('DOM loaded, initializing accordions');\n            \n            \/\/ \u5168\u3066\u306e\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u30d8\u30c3\u30c0\u30fc\u3092\u53d6\u5f97\n            const headers = document.querySelectorAll('.accordion-header');\n            console.log('Found headers:', headers.length);\n            \n            headers.forEach(function(header, index) {\n                console.log('Adding listener to header', index);\n                \n                header.addEventListener('click', function() {\n                    console.log('Header clicked:', index);\n                    \n                    \/\/ \u89aa\u306eaccordion-item\u3092\u53d6\u5f97\n                    const accordionItem = this.closest('.accordion-item');\n                    console.log('Accordion item:', accordionItem);\n                    \n                    \/\/ \u73fe\u5728\u306e\u72b6\u614b\u3092\u78ba\u8a8d\n                    const isActive = accordionItem.classList.contains('active');\n                    console.log('Is active:', isActive);\n                    \n                    \/\/ \u5168\u3066\u306e\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u3092\u9589\u3058\u308b\n                    document.querySelectorAll('.accordion-item').forEach(function(item) {\n                        item.classList.remove('active');\n                    });\n                    \n                    \/\/ \u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u30a2\u30a4\u30c6\u30e0\u304c\u9589\u3058\u3066\u3044\u305f\u5834\u5408\u306f\u958b\u304f\n                    if (!isActive) {\n                        accordionItem.classList.add('active');\n                        console.log('Opened accordion', index);\n                    } else {\n                        console.log('Closed accordion', index);\n                    }\n                });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<!-- WordPress \u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u7528\uff08FAQ - \u30a2\u30e1\u30b3\u30df\u98a8\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\uff09 -->\n<style>\n:root{\n  --faq-max: 1000px;\n  --faq-orange: #FFB800;\n  --faq-cyan: #00E5FF;\n}\n\n\/* ===== \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53 ===== *\/\n.faq-comic-section {\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin: 0 !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  padding: 80px 20px !important;\n  font-family: 'Noto Sans JP', sans-serif;\n  box-sizing: border-box;\n  background: linear-gradient(180deg, #FFF9E6 0%, #FFE4B3 100%);\n  position: relative;\n  overflow: hidden;\n  scroll-margin-top: 100px;\n}\n\n\/* \u88c5\u98fe\u7684\u306a\u80cc\u666f\u8981\u7d20 *\/\n.faq-comic-section::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: \n    repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,184,0,0.1) 35px, rgba(255,184,0,0.1) 70px);\n  z-index: 0;\n  pointer-events: none;\n}\n\n\/* \u5185\u90e8\u30b3\u30f3\u30c6\u30f3\u30c4\u30e9\u30c3\u30d1\u30fc *\/\n.faq-comic-inner{\n  width: min(100%, var(--faq-max));\n  max-width: var(--faq-max);\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n\n\/* ===== \u30d8\u30c3\u30c0\u30fc ===== *\/\n.faq-header { \n  text-align: center; \n  margin-bottom: 50px;\n  background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\n  padding: 40px 30px;\n  border-radius: 30px;\n  border: 6px solid #333;\n  box-shadow: 0 20px 50px rgba(0,0,0,.4);\n  position: relative;\n}\n\n.faq-subtitle {\n  font-size: 18px;\n  font-weight: 700;\n  color: #333;\n  margin: 0 0 10px;\n  letter-spacing: 2px;\n  text-shadow: 1px 1px 0 rgba(255,255,255,.5);\n}\n\n.faq-title { \n  font-size: clamp(48px, 7vw, 80px); \n  font-weight: 900; \n  color: #333; \n  margin: 0;\n  text-shadow: 4px 4px 0 rgba(255,255,255,.5);\n  line-height: 1.1;\n  letter-spacing: 2px;\n}\n\n\/* ===== FAQ \u30ea\u30b9\u30c8 ===== *\/\n.faq-list {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  margin-bottom: 50px;\n}\n\n\/* \u5404FAQ\u30a2\u30a4\u30c6\u30e0 *\/\n.faq-item {\n  position: relative;\n  background: white;\n  border-radius: 20px;\n  border: 5px solid #333;\n  box-shadow: 0 10px 30px rgba(0,0,0,.3);\n  overflow: hidden;\n  transition: transform 0.3s ease;\n}\n\n.faq-item:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 15px 40px rgba(0,0,0,.4);\n}\n\n\/* \u30b9\u30c8\u30e9\u30a4\u30d7\u80cc\u666f *\/\n.faq-item::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: repeating-linear-gradient(\n    -45deg,\n    transparent,\n    transparent 10px,\n    rgba(255,184,0,0.05) 10px,\n    rgba(255,184,0,0.05) 20px\n  );\n  z-index: 0;\n  pointer-events: none;\n}\n\n\/* FAQ\u8cea\u554f\u90e8\u5206\uff08\u30d8\u30c3\u30c0\u30fc\uff09 *\/\n.faq-question {\n  cursor: pointer;\n  padding: 25px 80px 25px 90px;\n  background: linear-gradient(135deg, #FFF9E6 0%, #FFE4B3 100%);\n  border-bottom: 4px solid #333;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: relative;\n  z-index: 1;\n  transition: background 0.3s ease;\n  user-select: none;\n}\n\n.faq-question:hover {\n  background: linear-gradient(135deg, #FFEFC1 0%, #FFD98F 100%);\n}\n\n.faq-question:active {\n  opacity: 0.9;\n}\n\n\/* \u756a\u53f7\u30d0\u30c3\u30b8 *\/\n.faq-number {\n  position: absolute;\n  left: 20px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 50px;\n  height: 50px;\n  background: linear-gradient(135deg, var(--faq-orange) 0%, #FF8C00 100%);\n  border-radius: 50%;\n  border: 4px solid #333;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  font-weight: 900;\n  color: #333;\n  box-shadow: 0 6px 15px rgba(0,0,0,.3);\n  text-shadow: 1px 1px 0 rgba(255,255,255,.5);\n}\n\n\/* \u8cea\u554f\u30c6\u30ad\u30b9\u30c8 *\/\n.faq-question-text {\n  flex: 1;\n  font-size: 18px;\n  font-weight: 900;\n  color: #333;\n  line-height: 1.6;\n  text-shadow: 1px 1px 0 rgba(255,255,255,.5);\n}\n\n\/* \u30c8\u30b0\u30eb\u30a2\u30a4\u30b3\u30f3 *\/\n.faq-toggle {\n  position: absolute;\n  right: 20px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--faq-orange) 0%, #FF8C00 100%);\n  border-radius: 50%;\n  border: 4px solid #333;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  font-weight: 900;\n  color: #333;\n  box-shadow: 0 6px 15px rgba(0,0,0,.3);\n  transition: transform 0.3s ease;\n}\n\n.faq-toggle-icon {\n  transition: transform 0.3s ease;\n  display: block;\n}\n\n\/* \u958b\u3044\u305f\u72b6\u614b\u306e\u30a2\u30a4\u30b3\u30f3 *\/\n.faq-item[data-open=\"true\"] .faq-toggle-icon {\n  transform: rotate(180deg);\n}\n\n\/* FAQ\u56de\u7b54\u90e8\u5206 *\/\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.4s ease;\n  background: white;\n  position: relative;\n  z-index: 1;\n}\n\n.faq-answer-content {\n  padding: 30px 30px 30px 90px;\n  font-size: 16px;\n  line-height: 1.9;\n  color: #333;\n}\n\n\/* ===== CTA\uff08\u554f\u3044\u5408\u308f\u305b\u30bb\u30af\u30b7\u30e7\u30f3\uff09 ===== *\/\n.faq-cta {\n  text-align: center;\n  background: linear-gradient(135deg, var(--faq-cyan) 0%, #00BCD4 100%);\n  padding: 40px 30px;\n  border-radius: 30px;\n  border: 6px solid #333;\n  box-shadow: 0 20px 50px rgba(0,0,0,.4);\n  position: relative;\n  overflow: hidden;\n}\n\n.faq-cta::before {\n  content: \"\";\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: linear-gradient(45deg, transparent, rgba(255,255,255,0.3), transparent);\n  transform: rotate(45deg);\n  animation: cta-shine 3s infinite;\n}\n\n@keyframes cta-shine {\n  0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n  100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n}\n\n.faq-cta-text {\n  font-size: 20px;\n  font-weight: 900;\n  color: #333;\n  margin: 0;\n  line-height: 1.8;\n  text-shadow: 2px 2px 0 rgba(255,255,255,.5);\n  position: relative;\n  z-index: 1;\n}\n\n\/* ===== \u30b9\u30de\u30db\u5bfe\u5fdc ===== *\/\n@media (max-width: 768px) {\n  .faq-comic-section {\n    padding: 60px 15px !important;\n  }\n  \n  .faq-header {\n    padding: 30px 20px;\n    margin-bottom: 40px;\n  }\n  \n  .faq-subtitle {\n    font-size: 14px;\n  }\n  \n  .faq-title {\n    font-size: 40px;\n  }\n  \n  .faq-question {\n    padding: 20px 60px 20px 75px;\n  }\n  \n  .faq-number {\n    width: 40px;\n    height: 40px;\n    left: 15px;\n    font-size: 18px;\n  }\n  \n  .faq-question-text {\n    font-size: 16px;\n  }\n  \n  .faq-toggle {\n    width: 35px;\n    height: 35px;\n    right: 15px;\n    font-size: 20px;\n  }\n  \n  .faq-answer-content {\n    padding: 25px 20px 25px 75px;\n    font-size: 14px;\n  }\n  \n  .faq-cta {\n    padding: 30px 20px;\n  }\n  \n  .faq-cta-text {\n    font-size: 16px;\n  }\n}\n<\/style>\n\n<div id=\"iroha-faq\" class=\"faq-comic-section\">\n  <div class=\"faq-comic-inner\">\n    \n    <!-- \u30d8\u30c3\u30c0\u30fc -->\n    <div class=\"faq-header\">\n      <p class=\"faq-subtitle\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/p>\n      <h2 class=\"faq-title\">FAQ<\/h2>\n    <\/div>\n\n    <!-- FAQ\u30ea\u30b9\u30c8 -->\n    <div class=\"faq-list\">\n      \n      <!-- Q1 -->\n      <div class=\"faq-item\" data-open=\"false\">\n        <div class=\"faq-question\" data-target=\"faq-1\">\n          <span class=\"faq-number\">Q1<\/span>\n          <span class=\"faq-question-text\">\u52d5\u7269\u3084\u690d\u7269\u306b\u6d17\u5264\u304c\u304b\u304b\u3063\u3066\u3082\u5927\u4e08\u592b\u306a\u306e\uff1f<\/span>\n          <span class=\"faq-toggle\">\n            <span class=\"faq-toggle-icon\">\u25bc<\/span>\n          <\/span>\n        <\/div>\n        <div class=\"faq-answer\" id=\"faq-1\">\n          <div class=\"faq-answer-content\">\n            \u690d\u7269\u306b\u304b\u304b\u3063\u3066\u3082\u67af\u308c\u306a\u3044\u6d17\u5264\u3067\u306f\u3042\u308a\u307e\u3059\u304c\u3001\u690d\u7269\u306b\u6d17\u5264\u304c\u304b\u304b\u3089\u306a\u3044\u3088\u3046\u306b\u3001\u990a\u751f\u3092\u3057\u3063\u304b\u308a\u3068\u884c\u3044\u307e\u3059\u306e\u3067\u3001\u3054\u5b89\u5fc3\u304f\u3060\u3055\u3044\u3002<br><br>\n            \u307e\u305f\u3001\u98fc\u308f\u308c\u3066\u3044\u308b\u52d5\u7269\u3001\u30da\u30c3\u30c8\u306b\u95a2\u3057\u307e\u3057\u3066\u306f\u5ff5\u306e\u70ba\u6d17\u5264\u304c\u304b\u304b\u3089\u306a\u3044\u3088\u3046\u5ba4\u5185\u306b\u907f\u96e3\u3057\u3066\u3044\u305f\u3060\u304f\u304b\u3001\u304b\u304b\u3089\u306a\u3044\u4f4d\u7f6e\u306b\u3044\u3066\u3044\u305f\u3060\u304f\u3088\u3046\u306b\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u3066\u3044\u307e\u3059\u3002\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Q2 -->\n      <div class=\"faq-item\" data-open=\"false\">\n        <div class=\"faq-question\" data-target=\"faq-2\">\n          <span class=\"faq-number\">Q2<\/span>\n          <span class=\"faq-question-text\">\u5916\u306b\u7f6e\u3044\u3066\u3042\u308b\u8377\u7269\u3092\u79fb\u52d5\u3055\u305b\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<\/span>\n          <span class=\"faq-toggle\">\n            <span class=\"faq-toggle-icon\">\u25bc<\/span>\n          <\/span>\n        <\/div>\n        <div class=\"faq-answer\" id=\"faq-2\">\n          <div class=\"faq-answer-content\">\n            \u57fa\u672c\u305d\u306e\u307e\u307e\u3067\u5927\u4e08\u592b\u3067\u3059\u3002\u690d\u7269\u540c\u69d8\u306b\u3001\u5916\u306b\u7f6e\u3044\u3066\u3042\u308b\u3082\u306e\uff08\u8eca\uff09\u306b\u3082\u990a\u751f\u3092\u3044\u305f\u3057\u307e\u3059\u306e\u3067\u3001\u6c5a\u308c\u306a\u3044\u3088\u3046\u7d30\u5fc3\u306e\u6ce8\u610f\u3092\u6255\u3063\u3066\u65bd\u5de5\u3044\u305f\u3057\u307e\u3059\u3002\u307e\u305f\u3001\u3053\u3061\u3089\u3067\u4f5c\u696d\u3057\u3084\u3059\u3044\u3088\u3046\u306b\u79fb\u52d5\u3092\u3055\u305b\u3066\u3044\u305f\u3060\u304f\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u304c\u3001\u3053\u3061\u3089\u3067\u5143\u306e\u4f4d\u7f6e\u306b\u3057\u3063\u304b\u308a\u3068\u623b\u3057\u3066\u304a\u304d\u307e\u3059\u3002<br><br>\n            \u79fb\u52d5\u3067\u304d\u306a\u3044\u3082\u306e\u3084\u58ca\u308c\u3084\u3059\u3044\u3082\u306e\u7b49\u306f\u3001\u304a\u5ba2\u69d8\u306b\u3054\u79fb\u52d5\u3092\u304a\u9858\u3044\u3059\u308b\u5834\u5408\u3082\u3042\u308b\u306e\u3067\u3001\u3054\u4e86\u627f\u304f\u3060\u3055\u3044\u3002\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Q3 -->\n      <div class=\"faq-item\" data-open=\"false\">\n        <div class=\"faq-question\" data-target=\"faq-3\">\n          <span class=\"faq-number\">Q3<\/span>\n          <span class=\"faq-question-text\">\u672c\u5f53\u306b\u5916\u58c1\u3092\u50b7\u3081\u306a\u3044\u306e\u3067\u3059\u304b\uff1f<\/span>\n          <span class=\"faq-toggle\">\n            <span class=\"faq-toggle-icon\">\u25bc<\/span>\n          <\/span>\n        <\/div>\n        <div class=\"faq-answer\" id=\"faq-3\">\n          <div class=\"faq-answer-content\">\n            \u306f\u3044\u3001\u3054\u5b89\u5fc3\u304f\u3060\u3055\u3044\u3002\u5916\u58c1\u3092\u50b7\u3081\u305a\u306b\u6c5a\u308c\u3092\u843d\u3068\u3059\u3053\u3068\u306e\u3067\u304d\u308b\u72ec\u81ea\u958b\u767a\u306e\u6d17\u5264\u3092\u4f7f\u7528\u3057\u3001\u5916\u58c1\u3092\u50b7\u3081\u306a\u3044\u30d6\u30e9\u30b7\u3001\u5de5\u6cd5\u3067\u65bd\u5de5\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002<br><br>\n            \u5e02\u8ca9\u306e\u6d17\u5264\u3084\u9ad8\u5727\u6d17\u6d44\u7b49\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u6c5a\u308c\u3068\u4e00\u7dd2\u306b\u5857\u819c\u3082\u843d\u3068\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002<br><br>\n            \u59c9\u59b9\u5e97\u30eb\u30fc\u30d7\u30b9\u958b\u767a\u306e\u6c5a\u308c\u306e\u307f\u3092\u843d\u3068\u3059\u6280\u8853\u306f\u3001\u5fc5\u305a\u304a\u5ba2\u69d8\u306b\u6e80\u8db3\u3057\u3066\u3044\u305f\u3060\u3051\u308b\u3068\u601d\u3044\u307e\u3059\u3002\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Q4 -->\n      <div class=\"faq-item\" data-open=\"false\">\n        <div class=\"faq-question\" data-target=\"faq-4\">\n          <span class=\"faq-number\">Q4<\/span>\n          <span class=\"faq-question-text\">\u5916\u58c1\u6d17\u6d44\u304c\u3067\u304d\u306a\u3044\u3068\u5224\u65ad\u3057\u305f\u5834\u5408\u306f\u3069\u3046\u3059\u308c\u3070\u3044\u3044\u3067\u3059\u304b\uff1f<\/span>\n          <span class=\"faq-toggle\">\n            <span class=\"faq-toggle-icon\">\u25bc<\/span>\n          <\/span>\n        <\/div>\n        <div class=\"faq-answer\" id=\"faq-4\">\n          <div class=\"faq-answer-content\">\n            \u5916\u58c1\u6d17\u6d44\u4ee5\u5916\u3067\u89e3\u6c7a\u3067\u304d\u308b\u65b9\u6cd5\u3082\u3054\u3056\u3044\u307e\u3059\u3002<br>\n            \u7bc9\u5e74\u6570\u3001\u5916\u58c1\u7a2e\u985e\u7b49\u306b\u3088\u3063\u3066\u7570\u306a\u308a\u307e\u3059\u306e\u3067\u8a3a\u65ad\u7d50\u679c\u3092\u5143\u306b\u9069\u5207\u306b\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u306e\u3067\u3001\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Q5 -->\n      <div class=\"faq-item\" data-open=\"false\">\n        <div class=\"faq-question\" data-target=\"faq-5\">\n          <span class=\"faq-number\">Q5<\/span>\n          <span class=\"faq-question-text\">\u8fd1\u6240\u3078\u306e\u98db\u6563\u306f\u5927\u4e08\u592b\uff1f<\/span>\n          <span class=\"faq-toggle\">\n            <span class=\"faq-toggle-icon\">\u25bc<\/span>\n          <\/span>\n        <\/div>\n        <div class=\"faq-answer\" id=\"faq-5\">\n          <div class=\"faq-answer-content\">\n            \u5916\u58c1\u6d17\u6d44\u3092\u65bd\u5de5\u3059\u308b\u524d\u306b\u3054\u8fd1\u6240\u3078\u6328\u62f6\u5468\u308a\u3092\u3044\u305f\u3057\u307e\u3059\u3002\u8fd1\u6240\u3078\u98db\u6563\u304c\u306a\u3044\u3088\u3046\u5341\u5206\u6ce8\u610f\u3092\u6255\u3044\u3001\u65bd\u5de5\u3092\u3044\u305f\u3057\u307e\u3059\u304c\u3001\u4e8b\u524d\u306b\u8fd1\u6240\u306e\u65b9\u3078\u306f\u3001\u65bd\u5de5\u4e2d\u306f\u6d17\u6d44\u7269\u3092\u5e72\u3055\u306a\u3044\u3088\u3046\u306b\u306a\u3069\u3068\u3057\u3063\u304b\u308a\u3068\u304a\u4f1d\u3048\u3092\u3044\u305f\u3057\u307e\u3059\u3002\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Q6 -->\n      <div class=\"faq-item\" data-open=\"false\">\n        <div class=\"faq-question\" data-target=\"faq-6\">\n          <span class=\"faq-number\">Q6<\/span>\n          <span class=\"faq-question-text\">\u65bd\u5de5\u4e2d\u306f\u5bb6\u306e\u51fa\u5165\u308a\u306f\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n          <span class=\"faq-toggle\">\n            <span class=\"faq-toggle-icon\">\u25bc<\/span>\n          <\/span>\n        <\/div>\n        <div class=\"faq-answer\" id=\"faq-6\">\n          <div class=\"faq-answer-content\">\n            \u306f\u3044\u3001\u53ef\u80fd\u3067\u3059\u3002\u65bd\u5de5\u4e2d\u306f\u81ea\u7531\u306b\u304a\u5bb6\u306e\u51fa\u5165\u308a\u3092\u3057\u3066\u3044\u305f\u3060\u3044\u3066\u69cb\u3044\u307e\u305b\u3093\u3002\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Q7 -->\n      <div class=\"faq-item\" data-open=\"false\">\n        <div class=\"faq-question\" data-target=\"faq-7\">\n          <span class=\"faq-number\">Q7<\/span>\n          <span class=\"faq-question-text\">\u4f55\u5e74\u306b1\u56de\u5916\u58c1\u6d17\u6d44\u3057\u305f\u307b\u3046\u304c\u3044\u3044\u3067\u3059\u304b\uff1f<\/span>\n          <span class=\"faq-toggle\">\n            <span class=\"faq-toggle-icon\">\u25bc<\/span>\n          <\/span>\n        <\/div>\n        <div class=\"faq-answer\" id=\"faq-7\">\n          <div class=\"faq-answer-content\">\n            \u5929\u5019\u3084\u7acb\u5730\u3001\u305d\u306e\u5730\u57df\u3001\u5916\u58c1\u306e\u6750\u8cea\u306b\u3082\u3088\u308a\u307e\u3059\u304c\u30013\uff5e5\u5e74\u306b\u4e00\u5ea6\u304c\u4e00\u3064\u306e\u76ee\u5b89\u3068\u306a\u308a\u307e\u3059\u3002<br><br>\n            \u518d\u65bd\u5de5\u306e\u6642\u671f\u306e\u3054\u76f8\u8ac7\u3082\u7121\u6599\u3067\u627f\u3063\u3066\u304a\u308a\u307e\u3059\u306e\u3067\u3001\u3054\u6e80\u8db3\u3044\u305f\u3060\u3051\u307e\u3057\u305f\u3089\u518d\u5ea6\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"faq-cta\">\n      <p class=\"faq-cta-text\">\n        \u3053\u306e\u307b\u304b\u3001\u5fc3\u914d\u4e8b\u304c\u3054\u3056\u3044\u307e\u3057\u305f\u3089<br>\n        \u304a\u96fb\u8a71\u3084\u30d5\u30a9\u30fc\u30e0\u304b\u3089<br>\n        \u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  'use strict';\n  \n  function toggleFAQ(targetId) {\n    var faqItem = document.querySelector('[data-target=\"' + targetId + '\"]').closest('.faq-item');\n    var answer = document.getElementById(targetId);\n    \n    if (!faqItem || !answer) {\n      console.error('FAQ element not found:', targetId);\n      return;\n    }\n    \n    var isOpen = faqItem.getAttribute('data-open') === 'true';\n    \n    if (isOpen) {\n      \/\/ \u9589\u3058\u308b\n      answer.style.maxHeight = '0px';\n      faqItem.setAttribute('data-open', 'false');\n    } else {\n      \/\/ \u958b\u304f\n      answer.style.maxHeight = answer.scrollHeight + 'px';\n      faqItem.setAttribute('data-open', 'true');\n    }\n  }\n  \n  function initFAQ() {\n    console.log('Initializing FAQ accordions');\n    \n    var questions = document.querySelectorAll('.faq-question');\n    \n    questions.forEach(function(question) {\n      question.addEventListener('click', function(e) {\n        e.preventDefault();\n        var targetId = this.getAttribute('data-target');\n        console.log('FAQ clicked, target:', targetId);\n        toggleFAQ(targetId);\n      });\n    });\n  }\n  \n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initFAQ);\n  } else {\n    initFAQ();\n  }\n  \n  window.toggleFAQDirect = toggleFAQ;\n})();\n<\/script>\n\n\n\n<!-- WordPress \u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u7528\uff08CF7\u9023\u643a\u30a2\u30e1\u30b3\u30df\u98a8\u30d5\u30a9\u30fc\u30e0\u30fb\u5b8c\u6210\u7248\uff09 -->\n<style>\n:root{\n  --form-max: 1000px;\n  --form-orange: #FF6B35;\n  --form-blue: #2E5CB8;\n  --form-cyan: #77e7e9;\n}\n\n\/* ===== \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53 ===== *\/\n.contact-form-section {\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin: 0 !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  padding: 80px 20px !important;\n  font-family: 'Noto Sans JP', sans-serif;\n  box-sizing: border-box;\n  background: radial-gradient(circle at 30% 50%, #5dd3d5 0%, #77e7e9 40%, #4ac5c7 100%);\n  position: relative;\n  overflow: hidden;\n  scroll-margin-top: 100px;\n}\n\n\/* \u88c5\u98fe\u7684\u306a\u80cc\u666f\u8981\u7d20 - \u30b3\u30df\u30c3\u30af\u98a8\u30c9\u30c3\u30c8\u30d1\u30bf\u30fc\u30f3 *\/\n.contact-form-section::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: \n    radial-gradient(circle, rgba(255,255,255,0.15) 2px, transparent 2px),\n    radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);\n  background-size: 40px 40px, 20px 20px;\n  background-position: 0 0, 10px 10px;\n  z-index: 0;\n  pointer-events: none;\n}\n\n\/* \u88c5\u98fe\u7684\u306a\u80cc\u666f\u8981\u7d202 - \u653e\u5c04\u7dda\u72b6\u30d1\u30bf\u30fc\u30f3 *\/\n.contact-form-section::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 150%;\n  height: 150%;\n  transform: translate(-50%, -50%);\n  background: repeating-conic-gradient(\n    from 0deg at 50% 50%,\n    transparent 0deg,\n    transparent 8deg,\n    rgba(255,255,255,0.03) 8deg,\n    rgba(255,255,255,0.03) 10deg\n  );\n  z-index: 0;\n  pointer-events: none;\n}\n\n\/* \u5185\u90e8\u30b3\u30f3\u30c6\u30f3\u30c4\u30e9\u30c3\u30d1\u30fc *\/\n.contact-form-inner{\n  width: min(100%, var(--form-max));\n  max-width: var(--form-max);\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n\n\/* ===== \u30d8\u30c3\u30c0\u30fc ===== *\/\n.contact-header { \n  text-align: center; \n  margin-bottom: 40px;\n}\n\n.contact-title { \n  font-size: clamp(32px, 5vw, 48px); \n  font-weight: 900; \n  color: #fff; \n  margin: 0 0 20px;\n  text-shadow: 4px 4px 0 #333;\n  line-height: 1.3;\n  letter-spacing: 2px;\n}\n\n.contact-subtitle {\n  font-size: clamp(14px, 2vw, 18px);\n  font-weight: 700;\n  color: #fff;\n  margin: 0;\n  line-height: 1.8;\n  text-shadow: 2px 2px 0 rgba(0,0,0,.3);\n}\n\n\/* ===== \u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30c6\u30ca ===== *\/\n.contact-form-container {\n  background: white;\n  border-radius: 30px;\n  border: 6px solid #333;\n  box-shadow: 0 20px 50px rgba(0,0,0,.4);\n  padding: 40px;\n  position: relative;\n  background-image: radial-gradient(circle, rgba(119,231,233,0.03) 1px, transparent 1px);\n  background-size: 20px 20px;\n}\n\n\/* ===== CF7\u5165\u529b\u8981\u7d20\u306e\u30c7\u30b6\u30a4\u30f3 ===== *\/\n.contact-form-container .wpcf7-form p {\n  margin-bottom: 20px;\n}\n\n.contact-form-container label {\n  font-size: 16px;\n  font-weight: 900;\n  color: #333;\n  display: block;\n  margin-bottom: 8px;\n}\n\n.contact-form-container .wpcf7-list-item {\n  display: inline-block;\n  margin-right: 12px;\n}\n\n.contact-form-container .wpcf7 input[type=\"text\"],\n.contact-form-container .wpcf7 input[type=\"email\"],\n.contact-form-container .wpcf7 input[type=\"tel\"],\n.contact-form-container .wpcf7 textarea,\n.contact-form-container .wpcf7 select {\n  width: 100% !important;\n  padding: 15px 20px !important;\n  font-size: 16px !important;\n  border: 4px solid #333 !important;\n  border-radius: 15px !important;\n  background: #f0feff !important;\n  font-family: 'Noto Sans JP', sans-serif !important;\n  box-sizing: border-box !important;\n}\n\n.contact-form-container .wpcf7 input:focus,\n.contact-form-container .wpcf7 textarea:focus,\n.contact-form-container .wpcf7 select:focus {\n  outline: none !important;\n  background: white !important;\n  box-shadow: 0 0 0 4px rgba(119,231,233,0.3) !important;\n}\n\n\/* \u9001\u4fe1\u30dc\u30bf\u30f3 *\/\n.contact-form-container .wpcf7-submit {\n  display: block;\n  width: 100% !important;\n  padding: 20px 30px !important;\n  background: linear-gradient(135deg, #2E5CB8 0%, #4A7BD6 100%) !important;\n  border: 5px solid #333 !important;\n  border-radius: 60px !important;\n  font-size: 24px !important;\n  font-weight: 900 !important;\n  color: white !important;\n  text-align: center !important;\n  box-shadow: 0 10px 30px rgba(0,0,0,.4) !important;\n  cursor: pointer !important;\n}\n\n.contact-form-container .wpcf7-submit:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 15px 40px rgba(0,0,0,.5) !important;\n}\n\n\/* \u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u306a\u3069 *\/\n.contact-form-container .wpcf7-response-output {\n  margin-top: 20px;\n  border-radius: 15px;\n  padding: 15px 20px;\n  font-weight: 700;\n}\n\n\/* \u30b9\u30de\u30db\u5bfe\u5fdc *\/\n@media (max-width: 768px) {\n  .contact-form-section {\n    padding: 60px 15px !important;\n  }\n  \n  .contact-title {\n    font-size: 28px;\n  }\n  \n  .contact-subtitle {\n    font-size: 14px;\n  }\n  \n  .contact-form-container {\n    padding: 25px 20px;\n  }\n}\n<\/style>\n\n<div id=\"iroha-contact\" class=\"contact-form-section\">\n  <div class=\"contact-form-inner\">\n    \n    <!-- \u30d8\u30c3\u30c0\u30fc -->\n    <div class=\"contact-header\">\n      <h2 class=\"contact-title\">\u304a\u898b\u7a4d\u308a\/\u304a\u554f\u3044\u5408\u308f\u305b<\/h2>\n      <p class=\"contact-subtitle\">\n        \u304a\u6025\u304e\u306e\u65b9\u306f\u304a\u96fb\u8a71\u3067\u627f\u308a\u307e\u3059\u3002\u8cea\u554f\u76f8\u8ac7\u3082\u6b53\u8fce\uff01<br>\n        \u7121\u7406\u306a\u3054\u5951\u7d04\u306f\u4e00\u5207\u3042\u308a\u307e\u305b\u3093\u306e\u3067\u304a\u6c17\u8efd\u306b\u3069\u3046\u305e\uff01\n      <\/p>\n    <\/div>\n\n    <!-- \u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30c6\u30ca -->\n    <div class=\"contact-form-container\">\n      \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f246-o1\" lang=\"ja\" dir=\"ltr\" data-wpcf7-id=\"246\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F7#wpcf7-f246-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=\"246\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"ja\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f246-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label>\u304a\u540d\u524d\uff08\u5fc5\u9808\uff09<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\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u4f8b\uff09\u5c71\u7530 \u592a\u90ce\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label>\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\uff08\u5fc5\u9808\uff09<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\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u4f8b\uff09example@example.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label>\u96fb\u8a71\u756a\u53f7\uff08\u4efb\u610f\uff09<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel-123\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" placeholder=\"\u4f8b\uff0909012345678\" value=\"\" type=\"tel\" name=\"tel-123\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<div>\n\t<p>\u304a\u554f\u3044\u5408\u308f\u305b\u533a\u5206\uff08\u5fc5\u9808\uff09\n\t<\/p>\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"inquiry_type\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first\"><label><input type=\"radio\" name=\"inquiry_type\" value=\"\u554f\u3044\u5408\u308f\u305b\" \/><span class=\"wpcf7-list-item-label\">\u554f\u3044\u5408\u308f\u305b<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"radio\" name=\"inquiry_type\" value=\"\u898b\u7a4d\u308a\u4f9d\u983c\" \/><span class=\"wpcf7-list-item-label\">\u898b\u7a4d\u308a\u4f9d\u983c<\/span><\/label><\/span><\/span><\/span>\n\t<\/p>\n<\/div>\n<p><label>\u3054\u76f8\u8ac7\u5185\u5bb9\uff08\u4efb\u610f\uff09<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"content\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"\u4f8b\uff09\u5916\u58c1\u306e\u30b3\u30b1\u304c\u76ee\u7acb\u3064\u306e\u3067\u304a\u898b\u7a4d\u308a\u3092\u304a\u9858\u3044\u3057\u305f\u3044\u3067\u3059\u3002\" name=\"content\"><\/textarea><\/span><br \/>\n<\/label>\n<\/p>\n<p><label>\u7bc9\u5e74\u6570\uff08\u4efb\u610f\uff09<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"building_age\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"building_age\"><option value=\"\">&#8212;\u4ee5\u4e0b\u304b\u3089\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044&#8212;<\/option><option value=\"5\u5e74\u672a\u6e80\">5\u5e74\u672a\u6e80<\/option><option value=\"5\u301c10\u5e74\">5\u301c10\u5e74<\/option><option value=\"10\u301c15\u5e74\">10\u301c15\u5e74<\/option><option value=\"15\u5e74\u4ee5\u4e0a\">15\u5e74\u4ee5\u4e0a<\/option><\/select><\/span><br \/>\n<\/label>\n<\/p>\n<div class=\"submit-area\">\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"\u3053\u306e\u5185\u5bb9\u3067\u9001\u4fe1\u3059\u308b\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u6c17\u306b\u306a\u308b \u5916\u58c1\u30fb\u5916\u69cb\u306e\u6c5a\u308c \u5916\u58c1\u30fb\u5916\u69cb\u306e\u304a\u60a9\u307f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f \u3042\u306e\u6c5a\u308c\u3092\u3059\u3050\u53d6\u308a\u305f\u3044 \u65e9\u304f\u5916\u58c1\u3092\u304d\u308c\u3044\u306b\u3057\u305f\u3044 \u5857\u88c5\u306f\u9ad8\u3044\u304b\u3089\u2026 \u99d0\u8eca\u5834\u3084\u5916\u69cb\u3082\u6c17\u306b\u306a\u308b \u5857\u88c5\u3057\u305f\u3070\u304b\u308a\u306a\u306e\u306b\u6c5a\u308c\u3066\u3044\u308b \u4e88\u7b97\u3092\u6291\u3048\u3066\u5370\u8c61\u3092\u660e\u308b\u304f CLEA [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":129,"href":"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":316,"href":"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/316"}],"wp:attachment":[{"href":"https:\/\/www.info-irohaspace.buzzandtatchi.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}