
.htk-lp{--c-main:#8d6a2c;--c-deep:#332714;--c-accent:#d3b273;--c-paper:#f8f6f0;--c-ink:#2b261c;--c-sub:#736d5f;--c-line:#e0dbcc;
 color:var(--c-ink);background:var(--c-paper);font-family:"Noto Sans JP",sans-serif;line-height:1.95;font-size:15.5px;letter-spacing:.03em;
 --tommy-header-bg:#332714;--tommy-header-color:#f8f6f0;--tommy-header-border:rgba(248,246,240,.22);--tommy-header-hover:#d3b273;
 --tommy-cta-bg:#332714;--tommy-cta-color:#f8f6f0;--tommy-cta-accent:#d3b273;--tommy-cta-btn-bg:#d3b273;--tommy-cta-btn-color:#332714;
 --tommy-cta-buttons-primary-bg:#8d6a2c;--tommy-cta-buttons-primary-color:#fff;--tommy-cta-buttons-secondary-bg:#fff;--tommy-cta-buttons-secondary-color:#8d6a2c;--tommy-cta-buttons-secondary-border:#8d6a2c;
 --tommy-footer-bg:#332714;--tommy-footer-color:#e9e4d8;--tommy-footer-border:rgba(233,228,216,.2);--tommy-footer-link:#dbbe8b;
 --tommy-market-accent:#8d6a2c;--tommy-market-head-bg:#332714;--tommy-market-head-color:#fff;--tommy-market-border:#e0dbcc;--tommy-market-link:#8d6a2c}
.htk-lp *{box-sizing:border-box}
.htk-lp p{margin:0 0 1.35em}
.htk-lp h1,.htk-lp h2,.htk-lp h3{font-family:"Noto Serif JP",serif;font-weight:300;letter-spacing:.05em;margin:0}
.htk-eb{font-family:"Plus Jakarta Sans",sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--c-main);margin:0 0 18px;font-weight:600}
.htk-sec{padding:clamp(60px,8vw,116px) max(24px,calc((100% - 1030px)/2))}
.htk-lp > .tommy-cta-buttons{padding:44px max(24px,calc((100% - 1030px)/2));background:var(--c-paper)}
@media(max-width:860px){.htk-lp > .tommy-cta-buttons{padding:32px 18px}}

/* hero : 明るい左寄せ + 大きな数字 */
.htk-hero{background:#fff;border-bottom:1px solid var(--c-line)}
.htk-hero h1{font-size:clamp(23.5px,4.4vw,48px);line-height:1.34;letter-spacing:.045em}
.htk-hero .htk-kana{font-family:"Plus Jakarta Sans",sans-serif;font-size:11.5px;letter-spacing:.24em;color:var(--c-sub);margin:14px 0 0}
.htk-hero p.htk-lead{margin:26px 0 0;max-width:37em;font-size:15.5px;color:#3a3428}
.htk-big{display:flex;align-items:flex-end;gap:clamp(16px,3vw,32px);margin:clamp(34px,4.6vw,52px) 0 0;border-top:1px solid var(--c-line);padding-top:26px;flex-wrap:wrap}
.htk-big .htk-n{font-family:"Noto Serif JP",serif;font-weight:300;font-size:clamp(52px,9.6vw,110px);line-height:.9;color:var(--c-main);letter-spacing:0;margin:0}
.htk-big .htk-n small{font-size:.26em;letter-spacing:.1em;margin-left:.28em}
.htk-big .htk-cap{font-size:14px;color:var(--c-sub);max-width:23em;padding-bottom:6px}

.htk-h2{font-size:clamp(21px,2.9vw,31px);line-height:1.5}
.htk-lead2{font-size:clamp(16px,1.9vw,20px);line-height:2;margin:0;font-family:"Noto Serif JP",serif;font-weight:300}

/* sec1 : 左タイトル + 右本文 */
.htk-split{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(24px,4vw,64px);align-items:start}
.htk-split p{font-size:15.5px}
.htk-p2{margin-top:22px}
@media(max-width:860px){.htk-split{grid-template-columns:1fr;gap:20px}}
.htk-figs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:clamp(34px,4.6vw,50px) 0 0;border-top:1px solid var(--c-line);padding-top:26px}
.htk-figs dt{font-family:"Plus Jakarta Sans",sans-serif;font-size:10px;letter-spacing:.2em;color:var(--c-sub);text-transform:uppercase}
.htk-figs dd{margin:6px 0 0;font-family:"Noto Serif JP",serif;font-weight:300;font-size:clamp(19px,2.4vw,26px);color:var(--c-main);line-height:1.4}
@media(max-width:620px){.htk-figs{grid-template-columns:1fr 1fr;gap:16px}}

/* sec2 : 濃色2カラム + 引用 */
.htk-dark{background:var(--c-deep);color:#fff}
.htk-dark .htk-h2{color:#fff}
.htk-dark .htk-eb{color:var(--c-accent)}
.htk-d2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,58px);margin:clamp(34px,4.6vw,52px) 0 0;align-items:start}
.htk-quote{border-left:2px solid var(--c-accent);padding-left:22px;font-family:"Noto Serif JP",serif;font-weight:300;font-size:clamp(18px,2.4vw,24px);line-height:1.85;color:#fff;margin:0}
.htk-d2 p{color:rgba(255,255,255,.85);font-size:15px}
@media(max-width:860px){.htk-d2{grid-template-columns:1fr}}

/* sec3 : 2大ブロック */
.htk-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);margin:clamp(36px,5vw,56px) 0 0}
.htk-two > div{padding:clamp(26px,3.4vw,40px);border:1px solid var(--c-line);background:#fff}
.htk-two .htk-t{font-family:"Plus Jakarta Sans",sans-serif;font-size:11.5px;letter-spacing:.22em;color:var(--c-main);margin-bottom:10px}
.htk-two h3{font-size:20px;margin-bottom:14px}
.htk-two p{font-size:14.5px;margin:0}
@media(max-width:760px){.htk-two{grid-template-columns:1fr}}

/* sec4 : 定義リスト2カラム */
.htk-dl{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(26px,4vw,56px);margin:clamp(34px,4.6vw,52px) 0 0}
.htk-dl > div{border-top:1px solid var(--c-line);padding:20px 0}
.htk-dl h3{font-size:16px;color:var(--c-main);margin-bottom:8px}
.htk-dl p{margin:0;font-size:14.5px}
.htk-dl ul{margin:0;padding-left:1.1em;font-size:14.5px}
.htk-dl li{margin-bottom:6px}
@media(max-width:620px){.htk-dl{grid-template-columns:1fr}}

.htk-mk{background:#fff;border-top:1px solid var(--c-line)}
.htk-mk .htk-lead2{font-family:"Noto Sans JP",sans-serif;font-size:15px;line-height:1.95;margin-top:26px;max-width:44em}
.htk-mk table{width:100%}
