\u7cf8\u30ea\u30d5\u30c8\uff5c\u30af\u30e9\u30e9\u30d3\u30e5\u30fc\u30c6\u30a3\u30fc\u30af\u30ea\u30cb\u30c3\u30af\u9ad8\u5d0e\u9662<\/title><\/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&family=Noto+Serif+JP:wght@300;400;500;600&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 \/* \u6de1\u3044\u30aa\u30fc\u30ed\u30e9\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u30d9\u30fc\u30b9 *\/\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> \/* Glassmorphism Utilities *\/\n .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> .text-gold {\n color: #C5A059;\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> \/* Scroll Animation Trigger Class *\/\n .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=\"#features\" class=\"text-gray-600 hover:text-accent transition duration-300 text-sm tracking-wide\">FEATURES<\/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=\"absolute inset-0 z-0\">\n <\/div>\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\">Thread Lift<\/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 \u6642\u3092\u5dfb\u304d\u623b\u3059\u3001<br \/>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-gray-800 to-gray-500\">\u900f\u660e\u306a\u7f8e\u3057\u3055\u3078\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 \u5207\u3089\u306a\u3044\u3001\u30d0\u30ec\u306a\u3044\u3001\u79c1\u3060\u3051\u306e\u5c0f\u9854\u5f62\u6210\u3002<br \/>\n \u30af\u30e9\u30e9\u5f0f\u7cf8\u30ea\u30d5\u30c8\u3067\u53f6\u3048\u308b\u30015\u5e74\u524d\u306e\u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3\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<p class=\"text-xs text-gray-500 mt-4 animate-fade-in-up\" style=\"animation-delay: 0.8s;\">\n \u203b\u9ad8\u5d0e\u9662\u306e\u3054\u4e88\u7d04\u306fLINE\u307e\u305f\u306f\u304a\u96fb\u8a71\u306b\u3066\u627f\u3063\u3066\u304a\u308a\u307e\u3059\u3002\n <\/p>\n<\/p><\/div>\n<div class=\"absolute bottom-10 left-1\/2 transform -translate-x-1\/2 animate-float\">\n <span class=\"block w-px h-16 bg-gradient-to-b from-gray-400 to-transparent mx-auto\"><\/span><br \/>\n <span class=\"block text-xs text-gray-400 mt-2 tracking-widest\">SCROLL<\/span>\n <\/div>\n<\/header>\n<section id=\"about\" class=\"py-24 relative\">\n<div class=\"max-w-5xl mx-auto px-6\">\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n<div class=\"relative reveal\">\n<div class=\"absolute -top-4 -left-4 w-24 h-24 bg-accent\/10 rounded-full blur-2xl\"><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1570172619644-dfd03ed5d881?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Beautiful woman looking in mirror\" class=\"rounded-2xl shadow-2xl relative z-10 w-full object-cover h-[500px]\"><\/p>\n<div class=\"absolute bottom-8 -right-8 glass-panel p-6 rounded-xl max-w-xs z-20 hidden md:block\">\n<p class=\"font-serif text-2xl text-accent mb-2\">Natural<\/p>\n<p class=\"text-xs text-gray-600\">\u300c\u4f55\u304b\u3057\u305f\uff1f\u300d\u3068\u805e\u304b\u308c\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u300c\u6700\u8fd1\u304d\u308c\u3044\u306b\u306a\u3063\u305f\uff1f\u300d\u3068\u8a00\u308f\u308c\u308b\u81ea\u7136\u306a\u5909\u5316\u3092\u3002<\/p>\n<\/p><\/div>\n<\/p><\/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\">\n \u93e1\u3092\u898b\u308b\u305f\u3073\u3001<br \/>\n \u305f\u3081\u606f\u3092\u3064\u3044\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<br \/>\n <\/span><\/h2>\n<div class=\"space-y-6 text-gray-600 leading-loose text-justify\">\n<p>\n \u3075\u3068\u7a93\u306b\u6620\u3063\u305f\u81ea\u5206\u306e\u9854\u306b\u3001\u30c9\u30ad\u30c3\u3068\u3059\u308b\u77ac\u9593\u3002\u300c\u6614\u306f\u3082\u3063\u3068\u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3\u304c\u30b7\u30e5\u30c3\u3068\u3057\u3066\u3044\u305f\u306e\u306b\u2026\u300d\u3002\u5e74\u9f62\u3068\u3068\u3082\u306b\u91cd\u529b\u306b\u306f\u9006\u3089\u3048\u306a\u304f\u306a\u308b\u3001\u305d\u308c\u306f\u81ea\u7136\u306a\u3053\u3068\u3067\u3059\u3002\n <\/p>\n<p>\n \u3067\u3082\u3001\u3082\u3057\u300c\u5207\u308b\u624b\u8853\u300d\u306e\u3088\u3046\u306a\u5927\u304d\u306a\u30ea\u30b9\u30af\u3092\u8ca0\u308f\u305a\u306b\u3001\u307b\u3093\u306e\u6570\u5341\u5206\u3067\u6642\u8a08\u306e\u91dd\u3092\u5c11\u3057\u3060\u3051\u623b\u305b\u308b\u3068\u3057\u305f\u3089\uff1f\n <\/p>\n<p>\n \u30af\u30e9\u30e9\u30d3\u30e5\u30fc\u30c6\u30a3\u30fc\u30af\u30ea\u30cb\u30c3\u30af\u9ad8\u5d0e\u306e\u300c\u7cf8\u30ea\u30d5\u30c8\u300d\u306f\u3001\u30e1\u30b9\u3092\u4f7f\u308f\u305a\u3001\u6eb6\u3051\u308b\u7cf8\u306e\u529b\u3067\u305f\u308b\u307f\u3092\u5143\u306e\u4f4d\u7f6e\u3078\u512a\u3057\u304f\u623b\u3059\u65bd\u8853\u3067\u3059\u3002\u6574\u5f62\u611f\u306e\u306a\u3044\u3001\u3042\u304f\u307e\u3067\u81ea\u7136\u3067\u6d17\u7df4\u3055\u308c\u305f\u82e5\u8fd4\u308a\u3092\u3001\u3042\u306a\u305f\u306b\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"features\" 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 <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<\/p><\/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\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616394584738-fc6e612e71b9?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80\" alt=\"Doctor Consultation\" class=\"w-full h-full object-cover opacity-20 group-hover:scale-105 transition duration-700\">\n <\/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\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n<h3 class=\"font-serif text-2xl text-gray-800 mb-3\"><span id=\"i-3\">\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u306f\u6700\u5c0f\u9650\u3001<br \/>\u7fcc\u65e5\u304b\u3089\u30e1\u30a4\u30af\u3082\u53ef\u80fd\u3002<\/span><\/h3>\n<p class=\"text-gray-600 leading-relaxed max-w-lg\">\n \u30e1\u30b9\u3092\u4f7f\u308f\u306a\u3044\u305f\u3081\u3001\u50b7\u8de1\u306f\u91dd\u7a74\u7a0b\u5ea6\u3002\u9aea\u306e\u751f\u3048\u969b\u306a\u3069\u76ee\u7acb\u305f\u306a\u3044\u5834\u6240\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3057\u307e\u3059\u3002\u304a\u4ed5\u4e8b\u304c\u5fd9\u3057\u3044\u65b9\u3084\u3001\u5468\u56f2\u306b\u30d0\u30ec\u305f\u304f\u306a\u3044\u65b9\u3067\u3082\u3001\u9031\u672b\u306e\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u611f\u899a\u3067\u53d7\u3051\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n <\/p>\n<\/p><\/div>\n<\/p><\/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\">\u5727\u5012\u7684\u306a\u7f8e\u808c\u52b9\u679c<\/span><\/h3>\n<p class=\"text-gray-600 text-sm leading-relaxed\">\n \u633f\u5165\u3057\u305f\u7cf8\u306e\u523a\u6fc0\u3067\u30b3\u30e9\u30fc\u30b2\u30f3\u751f\u6210\u304c\u6d3b\u6027\u5316\u3002\u30ea\u30d5\u30c8\u30a2\u30c3\u30d7\u3060\u3051\u3067\u306a\u304f\u3001\u808c\u306e\u5185\u5074\u304b\u3089\u30cf\u30ea\u3068\u30c4\u30e4\u304c\u751f\u307e\u308c\u3001\u6bdb\u7a74\u306e\u5f15\u304d\u7de0\u3081\u52b9\u679c\u3082\u671f\u5f85\u3067\u304d\u307e\u3059\u3002\n <\/p>\n<\/p><\/div>\n<\/p><\/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\">\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u30c7\u30b6\u30a4\u30f3<\/span><\/h3>\n<p class=\"text-gray-600 text-sm leading-relaxed\">\n \u304a\u9854\u306e\u9aa8\u683c\u3084\u8102\u80aa\u306e\u3064\u304d\u65b9\u306f\u4eba\u305d\u308c\u305e\u308c\u3002VOV\u30ea\u30d5\u30c8\u3084\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\u30ea\u30d5\u30c8\u306a\u3069\u3001\u8907\u6570\u306e\u7cf8\u3092\u5de7\u307f\u306b\u7d44\u307f\u5408\u308f\u305b\u3001\u3042\u306a\u305f\u3060\u3051\u306e\u300c\u9ec4\u91d1\u6bd4\u300d\u3092\u30c7\u30b6\u30a4\u30f3\u3057\u307e\u3059\u3002\n <\/p>\n<\/p><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1515377905703-c4788e51af15?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=60\" alt=\"Aesthetics\" class=\"absolute bottom-0 right-0 w-24 h-24 object-cover rounded-tl-3xl opacity-50\">\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"menu\" class=\"py-24 relative\">\n<div class=\"max-w-4xl mx-auto px-6\">\n<div class=\"text-center mb-16 reveal\">\n <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<\/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\u4e88\u544a\u306a\u304f\u5909\u66f4\u306b\u306a\u308b\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"space-y-8\">\n<div class=\"glass-panel rounded-2xl p-8 md:p-10 reveal hover:shadow-lg transition-shadow duration-300 border-l-4 border-accent\">\n<div class=\"flex flex-col md:flex-row justify-between items-baseline mb-4\">\n<h3 class=\"font-serif text-2xl text-gray-800\"><span id=\"_VOV\">\u30af\u30e9\u30e9\u5f0f \u7cf8\u30ea\u30d5\u30c8 <span class=\"text-sm font-sans text-gray-500 ml-2\">VOV\u30ea\u30d5\u30c8\u4f7f\u7528 \/ \u9ebb\u9154\u4ee3\u8fbc\u307f<\/span><\/span><\/h3>\n<div class=\"text-right mt-2 md:mt-0\">\n <span class=\"text-xs text-gray-500 line-through block\">\u901a\u5e38 \u00a5107,800<\/span><br \/>\n <span class=\"text-3xl font-serif text-accent\">\u00a554,780<\/span><br \/>\n <span class=\"text-xs text-gray-500 ml-1\">\uff086\u672c \/ \u30e2\u30cb\u30bf\u30fc\u4fa1\u683c\uff09<\/span>\n <\/div>\n<\/p><\/div>\n<p class=\"text-gray-600 text-sm mb-6\">\n PCL\u7d20\u6750\u306e\u6301\u7d9a\u6027\u306e\u9ad8\u3044\u7cf8\u3092\u4f7f\u7528\u3002\u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3\u306e\u3082\u305f\u3064\u304d\u3092\u4e00\u6c17\u306b\u5f15\u304d\u4e0a\u3052\u3001\u30b7\u30e3\u30fc\u30d7\u306a\u8f2a\u90ed\u3078\u3002\n <\/p>\n<div class=\"flex flex-wrap gap-2\">\n <span class=\"px-3 py-1 bg-gray-100 text-xs text-gray-600 rounded-full\">\u5c40\u6240\u9ebb\u9154\u8fbc<\/span><br \/>\n <span class=\"px-3 py-1 bg-gray-100 text-xs text-gray-600 rounded-full\">PCL\u7d20\u6750<\/span><br \/>\n <span class=\"px-3 py-1 bg-gray-100 text-xs text-gray-600 rounded-full\">\u7d042\u5e74\u6301\u7d9a<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"glass-panel rounded-2xl p-8 md:p-10 reveal hover:shadow-lg transition-shadow duration-300\">\n<div class=\"flex flex-col md:flex-row justify-between items-baseline mb-4\">\n<h3 class=\"font-serif text-2xl text-gray-800\"><span id=\"i-7\">\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\u30ea\u30d5\u30c8 <span class=\"text-sm font-sans text-gray-500 ml-2\">\u30b7\u30e7\u30fc\u30c8\u30b9\u30ec\u30c3\u30c9 \/ \u9ebb\u9154\u4ee3\u8fbc\u307f<\/span><\/span><\/h3>\n<div class=\"text-right mt-2 md:mt-0\">\n <span class=\"text-xs text-gray-500 line-through block\">\u901a\u5e38 \u00a5107,800<\/span><br \/>\n <span class=\"text-3xl font-serif text-accent\">\u00a565,780<\/span><br \/>\n <span class=\"text-xs text-gray-500 ml-1\">\uff0820\u672c \/ \u30ad\u30e3\u30f3\u30da\u30fc\u30f3\u4fa1\u683c\uff09<\/span>\n <\/div>\n<\/p><\/div>\n<p class=\"text-gray-600 text-sm mb-6\">\n \u9aea\u306e\u6bdb\u3088\u308a\u3082\u7d30\u3044\u7cf8\u3092\u76ae\u4e0b\u306b\u633f\u5165\u3057\u3001\u808c\u306e\u30cf\u30ea\u3092\u53d6\u308a\u623b\u3057\u307e\u3059\u3002\u53e3\u6a2a\u306e\u30dd\u30cb\u30e7\u3084\u7d30\u304b\u3044\u30b7\u30ef\u304c\u6c17\u306b\u306a\u308b\u65b9\u306b\u3002\n <\/p>\n<\/p><\/div>\n<div class=\"mt-16 pt-10 border-t border-gray-200 reveal\">\n<h4 class=\"font-serif text-xl text-gray-800 mb-6 text-center\"><span id=\"Option_MenuE\">Option Menu<br \/><span class=\"text-sm font-sans text-gray-500\">\u4f75\u7528\u3067\u3055\u3089\u306b\u7f8e\u3057\u3044E\u30e9\u30a4\u30f3\u3078<\/span><\/span><\/h4>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n<div class=\"bg-white\/60 p-6 rounded-xl\">\n<p class=\"text-sm font-bold text-gray-700 mb-1\">\u30d2\u30a2\u30eb\u30ed\u30f3\u9178\uff08\u30a2\u30e9\u30ac\u30f3\u793e\u88fd\uff09<\/p>\n<p class=\"text-xs text-gray-500 mb-2\">\u30dc\u30ea\u30e5\u30fc\u30de \/ \u30dc\u30ea\u30d5\u30c8 etc.<\/p>\n<div class=\"flex justify-between items-end\">\n <span class=\"text-xs text-gray-400 line-through\">\u00a577,000<\/span><br \/>\n <span class=\"text-lg font-serif text-accent\">\u00a542,900<span class=\"text-xs text-gray-500 ml-1\">\/cc<\/span><\/span>\n <\/div>\n<p class=\"text-[10px] text-accent mt-1 text-right\">\u203b\u30ad\u30e3\u30f3\u30da\u30fc\u30f3\u4fa1\u683c<\/p>\n<\/p><\/div>\n<div class=\"bg-white\/60 p-6 rounded-xl\">\n<p class=\"text-sm font-bold text-gray-700 mb-1\">\u30d2\u30a2\u30eb\u30ed\u30f3\u9178\uff08\u30d2\u30e5\u30fc\u30b2\u30eb\u793e\u88fd\uff09<\/p>\n<p class=\"text-xs text-gray-500 mb-2\">\u30c1\u30e3\u30a6\u30e0\u30d7\u30ec\u30df\u30a2\u30e0<\/p>\n<div class=\"flex justify-between items-end\">\n <span class=\"text-xs text-gray-400 line-through\">\u00a555,000<\/span><br \/>\n <span class=\"text-lg font-serif text-accent\">\u00a528,600<span class=\"text-xs text-gray-500 ml-1\">\/cc<\/span><\/span>\n <\/div>\n<p class=\"text-[10px] text-accent mt-1 text-right\">\u203b\u30e2\u30cb\u30bf\u30fc\u4fa1\u683c<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"text-center mt-6\">\n<p class=\"text-xs text-gray-500\">\u203b3\u672c\u30bb\u30c3\u30c8(\u00a589,100)\u30015\u672c\u30bb\u30c3\u30c8(\u00a5126,500)\u306e\u304a\u5f97\u306a\u307e\u3068\u3081\u8cb7\u3044\u30ad\u30e3\u30f3\u30da\u30fc\u30f3\u3082\u5b9f\u65bd\u4e2d\u3002<br \/>\u30a2\u30b4\u306e\u5f62\u6210\u3084\u307b\u3046\u308c\u3044\u7dda\u306e\u51f9\u307f\u57cb\u3081\u3092\u540c\u6642\u306b\u884c\u3046\u3053\u3068\u3067\u3001\u30ea\u30d5\u30c8\u30a2\u30c3\u30d7\u52b9\u679c\u304c\u969b\u7acb\u3061\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/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\">\u3054\u4e88\u7d04\u30fb\u3054\u76f8\u8ac7\u306f\u3053\u3061\u3089\u304b\u3089<\/p>\n<div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"https:\/\/line.me\/R\/ti\/p\/@008ylsvu\" target=\"_blank\" class=\"btn-line inline-block px-12 py-4 rounded-full text-lg shadow-xl tracking-widest flex items-center justify-center\" rel=\"noopener\"><br \/>\n <svg class=\"w-6 h-6 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\u4e88\u7d04\u3059\u308b<br \/>\n <\/a><br \/>\n <a href=\"tel:0273862070\" class=\"bg-white text-gray-800 border border-gray-300 hover:bg-gray-50 inline-block px-12 py-4 rounded-full text-lg shadow-md tracking-widest flex items-center justify-center transition\"><br \/>\n <svg class=\"w-5 h-5 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\u3059\u308b<br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/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 <span class=\"text-accent text-xs tracking-[0.3em] uppercase block mb-2\">Process<\/span><\/p>\n<h2 class=\"font-serif text-3xl md:text-4xl text-gray-800\"><span id=\"i-8\">\u65bd\u8853\u306e\u6d41\u308c<\/span><\/h2>\n<\/p><\/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\">\n \u5c02\u9580\u306e\u533b\u5e2b\u30fb\u30ab\u30a6\u30f3\u30bb\u30e9\u30fc\u304c\u3001\u3042\u306a\u305f\u306e\u9aa8\u683c\u3084\u305f\u308b\u307f\u306e\u72b6\u614b\u3092\u4e01\u5be7\u306b\u8a3a\u5bdf\u3002\u60a9\u307f\u3092\u304a\u4f3a\u3044\u3057\u3001\u6700\u9069\u306a\u672c\u6570\u3084\u30c7\u30b6\u30a4\u30f3\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002LINE\u307e\u305f\u306f\u304a\u96fb\u8a71\u306b\u3066\u3054\u4e88\u7d04\u304f\u3060\u3055\u3044\u3002\n <\/p>\n<\/p><\/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\">\n <span class=\"text-6xl font-serif text-gray-200\">01<\/span>\n <\/div>\n<\/p><\/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 <span class=\"text-6xl font-serif text-gray-200\">02<\/span>\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 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\">\n \u4ed5\u4e0a\u304c\u308a\u3092\u30a4\u30e1\u30fc\u30b8\u3057\u306a\u304c\u3089\u3001\u7cf8\u3092\u5165\u308c\u308b\u4f4d\u7f6e\u3092\u808c\u306b\u30de\u30fc\u30ad\u30f3\u30b0\u3057\u307e\u3059\u3002\u305d\u306e\u5f8c\u3001\u5c40\u6240\u9ebb\u9154\u3092\u884c\u3044\u307e\u3059\u3002\u75db\u307f\u304c\u4e0d\u5b89\u306a\u65b9\u306b\u306f\u3001\u7b11\u6c17\u9ebb\u9154\uff08\u30aa\u30d7\u30b7\u30e7\u30f3\uff09\u3082\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n<\/p><\/div>\n<\/p><\/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. \u7cf8\u306e\u633f\u5165\uff08\u65bd\u8853\uff09<\/span><\/h3>\n<p class=\"text-gray-600 text-sm\">\n \u65bd\u8853\u6642\u9593\u306f15\u301c30\u5206\u7a0b\u5ea6\u3002\u304a\u58f0\u304c\u3051\u3092\u3057\u306a\u304c\u3089\u4e01\u5be7\u306b\u7cf8\u3092\u633f\u5165\u3057\u3066\u3044\u304d\u307e\u3059\u3002\u93e1\u3092\u898b\u3066\u3044\u305f\u3060\u304d\u306a\u304c\u3089\u3001\u5f15\u304d\u4e0a\u3052\u5177\u5408\u3092\u78ba\u8a8d\u30fb\u8abf\u6574\u3057\u307e\u3059\u3002\n <\/p>\n<\/p><\/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\">\n <span class=\"text-6xl font-serif text-gray-200\">03<\/span>\n <\/div>\n<\/p><\/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 <span class=\"text-6xl font-serif text-gray-200\">04<\/span>\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 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\">\n \u65bd\u8853\u5f8c\u306f\u3001\u30d1\u30a6\u30c0\u30fc\u30eb\u30fc\u30e0\u3067\u8eab\u652f\u5ea6\u3092\u6574\u3048\u3066\u3044\u305f\u3060\u304d\u3001\u3059\u3050\u306b\u3054\u5e30\u5b85\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u8853\u5f8c\u306e\u904e\u3054\u3057\u65b9\u3084\u6ce8\u610f\u70b9\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u3054\u8aac\u660e\u3044\u305f\u3057\u307e\u3059\u3002\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"py-24\">\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-9\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/span><\/h2>\n<\/p><\/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\">\n <span class=\"text-accent mr-3\">Q.<\/span> \u75db\u307f\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<br \/>\n <\/span><\/h3>\n<p class=\"text-gray-600 text-sm pl-8\">\n \u5c40\u6240\u9ebb\u9154\u3092\u4f7f\u7528\u3057\u307e\u3059\u306e\u3067\u3001\u65bd\u8853\u4e2d\u306e\u75db\u307f\u306f\u307b\u3068\u3093\u3069\u3042\u308a\u307e\u305b\u3093\u3002\u9ebb\u9154\u306e\u6ce8\u5c04\u6642\u306b\u30c1\u30af\u30c3\u3068\u3059\u308b\u7a0b\u5ea6\u3067\u3059\u3002\u3054\u4e0d\u5b89\u306a\u65b9\u306b\u306f\u3001\u30ea\u30e9\u30c3\u30af\u30b9\u3067\u304d\u308b\u7b11\u6c17\u9ebb\u9154\u3082\u3054\u7528\u610f\u3057\u3066\u304a\u308a\u307e\u3059\u3002\n <\/p>\n<\/p><\/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\">\n <span class=\"text-accent mr-3\">Q.<\/span> \u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u306f\u3069\u308c\u304f\u3089\u3044\u3067\u3059\u304b\uff1f<br \/>\n <\/span><\/h3>\n<p class=\"text-gray-600 text-sm pl-8\">\n \u500b\u4eba\u5dee\u306f\u3042\u308a\u307e\u3059\u304c\u3001\u816b\u308c\u3084\u5185\u51fa\u8840\u306f\u6570\u65e5\u301c1\u9031\u9593\u7a0b\u5ea6\u3067\u843d\u3061\u7740\u304f\u3053\u3068\u304c\u307b\u3068\u3093\u3069\u3067\u3059\u3002\u30e1\u30a4\u30af\u306f\u7fcc\u65e5\u304b\u3089\u53ef\u80fd\u3067\u3001\u30de\u30b9\u30af\u3092\u3059\u308c\u3070\u76f4\u5f8c\u304b\u3089\u65e5\u5e38\u751f\u6d3b\u306b\u652f\u969c\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n <\/p>\n<\/p><\/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\">\n <span class=\"text-accent mr-3\">Q.<\/span> \u52b9\u679c\u306f\u3069\u308c\u304f\u3089\u3044\u6301\u7d9a\u3057\u307e\u3059\u304b\uff1f<br \/>\n <\/span><\/h3>\n<p class=\"text-gray-600 text-sm pl-8\">\n \u4f7f\u7528\u3059\u308b\u7cf8\u306e\u7a2e\u985e\u306b\u3088\u308a\u307e\u3059\u304c\u3001VOV\u30ea\u30d5\u30c8\u306a\u3069\u306f\u7d041\u5e74\u301c2\u5e74\u304b\u3051\u3066\u4f53\u5185\u306b\u5438\u53ce\u3055\u308c\u307e\u3059\u3002\u7cf8\u304c\u6eb6\u3051\u305f\u5f8c\u3082\u30b3\u30e9\u30fc\u30b2\u30f3\u304c\u751f\u6210\u3055\u308c\u308b\u305f\u3081\u3001\u30ea\u30d5\u30c8\u30a2\u30c3\u30d7\u52b9\u679c\u306f\u9577\u304f\u7d9a\u304d\u307e\u3059\u3002\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<footer class=\"bg-gray-900 text-white pt-20 pb-10 relative overflow-hidden\">\n<div class=\"absolute inset-0 z-0 opacity-20\">\n <\/div>\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 href=\"tel:0273862070\" class=\"hover:text-accent\">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 – 20:00 (\u4f11\u8a3a\u65e5: \u4e0d\u5b9a\u4f11)<\/p>\n<\/p><\/div>\n<div class=\"flex space-x-6 mt-8\">\n <a href=\"https:\/\/www.instagram.com\/cbc.takasaki\/#\" target=\"_blank\" class=\"text-gray-400 hover:text-white transition\" rel=\"noopener\"><svg class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.85-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg><\/a><br \/>\n <a href=\"https:\/\/www.tiktok.com\/@clarabeauty_takasaki\" target=\"_blank\" class=\"text-gray-400 hover:text-white transition\" rel=\"noopener\"><svg class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93v6.16c0 2.52-1.12 4.84-2.9 6.45-1.77 1.69-4.15 2.58-6.54 2.32-2.69-.34-5.13-2.3-5.73-4.96-.85-3.84 1.86-7.81 5.74-8.38 1.33-.2 2.7.08 3.96.69v4.16c-.94-.81-2.29-1.22-3.53-.99-1.28.24-2.4 1.23-2.81 2.45-.41 1.25.09 2.65 1.15 3.48 1.06.84 2.55.88 3.65.1.75-.54 1.26-1.37 1.26-2.3v-13.8c-.52-.01-1.04-.01-1.56-.01.36-1.06.77-2.11 1.23-3.15z\"\/><\/svg><\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"rounded-xl overflow-hidden shadow-2xl h-64 md:h-auto grayscale hover:grayscale-0 transition duration-500\">\n <iframe 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%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n <\/div>\n<\/p><\/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<\/p><\/div>\n<\/p><\/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); \/\/ \u8a73\u7d30\u30ec\u30d9\u30eb1\u3067\u5c11\u3057\u9762\u3092\u5897\u3084\u3059\n const material = new THREE.MeshPhysicalMaterial({\n color: 0xffffff,\n metalness: 0.1,\n roughness: 0.1,\n transmission: 0.9, \/\/ Glass effect\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);<\/p>\n<p> const pointLight1 = new THREE.PointLight(0xC5A059, 1);\n pointLight1.position.set(5, 5, 5);\n scene.add(pointLight1);<\/p>\n<p> const pointLight2 = new THREE.PointLight(0xffccdd, 1); \/\/ Pinkish light\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);<\/p>\n<p> crystal.rotation.x += 0.002;\n crystal.rotation.y += 0.003;<\/p>\n<p> \/\/ \u3075\u308f\u3075\u308f\u6d6e\u304b\u3076\u52d5\u304d\n 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');<\/p>\n<p> 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><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u76ee\u6b211 \u6642\u3092\u5dfb\u304d\u623b\u3059\u3001 \u900f\u660e\u306a\u7f8e\u3057\u3055\u3078\u30021.1 \u93e1\u3092\u898b\u308b\u305f\u3073\u3001 \u305f\u3081\u606f\u3092\u3064\u3044\u3066\u3044\u307e\u305b\u3093\u304b\uff1f1.2 \u9078\u3070\u308c\u308b3\u3064\u306e\u7406\u75311.2.1 \u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u306f\u6700\u5c0f\u9650\u3001\u7fcc\u65e5\u304b\u3089\u30e1\u30a4\u30af\u3082\u53ef\u80fd\u30021.2.2 \u5727\u5012\u7684\u306a\u7f8e\u808c\u52b9\u679c1.2.3 \u30aa\u30fc\u30c0\u30fc […]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[94],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/clarabeautyclinic.jp\/takasaki\/wp-json\/wp\/v2\/posts\/6574"}],"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=6574"}],"version-history":[{"count":6,"href":"https:\/\/clarabeautyclinic.jp\/takasaki\/wp-json\/wp\/v2\/posts\/6574\/revisions"}],"predecessor-version":[{"id":6583,"href":"https:\/\/clarabeautyclinic.jp\/takasaki\/wp-json\/wp\/v2\/posts\/6574\/revisions\/6583"}],"wp:attachment":[{"href":"https:\/\/clarabeautyclinic.jp\/takasaki\/wp-json\/wp\/v2\/media?parent=6574"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/clarabeautyclinic.jp\/takasaki\/wp-json\/wp\/v2\/categories?post=6574"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/clarabeautyclinic.jp\/takasaki\/wp-json\/wp\/v2\/tags?post=6574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\u76ee\u6b21<\/p>

1<\/span> \u6642\u3092\u5dfb\u304d\u623b\u3059\u3001\n \u900f\u660e\u306a\u7f8e\u3057\u3055\u3078\u3002<\/a>
- 1.1<\/span> \u93e1\u3092\u898b\u308b\u305f\u3073\u3001\n \u305f\u3081\u606f\u3092\u3064\u3044\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/a><\/li>
- 1.2<\/span> \u9078\u3070\u308c\u308b3\u3064\u306e\u7406\u7531<\/a>