\u65bd\u8853\u00d7\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0 | BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662<\/title>\n<style>\n :root {\n --primary: #74c0bd;\n --primary-light: #a8d8d6;\n --primary-dark: #4fa3a0;\n --primary-pale: #e8f6f5;\n --primary-ultra-pale: #f3fafa;\n --accent: #2c7873;\n --text-dark: #2d3748;\n --text-mid: #4a5568;\n --text-light: #718096;\n --white: #ffffff;\n --off-white: #f9fffe;\n --border: #d0ebe9;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n .fade-up {\n opacity: 0;\n transform: translateY(32px);\n transition: opacity 0.75s ease, transform 0.75s ease;\n }\n .fade-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n .fade-up-d1 { transition-delay: 0.1s; }\n .fade-up-d2 { transition-delay: 0.2s; }\n .fade-up-d3 { transition-delay: 0.3s; }\n .fade-up-d4 { transition-delay: 0.4s; }\n .fade-up-d5 { transition-delay: 0.5s; }\n\n .hero {\n position: relative;\n background: linear-gradient(135deg, #eaf7f6 0%, #c8ebe9 40%, #74c0bd 100%);\n padding: 72px 24px 80px;\n overflow: hidden;\n text-align: center;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -60px; right: -60px;\n width: 300px; height: 300px;\n border-radius: 50%;\n background: rgba(116,192,189,0.18);\n }\n .hero::after {\n content: '';\n position: absolute;\n bottom: -80px; left: -40px;\n width: 240px; height: 240px;\n border-radius: 50%;\n background: rgba(255,255,255,0.22);\n }\n .hero-badge {\n display: inline-block;\n background: var(--white);\n color: var(--primary-dark);\n font-size: 12px;\n font-weight: bold;\n letter-spacing: 0.12em;\n padding: 6px 18px;\n border-radius: 99px;\n margin-bottom: 20px;\n border: 1.5px solid var(--primary);\n position: relative; z-index: 1;\n }\n .hero-title {\n font-size: clamp(28px, 6vw, 44px);\n font-weight: 900;\n color: var(--accent);\n line-height: 1.3;\n margin-bottom: 12px;\n position: relative; z-index: 1;\n }\n .hero-title span {\n color: var(--white);\n display: inline-block;\n background: var(--primary-dark);\n padding: 2px 12px;\n border-radius: 6px;\n }\n .hero-sub {\n font-size: 16px;\n color: var(--accent);\n max-width: 620px;\n margin: 0 auto 28px;\n line-height: 1.75;\n position: relative; z-index: 1;\n }\n .hero-img-wrap {\n position: relative; z-index: 1;\n max-width: 640px;\n margin: 0 auto;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 20px 60px rgba(79,163,160,0.28);\n }\n .hero-img-wrap img {\n width: 100%;\n display: block;\n object-fit: cover;\n max-height: 360px;\n }\n\n .section {\n padding: 72px 24px;\n max-width: 900px;\n margin: 0 auto;\n }\n .section-label {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 10px;\n }\n .section-label-line {\n flex: 1;\n height: 2px;\n background: var(--primary-light);\n border-radius: 2px;\n }\n .section-label-text {\n font-size: 12px;\n font-weight: bold;\n letter-spacing: 0.14em;\n color: var(--primary-dark);\n white-space: nowrap;\n }\n .hvTreatment__title {\n font-size: clamp(22px, 4.5vw, 32px);\n font-weight: 900;\n color: var(--text-dark);\n line-height: 1.4;\n margin-bottom: 16px;\n text-align: center;\n }\n .hvTreatment__title .accent-mark {\n color: var(--primary-dark);\n border-bottom: 3px solid var(--primary);\n }\n .section-desc {\n font-size: 15px;\n color: var(--text-mid);\n line-height: 1.85;\n text-align: center;\n max-width: 700px;\n margin: 0 auto 40px;\n }\n\n .problem-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 18px;\n margin-bottom: 16px;\n }\n .problem-card {\n position: relative;\n background: var(--white);\n border: 1.5px solid var(--border);\n border-radius: 18px;\n padding: 22px 24px;\n display: flex;\n align-items: center;\n gap: 18px;\n box-shadow: 0 6px 20px rgba(116,192,189,0.08);\n overflow: hidden;\n isolation: isolate;\n }\n .problem-card-wm {\n position: absolute;\n top: 50%;\n right: 20px;\n transform: translateY(-50%);\n font-size: clamp(52px, 7vw, 90px);\n font-weight: 900;\n line-height: 1;\n color: var(--primary-dark);\n opacity: 0.07;\n z-index: 0;\n pointer-events: none;\n }\n .problem-card-icon {\n width: 112px;\n height: 112px;\n background: var(--primary-pale);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n z-index: 1;\n }\n .problem-card-icon img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n .problem-card-text {\n font-size: 18px;\n color: var(--text-dark);\n line-height: 1.75;\n font-weight: 500;\n position: relative;\n z-index: 1;\n padding-right: 72px;\n flex: 1;\n }\n\n @media (max-width: 768px) {\n .problem-card {\n padding: 16px 16px;\n gap: 14px;\n align-items: flex-start;\n }\n .problem-card-icon {\n width: 78px;\n height: 78px;\n border-radius: 14px;\n }\n .problem-card-text {\n font-size: 15px;\n line-height: 1.7;\n padding-right: 44px;\n }\n .problem-card-wm {\n right: 12px;\n bottom: 8px;\n top: auto;\n transform: none;\n font-size: 44px;\n opacity: 0.08;\n }\n }\n\n @media (max-width: 480px) {\n .problem-card {\n padding: 14px 14px;\n gap: 12px;\n }\n .problem-card-icon {\n width: 68px;\n height: 68px;\n }\n .problem-card-text {\n font-size: 14px;\n line-height: 1.65;\n padding-right: 36px;\n }\n .problem-card-wm {\n font-size: 38px;\n right: 10px;\n bottom: 6px;\n }\n }\n\n .what-is-wrap {\n background: var(--off-white);\n padding: 72px 0;\n }\n .what-is-inner {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 24px;\n }\n .two-col {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n }\n @media (max-width: 640px) {\n .two-col { grid-template-columns: 1fr; }\n }\n .img-block {\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 12px 40px rgba(116,192,189,0.2);\n }\n .text-block-title {\n font-size: clamp(18px, 3.5vw, 26px);\n font-weight: 900;\n color: var(--text-dark);\n margin-bottom: 16px;\n line-height: 1.4;\n }\n .text-block-body {\n font-size: 14.5px;\n color: var(--text-mid);\n line-height: 1.9;\n margin-bottom: 20px;\n }\n .tag-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .tag {\n background: var(--primary-pale);\n color: var(--primary-dark);\n font-size: 12px;\n font-weight: bold;\n padding: 5px 14px;\n border-radius: 99px;\n border: 1px solid var(--primary-light);\n }\n\n .effects-wrap {\n padding: 72px 0;\n background: var(--white);\n }\n .effects-inner {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 24px;\n }\n .effects-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-top: 40px;\n }\n @media (max-width: 640px) {\n .effects-grid { grid-template-columns: 1fr; }\n }\n .effect-card {\n background: var(--primary-ultra-pale);\n border: 1.5px solid var(--border);\n border-radius: 16px;\n padding: 28px 20px;\n text-align: center;\n }\n .effect-number {\n font-size: 11px;\n font-weight: bold;\n letter-spacing: 0.15em;\n color: var(--primary-dark);\n margin-bottom: 10px;\n }\n .effect-icon {\n width: 100%;\n max-width: 220px;\n aspect-ratio: 4 \/ 3;\n margin: 0 auto 12px;\n display: block;\n object-fit: cover;\n border-radius: 12px;\n }\n .effect-title {\n font-size: 16px;\n font-weight: 900;\n color: var(--text-dark);\n margin-bottom: 10px;\n line-height: 1.4;\n }\n .effect-desc {\n font-size: 13px;\n color: var(--text-light);\n line-height: 1.8;\n }\n\n .symptoms-wrap {\n background: var(--primary-pale);\n padding: 72px 0;\n }\n .symptoms-inner {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 24px;\n }\n .symptoms-cols {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n margin-top: 40px;\n }\n @media (max-width: 540px) {\n .symptoms-cols { grid-template-columns: 1fr; }\n }\n .symptom-group {\n background: var(--white);\n border-radius: 18px;\n padding: 28px 24px;\n box-shadow: 0 4px 20px rgba(116,192,189,0.1);\n }\n .symptom-group-title {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 15px;\n font-weight: 900;\n color: var(--accent);\n margin-bottom: 16px;\n padding-bottom: 12px;\n border-bottom: 2px solid var(--border);\n }\n .symptom-group-badge {\n background: var(--primary);\n color: var(--white);\n font-size: 11px;\n padding: 3px 10px;\n border-radius: 99px;\n font-weight: bold;\n }\n .symptom-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .symptom-list li {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 14px;\n color: var(--text-dark);\n }\n .symptom-list li::before {\n content: '';\n width: 8px; height: 8px;\n border-radius: 50%;\n background: var(--primary);\n flex-shrink: 0;\n }\n\n .mechanism-wrap {\n padding: 72px 0;\n background: var(--white);\n }\n .mechanism-inner {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 24px;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n margin-top: 40px;\n }\n @media (max-width: 580px) {\n .mechanism-cards { grid-template-columns: 1fr; }\n }\n .mech-card {\n border-radius: 18px;\n padding: 32px 24px;\n position: relative;\n overflow: hidden;\n }\n .mech-card-a {\n background: linear-gradient(135deg, var(--primary-pale) 0%, #d8f0ef 100%);\n border: 1.5px solid var(--primary-light);\n }\n .mech-card-b {\n background: linear-gradient(135deg, #fff8e1 0%, #ffecc4 100%);\n border: 1.5px solid #f0d8a0;\n }\n .mech-num {\n font-size: 64px;\n font-weight: 900;\n opacity: 0.08;\n position: absolute;\n right: 16px; top: 8px;\n line-height: 1;\n color: var(--accent);\n }\n .mech-icon {\n width: 100%;\n max-width: 220px;\n aspect-ratio: 4 \/ 3;\n margin-bottom: 14px;\n display: block;\n object-fit: cover;\n border-radius: 12px;\n }\n .mech-title {\n font-size: 16px;\n font-weight: 900;\n color: var(--text-dark);\n margin-bottom: 10px;\n }\n .mech-desc {\n font-size: 13.5px;\n color: var(--text-mid);\n line-height: 1.85;\n }\n\n .faq-wrap {\n background: var(--off-white);\n padding: 72px 0;\n }\n .faq-inner {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 24px;\n }\n .faq-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 40px;\n }\n .faq-item {\n background: var(--white);\n border: 1.5px solid var(--border);\n border-radius: 16px;\n overflow: hidden;\n cursor: pointer;\n transition: box-shadow 0.2s ease;\n }\n .faq-item:hover {\n box-shadow: 0 4px 20px rgba(116,192,189,0.15);\n }\n .faq-q {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 22px 24px;\n font-size: 15px;\n font-weight: bold;\n color: var(--text-dark);\n user-select: none;\n }\n .faq-q-badge {\n background: var(--primary);\n color: white;\n font-size: 13px;\n font-weight: 900;\n width: 28px; height: 28px;\n border-radius: 8px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n margin-top: 1px;\n }\n .faq-q-text { flex: 1; }\n .faq-chevron {\n font-size: 18px;\n color: var(--primary-dark);\n transition: transform 0.3s ease;\n flex-shrink: 0;\n }\n .faq-item.open .faq-chevron { transform: rotate(180deg); }\n .faq-a {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease;\n }\n .faq-item.open .faq-a { max-height: 320px; }\n .faq-a-inner {\n display: flex;\n gap: 14px;\n padding: 0 24px 22px;\n font-size: 14px;\n color: var(--text-mid);\n line-height: 1.85;\n border-top: 1px solid var(--border);\n padding-top: 16px;\n }\n .faq-a-badge {\n background: var(--primary-pale);\n color: var(--primary-dark);\n font-size: 13px;\n font-weight: 900;\n width: 28px; height: 28px;\n border-radius: 8px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n margin-top: 1px;\n border: 1px solid var(--primary-light);\n }\n\n .reason-wrap {\n background: #74c0bd;\n padding: 72px 0;\n }\n .reason-inner {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 10px;\n }\n .reason-section-label .section-label-text { color: rgba(255,255,255,0.6); }\n .reason-section-label .section-label-line { background: rgba(255,255,255,0.2); }\n .reason-title {\n font-size: clamp(22px, 4.5vw, 32px)!important;\n font-weight: 900;\n color: var(--white);\n text-align: center;\n margin-bottom: 12px;\n }\n .reason-desc {\n font-size: 15px;\n color: rgba(255,255,255,0.75);\n line-height: 1.85;\n text-align: center;\n max-width: 620px;\n margin: 0 auto 40px;\n }\n .reason-cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n @media (max-width: 640px) {\n .reason-cards { grid-template-columns: 1fr; }\n }\n .reason-card {\n background: rgba(255,255,255,0.1);\n border: 1.5px solid rgba(255,255,255,0.18);\n border-radius: 18px;\n padding: 28px 20px;\n backdrop-filter: blur(6px);\n text-align: center;\n }\n .reason-step {\n font-size: 11px;\n font-weight: bold;\n letter-spacing: 0.14em;\n color: var(--primary-light);\n margin-bottom: 10px;\n }\n .reason-icon {\n width: 100%;\n max-width: 220px;\n aspect-ratio: 4 \/ 3;\n display: block;\n margin: 0 auto 12px;\n object-fit: cover;\n border-radius: 12px;\n }\n .reason-card-title {\n font-size: 15px;\n font-weight: 900;\n color: var(--white);\n margin-bottom: 10px;\n line-height: 1.4;\n }\n .reason-card-desc {\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n line-height: 1.8;\n }\n\n .closing-wrap {\n background: var(--white);\n padding: 64px 24px;\n text-align: center;\n }\n .closing-inner {\n max-width: 680px;\n margin: 0 auto;\n }\n .closing-title {\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 900;\n color: var(--text-dark);\n line-height: 1.5;\n margin-bottom: 16px;\n }\n .closing-title .hl {\n color: var(--primary-dark);\n border-bottom: 3px solid var(--primary);\n }\n .closing-desc {\n font-size: 15px;\n color: var(--text-mid);\n line-height: 1.9;\n margin-bottom: 0;\n }\n\n .wave-divider {\n line-height: 0;\n overflow: hidden;\n }\n .wave-divider svg {\n display: block;\n width: 100%;\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"hero\">\n <div class=\"fade-up\">\n <p class=\"hero-badge\">\u4e0d\u8abf\u6539\u5584\u3068\u518d\u767a\u4e88\u9632 \uff0f \u65bd\u8853\u00d7\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0<\/p>\n <h1 class=\"hero-title\">\n \u826f\u304f\u306a\u3063\u305f\u5148\u307e\u3067\u898b\u636e\u3048\u308b<br><span>\u65bd\u8853\u00d7<\/span>\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\n <\/h1>\n <p class=\"hero-sub\">\n \u75db\u307f\u3092\u53d6\u308b\u3001\u7de9\u3081\u308b\u3060\u3051\u3067\u306f\u6cbb\u3089\u306a\u3044\u30b1\u30fc\u30b9\u3082\u5c11\u306a\u304f\u3042\u308a\u307e\u305b\u3093\u3002<br>\n \u8eab\u4f53\u306e\u652f\u6301\u529b\u3001\u5b89\u5b9a\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u3082\u91cd\u8981\u3060\u304b\u3089\u3053\u305d\u3001\u5f53\u9662\u3067\u306f\u65bd\u8853\u3068\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u3001\u518d\u767a\u3057\u306b\u304f\u3044\u8eab\u4f53\u3065\u304f\u308a\u3092\u76ee\u6307\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div class=\"hero-img-wrap fade-up fade-up-d2\">\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/IMG_3601.jpg\" alt=\"\u65bd\u8853\u3068\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u306e\u30a4\u30e1\u30fc\u30b8\" style=\"width:100%;display:block;object-fit:cover;max-height:360px;\">\n <\/div>\n<\/div>\n\n<div class=\"wave-divider\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 48\" fill=\"#f3fafa\">\n <path d=\"M0,48 C360,0 1080,48 1440,0 L1440,48 Z\"\/>\n <\/svg>\n<\/div>\n\n<section class=\"section\">\n <div class=\"section-label fade-up\">\n <div class=\"section-label-line\"><\/div>\n <span class=\"section-label-text\">\u3053\u3093\u306a\u304a\u60a9\u307f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/span>\n <div class=\"section-label-line\"><\/div>\n <\/div>\n <h2 class=\"hvTreatment__title fade-up fade-up-d1\">\n \u305d\u306e\u4e0d\u8abf\u3001<span class=\"accent-mark\">\u65bd\u8853\u3060\u3051<\/span>\u3067\u7d42\u308f\u3063\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\n <\/h2>\n <p class=\"section-desc fade-up fade-up-d2\">\n \u4e00\u6642\u7684\u306b\u697d\u306b\u306a\u3063\u3066\u3082\u3001\u652f\u3048\u308b\u529b\u3084\u5b89\u5b9a\u6027\u304c\u4e0d\u8db3\u3057\u305f\u307e\u307e\u3060\u3068\u3001<br>\n \u540c\u3058\u75db\u307f\u3084\u4e0d\u8abf\u3092\u7e70\u308a\u8fd4\u3057\u3066\u3057\u307e\u3046\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\n <\/p>\n <div class=\"problem-grid\">\n <div class=\"problem-card fade-up fade-up-d1\">\n <span class=\"problem-card-wm\">01<\/span>\n <div class=\"problem-card-icon\">\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/c7625e1b-2317-4091-b5f8-8146b12fd747.jpg\" alt=\"\">\n <\/div>\n <p class=\"problem-card-text\">\u75db\u307f\u306f\u8efd\u304f\u306a\u308b\u304c\u3001\u3057\u3070\u3089\u304f\u3059\u308b\u3068\u307e\u305f\u540c\u3058\u5834\u6240\u304c\u3064\u3089\u304f\u306a\u308b<\/p>\n <\/div>\n <div class=\"problem-card fade-up fade-up-d2\">\n <span class=\"problem-card-wm\">02<\/span>\n <div class=\"problem-card-icon\">\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/1f677377-1939-4493-9ae7-c64c7c7c7a73.jpg\" alt=\"\">\n <\/div>\n <p class=\"problem-card-text\">\u8eab\u4f53\u3092\u652f\u3048\u308b\u529b\u3084\u5b89\u5b9a\u6027\u306e\u4f4e\u4e0b\u304c\u6c17\u306b\u306a\u3063\u3066\u3044\u308b<\/p>\n <\/div>\n <div class=\"problem-card fade-up fade-up-d3\">\n <span class=\"problem-card-wm\">03<\/span>\n <div class=\"problem-card-icon\">\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/01a810fd-e829-4d02-a071-b4285bd38337.jpg\" alt=\"\">\n <\/div>\n <p class=\"problem-card-text\">\u81ea\u5206\u306b\u5408\u3063\u305f\u65b9\u6cd5\u3067\u3001\u3072\u3068\u308a\u3072\u3068\u308a\u306e\u305f\u3081\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u6307\u5c0e\u3092\u53d7\u3051\u305f\u3044<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"what-is-wrap\">\n <div class=\"what-is-inner\">\n <div class=\"section-label fade-up\">\n <div class=\"section-label-line\"><\/div>\n <span class=\"section-label-text\">WHAT IS TREATMENT \u00d7 TRAINING<\/span>\n <div class=\"section-label-line\"><\/div>\n <\/div>\n <h2 class=\"hvTreatment__title fade-up fade-up-d1\">\u65bd\u8853\u00d7\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3068\u306f\uff1f<\/h2>\n <div class=\"two-col\">\n <div class=\"img-block fade-up fade-up-d1\">\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/IMG_3576.jpg\" alt=\"\u65bd\u8853\u3068\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u306e\u30a4\u30e1\u30fc\u30b8\" style=\"width:100%;display:block;aspect-ratio:4\/3;object-fit:cover;\">\n <\/div>\n <div class=\"fade-up fade-up-d2\">\n <h3 class=\"text-block-title\">\n \u4e0d\u8abf\u3092\u6574\u3048\u308b\u3060\u3051\u3067\u306a\u304f\u3001<br>\u652f\u3048\u3089\u308c\u308b\u8eab\u4f53\u3092\u3064\u304f\u308b\u8003\u3048\u65b9\n <\/h3>\n <p class=\"text-block-body\">\n \u65bd\u8853\u00d7\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u306f\u3001\u4eca\u3042\u308b\u75db\u307f\u3084\u4e0d\u8abf\u3092\u30b1\u30a2\u3059\u308b\u65bd\u8853\u3068\u3001\u305d\u306e\u72b6\u614b\u3092\u7e70\u308a\u8fd4\u3057\u306b\u304f\u304f\u3059\u308b\u305f\u3081\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u8003\u3048\u65b9\u3067\u3059\u3002<br><br>\n \u75db\u307f\u3092\u53d6\u308b\u3001\u7de9\u3081\u308b\u3060\u3051\u3067\u306f\u6cbb\u3089\u306a\u3044\u30b1\u30fc\u30b9\u3067\u306f\u3001\u7b4b\u529b\u3060\u3051\u3067\u306a\u304f\u3001\u8eab\u4f53\u306e\u652f\u6301\u529b\u3001\u5b89\u5b9a\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u3082\u91cd\u8981\u306b\u306a\u308a\u307e\u3059\u3002<br><br>\n \u5f53\u9662\u3067\u306f\u3001\u72b6\u614b\u3092\u898b\u6975\u3081\u305f\u3046\u3048\u3067\u3001\u3072\u3068\u308a\u3072\u3068\u308a\u306e\u305f\u3081\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u6307\u5c0e\u3092\u884c\u3044\u3001\u65e5\u5e38\u751f\u6d3b\u3084\u30b9\u30dd\u30fc\u30c4\u3067\u4f7f\u3044\u3084\u3059\u3044\u8eab\u4f53\u3065\u304f\u308a\u307e\u3067\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"tag-list\">\n <span class=\"tag\">\u518d\u767a\u4e88\u9632<\/span>\n <span class=\"tag\">\u652f\u6301\u529b\u5411\u4e0a<\/span>\n <span class=\"tag\">\u5b89\u5b9a\u6027\u30a2\u30c3\u30d7<\/span>\n <span class=\"tag\">\u500b\u5225\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u6307\u5c0e<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"effects-wrap\">\n <div class=\"effects-inner\">\n <div class=\"section-label fade-up\">\n <div class=\"section-label-line\"><\/div>\n <span class=\"section-label-text\">EFFECTS<\/span>\n <div class=\"section-label-line\"><\/div>\n <\/div>\n <h2 class=\"hvTreatment__title fade-up fade-up-d1\">\n \u65bd\u8853\u00d7\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u306e<span class=\"accent-mark\">3\u3064\u306e\u7279\u5fb4<\/span>\n <\/h2>\n <div class=\"effects-grid\">\n <div class=\"effect-card fade-up fade-up-d1\">\n <p class=\"effect-number\">EFFECT 01<\/p>\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2880.jpg\" alt=\"\" class=\"effect-icon\">\n <h3 class=\"effect-title\">\u75db\u307f\u3084\u4e0d\u8abf\u3092\u6574\u3048\u308b<\/h3>\n <p class=\"effect-desc\">\u307e\u305a\u306f\u65bd\u8853\u306b\u3088\u3063\u3066\u75db\u307f\u3084\u3053\u308f\u3070\u308a\u3001\u52d5\u304b\u3057\u306b\u304f\u3055\u3092\u6574\u3048\u3001\u8eab\u4f53\u304c\u6b63\u3057\u304f\u52d5\u304d\u3084\u3059\u3044\u571f\u53f0\u3092\u3064\u304f\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"effect-card fade-up fade-up-d2\">\n <p class=\"effect-number\">EFFECT 02<\/p>\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/c35a39e8-3188-43d8-b222-495f473bdb03.jpg\" alt=\"\" class=\"effect-icon\">\n <h3 class=\"effect-title\">\u652f\u6301\u529b\u30fb\u5b89\u5b9a\u6027\u5411\u4e0a<\/h3>\n <p class=\"effect-desc\">\u7de9\u3081\u308b\u3060\u3051\u3067\u7d42\u308f\u3089\u305b\u305a\u3001\u8eab\u4f53\u3092\u652f\u3048\u308b\u529b\u3084\u5b89\u5b9a\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u3067\u3001\u518d\u3073\u8ca0\u62c5\u304c\u96c6\u4e2d\u3057\u306b\u304f\u3044\u72b6\u614b\u3092\u76ee\u6307\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"effect-card fade-up fade-up-d3\">\n <p class=\"effect-number\">EFFECT 03<\/p>\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/IMG_3584.jpg\" alt=\"\" class=\"effect-icon\">\n <h3 class=\"effect-title\">\u72b6\u614b\u306b\u5408\u308f\u305b\u305f\u6307\u5c0e<\/h3>\n <p class=\"effect-desc\">\u5e74\u9f62\u3084\u4f53\u529b\u3001\u75db\u307f\u306e\u72b6\u614b\u3001\u751f\u6d3b\u30b9\u30bf\u30a4\u30eb\u306b\u5408\u308f\u305b\u3066\u3001\u7121\u7406\u306a\u304f\u7d9a\u3051\u3084\u3059\u3044\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u5185\u5bb9\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"symptoms-wrap\">\n <div class=\"symptoms-inner\">\n <div class=\"section-label fade-up\">\n <div class=\"section-label-line\"><\/div>\n <span class=\"section-label-text\">SYMPTOMS<\/span>\n <div class=\"section-label-line\"><\/div>\n <\/div>\n <h2 class=\"hvTreatment__title fade-up fade-up-d1\">\u65bd\u8853\u00d7\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u304c\u5411\u3044\u3066\u3044\u308b\u4e3b\u306a\u72b6\u614b<\/h2>\n <p class=\"section-desc fade-up fade-up-d2\">\u4e00\u6642\u7684\u306a\u6539\u5584\u3060\u3051\u3067\u306a\u304f\u3001\u305d\u306e\u5148\u306e\u518d\u767a\u4e88\u9632\u3084\u52d5\u304d\u3084\u3059\u3055\u5411\u4e0a\u307e\u3067\u8003\u3048\u305f\u3044\u65b9\u306b\u5411\u3044\u3066\u3044\u307e\u3059\u3002<\/p>\n <div class=\"symptoms-cols\">\n <div class=\"symptom-group fade-up fade-up-d1\">\n <div class=\"symptom-group-title\">\n <span class=\"symptom-group-badge\">\u4e0d\u8abf\u306e\u53cd\u5fa9<\/span>\n \u7e70\u308a\u8fd4\u3059\u60a9\u307f\u306b\n <\/div>\n <ul class=\"symptom-list\">\n <li>\u4f55\u5ea6\u3082\u7e70\u308a\u8fd4\u3059\u8170\u75db<\/li>\n <li>\u6162\u6027\u7684\u306a\u80a9\u3053\u308a<\/li>\n <li>\u518d\u767a\u3057\u3084\u3059\u3044\u819d\u306e\u75db\u307f<\/li>\n <li>\u30b9\u30dd\u30fc\u30c4\u6642\u306e\u9055\u548c\u611f<\/li>\n <li>\u59ff\u52e2\u306e\u5d29\u308c\u306b\u3088\u308b\u8ca0\u62c5<\/li>\n <\/ul>\n <\/div>\n <div class=\"symptom-group fade-up fade-up-d2\">\n <div class=\"symptom-group-title\">\n <span class=\"symptom-group-badge\">\u6a5f\u80fd\u4f4e\u4e0b<\/span>\n \u652f\u3048\u308b\u529b\u306e\u898b\u76f4\u3057\u306b\n <\/div>\n <ul class=\"symptom-list\">\n <li>\u4f53\u5e79\u306e\u5f31\u3055\u304c\u6c17\u306b\u306a\u308b<\/li>\n <li>\u8eab\u4f53\u306e\u3050\u3089\u3064\u304d\u3084\u4e0d\u5b89\u5b9a\u611f<\/li>\n <li>\u6b63\u3057\u3044\u52d5\u304b\u3057\u65b9\u304c\u5206\u304b\u3089\u306a\u3044<\/li>\n <li>\u904b\u52d5\u3092\u59cb\u3081\u305f\u3044\u304c\u4e0d\u5b89\u304c\u3042\u308b<\/li>\n <li>\u75db\u307f\u3092\u7e70\u308a\u8fd4\u3055\u306a\u3044\u8eab\u4f53\u3092\u3064\u304f\u308a\u305f\u3044<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"mechanism-wrap\">\n <div class=\"mechanism-inner\">\n <div class=\"section-label fade-up\">\n <div class=\"section-label-line\"><\/div>\n <span class=\"section-label-text\">MECHANISM<\/span>\n <div class=\"section-label-line\"><\/div>\n <\/div>\n <h2 class=\"hvTreatment__title fade-up fade-up-d1\">\n \u306a\u305c\u65bd\u8853\u3068\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u306e<span class=\"accent-mark\">\u4e21\u65b9\u304c\u5fc5\u8981\u306a\u306e\u304b<\/span>\uff1f\n <\/h2>\n <p class=\"section-desc fade-up fade-up-d2\">\n \u305d\u306e\u5834\u306e\u75db\u307f\u3092\u53d6\u308b\u3053\u3068\u306f\u5927\u5207\u3067\u3059\u304c\u3001<br>\n \u8eab\u4f53\u304c\u6b63\u3057\u304f\u652f\u3048\u3089\u308c\u306a\u3044\u307e\u307e\u3060\u3068\u3001\u540c\u3058\u8ca0\u62c5\u304c\u7e70\u308a\u8fd4\u3055\u308c\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002\n <\/p>\n <div class=\"mechanism-cards\">\n <div class=\"mech-card mech-card-a fade-up fade-up-d1\">\n <span class=\"mech-num\">01<\/span>\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2927.jpg\" alt=\"\" class=\"mech-icon\">\n <h3 class=\"mech-title\">\u65bd\u8853\u3067\u6574\u3048\u3001\u52d5\u304d\u3084\u3059\u3044\u72b6\u614b\u3092\u3064\u304f\u308b<\/h3>\n <p class=\"mech-desc\">\n \u7b4b\u8089\u306e\u7dca\u5f35\u3084\u95a2\u7bc0\u307e\u308f\u308a\u306e\u52d5\u304b\u3057\u306b\u304f\u3055\u3001\u75db\u307f\u306b\u3088\u308b\u5236\u9650\u3092\u6574\u3048\u308b\u3053\u3068\u3067\u3001\u8eab\u4f53\u304c\u672c\u6765\u306e\u52d5\u304d\u3092\u51fa\u3057\u3084\u3059\u3044\u72b6\u614b\u3078\u5c0e\u304d\u307e\u3059\u3002\u307e\u305a\u6574\u3048\u308b\u3053\u3068\u304c\u3001\u6b21\u306e\u6bb5\u968e\u306b\u3064\u306a\u304c\u308a\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div class=\"mech-card mech-card-b fade-up fade-up-d2\">\n <span class=\"mech-num\">02<\/span>\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/302d49df-d50a-4d86-82cd-5f21196917ee.jpg\" alt=\"\" class=\"mech-icon\">\n <h3 class=\"mech-title\">\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3067\u652f\u3048\u308b\u529b\u3092\u80b2\u3066\u308b<\/h3>\n <p class=\"mech-desc\">\n \u8eab\u4f53\u306e\u652f\u6301\u529b\u3001\u5b89\u5b9a\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u3082\u91cd\u8981\u3067\u3059\u3002\u6b63\u3057\u3044\u4f7f\u3044\u65b9\u3092\u899a\u3048\u306a\u304c\u3089\u652f\u3048\u308b\u529b\u3092\u9ad8\u3081\u308b\u3053\u3068\u3067\u3001\u65e5\u5e38\u52d5\u4f5c\u3084\u904b\u52d5\u6642\u306e\u8ca0\u62c5\u3092\u6e1b\u3089\u3057\u3001\u518d\u767a\u3057\u306b\u304f\u3044\u8eab\u4f53\u3065\u304f\u308a\u3092\u76ee\u6307\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"faq-wrap\">\n <div class=\"faq-inner\">\n <div class=\"section-label fade-up\">\n <div class=\"section-label-line\"><\/div>\n <span class=\"section-label-text\">FAQ<\/span>\n <div class=\"section-label-line\"><\/div>\n <\/div>\n <h2 class=\"hvTreatment__title fade-up fade-up-d1\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/h2>\n <div class=\"faq-list\">\n <div class=\"faq-item fade-up fade-up-d1\">\n <div class=\"faq-q\">\n <span class=\"faq-q-badge\">Q<\/span>\n <span class=\"faq-q-text\">\u75db\u307f\u304c\u3042\u308b\u72b6\u614b\u3067\u3082\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u306f\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n <div class=\"faq-a\">\n <div class=\"faq-a-inner\">\n <span class=\"faq-a-badge\">A<\/span>\n <span>\u72b6\u614b\u306b\u3088\u308a\u307e\u3059\u304c\u3001\u307e\u305a\u306f\u65bd\u8853\u3067\u75db\u307f\u3084\u52d5\u304d\u306e\u5236\u9650\u3092\u6574\u3048\u305f\u3046\u3048\u3067\u3001\u7121\u7406\u306e\u306a\u3044\u7bc4\u56f2\u304b\u3089\u59cb\u3081\u3066\u3044\u304d\u307e\u3059\u3002\u75db\u307f\u3092\u6211\u6162\u3057\u3066\u5f37\u3044\u904b\u52d5\u3092\u884c\u3046\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-item fade-up fade-up-d2\">\n <div class=\"faq-q\">\n <span class=\"faq-q-badge\">Q<\/span>\n <span class=\"faq-q-text\">\u904b\u52d5\u304c\u82e6\u624b\u3067\u3082\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f<\/span>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n <div class=\"faq-a\">\n <div class=\"faq-a-inner\">\n <span class=\"faq-a-badge\">A<\/span>\n <span>\u5927\u4e08\u592b\u3067\u3059\u3002\u3072\u3068\u308a\u3072\u3068\u308a\u306e\u305f\u3081\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u6307\u5c0e\u3092\u884c\u3046\u305f\u3081\u3001\u4f53\u529b\u3084\u7d4c\u9a13\u306b\u5408\u308f\u305b\u3066\u3001\u7c21\u5358\u306a\u5185\u5bb9\u304b\u3089\u6bb5\u968e\u7684\u306b\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-item fade-up fade-up-d3\">\n <div class=\"faq-q\">\n <span class=\"faq-q-badge\">Q<\/span>\n <span class=\"faq-q-text\">\u65bd\u8853\u3060\u3051\u53d7\u3051\u308b\u306e\u3068\u4f55\u304c\u9055\u3044\u307e\u3059\u304b\uff1f<\/span>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n <div class=\"faq-a\">\n <div class=\"faq-a-inner\">\n <span class=\"faq-a-badge\">A<\/span>\n <span>\u65bd\u8853\u3060\u3051\u3067\u3082\u4e00\u6642\u7684\u306b\u697d\u306b\u306a\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u3059\u304c\u3001\u75db\u307f\u3092\u53d6\u308b\u3001\u7de9\u3081\u308b\u3060\u3051\u3067\u306f\u6cbb\u3089\u306a\u3044\u30b1\u30fc\u30b9\u3082\u3042\u308a\u307e\u3059\u3002\u65bd\u8853\u5f8c\u306b\u652f\u3048\u308b\u529b\u3084\u5b89\u5b9a\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u3067\u3001\u3088\u308a\u826f\u3044\u72b6\u614b\u3092\u7dad\u6301\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"reason-wrap\">\n <div class=\"reason-inner\">\n <div class=\"section-label reason-section-label fade-up\">\n <div class=\"section-label-line\"><\/div>\n <span class=\"section-label-text\">REASON<\/span>\n <div class=\"section-label-line\"><\/div>\n <\/div>\n <h2 class=\"reason-title fade-up fade-up-d1\">BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\u306e\u65bd\u8853\u00d7\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u304c\u9078\u3070\u308c\u308b\u7406\u7531<\/h2>\n <p class=\"reason-desc fade-up fade-up-d2\">\n \u76ee\u306e\u524d\u306e\u75db\u307f\u3060\u3051\u3067\u7d42\u308f\u3089\u305b\u305a\u3001<br>\n \u3053\u308c\u304b\u3089\u5148\u3082\u52d5\u304d\u3084\u3059\u3044\u8eab\u4f53\u3092\u3064\u304f\u308b\u3053\u3068\u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n <div class=\"reason-cards\">\n <div class=\"reason-card fade-up fade-up-d1\">\n <p class=\"reason-step\">POINT 01<\/p>\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2940.jpg\" alt=\"\" class=\"reason-icon\">\n <h3 class=\"reason-card-title\">\u6574\u3048\u3066\u304b\u3089\u935b\u3048\u308b<\/h3>\n <p class=\"reason-card-desc\">\u3044\u304d\u306a\u308a\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3092\u3059\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u307e\u305a\u65bd\u8853\u3067\u8eab\u4f53\u3092\u6574\u3048\u3066\u304b\u3089\u9032\u3081\u308b\u3053\u3068\u3067\u3001\u7121\u7406\u306a\u304f\u6b63\u3057\u3044\u52d5\u304d\u306b\u3064\u306a\u3052\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"reason-card fade-up fade-up-d2\">\n <p class=\"reason-step\">POINT 02<\/p>\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/IMG_3601.jpg\" alt=\"\" class=\"reason-icon\">\n <h3 class=\"reason-card-title\">\u652f\u6301\u529b\u30fb\u5b89\u5b9a\u6027\u3092\u91cd\u8981\u8996<\/h3>\n <p class=\"reason-card-desc\">\u75db\u3044\u5834\u6240\u3060\u3051\u3092\u898b\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u306a\u305c\u305d\u3053\u306b\u8ca0\u62c5\u304c\u96c6\u4e2d\u3057\u305f\u306e\u304b\u3092\u8003\u3048\u3001\u8eab\u4f53\u3092\u652f\u3048\u308b\u529b\u3084\u5b89\u5b9a\u6027\u307e\u3067\u542b\u3081\u3066\u6574\u3048\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"reason-card fade-up fade-up-d3\">\n <p class=\"reason-step\">POINT 03<\/p>\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2804.jpg\" alt=\"\" class=\"reason-icon\">\n <h3 class=\"reason-card-title\">\u500b\u5225\u306b\u5408\u308f\u305b\u305f\u6307\u5c0e<\/h3>\n <p class=\"reason-card-desc\">\u5e74\u9f62\u3001\u76ee\u7684\u3001\u751f\u6d3b\u30b9\u30bf\u30a4\u30eb\u3001\u75c7\u72b6\u306b\u5408\u308f\u305b\u3066\u3001\u3072\u3068\u308a\u3072\u3068\u308a\u306e\u305f\u3081\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u6307\u5c0e\u3092\u884c\u3044\u3001\u7d9a\u3051\u3084\u3059\u3055\u307e\u3067\u91cd\u8996\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"closing-wrap\">\n <div class=\"closing-inner\">\n <h2 class=\"closing-title fade-up\">\n \u75db\u307f\u3092\u53d6\u308b\u3060\u3051\u3067\u7d42\u308f\u3089\u305b\u305a<br><span class=\"hl\">\u652f\u3048\u3089\u308c\u308b\u8eab\u4f53\u3078<\/span>\n <\/h2>\n <p class=\"closing-desc fade-up fade-up-d1\">\n \u5f53\u9662\u3067\u306f\u65bd\u8853\u3067\u6574\u3048\u308b\u3053\u3068\u306b\u52a0\u3048\u3066\u3001\u8eab\u4f53\u306e\u652f\u6301\u529b\u3001\u5b89\u5b9a\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u307e\u3067\u4e00\u8cab\u3057\u3066\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<br>\n \u7e70\u308a\u8fd4\u3059\u75db\u307f\u3084\u4e0d\u8abf\u3092\u6839\u672c\u304b\u3089\u898b\u76f4\u3057\u305f\u3044\u65b9\u306f\u3001\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n <\/p>\n <\/div>\n<\/div>\n\n<script>\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12 });\n\n document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\n\n document.querySelectorAll('.faq-item').forEach(item => {\n item.querySelector('.faq-q').addEventListener('click', () => {\n const isOpen = item.classList.contains('open');\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\n if (!isOpen) item.classList.add('open');\n });\n });\n<\/script>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\"><div class=\"swell-block-fullWide__inner l-container\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading is-style-section_ttl u-mb-ctrl u-mb-10\" style=\"line-height:1.1\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">RESERVATION<\/mark><br><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\"><span style=\"font-size:40px\" class=\"swl-fz\">\u4e88\u7d04\u306e\u3054\u6848\u5185<\/span><\/mark><\/h2>\n\n\n\n<!DOCTYPE html>\r\n<html lang=\"ja\">\r\n<head>\r\n \r\n \r\n <title>\u30b9\u30de\u30db1\u3064\u3067\u30ab\u30f3\u30bf\u30f3\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u4e88\u7d04<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body{\r\n font-family: 'Noto Sans JP', sans-serif;\r\n background:#fff;\r\n }\r\n\r\n .section-wrapper {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n position: relative;\r\n padding: 24px 16px 90px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Main green card \u2500\u2500\u2500 *\/\r\n .green-card {\r\n background: #74c0bd;\r\n border-radius: 28px;\r\n padding: 8px 28px 18px 60px;\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) 240px 250px;\r\n align-items: center;\r\n gap: 28px;\r\n position: relative;\r\n overflow: visible;\r\n min-height: 400px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Left: text \u2500\u2500\u2500 *\/\r\n .left-content {\r\n color: #fff;\r\n min-width: 0;\r\n max-width: 520px;\r\n padding-right: 8px;\r\n }\r\n\r\n .headline-small {\r\n font-size: 21px;\r\n font-weight: 700;\r\n letter-spacing: 0.04em;\r\n line-height: 1.5;\r\n margin-bottom: 10px;\r\n color: rgba(255,255,255,0.96);\r\n }\r\n\r\n .headline-large {\r\n font-size: clamp(24px, 3.6vw, 44px);\r\n font-weight: 900;\r\n letter-spacing: 0.02em;\r\n line-height: 1.28;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .headline-sub {\r\n font-size: clamp(26px, 2vw, 32px);\r\n font-weight: 800;\r\n line-height: 1.4;\r\n margin-bottom: 10px;\r\n color: #fff;\r\n }\r\n\r\n .divider {\r\n width: 100%;\r\n max-width: 430px;\r\n height: 3px;\r\n background: rgba(255,255,255,0.45);\r\n margin-bottom: 24px;\r\n }\r\n\r\n .food-title {\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: #fff;\r\n line-height: 1.6;\r\n margin-top: 17px;\r\n margin-bottom: 17px;\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n .food-desc {\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: rgba(255,255,255,0.92);\r\n line-height: 2;\r\n max-width: 420px;\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Center: LINE badge \u2500\u2500\u2500 *\/\r\n .center-badge {\r\n flex-shrink: 0;\r\n position: relative;\r\n width: 220px;\r\n height: 220px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 5;\r\n justify-self: center;\r\n }\r\n\r\n .badge-link{\r\n position: relative;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:100%;\r\n height:100%;\r\n text-decoration:none;\r\n transition: transform .25s ease, opacity .25s ease;\r\n }\r\n\r\n .badge-link:hover{\r\n transform: translateY(-3px);\r\n opacity: .96;\r\n }\r\n\r\n .ring-svg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n animation: rotateSlow 18s linear infinite;\r\n pointer-events: none;\r\n }\r\n\r\n @keyframes rotateSlow {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n .badge-inner {\r\n width: 160px;\r\n height: 160px;\r\n background: #fff;\r\n border-radius: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n z-index: 2;\r\n padding: 10px;\r\n text-align:center;\r\n }\r\n\r\n .badge-text {\r\n font-size: 12px;\r\n font-weight: 800;\r\n color: #3a3a3a;\r\n text-align: center;\r\n line-height: 1.5;\r\n }\r\n\r\n .line-icon {\r\n width: 54px;\r\n height: 54px;\r\n background: #06C755;\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n\r\n .line-icon img {\r\n display: block;\r\n width: 36px;\r\n height: 36px;\r\n object-fit: contain;\r\n }\r\n\r\n .badge-note {\r\n font-size: 10px;\r\n color: #666;\r\n text-align: center;\r\n line-height: 1.55;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Right: phone photo \u2500\u2500\u2500 *\/\r\n .right-phone {\r\n align-self: stretch;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: -72px;\r\n margin-bottom: -72px;\r\n margin-right: -14px;\r\n position: relative;\r\n z-index: 3;\r\n }\r\n\r\n .phone-img-wrap {\r\n width: 240px;\r\n max-width: 100%;\r\n }\r\n\r\n .phone-img-wrap img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n }\r\n\r\n .phone-placeholder {\r\n width: 240px;\r\n height: 480px;\r\n background: rgba(255,255,255,0.10);\r\n border: 2px dashed rgba(255,255,255,0.45);\r\n border-radius: 38px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n color: rgba(255,255,255,0.75);\r\n font-size: 12px;\r\n font-weight: 600;\r\n text-align: center;\r\n line-height: 1.7;\r\n filter: drop-shadow(0 24px 48px rgba(0,0,0,0.25));\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Tablet \u2500\u2500\u2500 *\/\r\n @media (max-width: 980px) {\r\n .section-wrapper{\r\n padding: 18px 12px 36px;\r\n }\r\n\r\n .green-card {\r\n grid-template-columns: 1fr;\r\n gap: 18px;\r\n padding: 34px 24px 28px;\r\n min-height: auto;\r\n border-radius: 22px;\r\n }\r\n\r\n .left-content {\r\n max-width: none;\r\n padding-right: 0;\r\n }\r\n\r\n .headline-small {\r\n font-size: 16px;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .headline-large {\r\n font-size: 34px;\r\n line-height: 1.4;\r\n }\r\n\r\n .headline-sub {\r\n font-size: 23px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .divider {\r\n max-width: none;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .food-title {\r\n font-size: 18px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .food-desc {\r\n max-width: none;\r\n font-size: 12px;\r\n line-height: 1.9;\r\n }\r\n\r\n .right-phone {\r\n order: 2;\r\n margin: 0;\r\n align-self: center;\r\n }\r\n\r\n .center-badge {\r\n order: 3;\r\n width: 200px;\r\n height: 200px;\r\n margin: 2px auto 0;\r\n }\r\n\r\n .phone-img-wrap {\r\n width: 180px;\r\n }\r\n\r\n .badge-inner {\r\n width: 130px;\r\n height: 130px;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Mobile \u2500\u2500\u2500 *\/\r\n @media (max-width: 640px) {\r\n .section-wrapper {\r\n padding: 6px;\r\n }\r\n\r\n .green-card {\r\n padding: 22px 18px 20px;\r\n gap: 12px;\r\n border-radius: 18px;\r\n }\r\n\r\n .left-content{\r\n text-align:left;\r\n }\r\n\r\n .headline-small {\r\n font-size: 13px;\r\n margin-bottom: 3px;\r\n text-align:center;\r\n }\r\n\r\n .headline-large {\r\n font-size: 33px;\r\n line-height: 1.6;\r\n margin-bottom: 12px;\r\n text-align:center;\r\n }\r\n\r\n .divider {\r\n margin-bottom: 22px;\r\n }\r\n\r\n .food-title {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n margin-top: 18px;\r\n margin-bottom: 18px;\r\n text-align:center;\r\n }\r\n\r\n .food-desc {\r\n font-size: 12px;\r\n line-height: 2.25;\r\n text-align:center;\r\n }\r\n\r\n .right-phone {\r\n margin-top: 44px;\r\n }\r\n\r\n .phone-img-wrap {\r\n width: 132px;\r\n }\r\n\r\n .center-badge {\r\n width: 200px;\r\n height: 200px;\r\n margin-top: 0;\r\n }\r\n\r\n .badge-inner {\r\n width: 145px;\r\n height: 145px;\r\n gap: 6px;\r\n }\r\n\r\n .badge-text {\r\n font-size: 14px;\r\n line-height: 1.2;\r\n }\r\n\r\n .line-icon {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n }\r\n\r\n .line-icon img {\r\n width: 28px;\r\n height: 28px;\r\n }\r\n\r\n .badge-note {\r\n font-size: 8.5px;\r\n margin-top: 1px;\r\n line-height: 1.25;\r\n }\r\n\r\n .ring-svg text{\r\n font-size: 10px;\r\n }\r\n\r\n .ring-sp text{\r\n font-size: 8.9px;\r\n letter-spacing: 2.1px;\r\n }\r\n }\r\n\r\n .ring-sp{\r\n display:none;\r\n }\r\n\r\n @media (max-width:640px){\r\n .ring-pc{\r\n display:none;\r\n }\r\n\r\n .ring-sp{\r\n display:block;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"section-wrapper\">\r\n <div class=\"green-card\">\r\n\r\n \r\n <div class=\"left-content\">\r\n <p class=\"headline-small\">\uff3c\u30b9\u30de\u30db1\u3064\u3067\u30ab\u30f3\u30bf\u30f3\u306b\uff0f<\/p>\r\n <p class=\"headline-large\">\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u4e88\u7d04<\/p>\r\n <div class=\"divider\"><\/div>\r\n <p class=\"food-title\">LINE\u3067\u9805\u76ee\u9078\u629e\u3059\u308b\u3060\u3051\u3067\u4e88\u7d04\u3067\u304d\u308b\uff01<\/p>\r\n <p class=\"food-desc\">\r\n \u5f53\u9662\u3067\u306f\u5065\u5eb7\u4fdd\u967a\/\u81ea\u8cbb\u65bd\u8853\/\u4ea4\u901a\u4e8b\u6545\u306a\u3069\u69d8\u3005\u306a<br>\r\n \u75c7\u72b6\u306b\u5bfe\u3057\u3066\u9069\u5207\u306a\u65bd\u8853\u3092\u3054\u63d0\u6848\u3057\u3066\u3044\u307e\u3059\u3002<br>\r\n \u521d\u3081\u3066\u3067\u4e0d\u5b89\u306a\u65b9\u306f\u30c8\u30fc\u30af\u304b\u3089\u6c17\u8efd\u306b\u3054\u8cea\u554f\u304f\u3060\u3055\u3044\u3002\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"center-badge\">\r\n <a class=\"badge-link\" href=\"https:\/\/line.me\/R\/ti\/p\/@184nzgay\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"LINE\u3067\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u4e88\u7d04\">\r\n <svg class=\"ring-svg ring-pc\" viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <defs>\r\n <path id=\"cp\" d=\"M110,110 m-92,0 a92,92 0 1,1 184,0 a92,92 0 1,1 -184,0\"\/>\r\n <\/defs>\r\n <text font-family=\"'Noto Sans JP', sans-serif\" font-size=\"11.5\" font-weight=\"700\" fill=\"white\" letter-spacing=\"2.7\">\r\n <textPath href=\"#cp\">\r\n BASE SHINKYU SEKKOTSUIN BASE SHINKYU SEKKOTSUIN \r\n <\/textPath>\r\n <\/text>\r\n <\/svg>\r\n\r\n \r\n <svg class=\"ring-svg ring-sp\" viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <defs>\r\n <path id=\"cp2\" d=\"M110,110 m-92,0 a92,92 0 1,1 184,0 a92,92 0 1,1 -184,0\"\/>\r\n <\/defs>\r\n <text font-family=\"'Noto Sans JP', sans-serif\" font-size=\"8.9\" font-weight=\"700\" fill=\"white\" letter-spacing=\"1.15\">\r\n <textPath href=\"#cp2\">\r\n BASE SHINKYU SEKKOTSUIN \u30fb BASE SHINKYU SEKKOTSUIN \u30fb BASE SHINKYU SEKKOTSUIN \u30fb\r\n <\/textPath>\r\n <\/text>\r\n <\/svg>\r\n\r\n <div class=\"badge-inner\">\r\n <p class=\"badge-text\">\u304a\u554f\u3044\u5408\u308f\u305b<br>\u4e88\u7d04\u306fLINE\u304b\u3089<\/p>\r\n\r\n <div class=\"line-icon\" aria-hidden=\"true\">\r\n <img decoding=\"async\"\r\n src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/370f42a7d0aeef7bf77ef695280ee58f.png\"\r\n alt=\"\"\r\n >\r\n <\/div>\r\n\r\n <p class=\"badge-note\">\u203b\u30bf\u30c3\u30d7\u3059\u308b\u3068<br>LINE\u304c\u958b\u304d\u307e\u3059<\/p>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"right-phone\">\r\n <div class=\"phone-img-wrap\">\r\n <img decoding=\"async\"\r\n src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/fb6da81da3b86164cddacafd5ed30aaa.png\"\r\n alt=\"LINE\u30a2\u30d7\u30ea\u753b\u9762\"\r\n >\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\n<\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"swell_btn_cv_data":"","footnotes":""},"class_list":["post-739","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/pages\/739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/comments?post=739"}],"version-history":[{"count":8,"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/pages\/739\/revisions"}],"predecessor-version":[{"id":1011,"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/pages\/739\/revisions\/1011"}],"wp:attachment":[{"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/media?parent=739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n\n\n\u65bd\u8853\u00d7\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0 | BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662<\/title>\n<style>\n :root {\n --primary: #74c0bd;\n --primary-light: #a8d8d6;\n --primary-dark: #4fa3a0;\n --primary-pale: #e8f6f5;\n --primary-ultra-pale: #f3fafa;\n --accent: #2c7873;\n --text-dark: #2d3748;\n --text-mid: #4a5568;\n --text-light: #718096;\n --white: #ffffff;\n --off-white: #f9fffe;\n --border: #d0ebe9;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n .fade-up {\n opacity: 0;\n transform: translateY(32px);\n transition: opacity 0.75s ease, transform 0.75s ease;\n }\n .fade-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n .fade-up-d1 { transition-delay: 0.1s; }\n .fade-up-d2 { transition-delay: 0.2s; }\n .fade-up-d3 { transition-delay: 0.3s; }\n .fade-up-d4 { transition-delay: 0.4s; }\n .fade-up-d5 { transition-delay: 0.5s; }\n\n .hero {\n position: relative;\n background: linear-gradient(135deg, #eaf7f6 0%, #c8ebe9 40%, #74c0bd 100%);\n padding: 72px 24px 80px;\n overflow: hidden;\n text-align: center;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -60px; right: -60px;\n width: 300px; height: 300px;\n border-radius: 50%;\n background: rgba(116,192,189,0.18);\n }\n .hero::after {\n content: '';\n position: absolute;\n bottom: -80px; left: -40px;\n width: 240px; height: 240px;\n border-radius: 50%;\n background: rgba(255,255,255,0.22);\n }\n .hero-badge {\n display: inline-block;\n background: var(--white);\n color: var(--primary-dark);\n font-size: 12px;\n font-weight: bold;\n letter-spacing: 0.12em;\n padding: 6px 18px;\n border-radius: 99px;\n margin-bottom: 20px;\n border: 1.5px solid var(--primary);\n position: relative; z-index: 1;\n }\n .hero-title {\n font-size: clamp(28px, 6vw, 44px);\n font-weight: 900;\n color: var(--accent);\n line-height: 1.3;\n margin-bottom: 12px;\n position: relative; z-index: 1;\n }\n .hero-title span {\n color: var(--white);\n display: inline-block;\n background: var(--primary-dark);\n padding: 2px 12px;\n border-radius: 6px;\n }\n .hero-sub {\n font-size: 16px;\n color: var(--accent);\n max-width: 620px;\n margin: 0 auto 28px;\n line-height: 1.75;\n position: relative; z-index: 1;\n }\n .hero-img-wrap {\n position: relative; z-index: 1;\n max-width: 640px;\n margin: 0 auto;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 20px 60px rgba(79,163,160,0.28);\n }\n .hero-img-wrap img {\n width: 100%;\n display: block;\n object-fit: cover;\n max-height: 360px;\n }\n\n .section {\n padding: 72px 24px;\n max-width: 900px;\n margin: 0 auto;\n }\n .section-label {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 10px;\n }\n .section-label-line {\n flex: 1;\n height: 2px;\n background: var(--primary-light);\n border-radius: 2px;\n }\n .section-label-text {\n font-size: 12px;\n font-weight: bold;\n letter-spacing: 0.14em;\n color: var(--primary-dark);\n white-space: nowrap;\n }\n .hvTreatment__title {\n font-size: clamp(22px, 4.5vw, 32px);\n font-weight: 900;\n color: var(--text-dark);\n line-height: 1.4;\n margin-bottom: 16px;\n text-align: center;\n }\n .hvTreatment__title .accent-mark {\n color: var(--primary-dark);\n border-bottom: 3px solid var(--primary);\n }\n .section-desc {\n font-size: 15px;\n color: var(--text-mid);\n line-height: 1.85;\n text-align: center;\n max-width: 700px;\n margin: 0 auto 40px;\n }\n\n .problem-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 18px;\n margin-bottom: 16px;\n }\n .problem-card {\n position: relative;\n background: var(--white);\n border: 1.5px solid var(--border);\n border-radius: 18px;\n padding: 22px 24px;\n display: flex;\n align-items: center;\n gap: 18px;\n box-shadow: 0 6px 20px rgba(116,192,189,0.08);\n overflow: hidden;\n isolation: isolate;\n }\n .problem-card-wm {\n position: absolute;\n top: 50%;\n right: 20px;\n transform: translateY(-50%);\n font-size: clamp(52px, 7vw, 90px);\n font-weight: 900;\n line-height: 1;\n color: var(--primary-dark);\n opacity: 0.07;\n z-index: 0;\n pointer-events: none;\n }\n .problem-card-icon {\n width: 112px;\n height: 112px;\n background: var(--primary-pale);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n z-index: 1;\n }\n .problem-card-icon img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n .problem-card-text {\n font-size: 18px;\n color: var(--text-dark);\n line-height: 1.75;\n font-weight: 500;\n position: relative;\n z-index: 1;\n padding-right: 72px;\n flex: 1;\n }\n\n @media (max-width: 768px) {\n .problem-card {\n padding: 16px 16px;\n gap: 14px;\n align-items: flex-start;\n }\n .problem-card-icon {\n width: 78px;\n height: 78px;\n border-radius: 14px;\n }\n .problem-card-text {\n font-size: 15px;\n line-height: 1.7;\n padding-right: 44px;\n }\n .problem-card-wm {\n right: 12px;\n bottom: 8px;\n top: auto;\n transform: none;\n font-size: 44px;\n opacity: 0.08;\n }\n }\n\n @media (max-width: 480px) {\n .problem-card {\n padding: 14px 14px;\n gap: 12px;\n }\n .problem-card-icon {\n width: 68px;\n height: 68px;\n }\n .problem-card-text {\n font-size: 14px;\n line-height: 1.65;\n padding-right: 36px;\n }\n .problem-card-wm {\n font-size: 38px;\n right: 10px;\n bottom: 6px;\n }\n }\n\n .what-is-wrap {\n background: var(--off-white);\n padding: 72px 0;\n }\n .what-is-inner {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 24px;\n }\n .two-col {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n }\n @media (max-width: 640px) {\n .two-col { grid-template-columns: 1fr; }\n }\n .img-block {\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 12px 40px rgba(116,192,189,0.2);\n }\n .text-block-title {\n font-size: clamp(18px, 3.5vw, 26px);\n font-weight: 900;\n color: var(--text-dark);\n margin-bottom: 16px;\n line-height: 1.4;\n }\n .text-block-body {\n font-size: 14.5px;\n color: var(--text-mid);\n line-height: 1.9;\n margin-bottom: 20px;\n }\n .tag-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .tag {\n background: var(--primary-pale);\n color: var(--primary-dark);\n font-size: 12px;\n font-weight: bold;\n padding: 5px 14px;\n border-radius: 99px;\n border: 1px solid var(--primary-light);\n }\n\n .effects-wrap {\n padding: 72px 0;\n background: var(--white);\n }\n .effects-inner {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 24px;\n }\n .effects-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-top: 40px;\n }\n @media (max-width: 640px) {\n .effects-grid { grid-template-columns: 1fr; }\n }\n .effect-card {\n background: var(--primary-ultra-pale);\n border: 1.5px solid var(--border);\n border-radius: 16px;\n padding: 28px 20px;\n text-align: center;\n }\n .effect-number {\n font-size: 11px;\n font-weight: bold;\n letter-spacing: 0.15em;\n color: var(--primary-dark);\n margin-bottom: 10px;\n }\n .effect-icon {\n width: 100%;\n max-width: 220px;\n aspect-ratio: 4 \/ 3;\n margin: 0 auto 12px;\n display: block;\n object-fit: cover;\n border-radius: 12px;\n }\n .effect-title {\n font-size: 16px;\n font-weight: 900;\n color: var(--text-dark);\n margin-bottom: 10px;\n line-height: 1.4;\n }\n .effect-desc {\n font-size: 13px;\n color: var(--text-light);\n line-height: 1.8;\n }\n\n .symptoms-wrap {\n background: var(--primary-pale);\n padding: 72px 0;\n }\n .symptoms-inner {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 24px;\n }\n .symptoms-cols {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n margin-top: 40px;\n }\n @media (max-width: 540px) {\n .symptoms-cols { grid-template-columns: 1fr; }\n }\n .symptom-group {\n background: var(--white);\n border-radius: 18px;\n padding: 28px 24px;\n box-shadow: 0 4px 20px rgba(116,192,189,0.1);\n }\n .symptom-group-title {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 15px;\n font-weight: 900;\n color: var(--accent);\n margin-bottom: 16px;\n padding-bottom: 12px;\n border-bottom: 2px solid var(--border);\n }\n .symptom-group-badge {\n background: var(--primary);\n color: var(--white);\n font-size: 11px;\n padding: 3px 10px;\n border-radius: 99px;\n font-weight: bold;\n }\n .symptom-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .symptom-list li {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 14px;\n color: var(--text-dark);\n }\n .symptom-list li::before {\n content: '';\n width: 8px; height: 8px;\n border-radius: 50%;\n background: var(--primary);\n flex-shrink: 0;\n }\n\n .mechanism-wrap {\n padding: 72px 0;\n background: var(--white);\n }\n .mechanism-inner {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 24px;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n margin-top: 40px;\n }\n @media (max-width: 580px) {\n .mechanism-cards { grid-template-columns: 1fr; }\n }\n .mech-card {\n border-radius: 18px;\n padding: 32px 24px;\n position: relative;\n overflow: hidden;\n }\n .mech-card-a {\n background: linear-gradient(135deg, var(--primary-pale) 0%, #d8f0ef 100%);\n border: 1.5px solid var(--primary-light);\n }\n .mech-card-b {\n background: linear-gradient(135deg, #fff8e1 0%, #ffecc4 100%);\n border: 1.5px solid #f0d8a0;\n }\n .mech-num {\n font-size: 64px;\n font-weight: 900;\n opacity: 0.08;\n position: absolute;\n right: 16px; top: 8px;\n line-height: 1;\n color: var(--accent);\n }\n .mech-icon {\n width: 100%;\n max-width: 220px;\n aspect-ratio: 4 \/ 3;\n margin-bottom: 14px;\n display: block;\n object-fit: cover;\n border-radius: 12px;\n }\n .mech-title {\n font-size: 16px;\n font-weight: 900;\n color: var(--text-dark);\n margin-bottom: 10px;\n }\n .mech-desc {\n font-size: 13.5px;\n color: var(--text-mid);\n line-height: 1.85;\n }\n\n .faq-wrap {\n background: var(--off-white);\n padding: 72px 0;\n }\n .faq-inner {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 24px;\n }\n .faq-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 40px;\n }\n .faq-item {\n background: var(--white);\n border: 1.5px solid var(--border);\n border-radius: 16px;\n overflow: hidden;\n cursor: pointer;\n transition: box-shadow 0.2s ease;\n }\n .faq-item:hover {\n box-shadow: 0 4px 20px rgba(116,192,189,0.15);\n }\n .faq-q {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 22px 24px;\n font-size: 15px;\n font-weight: bold;\n color: var(--text-dark);\n user-select: none;\n }\n .faq-q-badge {\n background: var(--primary);\n color: white;\n font-size: 13px;\n font-weight: 900;\n width: 28px; height: 28px;\n border-radius: 8px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n margin-top: 1px;\n }\n .faq-q-text { flex: 1; }\n .faq-chevron {\n font-size: 18px;\n color: var(--primary-dark);\n transition: transform 0.3s ease;\n flex-shrink: 0;\n }\n .faq-item.open .faq-chevron { transform: rotate(180deg); }\n .faq-a {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease;\n }\n .faq-item.open .faq-a { max-height: 320px; }\n .faq-a-inner {\n display: flex;\n gap: 14px;\n padding: 0 24px 22px;\n font-size: 14px;\n color: var(--text-mid);\n line-height: 1.85;\n border-top: 1px solid var(--border);\n padding-top: 16px;\n }\n .faq-a-badge {\n background: var(--primary-pale);\n color: var(--primary-dark);\n font-size: 13px;\n font-weight: 900;\n width: 28px; height: 28px;\n border-radius: 8px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n margin-top: 1px;\n border: 1px solid var(--primary-light);\n }\n\n .reason-wrap {\n background: #74c0bd;\n padding: 72px 0;\n }\n .reason-inner {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 10px;\n }\n .reason-section-label .section-label-text { color: rgba(255,255,255,0.6); }\n .reason-section-label .section-label-line { background: rgba(255,255,255,0.2); }\n .reason-title {\n font-size: clamp(22px, 4.5vw, 32px)!important;\n font-weight: 900;\n color: var(--white);\n text-align: center;\n margin-bottom: 12px;\n }\n .reason-desc {\n font-size: 15px;\n color: rgba(255,255,255,0.75);\n line-height: 1.85;\n text-align: center;\n max-width: 620px;\n margin: 0 auto 40px;\n }\n .reason-cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n @media (max-width: 640px) {\n .reason-cards { grid-template-columns: 1fr; }\n }\n .reason-card {\n background: rgba(255,255,255,0.1);\n border: 1.5px solid rgba(255,255,255,0.18);\n border-radius: 18px;\n padding: 28px 20px;\n backdrop-filter: blur(6px);\n text-align: center;\n }\n .reason-step {\n font-size: 11px;\n font-weight: bold;\n letter-spacing: 0.14em;\n color: var(--primary-light);\n margin-bottom: 10px;\n }\n .reason-icon {\n width: 100%;\n max-width: 220px;\n aspect-ratio: 4 \/ 3;\n display: block;\n margin: 0 auto 12px;\n object-fit: cover;\n border-radius: 12px;\n }\n .reason-card-title {\n font-size: 15px;\n font-weight: 900;\n color: var(--white);\n margin-bottom: 10px;\n line-height: 1.4;\n }\n .reason-card-desc {\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n line-height: 1.8;\n }\n\n .closing-wrap {\n background: var(--white);\n padding: 64px 24px;\n text-align: center;\n }\n .closing-inner {\n max-width: 680px;\n margin: 0 auto;\n }\n .closing-title {\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 900;\n color: var(--text-dark);\n line-height: 1.5;\n margin-bottom: 16px;\n }\n .closing-title .hl {\n color: var(--primary-dark);\n border-bottom: 3px solid var(--primary);\n }\n .closing-desc {\n font-size: 15px;\n color: var(--text-mid);\n line-height: 1.9;\n margin-bottom: 0;\n }\n\n .wave-divider {\n line-height: 0;\n overflow: hidden;\n }\n .wave-divider svg {\n display: block;\n width: 100%;\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"hero\">\n <div class=\"fade-up\">\n <p class=\"hero-badge\">\u4e0d\u8abf\u6539\u5584\u3068\u518d\u767a\u4e88\u9632 \uff0f \u65bd\u8853\u00d7\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0<\/p>\n <h1 class=\"hero-title\">\n \u826f\u304f\u306a\u3063\u305f\u5148\u307e\u3067\u898b\u636e\u3048\u308b<br><span>\u65bd\u8853\u00d7<\/span>\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\n <\/h1>\n <p class=\"hero-sub\">\n \u75db\u307f\u3092\u53d6\u308b\u3001\u7de9\u3081\u308b\u3060\u3051\u3067\u306f\u6cbb\u3089\u306a\u3044\u30b1\u30fc\u30b9\u3082\u5c11\u306a\u304f\u3042\u308a\u307e\u305b\u3093\u3002<br>\n \u8eab\u4f53\u306e\u652f\u6301\u529b\u3001\u5b89\u5b9a\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u3082\u91cd\u8981\u3060\u304b\u3089\u3053\u305d\u3001\u5f53\u9662\u3067\u306f\u65bd\u8853\u3068\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u3001\u518d\u767a\u3057\u306b\u304f\u3044\u8eab\u4f53\u3065\u304f\u308a\u3092\u76ee\u6307\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div class=\"hero-img-wrap fade-up fade-up-d2\">\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/IMG_3601.jpg\" alt=\"\u65bd\u8853\u3068\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u306e\u30a4\u30e1\u30fc\u30b8\" style=\"width:100%;display:block;object-fit:cover;max-height:360px;\">\n <\/div>\n<\/div>\n\n<div class=\"wave-divider\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 48\" fill=\"#f3fafa\">\n <path d=\"M0,48 C360,0 1080,48 1440,0 L1440,48 Z\"\/>\n <\/svg>\n<\/div>\n\n<section class=\"section\">\n <div class=\"section-label fade-up\">\n <div class=\"section-label-line\"><\/div>\n <span class=\"section-label-text\">\u3053\u3093\u306a\u304a\u60a9\u307f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/span>\n <div class=\"section-label-line\"><\/div>\n <\/div>\n <h2 class=\"hvTreatment__title fade-up fade-up-d1\">\n \u305d\u306e\u4e0d\u8abf\u3001<span class=\"accent-mark\">\u65bd\u8853\u3060\u3051<\/span>\u3067\u7d42\u308f\u3063\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\n <\/h2>\n <p class=\"section-desc fade-up fade-up-d2\">\n \u4e00\u6642\u7684\u306b\u697d\u306b\u306a\u3063\u3066\u3082\u3001\u652f\u3048\u308b\u529b\u3084\u5b89\u5b9a\u6027\u304c\u4e0d\u8db3\u3057\u305f\u307e\u307e\u3060\u3068\u3001<br>\n \u540c\u3058\u75db\u307f\u3084\u4e0d\u8abf\u3092\u7e70\u308a\u8fd4\u3057\u3066\u3057\u307e\u3046\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\n <\/p>\n <div class=\"problem-grid\">\n <div class=\"problem-card fade-up fade-up-d1\">\n <span class=\"problem-card-wm\">01<\/span>\n <div class=\"problem-card-icon\">\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/c7625e1b-2317-4091-b5f8-8146b12fd747.jpg\" alt=\"\">\n <\/div>\n <p class=\"problem-card-text\">\u75db\u307f\u306f\u8efd\u304f\u306a\u308b\u304c\u3001\u3057\u3070\u3089\u304f\u3059\u308b\u3068\u307e\u305f\u540c\u3058\u5834\u6240\u304c\u3064\u3089\u304f\u306a\u308b<\/p>\n <\/div>\n <div class=\"problem-card fade-up fade-up-d2\">\n <span class=\"problem-card-wm\">02<\/span>\n <div class=\"problem-card-icon\">\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/1f677377-1939-4493-9ae7-c64c7c7c7a73.jpg\" alt=\"\">\n <\/div>\n <p class=\"problem-card-text\">\u8eab\u4f53\u3092\u652f\u3048\u308b\u529b\u3084\u5b89\u5b9a\u6027\u306e\u4f4e\u4e0b\u304c\u6c17\u306b\u306a\u3063\u3066\u3044\u308b<\/p>\n <\/div>\n <div class=\"problem-card fade-up fade-up-d3\">\n <span class=\"problem-card-wm\">03<\/span>\n <div class=\"problem-card-icon\">\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/01a810fd-e829-4d02-a071-b4285bd38337.jpg\" alt=\"\">\n <\/div>\n <p class=\"problem-card-text\">\u81ea\u5206\u306b\u5408\u3063\u305f\u65b9\u6cd5\u3067\u3001\u3072\u3068\u308a\u3072\u3068\u308a\u306e\u305f\u3081\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u6307\u5c0e\u3092\u53d7\u3051\u305f\u3044<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"what-is-wrap\">\n <div class=\"what-is-inner\">\n <div class=\"section-label fade-up\">\n <div class=\"section-label-line\"><\/div>\n <span class=\"section-label-text\">WHAT IS TREATMENT \u00d7 TRAINING<\/span>\n <div class=\"section-label-line\"><\/div>\n <\/div>\n <h2 class=\"hvTreatment__title fade-up fade-up-d1\">\u65bd\u8853\u00d7\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3068\u306f\uff1f<\/h2>\n <div class=\"two-col\">\n <div class=\"img-block fade-up fade-up-d1\">\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/IMG_3576.jpg\" alt=\"\u65bd\u8853\u3068\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u306e\u30a4\u30e1\u30fc\u30b8\" style=\"width:100%;display:block;aspect-ratio:4\/3;object-fit:cover;\">\n <\/div>\n <div class=\"fade-up fade-up-d2\">\n <h3 class=\"text-block-title\">\n \u4e0d\u8abf\u3092\u6574\u3048\u308b\u3060\u3051\u3067\u306a\u304f\u3001<br>\u652f\u3048\u3089\u308c\u308b\u8eab\u4f53\u3092\u3064\u304f\u308b\u8003\u3048\u65b9\n <\/h3>\n <p class=\"text-block-body\">\n \u65bd\u8853\u00d7\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u306f\u3001\u4eca\u3042\u308b\u75db\u307f\u3084\u4e0d\u8abf\u3092\u30b1\u30a2\u3059\u308b\u65bd\u8853\u3068\u3001\u305d\u306e\u72b6\u614b\u3092\u7e70\u308a\u8fd4\u3057\u306b\u304f\u304f\u3059\u308b\u305f\u3081\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u8003\u3048\u65b9\u3067\u3059\u3002<br><br>\n \u75db\u307f\u3092\u53d6\u308b\u3001\u7de9\u3081\u308b\u3060\u3051\u3067\u306f\u6cbb\u3089\u306a\u3044\u30b1\u30fc\u30b9\u3067\u306f\u3001\u7b4b\u529b\u3060\u3051\u3067\u306a\u304f\u3001\u8eab\u4f53\u306e\u652f\u6301\u529b\u3001\u5b89\u5b9a\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u3082\u91cd\u8981\u306b\u306a\u308a\u307e\u3059\u3002<br><br>\n \u5f53\u9662\u3067\u306f\u3001\u72b6\u614b\u3092\u898b\u6975\u3081\u305f\u3046\u3048\u3067\u3001\u3072\u3068\u308a\u3072\u3068\u308a\u306e\u305f\u3081\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u6307\u5c0e\u3092\u884c\u3044\u3001\u65e5\u5e38\u751f\u6d3b\u3084\u30b9\u30dd\u30fc\u30c4\u3067\u4f7f\u3044\u3084\u3059\u3044\u8eab\u4f53\u3065\u304f\u308a\u307e\u3067\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"tag-list\">\n <span class=\"tag\">\u518d\u767a\u4e88\u9632<\/span>\n <span class=\"tag\">\u652f\u6301\u529b\u5411\u4e0a<\/span>\n <span class=\"tag\">\u5b89\u5b9a\u6027\u30a2\u30c3\u30d7<\/span>\n <span class=\"tag\">\u500b\u5225\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u6307\u5c0e<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"effects-wrap\">\n <div class=\"effects-inner\">\n <div class=\"section-label fade-up\">\n <div class=\"section-label-line\"><\/div>\n <span class=\"section-label-text\">EFFECTS<\/span>\n <div class=\"section-label-line\"><\/div>\n <\/div>\n <h2 class=\"hvTreatment__title fade-up fade-up-d1\">\n \u65bd\u8853\u00d7\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u306e<span class=\"accent-mark\">3\u3064\u306e\u7279\u5fb4<\/span>\n <\/h2>\n <div class=\"effects-grid\">\n <div class=\"effect-card fade-up fade-up-d1\">\n <p class=\"effect-number\">EFFECT 01<\/p>\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2880.jpg\" alt=\"\" class=\"effect-icon\">\n <h3 class=\"effect-title\">\u75db\u307f\u3084\u4e0d\u8abf\u3092\u6574\u3048\u308b<\/h3>\n <p class=\"effect-desc\">\u307e\u305a\u306f\u65bd\u8853\u306b\u3088\u3063\u3066\u75db\u307f\u3084\u3053\u308f\u3070\u308a\u3001\u52d5\u304b\u3057\u306b\u304f\u3055\u3092\u6574\u3048\u3001\u8eab\u4f53\u304c\u6b63\u3057\u304f\u52d5\u304d\u3084\u3059\u3044\u571f\u53f0\u3092\u3064\u304f\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"effect-card fade-up fade-up-d2\">\n <p class=\"effect-number\">EFFECT 02<\/p>\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/c35a39e8-3188-43d8-b222-495f473bdb03.jpg\" alt=\"\" class=\"effect-icon\">\n <h3 class=\"effect-title\">\u652f\u6301\u529b\u30fb\u5b89\u5b9a\u6027\u5411\u4e0a<\/h3>\n <p class=\"effect-desc\">\u7de9\u3081\u308b\u3060\u3051\u3067\u7d42\u308f\u3089\u305b\u305a\u3001\u8eab\u4f53\u3092\u652f\u3048\u308b\u529b\u3084\u5b89\u5b9a\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u3067\u3001\u518d\u3073\u8ca0\u62c5\u304c\u96c6\u4e2d\u3057\u306b\u304f\u3044\u72b6\u614b\u3092\u76ee\u6307\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"effect-card fade-up fade-up-d3\">\n <p class=\"effect-number\">EFFECT 03<\/p>\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/IMG_3584.jpg\" alt=\"\" class=\"effect-icon\">\n <h3 class=\"effect-title\">\u72b6\u614b\u306b\u5408\u308f\u305b\u305f\u6307\u5c0e<\/h3>\n <p class=\"effect-desc\">\u5e74\u9f62\u3084\u4f53\u529b\u3001\u75db\u307f\u306e\u72b6\u614b\u3001\u751f\u6d3b\u30b9\u30bf\u30a4\u30eb\u306b\u5408\u308f\u305b\u3066\u3001\u7121\u7406\u306a\u304f\u7d9a\u3051\u3084\u3059\u3044\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u5185\u5bb9\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"symptoms-wrap\">\n <div class=\"symptoms-inner\">\n <div class=\"section-label fade-up\">\n <div class=\"section-label-line\"><\/div>\n <span class=\"section-label-text\">SYMPTOMS<\/span>\n <div class=\"section-label-line\"><\/div>\n <\/div>\n <h2 class=\"hvTreatment__title fade-up fade-up-d1\">\u65bd\u8853\u00d7\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u304c\u5411\u3044\u3066\u3044\u308b\u4e3b\u306a\u72b6\u614b<\/h2>\n <p class=\"section-desc fade-up fade-up-d2\">\u4e00\u6642\u7684\u306a\u6539\u5584\u3060\u3051\u3067\u306a\u304f\u3001\u305d\u306e\u5148\u306e\u518d\u767a\u4e88\u9632\u3084\u52d5\u304d\u3084\u3059\u3055\u5411\u4e0a\u307e\u3067\u8003\u3048\u305f\u3044\u65b9\u306b\u5411\u3044\u3066\u3044\u307e\u3059\u3002<\/p>\n <div class=\"symptoms-cols\">\n <div class=\"symptom-group fade-up fade-up-d1\">\n <div class=\"symptom-group-title\">\n <span class=\"symptom-group-badge\">\u4e0d\u8abf\u306e\u53cd\u5fa9<\/span>\n \u7e70\u308a\u8fd4\u3059\u60a9\u307f\u306b\n <\/div>\n <ul class=\"symptom-list\">\n <li>\u4f55\u5ea6\u3082\u7e70\u308a\u8fd4\u3059\u8170\u75db<\/li>\n <li>\u6162\u6027\u7684\u306a\u80a9\u3053\u308a<\/li>\n <li>\u518d\u767a\u3057\u3084\u3059\u3044\u819d\u306e\u75db\u307f<\/li>\n <li>\u30b9\u30dd\u30fc\u30c4\u6642\u306e\u9055\u548c\u611f<\/li>\n <li>\u59ff\u52e2\u306e\u5d29\u308c\u306b\u3088\u308b\u8ca0\u62c5<\/li>\n <\/ul>\n <\/div>\n <div class=\"symptom-group fade-up fade-up-d2\">\n <div class=\"symptom-group-title\">\n <span class=\"symptom-group-badge\">\u6a5f\u80fd\u4f4e\u4e0b<\/span>\n \u652f\u3048\u308b\u529b\u306e\u898b\u76f4\u3057\u306b\n <\/div>\n <ul class=\"symptom-list\">\n <li>\u4f53\u5e79\u306e\u5f31\u3055\u304c\u6c17\u306b\u306a\u308b<\/li>\n <li>\u8eab\u4f53\u306e\u3050\u3089\u3064\u304d\u3084\u4e0d\u5b89\u5b9a\u611f<\/li>\n <li>\u6b63\u3057\u3044\u52d5\u304b\u3057\u65b9\u304c\u5206\u304b\u3089\u306a\u3044<\/li>\n <li>\u904b\u52d5\u3092\u59cb\u3081\u305f\u3044\u304c\u4e0d\u5b89\u304c\u3042\u308b<\/li>\n <li>\u75db\u307f\u3092\u7e70\u308a\u8fd4\u3055\u306a\u3044\u8eab\u4f53\u3092\u3064\u304f\u308a\u305f\u3044<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"mechanism-wrap\">\n <div class=\"mechanism-inner\">\n <div class=\"section-label fade-up\">\n <div class=\"section-label-line\"><\/div>\n <span class=\"section-label-text\">MECHANISM<\/span>\n <div class=\"section-label-line\"><\/div>\n <\/div>\n <h2 class=\"hvTreatment__title fade-up fade-up-d1\">\n \u306a\u305c\u65bd\u8853\u3068\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u306e<span class=\"accent-mark\">\u4e21\u65b9\u304c\u5fc5\u8981\u306a\u306e\u304b<\/span>\uff1f\n <\/h2>\n <p class=\"section-desc fade-up fade-up-d2\">\n \u305d\u306e\u5834\u306e\u75db\u307f\u3092\u53d6\u308b\u3053\u3068\u306f\u5927\u5207\u3067\u3059\u304c\u3001<br>\n \u8eab\u4f53\u304c\u6b63\u3057\u304f\u652f\u3048\u3089\u308c\u306a\u3044\u307e\u307e\u3060\u3068\u3001\u540c\u3058\u8ca0\u62c5\u304c\u7e70\u308a\u8fd4\u3055\u308c\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002\n <\/p>\n <div class=\"mechanism-cards\">\n <div class=\"mech-card mech-card-a fade-up fade-up-d1\">\n <span class=\"mech-num\">01<\/span>\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2927.jpg\" alt=\"\" class=\"mech-icon\">\n <h3 class=\"mech-title\">\u65bd\u8853\u3067\u6574\u3048\u3001\u52d5\u304d\u3084\u3059\u3044\u72b6\u614b\u3092\u3064\u304f\u308b<\/h3>\n <p class=\"mech-desc\">\n \u7b4b\u8089\u306e\u7dca\u5f35\u3084\u95a2\u7bc0\u307e\u308f\u308a\u306e\u52d5\u304b\u3057\u306b\u304f\u3055\u3001\u75db\u307f\u306b\u3088\u308b\u5236\u9650\u3092\u6574\u3048\u308b\u3053\u3068\u3067\u3001\u8eab\u4f53\u304c\u672c\u6765\u306e\u52d5\u304d\u3092\u51fa\u3057\u3084\u3059\u3044\u72b6\u614b\u3078\u5c0e\u304d\u307e\u3059\u3002\u307e\u305a\u6574\u3048\u308b\u3053\u3068\u304c\u3001\u6b21\u306e\u6bb5\u968e\u306b\u3064\u306a\u304c\u308a\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div class=\"mech-card mech-card-b fade-up fade-up-d2\">\n <span class=\"mech-num\">02<\/span>\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/302d49df-d50a-4d86-82cd-5f21196917ee.jpg\" alt=\"\" class=\"mech-icon\">\n <h3 class=\"mech-title\">\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3067\u652f\u3048\u308b\u529b\u3092\u80b2\u3066\u308b<\/h3>\n <p class=\"mech-desc\">\n \u8eab\u4f53\u306e\u652f\u6301\u529b\u3001\u5b89\u5b9a\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u3082\u91cd\u8981\u3067\u3059\u3002\u6b63\u3057\u3044\u4f7f\u3044\u65b9\u3092\u899a\u3048\u306a\u304c\u3089\u652f\u3048\u308b\u529b\u3092\u9ad8\u3081\u308b\u3053\u3068\u3067\u3001\u65e5\u5e38\u52d5\u4f5c\u3084\u904b\u52d5\u6642\u306e\u8ca0\u62c5\u3092\u6e1b\u3089\u3057\u3001\u518d\u767a\u3057\u306b\u304f\u3044\u8eab\u4f53\u3065\u304f\u308a\u3092\u76ee\u6307\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"faq-wrap\">\n <div class=\"faq-inner\">\n <div class=\"section-label fade-up\">\n <div class=\"section-label-line\"><\/div>\n <span class=\"section-label-text\">FAQ<\/span>\n <div class=\"section-label-line\"><\/div>\n <\/div>\n <h2 class=\"hvTreatment__title fade-up fade-up-d1\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/h2>\n <div class=\"faq-list\">\n <div class=\"faq-item fade-up fade-up-d1\">\n <div class=\"faq-q\">\n <span class=\"faq-q-badge\">Q<\/span>\n <span class=\"faq-q-text\">\u75db\u307f\u304c\u3042\u308b\u72b6\u614b\u3067\u3082\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u306f\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n <div class=\"faq-a\">\n <div class=\"faq-a-inner\">\n <span class=\"faq-a-badge\">A<\/span>\n <span>\u72b6\u614b\u306b\u3088\u308a\u307e\u3059\u304c\u3001\u307e\u305a\u306f\u65bd\u8853\u3067\u75db\u307f\u3084\u52d5\u304d\u306e\u5236\u9650\u3092\u6574\u3048\u305f\u3046\u3048\u3067\u3001\u7121\u7406\u306e\u306a\u3044\u7bc4\u56f2\u304b\u3089\u59cb\u3081\u3066\u3044\u304d\u307e\u3059\u3002\u75db\u307f\u3092\u6211\u6162\u3057\u3066\u5f37\u3044\u904b\u52d5\u3092\u884c\u3046\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-item fade-up fade-up-d2\">\n <div class=\"faq-q\">\n <span class=\"faq-q-badge\">Q<\/span>\n <span class=\"faq-q-text\">\u904b\u52d5\u304c\u82e6\u624b\u3067\u3082\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f<\/span>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n <div class=\"faq-a\">\n <div class=\"faq-a-inner\">\n <span class=\"faq-a-badge\">A<\/span>\n <span>\u5927\u4e08\u592b\u3067\u3059\u3002\u3072\u3068\u308a\u3072\u3068\u308a\u306e\u305f\u3081\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u6307\u5c0e\u3092\u884c\u3046\u305f\u3081\u3001\u4f53\u529b\u3084\u7d4c\u9a13\u306b\u5408\u308f\u305b\u3066\u3001\u7c21\u5358\u306a\u5185\u5bb9\u304b\u3089\u6bb5\u968e\u7684\u306b\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-item fade-up fade-up-d3\">\n <div class=\"faq-q\">\n <span class=\"faq-q-badge\">Q<\/span>\n <span class=\"faq-q-text\">\u65bd\u8853\u3060\u3051\u53d7\u3051\u308b\u306e\u3068\u4f55\u304c\u9055\u3044\u307e\u3059\u304b\uff1f<\/span>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n <div class=\"faq-a\">\n <div class=\"faq-a-inner\">\n <span class=\"faq-a-badge\">A<\/span>\n <span>\u65bd\u8853\u3060\u3051\u3067\u3082\u4e00\u6642\u7684\u306b\u697d\u306b\u306a\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u3059\u304c\u3001\u75db\u307f\u3092\u53d6\u308b\u3001\u7de9\u3081\u308b\u3060\u3051\u3067\u306f\u6cbb\u3089\u306a\u3044\u30b1\u30fc\u30b9\u3082\u3042\u308a\u307e\u3059\u3002\u65bd\u8853\u5f8c\u306b\u652f\u3048\u308b\u529b\u3084\u5b89\u5b9a\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u3067\u3001\u3088\u308a\u826f\u3044\u72b6\u614b\u3092\u7dad\u6301\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"reason-wrap\">\n <div class=\"reason-inner\">\n <div class=\"section-label reason-section-label fade-up\">\n <div class=\"section-label-line\"><\/div>\n <span class=\"section-label-text\">REASON<\/span>\n <div class=\"section-label-line\"><\/div>\n <\/div>\n <h2 class=\"reason-title fade-up fade-up-d1\">BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\u306e\u65bd\u8853\u00d7\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u304c\u9078\u3070\u308c\u308b\u7406\u7531<\/h2>\n <p class=\"reason-desc fade-up fade-up-d2\">\n \u76ee\u306e\u524d\u306e\u75db\u307f\u3060\u3051\u3067\u7d42\u308f\u3089\u305b\u305a\u3001<br>\n \u3053\u308c\u304b\u3089\u5148\u3082\u52d5\u304d\u3084\u3059\u3044\u8eab\u4f53\u3092\u3064\u304f\u308b\u3053\u3068\u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n <div class=\"reason-cards\">\n <div class=\"reason-card fade-up fade-up-d1\">\n <p class=\"reason-step\">POINT 01<\/p>\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2940.jpg\" alt=\"\" class=\"reason-icon\">\n <h3 class=\"reason-card-title\">\u6574\u3048\u3066\u304b\u3089\u935b\u3048\u308b<\/h3>\n <p class=\"reason-card-desc\">\u3044\u304d\u306a\u308a\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3092\u3059\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u307e\u305a\u65bd\u8853\u3067\u8eab\u4f53\u3092\u6574\u3048\u3066\u304b\u3089\u9032\u3081\u308b\u3053\u3068\u3067\u3001\u7121\u7406\u306a\u304f\u6b63\u3057\u3044\u52d5\u304d\u306b\u3064\u306a\u3052\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"reason-card fade-up fade-up-d2\">\n <p class=\"reason-step\">POINT 02<\/p>\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/IMG_3601.jpg\" alt=\"\" class=\"reason-icon\">\n <h3 class=\"reason-card-title\">\u652f\u6301\u529b\u30fb\u5b89\u5b9a\u6027\u3092\u91cd\u8981\u8996<\/h3>\n <p class=\"reason-card-desc\">\u75db\u3044\u5834\u6240\u3060\u3051\u3092\u898b\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u306a\u305c\u305d\u3053\u306b\u8ca0\u62c5\u304c\u96c6\u4e2d\u3057\u305f\u306e\u304b\u3092\u8003\u3048\u3001\u8eab\u4f53\u3092\u652f\u3048\u308b\u529b\u3084\u5b89\u5b9a\u6027\u307e\u3067\u542b\u3081\u3066\u6574\u3048\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"reason-card fade-up fade-up-d3\">\n <p class=\"reason-step\">POINT 03<\/p>\n <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2804.jpg\" alt=\"\" class=\"reason-icon\">\n <h3 class=\"reason-card-title\">\u500b\u5225\u306b\u5408\u308f\u305b\u305f\u6307\u5c0e<\/h3>\n <p class=\"reason-card-desc\">\u5e74\u9f62\u3001\u76ee\u7684\u3001\u751f\u6d3b\u30b9\u30bf\u30a4\u30eb\u3001\u75c7\u72b6\u306b\u5408\u308f\u305b\u3066\u3001\u3072\u3068\u308a\u3072\u3068\u308a\u306e\u305f\u3081\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u6307\u5c0e\u3092\u884c\u3044\u3001\u7d9a\u3051\u3084\u3059\u3055\u307e\u3067\u91cd\u8996\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"closing-wrap\">\n <div class=\"closing-inner\">\n <h2 class=\"closing-title fade-up\">\n \u75db\u307f\u3092\u53d6\u308b\u3060\u3051\u3067\u7d42\u308f\u3089\u305b\u305a<br><span class=\"hl\">\u652f\u3048\u3089\u308c\u308b\u8eab\u4f53\u3078<\/span>\n <\/h2>\n <p class=\"closing-desc fade-up fade-up-d1\">\n \u5f53\u9662\u3067\u306f\u65bd\u8853\u3067\u6574\u3048\u308b\u3053\u3068\u306b\u52a0\u3048\u3066\u3001\u8eab\u4f53\u306e\u652f\u6301\u529b\u3001\u5b89\u5b9a\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u307e\u3067\u4e00\u8cab\u3057\u3066\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<br>\n \u7e70\u308a\u8fd4\u3059\u75db\u307f\u3084\u4e0d\u8abf\u3092\u6839\u672c\u304b\u3089\u898b\u76f4\u3057\u305f\u3044\u65b9\u306f\u3001\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n <\/p>\n <\/div>\n<\/div>\n\n<script>\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12 });\n\n document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\n\n document.querySelectorAll('.faq-item').forEach(item => {\n item.querySelector('.faq-q').addEventListener('click', () => {\n const isOpen = item.classList.contains('open');\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\n if (!isOpen) item.classList.add('open');\n });\n });\n<\/script>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\"><div class=\"swell-block-fullWide__inner l-container\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading is-style-section_ttl u-mb-ctrl u-mb-10\" style=\"line-height:1.1\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">RESERVATION<\/mark><br><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\"><span style=\"font-size:40px\" class=\"swl-fz\">\u4e88\u7d04\u306e\u3054\u6848\u5185<\/span><\/mark><\/h2>\n\n\n\n<!DOCTYPE html>\r\n<html lang=\"ja\">\r\n<head>\r\n \r\n \r\n <title>\u30b9\u30de\u30db1\u3064\u3067\u30ab\u30f3\u30bf\u30f3\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u4e88\u7d04<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body{\r\n font-family: 'Noto Sans JP', sans-serif;\r\n background:#fff;\r\n }\r\n\r\n .section-wrapper {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n position: relative;\r\n padding: 24px 16px 90px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Main green card \u2500\u2500\u2500 *\/\r\n .green-card {\r\n background: #74c0bd;\r\n border-radius: 28px;\r\n padding: 8px 28px 18px 60px;\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) 240px 250px;\r\n align-items: center;\r\n gap: 28px;\r\n position: relative;\r\n overflow: visible;\r\n min-height: 400px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Left: text \u2500\u2500\u2500 *\/\r\n .left-content {\r\n color: #fff;\r\n min-width: 0;\r\n max-width: 520px;\r\n padding-right: 8px;\r\n }\r\n\r\n .headline-small {\r\n font-size: 21px;\r\n font-weight: 700;\r\n letter-spacing: 0.04em;\r\n line-height: 1.5;\r\n margin-bottom: 10px;\r\n color: rgba(255,255,255,0.96);\r\n }\r\n\r\n .headline-large {\r\n font-size: clamp(24px, 3.6vw, 44px);\r\n font-weight: 900;\r\n letter-spacing: 0.02em;\r\n line-height: 1.28;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .headline-sub {\r\n font-size: clamp(26px, 2vw, 32px);\r\n font-weight: 800;\r\n line-height: 1.4;\r\n margin-bottom: 10px;\r\n color: #fff;\r\n }\r\n\r\n .divider {\r\n width: 100%;\r\n max-width: 430px;\r\n height: 3px;\r\n background: rgba(255,255,255,0.45);\r\n margin-bottom: 24px;\r\n }\r\n\r\n .food-title {\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: #fff;\r\n line-height: 1.6;\r\n margin-top: 17px;\r\n margin-bottom: 17px;\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n .food-desc {\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: rgba(255,255,255,0.92);\r\n line-height: 2;\r\n max-width: 420px;\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Center: LINE badge \u2500\u2500\u2500 *\/\r\n .center-badge {\r\n flex-shrink: 0;\r\n position: relative;\r\n width: 220px;\r\n height: 220px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 5;\r\n justify-self: center;\r\n }\r\n\r\n .badge-link{\r\n position: relative;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:100%;\r\n height:100%;\r\n text-decoration:none;\r\n transition: transform .25s ease, opacity .25s ease;\r\n }\r\n\r\n .badge-link:hover{\r\n transform: translateY(-3px);\r\n opacity: .96;\r\n }\r\n\r\n .ring-svg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n animation: rotateSlow 18s linear infinite;\r\n pointer-events: none;\r\n }\r\n\r\n @keyframes rotateSlow {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n .badge-inner {\r\n width: 160px;\r\n height: 160px;\r\n background: #fff;\r\n border-radius: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n z-index: 2;\r\n padding: 10px;\r\n text-align:center;\r\n }\r\n\r\n .badge-text {\r\n font-size: 12px;\r\n font-weight: 800;\r\n color: #3a3a3a;\r\n text-align: center;\r\n line-height: 1.5;\r\n }\r\n\r\n .line-icon {\r\n width: 54px;\r\n height: 54px;\r\n background: #06C755;\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n\r\n .line-icon img {\r\n display: block;\r\n width: 36px;\r\n height: 36px;\r\n object-fit: contain;\r\n }\r\n\r\n .badge-note {\r\n font-size: 10px;\r\n color: #666;\r\n text-align: center;\r\n line-height: 1.55;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Right: phone photo \u2500\u2500\u2500 *\/\r\n .right-phone {\r\n align-self: stretch;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: -72px;\r\n margin-bottom: -72px;\r\n margin-right: -14px;\r\n position: relative;\r\n z-index: 3;\r\n }\r\n\r\n .phone-img-wrap {\r\n width: 240px;\r\n max-width: 100%;\r\n }\r\n\r\n .phone-img-wrap img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n }\r\n\r\n .phone-placeholder {\r\n width: 240px;\r\n height: 480px;\r\n background: rgba(255,255,255,0.10);\r\n border: 2px dashed rgba(255,255,255,0.45);\r\n border-radius: 38px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n color: rgba(255,255,255,0.75);\r\n font-size: 12px;\r\n font-weight: 600;\r\n text-align: center;\r\n line-height: 1.7;\r\n filter: drop-shadow(0 24px 48px rgba(0,0,0,0.25));\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Tablet \u2500\u2500\u2500 *\/\r\n @media (max-width: 980px) {\r\n .section-wrapper{\r\n padding: 18px 12px 36px;\r\n }\r\n\r\n .green-card {\r\n grid-template-columns: 1fr;\r\n gap: 18px;\r\n padding: 34px 24px 28px;\r\n min-height: auto;\r\n border-radius: 22px;\r\n }\r\n\r\n .left-content {\r\n max-width: none;\r\n padding-right: 0;\r\n }\r\n\r\n .headline-small {\r\n font-size: 16px;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .headline-large {\r\n font-size: 34px;\r\n line-height: 1.4;\r\n }\r\n\r\n .headline-sub {\r\n font-size: 23px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .divider {\r\n max-width: none;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .food-title {\r\n font-size: 18px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .food-desc {\r\n max-width: none;\r\n font-size: 12px;\r\n line-height: 1.9;\r\n }\r\n\r\n .right-phone {\r\n order: 2;\r\n margin: 0;\r\n align-self: center;\r\n }\r\n\r\n .center-badge {\r\n order: 3;\r\n width: 200px;\r\n height: 200px;\r\n margin: 2px auto 0;\r\n }\r\n\r\n .phone-img-wrap {\r\n width: 180px;\r\n }\r\n\r\n .badge-inner {\r\n width: 130px;\r\n height: 130px;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Mobile \u2500\u2500\u2500 *\/\r\n @media (max-width: 640px) {\r\n .section-wrapper {\r\n padding: 6px;\r\n }\r\n\r\n .green-card {\r\n padding: 22px 18px 20px;\r\n gap: 12px;\r\n border-radius: 18px;\r\n }\r\n\r\n .left-content{\r\n text-align:left;\r\n }\r\n\r\n .headline-small {\r\n font-size: 13px;\r\n margin-bottom: 3px;\r\n text-align:center;\r\n }\r\n\r\n .headline-large {\r\n font-size: 33px;\r\n line-height: 1.6;\r\n margin-bottom: 12px;\r\n text-align:center;\r\n }\r\n\r\n .divider {\r\n margin-bottom: 22px;\r\n }\r\n\r\n .food-title {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n margin-top: 18px;\r\n margin-bottom: 18px;\r\n text-align:center;\r\n }\r\n\r\n .food-desc {\r\n font-size: 12px;\r\n line-height: 2.25;\r\n text-align:center;\r\n }\r\n\r\n .right-phone {\r\n margin-top: 44px;\r\n }\r\n\r\n .phone-img-wrap {\r\n width: 132px;\r\n }\r\n\r\n .center-badge {\r\n width: 200px;\r\n height: 200px;\r\n margin-top: 0;\r\n }\r\n\r\n .badge-inner {\r\n width: 145px;\r\n height: 145px;\r\n gap: 6px;\r\n }\r\n\r\n .badge-text {\r\n font-size: 14px;\r\n line-height: 1.2;\r\n }\r\n\r\n .line-icon {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n }\r\n\r\n .line-icon img {\r\n width: 28px;\r\n height: 28px;\r\n }\r\n\r\n .badge-note {\r\n font-size: 8.5px;\r\n margin-top: 1px;\r\n line-height: 1.25;\r\n }\r\n\r\n .ring-svg text{\r\n font-size: 10px;\r\n }\r\n\r\n .ring-sp text{\r\n font-size: 8.9px;\r\n letter-spacing: 2.1px;\r\n }\r\n }\r\n\r\n .ring-sp{\r\n display:none;\r\n }\r\n\r\n @media (max-width:640px){\r\n .ring-pc{\r\n display:none;\r\n }\r\n\r\n .ring-sp{\r\n display:block;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"section-wrapper\">\r\n <div class=\"green-card\">\r\n\r\n \r\n <div class=\"left-content\">\r\n <p class=\"headline-small\">\uff3c\u30b9\u30de\u30db1\u3064\u3067\u30ab\u30f3\u30bf\u30f3\u306b\uff0f<\/p>\r\n <p class=\"headline-large\">\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u4e88\u7d04<\/p>\r\n <div class=\"divider\"><\/div>\r\n <p class=\"food-title\">LINE\u3067\u9805\u76ee\u9078\u629e\u3059\u308b\u3060\u3051\u3067\u4e88\u7d04\u3067\u304d\u308b\uff01<\/p>\r\n <p class=\"food-desc\">\r\n \u5f53\u9662\u3067\u306f\u5065\u5eb7\u4fdd\u967a\/\u81ea\u8cbb\u65bd\u8853\/\u4ea4\u901a\u4e8b\u6545\u306a\u3069\u69d8\u3005\u306a<br>\r\n \u75c7\u72b6\u306b\u5bfe\u3057\u3066\u9069\u5207\u306a\u65bd\u8853\u3092\u3054\u63d0\u6848\u3057\u3066\u3044\u307e\u3059\u3002<br>\r\n \u521d\u3081\u3066\u3067\u4e0d\u5b89\u306a\u65b9\u306f\u30c8\u30fc\u30af\u304b\u3089\u6c17\u8efd\u306b\u3054\u8cea\u554f\u304f\u3060\u3055\u3044\u3002\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"center-badge\">\r\n <a class=\"badge-link\" href=\"https:\/\/line.me\/R\/ti\/p\/@184nzgay\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"LINE\u3067\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u4e88\u7d04\">\r\n <svg class=\"ring-svg ring-pc\" viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <defs>\r\n <path id=\"cp\" d=\"M110,110 m-92,0 a92,92 0 1,1 184,0 a92,92 0 1,1 -184,0\"\/>\r\n <\/defs>\r\n <text font-family=\"'Noto Sans JP', sans-serif\" font-size=\"11.5\" font-weight=\"700\" fill=\"white\" letter-spacing=\"2.7\">\r\n <textPath href=\"#cp\">\r\n BASE SHINKYU SEKKOTSUIN BASE SHINKYU SEKKOTSUIN \r\n <\/textPath>\r\n <\/text>\r\n <\/svg>\r\n\r\n \r\n <svg class=\"ring-svg ring-sp\" viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <defs>\r\n <path id=\"cp2\" d=\"M110,110 m-92,0 a92,92 0 1,1 184,0 a92,92 0 1,1 -184,0\"\/>\r\n <\/defs>\r\n <text font-family=\"'Noto Sans JP', sans-serif\" font-size=\"8.9\" font-weight=\"700\" fill=\"white\" letter-spacing=\"1.15\">\r\n <textPath href=\"#cp2\">\r\n BASE SHINKYU SEKKOTSUIN \u30fb BASE SHINKYU SEKKOTSUIN \u30fb BASE SHINKYU SEKKOTSUIN \u30fb\r\n <\/textPath>\r\n <\/text>\r\n <\/svg>\r\n\r\n <div class=\"badge-inner\">\r\n <p class=\"badge-text\">\u304a\u554f\u3044\u5408\u308f\u305b<br>\u4e88\u7d04\u306fLINE\u304b\u3089<\/p>\r\n\r\n <div class=\"line-icon\" aria-hidden=\"true\">\r\n <img decoding=\"async\"\r\n src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/370f42a7d0aeef7bf77ef695280ee58f.png\"\r\n alt=\"\"\r\n >\r\n <\/div>\r\n\r\n <p class=\"badge-note\">\u203b\u30bf\u30c3\u30d7\u3059\u308b\u3068<br>LINE\u304c\u958b\u304d\u307e\u3059<\/p>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"right-phone\">\r\n <div class=\"phone-img-wrap\">\r\n <img decoding=\"async\"\r\n src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/fb6da81da3b86164cddacafd5ed30aaa.png\"\r\n alt=\"LINE\u30a2\u30d7\u30ea\u753b\u9762\"\r\n >\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\n<\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"swell_btn_cv_data":"","footnotes":""},"class_list":["post-739","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/pages\/739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/comments?post=739"}],"version-history":[{"count":8,"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/pages\/739\/revisions"}],"predecessor-version":[{"id":1011,"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/pages\/739\/revisions\/1011"}],"wp:attachment":[{"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/media?parent=739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}