@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@500;600;700;800&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&display=swap");
.hc.hc.hc *{all:revert}
/* 特長説明・明朝型(見本 キズナHD ホワイトハーブピーリング kizuna-h.jp/lp/herb-off/)。読みやすい版。直したら style.css を作り直す(頭のクラスを3つ重ねて先頭に all:revert) */

.hc.hc.hc{--g:#2f4a17;--g2:#41611f;--gl:#56762a;--gp:#e7edd8;--gp2:#f2f5ea;--br:#6e4c24;--brd:#3a2811;--brd2:#24190a;--gold:#b89558;--gold2:#dcc48e;--ol:#86704a;--cream:#f7f1e3;--beige:#efe8da;--ink:#2a2a26;--tx:#4c4a44;
  max-width:480px;margin:0 auto;background:#fff;color:var(--ink);font-family:"Noto Sans JP",sans-serif;font-size:14.5px;line-height:1.9;letter-spacing:.03em;overflow:hidden;position:relative;padding-bottom:78px}
.hc.hc.hc *{box-sizing:border-box}
.hc.hc.hc img{display:block;max-width:100%}
.hc.hc.hc p{margin:0}
.hc.hc.hc ul,.hc.hc.hc ol{margin:0;padding:0;list-style:none}
.hc.hc.hc h1,.hc.hc.hc h2,.hc.hc.hc h3{margin:0;font-weight:inherit}
.hc.hc.hc a{color:inherit;text-decoration:none}
.hc.hc.hc .mc{font-family:"Shippori Mincho B1","Noto Serif JP",serif}
.hc.hc.hc .en{font-family:"Cormorant Garamond","Noto Serif JP",serif;letter-spacing:.06em;font-variant-numeric:lining-nums}
.hc.hc.hc em{font-style:normal;color:var(--gl)}
.hc.hc.hc .q:before{content:"\201C";color:var(--gl);font-size:1.15em;margin-right:.04em}
.hc.hc.hc .q:after{content:"\201D";color:var(--gl);font-size:1.15em;margin-left:.04em}
.hc.hc.hc .tx{margin-top:18px;font-size:14px;line-height:2.05;color:var(--tx)}
.hc.hc.hc .tx b{font-weight:500;color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink);text-underline-offset:5px}

