{"id":6589,"date":"2025-12-21T10:05:06","date_gmt":"2025-12-21T01:05:06","guid":{"rendered":"https:\/\/clarabeautyclinic.jp\/takasaki\/?p=6589"},"modified":"2025-12-21T10:14:31","modified_gmt":"2025-12-21T01:14:31","slug":"%e5%88%87%e3%82%89%e3%81%aa%e3%81%84%e3%82%af%e3%83%9e%e5%8f%96%e3%82%8a%ef%bd%9c%e7%9b%ae%e3%81%ae%e4%b8%8b%e3%81%ae%e3%81%9f%e3%82%8b%e3%81%bf%e8%a7%a3%e6%b6%88","status":"publish","type":"post","link":"https:\/\/clarabeautyclinic.jp\/takasaki\/blog\/sagging\/6589\/","title":{"rendered":"\u5207\u3089\u306a\u3044\u30af\u30de\u53d6\u308a\uff5c\u76ee\u306e\u4e0b\u306e\u305f\u308b\u307f\u89e3\u6d88"},"content":{"rendered":"<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">\u76ee\u6b21<\/p><ul class=\"toc_list\"><li><a href=\"#i\"><span class=\"toc_number toc_depth_1\">1<\/span> \u5f71\u3092\u6d88\u3057\u3066\u3001\n                \u77b3\u306b\u8f1d\u304d\u3092\u3002<\/a><ul><li><a href=\"#i-2\"><span class=\"toc_number toc_depth_2\">1.1<\/span> \u76ee\u306e\u4e0b\u306e\u300c\u5f71\u300d\u304c\u3001\n\u5e74\u9f62\u3092\u6c7a\u3081\u3066\u3044\u308b\u3002<\/a><\/li><li><a href=\"#3\"><span class=\"toc_number toc_depth_2\">1.2<\/span> \u9078\u3070\u308c\u308b3\u3064\u306e\u7406\u7531<\/a><ul><li><a href=\"#i-3\"><span class=\"toc_number toc_depth_3\">1.2.1<\/span> \u50b7\u8de1\u304c\u6b8b\u3089\u306a\u3044\u3001\n\u5b89\u5fc3\u306e\u300c\u975e\u5207\u958b\u300d\u65bd\u8853\u3002<\/a><\/li><li><a href=\"#i-4\"><span class=\"toc_number toc_depth_3\">1.2.2<\/span> \u5f62\u6210\u5916\u79d1\u533b\u306b\u3088\u308b\n\u78ba\u304b\u306a\u6280\u8853<\/a><\/li><li><a href=\"#i-5\"><span class=\"toc_number toc_depth_3\">1.2.3<\/span> \u75db\u307f\u30fb\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u3078\u306e\n\u5fb9\u5e95\u3057\u305f\u914d\u616e<\/a><\/li><\/ul><\/li><li><a href=\"#i-6\"><span class=\"toc_number toc_depth_2\">1.3<\/span> \u65bd\u8853\u30e1\u30cb\u30e5\u30fc\u30fb\u6599\u91d1<\/a><ul><li><a href=\"#i-7\"><span class=\"toc_number toc_depth_3\">1.3.1<\/span> \u30d7\u30ec\u30df\u30a2\u30e0\n\u30af\u30de\u53d6\u308a<\/a><\/li><li><a href=\"#i-8\"><span class=\"toc_number toc_depth_3\">1.3.2<\/span> \u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\n\u30af\u30de\u53d6\u308a<\/a><\/li><\/ul><\/li><li><a href=\"#i-9\"><span class=\"toc_number toc_depth_2\">1.4<\/span> \u65bd\u8853\u306e\u6d41\u308c\u3068\u8a73\u7d30<\/a><ul><li><a href=\"#1\"><span class=\"toc_number toc_depth_3\">1.4.1<\/span> 1. \u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u30fb\u8a3a\u5bdf<\/a><\/li><li><a href=\"#2\"><span class=\"toc_number toc_depth_3\">1.4.2<\/span> 2. \u30c7\u30b6\u30a4\u30f3\u30fb\u9ebb\u9154<\/a><\/li><li><a href=\"#3-2\"><span class=\"toc_number toc_depth_3\">1.4.3<\/span> 3. \u65bd\u8853<\/a><\/li><li><a href=\"#4\"><span class=\"toc_number toc_depth_3\">1.4.4<\/span> 4. \u30a2\u30d5\u30bf\u30fc\u30b1\u30a2<\/a><\/li><li><a href=\"#i-10\"><span class=\"toc_number toc_depth_3\">1.4.5<\/span> \u5f97\u5730 \u96c4\u8cb4<\/a><\/li><li><a href=\"#i-11\"><span class=\"toc_number toc_depth_3\">1.4.6<\/span> \u30af\u30de\u53d6\u308a\u306b\u304b\u3051\u308b\u60c5\u71b1<\/a><ul><li><a href=\"#i-12\"><span class=\"toc_number toc_depth_4\">1.4.6.1<\/span> \u7d4c\u6b74<\/a><\/li><li><a href=\"#i-13\"><span class=\"toc_number toc_depth_4\">1.4.6.2<\/span> \u6240\u5c5e\u5b66\u4f1a<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#i-14\"><span class=\"toc_number toc_depth_2\">1.5<\/span> \u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/a><ul><li><a href=\"#Q\"><span class=\"toc_number toc_depth_3\">1.5.1<\/span> Q. \u65bd\u8853\u306b\u75db\u307f\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<\/a><\/li><li><a href=\"#Q-2\"><span class=\"toc_number toc_depth_3\">1.5.2<\/span> Q. \u50b7\u53e3\u306f\u76ee\u7acb\u3061\u307e\u3059\u304b\uff1f<\/a><\/li><li><a href=\"#Q-3\"><span class=\"toc_number toc_depth_3\">1.5.3<\/span> Q. \u8102\u80aa\u3092\u53d6\u308b\u3053\u3068\u3067\u51f9\u307f\u304c\u3067\u304d\u306a\u3044\u304b\u5fc3\u914d\u3067\u3059\u3002<\/a><\/li><\/ul><\/li><li><a href=\"#Clara_Beauty_Clinic_Takasaki\"><span class=\"toc_number toc_depth_2\">1.6<\/span> Clara Beauty Clinic Takasaki<\/a><\/li><\/ul><\/li><\/ul><\/div>\n<p><!DOCTYPE html><br \/>\n<html lang=\"ja\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>\u5207\u3089\u306a\u3044\u30af\u30de\u53d6\u308a\uff5c\u76ee\u306e\u4e0b\u306e\u305f\u308b\u307f\u89e3\u6d88\uff5c\u30af\u30e9\u30e9\u30d3\u30e5\u30fc\u30c6\u30a3\u30fc\u30af\u30ea\u30cb\u30c3\u30af\u9ad8\u5d0e\u9662<\/title><br \/>\n    <meta name=\"description\" content=\"\u3010\u9ad8\u5d0e\u99c5\u5f92\u6b693\u5206\u3011\u5207\u3089\u306a\u3044\u76ee\u306e\u4e0b\u306e\u30af\u30de\u53d6\u308a\u30fb\u305f\u308b\u307f\u53d6\u308a\u3002\u30e2\u30cb\u30bf\u30fc\u4fa1\u683c\u00a565,780\u301c\u3002\u307e\u3076\u305f\u306e\u88cf\u5074\u304b\u3089\u8102\u80aa\u3092\u9664\u53bb\u3059\u308b\u305f\u3081\u3001\u50b7\u8de1\u304c\u6b8b\u3089\u305a\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u3082\u6700\u5c0f\u9650\u3002\u5f62\u6210\u5916\u79d1\u533b\u76e3\u4fee\u306e\u78ba\u304b\u306a\u6280\u8853\u3067\u3001\u660e\u308b\u304f\u82e5\u3005\u3057\u3044\u76ee\u5143\u3078\u3002LINE\u4e88\u7d04\u53d7\u4ed8\u4e2d\u3002\"><\/p>\n<p>    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><\/p>\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+Sans+JP:wght@300;400;500&#038;family=Noto+Serif+JP:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<p>    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script><\/p>\n<p>    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        base: '#f8f9fa',\n                        accent: '#C5A059', \/\/ Champagne Gold\n                        secondary: '#E5D6D8', \/\/ Dusty Pink like\n                        text: '#333333',\n                        glass: 'rgba(255, 255, 255, 0.6)'\n                    },\n                    fontFamily: {\n                        serif: ['\"Noto Serif JP\"', 'serif'],\n                        sans: ['\"Noto Sans JP\"', 'sans-serif'],\n                    },\n                    animation: {\n                        'fade-in-up': 'fadeInUp 1s ease-out forwards',\n                        'float': 'float 6s ease-in-out infinite',\n                    },\n                    keyframes: {\n                        fadeInUp: {\n                            '0%': { opacity: '0', transform: 'translateY(20px)' },\n                            '100%': { opacity: '1', transform: 'translateY(0)' },\n                        },\n                        float: {\n                            '0%, 100%': { transform: 'translateY(0)' },\n                            '50%': { transform: 'translateY(-10px)' },\n                        }\n                    }\n                }\n            }\n        }\n    <\/script><\/p>\n<style>\n        body {\n            background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);\n            background-image: radial-gradient(at 0% 0%, rgba(255, 228, 230, 0.3) 0px, transparent 50%),\n                              radial-gradient(at 100% 0%, rgba(230, 240, 255, 0.3) 0px, transparent 50%),\n                              radial-gradient(at 100% 100%, rgba(255, 245, 230, 0.3) 0px, transparent 50%);\n            color: #4a4a4a;\n            overflow-x: hidden;\n        }<\/p>\n<p>        .glass-panel {\n            background: rgba(255, 255, 255, 0.4);\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border: 1px solid rgba(255, 255, 255, 0.8);\n            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.05);\n        }<\/p>\n<p>        .btn-gold {\n            background: linear-gradient(135deg, #C5A059 0%, #d4b06a 100%);\n            color: white;\n            transition: all 0.3s ease;\n        }\n        .btn-gold:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 20px rgba(197, 160, 89, 0.2);\n        }<\/p>\n<p>        .btn-line {\n            background: #06C755;\n            color: white;\n            transition: all 0.3s ease;\n        }\n        .btn-line:hover {\n            background: #05b54d;\n            transform: translateY(-2px);\n            box-shadow: 0 10px 20px rgba(6, 199, 85, 0.2);\n        }<\/p>\n<p>        .reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s ease-out;\n        }\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }<\/p>\n<p>        #canvas-container {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100vh;\n            z-index: -1;\n            opacity: 0.8;\n            pointer-events: none;\n        }\n    <\/style>\n<p><\/head><br \/>\n<body class=\"font-sans antialiased\"><\/p>\n<div id=\"canvas-container\"><\/div>\n<nav class=\"fixed w-full z-50 transition-all duration-300 glass-panel\" id=\"navbar\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"flex justify-between items-center h-20\">\n<div class=\"flex-shrink-0 flex items-center\">\n                    <a href=\"https:\/\/clarabeautyclinic.jp\/takasaki\/\" class=\"font-serif text-2xl tracking-widest text-gray-800\"><br \/>\n                        CLARA <span class=\"text-xs tracking-wider block text-gray-500 text-center\">TAKASAKI<\/span><br \/>\n                    <\/a>\n                <\/div>\n<div class=\"hidden md:flex space-x-8 items-center\">\n                    <a href=\"#about\" class=\"text-gray-600 hover:text-accent transition duration-300 text-sm tracking-wide\">ABOUT<\/a><br \/>\n                    <a href=\"#reason\" class=\"text-gray-600 hover:text-accent transition duration-300 text-sm tracking-wide\">REASON<\/a><br \/>\n                    <a href=\"#menu\" class=\"text-gray-600 hover:text-accent transition duration-300 text-sm tracking-wide\">MENU<\/a><br \/>\n                    <a href=\"#flow\" class=\"text-gray-600 hover:text-accent transition duration-300 text-sm tracking-wide\">FLOW<\/a><\/p>\n<p>                    <a href=\"tel:0273862070\" class=\"flex items-center text-gray-600 hover:text-accent transition\"><br \/>\n                        <svg class=\"w-4 h-4 mr-2\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-1.57 1.97c-2.83-1.44-5.15-3.75-6.59-6.59l1.97-1.57c.26-.26.35-.63.24-1.01a17.96 17.96 0 01-.56-3.53.986.986 0 00-1-1H4.06c-.55 0-1 .45-1 1C3.06 14.81 12.19 23.94 23 23.94c.55 0 1-.45 1-1v-3.92c0-.55-.45-1-1-1h-2.99z\"\/><\/svg><br \/>\n                        <span class=\"text-sm font-serif tracking-widest\">027-386-2070<\/span><br \/>\n                    <\/a><\/p>\n<p>                    <a href=\"https:\/\/line.me\/R\/ti\/p\/@008ylsvu\" target=\"_blank\" class=\"btn-line px-6 py-2 rounded-full text-sm tracking-widest flex items-center\" rel=\"noopener\"><br \/>\n                         LINE\u4e88\u7d04<br \/>\n                    <\/a>\n                <\/div>\n<div class=\"md:hidden flex items-center\">\n                    <a href=\"tel:0273862070\" class=\"mr-4 text-gray-600\"><br \/>\n                        <svg class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-1.57 1.97c-2.83-1.44-5.15-3.75-6.59-6.59l1.97-1.57c.26-.26.35-.63.24-1.01a17.96 17.96 0 01-.56-3.53.986.986 0 00-1-1H4.06c-.55 0-1 .45-1 1C3.06 14.81 12.19 23.94 23 23.94c.55 0 1-.45 1-1v-3.92c0-.55-.45-1-1-1h-2.99z\"\/><\/svg><br \/>\n                    <\/a><br \/>\n                    <button class=\"text-gray-600 hover:text-gray-900 focus:outline-none\"><br \/>\n                        <svg class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" \/>\n                        <\/svg><br \/>\n                    <\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/nav>\n<header class=\"relative h-screen flex items-center justify-center overflow-hidden\">\n<div class=\"relative z-10 text-center px-4 max-w-4xl mx-auto\">\n<p class=\"text-accent text-sm md:text-base tracking-[0.2em] mb-4 uppercase animate-fade-in-up\">Dark Circle Removal<\/p>\n<h1 class=\"font-serif text-4xl md:text-6xl lg:text-7xl leading-tight text-gray-800 mb-6 animate-fade-in-up\" style=\"animation-delay: 0.2s;\"><span id=\"i\">\n                \u5f71\u3092\u6d88\u3057\u3066\u3001<br \/>\n                <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-gray-800 to-gray-500\">\u77b3\u306b\u8f1d\u304d\u3092\u3002<\/span><br \/>\n            <\/span><\/h1>\n<p class=\"text-gray-600 text-sm md:text-lg mb-10 tracking-wide leading-relaxed animate-fade-in-up\" style=\"animation-delay: 0.4s;\">\n                \u300c\u75b2\u308c\u3066\u308b\uff1f\u300d\u306a\u3093\u3066\u3001\u3082\u3046\u8a00\u308f\u305b\u306a\u3044\u3002<br \/>\n                \u5207\u3089\u306a\u3044\u30af\u30de\u53d6\u308a\u3067\u53f6\u3048\u308b\u3001\uff0d5\u6b73\u306e\u660e\u308b\u3044\u76ee\u5143\u3002\n            <\/p>\n<div class=\"flex flex-col sm:flex-row justify-center items-center space-y-4 sm:space-y-0 sm:space-x-4 animate-fade-in-up\" style=\"animation-delay: 0.6s;\">\n                <a href=\"tel:0273862070\" class=\"glass-panel hover:bg-white text-gray-800 px-8 py-3 rounded-full transition duration-300 text-sm tracking-widest border border-gray-300 w-64 sm:w-auto flex justify-center items-center\"><br \/>\n                     <svg class=\"w-4 h-4 mr-2\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-1.57 1.97c-2.83-1.44-5.15-3.75-6.59-6.59l1.97-1.57c.26-.26.35-.63.24-1.01a17.96 17.96 0 01-.56-3.53.986.986 0 00-1-1H4.06c-.55 0-1 .45-1 1C3.06 14.81 12.19 23.94 23 23.94c.55 0 1-.45 1-1v-3.92c0-.55-.45-1-1-1h-2.99z\"\/><\/svg><br \/>\n                    \u96fb\u8a71\u3067\u4e88\u7d04<br \/>\n                <\/a><br \/>\n                <a href=\"https:\/\/line.me\/R\/ti\/p\/@008ylsvu\" target=\"_blank\" class=\"btn-line px-8 py-3 rounded-full shadow-lg text-sm tracking-widest w-64 sm:w-auto flex justify-center items-center\" rel=\"noopener\"><br \/>\n                    <svg class=\"w-4 h-4 mr-2\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M21.059 8.117c-1.121-3.664-4.881-6.117-9.059-6.117-5.522 0-10 4.029-10 9 0 2.871 1.505 5.43 3.896 7.075.109.076.177.199.182.331l.035.795c.022.502.049.998-.103 1.481-.059.186.136.355.308.27 1.391-.689 2.508-1.517 3.328-2.197.106-.089.243-.129.38-.112.63.078 1.28.118 1.944.118 5.522 0 10-4.029 10-9 0-1.62-.397-3.159-1.09-4.524-1.921z\"\/><\/svg><br \/>\n                    LINE\u3067\u7c21\u5358\u4e88\u7d04<br \/>\n                <\/a>\n            <\/div>\n<div class=\"mt-8 animate-fade-in-up\" style=\"animation-delay: 0.8s;\">\n<p class=\"text-xs text-gray-500 bg-white\/50 inline-block px-4 py-1 rounded-full\">\u30e2\u30cb\u30bf\u30fc\u52df\u96c6\u4e2d \u00a565,780\u301c<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"md:pl-10 reveal\">\n<h2 class=\"font-serif text-3xl md:text-4xl text-gray-800 mb-8 leading-snug\"><span id=\"i-2\">\u76ee\u306e\u4e0b\u306e\u300c\u5f71\u300d\u304c\u3001<br \/>\n\u5e74\u9f62\u3092\u6c7a\u3081\u3066\u3044\u308b\u3002<\/span><\/h2>\n<div class=\"space-y-6 text-gray-600 leading-loose text-justify\">\n<p>\u305f\u3063\u3077\u308a\u5bdd\u305f\u306f\u305a\u306a\u306e\u306b\u300c\u75b2\u308c\u3066\u308b\uff1f\u300d\u3068\u805e\u304b\u308c\u308b\u3002\u30b3\u30f3\u30b7\u30fc\u30e9\u30fc\u3067\u3082\u96a0\u3057\u304d\u308c\u306a\u3044\u76ee\u306e\u4e0b\u306e\u5f71\u3002\u305d\u306e\u539f\u56e0\u306e\u591a\u304f\u306f\u3001\u52a0\u9f62\u3068\u3068\u3082\u306b\u7a81\u51fa\u3057\u305f\u300c\u773c\u7aa9\u8102\u80aa\u300d\u306b\u3088\u308b\u3075\u304f\u3089\u307f\uff08\u76ee\u888b\uff09\u3067\u3059\u3002<\/p>\n<p>\u3053\u306e\u3075\u304f\u3089\u307f\u304c\u5f71\u3092\u4f5c\u308a\u3001\u8001\u3051\u305f\u5370\u8c61\u3084\u75b2\u308c\u305f\u5370\u8c61\u3092\u4e0e\u3048\u3066\u3057\u307e\u3044\u307e\u3059\u3002\u3053\u308c\u306f\u30b9\u30ad\u30f3\u30b1\u30a2\u3067\u306f\u6539\u5584\u304c\u96e3\u3057\u3044\u69cb\u9020\u4e0a\u306e\u554f\u984c\u3067\u3059\u3002<\/p>\n<p>\u30af\u30e9\u30e9\u30d3\u30e5\u30fc\u30c6\u30a3\u30fc\u30af\u30ea\u30cb\u30c3\u30af\u9ad8\u5d0e\u306e\u300c\u5207\u3089\u306a\u3044\u30af\u30de\u53d6\u308a\uff08\u4e0b\u773c\u77bc\u8131\u8102\u8853\uff09\u300d\u306f\u3001\u307e\u3076\u305f\u306e\u88cf\u5074\u304b\u3089\u539f\u56e0\u3068\u306a\u308b\u8102\u80aa\u3092\u9069\u5207\u306b\u53d6\u308a\u9664\u304f\u65bd\u8853\u3067\u3059\u3002\u76ae\u819a\u8868\u9762\u306b\u50b7\u3092\u4f5c\u3089\u305a\u3001\u81ea\u7136\u3067\u82e5\u3005\u3057\u3044\u76ee\u5143\u3092\u53d6\u308a\u623b\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"reason\" class=\"py-24 bg-white\/50 relative\">\n<div class=\"max-w-7xl mx-auto px-6\">\n<div class=\"text-center mb-16 reveal\">\n<p><span class=\"text-accent text-xs tracking-[0.3em] uppercase block mb-2\">Why Clara?<\/span><\/p>\n<h2 class=\"font-serif text-3xl md:text-4xl text-gray-800\"><span id=\"3\">\u9078\u3070\u308c\u308b3\u3064\u306e\u7406\u7531<\/span><\/h2>\n<\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 h-auto md:h-[600px]\">\n<div class=\"md:col-span-2 md:row-span-2 glass-panel rounded-3xl p-8 relative overflow-hidden group reveal transition duration-500 hover:shadow-xl\">\n<div class=\"absolute inset-0\"><img decoding=\"async\" class=\"w-full h-full object-cover opacity-20 group-hover:scale-105 transition duration-700\" src=\"https:\/\/images.unsplash.com\/photo-1620331317312-74b88bf40907?ixlib=rb-4.0.3&amp;auto=format&amp;fit=crop&amp;w=1200&amp;q=80\" alt=\"Consultation\" \/><\/div>\n<div class=\"relative z-10 h-full flex flex-col justify-end\">\n<div class=\"w-12 h-12 bg-accent\/20 rounded-full flex items-center justify-center mb-4 text-accent\"><\/div>\n<h3 class=\"font-serif text-2xl text-gray-800 mb-3\"><span id=\"i-3\">\u50b7\u8de1\u304c\u6b8b\u3089\u306a\u3044\u3001<br \/>\n\u5b89\u5fc3\u306e\u300c\u975e\u5207\u958b\u300d\u65bd\u8853\u3002<\/span><\/h3>\n<p class=\"text-gray-600 leading-relaxed max-w-lg\">\u4e0b\u307e\u3076\u305f\u306e\u88cf\u5074\u306b\u7d045mm\u306e\u5c0f\u3055\u306a\u7a74\u3092\u958b\u3051\u3066\u8102\u80aa\u3092\u53d6\u308a\u51fa\u3057\u307e\u3059\u3002\u76ae\u819a\u8868\u9762\u3092\u4e00\u5207\u5207\u3089\u306a\u3044\u305f\u3081\u3001\u304a\u9854\u306b\u50b7\u8de1\u304c\u6b8b\u308b\u5fc3\u914d\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u7e2b\u5408\u3082\u4e0d\u8981\u3067\u3001\u629c\u7cf8\u306e\u305f\u3081\u306e\u901a\u9662\u3082\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n<\/div>\n<\/div>\n<div class=\"glass-panel rounded-3xl p-8 reveal transition duration-500 hover:shadow-xl relative overflow-hidden group\">\n<div class=\"absolute -right-10 -top-10 w-40 h-40 bg-pink-100 rounded-full mix-blend-multiply filter blur-xl opacity-70 group-hover:scale-110 transition duration-700\"><\/div>\n<div class=\"relative z-10\">\n<h3 class=\"font-serif text-xl text-gray-800 mb-3\"><span id=\"i-4\">\u5f62\u6210\u5916\u79d1\u533b\u306b\u3088\u308b<br \/>\n\u78ba\u304b\u306a\u6280\u8853<\/span><\/h3>\n<p class=\"text-gray-600 text-sm leading-relaxed\">\u9662\u9577\u306f\u5f62\u6210\u5916\u79d1\u51fa\u8eab\u3002\u89e3\u5256\u5b66\u3092\u719f\u77e5\u3057\u3066\u304a\u308a\u3001\u8102\u80aa\u306e\u53d6\u308a\u6b8b\u3057\u3084\u53d6\u308a\u3059\u304e\u306b\u3088\u308b\u51f9\u307f\u3092\u9632\u304e\u307e\u3059\u3002\u5de6\u53f3\u5dee\u3082\u8003\u616e\u3057\u305f\u7e4a\u7d30\u306a\u30c7\u30b6\u30a4\u30f3\u3067\u3001\u81ea\u7136\u306a\u4ed5\u4e0a\u304c\u308a\u3092\u304a\u7d04\u675f\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n<\/div>\n<div class=\"glass-panel rounded-3xl p-8 reveal transition duration-500 hover:shadow-xl relative overflow-hidden bg-gradient-to-br from-white to-gray-50\">\n<div class=\"relative z-10\">\n<h3 class=\"font-serif text-xl text-gray-800 mb-3\"><span id=\"i-5\">\u75db\u307f\u30fb\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u3078\u306e<br \/>\n\u5fb9\u5e95\u3057\u305f\u914d\u616e<\/span><\/h3>\n<p class=\"text-gray-600 text-sm leading-relaxed\">\u5c40\u6240\u9ebb\u9154\u306b\u52a0\u3048\u3001\u30d6\u30ed\u30c3\u30af\u9ebb\u9154\u3084\u6b62\u8840\u5264\u5165\u308a\u306e\u9ebb\u9154\u85ac\u3092\u4f7f\u7528\u3002\u3055\u3089\u306b\u96fb\u6c17\u30e1\u30b9\u3067\u6b62\u8840\u3057\u306a\u304c\u3089\u884c\u3046\u3053\u3068\u3067\u3001\u8853\u5f8c\u306e\u816b\u308c\u3084\u5185\u51fa\u8840\u3092\u6975\u9650\u307e\u3067\u6291\u3048\u3066\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"menu\" class=\"py-24 relative bg-base\">\n<div class=\"max-w-4xl mx-auto px-6\">\n<div class=\"text-center mb-16 reveal\">\n<p><span class=\"text-accent text-xs tracking-[0.3em] uppercase block mb-2\">Price Menu<\/span><\/p>\n<h2 class=\"font-serif text-3xl md:text-4xl text-gray-800\"><span id=\"i-6\">\u65bd\u8853\u30e1\u30cb\u30e5\u30fc\u30fb\u6599\u91d1<\/span><\/h2>\n<p class=\"mt-4 text-gray-500 text-sm\">\u203b\u4fa1\u683c\u306f\u5168\u3066\u7a0e\u8fbc\u8868\u8a18\u3067\u3059\u3002\u624b\u8853\u306b\u5fc5\u8981\u306a\u8cbb\u7528\uff08\u5c40\u6240\u9ebb\u9154\u4ee3\u306a\u3069\uff09\u306f\u5168\u3066\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n<div class=\"glass-panel rounded-3xl p-8 reveal border-t-4 border-accent shadow-lg transform hover:-translate-y-2 transition duration-300\">\n<div class=\"text-center mb-6\">\n<p><span class=\"bg-accent text-white text-xs px-3 py-1 rounded-full tracking-widest uppercase\">Popular<\/span><\/p>\n<h3 class=\"font-serif text-2xl text-gray-800 mt-4 mb-2\"><span id=\"i-7\">\u30d7\u30ec\u30df\u30a2\u30e0<br \/>\n\u30af\u30de\u53d6\u308a<\/span><\/h3>\n<p class=\"text-sm text-gray-500\">\u8102\u80aa\u9664\u53bb\u6570\uff1a\u7247\u50743\u500b\u4ee5\u4e0a\uff08\u5168\u9664\u53bb\uff09<\/p>\n<\/div>\n<div class=\"space-y-4 mb-8\">\n<p class=\"text-sm text-gray-600 leading-relaxed text-justify\">\u8907\u6570\u306e\u90e8\u4f4d\uff08\u5185\u5074\u30fb\u4e2d\u592e\u30fb\u5916\u5074\uff09\u304b\u3089\u8102\u80aa\u3092\u5fb9\u5e95\u7684\u306b\u9664\u53bb\u3002\u76ee\u888b\u5168\u4f53\u3092\u30d5\u30e9\u30c3\u30c8\u306b\u3057\u3001\u518d\u767a\u30ea\u30b9\u30af\u3092\u6291\u3048\u306a\u304c\u3089\u3001\u6700\u3082\u7f8e\u3057\u304f\u82e5\u3005\u3057\u3044\u76ee\u5143\u3092\u5b9f\u73fe\u3059\u308b\u30d7\u30e9\u30f3\u3067\u3059\u3002<\/p>\n<\/div>\n<div class=\"bg-white\/60 rounded-xl p-6 text-center\">\n<p class=\"text-xs text-gray-500 mb-1\">\u30e2\u30cb\u30bf\u30fc\u4fa1\u683c<\/p>\n<div class=\"flex justify-center items-end mb-2\"><span class=\"text-sm text-gray-400 line-through mr-2\">\u00a5274,780<\/span><br \/>\n<span class=\"text-4xl font-serif text-accent\">\u00a5149,600<\/span><\/div>\n<p class=\"text-xs text-gray-400 mt-2 border-t pt-2\">\u901a\u5e38\u4fa1\u683c \u00a5498,000<\/p>\n<\/div>\n<\/div>\n<div class=\"glass-panel rounded-3xl p-8 reveal border-t-4 border-gray-300 transform hover:-translate-y-2 transition duration-300\">\n<div class=\"text-center mb-6\">\n<p><span class=\"bg-gray-400 text-white text-xs px-3 py-1 rounded-full tracking-widest uppercase\">Light<\/span><\/p>\n<h3 class=\"font-serif text-2xl text-gray-800 mt-4 mb-2\"><span id=\"i-8\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9<br \/>\n\u30af\u30de\u53d6\u308a<\/span><\/h3>\n<p class=\"text-sm text-gray-500\">\u8102\u80aa\u9664\u53bb\u6570\uff1a\u7247\u50741\u500b<\/p>\n<\/div>\n<div class=\"space-y-4 mb-8\">\n<p class=\"text-sm text-gray-600 leading-relaxed text-justify\">\u6700\u3082\u81a8\u3089\u307f\u304c\u6c17\u306b\u306a\u308b\u90e8\u5206\uff08\u4e3b\u306b\u4e2d\u592e\uff09\u306e\u8102\u80aa\u3092\u30d4\u30f3\u30dd\u30a4\u30f3\u30c8\u3067\u9664\u53bb\u3057\u307e\u3059\u3002\u8efd\u5ea6\u306e\u30af\u30de\u306e\u65b9\u3084\u3001\u307e\u305a\u306f\u5c11\u3057\u6539\u5584\u3057\u305f\u3044\u3068\u3044\u3046\u65b9\u306b\u5411\u3044\u3066\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"bg-white\/60 rounded-xl p-6 text-center\">\n<p class=\"text-xs text-gray-500 mb-1\">\u30e2\u30cb\u30bf\u30fc\u4fa1\u683c<\/p>\n<div class=\"flex justify-center items-end mb-2\"><span class=\"text-4xl font-serif text-gray-800\">\u00a565,780<\/span><\/div>\n<p class=\"text-xs text-gray-400 mt-2 border-t pt-2\">\u901a\u5e38\u4fa1\u683c \u00a5298,000<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"text-center mt-12 flex flex-col items-center justify-center space-y-4\">\n<p class=\"text-sm text-gray-600 mb-2\">\u30e2\u30cb\u30bf\u30fc\u9069\u5fdc\u306e\u53ef\u5426\u306f\u8a3a\u5bdf\u306b\u3066\u6c7a\u5b9a\u3057\u307e\u3059\u3002<br class=\"md:hidden\" \/>\u307e\u305a\u306f\u7121\u6599\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3078<\/p>\n<div class=\"flex flex-col sm:flex-row gap-4\">\n<p>&nbsp;<\/p>\n<p>LINE\u3067\u4e88\u7d04\u3059\u308b<\/p>\n<p>\u96fb\u8a71\u3067\u4e88\u7d04\u3059\u308b<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"flow\" class=\"py-24 bg-white\/40\">\n<div class=\"max-w-4xl mx-auto px-6\">\n<div class=\"text-center mb-16 reveal\">\n<p><span class=\"text-accent text-xs tracking-[0.3em] uppercase block mb-2\">Process &amp; Details<\/span><\/p>\n<h2 class=\"font-serif text-3xl md:text-4xl text-gray-800\"><span id=\"i-9\">\u65bd\u8853\u306e\u6d41\u308c\u3068\u8a73\u7d30<\/span><\/h2>\n<\/div>\n<div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-16 reveal\">\n<div class=\"bg-white p-4 rounded-xl text-center shadow-sm\"><span class=\"text-xs text-accent block mb-1\">\u65bd\u8853\u6642\u9593<\/span><br \/>\n<span class=\"text-sm font-bold text-gray-700\">\u7d0430\u5206<\/span><\/div>\n<div class=\"bg-white p-4 rounded-xl text-center shadow-sm\"><span class=\"text-xs text-accent block mb-1\">\u75db\u307f<\/span><br \/>\n<span class=\"text-sm font-bold text-gray-700\">\u307b\u307c\u7121\u3057<\/span><\/div>\n<div class=\"bg-white p-4 rounded-xl text-center shadow-sm\"><span class=\"text-xs text-accent block mb-1\">\u9ebb\u9154<\/span><br \/>\n<span class=\"text-sm font-bold text-gray-700\">\u5c40\u6240\u30fb\u30d6\u30ed\u30c3\u30af<\/span><\/div>\n<div class=\"bg-white p-4 rounded-xl text-center shadow-sm\"><span class=\"text-xs text-accent block mb-1\">\u30e1\u30a4\u30af<\/span><br \/>\n<span class=\"text-sm font-bold text-gray-700\">\u7fcc\u65e5\u304b\u3089\u53ef<\/span><\/div>\n<div class=\"bg-white p-4 rounded-xl text-center shadow-sm\"><span class=\"text-xs text-accent block mb-1\">\u30b7\u30e3\u30ef\u30fc<\/span><br \/>\n<span class=\"text-sm font-bold text-gray-700\">\u5f53\u65e5\u304b\u3089\u53ef<\/span><\/div>\n<div class=\"bg-white p-4 rounded-xl text-center shadow-sm\"><span class=\"text-xs text-accent block mb-1\">\u904b\u52d5\u30fb\u5165\u6d74<\/span><br \/>\n<span class=\"text-sm font-bold text-gray-700\">3\u65e5\u76ee\u304b\u3089<\/span><\/div>\n<div class=\"bg-white p-4 rounded-xl text-center shadow-sm\"><span class=\"text-xs text-accent block mb-1\">\u30b3\u30f3\u30bf\u30af\u30c8<\/span><br \/>\n<span class=\"text-sm font-bold text-gray-700\">3\u65e5\u76ee\u304b\u3089<\/span><\/div>\n<div class=\"bg-white p-4 rounded-xl text-center shadow-sm\"><span class=\"text-xs text-accent block mb-1\">\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0<\/span><br \/>\n<span class=\"text-[10px] font-bold text-gray-700 block\">\u816b\u308c:2-3\u65e5<br \/>\n\u5185\u51fa\u8840:2\u9031\u9593<\/span><\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"absolute left-4 md:left-1\/2 h-full w-px bg-gray-300 transform -translate-x-1\/2 hidden md:block\"><\/div>\n<div class=\"space-y-12\">\n<div class=\"relative flex flex-col md:flex-row items-center reveal\">\n<div class=\"md:w-1\/2 md:pr-12 text-center md:text-right order-2 md:order-1\">\n<h3 class=\"font-serif text-xl text-gray-800 mb-2\"><span id=\"1\">1. \u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u30fb\u8a3a\u5bdf<\/span><\/h3>\n<p class=\"text-gray-600 text-sm\">\u3069\u306e\u3088\u3046\u306a\u7a2e\u985e\u306e\u30af\u30de\u304b\u3001\u3069\u308c\u304f\u3089\u3044\u306e\u8102\u80aa\u3092\u53d6\u308b\u5fc5\u8981\u304c\u3042\u308b\u304b\u306a\u3069\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"absolute left-1\/2 transform -translate-x-1\/2 w-8 h-8 bg-accent rounded-full border-4 border-white z-10 hidden md:block\"><\/div>\n<div class=\"md:w-1\/2 md:pl-12 order-1 md:order-2 mb-4 md:mb-0\"><span class=\"text-6xl font-serif text-gray-200\">01<\/span><\/div>\n<\/div>\n<div class=\"relative flex flex-col md:flex-row items-center reveal\">\n<div class=\"md:w-1\/2 md:pr-12 text-center md:text-right order-2 md:order-1\"><span class=\"text-6xl font-serif text-gray-200\">02<\/span><\/div>\n<div class=\"absolute left-1\/2 transform -translate-x-1\/2 w-8 h-8 bg-accent rounded-full border-4 border-white z-10 hidden md:block\"><\/div>\n<div class=\"md:w-1\/2 md:pl-12 order-1 md:order-2 mb-4 md:mb-0 text-center md:text-left\">\n<h3 class=\"font-serif text-xl text-gray-800 mb-2\"><span id=\"2\">2. \u30c7\u30b6\u30a4\u30f3\u30fb\u9ebb\u9154<\/span><\/h3>\n<p class=\"text-gray-600 text-sm\">\u8102\u80aa\u3092\u53d6\u308b\u4f4d\u7f6e\u3092\u30de\u30fc\u30ad\u30f3\u30b0\u3057\u3001\u30c7\u30b6\u30a4\u30f3\u3057\u307e\u3059\u3002\u305d\u306e\u5f8c\u3001\u6d88\u6bd2\u3068\u9ebb\u9154\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n<\/div>\n<div class=\"relative flex flex-col md:flex-row items-center reveal\">\n<div class=\"md:w-1\/2 md:pr-12 text-center md:text-right order-2 md:order-1\">\n<h3 class=\"font-serif text-xl text-gray-800 mb-2\"><span id=\"3-2\">3. \u65bd\u8853<\/span><\/h3>\n<p class=\"text-gray-600 text-sm\">\u4e8b\u524d\u306b\u6c7a\u3081\u305f\u30c7\u30b6\u30a4\u30f3\u306b\u6cbf\u3063\u3066\u3001\u307e\u3076\u305f\u306e\u88cf\u5074\u304b\u3089\u8102\u80aa\u3092\u6458\u51fa\u3057\u307e\u3059\u3002\u6b62\u8840\u3057\u306a\u304c\u3089\u884c\u3046\u305f\u3081\u51fa\u8840\u306f\u308f\u305a\u304b\u3067\u3059\u3002<\/p>\n<\/div>\n<div class=\"absolute left-1\/2 transform -translate-x-1\/2 w-8 h-8 bg-accent rounded-full border-4 border-white z-10 hidden md:block\"><\/div>\n<div class=\"md:w-1\/2 md:pl-12 order-1 md:order-2 mb-4 md:mb-0\"><span class=\"text-6xl font-serif text-gray-200\">03<\/span><\/div>\n<\/div>\n<div class=\"relative flex flex-col md:flex-row items-center reveal\">\n<div class=\"md:w-1\/2 md:pr-12 text-center md:text-right order-2 md:order-1\"><span class=\"text-6xl font-serif text-gray-200\">04<\/span><\/div>\n<div class=\"absolute left-1\/2 transform -translate-x-1\/2 w-8 h-8 bg-accent rounded-full border-4 border-white z-10 hidden md:block\"><\/div>\n<div class=\"md:w-1\/2 md:pl-12 order-1 md:order-2 mb-4 md:mb-0 text-center md:text-left\">\n<h3 class=\"font-serif text-xl text-gray-800 mb-2\"><span id=\"4\">4. \u30a2\u30d5\u30bf\u30fc\u30b1\u30a2<\/span><\/h3>\n<p class=\"text-gray-600 text-sm\">\u5f53\u65e5\u306f\u305d\u306e\u307e\u307e\u304a\u5e30\u308a\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u8853\u5f8c\u306e\u904e\u3054\u3057\u65b9\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u3054\u8aac\u660e\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"doctor\" class=\"py-24\">\n<div class=\"max-w-5xl mx-auto px-6\">\n<div class=\"glass-panel rounded-3xl p-8 md:p-12 reveal\">\n<div class=\"flex flex-col md:flex-row gap-10 items-start\">\n<div class=\"w-full md:w-1\/3 flex-shrink-0\">\n<div class=\"aspect-[3\/4] bg-gray-200 rounded-2xl overflow-hidden relative shadow-lg\"><img decoding=\"async\" class=\"alignnone size-medium wp-image-6592\" src=\"https:\/\/clarabeautyclinic.jp\/takasaki\/wp\/wp-content\/uploads\/2025\/12\/aboutIntro4-300x216.jpg\" alt=\"\" width=\"300\" height=\"216\" srcset=\"https:\/\/clarabeautyclinic.jp\/takasaki\/wp\/wp-content\/uploads\/2025\/12\/aboutIntro4-300x216.jpg 300w, https:\/\/clarabeautyclinic.jp\/takasaki\/wp\/wp-content\/uploads\/2025\/12\/aboutIntro4-768x553.jpg 768w, https:\/\/clarabeautyclinic.jp\/takasaki\/wp\/wp-content\/uploads\/2025\/12\/aboutIntro4.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n<div class=\"mt-4 text-center\">\n<p class=\"text-xs tracking-widest text-gray-500 uppercase mb-1\">\u7d71\u62ec\u9662\u9577<\/p>\n<h3 class=\"font-serif text-xl text-gray-800\"><span id=\"i-10\">\u5f97\u5730 \u96c4\u8cb4<\/span><\/h3>\n<p class=\"text-sm text-gray-400 font-serif\">Yuki Tokuchi<\/p>\n<\/div>\n<\/div>\n<div class=\"w-full md:w-2\/3\">\n<h3 class=\"font-serif text-2xl md:text-3xl text-gray-800 mb-6\"><span id=\"i-11\">\u30af\u30de\u53d6\u308a\u306b\u304b\u3051\u308b\u60c5\u71b1<\/span><\/h3>\n<p class=\"text-gray-600 leading-relaxed mb-8 text-justify\">\u76ee\u5143\u306e\u30af\u30de\u3084\u305f\u308b\u307f\u306f\u3001\u4e0b\u307e\u3076\u305f\u306e\u773c\u7aa9\u8102\u80aa\u3092\u9069\u5207\u306b\u9664\u53bb\u3059\u308b\u3053\u3068\u3067\u5287\u7684\u306b\u6539\u5584\u304c\u53ef\u80fd\u3067\u3059\u3002<br \/>\n\u300c\u75b2\u308c\u3066\u898b\u3048\u308b\u300d\u300c\u8001\u3051\u3066\u898b\u3048\u308b\u300d\u3068\u3044\u3046\u304a\u60a9\u307f\u306f\u3001\u304a\u4e00\u4eba\u3067\u62b1\u3048\u8fbc\u307e\u305a\u3001\u305c\u3072\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n<p>\u5f62\u6210\u5916\u79d1\u533b\u3068\u3057\u3066\u306e\u7d4c\u9a13\u3068\u89e3\u5256\u5b66\u7684\u77e5\u8b58\u3092\u6d3b\u304b\u3057\u3001\u3042\u306a\u305f\u306e\u672c\u6765\u306e\u7f8e\u3057\u3055\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u7acb\u3066\u308b\u305f\u3081\u3001\u81ea\u7136\u3067\u7f8e\u3057\u3044\u4ed5\u4e0a\u304c\u308a\u3092\u8ffd\u6c42\u3057\u307e\u3059\u3002<br \/>\n\u30af\u30e9\u30e9\u30d3\u30e5\u30fc\u30c6\u30a3\u30af\u30ea\u30cb\u30c3\u30af\u3068\u5171\u306b\u3001\u660e\u308b\u304f\u8f1d\u304f\u76ee\u5143\u3092\u53d6\u308a\u623b\u3057\u3001\u65b0\u305f\u306a\u4e00\u6b69\u3092\u8e0f\u307f\u51fa\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 border-t border-gray-200 pt-8\">\n<div>\n<h4 class=\"text-sm font-bold text-gray-700 mb-2 border-l-2 border-accent pl-2\"><span id=\"i-12\">\u7d4c\u6b74<\/span><\/h4>\n<ul class=\"text-sm text-gray-600 space-y-1\">\n<li>\u9806\u5929\u5802\u5927\u5b66\u533b\u5b66\u90e8\u5352\u696d<\/li>\n<li>\u65e5\u9ad8\u75c5\u9662(\u5916\u79d1\u30fb\u9ebb\u9154\u79d1)<\/li>\n<li>\u5e02\u7acb\u5cf6\u7530\u5e02\u6c11\u75c5\u9662\u5f62\u6210\u5916\u79d1<\/li>\n<li>\u5927\u624b\u7f8e\u5bb9\u5916\u79d1<\/li>\n<li>\u30af\u30e9\u30e9\u30d3\u30e5\u30fc\u30c6\u30a3\u30af\u30ea\u30cb\u30c3\u30af\u9662\u9577\u5c31\u4efb<\/li>\n<\/ul>\n<\/div>\n<div>\n<h4 class=\"text-sm font-bold text-gray-700 mb-2 border-l-2 border-accent pl-2\"><span id=\"i-13\">\u6240\u5c5e\u5b66\u4f1a<\/span><\/h4>\n<ul class=\"text-sm text-gray-600 space-y-1\">\n<li>\u65e5\u672c\u5f62\u6210\u5916\u79d1\u5b66\u4f1a\u6b63\u4f1a\u54e1<\/li>\n<li>\u65e5\u672c\u518d\u751f\u533b\u7642\u5b66\u4f1a\u4f1a\u54e1<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"py-24 bg-white\/40\">\n<div class=\"max-w-3xl mx-auto px-6\">\n<div class=\"text-center mb-16 reveal\">\n<h2 class=\"font-serif text-3xl md:text-4xl text-gray-800\"><span id=\"i-14\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/span><\/h2>\n<\/div>\n<div class=\"space-y-4\">\n<div class=\"glass-panel rounded-xl p-6 reveal\">\n<h3 class=\"font-serif text-lg text-gray-800 mb-2 flex items-center\"><span id=\"Q\"><span class=\"text-accent mr-3\">Q.<\/span> \u65bd\u8853\u306b\u75db\u307f\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<\/span><\/h3>\n<p class=\"text-gray-600 text-sm pl-8\">\u5c40\u6240\u9ebb\u9154\u3068\u773c\u7aa9\u4e0b\u795e\u7d4c\u30d6\u30ed\u30c3\u30af\u3092\u4f75\u7528\u3059\u308b\u305f\u3081\u3001\u75db\u307f\u306f\u307b\u3068\u3093\u3069\u611f\u3058\u307e\u305b\u3093\u3002\u75db\u307f\u304c\u4e0d\u5b89\u306a\u65b9\u306b\u306f\u6700\u5927\u9650\u914d\u616e\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"glass-panel rounded-xl p-6 reveal\">\n<h3 class=\"font-serif text-lg text-gray-800 mb-2 flex items-center\"><span id=\"Q-2\"><span class=\"text-accent mr-3\">Q.<\/span> \u50b7\u53e3\u306f\u76ee\u7acb\u3061\u307e\u3059\u304b\uff1f<\/span><\/h3>\n<p class=\"text-gray-600 text-sm pl-8\">\u300c\u5207\u3089\u306a\u3044\u300d\u76ee\u306e\u4e0b\u306e\u30af\u30de\u53d6\u308a\u3067\u3059\u306e\u3067\u3001\u76ae\u819a\u8868\u9762\u306b\u4e00\u5207\u50b7\u306f\u3067\u304d\u307e\u305b\u3093\u3002\u307e\u3076\u305f\u306e\u88cf\u5074\u304b\u3089\u306e\u65bd\u8853\u3068\u306a\u308b\u305f\u3081\u3001\u5916\u898b\u304b\u3089\u306f\u5168\u304f\u308f\u304b\u308a\u307e\u305b\u3093\u3002<\/p>\n<\/div>\n<div class=\"glass-panel rounded-xl p-6 reveal\">\n<h3 class=\"font-serif text-lg text-gray-800 mb-2 flex items-center\"><span id=\"Q-3\"><span class=\"text-accent mr-3\">Q.<\/span> \u8102\u80aa\u3092\u53d6\u308b\u3053\u3068\u3067\u51f9\u307f\u304c\u3067\u304d\u306a\u3044\u304b\u5fc3\u914d\u3067\u3059\u3002<\/span><\/h3>\n<p class=\"text-gray-600 text-sm pl-8\">\u5f53\u9662\u3067\u306f\u3001\u89e3\u5256\u5b66\u3092\u719f\u77e5\u3057\u305f\u5f62\u6210\u5916\u79d1\u533b\u304c\u62c5\u5f53\u3057\u307e\u3059\u3002\u8102\u80aa\u3092\u3057\u3063\u304b\u308a\u3068\u9664\u53bb\u3057\u3064\u3064\u3001\u81ea\u7136\u306a\u4ed5\u4e0a\u304c\u308a\u3092\u8ffd\u6c42\u3059\u308b\u305f\u3081\u3001\u53d6\u308a\u3059\u304e\u3066\u51f9\u3080\u3053\u3068\u306f\u307b\u3068\u3093\u3069\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<footer class=\"bg-gray-900 text-white pt-20 pb-10 relative overflow-hidden\">\n<div class=\"max-w-7xl mx-auto px-6 relative z-10\">\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 mb-16\">\n<div>\n<h2 class=\"font-serif text-3xl mb-8\"><span id=\"Clara_Beauty_Clinic_Takasaki\">Clara Beauty Clinic <span class=\"text-accent\">Takasaki<\/span><\/span><\/h2>\n<div class=\"space-y-4 text-gray-300 text-sm leading-relaxed\">\n<p class=\"flex items-start\"><span class=\"w-20 text-gray-500\">\u4f4f\u6240<\/span>\u3012370-0849 \u7fa4\u99ac\u770c\u9ad8\u5d0e\u5e02\u516b\u5cf6\u753a17-3 SJ\u516b\u5cf6\u753a\u30d3\u30eb 4\u968e<\/p>\n<p class=\"flex items-start\"><span class=\"w-20 text-gray-500\">\u30a2\u30af\u30bb\u30b9<\/span>\u9ad8\u5d0e\u99c5\u897f\u53e3\u304b\u3089\u5f92\u6b693\u5206<\/p>\n<p class=\"flex items-start\"><span class=\"w-20 text-gray-500\">\u96fb\u8a71\u756a\u53f7<\/span><a class=\"hover:text-accent\" href=\"tel:0273862070\">027-386-2070<\/a><\/p>\n<p class=\"flex items-start\"><span class=\"w-20 text-gray-500\">\u8a3a\u7642\u6642\u9593<\/span>11:00 &#8211; 20:00 (\u4f11\u8a3a\u65e5: \u4e0d\u5b9a\u4f11)<\/p>\n<\/div>\n<div class=\"flex space-x-6 mt-8\"><\/div>\n<\/div>\n<div class=\"rounded-xl overflow-hidden shadow-2xl h-64 md:h-auto grayscale hover:grayscale-0 transition duration-500\"><iframe style=\"border: 0;\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3213.1979213583685!2d139.00412437626955!3d36.32049909265939!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x601eee8cb851c225%3A0x67675f6e3c545700!2z44Kv44Op44Op44S944O844OG44Kj44O844Kv44Oq44OL44OD44Kv6auY5bSO6Zmi!5e0!3m2!1sja!2sjp!4v1703030000000!5m2!1sja!2sjp\" width=\"100%\" height=\"100%\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<div class=\"border-t border-gray-800 pt-8 text-center text-xs text-gray-500\">\n<p>\u00a9 Clara Beauty Clinic. All Rights Reserved.<\/p>\n<\/div>\n<\/div>\n<\/footer>\n<p><script>\n        \/\/ Three.js Background Animation\n        const initThreeJS = () => {\n            const container = document.getElementById('canvas-container');\n            const scene = new THREE.Scene();\n            const camera = new THREE.PerspectiveCamera(75, window.innerWidth \/ window.innerHeight, 0.1, 1000);<\/p>\n<p>            const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });\n            renderer.setSize(window.innerWidth, window.innerHeight);\n            renderer.setPixelRatio(window.devicePixelRatio);\n            container.appendChild(renderer.domElement);<\/p>\n<p>            \/\/ Create Crystal Geometry (Icosahedron)\n            const geometry = new THREE.IcosahedronGeometry(2, 1);\n            const material = new THREE.MeshPhysicalMaterial({\n                color: 0xffffff,\n                metalness: 0.1,\n                roughness: 0.1,\n                transmission: 0.9,\n                thickness: 1.5,\n                transparent: true,\n                opacity: 0.8,\n                clearcoat: 1.0,\n                clearcoatRoughness: 0.1\n            });<\/p>\n<p>            const crystal = new THREE.Mesh(geometry, material);\n            scene.add(crystal);<\/p>\n<p>            \/\/ Lights\n            const ambientLight = new THREE.AmbientLight(0xffffff, 0.5);\n            scene.add(ambientLight);\n            const pointLight1 = new THREE.PointLight(0xC5A059, 1);\n            pointLight1.position.set(5, 5, 5);\n            scene.add(pointLight1);\n            const pointLight2 = new THREE.PointLight(0xffccdd, 1);\n            pointLight2.position.set(-5, -5, 5);\n            scene.add(pointLight2);<\/p>\n<p>            camera.position.z = 5;<\/p>\n<p>            \/\/ Animation Loop\n            const animate = () => {\n                requestAnimationFrame(animate);\n                crystal.rotation.x += 0.002;\n                crystal.rotation.y += 0.003;<\/p>\n<p>                const time = Date.now() * 0.001;\n                crystal.position.y = Math.sin(time) * 0.2;<\/p>\n<p>                renderer.render(scene, camera);\n            };<\/p>\n<p>            animate();<\/p>\n<p>            \/\/ Resize Handler\n            window.addEventListener('resize', () => {\n                camera.aspect = window.innerWidth \/ window.innerHeight;\n                camera.updateProjectionMatrix();\n                renderer.setSize(window.innerWidth, window.innerHeight);\n            });\n        };<\/p>\n<p>        \/\/ Scroll Reveal Animation\n        const observeElements = () => {\n            const reveals = document.querySelectorAll('.reveal');\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('active');\n                    }\n                });\n            }, { threshold: 0.1 });<\/p>\n<p>            reveals.forEach(reveal => {\n                observer.observe(reveal);\n            });\n        };<\/p>\n<p>        \/\/ Navbar Scroll Effect\n        const handleNavbar = () => {\n            const navbar = document.getElementById('navbar');\n            window.addEventListener('scroll', () => {\n                if (window.scrollY > 50) {\n                    navbar.classList.add('shadow-md');\n                    navbar.style.background = 'rgba(255, 255, 255, 0.9)';\n                } else {\n                    navbar.classList.remove('shadow-md');\n                    navbar.style.background = 'rgba(255, 255, 255, 0.4)';\n                }\n            });\n        };<\/p>\n<p>        \/\/ Initialize\n        document.addEventListener('DOMContentLoaded', () => {\n            initThreeJS();\n            observeElements();\n            handleNavbar();\n        });\n    <\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u76ee\u6b211 \u5f71\u3092\u6d88\u3057\u3066\u3001 \u77b3\u306b\u8f1d\u304d\u3092\u30021.1 \u76ee\u306e\u4e0b\u306e\u300c\u5f71\u300d\u304c\u3001 \u5e74\u9f62\u3092\u6c7a\u3081\u3066\u3044\u308b\u30021.2 \u9078\u3070\u308c\u308b3\u3064\u306e\u7406\u75311.2.1 \u50b7\u8de1\u304c\u6b8b\u3089\u306a\u3044\u3001 \u5b89\u5fc3\u306e\u300c\u975e\u5207\u958b\u300d\u65bd\u8853\u30021.2.2 \u5f62\u6210\u5916\u79d1\u533b\u306b\u3088\u308b \u78ba\u304b\u306a\u6280\u88531.2.3 \u75db\u307f\u30fb\u30c0\u30a6 [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[92],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/clarabeautyclinic.jp\/takasaki\/wp-json\/wp\/v2\/posts\/6589"}],"collection":[{"href":"https:\/\/clarabeautyclinic.jp\/takasaki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/clarabeautyclinic.jp\/takasaki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/clarabeautyclinic.jp\/takasaki\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/clarabeautyclinic.jp\/takasaki\/wp-json\/wp\/v2\/comments?post=6589"}],"version-history":[{"count":5,"href":"https:\/\/clarabeautyclinic.jp\/takasaki\/wp-json\/wp\/v2\/posts\/6589\/revisions"}],"predecessor-version":[{"id":6595,"href":"https:\/\/clarabeautyclinic.jp\/takasaki\/wp-json\/wp\/v2\/posts\/6589\/revisions\/6595"}],"wp:attachment":[{"href":"https:\/\/clarabeautyclinic.jp\/takasaki\/wp-json\/wp\/v2\/media?parent=6589"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/clarabeautyclinic.jp\/takasaki\/wp-json\/wp\/v2\/categories?post=6589"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/clarabeautyclinic.jp\/takasaki\/wp-json\/wp\/v2\/tags?post=6589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}