\u672d\u5e4c\u306e\u8102\u80aa\u5438\u5f15\uff5c\u5207\u3089\u306a\u3044\u6b21\u4e16\u4ee3\u6280\u8853LSSA\uff5c\u30af\u30e9\u30e9\u30d3\u30e5\u30fc\u30c6\u30a3\u30fc\u30af\u30ea\u30cb\u30c3\u30af<\/title><br \/>\n <meta name=\"description\" content=\"\u3010\u672d\u5e4c\u99c5\u5317\u53e3\u5f92\u6b691\u5206\u3011\u5207\u3089\u306a\u3044\u8102\u80aa\u5438\u5f15\u300cLSSA(\u30a8\u30eb\u30b5)\u300d\u5c0e\u5165\u30020.9mm\u306e\u6975\u7d30\u30a2\u30d7\u30ed\u30fc\u30c1\u3067\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u3092\u6700\u5c0f\u9650\u306b\u3002\u5c0f\u9854\u30fb\u4e8c\u306e\u8155\u30fb\u592a\u3082\u3082\u306e\u90e8\u5206\u75e9\u305b\u306a\u3089\u304a\u4efb\u305b\u304f\u3060\u3055\u3044\u3002\u4eca\u306a\u3089\u57fa\u672c\u6599\u91d1\u7121\u6599\u306e\u30e2\u30cb\u30bf\u30fc\u30ad\u30e3\u30f3\u30da\u30fc\u30f3\u5b9f\u65bd\u4e2d\u3002\"><\/p>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+JP:wght@300;400;600&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><br \/>\n <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 brand: {\n base: '#f8f9fa',\n text: '#44403c', \/\/ stone-700\n gold: '#C5A059',\n goldLight: '#E5D1A5',\n accent: '#D4C4B7',\n pink: '#F3E8E8',\n }\n },\n fontFamily: {\n serif: ['\"Noto Serif JP\"', 'serif'],\n sans: ['\"Zen Kaku Gothic New\"', 'sans-serif'],\n }\n }\n }\n }\n <\/script><\/p>\n<style>\n body { background-color: #f8f9fa; color: #44403c; overflow-x: hidden; scroll-behavior: smooth; }<\/p>\n<p> \/* Aurora Background *\/\n .aurora-bg {\n position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -2;\n background: radial-gradient(circle at 10% 20%, rgba(243, 232, 232, 0.4) 0%, transparent 40%),\n radial-gradient(circle at 90% 60%, rgba(197, 160, 89, 0.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.8) 0%, transparent 100%);\n filter: blur(40px);\n }\n #canvas-container { \n position: fixed; \n top: 0; left: 0; width: 100%; height: 100vh; \n z-index: -1; opacity: 0.5; pointer-events: none; \n }<\/p>\n<p> \/* Glassmorphism *\/\n .glass-panel {\n background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);\n border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.05);\n transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n .glass-panel:hover { transform: translateY(-5px); background: rgba(255, 255, 255, 0.85); box-shadow: 0 12px 40px 0 rgba(197, 160, 89, 0.15); }<\/p>\n<p> \/* Animations *\/\n .reveal-on-scroll { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }\n .reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0); }<\/p>\n<p> .bento-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }\n @media (max-width: 768px) { .bento-grid { grid-template-columns: 1fr; } }\n <\/style>\n<p><\/head><br \/>\n<body class=\"font-sans antialiased selection:bg-brand-gold selection:text-white\"><\/p>\n<div class=\"aurora-bg\"><\/div>\n<div id=\"canvas-container\"><\/div>\n<nav class=\"fixed top-0 w-full z-50 px-6 py-5 flex justify-between items-center backdrop-blur-md border-b border-white\/20\">\n<div class=\"font-serif text-lg tracking-[0.2em] font-bold text-brand-text\">CLARA SAPPORO<\/div>\n<p> <a href=\"https:\/\/line.me\/R\/ti\/p\/@426xatla\" target=\"_blank\" class=\"bg-brand-text text-white px-6 py-2 rounded-full text-xs font-bold shadow-lg hover:bg-brand-gold transition tracking-widest\" rel=\"noopener\">LINE\u4e88\u7d04<\/a><br \/>\n <\/nav>\n<header class=\"relative min-h-screen flex items-center justify-center px-6 pt-20 overflow-hidden\">\n<div class=\"max-w-6xl w-full grid grid-cols-1 md:grid-cols-2 gap-12 items-center z-10\">\n<div class=\"space-y-8 reveal-on-scroll\">\n <span class=\"inline-block px-4 py-1.5 rounded-full bg-brand-pink text-brand-gold text-[10px] font-bold tracking-[0.2em] uppercase\">Sapporo New Standard<\/span><\/p>\n<h1 class=\"font-serif text-5xl md:text-7xl leading-tight text-brand-text\"><span id=\"___________09mm\">\n \u5207\u3089\u306a\u3044\u3001<br \/>\n <span class=\"italic text-brand-gold\">0.9mm<\/span>\u306e<br \/>\n \u8102\u80aa\u5438\u5f15\u3002<br \/>\n <\/span><\/h1>\n<p class=\"text-stone-600 text-lg leading-relaxed max-w-md font-medium\">\n \u672d\u5e4c\u9662\u306b\u4e0a\u9678\u3057\u305f\u6b21\u4e16\u4ee3\u6280\u8853\u300cLSSA\uff08\u30a8\u30eb\u30b5\uff09\u300d\u3002<br \/>\n \u6ce8\u5c04\u611f\u899a\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u3067\u3001\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u3092\u904e\u53bb\u306e\u3082\u306e\u306b\u3002\u8cb4\u65b9\u306e\u7406\u60f3\u306e\u30e9\u30a4\u30f3\u3092\u3001\u6700\u77ed\u3067\u5f6b\u523b\u3057\u307e\u3059\u3002\n <\/p>\n<div class=\"glass-panel p-6 rounded-2xl max-w-md border-l-4 border-l-brand-gold\">\n<p class=\"text-sm text-stone-500 mb-2 font-serif\">LSSA Monitor Campaign<\/p>\n<div class=\"flex items-end gap-3\">\n <span class=\"text-sm font-bold text-stone-400\">\u57fa\u672c\u6599\u91d1 \u00a555,000 \u2192<\/span><br \/>\n <span class=\"text-3xl font-serif text-brand-gold font-bold\">\u00a50<\/span><br \/>\n <span class=\"text-xs text-stone-500 pb-1 font-bold bg-white px-2 py-1 rounded border border-stone-200\">2\u7b87\u6240\u4ee5\u4e0a<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"flex flex-col sm:flex-row gap-4 pt-4\">\n <a href=\"https:\/\/line.me\/R\/ti\/p\/@426xatla\" target=\"_blank\" class=\"px-10 py-5 bg-brand-text text-white rounded-full hover:bg-stone-700 transition shadow-lg text-center font-bold tracking-widest\" rel=\"noopener\">LINE\u3067\u76f8\u8ac7\u30fb\u4e88\u7d04<\/a><br \/>\n <a href=\"#about\" class=\"px-10 py-5 bg-white text-brand-text border border-stone-200 rounded-full hover:bg-stone-50 transition text-center font-bold tracking-widest\">LSSA\u3068\u306f<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"hidden md:block\"><\/div>\n<\/p><\/div>\n<\/header>\n<p> <main class=\"max-w-7xl mx-auto px-6 space-y-32 py-20 pb-24\"><\/p>\n<section id=\"about\" class=\"space-y-12\">\n<div class=\"text-center space-y-4 reveal-on-scroll\">\n <span class=\"font-serif text-brand-gold text-lg italic tracking-widest uppercase\">01. Our Technology<\/span><\/p>\n<h2 class=\"text-3xl md:text-4xl font-serif text-brand-text\"><span id=\"i\">\u305d\u306e\u8102\u80aa\u3001<br \/>\u300c\u6eb6\u304b\u3057\u3066\u300d\u51fa\u3059\u3002<\/span><\/h2>\n<p class=\"text-stone-500 max-w-xl mx-auto\">\u5f93\u6765\u306e\u300c\u524a\u308a\u53d6\u308b\u300d\u8102\u80aa\u5438\u5f15\u3068\u306f\u4e00\u7dda\u3092\u753b\u3059\u3001<br \/>\u8102\u80aa\u6eb6\u89e3\u8d85\u97f3\u6ce2\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u3002<\/p>\n<\/p><\/div>\n<div class=\"bento-grid\">\n<div class=\"glass-panel p-10 rounded-[2.5rem] md:col-span-2 md:row-span-1 flex flex-col justify-center reveal-on-scroll\">\n<div class=\"flex items-start justify-between mb-6\">\n<h3 class=\"text-2xl font-serif leading-relaxed text-brand-text\"><span id=\"09mm\">\u4e16\u754c\u6700\u5c0f\u30af\u30e9\u30b9<br \/><span class=\"text-brand-gold text-4xl font-bold\">0.9mm<\/span> \u30d7\u30ed\u30fc\u30d6<\/span><\/h3>\n<p> <span class=\"text-6xl font-serif text-stone-100 font-bold -mt-4\">01<\/span>\n <\/div>\n<p class=\"text-stone-600 leading-loose\">\n LSSA\u306e\u6700\u5927\u306e\u7279\u5fb4\u306f\u3001\u6975\u7d30\u306e\u8d85\u97f3\u6ce2\u30d7\u30ed\u30fc\u30d6\u3002\u5207\u958b\u3092\u5fc5\u8981\u3068\u305b\u305a\u3001\u307e\u308b\u3067\u6ce8\u5c04\u91dd\u306e\u3088\u3046\u306a\u611f\u899a\u3067\u30a2\u30d7\u30ed\u30fc\u30c1\u3057\u307e\u3059\u3002\u50b7\u8de1\u306f\u76ee\u7acb\u305f\u305a\u3001\u7e2b\u5408\u306e\u5fc5\u8981\u3055\u3048\u3042\u308a\u307e\u305b\u3093\u3002\n <\/p>\n<\/p><\/div>\n<div class=\"glass-panel p-8 rounded-[2.5rem] md:col-span-1 md:row-span-1 reveal-on-scroll delay-100 flex flex-col items-center justify-center text-center\">\n <span class=\"text-brand-gold text-4xl font-serif mb-2\">Safe<\/span><\/p>\n<h4 class=\"font-bold text-stone-700 mb-2\"><span id=\"i-2\">\u8840\u7ba1\u30fb\u795e\u7d4c\u3092\u4fdd\u8b77<\/span><\/h4>\n<p class=\"text-[11px] text-stone-500 leading-relaxed\">\u8102\u80aa\u7d30\u80de\u306e\u307f\u3092\u67d4\u3089\u304b\u304f\u4e73\u5316\u3055\u305b\u308b\u305f\u3081\u3001\u5468\u56f2\u306e\u7d44\u7e54\u3092\u50b7\u3064\u3051\u306b\u304f\u3044\u8a2d\u8a08\u3067\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"glass-panel p-8 rounded-[2.5rem] md:col-span-1 md:row-span-1 reveal-on-scroll delay-200 flex flex-col items-center justify-center text-center\">\n <span class=\"text-brand-gold text-4xl font-serif mb-2\">Tight<\/span><\/p>\n<h4 class=\"font-bold text-stone-700 mb-2\"><span id=\"i-3\">\u5f15\u304d\u7de0\u3081\u52b9\u679c<\/span><\/h4>\n<p class=\"text-[11px] text-stone-500 leading-relaxed\">\u71b1\u30a8\u30cd\u30eb\u30ae\u30fc\u306b\u3088\u308b\u30b3\u30e9\u30fc\u30b2\u30f3\u751f\u6210\u4fc3\u9032\u3067\u3001\u8853\u5f8c\u306e\u76ae\u819a\u306e\u305f\u308b\u307f\u3092\u9632\u304e\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"glass-panel p-10 rounded-[2.5rem] md:col-span-2 md:row-span-1 flex flex-col justify-center reveal-on-scroll delay-300\">\n<div class=\"flex items-start justify-between mb-6\">\n<h3 class=\"text-2xl font-serif leading-relaxed text-brand-text\"><span id=\"i-4\">\u7fcc\u65e5\u304b\u3089\u3001<br \/><span class=\"text-brand-gold\">\u65e5\u5e38<\/span>\u3078\u3002<\/span><\/h3>\n<p> <span class=\"text-6xl font-serif text-stone-100 font-bold -mt-4\">02<\/span>\n <\/div>\n<p class=\"text-stone-600 leading-loose\">\n \u5185\u51fa\u8840\u3084\u75db\u307f\u3092\u6700\u5c0f\u9650\u306b\u6291\u3048\u308b\u3053\u3068\u3067\u3001\u5f93\u6765\u306e\u8102\u80aa\u5438\u5f15\u3067\u306f\u8003\u3048\u3089\u308c\u306a\u304b\u3063\u305f\u300c\u77ed\u3044\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u300d\u3092\u5b9f\u73fe\u3002\u5fd9\u3057\u3044\u73fe\u4ee3\u4eba\u306e\u305f\u3081\u306e\u3001\u8ce2\u3044\u9078\u629e\u80a2\u3067\u3059\u3002\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"price\" class=\"space-y-12 py-20 bg-white\/40 rounded-[4rem] px-6 md:px-16 border border-white\/50 reveal-on-scroll\">\n<div class=\"text-center mb-12\">\n <span class=\"font-serif text-brand-gold text-lg italic tracking-widest uppercase\">02. Price List<\/span><\/p>\n<h2 class=\"text-3xl md:text-5xl font-serif text-brand-text mt-4\"><span id=\"Sapporo_Menu\">Sapporo Menu<\/span><\/h2>\n<p class=\"text-stone-500 mt-4\">\u672d\u5e4c\u9662\u9650\u5b9a\u4fa1\u683c\u3002\u660e\u6717\u4f1a\u8a08\u3092\u304a\u7d04\u675f\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 gap-6 max-w-5xl mx-auto mb-16\">\n<h3 class=\"font-serif text-2xl text-brand-text mb-4 text-center\"><span id=\"_Special_Set_Plans\">\u2014 Special Set Plans \u2014<\/span><\/h3>\n<div class=\"glass-panel p-8 md:p-10 rounded-[3rem] border-l-8 border-brand-gold grid md:grid-cols-2 gap-8 items-center\">\n<div>\n<div class=\"inline-block bg-brand-gold text-white text-[10px] font-bold px-3 py-1 rounded-full mb-3 tracking-widest\">POPULAR<\/div>\n<h4 class=\"text-2xl font-serif text-brand-text mb-2\"><span id=\"i-5\">\u5c0f\u9854\u30bb\u30c3\u30c8<\/span><\/h4>\n<p class=\"text-sm text-stone-500 font-bold\">\u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3 \uff0b \u3042\u3054\u4e0b \uff0b \u30a8\u30e9\u4e0b<\/p>\n<\/p><\/div>\n<div class=\"text-right\">\n<p class=\"text-stone-400 text-sm line-through\">\u901a\u5e38 \u00a5220,000<\/p>\n<div class=\"flex items-end justify-end gap-2\">\n <span class=\"text-sm font-bold text-stone-500 mb-1\">\u30e2\u30cb\u30bf\u30fc\u4fa1\u683c<\/span><br \/>\n <span class=\"text-4xl font-serif text-brand-text font-bold\">\u00a5165,000<\/span><br \/>\n <span class=\"text-xs text-stone-500 mb-1\">\u7a0e\u8fbc<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"glass-panel p-8 md:p-10 rounded-[3rem] border-l-8 border-brand-accent grid md:grid-cols-2 gap-8 items-center\">\n<div>\n<h4 class=\"text-2xl font-serif text-brand-text mb-2\"><span id=\"i-6\">\u4e8c\u306e\u8155\u30bb\u30c3\u30c8<\/span><\/h4>\n<p class=\"text-sm text-stone-500 font-bold\">\u80a9 \uff0b \u4e8c\u306e\u8155<\/p>\n<\/p><\/div>\n<div class=\"text-right\">\n<p class=\"text-stone-400 text-sm line-through\">\u901a\u5e38 \u00a5352,000<\/p>\n<div class=\"flex items-end justify-end gap-2\">\n <span class=\"text-sm font-bold text-stone-500 mb-1\">\u30e2\u30cb\u30bf\u30fc\u4fa1\u683c<\/span><br \/>\n <span class=\"text-4xl font-serif text-brand-text font-bold\">\u00a5275,000<\/span><br \/>\n <span class=\"text-xs text-stone-500 mb-1\">\u7a0e\u8fbc<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"glass-panel p-8 md:p-10 rounded-[3rem] border-l-8 border-stone-300 grid md:grid-cols-2 gap-8 items-center\">\n<div>\n<h4 class=\"text-2xl font-serif text-brand-text mb-2\"><span id=\"i-7\">\u592a\u3082\u3082\u5168\u5468\u30bb\u30c3\u30c8<\/span><\/h4>\n<p class=\"text-sm text-stone-500 font-bold\">\u592a\u3082\u3082\u5168\u5468 \uff0b \u3072\u3056\u56de\u308a<\/p>\n<\/p><\/div>\n<div class=\"text-right\">\n<p class=\"text-stone-400 text-sm line-through\">\u901a\u5e38 \u00a5550,000<\/p>\n<div class=\"flex items-end justify-end gap-2\">\n <span class=\"text-sm font-bold text-stone-500 mb-1\">\u30e2\u30cb\u30bf\u30fc\u4fa1\u683c<\/span><br \/>\n <span class=\"text-4xl font-serif text-brand-text font-bold\">\u00a5440,000<\/span><br \/>\n <span class=\"text-xs text-stone-500 mb-1\">\u7a0e\u8fbc<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"glass-panel p-8 md:p-10 rounded-[3rem] border-l-8 border-stone-300 grid md:grid-cols-2 gap-8 items-center\">\n<div>\n<h4 class=\"text-2xl font-serif text-brand-text mb-2\"><span id=\"i-8\">\u304a\u8179\u5468\u308a\u5168\u90e8\u30bb\u30c3\u30c8<\/span><\/h4>\n<p class=\"text-sm text-stone-500 font-bold\">\u4e0a\u8179\u90e8\uff0b\u4e0b\u8179\u90e8\uff0b\u30a6\u30a8\u30b9\u30c8\uff0b\u30a6\u30a8\u30b9\u30c8\u4e0a\u90e8<\/p>\n<\/p><\/div>\n<div class=\"text-right\">\n<p class=\"text-stone-400 text-sm line-through\">\u901a\u5e38 \u00a51,045,000<\/p>\n<div class=\"flex items-end justify-end gap-2\">\n <span class=\"text-sm font-bold text-stone-500 mb-1\">\u30e2\u30cb\u30bf\u30fc\u4fa1\u683c<\/span><br \/>\n <span class=\"text-4xl font-serif text-brand-text font-bold\">\u00a5660,000<\/span><br \/>\n <span class=\"text-xs text-stone-500 mb-1\">\u7a0e\u8fbc<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"max-w-4xl mx-auto glass-panel p-10 rounded-[3rem]\">\n<h4 class=\"text-center font-serif text-xl mb-8 text-brand-text tracking-widest\"><span id=\"_Single_Parts\">\u2014 Single Parts \u2014<\/span><\/h4>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-8\">\n<div class=\"space-y-4\">\n<p class=\"text-xs font-bold text-brand-gold uppercase tracking-widest border-b border-stone-200 pb-2\">Face \/ Neck<\/p>\n<div class=\"flex justify-between items-baseline\">\n <span class=\"text-sm text-stone-600\">\u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3 \/ \u3042\u3054\u4e0b \/ \u30a8\u30e9\u4e0b<\/span><br \/>\n <span class=\"font-bold text-brand-text\">\u5404\u00a5110,000<\/span>\n <\/div>\n<div class=\"flex justify-between items-baseline\">\n <span class=\"text-sm text-stone-600\">\u30d0\u30c3\u30ab\u30eb\u30d5\u30a1\u30c3\u30c8<\/span><br \/>\n <span class=\"font-bold text-brand-text\">\u00a5110,000<\/span>\n <\/div>\n<div class=\"text-right text-[10px] text-stone-400\">\u203b\u30e2\u30cb\u30bf\u30fc\u4fa1\u683c<\/div>\n<\/p><\/div>\n<div class=\"space-y-4\">\n<p class=\"text-xs font-bold text-brand-gold uppercase tracking-widest border-b border-stone-200 pb-2\">Body<\/p>\n<div class=\"flex justify-between items-baseline\">\n <span class=\"text-sm text-stone-600\">\u4e8c\u306e\u8155 \/ \u80a9 \/ \u8107\u8089<\/span><br \/>\n <span class=\"font-bold text-brand-text\">\u5404\u00a5209,000<\/span>\n <\/div>\n<div class=\"flex justify-between items-baseline\">\n <span class=\"text-sm text-stone-600\">\u592a\u3082\u3082 (\u5404\u90e8\u4f4d)<\/span><br \/>\n <span class=\"font-bold text-brand-text\">\u5404\u00a5209,000<\/span>\n <\/div>\n<div class=\"flex justify-between items-baseline\">\n <span class=\"text-sm text-stone-600\">\u8179\u90e8 (\u5404\u90e8\u4f4d)<\/span><br \/>\n <span class=\"font-bold text-brand-text\">\u5404\u00a5327,800<\/span>\n <\/div>\n<div class=\"text-right text-[10px] text-stone-400\">\u203b\u30e2\u30cb\u30bf\u30fc\u4fa1\u683c<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"mt-8 text-center bg-brand-pink\/50 rounded-xl p-4\">\n<p class=\"text-xs text-stone-500 font-bold\">\n <span class=\"text-brand-gold\">Campaign:<\/span> 2\u7b87\u6240\u4ee5\u4e0a\u306e\u540c\u6642\u65bd\u8853\u3067\u57fa\u672c\u6599\u91d1\uff08\u00a555,000\uff09\u304c\u7121\u6599\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"text-center pt-8\">\n <a href=\"https:\/\/line.me\/R\/ti\/p\/@426xatla\" target=\"_blank\" class=\"inline-block px-14 py-6 bg-brand-gold text-white rounded-full shadow-2xl hover:shadow-brand-gold\/30 transition-all transform hover:-translate-y-1 font-bold tracking-[0.2em] text-lg\" rel=\"noopener\"><br \/>\n LINE\u3067\u30e2\u30cb\u30bf\u30fc\u306b\u7533\u3057\u8fbc\u3080<br \/>\n <\/a>\n <\/div>\n<\/section>\n<section id=\"access\" class=\"grid grid-cols-1 md:grid-cols-2 gap-8 reveal-on-scroll\">\n<div class=\"glass-panel p-12 rounded-[3rem] flex flex-col justify-between\">\n<div class=\"space-y-10\">\n<h3 class=\"font-serif text-3xl text-brand-text tracking-widest\"><span id=\"Clinic_Access\">Clinic Access<\/span><\/h3>\n<div class=\"space-y-6 text-stone-600\">\n<div>\n<p class=\"font-bold text-brand-gold text-[10px] uppercase tracking-widest mb-2\">Address<\/p>\n<p class=\"text-base font-medium leading-relaxed font-serif text-brand-text\">\n \u3012060-0806 \u5317\u6d77\u9053\u672d\u5e4c\u5e02\u5317\u533a\u53176\u6761\u897f4\u4e01\u76ee2-7<br \/>J1\u672d\u5e4c\u5317\u53e3\u30d3\u30eb 2\u968e\n <\/p>\n<\/p><\/div>\n<div>\n<p class=\"font-bold text-brand-gold text-[10px] uppercase tracking-widest mb-2\">Station<\/p>\n<p class=\"text-base font-medium font-serif text-brand-text\">\u672d\u5e4c\u99c5\u5317\u53e3\u304b\u3089\u5f92\u6b691\u5206<\/p>\n<\/p><\/div>\n<div class=\"grid grid-cols-2 gap-4\">\n<div>\n<p class=\"font-bold text-brand-gold text-[10px] uppercase tracking-widest mb-2\">Open<\/p>\n<p class=\"text-base font-serif text-brand-text\">11:00 – 20:00<\/p>\n<\/p><\/div>\n<div>\n<p class=\"font-bold text-brand-gold text-[10px] uppercase tracking-widest mb-2\">Holiday<\/p>\n<p class=\"text-base font-serif text-brand-text\">\u5e74\u4e2d\u7121\u4f11<span class=\"text-xs\">(\u5e74\u672b\u5e74\u59cb\u9664\u304f)<\/span><\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div>\n<p class=\"font-bold text-brand-gold text-[10px] uppercase tracking-widest mb-2\">Phone<\/p>\n<p class=\"text-3xl font-serif text-brand-text\">011-211-1244<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pt-10 border-t border-stone-100\">\n<p class=\"font-bold text-brand-text text-[10px] mb-4 tracking-widest uppercase\">Official Links<\/p>\n<div class=\"flex flex-wrap gap-4\">\n <a href=\"#\" class=\"px-6 py-3 rounded-full bg-stone-100 text-[10px] font-bold tracking-widest hover:bg-brand-gold hover:text-white transition\">OFFICIAL SITE<\/a><br \/>\n <a href=\"#\" class=\"px-6 py-3 rounded-full bg-stone-100 text-[10px] font-bold tracking-widest hover:bg-brand-gold hover:text-white transition\">INSTAGRAM<\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex flex-col gap-8\">\n<div class=\"rounded-[3rem] overflow-hidden flex-grow shadow-2xl relative min-h-[300px] bg-stone-200 group\">\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2915.027083163748!2d141.34862731548324!3d43.06815397914619!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5f0b2974b62d6653%3A0x6c6e75f7f2b5a5b!2z44Kv44Op44Op44S844Oq44O844Kv44Oq44OL44OD44Kv5pyt5bmM6Zmi!5e0!3m2!1sja!2sjp!4v1684826834135!5m2!1sja!2sjp\" width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" class=\"grayscale group-hover:grayscale-0 transition-all duration-700\"><\/iframe>\n <\/div>\n<div class=\"glass-panel p-8 rounded-[3rem] text-center space-y-4\">\n<p class=\"text-[10px] text-stone-500 font-bold tracking-[0.3em] uppercase\">24 Hours Reservation<\/p>\n<h4 class=\"font-serif text-2xl text-brand-text\"><span id=\"i-9\">\u7406\u60f3\u306e\u30dc\u30c7\u30a3\u30e9\u30a4\u30f3\u3078\u3002<\/span><\/h4>\n<p class=\"text-xs text-stone-400\">\u5f37\u5f15\u306a\u52e7\u8a98\u306f\u4e00\u5207\u3054\u3056\u3044\u307e\u305b\u3093\u3002\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n<p> <a href=\"https:\/\/line.me\/R\/ti\/p\/@426xatla\" target=\"_blank\" class=\"block w-full py-4 bg-[#06C755] text-white rounded-2xl font-bold tracking-[0.2em] shadow-lg hover:shadow-xl transition-all\" rel=\"noopener\">LINE\u3067\u4e88\u7d04\u67a0\u3092\u78ba\u8a8d\u3059\u308b<\/a>\n <\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"text-[10px] text-stone-400 leading-relaxed max-w-5xl mx-auto text-center py-10 border-t border-stone-100 mt-20\">\n \u3010\u8102\u80aa\u5438\u5f15\u30fbLSSA\u306e\u30ea\u30b9\u30af\u30fb\u526f\u4f5c\u7528\u3011<br \/>\n \u65bd\u8853\u90e8\u4f4d\u306b\u3060\u308b\u3055\u30fb\u71b1\u611f\u30fb\u982d\u75db\u30fb\u8541\u9ebb\u75b9\u30fb\u75d2\u307f\u30fb\u3080\u304f\u307f\u30fb\u767a\u71b1\u30fb\u54b3\u30fb\u51b7\u3084\u6c57\u30fb\u80f8\u75db\u3001\u306a\u3069\u304c\u751f\u3058\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<br \/>\n \u5185\u51fa\u8840\u3001\u611f\u67d3\u3001\u3057\u3053\u308a\u3001\u51f9\u51f8\u306a\u3069\u304c\u8d77\u304d\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002<br \/>\n \u203b\u52b9\u679c\u306b\u306f\u500b\u4eba\u5dee\u304c\u3042\u308a\u307e\u3059\u3002\u203b\u672c\u65bd\u8853\u306f\u81ea\u7531\u8a3a\u7642\uff08\u4fdd\u967a\u5916\u8a3a\u7642\uff09\u3067\u3059\u3002<\/p>\n<p> © 2025 Clara Beauty Clinic Sapporo. All Rights Reserved.<br \/>\n <\/section>\n<p> <\/main><\/p>\n<p> <script>\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ Animation Observer\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) entry.target.classList.add('is-visible');\n });\n }, { threshold: 0.1 });\n document.querySelectorAll('.reveal-on-scroll').forEach(el => observer.observe(el));<\/p>\n<p> \/\/ Three.js Background (Crystal for \"LSSA\" \/ Diamond concept)\n const container = document.getElementById('canvas-container');\n if(container) {\n const scene = new THREE.Scene();\n const camera = new THREE.PerspectiveCamera(75, window.innerWidth \/ window.innerHeight, 0.1, 1000);\n const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });<\/p>\n<p> renderer.setSize(window.innerWidth, window.innerHeight);\n renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\n container.appendChild(renderer.domElement);<\/p>\n<p> \/\/ Lights\n const ambientLight = new THREE.AmbientLight(0xffffff, 0.6);\n scene.add(ambientLight);\n const pointLight = new THREE.PointLight(0xC5A059, 1.2);\n pointLight.position.set(5, 5, 5);\n scene.add(pointLight);<\/p>\n<p> \/\/ Diamond-like Shape\n const geometry = new THREE.OctahedronGeometry(2.5, 0);\n const material = new THREE.MeshPhysicalMaterial({\n color: 0xffffff, metalness: 0.1, roughness: 0.05, transmission: 0.9,\n thickness: 1.0, clearcoat: 1.0, transparent: true, opacity: 0.5,\n side: THREE.DoubleSide\n });\n const crystal = new THREE.Mesh(geometry, material);\n scene.add(crystal);\n camera.position.z = 7;<\/p>\n<p> \/\/ Mouse interaction\n let mouseX = 0;\n let mouseY = 0;\n document.addEventListener('mousemove', (event) => {\n mouseX = (event.clientX \/ window.innerWidth) * 2 - 1;\n mouseY = -(event.clientY \/ window.innerHeight) * 2 + 1;\n });<\/p>\n<p> const animate = () => {\n requestAnimationFrame(animate);\n \/\/ Base rotation\n crystal.rotation.x += 0.002;\n crystal.rotation.y += 0.003;<\/p>\n<p> \/\/ Mouse influence\n crystal.rotation.x += mouseY * 0.005;\n crystal.rotation.y += mouseX * 0.005;<\/p>\n<p> crystal.position.y = Math.sin(Date.now() * 0.001) * 0.3; \/\/ Float\n renderer.render(scene, camera);\n };\n animate();<\/p>\n<p> window.addEventListener('resize', () => {\n camera.aspect = window.innerWidth \/ window.innerHeight;\n camera.updateProjectionMatrix();\n renderer.setSize(window.innerWidth, window.innerHeight);\n });\n }\n });\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u76ee\u6b211 \u5207\u3089\u306a\u3044\u3001 0.9mm\u306e \u8102\u80aa\u5438\u5f15\u30021.1 \u305d\u306e\u8102\u80aa\u3001\u300c\u6eb6\u304b\u3057\u3066\u300d\u51fa\u3059\u30021.1.1 \u4e16\u754c\u6700\u5c0f\u30af\u30e9\u30b90.9mm \u30d7\u30ed\u30fc\u30d61.1.1.1 \u8840\u7ba1\u30fb\u795e\u7d4c\u3092\u4fdd\u8b771.1.1.2 \u5f15\u304d\u7de0\u3081\u52b9\u679c1.1.2 \u7fcc\u65e5\u304b\u3089\u3001\u65e5\u5e38\u3078\u30021. […]<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[119],"tags":[120,122,125],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/clarabeautyclinic.jp\/sapporo\/wp-json\/wp\/v2\/posts\/7427"}],"collection":[{"href":"https:\/\/clarabeautyclinic.jp\/sapporo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/clarabeautyclinic.jp\/sapporo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/clarabeautyclinic.jp\/sapporo\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/clarabeautyclinic.jp\/sapporo\/wp-json\/wp\/v2\/comments?post=7427"}],"version-history":[{"count":2,"href":"https:\/\/clarabeautyclinic.jp\/sapporo\/wp-json\/wp\/v2\/posts\/7427\/revisions"}],"predecessor-version":[{"id":7429,"href":"https:\/\/clarabeautyclinic.jp\/sapporo\/wp-json\/wp\/v2\/posts\/7427\/revisions\/7429"}],"wp:attachment":[{"href":"https:\/\/clarabeautyclinic.jp\/sapporo\/wp-json\/wp\/v2\/media?parent=7427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/clarabeautyclinic.jp\/sapporo\/wp-json\/wp\/v2\/categories?post=7427"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/clarabeautyclinic.jp\/sapporo\/wp-json\/wp\/v2\/tags?post=7427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\u76ee\u6b21<\/p>

1<\/span> \u5207\u3089\u306a\u3044\u3001\n 0.9mm\u306e\n \u8102\u80aa\u5438\u5f15\u3002<\/a>
- 1.1<\/span> \u305d\u306e\u8102\u80aa\u3001\u300c\u6eb6\u304b\u3057\u3066\u300d\u51fa\u3059\u3002<\/a>
  - 1.1.1<\/span> \u4e16\u754c\u6700\u5c0f\u30af\u30e9\u30b90.9mm \u30d7\u30ed\u30fc\u30d6<\/a>