\u304d\u306c\u305f\u3084\u6d74\u8863\u30ec\u30f3\u30bf\u30eb | \u5927\u4eba\u306e\u305f\u3081\u306e\u3001\u4e0a\u8cea\u306a\u6d74\u8863\u3002<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+JP:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n washi: '#fdfbf9', \/* \u767d\u30fb\u80cc\u666f\u8272 *\/\n sumi: '#2d2926', \/* \u6fc3\u3044\u30b0\u30ec\u30fc\u30fb\u6587\u5b57\u8272 *\/\n primary: '#5c4c47', \/* \u30d6\u30e9\u30a6\u30f3\u7cfb\u30b0\u30ec\u30fc *\/\n secondary: '#9b8b83', \/* \u8584\u3044\u30d6\u30e9\u30a6\u30f3 *\/\n accent: '#892b34', \/* \u3048\u3093\u3058\u8272\u30fb\u30dc\u30bf\u30f3 *\/\n accentHover: '#6e222a',\n sand: '#f4f1eb' \/* \u8584\u3044\u30d9\u30fc\u30b8\u30e5\u30fb\u30bb\u30af\u30b7\u30e7\u30f3\u80cc\u666f *\/\n },\n fontFamily: {\n serif: ['\"Noto Serif JP\"', 'serif'],\n },\n letterSpacing: {\n widest: '.15em',\n 'widest-xl': '.25em',\n }\n }\n }\n }\n <\/script>\n\n <style>\n body {\n font-family: 'Noto Serif JP', serif;\n color: #2d2926;\n background-color: #fdfbf9;\n scroll-behavior: smooth;\n }\n\n \/* \u65e2\u5b58\u306e\u30c6\u30fc\u30de\u8a2d\u5b9a\u306b\u8ca0\u3051\u306a\u3044\u305f\u3081\u306e\u6587\u5b57\u30b5\u30a4\u30ba\u5f37\u5236\u6307\u5b9a *\/\n .force-title {\n font-size: 32px !important;\n line-height: 1.4 !important;\n }\n .force-main-copy {\n font-size: 36px !important;\n line-height: 1.4 !important;\n }\n @media (min-width: 768px) {\n .force-title { font-size: 48px !important; }\n .force-main-copy { font-size: 60px !important; }\n }\n\n \/* \u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u306e\u77e2\u5370\u975e\u8868\u793a *\/\n details summary::-webkit-details-marker {\n display: none;\n }\n\n \/* \u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u753b\u50cf\u7528\u306e\u5171\u901a\u30b9\u30af\u30ea\u30d7\u30c8\uff08\u30a4\u30f3\u30e9\u30a4\u30f3\u77ed\u7e2e\u5316\uff09 *\/\n .img-fallback {\n background-color: #e8e4db;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #9b8b83;\n font-size: 0.875rem;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased pb-20 md:pb-0\">\n\n \n <section class=\"pt-10 pb-16 md:pt-16 md:pb-24 bg-washi overflow-hidden\">\n \n \n <div class=\"container mx-auto px-4 text-center mb-10 md:mb-16 relative z-10\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/05\/\u304d\u306c\u305f\u3084\u6d74\u8863\u30c8\u30c3\u30d7\uff11.png\" alt=\"\u304d\u306c\u305f\u3084\u6d74\u8863\" class=\"w-full max-w-4xl mx-auto h-auto object-cover rounded-2xl shadow-md\">\n <\/div>\n\n <div class=\"container mx-auto px-4 text-center mb-8 md:mb-12 relative z-10\">\n \n <h2 class=\"force-title font-serif text-primary font-medium tracking-widest leading-tight\">\u304d\u306c\u305f\u3084\u6d74\u8863<br class=\"md:hidden\">\u30ec\u30f3\u30bf\u30eb\u30d7\u30e9\u30f3<\/h2>\n <\/div>\n\n \n <div class=\"container mx-auto px-4 text-center max-w-4xl relative z-10\">\n \n <h1 class=\"force-main-copy text-primary font-medium tracking-widest leading-tight mb-8 md:whitespace-nowrap\">\n \u5927\u4eba\u306e\u305f\u3081\u306e\u3001<br class=\"md:hidden\">\u4e0a\u8cea\u306a\u6d74\u8863\u3002\n <\/h1>\n <p class=\"text-lg md:text-xl text-sumi tracking-widest mb-10 leading-relaxed\">\n \u4eac\u90fd\u3067\u3001\u54c1\u3088\u304f\u3001\u6dbc\u3084\u304b\u306b\u3002<br>\n <span class=\"text-secondary text-base md:text-lg mt-2 block\">\u61a7\u308c\u306e\u300c\u85e4\u5a18\u304d\u306c\u305f\u3084\u300d\u306e\u7d5e\u308a\u6d74\u8863\u3067\u3001<br class=\"md:hidden\">\u30ef\u30f3\u30e9\u30f3\u30af\u4e0a\u306e\u88c5\u3044\u3092\u6c17\u8efd\u306b\u30ec\u30f3\u30bf\u30eb\u3057\u307e\u305b\u3093\u304b\uff1f<\/span>\n <\/p>\n \n <div class=\"bg-sand\/50 inline-block py-3 px-8 rounded-full mb-10 border border-secondary\/20\">\n <p class=\"text-xl md:text-2xl font-medium text-accent\">\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\uff0b\u7740\u4ed8\u3051\u8fbc\u307f\u3067 <span class=\"text-2xl md:text-3xl ml-1\">9,790<\/span><span class=\"text-base text-primary ml-1\">\u5186(\u7a0e\u8fbc)<\/span><\/p>\n <\/div>\n\n <div class=\"flex flex-col sm:flex-row justify-center items-center gap-4\">\n <a href=\"https:\/\/walin.jp\/kimonovoice\/reserve\/\" class=\"w-full sm:w-auto bg-accent text-washi px-10 py-4 rounded-full shadow-lg hover:bg-accentHover transition-colors duration-300 flex items-center justify-center gap-2 text-lg tracking-wider\">\n <i data-lucide=\"calendar-check\" class=\"w-5 h-5\"><\/i>\n \u4eca\u3059\u3050\u4e88\u7d04\u3059\u308b\n <\/a>\n <a href=\"https:\/\/walin.jp\/plan\/yukata\/index.html\" class=\"w-full sm:w-auto bg-transparent border border-accent text-accent px-10 py-4 rounded-full hover:bg-accent\/5 transition-colors duration-300 flex items-center justify-center gap-2 text-lg tracking-wider\">\n <i data-lucide=\"clock\" class=\"w-5 h-5\"><\/i>\n \u7a7a\u304d\u72b6\u6cc1\u3092\u78ba\u8a8d\u3059\u308b\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 bg-sand border-y border-washi\/10\">\n <div class=\"container mx-auto px-4 max-w-5xl\">\n <div class=\"text-center mb-10\">\n <h3 class=\"text-2xl md:text-3xl text-primary font-serif tracking-widest\">\n \u304d\u306c\u305f\u3084\u6d74\u8863 \u30e9\u30a4\u30f3\u30ca\u30c3\u30d7\n <\/h3>\n <p class=\"text-sumi\/80 mt-3 text-sm md:text-base\">\u753b\u50cf\u3092\u30bf\u30c3\u30d7\u3059\u308b\u3068\u5927\u304d\u304f\u8868\u793a\u3055\u308c\u307e\u3059<\/p>\n <\/div>\n \n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-4 md:gap-8\">\n \n <div class=\"bg-washi p-3 rounded-2xl shadow-sm text-center\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-1.jpg\" alt=\"kn-1\" class=\"w-full h-auto aspect-[3\/4] object-cover rounded-xl cursor-pointer hover:opacity-90 transition-opacity duration-300\" onclick=\"openModal(this.src, 'kn-1')\">\n <p class=\"mt-3 text-lg text-primary font-medium tracking-widest\">kn-1<\/p>\n <\/div>\n \n <div class=\"bg-washi p-3 rounded-2xl shadow-sm text-center\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-2.jpg\" alt=\"kn-2\" class=\"w-full h-auto aspect-[3\/4] object-cover rounded-xl cursor-pointer hover:opacity-90 transition-opacity duration-300\" onclick=\"openModal(this.src, 'kn-2')\">\n <p class=\"mt-3 text-lg text-primary font-medium tracking-widest\">kn-2<\/p>\n <\/div>\n \n <div class=\"bg-washi p-3 rounded-2xl shadow-sm text-center\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-3.jpg\" alt=\"kn-3\" class=\"w-full h-auto aspect-[3\/4] object-cover rounded-xl cursor-pointer hover:opacity-90 transition-opacity duration-300\" onclick=\"openModal(this.src, 'kn-3')\">\n <p class=\"mt-3 text-lg text-primary font-medium tracking-widest\">kn-3<\/p>\n <\/div>\n \n <div class=\"bg-washi p-3 rounded-2xl shadow-sm text-center\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-4.jpg\" alt=\"kn-4\" class=\"w-full h-auto aspect-[3\/4] object-cover rounded-xl cursor-pointer hover:opacity-90 transition-opacity duration-300\" onclick=\"openModal(this.src, 'kn-4')\">\n <p class=\"mt-3 text-lg text-primary font-medium tracking-widest\">kn-4<\/p>\n <\/div>\n \n <div class=\"bg-washi p-3 rounded-2xl shadow-sm text-center\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-5.jpg\" alt=\"kn-5\" class=\"w-full h-auto aspect-[3\/4] object-cover rounded-xl cursor-pointer hover:opacity-90 transition-opacity duration-300\" onclick=\"openModal(this.src, 'kn-5')\">\n <p class=\"mt-3 text-lg text-primary font-medium tracking-widest\">kn-5<\/p>\n <\/div>\n \n <div class=\"bg-washi p-3 rounded-2xl shadow-sm text-center\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-6.jpg\" alt=\"kn-6\" class=\"w-full h-auto aspect-[3\/4] object-cover rounded-xl cursor-pointer hover:opacity-90 transition-opacity duration-300\" onclick=\"openModal(this.src, 'kn-6')\">\n <p class=\"mt-3 text-lg text-primary font-medium tracking-widest\">kn-6<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-28 bg-sand\">\n <div class=\"container mx-auto px-4 max-w-3xl\">\n <div class=\"text-center mb-12\">\n <p class=\"text-secondary text-sm tracking-widest-xl uppercase mb-2\">Concerns<\/p>\n <h2 class=\"text-3xl md:text-4xl font-serif text-primary\">\u3053\u3093\u306a\u304a\u60a9\u307f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/h2>\n <div class=\"w-12 h-px bg-accent mx-auto mt-6\"><\/div>\n <\/div>\n\n <div class=\"bg-washi p-8 md:p-12 rounded-2xl shadow-sm border border-secondary\/10\">\n <ul class=\"space-y-6 text-lg md:text-xl text-sumi\">\n <li class=\"flex items-start gap-4\">\n <i data-lucide=\"check\" class=\"w-6 h-6 text-secondary shrink-0 mt-1\"><\/i>\n <p>\u4eac\u90fd\u3067\u6d74\u8863\u3092\u7740\u305f\u3044\u3051\u3069\u3001<span class=\"font-medium decoration-accent\/30 underline decoration-4 underline-offset-4\">\u82e5\u3044\u5b50\u5411\u3051\u306e\u30c7\u30b6\u30a4\u30f3<\/span>\u3070\u304b\u308a<\/p>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <i data-lucide=\"check\" class=\"w-6 h-6 text-secondary shrink-0 mt-1\"><\/i>\n <p>\u305b\u3063\u304b\u304f\u7740\u308b\u306a\u3089\u3001<span class=\"font-medium decoration-accent\/30 underline decoration-4 underline-offset-4\">\u5b89\u3063\u307d\u304f\u898b\u3048\u308b\u306e\u306f\u907f\u3051\u305f\u3044<\/span><\/p>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <i data-lucide=\"check\" class=\"w-6 h-6 text-secondary shrink-0 mt-1\"><\/i>\n <p>\u8cfc\u5165\u3059\u308b\u3068\u9ad8\u3059\u304e\u3066\u8ff7\u3046<\/p>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <i data-lucide=\"check\" class=\"w-6 h-6 text-secondary shrink-0 mt-1\"><\/i>\n <p>\u3067\u3082<span class=\"font-medium text-accent\">\u300c\u3061\u3083\u3093\u3068\u3057\u305f\u6d74\u8863\u300d<\/span>\u3092\u7740\u3066\u307f\u305f\u3044<\/p>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-28 bg-washi\">\n <div class=\"container mx-auto px-4 max-w-5xl\">\n <div class=\"text-center mb-16\">\n <p class=\"text-secondary text-sm tracking-widest-xl uppercase mb-2\">Solution<\/p>\n <h2 class=\"text-3xl md:text-4xl font-serif text-primary mb-6\">\u3060\u304b\u3089\u3053\u305d\u3001\u4e0a\u8cea\u3092\u6c17\u8efd\u306b\u3002<\/h2>\n <div class=\"w-12 h-px bg-accent mx-auto\"><\/div>\n <\/div>\n\n <div class=\"max-w-3xl mx-auto text-center space-y-8\">\n <h3 class=\"text-2xl md:text-3xl text-primary font-serif leading-relaxed\">\n \u548c\u51db\u306e\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u306f\u3001<br>\n \u300c\u85e4\u5a18\u304d\u306c\u305f\u3084\u300d\u306e<br class=\"md:hidden\">\u7d5e\u308a\u6d74\u8863\u3092\u53b3\u9078\u3057\u3066\u3054\u7528\u610f\u3002\n <\/h3>\n <p class=\"text-lg text-sumi\/80 leading-relaxed\">\n \u30b0\u30eb\u30fc\u30d7\u306b\u672c\u683c\u7740\u7269\u30d6\u30e9\u30f3\u30c9\u3092\u6301\u3064\u5f37\u307f\u3092\u6d3b\u304b\u3057\u3001\u4ed6\u5e97\u306b\u306f\u306a\u3044\u843d\u3061\u7740\u304d\u3068\u54c1\u683c\u306e\u3042\u308b\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7\u3092\u5b9f\u73fe\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n \n <div class=\"bg-sand p-8 rounded-2xl mt-8 border-t-4 border-accent inline-block w-full md:w-auto shadow-sm\">\n <p class=\"text-sm text-secondary mb-2\">\u3057\u304b\u3082<\/p>\n <p class=\"text-xl md:text-2xl text-primary font-medium\">\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\uff0b\u7740\u4ed8\u3051\u8fbc\u307f\u3067 <span class=\"text-accent font-bold text-3xl mx-1\">9,790<\/span>\u5186<span class=\"text-sm\">(\u7a0e\u8fbc)<\/span><\/p>\n <\/div>\n \n <p class=\"text-lg md:text-xl text-sumi font-medium pt-4\">\n \u8cfc\u5165\u305b\u305a\u306b\u3001<br>\n <span class=\"text-accent tracking-widest block mt-2 text-2xl\">\u201c\u672c\u7269\u611f\u306e\u3042\u308b\u4e00\u7740\u201d<\/span><br>\u3092\u697d\u3057\u3081\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-28 bg-sand\">\n <div class=\"container mx-auto px-4 max-w-4xl text-center\">\n <p class=\"text-secondary text-sm tracking-widest-xl uppercase mb-2\">Benefits<\/p>\n <h2 class=\"text-3xl md:text-4xl font-serif text-primary mb-12\">\u9078\u3070\u308c\u308b\u306e\u306f<br class=\"md:hidden\">\u300c\u3061\u3087\u3046\u3069\u3044\u3044\u4e0a\u8cea\u611f\u300d<\/h2>\n \n <div class=\"grid sm:grid-cols-2 gap-6 md:gap-8 text-left mb-16\">\n <div class=\"bg-washi p-8 rounded-2xl shadow-sm flex items-start gap-4\">\n <i data-lucide=\"palette\" class=\"w-8 h-8 text-secondary shrink-0\"><\/i>\n <div>\n <h4 class=\"text-xl text-primary font-medium mb-2\">\u843d\u3061\u7740\u3044\u305f\u8272\u5473<\/h4>\n <p class=\"text-sumi\/80\">\u808c\u99b4\u67d3\u307f\u306e\u826f\u3044\u4e0a\u54c1\u306a\u30ab\u30e9\u30fc\u5c55\u958b\u3067\u3001\u3057\u3063\u3068\u308a\u3068\u5927\u4eba\u3089\u3057\u304f\u898b\u3048\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-washi p-8 rounded-2xl shadow-sm flex items-start gap-4\">\n <i data-lucide=\"camera\" class=\"w-8 h-8 text-secondary shrink-0\"><\/i>\n <div>\n <h4 class=\"text-xl text-primary font-medium mb-2\">\u5199\u771f\u6620\u3048\u3059\u308b\u7f8e\u3057\u3055<\/h4>\n <p class=\"text-sumi\/80\">\u83ef\u3084\u304b\u3055\u306f\u3042\u308a\u3064\u3064\u3001\u3084\u308a\u3059\u304e\u306a\u3044\u7d76\u5999\u306a\u30d0\u30e9\u30f3\u30b9\u3067\u601d\u3044\u51fa\u306b\u6b8b\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-washi p-8 rounded-2xl shadow-sm flex items-start gap-4\">\n <i data-lucide=\"map-pin\" class=\"w-8 h-8 text-secondary shrink-0\"><\/i>\n <div>\n <h4 class=\"text-xl text-primary font-medium mb-2\">\u7279\u5225\u306a\u590f\u306e\u601d\u3044\u51fa\u306b<\/h4>\n <p class=\"text-sumi\/80\">\u6b74\u53f2\u3042\u308b\u4eac\u90fd\u306e\u8857\u4e26\u307f\u306f\u3082\u3061\u308d\u3093\u3001\u82b1\u706b\u5927\u4f1a\u3084\u9d28\u5ddd\u3067\u306e\u5e8a\u6599\u7406\u306a\u3069\u3001\u590f\u306e\u7279\u5225\u306a\u30a4\u30d9\u30f3\u30c8\u306b\u3082\u3075\u3055\u308f\u3057\u3044\u672c\u683c\u7684\u306a\u88c5\u3044\u3092\u53f6\u3048\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-washi p-8 rounded-2xl shadow-sm flex items-start gap-4\">\n <i data-lucide=\"smile\" class=\"w-8 h-8 text-secondary shrink-0\"><\/i>\n <div>\n <h4 class=\"text-xl text-primary font-medium mb-2\">1\u65e5\u5feb\u9069\u306a\u7740\u5fc3\u5730<\/h4>\n <p class=\"text-sumi\/80\">\u30d7\u30ed\u306e\u7740\u4ed8\u3051\u306b\u3088\u308a\u7740\u5d29\u308c\u3057\u306b\u304f\u304f\u3001\u6563\u7b56\u4e2d\u3082\u82e6\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"inline-block relative\">\n <i data-lucide=\"quote\" class=\"absolute -top-6 -left-8 w-12 h-12 text-secondary\/20 rotate-180\"><\/i>\n <p class=\"text-2xl md:text-3xl font-serif text-primary leading-loose tracking-widest relative z-10\">\n \u300c\u305d\u308c\u3001\u3069\u3053\u306e\uff1f\u300d\u3068\u805e\u304b\u308c\u308b\u3088\u3046\u306a<br>\n <span class=\"text-accent\">\u3055\u308a\u3052\u306a\u3044\u4e0a\u8cea\u3055<\/span>\u3092\u624b\u306b\u5165\u308c\u3089\u308c\u307e\u3059\u3002\n <\/p>\n <i data-lucide=\"quote\" class=\"absolute -bottom-6 -right-8 w-12 h-12 text-secondary\/20\"><\/i>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-28 bg-washi\">\n <div class=\"container mx-auto px-4 max-w-5xl\">\n <div class=\"text-center mb-16\">\n <p class=\"text-secondary text-sm tracking-widest-xl uppercase mb-2\">Reasons<\/p>\n <h2 class=\"text-3xl md:text-4xl font-serif text-primary mb-6\">\u548c\u51db\u304c\u9078\u3070\u308c\u308b4\u3064\u306e\u7406\u7531<\/h2>\n <div class=\"w-12 h-px bg-accent mx-auto\"><\/div>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-10\">\n \n <div class=\"flex flex-col sm:flex-row gap-6 border-b border-sand pb-8 md:border-b-0 md:pb-0\">\n <div class=\"w-16 h-16 rounded-full bg-sand flex items-center justify-center text-primary font-serif text-2xl shrink-0\">1<\/div>\n <div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-3\">\u672c\u683c\u7740\u7269\u306e\u4ed5\u5165\u308c\u529b<\/h3>\n <p class=\"text-sumi\/80 leading-relaxed\">\u30b0\u30eb\u30fc\u30d7\u4f01\u696d\u306b\u7740\u7269\u30d6\u30e9\u30f3\u30c9\u3092\u6301\u3064\u5f37\u307f\u3067\u3001\u7f8e\u3057\u3044\u7d5e\u308a\u6d74\u8863\u3092\u8c4a\u5bcc\u306b\u53d6\u308a\u63c3\u3048\u3066\u3044\u307e\u3059\u3002\u8077\u4eba\u6280\u304c\u5149\u308b\u672c\u7269\u306e\u8cea\u611f\u3092\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col sm:flex-row gap-6 border-b border-sand pb-8 md:border-b-0 md:pb-0\">\n <div class=\"w-16 h-16 rounded-full bg-sand flex items-center justify-center text-primary font-serif text-2xl shrink-0\">2<\/div>\n <div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-3\">\u5927\u4eba\u5973\u6027\u5411\u3051\u306e\u53b3\u9078\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7<\/h3>\n <p class=\"text-sumi\/80 leading-relaxed\">\u6d3e\u624b\u3059\u304e\u305a\u3001\u5730\u5473\u3059\u304e\u306a\u3044\u3002\u5927\u4eba\u306e\u9b45\u529b\u304c\u5f15\u304d\u7acb\u3064\u7d76\u5999\u306a\u8272\u67c4\u306e\u30c7\u30b6\u30a4\u30f3\u3060\u3051\u3092\u53b3\u9078\u3057\u3066\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col sm:flex-row gap-6 border-b border-sand pb-8 md:border-b-0 md:pb-0\">\n <div class=\"w-16 h-16 rounded-full bg-sand flex items-center justify-center text-primary font-serif text-2xl shrink-0\">3<\/div>\n <div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-3\">\u660e\u77ad\u4fa1\u683c\u3067\u5b89\u5fc3<\/h3>\n <p class=\"text-sumi\/80 leading-relaxed\">\u6d74\u8863\u4e00\u5f0f\u30ec\u30f3\u30bf\u30eb\u3068\u30d7\u30ed\u306e\u7740\u4ed8\u3051\u304c\u3059\u3079\u3066\u8fbc\u307f\u306b\u306a\u3063\u305f\u30b7\u30f3\u30d7\u30eb\u30d7\u30e9\u30f3\u3002\u8ffd\u52a0\u6599\u91d1\u306e\u4e0d\u5b89\u306a\u304f\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col sm:flex-row gap-6\">\n <div class=\"w-16 h-16 rounded-full bg-sand flex items-center justify-center text-primary font-serif text-2xl shrink-0\">4<\/div>\n <div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-3\">\u4eac\u90fd\u89b3\u5149\u306b\u6700\u9069\u306a\u624b\u8efd\u3055<\/h3>\n <p class=\"text-sumi\/80 leading-relaxed\">\u624b\u3076\u3089\u3067\u3054\u6765\u5e97OK\u3002\u89b3\u5149\u306e\u5408\u9593\u306b\u30b9\u30e0\u30fc\u30ba\u306b\u7740\u66ff\u3048\u3066\u3001\u305d\u306e\u307e\u307e\u4eac\u90fd\u306e\u8857\u3078\u304a\u51fa\u304b\u3051\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-28 bg-washi\">\n <div class=\"container mx-auto px-4 max-w-3xl\">\n <div class=\"text-center mb-16\">\n <p class=\"text-secondary text-sm tracking-widest-xl uppercase mb-2\">Flow<\/p>\n <h2 class=\"text-3xl md:text-4xl font-serif text-primary mb-6\">\u3054\u5229\u7528\u306e\u6d41\u308c<\/h2>\n <div class=\"w-12 h-px bg-accent mx-auto\"><\/div>\n <\/div>\n\n <div class=\"relative border-l-2 border-sand ml-6 md:ml-12 space-y-12\">\n \n <div class=\"relative pl-10 md:pl-16\">\n <div class=\"absolute -left-5 top-0 w-10 h-10 rounded-full bg-accent text-washi flex items-center justify-center font-serif text-lg\">1<\/div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-2 pt-1\">\u3054\u4e88\u7d04<\/h3>\n <p class=\"text-sumi\/80\">WEB\u307e\u305f\u306f\u304a\u96fb\u8a71\u306b\u3066\u3001\u3054\u5e0c\u671b\u306e\u65e5\u6642\u3092\u7c21\u5358\u306b\u3054\u4e88\u7d04\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"relative pl-10 md:pl-16\">\n <div class=\"absolute -left-5 top-0 w-10 h-10 rounded-full bg-sand border-2 border-accent text-accent flex items-center justify-center font-serif text-lg\">2<\/div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-2 pt-1\">\u3054\u6765\u5e97\u30fb\u6d74\u8863\u9078\u3073<\/h3>\n <p class=\"text-sumi\/80\">\u8c4a\u5bcc\u306a\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7\u304b\u3089\u3001\u304a\u5ba2\u69d8\u306e\u304a\u597d\u307f\u3084\u96f0\u56f2\u6c17\u306b\u5408\u308f\u305b\u3066\u30b9\u30bf\u30c3\u30d5\u304c\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"relative pl-10 md:pl-16\">\n <div class=\"absolute -left-5 top-0 w-10 h-10 rounded-full bg-sand border-2 border-accent text-accent flex items-center justify-center font-serif text-lg\">3<\/div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-2 pt-1\">\u7740\u4ed8\u3051\u30fb\u30d8\u30a2\u30bb\u30c3\u30c8<\/h3>\n <p class=\"text-sumi\/80\">\u30d7\u30ed\u306e\u7740\u4ed8\u5e2b\u304c\u4e01\u5be7\u306b\u3001\u82e6\u3057\u304f\u306a\u3044\u3088\u3046\u304a\u7740\u4ed8\u3051\u3057\u307e\u3059\u3002<br><span class=\"text-sm text-secondary\">\u203b\u30d8\u30a2\u30bb\u30c3\u30c8\u306f\u5225\u90141,650\u5186(\u7a0e\u8fbc)\u3067\u627f\u308a\u307e\u3059\u3002<\/span><\/p>\n <\/div>\n\n <div class=\"relative pl-10 md:pl-16\">\n <div class=\"absolute -left-5 top-0 w-10 h-10 rounded-full bg-sand border-2 border-accent text-accent flex items-center justify-center font-serif text-lg\">4<\/div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-2 pt-1\">\u304a\u51fa\u304b\u3051<\/h3>\n <p class=\"text-sumi\/80\">\u6e96\u5099\u304c\u6574\u3063\u305f\u3089\u3001\u305d\u306e\u307e\u307e\u4eac\u90fd\u89b3\u5149\u3078\u304a\u51fa\u304b\u3051\u304f\u3060\u3055\u3044\u3002\u304a\u8377\u7269\u306f\u304a\u9810\u304b\u308a\u53ef\u80fd\u3067\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"relative pl-10 md:pl-16\">\n <div class=\"absolute -left-5 top-0 w-10 h-10 rounded-full bg-sand border-2 border-accent text-accent flex items-center justify-center font-serif text-lg\">5<\/div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-2 pt-1\">\u3054\u8fd4\u5374<\/h3>\n <p class=\"text-sumi\/80\">\u5f53\u65e517:30\u307e\u3067\u306b\u5e97\u8217\u307e\u3067\u304a\u623b\u308a\u3044\u305f\u3060\u304d\u3001\u304a\u7740\u66ff\u3048\u3092\u3057\u3066\u7d42\u4e86\u3067\u3059\u3002<br><span class=\"text-sm text-secondary mt-1 inline-block\">\u203b\u7fcc\u65e513:00\u307e\u3067\u306e\u3054\u8fd4\u5374\u3082\u7121\u6599\u3067\u3059\u3002<\/span><\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-28 bg-sand\">\n <div class=\"container mx-auto px-4 max-w-3xl\">\n <div class=\"text-center mb-16\">\n <p class=\"text-secondary text-sm tracking-widest-xl uppercase mb-2\">FAQ<\/p>\n <h2 class=\"text-3xl md:text-4xl font-serif text-primary mb-6\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/h2>\n <div class=\"w-12 h-px bg-accent mx-auto\"><\/div>\n <\/div>\n\n <div class=\"bg-washi p-6 md:p-10 rounded-2xl shadow-sm\">\n \n <details class=\"group border-b border-sand pb-4 mb-4\" open>\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-primary md:text-lg\">\n <span class=\"pr-6\">Q. \u624b\u3076\u3089\u3067\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f<\/span>\n <span class=\"transition group-open:rotate-180 text-secondary shrink-0\">\n <i data-lucide=\"chevron-down\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-sumi\/80 mt-4 pl-4 border-l-2 border-accent\/50 text-sm md:text-base\">\n <p>A. \u306f\u3044\u3001\u6d74\u8863\u3001\u5e2f\u3001\u4e0b\u99c4\u3001\u5dfe\u7740\u3001\u7740\u4ed8\u3051\u5c0f\u7269\u306a\u3069\u3001\u5fc5\u8981\u306a\u3082\u306e\u306f\u3059\u3079\u3066\u30d7\u30e9\u30f3\u306b\u542b\u307e\u308c\u3066\u304a\u308a\u307e\u3059\u306e\u3067\u3001\u624b\u3076\u3089\u3067\u304a\u8d8a\u3057\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <\/details>\n\n <details class=\"group border-b border-sand pb-4 mb-4\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-primary md:text-lg\">\n <span class=\"pr-6\">Q. \u7740\u4ed8\u3051\u306f\u82e6\u3057\u304f\u306a\u3044\u3067\u3059\u304b\uff1f<\/span>\n <span class=\"transition group-open:rotate-180 text-secondary shrink-0\">\n <i data-lucide=\"chevron-down\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-sumi\/80 mt-4 pl-4 border-l-2 border-accent\/50 text-sm md:text-base\">\n <p>A. \u7d4c\u9a13\u8c4a\u5bcc\u306a\u30d7\u30ed\u306e\u7740\u4ed8\u5e2b\u304c\u3001\u898b\u305f\u76ee\u306e\u7f8e\u3057\u3055\u3060\u3051\u3067\u306a\u304f\u3001\u304a\u98df\u4e8b\u3084\u9577\u6642\u9593\u306e\u6563\u7b56\u3067\u3082\u5feb\u9069\u306b\u904e\u3054\u305b\u308b\u3088\u3046\u3001\u7de0\u3081\u4ed8\u3051\u3059\u304e\u306a\u3044\u9069\u5ea6\u306a\u529b\u52a0\u6e1b\u3067\u304a\u7740\u4ed8\u3051\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/details>\n\n <details class=\"group border-b border-sand pb-4 mb-4\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-primary md:text-lg\">\n <span class=\"pr-6\">Q. \u96e8\u306e\u65e5\u3067\u3082\u5229\u7528\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n <span class=\"transition group-open:rotate-180 text-secondary shrink-0\">\n <i data-lucide=\"chevron-down\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-sumi\/80 mt-4 pl-4 border-l-2 border-accent\/50 text-sm md:text-base\">\n <p>A. \u306f\u3044\u3001\u554f\u984c\u306a\u304f\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u8efd\u5ea6\u306a\u6c5a\u308c\u306b\u5bfe\u3059\u308b\u8ffd\u52a0\u6599\u91d1\u306f\u3044\u305f\u3060\u304d\u307e\u305b\u3093\u306e\u3067\u3054\u5b89\u5fc3\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/details>\n\n <details class=\"group\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-primary md:text-lg\">\n <span class=\"pr-6\">Q. \u5f53\u65e5\u4e88\u7d04\u306f\u53ef\u80fd\u3067\u3059\u304b\uff1f<\/span>\n <span class=\"transition group-open:rotate-180 text-secondary shrink-0\">\n <i data-lucide=\"chevron-down\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-sumi\/80 mt-4 pl-4 border-l-2 border-accent\/50 text-sm md:text-base\">\n <p>A. \u7a7a\u304d\u72b6\u6cc1\u306b\u3088\u3063\u3066\u306f\u5bfe\u5fdc\u53ef\u80fd\u3067\u3059\u3002\u305f\u3060\u3057\u3001\u7279\u306b\u9031\u672b\u3084\u89b3\u5149\u30b7\u30fc\u30ba\u30f3\u306f\u6df7\u307f\u5408\u3044\u307e\u3059\u306e\u3067\u3001\u4e8b\u524d\u306e\u3054\u4e88\u7d04\u3092\u5f37\u304f\u304a\u3059\u3059\u3081\u3057\u3066\u304a\u308a\u307e\u3059\u3002\u5f53\u65e5\u306e\u5834\u5408\u306f\u304a\u96fb\u8a71\u306b\u3066\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/details>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"relative py-32 bg-washi flex items-center justify-center overflow-hidden\">\n \n <div class=\"absolute inset-0 z-0\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/img\/top_yukata08.png\" alt=\"\u6d74\u8863\u306e\u5973\u6027\" class=\"w-full h-full object-cover opacity-70\" onerror=\"this.src='data:image\/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fdfbf9%22%2F%3E%3C%2Fsvg%3E';\">\n \n <div class=\"absolute inset-0 bg-washi\/40\"><\/div>\n <div class=\"absolute inset-0 bg-gradient-to-t from-sand via-sand\/50 to-transparent\"><\/div>\n <\/div>\n\n <div class=\"container mx-auto px-4 text-center relative z-10 max-w-3xl\">\n <h2 class=\"text-3xl md:text-5xl font-serif text-primary mb-8 tracking-widest leading-tight\">\n \u300c\u3061\u3083\u3093\u3068\u3057\u305f\u6d74\u8863\u300d\u3092\u3001<br>\n \u3082\u3063\u3068\u6c17\u8efd\u306b\u3002\n <\/h2>\n \n <p class=\"text-lg md:text-xl text-sumi\/80 mb-12 leading-loose tracking-wider\">\n \u8cfc\u5165\u3059\u308b\u307b\u3069\u3067\u306f\u306a\u3044\u3051\u308c\u3069\u3001<br>\n \u59a5\u5354\u3082\u3057\u305f\u304f\u306a\u3044\u3002<br>\n \u305d\u3093\u306a\u5927\u4eba\u306e\u308f\u304c\u307e\u307e\u306b\u5fdc\u3048\u308b<br>\n \u3061\u3087\u3046\u3069\u3044\u3044\u9078\u629e\u3067\u3059\u3002<br><br>\n \u4eac\u90fd\u3067\u306e\u4e00\u65e5\u3092\u3001<br>\n \u5c11\u3057\u3060\u3051\u7279\u5225\u306b\u3057\u3066\u307f\u307e\u305b\u3093\u304b\uff1f\n <\/p>\n\n <div class=\"flex flex-col sm:flex-row justify-center items-center gap-4\">\n <a href=\"https:\/\/walin.jp\/kimonovoice\/reserve\/\" class=\"w-full sm:w-auto bg-accent text-washi px-10 py-5 rounded-full shadow-lg hover:bg-accentHover transition-colors duration-300 flex items-center justify-center gap-2 text-lg tracking-wider\">\n <i data-lucide=\"calendar-check\" class=\"w-6 h-6\"><\/i>\n \u4eca\u3059\u3050\u4e88\u7d04\u3059\u308b\n <\/a>\n <a href=\"https:\/\/walin.jp\/plan\/yukata\/index.html\" class=\"w-full sm:w-auto bg-transparent border border-accent text-accent px-10 py-5 rounded-full hover:bg-accent\/5 transition-colors duration-300 flex items-center justify-center gap-2 text-lg tracking-wider\">\n <i data-lucide=\"clock\" class=\"w-6 h-6\"><\/i>\n \u7a7a\u304d\u72b6\u6cc1\u3092\u78ba\u8a8d\u3059\u308b\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-28 bg-sand border-t border-secondary\/10\">\n <div class=\"container mx-auto px-4 max-w-4xl\">\n <div class=\"text-center mb-12\">\n <p class=\"text-secondary text-sm tracking-widest-xl uppercase mb-2\">Shop Info<\/p>\n <h2 class=\"text-3xl md:text-4xl font-serif text-primary mb-6\">\u5e97\u8217\u306e\u3054\u6848\u5185<\/h2>\n <div class=\"w-12 h-px bg-accent mx-auto\"><\/div>\n <\/div>\n\n <div class=\"bg-washi p-8 md:p-12 rounded-2xl shadow-sm border border-secondary\/10 max-w-2xl mx-auto\">\n \n <div class=\"space-y-4 text-sumi\/80\">\n <h3 class=\"font-serif mb-6 tracking-widest text-center\">\n <span class=\"text-sm md:text-base text-sumi\/80 block mb-2\">\u4eac\u90fd\u304d\u3082\u306e\u30ec\u30f3\u30bf\u30eb<\/span>\n <span class=\"text-3xl md:text-4xl text-primary font-medium\">\u548c\u51db<\/span>\n <\/h3>\n <p class=\"leading-relaxed text-sm md:text-base text-center mb-6\">\n \u4eac\u90fd\u306e\u8857\u6b69\u304d\u306b\u3074\u3063\u305f\u308a\u306a\u3001\u843d\u3061\u7740\u3044\u305f\u5927\u4eba\u306e\u305f\u3081\u306e\u7740\u7269\u30fb\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u5c02\u9580\u5e97\u3067\u3059\u3002\u30d5\u30a9\u30fc\u30de\u30eb\u304b\u3089\u30ab\u30b8\u30e5\u30a2\u30eb\u307e\u3067\u69d8\u3005\u306a\u7740\u7269\u3092\u53d6\u308a\u63c3\u3048\u3066\u304a\u308a\u307e\u3059\u3002\n <\/p>\n <div class=\"pt-6 mt-4 space-y-4 text-sm md:text-base border-t border-sand max-w-md mx-auto\">\n <p class=\"flex\"><span class=\"font-medium text-primary shrink-0 w-24\">\u55b6\u696d\u6642\u9593<\/span> 9:00\u301c18:00<\/p>\n <p class=\"flex\"><span class=\"font-medium text-primary shrink-0 w-24\">\u5b9a\u4f11\u65e5<\/span> \u6708\u30fb\u6728\u66dc<\/p>\n <p class=\"flex\"><span class=\"font-medium text-primary shrink-0 w-24\">\u4f4f\u6240<\/span> <span class=\"leading-relaxed\">\u3012600-8449<br>\u4eac\u90fd\u5e02\u4e0b\u4eac\u533a\u65b0\u753a\u901a\u677e\u539f\u4e0b\u308b\u5bcc\u6c38\u753a112\u756a\u57302<br>\u83ca\u5730\u30d3\u30eb1\u968e<\/span><\/p>\n <p class=\"flex\"><span class=\"font-medium text-primary shrink-0 w-24\">\u96fb\u8a71\u756a\u53f7<\/span> 075-343-1515<\/p>\n <p class=\"flex\"><span class=\"font-medium text-primary shrink-0 w-24\">\u30a2\u30af\u30bb\u30b9<\/span> \u5730\u4e0b\u9244\u4e94\u6761\u99c5\u3088\u308a\u5f92\u6b695\u5206<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-washi border-t border-sand py-8 text-center pb-24 md:pb-8\">\n <div class=\"text-xl font-serif tracking-widest text-primary mb-4\">WALIN<\/div>\n <p class=\"text-sm text-secondary\">\u00a9 WALIN. All Rights Reserved.<\/p>\n <\/footer>\n\n \n <div class=\"fixed bottom-0 left-0 w-full z-50 md:hidden bg-washi\/95 backdrop-blur-sm border-t border-sand p-3 shadow-[0_-4px_10px_rgba(0,0,0,0.05)]\">\n <a href=\"https:\/\/walin.jp\/kimonovoice\/reserve\/\" class=\"flex items-center justify-center gap-2 bg-accent text-washi py-3 px-6 rounded-full shadow-lg active:bg-accentHover transition-colors duration-300 font-medium text-lg w-full\">\n <i data-lucide=\"calendar-check\" class=\"w-5 h-5\"><\/i>\n <span>\u4eca\u3059\u3050\u4e88\u7d04\u3059\u308b<\/span>\n <\/a>\n <\/div>\n\n \n <div id=\"imageModal\" class=\"fixed inset-0 z-[9999] hidden bg-sumi\/90 flex items-center justify-center opacity-0 transition-opacity duration-300\" onclick=\"closeModal()\">\n <button type=\"button\" class=\"absolute top-4 right-4 md:top-8 md:right-8 text-washi hover:text-secondary p-4 z-[10000] transition-colors cursor-pointer\" onclick=\"closeModal()\" aria-label=\"\u9589\u3058\u308b\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-8 h-8 md:w-10 md:h-10\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\n <\/button>\n <div class=\"relative w-full max-w-5xl h-full max-h-[90vh] p-4 md:p-8 flex flex-col justify-center items-center\" onclick=\"event.stopPropagation()\">\n <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"\u62e1\u5927\u753b\u50cf\" class=\"max-w-full max-h-[75vh] md:max-h-[80vh] object-contain rounded shadow-2xl\">\n <p id=\"modalImageId\" class=\"text-washi text-lg md:text-xl font-medium tracking-widest mt-6\"><\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Lucide\u30a2\u30a4\u30b3\u30f3\u306e\u521d\u671f\u5316\n lucide.createIcons();\n\n \/\/ \u30e2\u30fc\u30c0\u30eb\u5236\u5fa1\n const modal = document.getElementById('imageModal');\n const modalImg = document.getElementById('modalImage');\n const modalImgId = document.getElementById('modalImageId');\n\n function openModal(src, id) {\n modalImg.src = src;\n modalImgId.textContent = id;\n modal.classList.remove('hidden');\n \/\/ \u5c11\u3057\u9045\u308c\u3066opacity\u3092\u5909\u66f4\u3057\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u3055\u305b\u308b\n setTimeout(() => {\n modal.classList.remove('opacity-0');\n }, 10);\n document.body.style.overflow = 'hidden'; \/\/ \u80cc\u666f\u30b9\u30af\u30ed\u30fc\u30eb\u9632\u6b62\n }\n\n function closeModal() {\n modal.classList.add('opacity-0');\n setTimeout(() => {\n modal.classList.add('hidden');\n modalImg.src = '';\n modalImgId.textContent = '';\n document.body.style.overflow = ''; \/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u518d\u958b\n }, 300);\n }\n\n \/\/ ESC\u30ad\u30fc\u3067\u30e2\u30fc\u30c0\u30eb\u3092\u9589\u3058\u308b\n document.addEventListener('keydown', function(event) {\n if (event.key === 'Escape' && !modal.classList.contains('hidden')) {\n closeModal();\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"\u304d\u306c\u305f\u3084\u6d74\u8863\u30ec\u30f3\u30bf\u30eb | \u5927\u4eba\u306e\u305f\u3081\u306e\u3001\u4e0a\u8cea\u306a\u6d74\u8863\u3002 \u304d\u306c\u305f\u3084\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u30d7\u30e9\u30f3 \u5927\u4eba\u306e\u305f\u3081\u306e\u3001\u4e0a\u8cea\u306a\u6d74\u8863\u3002 \u4eac\u90fd\u3067\u3001\u54c1\u3088\u304f\u3001\u6dbc\u3084\u304b\u306b\u3002 \u61a7\u308c\u306e\u300c\u85e4\u5a18\u304d\u306c\u305f\u3084\u300d\u306e\u7d5e\u308a\u6d74\u8863\u3067\u3001\u30ef\u30f3\u30e9\u30f3\u30af\u4e0a\u306e\u88c5\u3044\u3092\u6c17\u8efd\u306b\u30ec\u30f3\u30bf\u30eb\u3057\u307e\u305b\u3093\u304b\uff1f […]","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-11044","post","type-post","status-publish","format-standard","hentry","category-1"],"acf":[],"_links":{"self":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11044","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/comments?post=11044"}],"version-history":[{"count":18,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11044\/revisions"}],"predecessor-version":[{"id":11086,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11044\/revisions\/11086"}],"wp:attachment":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/media?parent=11044"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/categories?post=11044"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/tags?post=11044"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":11044,"date":"2026-04-28T09:13:44","date_gmt":"2026-04-28T09:13:44","guid":{"rendered":"https:\/\/walin.jp\/kimonovoice\/?p=11044"},"modified":"2026-05-15T09:14:28","modified_gmt":"2026-05-15T09:14:28","slug":"11044-2","status":"publish","type":"post","link":"https:\/\/walin.jp\/kimonovoice\/11044-2\/","title":{"rendered":"\u304d\u306c\u305f\u3084\u6d74\u8863"},"content":{"rendered":"\n\n\n\n \n \n \u304d\u306c\u305f\u3084\u6d74\u8863\u30ec\u30f3\u30bf\u30eb | \u5927\u4eba\u306e\u305f\u3081\u306e\u3001\u4e0a\u8cea\u306a\u6d74\u8863\u3002<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+JP:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n washi: '#fdfbf9', \/* \u767d\u30fb\u80cc\u666f\u8272 *\/\n sumi: '#2d2926', \/* \u6fc3\u3044\u30b0\u30ec\u30fc\u30fb\u6587\u5b57\u8272 *\/\n primary: '#5c4c47', \/* \u30d6\u30e9\u30a6\u30f3\u7cfb\u30b0\u30ec\u30fc *\/\n secondary: '#9b8b83', \/* \u8584\u3044\u30d6\u30e9\u30a6\u30f3 *\/\n accent: '#892b34', \/* \u3048\u3093\u3058\u8272\u30fb\u30dc\u30bf\u30f3 *\/\n accentHover: '#6e222a',\n sand: '#f4f1eb' \/* \u8584\u3044\u30d9\u30fc\u30b8\u30e5\u30fb\u30bb\u30af\u30b7\u30e7\u30f3\u80cc\u666f *\/\n },\n fontFamily: {\n serif: ['\"Noto Serif JP\"', 'serif'],\n },\n letterSpacing: {\n widest: '.15em',\n 'widest-xl': '.25em',\n }\n }\n }\n }\n <\/script>\n\n <style>\n body {\n font-family: 'Noto Serif JP', serif;\n color: #2d2926;\n background-color: #fdfbf9;\n scroll-behavior: smooth;\n }\n\n \/* \u65e2\u5b58\u306e\u30c6\u30fc\u30de\u8a2d\u5b9a\u306b\u8ca0\u3051\u306a\u3044\u305f\u3081\u306e\u6587\u5b57\u30b5\u30a4\u30ba\u5f37\u5236\u6307\u5b9a *\/\n .force-title {\n font-size: 32px !important;\n line-height: 1.4 !important;\n }\n .force-main-copy {\n font-size: 36px !important;\n line-height: 1.4 !important;\n }\n @media (min-width: 768px) {\n .force-title { font-size: 48px !important; }\n .force-main-copy { font-size: 60px !important; }\n }\n\n \/* \u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u306e\u77e2\u5370\u975e\u8868\u793a *\/\n details summary::-webkit-details-marker {\n display: none;\n }\n\n \/* \u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u753b\u50cf\u7528\u306e\u5171\u901a\u30b9\u30af\u30ea\u30d7\u30c8\uff08\u30a4\u30f3\u30e9\u30a4\u30f3\u77ed\u7e2e\u5316\uff09 *\/\n .img-fallback {\n background-color: #e8e4db;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #9b8b83;\n font-size: 0.875rem;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased pb-20 md:pb-0\">\n\n \n <section class=\"pt-10 pb-16 md:pt-16 md:pb-24 bg-washi overflow-hidden\">\n \n \n <div class=\"container mx-auto px-4 text-center mb-10 md:mb-16 relative z-10\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/05\/\u304d\u306c\u305f\u3084\u6d74\u8863\u30c8\u30c3\u30d7\uff11.png\" alt=\"\u304d\u306c\u305f\u3084\u6d74\u8863\" class=\"w-full max-w-4xl mx-auto h-auto object-cover rounded-2xl shadow-md\">\n <\/div>\n\n <div class=\"container mx-auto px-4 text-center mb-8 md:mb-12 relative z-10\">\n \n <h2 class=\"force-title font-serif text-primary font-medium tracking-widest leading-tight\">\u304d\u306c\u305f\u3084\u6d74\u8863<br class=\"md:hidden\">\u30ec\u30f3\u30bf\u30eb\u30d7\u30e9\u30f3<\/h2>\n <\/div>\n\n \n <div class=\"container mx-auto px-4 text-center max-w-4xl relative z-10\">\n \n <h1 class=\"force-main-copy text-primary font-medium tracking-widest leading-tight mb-8 md:whitespace-nowrap\">\n \u5927\u4eba\u306e\u305f\u3081\u306e\u3001<br class=\"md:hidden\">\u4e0a\u8cea\u306a\u6d74\u8863\u3002\n <\/h1>\n <p class=\"text-lg md:text-xl text-sumi tracking-widest mb-10 leading-relaxed\">\n \u4eac\u90fd\u3067\u3001\u54c1\u3088\u304f\u3001\u6dbc\u3084\u304b\u306b\u3002<br>\n <span class=\"text-secondary text-base md:text-lg mt-2 block\">\u61a7\u308c\u306e\u300c\u85e4\u5a18\u304d\u306c\u305f\u3084\u300d\u306e\u7d5e\u308a\u6d74\u8863\u3067\u3001<br class=\"md:hidden\">\u30ef\u30f3\u30e9\u30f3\u30af\u4e0a\u306e\u88c5\u3044\u3092\u6c17\u8efd\u306b\u30ec\u30f3\u30bf\u30eb\u3057\u307e\u305b\u3093\u304b\uff1f<\/span>\n <\/p>\n \n <div class=\"bg-sand\/50 inline-block py-3 px-8 rounded-full mb-10 border border-secondary\/20\">\n <p class=\"text-xl md:text-2xl font-medium text-accent\">\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\uff0b\u7740\u4ed8\u3051\u8fbc\u307f\u3067 <span class=\"text-2xl md:text-3xl ml-1\">9,790<\/span><span class=\"text-base text-primary ml-1\">\u5186(\u7a0e\u8fbc)<\/span><\/p>\n <\/div>\n\n <div class=\"flex flex-col sm:flex-row justify-center items-center gap-4\">\n <a href=\"https:\/\/walin.jp\/kimonovoice\/reserve\/\" class=\"w-full sm:w-auto bg-accent text-washi px-10 py-4 rounded-full shadow-lg hover:bg-accentHover transition-colors duration-300 flex items-center justify-center gap-2 text-lg tracking-wider\">\n <i data-lucide=\"calendar-check\" class=\"w-5 h-5\"><\/i>\n \u4eca\u3059\u3050\u4e88\u7d04\u3059\u308b\n <\/a>\n <a href=\"https:\/\/walin.jp\/plan\/yukata\/index.html\" class=\"w-full sm:w-auto bg-transparent border border-accent text-accent px-10 py-4 rounded-full hover:bg-accent\/5 transition-colors duration-300 flex items-center justify-center gap-2 text-lg tracking-wider\">\n <i data-lucide=\"clock\" class=\"w-5 h-5\"><\/i>\n \u7a7a\u304d\u72b6\u6cc1\u3092\u78ba\u8a8d\u3059\u308b\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 bg-sand border-y border-washi\/10\">\n <div class=\"container mx-auto px-4 max-w-5xl\">\n <div class=\"text-center mb-10\">\n <h3 class=\"text-2xl md:text-3xl text-primary font-serif tracking-widest\">\n \u304d\u306c\u305f\u3084\u6d74\u8863 \u30e9\u30a4\u30f3\u30ca\u30c3\u30d7\n <\/h3>\n <p class=\"text-sumi\/80 mt-3 text-sm md:text-base\">\u753b\u50cf\u3092\u30bf\u30c3\u30d7\u3059\u308b\u3068\u5927\u304d\u304f\u8868\u793a\u3055\u308c\u307e\u3059<\/p>\n <\/div>\n \n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-4 md:gap-8\">\n \n <div class=\"bg-washi p-3 rounded-2xl shadow-sm text-center\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-1.jpg\" alt=\"kn-1\" class=\"w-full h-auto aspect-[3\/4] object-cover rounded-xl cursor-pointer hover:opacity-90 transition-opacity duration-300\" onclick=\"openModal(this.src, 'kn-1')\">\n <p class=\"mt-3 text-lg text-primary font-medium tracking-widest\">kn-1<\/p>\n <\/div>\n \n <div class=\"bg-washi p-3 rounded-2xl shadow-sm text-center\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-2.jpg\" alt=\"kn-2\" class=\"w-full h-auto aspect-[3\/4] object-cover rounded-xl cursor-pointer hover:opacity-90 transition-opacity duration-300\" onclick=\"openModal(this.src, 'kn-2')\">\n <p class=\"mt-3 text-lg text-primary font-medium tracking-widest\">kn-2<\/p>\n <\/div>\n \n <div class=\"bg-washi p-3 rounded-2xl shadow-sm text-center\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-3.jpg\" alt=\"kn-3\" class=\"w-full h-auto aspect-[3\/4] object-cover rounded-xl cursor-pointer hover:opacity-90 transition-opacity duration-300\" onclick=\"openModal(this.src, 'kn-3')\">\n <p class=\"mt-3 text-lg text-primary font-medium tracking-widest\">kn-3<\/p>\n <\/div>\n \n <div class=\"bg-washi p-3 rounded-2xl shadow-sm text-center\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-4.jpg\" alt=\"kn-4\" class=\"w-full h-auto aspect-[3\/4] object-cover rounded-xl cursor-pointer hover:opacity-90 transition-opacity duration-300\" onclick=\"openModal(this.src, 'kn-4')\">\n <p class=\"mt-3 text-lg text-primary font-medium tracking-widest\">kn-4<\/p>\n <\/div>\n \n <div class=\"bg-washi p-3 rounded-2xl shadow-sm text-center\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-5.jpg\" alt=\"kn-5\" class=\"w-full h-auto aspect-[3\/4] object-cover rounded-xl cursor-pointer hover:opacity-90 transition-opacity duration-300\" onclick=\"openModal(this.src, 'kn-5')\">\n <p class=\"mt-3 text-lg text-primary font-medium tracking-widest\">kn-5<\/p>\n <\/div>\n \n <div class=\"bg-washi p-3 rounded-2xl shadow-sm text-center\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-6.jpg\" alt=\"kn-6\" class=\"w-full h-auto aspect-[3\/4] object-cover rounded-xl cursor-pointer hover:opacity-90 transition-opacity duration-300\" onclick=\"openModal(this.src, 'kn-6')\">\n <p class=\"mt-3 text-lg text-primary font-medium tracking-widest\">kn-6<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-28 bg-sand\">\n <div class=\"container mx-auto px-4 max-w-3xl\">\n <div class=\"text-center mb-12\">\n <p class=\"text-secondary text-sm tracking-widest-xl uppercase mb-2\">Concerns<\/p>\n <h2 class=\"text-3xl md:text-4xl font-serif text-primary\">\u3053\u3093\u306a\u304a\u60a9\u307f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/h2>\n <div class=\"w-12 h-px bg-accent mx-auto mt-6\"><\/div>\n <\/div>\n\n <div class=\"bg-washi p-8 md:p-12 rounded-2xl shadow-sm border border-secondary\/10\">\n <ul class=\"space-y-6 text-lg md:text-xl text-sumi\">\n <li class=\"flex items-start gap-4\">\n <i data-lucide=\"check\" class=\"w-6 h-6 text-secondary shrink-0 mt-1\"><\/i>\n <p>\u4eac\u90fd\u3067\u6d74\u8863\u3092\u7740\u305f\u3044\u3051\u3069\u3001<span class=\"font-medium decoration-accent\/30 underline decoration-4 underline-offset-4\">\u82e5\u3044\u5b50\u5411\u3051\u306e\u30c7\u30b6\u30a4\u30f3<\/span>\u3070\u304b\u308a<\/p>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <i data-lucide=\"check\" class=\"w-6 h-6 text-secondary shrink-0 mt-1\"><\/i>\n <p>\u305b\u3063\u304b\u304f\u7740\u308b\u306a\u3089\u3001<span class=\"font-medium decoration-accent\/30 underline decoration-4 underline-offset-4\">\u5b89\u3063\u307d\u304f\u898b\u3048\u308b\u306e\u306f\u907f\u3051\u305f\u3044<\/span><\/p>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <i data-lucide=\"check\" class=\"w-6 h-6 text-secondary shrink-0 mt-1\"><\/i>\n <p>\u8cfc\u5165\u3059\u308b\u3068\u9ad8\u3059\u304e\u3066\u8ff7\u3046<\/p>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <i data-lucide=\"check\" class=\"w-6 h-6 text-secondary shrink-0 mt-1\"><\/i>\n <p>\u3067\u3082<span class=\"font-medium text-accent\">\u300c\u3061\u3083\u3093\u3068\u3057\u305f\u6d74\u8863\u300d<\/span>\u3092\u7740\u3066\u307f\u305f\u3044<\/p>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-28 bg-washi\">\n <div class=\"container mx-auto px-4 max-w-5xl\">\n <div class=\"text-center mb-16\">\n <p class=\"text-secondary text-sm tracking-widest-xl uppercase mb-2\">Solution<\/p>\n <h2 class=\"text-3xl md:text-4xl font-serif text-primary mb-6\">\u3060\u304b\u3089\u3053\u305d\u3001\u4e0a\u8cea\u3092\u6c17\u8efd\u306b\u3002<\/h2>\n <div class=\"w-12 h-px bg-accent mx-auto\"><\/div>\n <\/div>\n\n <div class=\"max-w-3xl mx-auto text-center space-y-8\">\n <h3 class=\"text-2xl md:text-3xl text-primary font-serif leading-relaxed\">\n \u548c\u51db\u306e\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u306f\u3001<br>\n \u300c\u85e4\u5a18\u304d\u306c\u305f\u3084\u300d\u306e<br class=\"md:hidden\">\u7d5e\u308a\u6d74\u8863\u3092\u53b3\u9078\u3057\u3066\u3054\u7528\u610f\u3002\n <\/h3>\n <p class=\"text-lg text-sumi\/80 leading-relaxed\">\n \u30b0\u30eb\u30fc\u30d7\u306b\u672c\u683c\u7740\u7269\u30d6\u30e9\u30f3\u30c9\u3092\u6301\u3064\u5f37\u307f\u3092\u6d3b\u304b\u3057\u3001\u4ed6\u5e97\u306b\u306f\u306a\u3044\u843d\u3061\u7740\u304d\u3068\u54c1\u683c\u306e\u3042\u308b\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7\u3092\u5b9f\u73fe\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n \n <div class=\"bg-sand p-8 rounded-2xl mt-8 border-t-4 border-accent inline-block w-full md:w-auto shadow-sm\">\n <p class=\"text-sm text-secondary mb-2\">\u3057\u304b\u3082<\/p>\n <p class=\"text-xl md:text-2xl text-primary font-medium\">\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\uff0b\u7740\u4ed8\u3051\u8fbc\u307f\u3067 <span class=\"text-accent font-bold text-3xl mx-1\">9,790<\/span>\u5186<span class=\"text-sm\">(\u7a0e\u8fbc)<\/span><\/p>\n <\/div>\n \n <p class=\"text-lg md:text-xl text-sumi font-medium pt-4\">\n \u8cfc\u5165\u305b\u305a\u306b\u3001<br>\n <span class=\"text-accent tracking-widest block mt-2 text-2xl\">\u201c\u672c\u7269\u611f\u306e\u3042\u308b\u4e00\u7740\u201d<\/span><br>\u3092\u697d\u3057\u3081\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-28 bg-sand\">\n <div class=\"container mx-auto px-4 max-w-4xl text-center\">\n <p class=\"text-secondary text-sm tracking-widest-xl uppercase mb-2\">Benefits<\/p>\n <h2 class=\"text-3xl md:text-4xl font-serif text-primary mb-12\">\u9078\u3070\u308c\u308b\u306e\u306f<br class=\"md:hidden\">\u300c\u3061\u3087\u3046\u3069\u3044\u3044\u4e0a\u8cea\u611f\u300d<\/h2>\n \n <div class=\"grid sm:grid-cols-2 gap-6 md:gap-8 text-left mb-16\">\n <div class=\"bg-washi p-8 rounded-2xl shadow-sm flex items-start gap-4\">\n <i data-lucide=\"palette\" class=\"w-8 h-8 text-secondary shrink-0\"><\/i>\n <div>\n <h4 class=\"text-xl text-primary font-medium mb-2\">\u843d\u3061\u7740\u3044\u305f\u8272\u5473<\/h4>\n <p class=\"text-sumi\/80\">\u808c\u99b4\u67d3\u307f\u306e\u826f\u3044\u4e0a\u54c1\u306a\u30ab\u30e9\u30fc\u5c55\u958b\u3067\u3001\u3057\u3063\u3068\u308a\u3068\u5927\u4eba\u3089\u3057\u304f\u898b\u3048\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-washi p-8 rounded-2xl shadow-sm flex items-start gap-4\">\n <i data-lucide=\"camera\" class=\"w-8 h-8 text-secondary shrink-0\"><\/i>\n <div>\n <h4 class=\"text-xl text-primary font-medium mb-2\">\u5199\u771f\u6620\u3048\u3059\u308b\u7f8e\u3057\u3055<\/h4>\n <p class=\"text-sumi\/80\">\u83ef\u3084\u304b\u3055\u306f\u3042\u308a\u3064\u3064\u3001\u3084\u308a\u3059\u304e\u306a\u3044\u7d76\u5999\u306a\u30d0\u30e9\u30f3\u30b9\u3067\u601d\u3044\u51fa\u306b\u6b8b\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-washi p-8 rounded-2xl shadow-sm flex items-start gap-4\">\n <i data-lucide=\"map-pin\" class=\"w-8 h-8 text-secondary shrink-0\"><\/i>\n <div>\n <h4 class=\"text-xl text-primary font-medium mb-2\">\u7279\u5225\u306a\u590f\u306e\u601d\u3044\u51fa\u306b<\/h4>\n <p class=\"text-sumi\/80\">\u6b74\u53f2\u3042\u308b\u4eac\u90fd\u306e\u8857\u4e26\u307f\u306f\u3082\u3061\u308d\u3093\u3001\u82b1\u706b\u5927\u4f1a\u3084\u9d28\u5ddd\u3067\u306e\u5e8a\u6599\u7406\u306a\u3069\u3001\u590f\u306e\u7279\u5225\u306a\u30a4\u30d9\u30f3\u30c8\u306b\u3082\u3075\u3055\u308f\u3057\u3044\u672c\u683c\u7684\u306a\u88c5\u3044\u3092\u53f6\u3048\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-washi p-8 rounded-2xl shadow-sm flex items-start gap-4\">\n <i data-lucide=\"smile\" class=\"w-8 h-8 text-secondary shrink-0\"><\/i>\n <div>\n <h4 class=\"text-xl text-primary font-medium mb-2\">1\u65e5\u5feb\u9069\u306a\u7740\u5fc3\u5730<\/h4>\n <p class=\"text-sumi\/80\">\u30d7\u30ed\u306e\u7740\u4ed8\u3051\u306b\u3088\u308a\u7740\u5d29\u308c\u3057\u306b\u304f\u304f\u3001\u6563\u7b56\u4e2d\u3082\u82e6\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"inline-block relative\">\n <i data-lucide=\"quote\" class=\"absolute -top-6 -left-8 w-12 h-12 text-secondary\/20 rotate-180\"><\/i>\n <p class=\"text-2xl md:text-3xl font-serif text-primary leading-loose tracking-widest relative z-10\">\n \u300c\u305d\u308c\u3001\u3069\u3053\u306e\uff1f\u300d\u3068\u805e\u304b\u308c\u308b\u3088\u3046\u306a<br>\n <span class=\"text-accent\">\u3055\u308a\u3052\u306a\u3044\u4e0a\u8cea\u3055<\/span>\u3092\u624b\u306b\u5165\u308c\u3089\u308c\u307e\u3059\u3002\n <\/p>\n <i data-lucide=\"quote\" class=\"absolute -bottom-6 -right-8 w-12 h-12 text-secondary\/20\"><\/i>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-28 bg-washi\">\n <div class=\"container mx-auto px-4 max-w-5xl\">\n <div class=\"text-center mb-16\">\n <p class=\"text-secondary text-sm tracking-widest-xl uppercase mb-2\">Reasons<\/p>\n <h2 class=\"text-3xl md:text-4xl font-serif text-primary mb-6\">\u548c\u51db\u304c\u9078\u3070\u308c\u308b4\u3064\u306e\u7406\u7531<\/h2>\n <div class=\"w-12 h-px bg-accent mx-auto\"><\/div>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-10\">\n \n <div class=\"flex flex-col sm:flex-row gap-6 border-b border-sand pb-8 md:border-b-0 md:pb-0\">\n <div class=\"w-16 h-16 rounded-full bg-sand flex items-center justify-center text-primary font-serif text-2xl shrink-0\">1<\/div>\n <div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-3\">\u672c\u683c\u7740\u7269\u306e\u4ed5\u5165\u308c\u529b<\/h3>\n <p class=\"text-sumi\/80 leading-relaxed\">\u30b0\u30eb\u30fc\u30d7\u4f01\u696d\u306b\u7740\u7269\u30d6\u30e9\u30f3\u30c9\u3092\u6301\u3064\u5f37\u307f\u3067\u3001\u7f8e\u3057\u3044\u7d5e\u308a\u6d74\u8863\u3092\u8c4a\u5bcc\u306b\u53d6\u308a\u63c3\u3048\u3066\u3044\u307e\u3059\u3002\u8077\u4eba\u6280\u304c\u5149\u308b\u672c\u7269\u306e\u8cea\u611f\u3092\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col sm:flex-row gap-6 border-b border-sand pb-8 md:border-b-0 md:pb-0\">\n <div class=\"w-16 h-16 rounded-full bg-sand flex items-center justify-center text-primary font-serif text-2xl shrink-0\">2<\/div>\n <div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-3\">\u5927\u4eba\u5973\u6027\u5411\u3051\u306e\u53b3\u9078\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7<\/h3>\n <p class=\"text-sumi\/80 leading-relaxed\">\u6d3e\u624b\u3059\u304e\u305a\u3001\u5730\u5473\u3059\u304e\u306a\u3044\u3002\u5927\u4eba\u306e\u9b45\u529b\u304c\u5f15\u304d\u7acb\u3064\u7d76\u5999\u306a\u8272\u67c4\u306e\u30c7\u30b6\u30a4\u30f3\u3060\u3051\u3092\u53b3\u9078\u3057\u3066\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col sm:flex-row gap-6 border-b border-sand pb-8 md:border-b-0 md:pb-0\">\n <div class=\"w-16 h-16 rounded-full bg-sand flex items-center justify-center text-primary font-serif text-2xl shrink-0\">3<\/div>\n <div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-3\">\u660e\u77ad\u4fa1\u683c\u3067\u5b89\u5fc3<\/h3>\n <p class=\"text-sumi\/80 leading-relaxed\">\u6d74\u8863\u4e00\u5f0f\u30ec\u30f3\u30bf\u30eb\u3068\u30d7\u30ed\u306e\u7740\u4ed8\u3051\u304c\u3059\u3079\u3066\u8fbc\u307f\u306b\u306a\u3063\u305f\u30b7\u30f3\u30d7\u30eb\u30d7\u30e9\u30f3\u3002\u8ffd\u52a0\u6599\u91d1\u306e\u4e0d\u5b89\u306a\u304f\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col sm:flex-row gap-6\">\n <div class=\"w-16 h-16 rounded-full bg-sand flex items-center justify-center text-primary font-serif text-2xl shrink-0\">4<\/div>\n <div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-3\">\u4eac\u90fd\u89b3\u5149\u306b\u6700\u9069\u306a\u624b\u8efd\u3055<\/h3>\n <p class=\"text-sumi\/80 leading-relaxed\">\u624b\u3076\u3089\u3067\u3054\u6765\u5e97OK\u3002\u89b3\u5149\u306e\u5408\u9593\u306b\u30b9\u30e0\u30fc\u30ba\u306b\u7740\u66ff\u3048\u3066\u3001\u305d\u306e\u307e\u307e\u4eac\u90fd\u306e\u8857\u3078\u304a\u51fa\u304b\u3051\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-28 bg-washi\">\n <div class=\"container mx-auto px-4 max-w-3xl\">\n <div class=\"text-center mb-16\">\n <p class=\"text-secondary text-sm tracking-widest-xl uppercase mb-2\">Flow<\/p>\n <h2 class=\"text-3xl md:text-4xl font-serif text-primary mb-6\">\u3054\u5229\u7528\u306e\u6d41\u308c<\/h2>\n <div class=\"w-12 h-px bg-accent mx-auto\"><\/div>\n <\/div>\n\n <div class=\"relative border-l-2 border-sand ml-6 md:ml-12 space-y-12\">\n \n <div class=\"relative pl-10 md:pl-16\">\n <div class=\"absolute -left-5 top-0 w-10 h-10 rounded-full bg-accent text-washi flex items-center justify-center font-serif text-lg\">1<\/div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-2 pt-1\">\u3054\u4e88\u7d04<\/h3>\n <p class=\"text-sumi\/80\">WEB\u307e\u305f\u306f\u304a\u96fb\u8a71\u306b\u3066\u3001\u3054\u5e0c\u671b\u306e\u65e5\u6642\u3092\u7c21\u5358\u306b\u3054\u4e88\u7d04\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"relative pl-10 md:pl-16\">\n <div class=\"absolute -left-5 top-0 w-10 h-10 rounded-full bg-sand border-2 border-accent text-accent flex items-center justify-center font-serif text-lg\">2<\/div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-2 pt-1\">\u3054\u6765\u5e97\u30fb\u6d74\u8863\u9078\u3073<\/h3>\n <p class=\"text-sumi\/80\">\u8c4a\u5bcc\u306a\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7\u304b\u3089\u3001\u304a\u5ba2\u69d8\u306e\u304a\u597d\u307f\u3084\u96f0\u56f2\u6c17\u306b\u5408\u308f\u305b\u3066\u30b9\u30bf\u30c3\u30d5\u304c\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"relative pl-10 md:pl-16\">\n <div class=\"absolute -left-5 top-0 w-10 h-10 rounded-full bg-sand border-2 border-accent text-accent flex items-center justify-center font-serif text-lg\">3<\/div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-2 pt-1\">\u7740\u4ed8\u3051\u30fb\u30d8\u30a2\u30bb\u30c3\u30c8<\/h3>\n <p class=\"text-sumi\/80\">\u30d7\u30ed\u306e\u7740\u4ed8\u5e2b\u304c\u4e01\u5be7\u306b\u3001\u82e6\u3057\u304f\u306a\u3044\u3088\u3046\u304a\u7740\u4ed8\u3051\u3057\u307e\u3059\u3002<br><span class=\"text-sm text-secondary\">\u203b\u30d8\u30a2\u30bb\u30c3\u30c8\u306f\u5225\u90141,650\u5186(\u7a0e\u8fbc)\u3067\u627f\u308a\u307e\u3059\u3002<\/span><\/p>\n <\/div>\n\n <div class=\"relative pl-10 md:pl-16\">\n <div class=\"absolute -left-5 top-0 w-10 h-10 rounded-full bg-sand border-2 border-accent text-accent flex items-center justify-center font-serif text-lg\">4<\/div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-2 pt-1\">\u304a\u51fa\u304b\u3051<\/h3>\n <p class=\"text-sumi\/80\">\u6e96\u5099\u304c\u6574\u3063\u305f\u3089\u3001\u305d\u306e\u307e\u307e\u4eac\u90fd\u89b3\u5149\u3078\u304a\u51fa\u304b\u3051\u304f\u3060\u3055\u3044\u3002\u304a\u8377\u7269\u306f\u304a\u9810\u304b\u308a\u53ef\u80fd\u3067\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"relative pl-10 md:pl-16\">\n <div class=\"absolute -left-5 top-0 w-10 h-10 rounded-full bg-sand border-2 border-accent text-accent flex items-center justify-center font-serif text-lg\">5<\/div>\n <h3 class=\"text-xl md:text-2xl text-primary font-medium mb-2 pt-1\">\u3054\u8fd4\u5374<\/h3>\n <p class=\"text-sumi\/80\">\u5f53\u65e517:30\u307e\u3067\u306b\u5e97\u8217\u307e\u3067\u304a\u623b\u308a\u3044\u305f\u3060\u304d\u3001\u304a\u7740\u66ff\u3048\u3092\u3057\u3066\u7d42\u4e86\u3067\u3059\u3002<br><span class=\"text-sm text-secondary mt-1 inline-block\">\u203b\u7fcc\u65e513:00\u307e\u3067\u306e\u3054\u8fd4\u5374\u3082\u7121\u6599\u3067\u3059\u3002<\/span><\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-28 bg-sand\">\n <div class=\"container mx-auto px-4 max-w-3xl\">\n <div class=\"text-center mb-16\">\n <p class=\"text-secondary text-sm tracking-widest-xl uppercase mb-2\">FAQ<\/p>\n <h2 class=\"text-3xl md:text-4xl font-serif text-primary mb-6\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/h2>\n <div class=\"w-12 h-px bg-accent mx-auto\"><\/div>\n <\/div>\n\n <div class=\"bg-washi p-6 md:p-10 rounded-2xl shadow-sm\">\n \n <details class=\"group border-b border-sand pb-4 mb-4\" open>\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-primary md:text-lg\">\n <span class=\"pr-6\">Q. \u624b\u3076\u3089\u3067\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f<\/span>\n <span class=\"transition group-open:rotate-180 text-secondary shrink-0\">\n <i data-lucide=\"chevron-down\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-sumi\/80 mt-4 pl-4 border-l-2 border-accent\/50 text-sm md:text-base\">\n <p>A. \u306f\u3044\u3001\u6d74\u8863\u3001\u5e2f\u3001\u4e0b\u99c4\u3001\u5dfe\u7740\u3001\u7740\u4ed8\u3051\u5c0f\u7269\u306a\u3069\u3001\u5fc5\u8981\u306a\u3082\u306e\u306f\u3059\u3079\u3066\u30d7\u30e9\u30f3\u306b\u542b\u307e\u308c\u3066\u304a\u308a\u307e\u3059\u306e\u3067\u3001\u624b\u3076\u3089\u3067\u304a\u8d8a\u3057\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <\/details>\n\n <details class=\"group border-b border-sand pb-4 mb-4\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-primary md:text-lg\">\n <span class=\"pr-6\">Q. \u7740\u4ed8\u3051\u306f\u82e6\u3057\u304f\u306a\u3044\u3067\u3059\u304b\uff1f<\/span>\n <span class=\"transition group-open:rotate-180 text-secondary shrink-0\">\n <i data-lucide=\"chevron-down\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-sumi\/80 mt-4 pl-4 border-l-2 border-accent\/50 text-sm md:text-base\">\n <p>A. \u7d4c\u9a13\u8c4a\u5bcc\u306a\u30d7\u30ed\u306e\u7740\u4ed8\u5e2b\u304c\u3001\u898b\u305f\u76ee\u306e\u7f8e\u3057\u3055\u3060\u3051\u3067\u306a\u304f\u3001\u304a\u98df\u4e8b\u3084\u9577\u6642\u9593\u306e\u6563\u7b56\u3067\u3082\u5feb\u9069\u306b\u904e\u3054\u305b\u308b\u3088\u3046\u3001\u7de0\u3081\u4ed8\u3051\u3059\u304e\u306a\u3044\u9069\u5ea6\u306a\u529b\u52a0\u6e1b\u3067\u304a\u7740\u4ed8\u3051\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/details>\n\n <details class=\"group border-b border-sand pb-4 mb-4\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-primary md:text-lg\">\n <span class=\"pr-6\">Q. \u96e8\u306e\u65e5\u3067\u3082\u5229\u7528\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n <span class=\"transition group-open:rotate-180 text-secondary shrink-0\">\n <i data-lucide=\"chevron-down\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-sumi\/80 mt-4 pl-4 border-l-2 border-accent\/50 text-sm md:text-base\">\n <p>A. \u306f\u3044\u3001\u554f\u984c\u306a\u304f\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u8efd\u5ea6\u306a\u6c5a\u308c\u306b\u5bfe\u3059\u308b\u8ffd\u52a0\u6599\u91d1\u306f\u3044\u305f\u3060\u304d\u307e\u305b\u3093\u306e\u3067\u3054\u5b89\u5fc3\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/details>\n\n <details class=\"group\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-primary md:text-lg\">\n <span class=\"pr-6\">Q. \u5f53\u65e5\u4e88\u7d04\u306f\u53ef\u80fd\u3067\u3059\u304b\uff1f<\/span>\n <span class=\"transition group-open:rotate-180 text-secondary shrink-0\">\n <i data-lucide=\"chevron-down\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-sumi\/80 mt-4 pl-4 border-l-2 border-accent\/50 text-sm md:text-base\">\n <p>A. \u7a7a\u304d\u72b6\u6cc1\u306b\u3088\u3063\u3066\u306f\u5bfe\u5fdc\u53ef\u80fd\u3067\u3059\u3002\u305f\u3060\u3057\u3001\u7279\u306b\u9031\u672b\u3084\u89b3\u5149\u30b7\u30fc\u30ba\u30f3\u306f\u6df7\u307f\u5408\u3044\u307e\u3059\u306e\u3067\u3001\u4e8b\u524d\u306e\u3054\u4e88\u7d04\u3092\u5f37\u304f\u304a\u3059\u3059\u3081\u3057\u3066\u304a\u308a\u307e\u3059\u3002\u5f53\u65e5\u306e\u5834\u5408\u306f\u304a\u96fb\u8a71\u306b\u3066\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/details>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"relative py-32 bg-washi flex items-center justify-center overflow-hidden\">\n \n <div class=\"absolute inset-0 z-0\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/img\/top_yukata08.png\" alt=\"\u6d74\u8863\u306e\u5973\u6027\" class=\"w-full h-full object-cover opacity-70\" onerror=\"this.src='data:image\/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fdfbf9%22%2F%3E%3C%2Fsvg%3E';\">\n \n <div class=\"absolute inset-0 bg-washi\/40\"><\/div>\n <div class=\"absolute inset-0 bg-gradient-to-t from-sand via-sand\/50 to-transparent\"><\/div>\n <\/div>\n\n <div class=\"container mx-auto px-4 text-center relative z-10 max-w-3xl\">\n <h2 class=\"text-3xl md:text-5xl font-serif text-primary mb-8 tracking-widest leading-tight\">\n \u300c\u3061\u3083\u3093\u3068\u3057\u305f\u6d74\u8863\u300d\u3092\u3001<br>\n \u3082\u3063\u3068\u6c17\u8efd\u306b\u3002\n <\/h2>\n \n <p class=\"text-lg md:text-xl text-sumi\/80 mb-12 leading-loose tracking-wider\">\n \u8cfc\u5165\u3059\u308b\u307b\u3069\u3067\u306f\u306a\u3044\u3051\u308c\u3069\u3001<br>\n \u59a5\u5354\u3082\u3057\u305f\u304f\u306a\u3044\u3002<br>\n \u305d\u3093\u306a\u5927\u4eba\u306e\u308f\u304c\u307e\u307e\u306b\u5fdc\u3048\u308b<br>\n \u3061\u3087\u3046\u3069\u3044\u3044\u9078\u629e\u3067\u3059\u3002<br><br>\n \u4eac\u90fd\u3067\u306e\u4e00\u65e5\u3092\u3001<br>\n \u5c11\u3057\u3060\u3051\u7279\u5225\u306b\u3057\u3066\u307f\u307e\u305b\u3093\u304b\uff1f\n <\/p>\n\n <div class=\"flex flex-col sm:flex-row justify-center items-center gap-4\">\n <a href=\"https:\/\/walin.jp\/kimonovoice\/reserve\/\" class=\"w-full sm:w-auto bg-accent text-washi px-10 py-5 rounded-full shadow-lg hover:bg-accentHover transition-colors duration-300 flex items-center justify-center gap-2 text-lg tracking-wider\">\n <i data-lucide=\"calendar-check\" class=\"w-6 h-6\"><\/i>\n \u4eca\u3059\u3050\u4e88\u7d04\u3059\u308b\n <\/a>\n <a href=\"https:\/\/walin.jp\/plan\/yukata\/index.html\" class=\"w-full sm:w-auto bg-transparent border border-accent text-accent px-10 py-5 rounded-full hover:bg-accent\/5 transition-colors duration-300 flex items-center justify-center gap-2 text-lg tracking-wider\">\n <i data-lucide=\"clock\" class=\"w-6 h-6\"><\/i>\n \u7a7a\u304d\u72b6\u6cc1\u3092\u78ba\u8a8d\u3059\u308b\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-28 bg-sand border-t border-secondary\/10\">\n <div class=\"container mx-auto px-4 max-w-4xl\">\n <div class=\"text-center mb-12\">\n <p class=\"text-secondary text-sm tracking-widest-xl uppercase mb-2\">Shop Info<\/p>\n <h2 class=\"text-3xl md:text-4xl font-serif text-primary mb-6\">\u5e97\u8217\u306e\u3054\u6848\u5185<\/h2>\n <div class=\"w-12 h-px bg-accent mx-auto\"><\/div>\n <\/div>\n\n <div class=\"bg-washi p-8 md:p-12 rounded-2xl shadow-sm border border-secondary\/10 max-w-2xl mx-auto\">\n \n <div class=\"space-y-4 text-sumi\/80\">\n <h3 class=\"font-serif mb-6 tracking-widest text-center\">\n <span class=\"text-sm md:text-base text-sumi\/80 block mb-2\">\u4eac\u90fd\u304d\u3082\u306e\u30ec\u30f3\u30bf\u30eb<\/span>\n <span class=\"text-3xl md:text-4xl text-primary font-medium\">\u548c\u51db<\/span>\n <\/h3>\n <p class=\"leading-relaxed text-sm md:text-base text-center mb-6\">\n \u4eac\u90fd\u306e\u8857\u6b69\u304d\u306b\u3074\u3063\u305f\u308a\u306a\u3001\u843d\u3061\u7740\u3044\u305f\u5927\u4eba\u306e\u305f\u3081\u306e\u7740\u7269\u30fb\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u5c02\u9580\u5e97\u3067\u3059\u3002\u30d5\u30a9\u30fc\u30de\u30eb\u304b\u3089\u30ab\u30b8\u30e5\u30a2\u30eb\u307e\u3067\u69d8\u3005\u306a\u7740\u7269\u3092\u53d6\u308a\u63c3\u3048\u3066\u304a\u308a\u307e\u3059\u3002\n <\/p>\n <div class=\"pt-6 mt-4 space-y-4 text-sm md:text-base border-t border-sand max-w-md mx-auto\">\n <p class=\"flex\"><span class=\"font-medium text-primary shrink-0 w-24\">\u55b6\u696d\u6642\u9593<\/span> 9:00\u301c18:00<\/p>\n <p class=\"flex\"><span class=\"font-medium text-primary shrink-0 w-24\">\u5b9a\u4f11\u65e5<\/span> \u6708\u30fb\u6728\u66dc<\/p>\n <p class=\"flex\"><span class=\"font-medium text-primary shrink-0 w-24\">\u4f4f\u6240<\/span> <span class=\"leading-relaxed\">\u3012600-8449<br>\u4eac\u90fd\u5e02\u4e0b\u4eac\u533a\u65b0\u753a\u901a\u677e\u539f\u4e0b\u308b\u5bcc\u6c38\u753a112\u756a\u57302<br>\u83ca\u5730\u30d3\u30eb1\u968e<\/span><\/p>\n <p class=\"flex\"><span class=\"font-medium text-primary shrink-0 w-24\">\u96fb\u8a71\u756a\u53f7<\/span> 075-343-1515<\/p>\n <p class=\"flex\"><span class=\"font-medium text-primary shrink-0 w-24\">\u30a2\u30af\u30bb\u30b9<\/span> \u5730\u4e0b\u9244\u4e94\u6761\u99c5\u3088\u308a\u5f92\u6b695\u5206<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-washi border-t border-sand py-8 text-center pb-24 md:pb-8\">\n <div class=\"text-xl font-serif tracking-widest text-primary mb-4\">WALIN<\/div>\n <p class=\"text-sm text-secondary\">\u00a9 WALIN. All Rights Reserved.<\/p>\n <\/footer>\n\n \n <div class=\"fixed bottom-0 left-0 w-full z-50 md:hidden bg-washi\/95 backdrop-blur-sm border-t border-sand p-3 shadow-[0_-4px_10px_rgba(0,0,0,0.05)]\">\n <a href=\"https:\/\/walin.jp\/kimonovoice\/reserve\/\" class=\"flex items-center justify-center gap-2 bg-accent text-washi py-3 px-6 rounded-full shadow-lg active:bg-accentHover transition-colors duration-300 font-medium text-lg w-full\">\n <i data-lucide=\"calendar-check\" class=\"w-5 h-5\"><\/i>\n <span>\u4eca\u3059\u3050\u4e88\u7d04\u3059\u308b<\/span>\n <\/a>\n <\/div>\n\n \n <div id=\"imageModal\" class=\"fixed inset-0 z-[9999] hidden bg-sumi\/90 flex items-center justify-center opacity-0 transition-opacity duration-300\" onclick=\"closeModal()\">\n <button type=\"button\" class=\"absolute top-4 right-4 md:top-8 md:right-8 text-washi hover:text-secondary p-4 z-[10000] transition-colors cursor-pointer\" onclick=\"closeModal()\" aria-label=\"\u9589\u3058\u308b\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-8 h-8 md:w-10 md:h-10\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\n <\/button>\n <div class=\"relative w-full max-w-5xl h-full max-h-[90vh] p-4 md:p-8 flex flex-col justify-center items-center\" onclick=\"event.stopPropagation()\">\n <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"\u62e1\u5927\u753b\u50cf\" class=\"max-w-full max-h-[75vh] md:max-h-[80vh] object-contain rounded shadow-2xl\">\n <p id=\"modalImageId\" class=\"text-washi text-lg md:text-xl font-medium tracking-widest mt-6\"><\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Lucide\u30a2\u30a4\u30b3\u30f3\u306e\u521d\u671f\u5316\n lucide.createIcons();\n\n \/\/ \u30e2\u30fc\u30c0\u30eb\u5236\u5fa1\n const modal = document.getElementById('imageModal');\n const modalImg = document.getElementById('modalImage');\n const modalImgId = document.getElementById('modalImageId');\n\n function openModal(src, id) {\n modalImg.src = src;\n modalImgId.textContent = id;\n modal.classList.remove('hidden');\n \/\/ \u5c11\u3057\u9045\u308c\u3066opacity\u3092\u5909\u66f4\u3057\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u3055\u305b\u308b\n setTimeout(() => {\n modal.classList.remove('opacity-0');\n }, 10);\n document.body.style.overflow = 'hidden'; \/\/ \u80cc\u666f\u30b9\u30af\u30ed\u30fc\u30eb\u9632\u6b62\n }\n\n function closeModal() {\n modal.classList.add('opacity-0');\n setTimeout(() => {\n modal.classList.add('hidden');\n modalImg.src = '';\n modalImgId.textContent = '';\n document.body.style.overflow = ''; \/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u518d\u958b\n }, 300);\n }\n\n \/\/ ESC\u30ad\u30fc\u3067\u30e2\u30fc\u30c0\u30eb\u3092\u9589\u3058\u308b\n document.addEventListener('keydown', function(event) {\n if (event.key === 'Escape' && !modal.classList.contains('hidden')) {\n closeModal();\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"\u304d\u306c\u305f\u3084\u6d74\u8863\u30ec\u30f3\u30bf\u30eb | \u5927\u4eba\u306e\u305f\u3081\u306e\u3001\u4e0a\u8cea\u306a\u6d74\u8863\u3002 \u304d\u306c\u305f\u3084\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u30d7\u30e9\u30f3 \u5927\u4eba\u306e\u305f\u3081\u306e\u3001\u4e0a\u8cea\u306a\u6d74\u8863\u3002 \u4eac\u90fd\u3067\u3001\u54c1\u3088\u304f\u3001\u6dbc\u3084\u304b\u306b\u3002 \u61a7\u308c\u306e\u300c\u85e4\u5a18\u304d\u306c\u305f\u3084\u300d\u306e\u7d5e\u308a\u6d74\u8863\u3067\u3001\u30ef\u30f3\u30e9\u30f3\u30af\u4e0a\u306e\u88c5\u3044\u3092\u6c17\u8efd\u306b\u30ec\u30f3\u30bf\u30eb\u3057\u307e\u305b\u3093\u304b\uff1f […]","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-11044","post","type-post","status-publish","format-standard","hentry","category-1"],"acf":[],"_links":{"self":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11044","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/comments?post=11044"}],"version-history":[{"count":18,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11044\/revisions"}],"predecessor-version":[{"id":11086,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11044\/revisions\/11086"}],"wp:attachment":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/media?parent=11044"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/categories?post=11044"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/tags?post=11044"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}