\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 \/* \u7121\u9650\u30b9\u30e9\u30a4\u30c0\u30fc\u306e\u30b9\u30bf\u30a4\u30eb *\/\n @keyframes scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(calc(-100% \/ 2)); }\n }\n .slider {\n overflow: hidden;\n position: relative;\n width: 100%;\n padding: 1rem 0;\n }\n .slider::before,\n .slider::after {\n content: \"\";\n position: absolute;\n top: 0;\n width: 60px;\n height: 100%;\n z-index: 2;\n pointer-events: none;\n }\n .slider::before {\n left: 0;\n background: linear-gradient(to right, rgba(253, 251, 249, 1) 0%, rgba(253, 251, 249, 0) 100%);\n }\n .slider::after {\n right: 0;\n background: linear-gradient(to left, rgba(253, 251, 249, 1) 0%, rgba(253, 251, 249, 0) 100%);\n }\n @media (min-width: 768px) {\n .slider::before, .slider::after { width: 150px; }\n }\n .slide-track {\n display: flex;\n width: max-content;\n animation: scroll 40s linear infinite;\n }\n .slide {\n width: 220px;\n margin: 0 8px;\n }\n @media (min-width: 768px) {\n .slide {\n width: 280px;\n margin: 0 12px;\n }\n }\n .slide img {\n width: 100%;\n height: 350px;\n object-fit: cover;\n border-radius: 8px;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n }\n @media (min-width: 768px) {\n .slide img { height: 420px; }\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 <header class=\"py-4 px-6 absolute top-0 w-full z-10 flex justify-between items-center\">\n <div class=\"text-xl md:text-2xl font-serif tracking-widest text-primary\">\n \u304d\u306c\u305f\u3084<span class=\"text-sm md:text-base ml-2 text-secondary\">\u6d74\u8863\u30ec\u30f3\u30bf\u30eb<\/span>\n <\/div>\n <\/header>\n\n \n <section class=\"pt-24 pb-16 md:pt-32 md:pb-24 bg-washi overflow-hidden\">\n \n \n <div class=\"slider mb-12 md:mb-16\">\n <div class=\"slide-track\">\n \n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-1.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88631\" 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%23f4f1eb%22%2F%3E%3C%2Fsvg%3E';\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-2.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88632\" 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%23e8e4db%22%2F%3E%3C%2Fsvg%3E';\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-3.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88633\" 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%23f4f1eb%22%2F%3E%3C%2Fsvg%3E';\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-4.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88634\" 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%23e8e4db%22%2F%3E%3C%2Fsvg%3E';\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-5.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88635\" 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%23f4f1eb%22%2F%3E%3C%2Fsvg%3E';\"><\/div>\n \n \n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-1.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88631\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-2.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88632\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-3.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88633\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-4.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88634\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-5.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88635\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"container mx-auto px-4 text-center max-w-4xl relative z-10\">\n <h1 class=\"text-3xl md:text-5xl lg:text-6xl text-primary font-medium tracking-widest leading-tight mb-8\">\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\">\u843d\u3061\u7740\u304d\u3068\u83ef\u3084\u304b\u3055\u3092\u517c\u306d\u5099\u3048\u305f\u6d74\u8863\u3092<br class=\"md:hidden\">\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 <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=\"#reservation\" 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=\"#availability\" 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-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 \u304d\u306c\u305f\u3084\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u306f\u3001<br>\n \u5927\u4eba\u5973\u6027\u306e\u305f\u3081\u306b<br class=\"md:hidden\">\u53b3\u9078\u3057\u305f\u6d74\u8863\u3092\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\">\u4eac\u90fd\u306e\u8857\u4e26\u307f\u306b\u99b4\u67d3\u3080<\/h4>\n <p class=\"text-sumi\/80\">\u6b74\u53f2\u3042\u308b\u98a8\u666f\u304b\u3089\u6d6e\u304b\u306a\u3044\u3001\u672c\u683c\u7684\u306a\u548c\u306e\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\u305f\u3081\u3001\u4e0a\u8cea\u306a\u7d20\u6750\u3068\u67d3\u3081\u306e\u6d74\u8863\u3092\u8c4a\u5bcc\u306b\u53d6\u308a\u63c3\u3048\u3066\u3044\u307e\u3059\u3002\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-sand\">\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\">Voice<\/p>\n <h2 class=\"text-3xl md:text-4xl font-serif text-primary mb-6\">\u304a\u5ba2\u69d8\u306e\u58f0<\/h2>\n <div class=\"w-12 h-px bg-accent mx-auto\"><\/div>\n <\/div>\n\n <div class=\"grid md:grid-cols-3 gap-8\">\n \n <div class=\"bg-washi p-8 rounded-2xl shadow-sm relative pt-12\">\n <i data-lucide=\"quote\" class=\"absolute top-6 left-6 w-8 h-8 text-secondary\/20\"><\/i>\n <h4 class=\"text-lg font-serif text-primary mb-4 tracking-wider leading-snug\">\u300c\u3084\u3063\u3068\u7406\u60f3\u306e\u6d74\u8863\u306b\u51fa\u4f1a\u3048\u307e\u3057\u305f\u300d<\/h4>\n <p class=\"text-sumi\/80 text-sm mb-6 leading-relaxed\">\u82e5\u3044\u5b50\u5411\u3051\u306e\u304a\u5e97\u3070\u304b\u308a\u3067\u56f0\u3063\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u3053\u3061\u3089\u306f\u5b89\u3063\u307d\u304f\u306a\u304f\u3001\u843d\u3061\u7740\u3044\u305f\u96f0\u56f2\u6c17\u306e\u6d74\u8863\u304c\u63c3\u3063\u3066\u3044\u3066\u3068\u3066\u3082\u6e80\u8db3\u3067\u3059\u3002<\/p>\n <p class=\"text-right text-secondary text-sm font-medium\">\uff0840\u4ee3\u5973\u6027\uff09<\/p>\n <\/div>\n \n <div class=\"bg-washi p-8 rounded-2xl shadow-sm relative pt-12\">\n <i data-lucide=\"quote\" class=\"absolute top-6 left-6 w-8 h-8 text-secondary\/20\"><\/i>\n <h4 class=\"text-lg font-serif text-primary mb-4 tracking-wider leading-snug\">\u300c\u8cfc\u5165\u3092\u8ff7\u3063\u3066\u3044\u305f\u3051\u3069\u6b63\u89e3\u3067\u3057\u305f\u300d<\/h4>\n <p class=\"text-sumi\/80 text-sm mb-6 leading-relaxed\">\u3061\u3083\u3093\u3068\u3057\u305f\u6d74\u8863\u3092\u8cb7\u304a\u3046\u304b\u8ff7\u3063\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u3053\u306e\u4fa1\u683c\u3067\u3053\u306e\u30af\u30aa\u30ea\u30c6\u30a3\u306a\u3089\u30ec\u30f3\u30bf\u30eb\u3067\u5341\u5206\u3002\u6bce\u5e74\u5229\u7528\u3057\u305f\u3044\u3067\u3059\u3002<\/p>\n <p class=\"text-right text-secondary text-sm font-medium\">\uff0830\u4ee3\u5973\u6027\uff09<\/p>\n <\/div>\n \n <div class=\"bg-washi p-8 rounded-2xl shadow-sm relative pt-12\">\n <i data-lucide=\"quote\" class=\"absolute top-6 left-6 w-8 h-8 text-secondary\/20\"><\/i>\n <h4 class=\"text-lg font-serif text-primary mb-4 tracking-wider leading-snug\">\u300c\u5199\u771f\u306e\u4ed5\u4e0a\u304c\u308a\u304c\u5168\u7136\u9055\u3046\u300d<\/h4>\n <p class=\"text-sumi\/80 text-sm mb-6 leading-relaxed\">\u5e2f\u306e\u5408\u308f\u305b\u65b9\u306a\u3069\u3082\u4e0a\u54c1\u3067\u3001\u4eac\u90fd\u306e\u8857\u4e26\u307f\u306b\u3057\u3063\u304f\u308a\u99b4\u67d3\u307f\u307e\u3057\u305f\u3002\u5199\u771f\u3092\u898b\u8fd4\u3057\u3066\u3082\u3001\u3068\u3066\u3082\u826f\u3044\u601d\u3044\u51fa\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n <p class=\"text-right text-secondary text-sm font-medium\">\uff0850\u4ee3\u5973\u6027\uff09<\/p>\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\u65e5\u4e2d\uff08\u55b6\u696d\u6642\u9593\u5185\uff09\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<\/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. \u5e74\u9f62\u7684\u306b\u6d6e\u304b\u306a\u3044\u304b\u5fc3\u914d\u3067\u3059\u3002<\/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. \u3054\u5b89\u5fc3\u304f\u3060\u3055\u3044\u3002\u5f53\u5e97\u306f\u300c\u5927\u4eba\u5973\u6027\u300d\u3092\u30e1\u30a4\u30f3\u30bf\u30fc\u30b2\u30c3\u30c8\u306b\u3057\u3066\u304a\u308a\u3001\u843d\u3061\u7740\u3044\u305f\u8272\u5408\u3044\u3084\u53e4\u5178\u67c4\u306a\u3069\u3001\u5e74\u9f62\u3092\u91cd\u306d\u305f\u304b\u3089\u3053\u305d\u4f3c\u5408\u3046\u4e0a\u54c1\u306a\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7\u3092\u53b3\u9078\u3057\u3066\u304a\u308a\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\u96e8\u306e\u65e5\u306e\u4eac\u90fd\u3082\u98a8\u60c5\u304c\u3042\u3063\u3066\u7d20\u6575\u3067\u3059\u3002\uff08\u203b\u6ce5\u8df3\u306d\u306a\u3069\u306e\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\uff09<\/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-sumi flex items-center justify-center overflow-hidden\">\n \n <div class=\"absolute inset-0 z-0\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1578469550956-0e16b69c6a3d?auto=format&fit=crop&q=80&w=1600\" alt=\"\u4eac\u90fd\u306e\u5915\u66ae\u308c\" class=\"w-full h-full object-cover opacity-40\" 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%232d2926%22%2F%3E%3C%2Fsvg%3E';\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-sumi 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-washi 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-sand\/90 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=\"#reservation\" class=\"w-full sm:w-auto bg-accent text-washi px-10 py-5 rounded-full shadow-2xl 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=\"#availability\" class=\"w-full sm:w-auto bg-transparent border border-washi text-washi px-10 py-5 rounded-full hover:bg-washi\/10 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 <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\">\u304d\u306c\u305f\u3084\u6d74\u8863\u30ec\u30f3\u30bf\u30eb<\/div>\n <p class=\"text-sm text-secondary\">\u00a9 Kinutaya Yukata Rental. 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=\"#reservation\" 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 <script>\n \/\/ Lucide\u30a2\u30a4\u30b3\u30f3\u306e\u521d\u671f\u5316\n lucide.createIcons();\n <\/script>\n<\/body>\n<\/html>\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 \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 \u843d\u3061\u7740\u304d\u3068\u83ef\u3084\u304b\u3055\u3092\u517c\u306d\u5099\u3048\u305f\u6d74\u8863\u3092\u6c17\u8efd\u306b\u30ec\u30f3\u30bf\u30eb\u3057\u307e\u305b\u3093\u304b\uff1f \u6d74\u8863\u30ec\u30f3\u30bf\u30eb\uff0b\u7740\u4ed8\u3051 9 […]","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":2,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11044\/revisions"}],"predecessor-version":[{"id":11047,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11044\/revisions\/11047"}],"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-04-28T09:16:18","modified_gmt":"2026-04-28T09:16:18","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 \/* \u7121\u9650\u30b9\u30e9\u30a4\u30c0\u30fc\u306e\u30b9\u30bf\u30a4\u30eb *\/\n @keyframes scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(calc(-100% \/ 2)); }\n }\n .slider {\n overflow: hidden;\n position: relative;\n width: 100%;\n padding: 1rem 0;\n }\n .slider::before,\n .slider::after {\n content: \"\";\n position: absolute;\n top: 0;\n width: 60px;\n height: 100%;\n z-index: 2;\n pointer-events: none;\n }\n .slider::before {\n left: 0;\n background: linear-gradient(to right, rgba(253, 251, 249, 1) 0%, rgba(253, 251, 249, 0) 100%);\n }\n .slider::after {\n right: 0;\n background: linear-gradient(to left, rgba(253, 251, 249, 1) 0%, rgba(253, 251, 249, 0) 100%);\n }\n @media (min-width: 768px) {\n .slider::before, .slider::after { width: 150px; }\n }\n .slide-track {\n display: flex;\n width: max-content;\n animation: scroll 40s linear infinite;\n }\n .slide {\n width: 220px;\n margin: 0 8px;\n }\n @media (min-width: 768px) {\n .slide {\n width: 280px;\n margin: 0 12px;\n }\n }\n .slide img {\n width: 100%;\n height: 350px;\n object-fit: cover;\n border-radius: 8px;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n }\n @media (min-width: 768px) {\n .slide img { height: 420px; }\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 <header class=\"py-4 px-6 absolute top-0 w-full z-10 flex justify-between items-center\">\n <div class=\"text-xl md:text-2xl font-serif tracking-widest text-primary\">\n \u304d\u306c\u305f\u3084<span class=\"text-sm md:text-base ml-2 text-secondary\">\u6d74\u8863\u30ec\u30f3\u30bf\u30eb<\/span>\n <\/div>\n <\/header>\n\n \n <section class=\"pt-24 pb-16 md:pt-32 md:pb-24 bg-washi overflow-hidden\">\n \n \n <div class=\"slider mb-12 md:mb-16\">\n <div class=\"slide-track\">\n \n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-1.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88631\" 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%23f4f1eb%22%2F%3E%3C%2Fsvg%3E';\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-2.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88632\" 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%23e8e4db%22%2F%3E%3C%2Fsvg%3E';\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-3.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88633\" 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%23f4f1eb%22%2F%3E%3C%2Fsvg%3E';\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-4.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88634\" 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%23e8e4db%22%2F%3E%3C%2Fsvg%3E';\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-5.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88635\" 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%23f4f1eb%22%2F%3E%3C%2Fsvg%3E';\"><\/div>\n \n \n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-1.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88631\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-2.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88632\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-3.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88633\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-4.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88634\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-5.jpg\" alt=\"\u5927\u4eba\u306e\u6d74\u88635\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"container mx-auto px-4 text-center max-w-4xl relative z-10\">\n <h1 class=\"text-3xl md:text-5xl lg:text-6xl text-primary font-medium tracking-widest leading-tight mb-8\">\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\">\u843d\u3061\u7740\u304d\u3068\u83ef\u3084\u304b\u3055\u3092\u517c\u306d\u5099\u3048\u305f\u6d74\u8863\u3092<br class=\"md:hidden\">\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 <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=\"#reservation\" 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=\"#availability\" 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-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 \u304d\u306c\u305f\u3084\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u306f\u3001<br>\n \u5927\u4eba\u5973\u6027\u306e\u305f\u3081\u306b<br class=\"md:hidden\">\u53b3\u9078\u3057\u305f\u6d74\u8863\u3092\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\">\u4eac\u90fd\u306e\u8857\u4e26\u307f\u306b\u99b4\u67d3\u3080<\/h4>\n <p class=\"text-sumi\/80\">\u6b74\u53f2\u3042\u308b\u98a8\u666f\u304b\u3089\u6d6e\u304b\u306a\u3044\u3001\u672c\u683c\u7684\u306a\u548c\u306e\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\u305f\u3081\u3001\u4e0a\u8cea\u306a\u7d20\u6750\u3068\u67d3\u3081\u306e\u6d74\u8863\u3092\u8c4a\u5bcc\u306b\u53d6\u308a\u63c3\u3048\u3066\u3044\u307e\u3059\u3002\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-sand\">\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\">Voice<\/p>\n <h2 class=\"text-3xl md:text-4xl font-serif text-primary mb-6\">\u304a\u5ba2\u69d8\u306e\u58f0<\/h2>\n <div class=\"w-12 h-px bg-accent mx-auto\"><\/div>\n <\/div>\n\n <div class=\"grid md:grid-cols-3 gap-8\">\n \n <div class=\"bg-washi p-8 rounded-2xl shadow-sm relative pt-12\">\n <i data-lucide=\"quote\" class=\"absolute top-6 left-6 w-8 h-8 text-secondary\/20\"><\/i>\n <h4 class=\"text-lg font-serif text-primary mb-4 tracking-wider leading-snug\">\u300c\u3084\u3063\u3068\u7406\u60f3\u306e\u6d74\u8863\u306b\u51fa\u4f1a\u3048\u307e\u3057\u305f\u300d<\/h4>\n <p class=\"text-sumi\/80 text-sm mb-6 leading-relaxed\">\u82e5\u3044\u5b50\u5411\u3051\u306e\u304a\u5e97\u3070\u304b\u308a\u3067\u56f0\u3063\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u3053\u3061\u3089\u306f\u5b89\u3063\u307d\u304f\u306a\u304f\u3001\u843d\u3061\u7740\u3044\u305f\u96f0\u56f2\u6c17\u306e\u6d74\u8863\u304c\u63c3\u3063\u3066\u3044\u3066\u3068\u3066\u3082\u6e80\u8db3\u3067\u3059\u3002<\/p>\n <p class=\"text-right text-secondary text-sm font-medium\">\uff0840\u4ee3\u5973\u6027\uff09<\/p>\n <\/div>\n \n <div class=\"bg-washi p-8 rounded-2xl shadow-sm relative pt-12\">\n <i data-lucide=\"quote\" class=\"absolute top-6 left-6 w-8 h-8 text-secondary\/20\"><\/i>\n <h4 class=\"text-lg font-serif text-primary mb-4 tracking-wider leading-snug\">\u300c\u8cfc\u5165\u3092\u8ff7\u3063\u3066\u3044\u305f\u3051\u3069\u6b63\u89e3\u3067\u3057\u305f\u300d<\/h4>\n <p class=\"text-sumi\/80 text-sm mb-6 leading-relaxed\">\u3061\u3083\u3093\u3068\u3057\u305f\u6d74\u8863\u3092\u8cb7\u304a\u3046\u304b\u8ff7\u3063\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u3053\u306e\u4fa1\u683c\u3067\u3053\u306e\u30af\u30aa\u30ea\u30c6\u30a3\u306a\u3089\u30ec\u30f3\u30bf\u30eb\u3067\u5341\u5206\u3002\u6bce\u5e74\u5229\u7528\u3057\u305f\u3044\u3067\u3059\u3002<\/p>\n <p class=\"text-right text-secondary text-sm font-medium\">\uff0830\u4ee3\u5973\u6027\uff09<\/p>\n <\/div>\n \n <div class=\"bg-washi p-8 rounded-2xl shadow-sm relative pt-12\">\n <i data-lucide=\"quote\" class=\"absolute top-6 left-6 w-8 h-8 text-secondary\/20\"><\/i>\n <h4 class=\"text-lg font-serif text-primary mb-4 tracking-wider leading-snug\">\u300c\u5199\u771f\u306e\u4ed5\u4e0a\u304c\u308a\u304c\u5168\u7136\u9055\u3046\u300d<\/h4>\n <p class=\"text-sumi\/80 text-sm mb-6 leading-relaxed\">\u5e2f\u306e\u5408\u308f\u305b\u65b9\u306a\u3069\u3082\u4e0a\u54c1\u3067\u3001\u4eac\u90fd\u306e\u8857\u4e26\u307f\u306b\u3057\u3063\u304f\u308a\u99b4\u67d3\u307f\u307e\u3057\u305f\u3002\u5199\u771f\u3092\u898b\u8fd4\u3057\u3066\u3082\u3001\u3068\u3066\u3082\u826f\u3044\u601d\u3044\u51fa\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n <p class=\"text-right text-secondary text-sm font-medium\">\uff0850\u4ee3\u5973\u6027\uff09<\/p>\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\u65e5\u4e2d\uff08\u55b6\u696d\u6642\u9593\u5185\uff09\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<\/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. \u5e74\u9f62\u7684\u306b\u6d6e\u304b\u306a\u3044\u304b\u5fc3\u914d\u3067\u3059\u3002<\/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. \u3054\u5b89\u5fc3\u304f\u3060\u3055\u3044\u3002\u5f53\u5e97\u306f\u300c\u5927\u4eba\u5973\u6027\u300d\u3092\u30e1\u30a4\u30f3\u30bf\u30fc\u30b2\u30c3\u30c8\u306b\u3057\u3066\u304a\u308a\u3001\u843d\u3061\u7740\u3044\u305f\u8272\u5408\u3044\u3084\u53e4\u5178\u67c4\u306a\u3069\u3001\u5e74\u9f62\u3092\u91cd\u306d\u305f\u304b\u3089\u3053\u305d\u4f3c\u5408\u3046\u4e0a\u54c1\u306a\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7\u3092\u53b3\u9078\u3057\u3066\u304a\u308a\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\u96e8\u306e\u65e5\u306e\u4eac\u90fd\u3082\u98a8\u60c5\u304c\u3042\u3063\u3066\u7d20\u6575\u3067\u3059\u3002\uff08\u203b\u6ce5\u8df3\u306d\u306a\u3069\u306e\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\uff09<\/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-sumi flex items-center justify-center overflow-hidden\">\n \n <div class=\"absolute inset-0 z-0\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1578469550956-0e16b69c6a3d?auto=format&fit=crop&q=80&w=1600\" alt=\"\u4eac\u90fd\u306e\u5915\u66ae\u308c\" class=\"w-full h-full object-cover opacity-40\" 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%232d2926%22%2F%3E%3C%2Fsvg%3E';\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-sumi 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-washi 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-sand\/90 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=\"#reservation\" class=\"w-full sm:w-auto bg-accent text-washi px-10 py-5 rounded-full shadow-2xl 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=\"#availability\" class=\"w-full sm:w-auto bg-transparent border border-washi text-washi px-10 py-5 rounded-full hover:bg-washi\/10 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 <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\">\u304d\u306c\u305f\u3084\u6d74\u8863\u30ec\u30f3\u30bf\u30eb<\/div>\n <p class=\"text-sm text-secondary\">\u00a9 Kinutaya Yukata Rental. 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=\"#reservation\" 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 <script>\n \/\/ Lucide\u30a2\u30a4\u30b3\u30f3\u306e\u521d\u671f\u5316\n lucide.createIcons();\n <\/script>\n<\/body>\n<\/html>\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 \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 \u843d\u3061\u7740\u304d\u3068\u83ef\u3084\u304b\u3055\u3092\u517c\u306d\u5099\u3048\u305f\u6d74\u8863\u3092\u6c17\u8efd\u306b\u30ec\u30f3\u30bf\u30eb\u3057\u307e\u305b\u3093\u304b\uff1f \u6d74\u8863\u30ec\u30f3\u30bf\u30eb\uff0b\u7740\u4ed8\u3051 9 […]","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":2,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11044\/revisions"}],"predecessor-version":[{"id":11047,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11044\/revisions\/11047"}],"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}]}}