@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500;600;700&family=Cormorant+Garamond:wght@400;500;600&display=swap");
/* ナチュラルハーブ型(見本 emiluca.salon ハーブピーリング専門店)。読みやすい版。直したら style.css を作り直す(.hh → .hh.hh.hh と all:revert) */
.hh.hh.hh *{all:revert}

.hh.hh.hh{--main:#64805e;--main2:#8ea489;--chip:#a9bba4;--chip2:#9fb39a;--btn1:#5d8b5c;--btn2:#2f3e29;--fig:#6c9a80;--mint:#e3f0e8;--sky:#f4faff;--cream:#f8f4ec;--beige:#f6f0e7;--ink:#303d34;--tx:#4a524c;--yl:#f2e7a2;--gold:#c4a468;
  --laurel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 140'%3E%3Cpath d='M89.2 8.9L76.8 12.5L65.3 18.6L55.4 26.9L47.4 37.1L41.7 48.8L38.6 61.4L38.2 74.3L40.4 87.1L45.3 99.1L52.5 109.9L61.8 118.9L72.8 125.7' fill='none' stroke='%238fa38a' stroke-width='1.2'/%3E%3Cellipse cx='76.8' cy='12.5' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(198 76.8 12.5) translate(-6 0)'/%3E%3Cellipse cx='76.8' cy='12.5' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(118 76.8 12.5) translate(6 0)'/%3E%3Cellipse cx='65.3' cy='18.6' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(186 65.3 18.6) translate(-6 0)'/%3E%3Cellipse cx='65.3' cy='18.6' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(106 65.3 18.6) translate(6 0)'/%3E%3Cellipse cx='55.4' cy='26.9' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(174 55.4 26.9) translate(-6 0)'/%3E%3Cellipse cx='55.4' cy='26.9' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(94 55.4 26.9) translate(6 0)'/%3E%3Cellipse cx='47.4' cy='37.1' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(162 47.4 37.1) translate(-6 0)'/%3E%3Cellipse cx='47.4' cy='37.1' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(82 47.4 37.1) translate(6 0)'/%3E%3Cellipse cx='41.7' cy='48.8' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(150 41.7 48.8) translate(-6 0)'/%3E%3Cellipse cx='41.7' cy='48.8' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(70 41.7 48.8) translate(6 0)'/%3E%3Cellipse cx='38.6' cy='61.4' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(138 38.6 61.4) translate(-6 0)'/%3E%3Cellipse cx='38.6' cy='61.4' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(58 38.6 61.4) translate(6 0)'/%3E%3Cellipse cx='38.2' cy='74.3' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(126 38.2 74.3) translate(-6 0)'/%3E%3Cellipse cx='38.2' cy='74.3' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(46 38.2 74.3) translate(6 0)'/%3E%3Cellipse cx='40.4' cy='87.1' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(114 40.4 87.1) translate(-6 0)'/%3E%3Cellipse cx='40.4' cy='87.1' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(34 40.4 87.1) translate(6 0)'/%3E%3Cellipse cx='45.3' cy='99.1' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(102 45.3 99.1) translate(-6 0)'/%3E%3Cellipse cx='45.3' cy='99.1' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(22 45.3 99.1) translate(6 0)'/%3E%3Cellipse cx='52.5' cy='109.9' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(90 52.5 109.9) translate(-6 0)'/%3E%3Cellipse cx='52.5' cy='109.9' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(10 52.5 109.9) translate(6 0)'/%3E%3Cellipse cx='61.8' cy='118.9' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(78 61.8 118.9) translate(-6 0)'/%3E%3Cellipse cx='61.8' cy='118.9' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(-2 61.8 118.9) translate(6 0)'/%3E%3Cpath d='M110.8 8.9L123.2 12.5L134.7 18.6L144.6 26.9L152.6 37.1L158.3 48.8L161.4 61.4L161.8 74.3L159.6 87.1L154.7 99.1L147.5 109.9L138.2 118.9L127.2 125.7' fill='none' stroke='%238fa38a' stroke-width='1.2'/%3E%3Cellipse cx='123.2' cy='12.5' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(-18 123.2 12.5) translate(-6 0)'/%3E%3Cellipse cx='123.2' cy='12.5' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(62 123.2 12.5) translate(6 0)'/%3E%3Cellipse cx='134.7' cy='18.6' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(-6 134.7 18.6) translate(-6 0)'/%3E%3Cellipse cx='134.7' cy='18.6' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(74 134.7 18.6) translate(6 0)'/%3E%3Cellipse cx='144.6' cy='26.9' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(6 144.6 26.9) translate(-6 0)'/%3E%3Cellipse cx='144.6' cy='26.9' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(86 144.6 26.9) translate(6 0)'/%3E%3Cellipse cx='152.6' cy='37.1' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(18 152.6 37.1) translate(-6 0)'/%3E%3Cellipse cx='152.6' cy='37.1' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(98 152.6 37.1) translate(6 0)'/%3E%3Cellipse cx='158.3' cy='48.8' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(30 158.3 48.8) translate(-6 0)'/%3E%3Cellipse cx='158.3' cy='48.8' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(110 158.3 48.8) translate(6 0)'/%3E%3Cellipse cx='161.4' cy='61.4' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(42 161.4 61.4) translate(-6 0)'/%3E%3Cellipse cx='161.4' cy='61.4' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(122 161.4 61.4) translate(6 0)'/%3E%3Cellipse cx='161.8' cy='74.3' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(54 161.8 74.3) translate(-6 0)'/%3E%3Cellipse cx='161.8' cy='74.3' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(134 161.8 74.3) translate(6 0)'/%3E%3Cellipse cx='159.6' cy='87.1' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(66 159.6 87.1) translate(-6 0)'/%3E%3Cellipse cx='159.6' cy='87.1' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(146 159.6 87.1) translate(6 0)'/%3E%3Cellipse cx='154.7' cy='99.1' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(78 154.7 99.1) translate(-6 0)'/%3E%3Cellipse cx='154.7' cy='99.1' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(158 154.7 99.1) translate(6 0)'/%3E%3Cellipse cx='147.5' cy='109.9' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(90 147.5 109.9) translate(-6 0)'/%3E%3Cellipse cx='147.5' cy='109.9' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(170 147.5 109.9) translate(6 0)'/%3E%3Cellipse cx='138.2' cy='118.9' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(102 138.2 118.9) translate(-6 0)'/%3E%3Cellipse cx='138.2' cy='118.9' rx='7' ry='2.6' fill='%23a3b59d' opacity='.85' transform='rotate(182 138.2 118.9) translate(6 0)'/%3E%3C/svg%3E");--sprig:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 160'%3E%3Cpath d='M20 150C40 110 70 60 118 12' fill='none' stroke='%239db394' stroke-width='1.4'/%3E%3Cellipse cx='21' cy='128' rx='11' ry='4.2' fill='%23a9bea0' transform='rotate(-80 30 132)'/%3E%3Cellipse cx='39' cy='135' rx='10' ry='3.8' fill='%23bccdb4' transform='rotate(-50 30 132)'/%3E%3Cellipse cx='33' cy='108' rx='11' ry='4.2' fill='%23a9bea0' transform='rotate(-70 42 112)'/%3E%3Cellipse cx='51' cy='115' rx='10' ry='3.8' fill='%23bccdb4' transform='rotate(-40 42 112)'/%3E%3Cellipse cx='46' cy='88' rx='11' ry='4.2' fill='%23a9bea0' transform='rotate(-65 55 92)'/%3E%3Cellipse cx='64' cy='95' rx='10' ry='3.8' fill='%23bccdb4' transform='rotate(-35 55 92)'/%3E%3Cellipse cx='59' cy='70' rx='11' ry='4.2' fill='%23a9bea0' transform='rotate(-60 68 74)'/%3E%3Cellipse cx='77' cy='77' rx='10' ry='3.8' fill='%23bccdb4' transform='rotate(-30 68 74)'/%3E%3Cellipse cx='73' cy='52' rx='11' ry='4.2' fill='%23a9bea0' transform='rotate(-55 82 56)'/%3E%3Cellipse cx='91' cy='59' rx='10' ry='3.8' fill='%23bccdb4' transform='rotate(-25 82 56)'/%3E%3Cellipse cx='87' cy='36' rx='11' ry='4.2' fill='%23a9bea0' transform='rotate(-50 96 40)'/%3E%3Cellipse cx='105' cy='43' rx='10' ry='3.8' fill='%23bccdb4' transform='rotate(-20 96 40)'/%3E%3Cellipse cx='99' cy='20' rx='11' ry='4.2' fill='%23a9bea0' transform='rotate(-45 108 24)'/%3E%3Cellipse cx='117' cy='27' rx='10' ry='3.8' fill='%23bccdb4' transform='rotate(-15 108 24)'/%3E%3C/svg%3E");--crown:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M2 14L3.5 4l5 4.5L12 2l3.5 6.5 5-4.5L22 14z' fill='%23c4a468'/%3E%3C/svg%3E");
  max-width:480px;margin:0 auto;background:#fff;color:var(--tx);font-family:"Noto Sans JP",sans-serif;font-size:15px;font-weight:400;line-height:1.8;overflow:hidden;position:relative;letter-spacing:.04em}