/* 最初の画面 */
.hc.hc.hc .fv{position:relative;background:linear-gradient(180deg,#fff 0%,#f6f4ee 60%,#efece3 100%);padding-bottom:30px}
.hc.hc.hc .fv .ph{position:relative;height:clamp(430px,112vw,520px)}
.hc.hc.hc .fv .ph img{width:100%;height:100%;object-fit:cover;object-position:68% 30%}
.hc.hc.hc .fv .ph:after{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.75) 55%,#fff 92%)}
.hc.hc.hc .fv .bdg{position:absolute;left:0;top:0;z-index:2;width:102px;padding:8px 6px 20px;background:linear-gradient(180deg,#2b4612,#1f350b);color:#f3ead2;text-align:center;line-height:1.25;clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%)}
.hc.hc.hc .fv .bdg b{display:block;font-family:"Shippori Mincho B1",serif;font-size:21px;font-weight:700;letter-spacing:.02em;font-style:italic;color:#fff}
.hc.hc.hc .fv .bdg span{display:block;margin-top:3px;font-family:"Shippori Mincho B1",serif;font-size:13.5px;font-weight:600}
.hc.hc.hc .fv .logo{position:absolute;left:10px;top:118px;z-index:2;color:#fff;line-height:1.05;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.hc.hc.hc .fv .logo span{display:block;font-size:24px;font-weight:600;letter-spacing:.02em}
.hc.hc.hc .fv .logo small{display:block;margin-top:2px;font-size:11px;letter-spacing:.08em}
.hc.hc.hc .fv .vt{position:absolute;right:12px;top:10px;z-index:2;writing-mode:vertical-rl;background:rgba(255,255,255,.82);padding:10px 6px;font-family:"Shippori Mincho B1",serif;font-size:15px;font-weight:600;line-height:1.75;letter-spacing:.12em;color:var(--ink);max-height:300px}
.hc.hc.hc .fv .ttl{position:relative;z-index:3;margin-top:-118px;text-align:center;padding:0 12px}
.hc.hc.hc .fv .sub{font-size:clamp(16px,4.9vw,20px);font-weight:600;letter-spacing:.06em;color:var(--ink)}
.hc.hc.hc .fv h1{margin-top:2px;font-size:clamp(34px,10.4vw,46px);font-weight:700;line-height:1.3;letter-spacing:.02em;color:#1f1f1b;white-space:nowrap}
.hc.hc.hc .fv h1 em{color:var(--gl)}
.hc.hc.hc .medals{display:flex;justify-content:center;gap:8px;margin-top:16px;padding:0 10px}
.hc.hc.hc .medals li{position:relative;width:clamp(100px,30vw,118px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 35%,#97825a,#7a6640 70%,#6b5835);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.3;box-shadow:inset 0 0 0 3px rgba(255,255,255,.12)}
.hc.hc.hc .medals li:before{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,.28)}
.hc.hc.hc .medals i{width:18px;height:11px;margin-bottom:3px;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 14"%3E%3Cpath d="M2 13h20L20 4l-4.5 4.5L12 1 8.5 8.5 4 4z" fill="%23dcc48e"/%3E%3C/svg%3E') center/contain no-repeat}
.hc.hc.hc .medals small{display:block;font-size:12px;color:#efe5cf;letter-spacing:.02em}
.hc.hc.hc .medals b{display:block;font-size:clamp(17px,5.2vw,21px);font-weight:700;letter-spacing:.04em;margin-top:1px}
.hc.hc.hc .offer{display:flex;align-items:center;margin:20px 0 0;position:relative}
.hc.hc.hc .offer .op{width:34%;flex:none;padding-left:12px}
.hc.hc.hc .offer .op img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:2px;box-shadow:0 6px 16px rgba(60,50,30,.25)}
.hc.hc.hc .offer .ob{flex:1;min-width:0;padding-left:10px}
.hc.hc.hc .offer .band{background:linear-gradient(90deg,#6e4c24,#8a6234);color:#fff;font-size:clamp(13.5px,3.9vw,15.5px);font-weight:600;padding:6px 10px;letter-spacing:.06em;white-space:nowrap;overflow:hidden}
.hc.hc.hc .offer .tags{margin:10px 10px 0 4px;display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.hc.hc.hc .offer .tags span{display:inline-block;padding:1px 9px;border:1.5px solid var(--gl);border-radius:6px;background:#fff;color:var(--gl);font-weight:700;font-size:13.5px;letter-spacing:.04em}
.hc.hc.hc .offer .tags b{font-weight:700;font-size:14px}
.hc.hc.hc .offer .nm{margin:8px 10px 0 4px;font-size:clamp(19px,5.6vw,23px);font-weight:700;letter-spacing:.03em;line-height:1.35}
.hc.hc.hc .price{margin:18px 14px 0;padding:14px 12px 12px;border:1px solid #d6c9a8;background:#fff;text-align:center;position:relative}
.hc.hc.hc .price:before{content:"";position:absolute;inset:3px;border:1px solid #ece2c8;pointer-events:none}
.hc.hc.hc .price .pl{display:inline-block;padding:2px 14px;background:var(--g);color:#fff;font-size:13px;font-weight:700;letter-spacing:.08em}
.hc.hc.hc .price .pr{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-top:6px;white-space:nowrap}
.hc.hc.hc .price s{font-size:15px;color:#7a776c;text-decoration-thickness:1.5px}
.hc.hc.hc .price .pr i{display:inline-block;width:0;height:0;margin:0 6px 0 4px;border:6px solid transparent;border-left:9px solid var(--gold);transform:translateY(-2px)}
.hc.hc.hc .price .pr b{font-size:clamp(42px,12.6vw,54px);font-weight:700;color:var(--g2);line-height:1}
.hc.hc.hc .price .pr span{font-size:20px;font-weight:700;color:var(--g2)}
.hc.hc.hc .price .pr small{font-size:12px;color:#6b685e}
.hc.hc.hc .price .pn{margin-top:6px;font-size:12px;line-height:1.7;color:#5c5a52;text-align:left}

/* ボタン(濃い緑・上に白い札) */
.hc.hc.hc .cta{padding:30px 14px 0}
.hc.hc.hc .btn{position:relative;display:flex;align-items:center;gap:10px;padding:15px 14px 15px 12px;border-radius:10px;background:linear-gradient(135deg,#46661f 0%,#2c4713 55%,#203710 100%);color:#fff;box-shadow:0 5px 0 #18290a,0 10px 20px rgba(30,40,10,.28);border:1px solid rgba(255,255,255,.15)}
.hc.hc.hc .btn .bt{position:absolute;left:0;right:0;top:-13px;display:flex;justify-content:center;gap:8px}
.hc.hc.hc .btn .bt em{display:inline-block;padding:1px 10px;border-radius:999px;background:#fff;color:var(--ink);font-size:11.5px;font-weight:700;letter-spacing:.04em;border:1px solid #cfd6c2;box-shadow:0 1px 3px rgba(0,0,0,.15);position:relative}
.hc.hc.hc .btn .bt em:after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-4px;border:4px solid transparent;border-top-color:#fff;border-bottom:0}
.hc.hc.hc .btn .ic{flex:none;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.14) url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="4" y="5.5" width="16" height="14" rx="1.5"/%3E%3Cpath d="M4 10h16M8.5 3.5v4M15.5 3.5v4"/%3E%3C/svg%3E') center/22px no-repeat;border:1px solid rgba(255,255,255,.25)}
.hc.hc.hc .btn .bl{flex:1;min-width:0;text-align:center;font-size:clamp(16px,4.6vw,19px);font-weight:700;letter-spacing:.04em;line-height:1.4;white-space:nowrap}
.hc.hc.hc .btn .bl small{display:block;font-size:12.5px;font-weight:600;letter-spacing:.06em;opacity:.9}
.hc.hc.hc .btn .ar{flex:none;width:0;height:0;border:6px solid transparent;border-left:8px solid #e2e8d4;margin-right:-4px}

/* 物語(背景エピソード) */
.hc.hc.hc .story{position:relative;padding:62px 22px 50px;background:linear-gradient(180deg,#fff,#fbfaf6)}
.hc.hc.hc .story .ghost{position:absolute;right:16px;top:58px;writing-mode:vertical-rl;font-size:17px;line-height:1.1;color:#cfcac0;letter-spacing:.06em;max-height:240px;overflow:hidden}
.hc.hc.hc .story .lbl{display:inline-flex;flex-wrap:wrap;gap:3px;padding:4px;background:var(--g2);color:#fff;font-size:18px;font-weight:600;letter-spacing:.32em;padding-left:10px;outline:1px solid var(--g2);outline-offset:2px}
.hc.hc.hc .story .lead{margin-top:20px;padding-right:22px;font-size:clamp(20px,6vw,24px);font-weight:600;line-height:1.75;letter-spacing:.03em}
.hc.hc.hc .story .lead em{color:var(--gl)}
.hc.hc.hc .story .gh{margin-top:50px;text-align:center;font-size:clamp(22px,6.6vw,27px);font-weight:600;color:var(--g2);letter-spacing:.04em;line-height:1.5}
.hc.hc.hc .story .gl{margin-top:8px;text-align:center;font-size:13.5px;line-height:1.8;color:var(--tx)}
.hc.hc.hc .layers{margin-top:16px;display:grid;gap:8px}
.hc.hc.hc .ly{position:relative;border-radius:12px;overflow:hidden;padding:18px 16px 18px;text-align:center;color:#fff;background-size:cover;background-position:center;isolation:isolate}
.hc.hc.hc .ly:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(24,18,8,.55)}
.hc.hc.hc .ly .en{font-size:15px;letter-spacing:.14em;color:rgba(255,255,255,.62);line-height:1.2}
.hc.hc.hc .ly h3{font-size:26px;font-weight:600;letter-spacing:.08em;line-height:1.3}
.hc.hc.hc .ly .tg{display:inline-block;margin-top:6px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.88);color:#3a352a;font-size:13.5px;font-weight:700;letter-spacing:.06em;line-height:1.8}
.hc.hc.hc .ly .t{margin-top:6px;font-size:13.5px;line-height:1.7}

/* ご提案 */
.hc.hc.hc .prop{padding:40px 0 50px;background:linear-gradient(180deg,#f3f1e8 0%,#fff 22%,#f8f5ef 100%)}
.hc.hc.hc .prop .pt{text-align:center;padding:0 14px;line-height:1.45}
.hc.hc.hc .prop .pt small{display:block;font-size:clamp(17px,5vw,20px);font-weight:600;letter-spacing:.06em}
.hc.hc.hc .prop .pt .q{display:inline-block;font-size:clamp(23px,7vw,29px);font-weight:700;color:var(--g2);letter-spacing:.04em;margin:4px 0}
.hc.hc.hc .prop .pp{position:relative;margin-top:24px}
.hc.hc.hc .prop .pp img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:62% 50%}
.hc.hc.hc .prop .pp .en{position:absolute;left:14px;bottom:26px;font-size:13px;line-height:1.35;color:rgba(255,255,255,.85);text-shadow:0 1px 4px rgba(0,0,0,.35)}
.hc.hc.hc .prop .band{margin:-14px 16px 0;position:relative;background:linear-gradient(90deg,#5e3f1c,#7d5a2e);color:#fff;text-align:center;font-size:clamp(14px,4.2vw,16.5px);font-weight:600;padding:5px 8px;letter-spacing:.06em;white-space:nowrap;overflow:hidden}
.hc.hc.hc .prop .big{margin-top:6px;text-align:center;font-size:clamp(31px,9.4vw,40px);font-weight:700;letter-spacing:.02em;line-height:1.35;white-space:nowrap}
.hc.hc.hc .prop .big em{color:var(--gl)}
.hc.hc.hc .prop .tx{padding:0 20px}
.hc.hc.hc .wreaths{display:flex;justify-content:center;gap:14px;margin-top:22px}
.hc.hc.hc .wreaths li{position:relative;width:46%;max-width:180px;text-align:center;padding:10px 26px;line-height:1.3}
.hc.hc.hc .wreaths li:before,.hc.hc.hc .wreaths li:after{content:"";position:absolute;top:0;bottom:0;width:26px;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 80" fill="%23c2a874"%3E%3Cpath d="M20 78C8 66 5 44 9 24 11 14 15 7 20 2" fill="none" stroke="%23c2a874" stroke-width="1.6"/%3E%3Cellipse cx="13" cy="68" rx="6" ry="2.6" transform="rotate(-35 13 68)"/%3E%3Cellipse cx="9" cy="56" rx="6" ry="2.6" transform="rotate(-55 9 56)"/%3E%3Cellipse cx="7" cy="44" rx="6" ry="2.6" transform="rotate(-70 7 44)"/%3E%3Cellipse cx="8" cy="32" rx="6" ry="2.6" transform="rotate(-85 8 32)"/%3E%3Cellipse cx="11" cy="21" rx="5.5" ry="2.4" transform="rotate(-100 11 21)"/%3E%3Cellipse cx="15" cy="11" rx="5" ry="2.2" transform="rotate(-115 15 11)"/%3E%3Cellipse cx="18" cy="60" rx="5" ry="2.2" transform="rotate(25 18 60)"/%3E%3Cellipse cx="15" cy="47" rx="5" ry="2.2" transform="rotate(5 15 47)"/%3E%3Cellipse cx="15" cy="34" rx="5" ry="2.2" transform="rotate(-10 15 34)"/%3E%3C/svg%3E') center/contain no-repeat}
.hc.hc.hc .wreaths li:before{left:0}
.hc.hc.hc .wreaths li:after{right:0;transform:scaleX(-1)}
.hc.hc.hc .wreaths small{display:block;font-size:12.5px;color:var(--ol);letter-spacing:.04em}
.hc.hc.hc .wreaths b{display:block;font-size:clamp(23px,6.8vw,28px);font-weight:700;color:#7a5c2c;letter-spacing:.04em;margin-top:2px;white-space:nowrap}

/* POINT(こげ茶の地・丸い写真+枠) */
.hc.hc.hc .points{padding:40px 20px 60px;background:linear-gradient(180deg,#5a3d17 0%,#3d2a10 40%,#2e200c 100%);color:#fff}
.hc.hc.hc .points .pt{position:relative;padding-top:0;margin-top:44px}
.hc.hc.hc .points .pt:first-child{margin-top:0}
.hc.hc.hc .points .pic{position:relative;z-index:2;width:76%;margin:0 auto;border-radius:999px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.hc.hc.hc .points .pic img{width:100%;aspect-ratio:2.05/1;object-fit:cover;object-position:50% 30%}
.hc.hc.hc .points .no{position:absolute;right:0;top:2px;writing-mode:vertical-rl;font-size:21px;letter-spacing:.12em;color:rgba(255,255,255,.5);z-index:3}
.hc.hc.hc .points .cd{margin-top:-60px;padding:76px 18px 24px;border:1px solid rgba(255,255,255,.28);border-radius:0 0 34px 0;background:rgba(255,255,255,.04)}
.hc.hc.hc .points h3{text-align:center;font-size:16.5px;font-weight:700;color:#f3e3bb;letter-spacing:.06em;line-height:1.6}
.hc.hc.hc .points .cd p{margin-top:10px;font-size:13.5px;line-height:1.95;color:#f2ede3}

/* 大切にしていること */
.hc.hc.hc .values{padding:52px 18px 54px;background:#fff;text-align:center}
.hc.hc.hc .ey{font-size:16px;color:#5b5648;letter-spacing:.08em}
.hc.hc.hc .values h2{margin-top:6px;font-size:clamp(23px,7vw,29px);font-weight:600;line-height:1.5;letter-spacing:.04em}
.hc.hc.hc .values ol{margin-top:26px;display:grid;gap:14px;text-align:left}
.hc.hc.hc .values li{position:relative;display:flex;align-items:center;min-height:76px;padding:12px 18px 12px 46px;border-radius:999px;background:linear-gradient(90deg,#f1ecdc,#f7f4ea);box-shadow:0 4px 10px rgba(110,90,40,.08);margin-left:22px}
.hc.hc.hc .values li b{position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:#5a3c18;color:#fff;font-size:19px;font-weight:500;display:flex;align-items:center;justify-content:center;letter-spacing:.04em}
.hc.hc.hc .values li p{font-size:14px;line-height:1.75;color:#3a382f}
.hc.hc.hc .values li p b{position:static;transform:none;width:auto;height:auto;border-radius:0;background:none;color:var(--ink);display:inline;font-size:inherit;font-weight:700;font-family:inherit;letter-spacing:inherit}

/* 効果(枠の英字見出し・緑の帯) */
.hc.hc.hc .effect{padding:52px 0 0;background:linear-gradient(180deg,#f0efe8,#eef0e6)}
.hc.hc.hc .effect .frm{position:relative;width:fit-content;max-width:88%;margin:0 auto;padding:4px 22px 6px;text-align:center;line-height:1.1}
.hc.hc.hc .effect .frm:before,.hc.hc.hc .effect .frm:after{content:"";position:absolute;top:0;bottom:0;width:12px;border:1px solid #8b877c}
.hc.hc.hc .effect .frm:before{left:0;border-right:0}
.hc.hc.hc .effect .frm:after{right:0;border-left:0}
.hc.hc.hc .effect .frm .en{display:block;font-size:clamp(32px,9.6vw,42px);font-weight:500;color:#2c2b27;letter-spacing:.02em;white-space:nowrap}
.hc.hc.hc .effect .frm small{display:block;margin-top:6px;font-size:13px;font-weight:700;color:#5b5648;letter-spacing:.08em}
.hc.hc.hc .effect .ep{margin-top:22px}
.hc.hc.hc .effect .ep img{width:100%;aspect-ratio:3/2;object-fit:cover}
.hc.hc.hc .gband{display:block;width:fit-content;max-width:92%;margin:0 auto;padding:4px 26px;background:var(--g2);color:#fff;font-size:15px;font-weight:600;letter-spacing:.08em;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);text-align:center;line-height:1.6}
.hc.hc.hc .effect .gband{margin-top:-16px;position:relative}
.hc.hc.hc .effect .big{margin-top:8px;text-align:center;font-size:clamp(34px,10vw,44px);font-weight:700;line-height:1.3;white-space:nowrap}
.hc.hc.hc .effect .tx{padding:0 20px}
.hc.hc.hc .chp{position:relative;margin-top:26px;height:clamp(340px,92vw,420px);background-size:cover;background-position:60% 6%}
.hc.hc.hc .chp:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(238,240,230,.85) 0%,rgba(238,240,230,.2) 45%,rgba(238,240,230,0) 60%),linear-gradient(180deg,#eef0e6 0%,rgba(238,240,230,0) 14%)}
.hc.hc.hc .chp ul{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:grid;gap:12px}
.hc.hc.hc .chp li{display:flex;align-items:center;gap:6px;width:fit-content;padding:3px 14px 3px 7px;border-radius:999px;background:var(--g2);color:#fff;font-size:14.5px;font-weight:700;letter-spacing:.06em;box-shadow:0 2px 6px rgba(30,40,10,.2)}
.hc.hc.hc .chp li:nth-child(even){margin-left:-6px}
.hc.hc.hc .chp li:before{content:"";width:18px;height:18px;border-radius:50%;background:#fff url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%2341611f" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4 8.3l2.6 2.6L12 5.4"/%3E%3C/svg%3E') center/14px no-repeat;flex:none}

/* 条件(茶色の丸+白い丸い帯) */
.hc.hc.hc .cond{padding:46px 16px 54px;background:linear-gradient(180deg,#eef0e6,#f6f4ec 50%,#fff);text-align:center}
.hc.hc.hc .cond h2{margin-top:4px;font-size:clamp(26px,7.8vw,32px);font-weight:600;letter-spacing:.06em}
.hc.hc.hc .cond ul{margin-top:20px;display:grid;gap:10px;text-align:left}
.hc.hc.hc .cond li{display:flex;align-items:center;min-height:84px;border-radius:999px 999px 999px 999px;background:#fff;box-shadow:0 4px 14px rgba(80,70,40,.12);padding:6px 16px 6px 6px}
.hc.hc.hc .cond .cc{position:relative;flex:none;width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #5a3c18;margin-left:-2px}
.hc.hc.hc .cond .cc img{width:100%;height:100%;object-fit:cover}
.hc.hc.hc .cond .cc span{position:absolute;left:0;right:0;bottom:9px;padding:1px 0 2px;background:rgba(90,60,24,.86);color:#fff;font-size:12px;font-weight:700;text-align:center;letter-spacing:.04em;line-height:1.4}
.hc.hc.hc .cond li p{padding-left:12px;font-size:13.5px;line-height:1.7;color:#3a382f}

/* 施術事例(あるときだけ) */
.hc.hc.hc .cases{padding:48px 16px 40px;background:#f6f4ec;text-align:center}
.hc.hc.hc .cases h2{margin-top:10px;font-size:clamp(25px,7.6vw,31px);font-weight:600;letter-spacing:.08em}
.hc.hc.hc .cases .cs{margin-top:20px;background:#fff;padding:12px 12px 16px;text-align:left;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.hc.hc.hc .cases .ba{display:flex;gap:4px}
.hc.hc.hc .cases figure{margin:0;flex:1;position:relative}
.hc.hc.hc .cases figure img{width:100%;aspect-ratio:4/5;object-fit:cover}
.hc.hc.hc .cases figcaption{position:absolute;left:8px;bottom:4px;color:#fff;font-size:13px;letter-spacing:.1em}
.hc.hc.hc .cases dl{margin:12px 0 0}
.hc.hc.hc .cases dl div{display:flex;gap:10px;align-items:center;margin-top:4px}
.hc.hc.hc .cases dt{flex:none;padding:0 8px;background:#f2e6c4;font-size:12.5px;font-weight:700;color:#6b5634}
.hc.hc.hc .cases dd{margin:0;font-size:13.5px}
.hc.hc.hc .cases .cs>p{margin-top:12px;padding-top:12px;border-top:1px solid #e6e1d4;font-size:13.5px;line-height:1.85;color:var(--tx)}
.hc.hc.hc .cases .nt{margin-top:10px;font-size:11px;color:#77746a;text-align:left}

/* お悩み(暗い写真+黄色の線) */
.hc.hc.hc .worry{background:#fff;padding-bottom:6px}
.hc.hc.hc .wbg{position:relative;padding:34px 18px 26px;background-size:cover;background-position:center;color:#fff;isolation:isolate}
.hc.hc.hc .wbg:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(28,28,26,.78)}
.hc.hc.hc .wbg h2{line-height:1.2;font-weight:700}
.hc.hc.hc .wbg h2 small{display:block;font-size:19px;padding-left:4px}
.hc.hc.hc .wbg h2 b{font-size:clamp(40px,12vw,50px);font-weight:800;color:#e6d27a;letter-spacing:.02em}
.hc.hc.hc .wbg h2{font-size:clamp(24px,7vw,29px)}
.hc.hc.hc .wbg ul{margin-top:16px}
.hc.hc.hc .wbg li{position:relative;padding:10px 0 10px 26px;border-bottom:1px solid rgba(255,255,255,.22);font-size:14px;line-height:1.75}
.hc.hc.hc .wbg li:before{content:"";position:absolute;left:2px;top:15px;width:14px;height:14px;border:1.5px solid #fff;border-radius:2px;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round"%3E%3Cpath d="M4 8.3l2.6 2.6L12 5.4"/%3E%3C/svg%3E') center/12px no-repeat}
.hc.hc.hc .wbg li em{color:#1f1f1b;background:#e6d86e;padding:0 3px;font-weight:700}
.hc.hc.hc .wbg .aft{margin-top:16px;text-align:center;font-size:17px;font-weight:600;letter-spacing:.08em}
.hc.hc.hc .wbg .aft:after{content:"";display:block;width:34px;height:16px;margin:8px auto 0;background:linear-gradient(135deg,transparent 48%,#d6bf74 49% 60%,transparent 61%) left/50% 100% no-repeat,linear-gradient(225deg,transparent 48%,#d6bf74 49% 60%,transparent 61%) right/50% 100% no-repeat}
.hc.hc.hc .pair{display:flex;height:clamp(200px,56vw,250px);clip-path:polygon(0 0,50% 9%,100% 0,100% 100%,0 100%)}
.hc.hc.hc .pair div{flex:1;position:relative;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;isolation:isolate}
.hc.hc.hc .pair div:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(20,16,8,.38)}
.hc.hc.hc .pair div+div{border-left:2px solid #fff}
.hc.hc.hc .pair p{color:#fff;text-align:center;font-size:clamp(20px,6vw,25px);font-weight:700;line-height:1.5;letter-spacing:.06em;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hc.hc.hc .ans{padding:30px 14px 0;text-align:center;background:linear-gradient(180deg,#f5f3ee,#fff)}
.hc.hc.hc .ans .as{font-size:clamp(15px,4.4vw,17px);font-weight:600;letter-spacing:.06em}
.hc.hc.hc .ans .ab{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px}
.hc.hc.hc .ans .ci{flex:none;width:68px;height:68px;border-radius:50%;background:#ece8de;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#3a372e;line-height:1.3;text-align:center;padding:4px}
.hc.hc.hc .ans b{font-size:clamp(40px,12vw,54px);font-weight:800;color:#1f1d18;letter-spacing:.04em;line-height:1.2;white-space:nowrap}

/* 章(01・02・03) */
.hc.hc.hc .ch{position:relative;padding:44px 18px 54px}
.hc.hc.hc .chh{display:flex;align-items:center;gap:14px;padding:12px 4px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;border-color:rgba(255,255,255,.4)}
.hc.hc.hc .chh b{font-size:19px;font-weight:600;padding-right:14px;border-right:1px solid rgba(255,255,255,.5);line-height:1.3}
.hc.hc.hc .chh span{font-size:16px;font-weight:600;letter-spacing:.06em}
.hc.hc.hc .che{margin-top:20px;font-size:13.5px;line-height:1.35;color:rgba(255,255,255,.42);max-width:76%}
.hc.hc.hc .ch.g{background:linear-gradient(180deg,#2c4513 0%,#24390f 50%,#1f310c 100%);color:#fff}
.hc.hc.hc .ch.g .hx{position:relative;margin-top:16px;height:clamp(300px,82vw,350px)}
.hc.hc.hc .ch.g .hex{position:absolute;left:8%;top:6px;width:76%;aspect-ratio:1/0.88;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.hc.hc.hc .ch.g .hex img{width:100%;height:100%;object-fit:cover}
.hc.hc.hc .ch.g .hx .vt{position:absolute;right:0;top:-6px;writing-mode:vertical-rl;background:#fff;color:#1f1f1b;padding:10px 6px;font-size:15px;font-weight:600;line-height:1.65;letter-spacing:.14em;max-height:290px}
.hc.hc.hc .xx{display:flex;align-items:center;justify-content:center;gap:0;margin-top:8px}
.hc.hc.hc .xx span{padding:4px 30px;background:linear-gradient(90deg,#5d812a,#6f9333);color:#fff;font-size:19px;font-weight:600;letter-spacing:.16em}
.hc.hc.hc .xx span:first-child{clip-path:polygon(0 0,100% 0,90% 100%,0 100%);padding-right:36px}
.hc.hc.hc .xx span:last-child{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);padding-left:36px}
.hc.hc.hc .xx i{font-style:normal;margin:0 -14px;position:relative;z-index:2;font-size:22px;color:#fff}
.hc.hc.hc .gold{margin-top:20px;text-align:center;font-size:clamp(20px,6vw,25px);font-weight:700;line-height:1.6;letter-spacing:.06em;color:#eedca8}
.hc.hc.hc .ch.g .tx{color:#e9ecdf}
.hc.hc.hc .ch .gt{margin-top:34px;text-align:center;font-size:16px;font-weight:700;letter-spacing:.06em}
.hc.hc.hc .ch .gt:before,.hc.hc.hc .ch .gt:after{content:"";display:inline-block;width:26px;height:1px;background:#fff;vertical-align:middle;margin:0 10px}
.hc.hc.hc .ch .gtl{margin-top:4px;text-align:center;font-size:12.5px;line-height:1.7;color:#cbd2bd}
.hc.hc.hc .ch .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 10px;margin-top:16px}
.hc.hc.hc .ch .grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}
.hc.hc.hc .ch .grid span{display:block;margin-top:4px;text-align:center;font-size:12.5px;line-height:1.5}
.hc.hc.hc .bb{position:relative;margin-top:40px}
.hc.hc.hc .bbe{display:block;text-align:right;font-size:14px;letter-spacing:.14em;padding:0 2px 6px;color:rgba(233,238,221,.85);font-family:"Cormorant Garamond",serif}
.hc.hc.hc .bbe:after{content:"\25BE\25BE";margin-left:6px;font-size:11px;letter-spacing:0}
.hc.hc.hc .bb .bbin{background:#c5d39c;color:#1f2a10;padding:26px 22px 26px;border-radius:14px 0 14px 14px}
.hc.hc.hc .bb h3{font-size:clamp(19px,5.6vw,22px);font-weight:600;line-height:1.75;letter-spacing:.04em}
.hc.hc.hc .bb p{margin-top:14px;font-size:13.5px;line-height:1.95;color:#2c3420}

.hc.hc.hc .ch.c{background:linear-gradient(180deg,#f7eccd 0%,#faf3df 40%,#f6ecd3 100%);color:var(--ink)}
.hc.hc.hc .ch.c .chh,.hc.hc.hc .ch.c .chh b{border-color:rgba(90,70,30,.35)}
.hc.hc.hc .ch .hd{margin-top:26px;text-align:center;font-size:clamp(23px,6.8vw,28px);font-weight:700;line-height:1.55;letter-spacing:.04em}
.hc.hc.hc .ch.c .rows{margin-top:24px;display:grid;gap:14px}
.hc.hc.hc .ch.c .rows li{display:flex;gap:14px;align-items:flex-start}
.hc.hc.hc .ch.c .rows img{flex:none;width:38%;aspect-ratio:7/8;object-fit:cover;border-radius:8px}
.hc.hc.hc .ch.c .rows div{flex:1;min-width:0}
.hc.hc.hc .rn{display:flex;align-items:center;gap:10px}
.hc.hc.hc .rn b{font-size:38px;font-weight:500;color:#8a6a35;line-height:1}
.hc.hc.hc .rn span{padding-left:10px;border-left:1px solid #b9a77f;line-height:1.35}
.hc.hc.hc .rn small{display:block;font-size:11.5px;color:#7a6a4c}
.hc.hc.hc .rn strong{display:block;font-size:16.5px;font-weight:700;letter-spacing:.04em}
.hc.hc.hc .rt{margin-top:8px;font-size:13px;line-height:1.85;color:var(--tx)}
.hc.hc.hc .bc{position:relative;margin-top:40px;padding:28px 20px 26px;border-radius:0 14px 14px 14px;background-size:cover;background-position:center;color:#fff;isolation:isolate}
.hc.hc.hc .bc:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,rgba(120,86,46,.55),rgba(110,76,36,.88))}
.hc.hc.hc .bc .bbe{position:absolute;right:0;top:-30px;color:#8a6a35;padding:0}
.hc.hc.hc .bc h3{font-size:clamp(20px,6vw,24px);font-weight:600;line-height:1.7;letter-spacing:.04em;margin-top:60px}
.hc.hc.hc .bc p{margin-top:12px;font-size:13.5px;line-height:1.95}

.hc.hc.hc .ch.b{background:linear-gradient(180deg,#3d2a11,#2c1f0b);color:#fff}
.hc.hc.hc .ch.b .hd{color:#fff}
.hc.hc.hc .cmp{position:relative;margin-top:30px}
.hc.hc.hc .cmp .ch-a{position:absolute;left:30%;width:38%;top:-16px;bottom:-12px;border-radius:6px;background:linear-gradient(180deg,#f3e3b6,#e8cf91 50%,#d9b970);box-shadow:0 6px 20px rgba(0,0,0,.4);text-align:center;padding-top:12px;color:#3a2a10;line-height:1.25}
.hc.hc.hc .cmp .ch-a b{display:block;font-size:16px;font-weight:700;letter-spacing:.02em;padding:0 4px}
.hc.hc.hc .cmp .ch-a small{display:block;font-size:10.5px;margin-top:3px;padding:0 4px}
.hc.hc.hc .cmp table{position:relative;width:100%;border-collapse:collapse;table-layout:fixed;font-size:12.5px;line-height:1.55}
.hc.hc.hc .cmp th,.hc.hc.hc .cmp td{padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.22);text-align:center;vertical-align:middle;font-weight:500}
.hc.hc.hc .cmp thead th{height:58px;border-bottom:1px solid rgba(255,255,255,.22);font-size:12.5px;font-weight:700;vertical-align:bottom;padding-bottom:8px}
.hc.hc.hc .cmp th{width:30%;font-weight:700;background:rgba(255,255,255,.05)}
.hc.hc.hc .cmp td.a{width:38%;color:#3a2a10;font-weight:700;border-bottom-color:rgba(90,60,20,.2)}
.hc.hc.hc .cmp thead th.a{border-bottom-color:rgba(90,60,20,.2)}
.hc.hc.hc .cmp td.a i{display:block;width:20px;height:20px;margin:0 auto 3px;border-radius:50%;border:2px solid #9a7637;box-shadow:inset 0 0 0 3px #f1dfb0,inset 0 0 0 5px #9a7637}
.hc.hc.hc .cmp td:not(.a){color:#e7dfcf}
.hc.hc.hc .cn{margin-top:22px;font-size:12px;line-height:1.7;color:#d9cfbb}

/* メニュー(こげ茶の地・白いカード・斜めの札) */
.hc.hc.hc .menu{padding:46px 16px 54px;background:linear-gradient(180deg,#3b2810,#2e1f0b);color:#fff;text-align:center}
.hc.hc.hc .menu .me{font-size:clamp(30px,9vw,38px);font-weight:500;color:#f2ead8;line-height:1.1;letter-spacing:.04em}
.hc.hc.hc .menu h2{font-size:13.5px;font-weight:500;letter-spacing:.08em;margin-top:4px}
.hc.hc.hc .menu h2:after{content:"";display:block;width:1px;height:20px;margin:8px auto 0;border-left:2px dotted rgba(255,255,255,.6)}
.hc.hc.hc .mcard{position:relative;margin-top:18px;background:#fff;color:var(--ink);padding:18px 14px 14px 14px;overflow:hidden;border:1px solid #d9c9a0;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px #e5d7b3}
.hc.hc.hc .mcard .rb{position:absolute;left:-30px;top:14px;width:110px;transform:rotate(-45deg);background:linear-gradient(90deg,#b28b45,#d0ad66,#b28b45);color:#fff;font-size:12px;font-weight:700;padding:2px 0;letter-spacing:.06em;text-align:center}
.hc.hc.hc .mcard h3{font-size:clamp(19px,5.6vw,23px);font-weight:700;letter-spacing:.04em;padding:0 16px 0 34px;line-height:1.45}
.hc.hc.hc .mcard .ml{margin-top:6px;font-size:12.5px;font-weight:700;color:#5c584e;display:flex;align-items:center;gap:8px;justify-content:center}
.hc.hc.hc .mcard .ml:before,.hc.hc.hc .mcard .ml:after{content:"";flex:1;max-width:60px;height:1px;background:#cfc8b6}
.hc.hc.hc .mcard .mp{display:flex;align-items:baseline;justify-content:center;gap:3px;flex-wrap:wrap;white-space:nowrap}
.hc.hc.hc .mcard .mp s{font-size:14px;color:#7a776c;margin-right:8px}
.hc.hc.hc .mcard .mp b{font-size:clamp(34px,10vw,42px);font-weight:700;color:var(--g2);line-height:1.2}
.hc.hc.hc .mcard .mp span{font-size:18px;font-weight:700;color:var(--g2)}
.hc.hc.hc .mcard .mp small{font-size:12px;color:#5c584e}
.hc.hc.hc .mcard .mn{margin-top:4px;font-size:12px;line-height:1.7;color:#5c584e}
.hc.hc.hc .menu .cta{padding-left:0;padding-right:0}
.hc.hc.hc .mnotes{margin-top:18px;text-align:left}
.hc.hc.hc .mnotes li{position:relative;padding-left:1.1em;font-size:12.5px;line-height:1.75;color:#eadfca}
.hc.hc.hc .mnotes li:before{content:"※";position:absolute;left:0}

/* 理由(大きな数字) */
.hc.hc.hc .reasons{padding:44px 0 50px;background:linear-gradient(180deg,#f6f3ec,#fff 30%)}
.hc.hc.hc .rse{display:block;padding:0 12px;font-size:16px;letter-spacing:.14em;color:#4a4436;transform:rotate(8deg);transform-origin:left;white-space:nowrap;overflow:hidden}
.hc.hc.hc .rh{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;padding:0 14px}
.hc.hc.hc .rh b{font-size:clamp(110px,32vw,140px);font-weight:600;line-height:.9;color:#b8924a;background:linear-gradient(180deg,#d8b86e,#a8823c);-webkit-background-clip:text;background-clip:text;color:transparent}
.hc.hc.hc .rh span{font-size:clamp(34px,10vw,42px);font-weight:700;line-height:1.25;letter-spacing:.04em}
.hc.hc.hc .rh small{display:block;font-size:clamp(17px,5vw,20px);font-weight:600;letter-spacing:.06em;margin-bottom:6px}
.hc.hc.hc .rs{margin-top:38px}
.hc.hc.hc .rs .rhd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 18px 0 20px}
.hc.hc.hc .rs h3{flex:1;min-width:0;padding-left:16px;border-left:4px solid #a0ad86;font-size:clamp(24px,7.2vw,30px);font-weight:600;line-height:1.45;letter-spacing:.04em}
.hc.hc.hc .rs .rno{flex:none;text-align:center;color:#b8924a;line-height:1}
.hc.hc.hc .rs .rno small{display:block;font-size:13px;letter-spacing:.06em;font-style:italic}
.hc.hc.hc .rs .rno b{display:block;font-size:44px;font-weight:600}
.hc.hc.hc .rs .gband{margin:16px 0 0;max-width:100%;width:auto;clip-path:none;text-align:left;padding:4px 18px;font-size:15px}
.hc.hc.hc .rs .tx{padding:0 20px;margin-top:12px}
.hc.hc.hc .rs img{margin-top:16px;width:100%;aspect-ratio:16/10;object-fit:cover}
.hc.hc.hc .reasons .medals{margin-top:26px}

/* 流れ */
.hc.hc.hc .flow{padding:50px 18px 54px;background:linear-gradient(180deg,#eef1e4,#f6f7f0);text-align:center}
.hc.hc.hc .flow .fe{font-size:42px;letter-spacing:.14em;font-family:"Noto Sans JP",sans-serif;font-weight:400;color:#2c2b27;line-height:1.1}
.hc.hc.hc .flow h2{font-size:14px;font-weight:700;letter-spacing:.08em;margin-top:4px}
.hc.hc.hc .flow ol{margin-top:26px;display:grid;gap:22px;text-align:left}
.hc.hc.hc .flow li{position:relative;display:flex;align-items:center;gap:14px}
.hc.hc.hc .flow li+li:before{content:"";position:absolute;left:10px;top:-19px;border:6px solid transparent;border-top:8px solid #5d7a2e;border-bottom:0}
.hc.hc.hc .flow .fn{flex:none;width:70px;min-height:92px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;border-radius:0 46px 46px 0;background:#fff;box-shadow:0 3px 10px rgba(60,70,40,.12);font-size:15px;letter-spacing:.14em;color:#8b9a72;margin-left:-18px;padding-left:4px}
.hc.hc.hc .flow h3{font-size:16px;font-weight:700;letter-spacing:.04em;line-height:1.5}
.hc.hc.hc .flow li p{margin-top:2px;font-size:13px;line-height:1.75;color:var(--tx)}

/* 安心(チェックの札) */
.hc.hc.hc .assure{padding:0 0 54px;background:#fff;text-align:center}
.hc.hc.hc .assure .ap{width:100%;aspect-ratio:2/1;object-fit:cover}
.hc.hc.hc .assure .ey{margin-top:26px}
.hc.hc.hc .assure h2{font-size:clamp(28px,8.4vw,35px);font-weight:600;letter-spacing:.1em;margin-top:2px}
.hc.hc.hc .assure .chk{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 14px 0}
.hc.hc.hc .assure .chk li{display:flex;align-items:center;gap:5px;padding:2px 12px 2px 8px;background:#f3ecd7;font-size:14px;font-weight:700;color:#4a3f26;letter-spacing:.04em}
.hc.hc.hc .assure .chk li:before{content:"";width:16px;height:16px;border-radius:50%;background:#a2843f url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%23ffffff" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4 8.3l2.6 2.6L12 5.4"/%3E%3C/svg%3E') center/12px no-repeat}
.hc.hc.hc .assure h3{margin-top:24px;padding:0 18px;font-size:clamp(16px,4.7vw,19px);font-weight:700;letter-spacing:.04em}
.hc.hc.hc .assure .tx{margin-top:10px;padding:0 20px;text-align:left}

/* 声(あるときだけ) */
.hc.hc.hc .voices{position:relative;padding:40px 16px 40px;background:#e3ebcf;text-align:center}
.hc.hc.hc .voices .vbig{font-size:64px;line-height:1;color:rgba(255,255,255,.7);letter-spacing:.1em}
.hc.hc.hc .voices h2{margin-top:-14px;font-size:22px;font-weight:700}
.hc.hc.hc .voices .vc{margin-top:20px;background:#fffdf5;padding:16px;text-align:left}
.hc.hc.hc .voices .vn{font-size:22px;color:#b8924a}
.hc.hc.hc .voices .vc img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-top:8px}
.hc.hc.hc .voices .vt{margin-top:10px;display:inline-block;padding:0 8px;background:#6e4c24;color:#fff;font-size:12px}
.hc.hc.hc .voices h3{margin-top:6px;padding-left:10px;border-left:4px solid #a0ad86;font-size:16px;font-weight:700;color:var(--g2)}
.hc.hc.hc .voices .vc>p:last-child{margin-top:8px;font-size:13.5px;line-height:1.85;color:var(--tx)}
.hc.hc.hc .voices .nt{margin-top:10px;font-size:11px;color:#5c5a52}

/* 一言(斜めの線) */
.hc.hc.hc .follow{padding:40px 30px 10px;text-align:center;background:#fff}
.hc.hc.hc .follow .fs{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14.5px;font-weight:700;color:#5c584e;letter-spacing:.04em}
.hc.hc.hc .follow .fs:before,.hc.hc.hc .follow .fs:after{content:"";width:16px;height:30px;flex:none;background:repeating-linear-gradient(115deg,transparent 0 4px,#a0ad86 4px 5px)}
.hc.hc.hc .follow h2{margin-top:6px;font-size:clamp(23px,6.9vw,28px);font-weight:600;line-height:1.55;letter-spacing:.06em}
.hc.hc.hc .follow h2 em{color:#b8924a}

/* お店(表) */
.hc.hc.hc .shop{padding:40px 16px 20px;background:#fff;text-align:center}
.hc.hc.hc .shop .sh{font-family:"Noto Sans JP",sans-serif;font-size:34px;font-weight:500;color:var(--g2);letter-spacing:.14em;line-height:1.2}
.hc.hc.hc .shop h2{font-size:13.5px;font-weight:700;letter-spacing:.06em}
.hc.hc.hc .shop table{width:100%;margin-top:18px;border-collapse:collapse;text-align:left;font-size:13.5px;line-height:1.7}
.hc.hc.hc .shop th,.hc.hc.hc .shop td{border:1px solid #dcdcd2;padding:12px 10px;vertical-align:middle}
.hc.hc.hc .shop th{width:30%;font-weight:500;text-align:center;background:#fff;color:#3a382f}
.hc.hc.hc .shop tr:first-child th,.hc.hc.hc .shop tr:first-child td{background:var(--gp);font-weight:700}

/* Q&A */
.hc.hc.hc .faq{padding:30px 16px 44px;background:#fff;text-align:center}
.hc.hc.hc .faq .fq{font-family:"Noto Sans JP",sans-serif;font-size:36px;font-weight:500;color:var(--g2);letter-spacing:.06em;line-height:1.2}
.hc.hc.hc .faq h2{font-size:13.5px;font-weight:700;letter-spacing:.06em;margin-bottom:16px}
.hc.hc.hc .faq details{margin-top:10px;background:var(--gp);text-align:left}
.hc.hc.hc .faq summary{list-style:none;display:flex;align-items:center;gap:8px;padding:14px 14px;cursor:pointer;font-family:"Shippori Mincho B1","Noto Serif JP",serif;font-weight:700;font-size:14.5px;line-height:1.6}
.hc.hc.hc .faq summary::-webkit-details-marker{display:none}
.hc.hc.hc .faq summary b{flex:none;font-size:20px;color:var(--gl);font-weight:600;line-height:1}
.hc.hc.hc .faq summary span{flex:1;min-width:0}
.hc.hc.hc .faq summary i{flex:none;position:relative;width:16px;height:16px}
.hc.hc.hc .faq summary i:before,.hc.hc.hc .faq summary i:after{content:"";position:absolute;left:0;top:7px;width:16px;height:1.5px;background:var(--gl)}
.hc.hc.hc .faq summary i:after{transform:rotate(90deg)}
.hc.hc.hc .faq details[open] summary i:after{display:none}
.hc.hc.hc .faq details p{padding:12px 14px 16px;background:#fff;font-size:13.5px;line-height:1.9;color:var(--tx);border:1px solid var(--gp)}

/* しめくくり */
.hc.hc.hc .closing{padding:20px 0 40px;background:#fff}
.hc.hc.hc .closing>img{width:90%;margin-left:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 30%}
.hc.hc.hc .closing .p2{margin:30px 0 0;margin-right:auto;margin-left:0}
.hc.hc.hc .closing h2{margin-top:26px;padding:0 28px;font-size:clamp(21px,6.3vw,25px);font-weight:600;line-height:1.6;letter-spacing:.04em}
.hc.hc.hc .closing .tx{padding:0 28px}
.hc.hc.hc .line{margin-top:16px;text-align:center;font-size:13px}
.hc.hc.hc .line a{color:var(--gl);text-decoration:underline;text-underline-offset:4px}

.hc.hc.hc .ft{padding:24px 18px 26px;background:#f2f0ea}
.hc.hc.hc .ft li{position:relative;padding-left:1.1em;font-size:11.5px;line-height:1.75;color:#5c5a52}
.hc.hc.hc .ft li:before{content:"※";position:absolute;left:0}
.hc.hc.hc .ft .cr{margin-top:14px;text-align:center;font-size:11px;color:#77746a}

/* 下に固定のボタン(写真+濃い緑) */
.hc.hc.hc .stk{position:fixed;left:50%;bottom:0;z-index:60;transform:translateX(-50%);width:100%;max-width:480px;height:70px;display:flex;align-items:stretch;background:linear-gradient(135deg,#3b5a1a,#24390f);color:#fff;box-shadow:0 -4px 14px rgba(0,0,0,.18)}
.hc.hc.hc .stk .sp{flex:none;width:38%;background-size:cover;background-position:center}
.hc.hc.hc .stk .sl{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(15px,4.4vw,18px);font-weight:700;letter-spacing:.04em;line-height:1.35;text-align:center;white-space:nowrap;padding:0 4px}
.hc.hc.hc .stk .sl small{font-size:12px;font-weight:600;opacity:.9}
.hc.hc.hc .stk i{flex:none;align-self:center;width:0;height:0;margin-right:12px;border:6px solid transparent;border-left:8px solid #e2e8d4}