.hh.hh.hh *{box-sizing:border-box}
.hh.hh.hh img{display:block;max-width:100%}
.hh.hh.hh p,.hh.hh.hh figure,.hh.hh.hh dl,.hh.hh.hh dd{margin:0}
.hh.hh.hh h1,.hh.hh.hh h2,.hh.hh.hh h3{margin:0;font-weight:inherit;font-size:inherit}
.hh.hh.hh ul{margin:0;padding:0;list-style:none}
.hh.hh.hh a{color:inherit;text-decoration:none}
.hh.hh.hh em{font-style:normal}
.hh.hh.hh b{font-weight:inherit}
.hh.hh.hh p,.hh.hh.hh li,.hh.hh.hh h3,.hh.hh.hh summary,.hh.hh.hh dd{text-wrap:pretty}
.hh.hh.hh .mc{font-family:"Shippori Mincho B1","Noto Serif JP",serif;font-weight:500}
.hh.hh.hh .en{font-family:"Cormorant Garamond","Noto Serif JP",serif;font-variant-numeric:lining-nums}
.hh.hh.hh .sky{background:var(--sky)}
.hh.hh.hh .mintbg{background:var(--mint)}
.hh.hh.hh .cream{background:var(--cream)}
.hh.hh.hh .tx b{color:var(--main);font-weight:700}
.hh.hh.hh .nt{font-size:10.5px;line-height:1.7;color:#7a837c;letter-spacing:.02em}
.hh.hh.hh .nt.c{text-align:center}
.hh.hh.hh .nt.r{text-align:right}
/* 葉っぱの小枝(飾り) */
.hh.hh.hh .lf{position:absolute;width:110px;height:135px;background:var(--sprig) center/contain no-repeat;pointer-events:none;opacity:.8;z-index:1}
/* 英字の小見出し(下に細い線と点) */
.hh.hh.hh .ey{display:block;text-align:center;font-size:14px;letter-spacing:.16em;color:#6f7f70;text-transform:uppercase;position:relative;padding-bottom:9px}
.hh.hh.hh .ey:after{content:"";position:absolute;left:50%;bottom:0;width:80px;margin-left:-40px;height:5px;background:radial-gradient(circle,#8a9a86 2px,transparent 2.5px) center/5px 5px no-repeat,linear-gradient(90deg,transparent,#b9c4b6 30%,#b9c4b6 70%,transparent) center/100% 1px no-repeat}
.hh.hh.hh .h2{text-align:center;color:var(--ink);font-size:clamp(28px,8.6vw,35px);line-height:1.45;letter-spacing:.12em;margin-top:16px}
.hh.hh.hh .h2 small{display:block;font-size:clamp(19px,5.8vw,23px);letter-spacing:.08em;margin-bottom:4px}
.hh.hh.hh .h2 b{font-size:.68em}

/* ロゴ */
.hh.hh.hh .logo{display:flex;flex-direction:column;align-items:center;width:max-content;color:#3d5245}
.hh.hh.hh .logo small{display:block;font-family:"Shippori Mincho B1",serif;font-size:13px;letter-spacing:.14em;padding:2px 8px;border-top:1px solid #8b9b88;border-bottom:1px solid #8b9b88}
.hh.hh.hh .logo b{display:block;font-size:30px;font-weight:500;letter-spacing:.14em;line-height:1.25;margin-top:6px}
.hh.hh.hh .logo span{display:block;font-size:10px;letter-spacing:.2em;margin-top:1px}
.hh.hh.hh .logo.s{margin:0 auto}
.hh.hh.hh .logo.s b{font-size:26px}

/* 最初の画面(白地にやわらかい緑・写真は右・明朝の大きな言い切り) */
.hh.hh.hh .fv{position:relative;padding:24px 0 22px;background:linear-gradient(180deg,#edf5f1 0%,#f4f9f6 62%,#fbfdfc 100%);overflow:hidden}
.hh.hh.hh .fv .ph{position:absolute;top:0;right:-16%;width:94%;height:640px}
.hh.hh.hh .fv .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.hh.hh.hh .fv .ph:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#edf5f1 0%,rgba(237,245,241,.55) 24%,rgba(237,245,241,0) 50%),linear-gradient(0deg,#f4f9f6 0%,rgba(244,249,246,.7) 16%,rgba(244,249,246,0) 34%)}
.hh.hh.hh .fv>*:not(.ph):not(.lf){position:relative;z-index:2}
.hh.hh.hh .fv .l1{left:-26px;top:430px;transform:rotate(-12deg)}
.hh.hh.hh .fv .l2{right:-28px;top:330px;transform:scaleX(-1) rotate(-20deg);width:96px}
.hh.hh.hh .fv .logo{margin-left:24px}
.hh.hh.hh .fv .logo b{font-size:25px;letter-spacing:.1em}
.hh.hh.hh .fv .ld{margin:40px 0 0 26px;font-size:16px;line-height:2.15;color:var(--ink);letter-spacing:.1em}
.hh.hh.hh .fv .cp{margin:22px 0 0 20px;color:#2c3a30;line-height:1.32;letter-spacing:.04em}
.hh.hh.hh .fv .cp span{display:block;font-size:clamp(27px,8.2vw,34px);white-space:nowrap}
.hh.hh.hh .fv .cp span+span{margin-top:6px}
.hh.hh.hh .fv .cp b{font-size:clamp(42px,12.6vw,52px);font-weight:500}
.hh.hh.hh .fv .sb{margin:26px auto 0;width:max-content;max-width:94%;text-align:center;color:var(--ink);line-height:1.75}
.hh.hh.hh .fv .sb small{display:block;font-size:15.5px;letter-spacing:.12em}
.hh.hh.hh .fv .sb b{display:block;font-size:clamp(21px,6.2vw,25px);letter-spacing:.1em}
.hh.hh.hh .lr{position:relative;width:200px;height:140px;margin:24px auto 0;background:var(--laurel) center/contain no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3c4a40;text-align:center}
.hh.hh.hh .lr .cr{position:absolute;top:-4px;left:50%;width:22px;height:15px;margin-left:-11px;background:var(--crown) center/contain no-repeat}
.hh.hh.hh .lr small{display:block;font-size:14px;letter-spacing:.2em;line-height:1.4}
.hh.hh.hh .lr b{display:block;font-size:40px;line-height:1.15;letter-spacing:0}
.hh.hh.hh .lr b em{font-size:18px;margin-left:2px}
.hh.hh.hh .lr span{display:block;font-size:10px;color:#8a938c}
.hh.hh.hh .fv .nt{margin:18px 20px 0}

/* 部位・お悩みの3枚 */
.hh.hh.hh .care{position:relative;padding:54px 16px 46px}
.hh.hh.hh .care .l3{right:-18px;top:-18px;transform:scaleX(-1) rotate(10deg);width:100px}
.hh.hh.hh .care .h2{font-size:clamp(32px,9.6vw,38px)}
.hh.hh.hh .pt3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:30px}
.hh.hh.hh .pt3 figure{position:relative}
.hh.hh.hh .pt3 img{width:100%;aspect-ratio:5/9;object-fit:cover;border-radius:2px}
.hh.hh.hh .pt3 span{position:absolute;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--chip);color:#fff;font-family:"Shippori Mincho B1",serif;font-size:17px;letter-spacing:.2em;padding:2px 14px 2px 17px;line-height:1.6}
.hh.hh.hh .soft{margin-top:44px;text-align:center;color:var(--ink);line-height:1.6}
.hh.hh.hh .soft small{display:block;font-size:clamp(15px,4.4vw,17px);letter-spacing:.08em}
.hh.hh.hh .soft b{display:block;font-size:clamp(28px,8.4vw,34px);letter-spacing:.12em;margin-top:6px}
.hh.hh.hh .soft span{display:block;font-size:clamp(22px,6.6vw,27px);letter-spacing:.1em}
.hh.hh.hh .care .nt{margin-top:16px}

/* 予約ボタンの段 */
.hh.hh.hh .cv{padding:24px 18px 30px;background:#fcfaf6;text-align:center}
.hh.hh.hh .cs{font-size:15px;letter-spacing:.08em;color:var(--ink)}
.hh.hh.hh .btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;margin:10px auto 0;padding:17px 46px 17px 30px;border-radius:999px;background:linear-gradient(180deg,var(--btn1) 0%,#456342 55%,var(--btn2) 100%);color:#fff;font-size:clamp(16px,4.6vw,18px);letter-spacing:.1em;box-shadow:0 6px 14px rgba(47,62,41,.28);white-space:nowrap}
.hh.hh.hh .btn i{position:absolute;right:26px;top:50%;width:9px;height:9px;margin-top:-5px;border-top:1.5px solid #fff;border-right:1.5px solid #fff;transform:rotate(45deg)}
.hh.hh.hh .ln{display:inline-block;margin-top:12px;font-size:13px;color:var(--main);border-bottom:1px solid currentColor;line-height:1.5}

/* お悩み(くすんだ写真+半透明の箱) */
.hh.hh.hh .wr{position:relative;padding:64px 22px 46px;color:#fff;overflow:hidden;background:#5f6b68}
.hh.hh.hh .wr .wp{position:absolute;inset:0}
.hh.hh.hh .wr .wp img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(.35)}
.hh.hh.hh .wr .wp:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(78,90,92,.42) 0%,rgba(78,90,92,.6) 45%,rgba(84,94,96,.78) 100%)}
.hh.hh.hh .wr>*:not(.wp){position:relative}
.hh.hh.hh .wt{text-align:center;font-size:clamp(24px,7.4vw,30px);line-height:1.5;letter-spacing:.04em}
.hh.hh.hh .wt small{display:block;font-size:clamp(20px,6vw,24px)}
.hh.hh.hh .ck{margin-top:34px;background:rgba(72,82,84,.72);border-radius:14px;padding:22px 18px 18px}
.hh.hh.hh .ck .en{text-align:center;font-size:17px;letter-spacing:.24em}
.hh.hh.hh .ck li{position:relative;padding:12px 0 12px 30px;font-size:14.5px;line-height:1.7}
.hh.hh.hh .ck li:before{content:"";position:absolute;left:0;top:15px;width:17px;height:17px;border:1.5px solid #fff;border-radius:50%}
.hh.hh.hh .ck li:after{content:"";position:absolute;left:6px;top:19px;width:4px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.hh.hh.hh .ck li em{color:var(--yl)}

/* 変わらない理由(箱の見出し・点の強調) */
.hh.hh.hh .why{position:relative;padding:62px 18px 40px;background:linear-gradient(180deg,#f3f4f3,#eceeec)}
.hh.hh.hh .why:before{content:"";position:absolute;left:50%;top:-30px;width:1px;height:62px;background:#6d7a73}
.hh.hh.hh .why:after{content:"";position:absolute;left:50%;top:28px;width:7px;height:7px;margin-left:-3px;border-radius:50%;background:#6d7a73}
.hh.hh.hh .why .lb{margin:8px 12px 0;padding:8px 6px;border:1px solid #8b958d;text-align:center;font-size:15.5px;letter-spacing:.1em;color:#566359}
.hh.hh.hh .dot{margin-top:24px;text-align:center;font-size:clamp(30px,9.4vw,40px);line-height:1.6;color:var(--ink);letter-spacing:.06em}
.hh.hh.hh .dot em{-webkit-text-emphasis:filled dot #7f8f7c;text-emphasis:filled dot #7f8f7c;-webkit-text-emphasis-position:over right;text-emphasis-position:over right}
.hh.hh.hh .dot b{font-size:.62em}
.hh.hh.hh .why .tx{margin-top:22px;font-size:14.5px;line-height:2;color:#454b47}
.hh.hh.hh .fg{margin-top:26px;background:#fff;padding:14px 14px 16px;border-radius:4px}
.hh.hh.hh .fg figcaption{position:relative;background:#5e5e5e;color:#fff;border-radius:10px;padding:10px 12px;text-align:center;font-family:"Shippori Mincho B1",serif;font-size:clamp(14.5px,4.3vw,16.5px);line-height:1.6;letter-spacing:.06em}
.hh.hh.hh .fg figcaption:after{content:"";position:absolute;left:50%;bottom:-16px;width:1px;height:16px;background:#5e5e5e}
.hh.hh.hh .fg img{width:100%;aspect-ratio:3/2;object-fit:cover;margin-top:16px;border-radius:3px}
.hh.hh.hh .fg.g figcaption{background:var(--fig)}
.hh.hh.hh .fg.g figcaption:after{background:var(--fig)}
.hh.hh.hh .why .nt{margin-top:8px}

/* グリーンピールとは(大きなかぎかっこ・白い箱・アーチの写真・丸2つ) */
.hh.hh.hh .hb{position:relative;padding:54px 18px 0}
.hh.hh.hh .qt{margin-top:18px;text-align:center;color:var(--ink);line-height:1.5}
.hh.hh.hh .qt small{display:block;font-size:clamp(19px,5.8vw,23px);letter-spacing:.1em}
.hh.hh.hh .qt b{position:relative;display:inline-block;font-size:clamp(30px,9vw,38px);letter-spacing:.06em;padding:0 28px;white-space:nowrap}
.hh.hh.hh .qt b:before,.hh.hh.hh .qt b:after{position:absolute;font-family:"Cormorant Garamond",serif;font-size:72px;line-height:1;color:#bcd3df}
.hh.hh.hh .qt b:before{content:"\201C";left:-6px;top:4px}
.hh.hh.hh .qt b:after{content:"\201D";right:-8px;bottom:-34px}
.hh.hh.hh .wb{margin-top:24px;background:#fff;border-radius:14px;padding:18px 20px;font-size:14.5px;line-height:1.95;color:#454b47}
.hh.hh.hh .wb b{color:var(--main);font-weight:700}
.hh.hh.hh .turn{position:relative;margin-top:30px;text-align:center;font-size:17px;letter-spacing:.2em;color:var(--ink);padding-bottom:14px}
.hh.hh.hh .turn:after{content:"";position:absolute;left:50%;bottom:0;width:52px;height:12px;margin-left:-26px;background:linear-gradient(to top right,transparent calc(50% - .6px),#8b958d calc(50% - .6px),#8b958d calc(50% + .6px),transparent calc(50% + .6px)) left/50% 100% no-repeat,linear-gradient(to top left,transparent calc(50% - .6px),#8b958d calc(50% - .6px),#8b958d calc(50% + .6px),transparent calc(50% + .6px)) right/50% 100% no-repeat}
.hh.hh.hh .h3{margin-top:14px;text-align:center;color:var(--ink);font-size:clamp(25px,7.6vw,31px);line-height:1.55;letter-spacing:.08em}
.hh.hh.hh .h3 small{display:block;font-size:clamp(20px,6vw,24px)}
.hh.hh.hh .arch{position:relative;margin:24px 8px 0}
.hh.hh.hh .arch img{width:100%;aspect-ratio:1/1.04;object-fit:cover;border-radius:999px 999px 0 0}
.hh.hh.hh .arch .l4{right:-34px;top:-10px;transform:scaleX(-1) rotate(8deg);width:96px}
.hh.hh.hh .arch .l5{left:-40px;bottom:30px;transform:rotate(-26deg);width:100px}
.hh.hh.hh .two{position:relative;z-index:2;display:flex;justify-content:center;gap:16px;margin-top:-64px;margin-bottom:-64px}
.hh.hh.hh .two span{display:flex;align-items:center;justify-content:center;width:124px;height:124px;border-radius:50%;background:#fff;color:#3c4a40;font-size:21px;letter-spacing:.1em;text-align:center;line-height:1.3;box-shadow:0 2px 10px rgba(60,74,64,.08);position:relative}
.hh.hh.hh .band{padding:86px 16px 42px;background:var(--mint);text-align:center;color:var(--ink)}
.hh.hh.hh .band p{font-size:clamp(16px,4.8vw,18px);letter-spacing:.12em}
.hh.hh.hh .band h2{margin-top:10px;font-size:clamp(30px,9.2vw,38px);line-height:1.5;letter-spacing:.08em}
.hh.hh.hh .hf{padding:36px 16px 34px;background:var(--beige)}
.hh.hh.hh .hf .fg{margin-top:0}
.hh.hh.hh .hf .nt{margin-top:10px}

/* 写真+縦書き+大きな見出し */
.hh.hh.hh .vt{position:relative;background:#f4f7f5}
.hh.hh.hh .vt img{width:100%;aspect-ratio:390/460;object-fit:cover;object-position:72% 30%}
.hh.hh.hh .vt:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(248,251,249,.96) 0%,rgba(248,251,249,.75) 22%,rgba(248,251,249,0) 46%);pointer-events:none}
.hh.hh.hh .vtx{position:absolute;right:14px;top:18px;z-index:2;writing-mode:vertical-rl;background:rgba(255,255,255,.8);padding:12px 7px;font-size:15px;line-height:1.75;letter-spacing:.12em;color:var(--ink)}
.hh.hh.hh .vt h2{position:absolute;left:0;right:0;bottom:22px;z-index:2;text-align:center;color:var(--ink);font-size:clamp(25px,7.6vw,31px);line-height:1.5;letter-spacing:.08em}
.hh.hh.hh .vt h2 small{display:block;font-size:clamp(19px,5.8vw,23px)}

/* 選ばれる理由 */
.hh.hh.hh .rs{position:relative;padding:52px 16px 34px;background:var(--mint)}
.hh.hh.hh .rs .l6{left:-20px;top:-28px;transform:rotate(-34deg);width:110px}
.hh.hh.hh .rs .h2{font-size:clamp(26px,7.8vw,32px)}
.hh.hh.hh .rs .h2 small{font-size:15px;letter-spacing:.14em}
.hh.hh.hh .rp{position:relative}
.hh.hh.hh .rp img{width:100%;aspect-ratio:390/320;object-fit:cover}
.hh.hh.hh .rp:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 70% 50% at 0 0,rgba(255,255,255,.6),rgba(255,255,255,0))}
.hh.hh.hh .rp>*:not(img){z-index:2}
.hh.hh.hh .rp .ov{position:absolute;left:18px;top:16px;font-size:clamp(22px,6.6vw,26px);line-height:1.5;letter-spacing:.08em;color:var(--ink)}
.hh.hh.hh .c3{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px}
.hh.hh.hh .c3 span{display:flex;align-items:center;justify-content:center;width:31%;max-width:110px;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.92);font-size:clamp(13px,3.8vw,15px);line-height:1.45;text-align:center;color:#3c4a40;letter-spacing:.04em}
.hh.hh.hh .rc{padding:0 16px 46px}
.hh.hh.hh .card{position:relative;background:#fff;padding:26px 18px 22px;text-align:left}
.hh.hh.hh .rc>.card:first-child{margin-top:0}
.hh.hh.hh .card .no{display:flex;align-items:center;justify-content:center;gap:14px;font-size:16px;letter-spacing:.16em;color:#7f8f7c}
.hh.hh.hh .card .no:before,.hh.hh.hh .card .no:after{content:"";width:34px;height:1px;background:#8b958d}
.hh.hh.hh .card h3{margin-top:10px;text-align:center;font-size:clamp(19px,5.8vw,22px);line-height:1.6;letter-spacing:.1em;color:var(--ink)}
.hh.hh.hh .card .tx{margin-top:12px;font-size:14px;line-height:1.95}
.hh.hh.hh .card .pt{margin-top:18px;background:var(--mint);padding:14px 10px;text-align:center;font-size:clamp(15px,4.4vw,17px);line-height:1.75;color:#4c5a52;letter-spacing:.06em}
.hh.hh.hh .card .nt{margin-top:8px}
.hh.hh.hh .ty{display:grid;grid-template-columns:1fr 1fr;margin:34px -16px 0}
.hh.hh.hh .ty figure{position:relative}
.hh.hh.hh .ty img{width:100%;aspect-ratio:195/270;object-fit:cover}
.hh.hh.hh .ty figcaption{position:absolute;top:0;left:50%;transform:translateX(-50%);width:84%;padding:14px 4px 18px;text-align:center;border-radius:0 0 80px 80px;background:rgba(255,255,255,.9);color:var(--ink);line-height:1.5}
.hh.hh.hh .ty figure:nth-child(2) figcaption{background:rgba(100,128,94,.92);color:#fff}
.hh.hh.hh .ty small{display:block;font-size:12.5px;letter-spacing:.06em}
.hh.hh.hh .ty b{display:block;font-size:clamp(20px,6vw,24px);letter-spacing:.14em;margin-top:2px}
.hh.hh.hh .ty+.card{margin-top:-6px}
.hh.hh.hh .more{position:relative;margin-top:40px;text-align:center;font-size:16px;letter-spacing:.2em;color:#5d6a62;padding-bottom:44px}
.hh.hh.hh .more:before{content:"";position:absolute;left:50%;top:34px;width:1px;height:34px;background:#6d7a73}
.hh.hh.hh .more:after{content:"";position:absolute;left:50%;bottom:-4px;width:7px;height:7px;margin-left:-3px;border-radius:50%;background:#6d7a73}
.hh.hh.hh .sf{margin:0 -16px;background:linear-gradient(180deg,#f7f8f6,#eef3ef)}
.hh.hh.hh .sf h3{padding:26px 14px 18px;text-align:center;color:var(--ink);font-size:clamp(23px,7vw,28px);line-height:1.5;letter-spacing:.08em}
.hh.hh.hh .sf h3 small{display:block;font-size:clamp(15px,4.4vw,17px);letter-spacing:.1em}
.hh.hh.hh .sf img{width:100%;aspect-ratio:390/280;object-fit:cover}
.hh.hh.hh .sf .tx{position:relative;margin:-36px 16px 0;background:rgba(255,255,255,.95);padding:16px 16px;font-size:14px;line-height:1.9}

/* 実績(あるときだけ) */
.hh.hh.hh .st{padding:46px 16px 36px;background:linear-gradient(180deg,#f7f5f0,#fbfaf7);text-align:center}
.hh.hh.hh .st h2{font-size:clamp(22px,6.6vw,26px);line-height:1.6;letter-spacing:.08em;color:var(--ink)}
.hh.hh.hh .lrs{display:flex;justify-content:center;gap:4px;margin-top:20px}
.hh.hh.hh .lrs .lr{width:172px;height:122px;margin:0}
.hh.hh.hh .lrs .lr b{font-size:32px}
.hh.hh.hh .st .nt{margin-top:14px;text-align:left}

/* お客様の声(あるときだけ) */
.hh.hh.hh .vc{padding:52px 16px 40px;background:#f8f7f3}
.hh.hh.hh .vb{margin-top:24px;background:#fff;padding:18px 18px 20px}
.hh.hh.hh .vb img{float:right;width:96px;height:96px;object-fit:cover;border-radius:50%;margin:0 0 6px 10px}
.hh.hh.hh .vb .who small{display:block;font-size:14px;color:var(--ink)}
.hh.hh.hh .vb .who span{display:inline-block;margin-top:4px;background:var(--main);color:#fff;border-radius:999px;padding:1px 16px;font-size:13px}
.hh.hh.hh .vb .rt{clear:none;margin-top:10px;color:var(--main);letter-spacing:.12em;font-size:15px}
.hh.hh.hh .vb .tx{margin-top:8px;font-size:14px;line-height:1.9;clear:both}
.hh.hh.hh .vc .nt{margin-top:14px}

/* 施術の流れ(横にめくるカード) */
.hh.hh.hh .fl{padding:52px 0 36px}
.hh.hh.hh .sw{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:26px 16px 10px;scrollbar-width:none}
.hh.hh.hh .sw::-webkit-scrollbar{display:none}
.hh.hh.hh .sc{flex:0 0 74%;scroll-snap-align:center;border-radius:40px 40px 40px 0;overflow:hidden;background:var(--main2);display:flex;flex-direction:column}
.hh.hh.hh .si{background:#fff;padding:12px 12px 0;border-radius:40px 40px 0 0}
.hh.hh.hh .si p{text-align:center;font-size:20px;letter-spacing:.1em;color:#6f7f70;border-bottom:1px solid #b9c4b6;width:max-content;margin:0 auto 10px;line-height:1.3}
.hh.hh.hh .si img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hh.hh.hh .sd{padding:14px 16px 22px;color:#fff}
.hh.hh.hh .sd h3{text-align:center;font-size:17px;letter-spacing:.12em;line-height:1.5}
.hh.hh.hh .sd p{margin-top:6px;font-size:13.5px;line-height:1.85}
.hh.hh.hh .hint{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 16px 0;font-size:14.5px;letter-spacing:.1em;color:var(--ink)}
.hh.hh.hh .hint:before,.hh.hh.hh .hint:after{content:"";flex:1;max-width:96px;height:7px;border-bottom:1px solid #4f5d54}
.hh.hh.hh .hint:before{border-left:1px solid #4f5d54;transform:skewX(-45deg)}
.hh.hh.hh .hint:after{border-right:1px solid #4f5d54;transform:skewX(45deg)}

/* 想い */
.hh.hh.hh .sy{padding:52px 0 0;background:linear-gradient(180deg,#f3f5f5,#eef2f2)}
.hh.hh.hh .sy .h2{line-height:1.6}
.hh.hh.hh .sy .who{display:grid;grid-template-columns:1fr 54%;align-items:end;margin-top:22px;padding-left:22px}
.hh.hh.hh .sy .who p{order:1;padding-bottom:28px;color:var(--ink)}
.hh.hh.hh .sy .who img{order:2}
.hh.hh.hh .sy .who small{display:block;font-size:13.5px;line-height:1.7;color:#6f7f70;letter-spacing:.04em}
.hh.hh.hh .sy .who b{display:block;font-size:24px;letter-spacing:.14em}
.hh.hh.hh .sy .who img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px 0 0}
.hh.hh.hh .msg{position:relative;background:var(--sky);padding:28px 22px 40px}
.hh.hh.hh .msg .l7{right:-14px;top:-70px;transform:scaleX(-1) rotate(24deg);width:96px}
.hh.hh.hh .msg h3{font-size:clamp(21px,6.2vw,25px);line-height:1.6;letter-spacing:.08em;color:var(--ink)}
.hh.hh.hh .msg .tx{margin-top:16px;font-size:14px;line-height:2}

/* 料金(緑の見出し帯・打ち消し価格・ピンクのOFF) */
.hh.hh.hh .mn{padding:52px 16px 40px}
.hh.hh.hh .pc{margin-top:30px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(60,74,64,.07)}
.hh.hh.hh .ph2{position:relative;background:var(--main);color:#fff;text-align:center;padding:16px 12px 14px}
.hh.hh.hh .ph2 h3{font-size:clamp(20px,6vw,23px);letter-spacing:.14em;line-height:1.5}
.hh.hh.hh .ph2 p{font-size:12.5px;letter-spacing:.08em;opacity:.95}
.hh.hh.hh .pb{padding:16px 18px 18px}
.hh.hh.hh .was{text-align:center;font-size:15px;color:#3d443f;font-weight:500}
.hh.hh.hh .was s{color:#666;margin-right:6px}
.hh.hh.hh .now{display:flex;align-items:center;justify-content:center;gap:2px;color:#3a4a3e;line-height:1.2;margin-top:2px}
.hh.hh.hh .now{font-size:26px}
.hh.hh.hh .now b{font-size:clamp(40px,12vw,46px);letter-spacing:.02em}
.hh.hh.hh .now em{margin-left:12px;padding:4px 16px;font-size:clamp(19px,5.6vw,22px);color:#6d7d67;background:radial-gradient(ellipse 50% 50% at 50% 50%,#f4cfd3 0%,#f8dfe1 55%,rgba(248,223,225,0) 100%)}
.hh.hh.hh .pb dl{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding-top:12px;border-top:1px solid #d4dcd2}
.hh.hh.hh .pb dl:first-of-type{border-top:0;padding-top:0}
.hh.hh.hh .pb dt{flex:none;background:var(--chip2);color:#fff;border-radius:999px;padding:0 10px;font-size:12px;line-height:1.9;font-weight:700}
.hh.hh.hh .pb dd{font-size:13.5px;line-height:1.75;color:#454b47}
.hh.hh.hh .ex{margin-top:12px;background:#fbf6ea;border-left:3px solid var(--gold);padding:7px 10px;font-size:12.5px;line-height:1.7;color:#5a4a2a}
.hh.hh.hh .mn>.nt{margin-top:18px;font-size:11.5px;color:#6a726c}

/* アクセス */
.hh.hh.hh .ac{padding:52px 16px 44px;background:#fff}
.hh.hh.hh .ac img{width:100%;aspect-ratio:3/2;object-fit:cover;margin-top:24px;border-radius:4px}
.hh.hh.hh .ac h3{margin-top:16px;font-size:19px;letter-spacing:.08em;color:var(--ink);line-height:1.5}
.hh.hh.hh .ac .ad{margin-top:4px;font-size:14px;line-height:1.7}
.hh.hh.hh .ac .inf{margin-top:10px;font-size:13.5px;line-height:1.9;color:#555}
.hh.hh.hh .ac iframe{display:block;width:100%;height:230px;border:0;margin-top:14px;border-radius:4px;background:#eef2ef}

/* 最後の写真 */
.hh.hh.hh .end{position:relative;padding:360px 18px 26px;background:#f5f8f6;overflow:hidden}
.hh.hh.hh .end>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 8%}
.hh.hh.hh .end:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#f5f8f6 0%,rgba(245,248,246,.9) 38%,rgba(245,248,246,.35) 58%,rgba(245,248,246,0) 72%)}
.hh.hh.hh .end>*:not(img){position:relative;z-index:2}
.hh.hh.hh .et{color:#2c3a30;line-height:1.4}
.hh.hh.hh .et small{display:block;font-size:clamp(21px,6.4vw,26px);letter-spacing:.06em}
.hh.hh.hh .et b{display:block;font-size:clamp(38px,11.4vw,46px);letter-spacing:.06em;margin-top:4px}
.hh.hh.hh .et span{display:block;font-size:clamp(24px,7.2vw,29px);letter-spacing:.06em;margin-top:2px}
.hh.hh.hh .es{margin-top:30px;text-align:center;color:var(--ink)}
.hh.hh.hh .es p{font-size:16px;line-height:1.9;letter-spacing:.08em}
.hh.hh.hh .es .logo{margin-top:16px}
.hh.hh.hh .end .nt{margin-top:14px}

/* よくある質問 */
.hh.hh.hh .fq{padding:50px 22px 44px}
.hh.hh.hh .fq .h2{margin-bottom:22px}
.hh.hh.hh .fq details{border-top:1px solid #6b7a70}
.hh.hh.hh .fq details:last-of-type{border-bottom:1px solid #6b7a70}
.hh.hh.hh .fq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 0;font-size:16.5px;line-height:1.55;color:var(--ink);letter-spacing:.06em}
.hh.hh.hh .fq summary::-webkit-details-marker{display:none}
.hh.hh.hh .fq summary i{position:relative;flex:none;width:32px;height:32px;border:1px solid #4f5d54;border-radius:50%}
.hh.hh.hh .fq summary i:before,.hh.hh.hh .fq summary i:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;margin:-.75px 0 0 -5px;background:#4f5d54}
.hh.hh.hh .fq summary i:after{transform:rotate(90deg)}
.hh.hh.hh .fq details[open] summary i:after{display:none}
.hh.hh.hh .fq details p{padding:0 4px 20px;font-size:14px;line-height:1.9;color:#454b47}

/* いちばん下 */
.hh.hh.hh .ft{padding:36px 18px 150px;background:#fff;text-align:center}
.hh.hh.hh .ft .fn{margin-top:20px;text-align:left;font-size:11px;line-height:1.8;color:#6a726c}
.hh.hh.hh .ft .cr{margin-top:16px;font-size:11px;color:#6b5f55}

/* 下に固定の予約ボタン(少し下へ進むと出る) */
.hh.hh.hh .fx{position:fixed;left:0;right:0;bottom:0;z-index:50;max-width:480px;margin:0 auto;background:rgba(255,255,255,.96);padding:8px 16px calc(12px + env(safe-area-inset-bottom));text-align:center;box-shadow:0 -4px 14px rgba(0,0,0,.06);animation:hh-fx linear both;animation-timeline:scroll(root);animation-range:280px 480px}
.hh.hh.hh .fx p{font-size:13.5px;letter-spacing:.08em;color:var(--ink)}
.hh.hh.hh .fx .btn{margin-top:6px;padding:15px 46px 15px 30px}
@keyframes hh-fx{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}