/*
 * OIL230E V19 Futureshop2 本番用統合CSS
 * Base: 先日確定したFutureshop2本番実装（ワイドLPレイアウトを維持）
 * V19: 5段階相談フローCSSを確認・統合
 * Maintained: 左ナビ非表示 / 980pxワイド / 商品情報820px / 260px+560px / 購入エリア余白調整
 * Note: 確認用 .hd-preview-* / .hd-preview-seo は本番用CSSに含めない
  * V19.2: FAQ開状態の「−」をUnicodeエスケープ（\2212）へ変更し、文字化けを回避
*/
.hd-oil230e-page{--hd-oil230e-orange:#e76f00;--hd-oil230e-orange-dark:#b84f00;--hd-oil230e-ink:#202020;--hd-oil230e-gray:#656565;--hd-oil230e-line:#d7d4cd;--hd-oil230e-warm:#f5f3ee;--hd-oil230e-pale-orange:#fff3e7}
.hd-oil230e-page{max-width:1040px;margin:0 auto;padding:18px 30px 80px;background:#fff;overflow:hidden}
.hd-oil230e-page h1,
.hd-oil230e-page h2,
.hd-oil230e-page h3,
.hd-oil230e-page p,
.hd-oil230e-page ul,
.hd-oil230e-page figure,
.hd-oil230e-page dl{margin-top:0}
.hd-oil230e-page a{transition:background-color .18s ease,color .18s ease,transform .18s ease}
.hd-oil230e-page a:hover{transform:translateY(-1px)}
.hd-oil230e-page .hd-oil230e-hero{display:grid;grid-template-columns:minmax(0,57%) minmax(330px,43%);border-top:9px solid var(--hd-oil230e-orange);border-bottom:1px solid #aaa}
.hd-oil230e-page .hd-oil230e-hero-copy{padding:38px 36px 42px 4px}
.hd-oil230e-page .hd-oil230e-maker{margin-bottom:18px;color:#555;font-size:14px;font-weight:700;letter-spacing:.04em}
.hd-oil230e-page .hd-oil230e-kicker{display:inline-block;margin-bottom:12px;padding:4px 9px;background:var(--hd-oil230e-ink);color:#fff;font-size:15px;font-weight:700}
.hd-oil230e-page .hd-oil230e-hero h1,
.hd-oil230e-page .hd-oil230e-hero h2.hd-oil230e-problem-question{margin-bottom:18px;font-size:clamp(34px,4.7vw,56px);line-height:1.28;letter-spacing:-.035em}
.hd-oil230e-page .hd-oil230e-hero h1 em,
.hd-oil230e-page .hd-oil230e-hero h2.hd-oil230e-problem-question em{color:var(--hd-oil230e-orange-dark);font-style:normal}
.hd-oil230e-page .hd-oil230e-lead{margin-bottom:22px;font-size:18px;line-height:1.9}
.hd-oil230e-page .hd-oil230e-hero-points{display:grid;gap:8px;margin-bottom:24px;padding:0;list-style:none}
.hd-oil230e-page .hd-oil230e-hero-points li{padding:9px 12px;border-left:4px solid var(--hd-oil230e-orange);background:var(--hd-oil230e-warm)}
.hd-oil230e-page .hd-oil230e-hero-points strong,
.hd-oil230e-page .hd-oil230e-hero-points span{display:block}
.hd-oil230e-page .hd-oil230e-hero-points span{color:#555;font-size:14px}
.hd-oil230e-page .hd-oil230e-consult{padding:22px;background:var(--hd-oil230e-ink);color:#fff}
.hd-oil230e-page .hd-oil230e-consult-label{margin-bottom:5px;color:#ffc58a;font-weight:700}
.hd-oil230e-page .hd-oil230e-consult h2{margin-bottom:12px;color:#fff;font-size:25px;line-height:1.5}
.hd-oil230e-page .hd-oil230e-consult p{margin-bottom:15px;font-size:14px;line-height:1.75}
.hd-oil230e-page .hd-oil230e-consult a,
.hd-oil230e-page .hd-oil230e-demo-band a,
.hd-oil230e-page .hd-oil230e-actions a{display:inline-block;padding:13px 20px;background:var(--hd-oil230e-orange);color:#fff;font-weight:800;text-decoration:none}
.hd-oil230e-page .hd-oil230e-consult a:hover,
.hd-oil230e-page .hd-oil230e-demo-band a:hover,
.hd-oil230e-page .hd-oil230e-actions a:hover{background:var(--hd-oil230e-orange-dark)}
.hd-oil230e-page .hd-oil230e-hero-image{display:flex;flex-direction:column;justify-content:center;margin:0;padding:30px 18px 24px;background:linear-gradient(145deg,#f2f2f0,#fff 68%)}
.hd-oil230e-page .hd-oil230e-hero-image img{width:100%;max-height:620px;object-fit:contain}
.hd-oil230e-page .hd-oil230e-hero-image figcaption{padding:14px 8px 0;text-align:center;line-height:1.55}
.hd-oil230e-page .hd-oil230e-hero-image figcaption strong,
.hd-oil230e-page .hd-oil230e-hero-image figcaption span{display:block}
.hd-oil230e-page .hd-oil230e-hero-image figcaption span{color:#666;font-size:13px}
.hd-oil230e-page .hd-oil230e-section-intro{max-width:780px}
.hd-oil230e-page .hd-oil230e-section-label{margin-bottom:7px;color:var(--hd-oil230e-orange-dark);font-size:15px;font-weight:800;letter-spacing:.035em}
.hd-oil230e-page .hd-oil230e-section-intro h2,
.hd-oil230e-page .hd-oil230e-proof h2,
.hd-oil230e-page .hd-oil230e-demo-band h2,
.hd-oil230e-page .hd-oil230e-final h2{margin-bottom:18px;font-size:clamp(29px,4vw,43px);line-height:1.42;letter-spacing:-.025em}
.hd-oil230e-page .hd-oil230e-section-intro>p:last-child{font-size:17px}
.hd-oil230e-page .hd-oil230e-pain{padding:74px 6% 68px;background:var(--hd-oil230e-warm)}
.hd-oil230e-page .hd-oil230e-pain-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:28px 0 24px;padding:0;list-style:none}
.hd-oil230e-page .hd-oil230e-pain-list li{position:relative;padding:15px 17px 15px 47px;border:1px solid #d7d2c7;background:#fff;font-weight:700}
.hd-oil230e-page .hd-oil230e-pain-list li::before{content:"?";position:absolute;top:14px;left:15px;display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:var(--hd-oil230e-orange);color:#fff;font-size:14px}
.hd-oil230e-page .hd-oil230e-pain-answer{margin-bottom:0;padding-top:20px;border-top:1px solid #bbb4a8;font-size:22px}
.hd-oil230e-page .hd-oil230e-pain-answer strong{color:var(--hd-oil230e-orange-dark)}
.hd-oil230e-page .hd-oil230e-benefit{margin:0 -30px;padding:72px calc(7% + 30px);background:#232323;color:#fff}
.hd-oil230e-page .hd-oil230e-benefit-heading{max-width:850px}
.hd-oil230e-page .hd-oil230e-benefit-heading h2{margin-bottom:20px;color:#fff;font-size:clamp(29px,4vw,43px);line-height:1.42;letter-spacing:-.025em}
.hd-oil230e-page .hd-oil230e-benefit-heading>p:not(.hd-oil230e-section-label){margin-bottom:12px;color:#eee;font-size:17px}
.hd-oil230e-page .hd-oil230e-benefit .hd-oil230e-section-label{color:#ffad60}
.hd-oil230e-page .hd-oil230e-benefit-list{margin-top:34px;border-top:1px solid #666}
.hd-oil230e-page .hd-oil230e-benefit-list article{display:grid;grid-template-columns:90px minmax(240px,.9fr) minmax(0,1.25fr);gap:22px;align-items:start;padding:24px 0;border-bottom:1px solid #666}
.hd-oil230e-page .hd-oil230e-benefit-list article>span{color:#ffad60;font-weight:800}
.hd-oil230e-page .hd-oil230e-benefit-list h3{margin-bottom:0;color:#fff;font-size:21px;line-height:1.55}
.hd-oil230e-page .hd-oil230e-benefit-list p{margin-bottom:0;color:#e5e5e5}
.hd-oil230e-page .hd-oil230e-benefit-conclusion{margin:30px 0 0;color:#ffad60;font-size:21px;font-weight:800}
.hd-oil230e-page .hd-oil230e-benefit .hd-oil230e-note{color:#bdbdbd}
.hd-oil230e-page .hd-oil230e-brand{display:grid;grid-template-columns:minmax(220px,30%) minmax(0,70%);align-items:stretch;margin:0 -30px;background:#f2f2ef}
.hd-oil230e-page .hd-oil230e-brand-history{display:flex;flex-direction:column;justify-content:center;padding:54px 42px;border-top:8px solid var(--hd-oil230e-orange);background:#fff}
.hd-oil230e-page .hd-oil230e-brand-history span{color:#444;font-size:22px;font-weight:800;letter-spacing:.04em}
.hd-oil230e-page .hd-oil230e-brand-history strong{margin:8px 0 2px;color:var(--hd-oil230e-orange-dark);font-size:clamp(56px,8vw,88px);line-height:1;letter-spacing:-.05em}
.hd-oil230e-page .hd-oil230e-brand-history small{color:#555;font-size:15px;font-weight:700}
.hd-oil230e-page .hd-oil230e-brand-copy{padding:60px 56px}
.hd-oil230e-page .hd-oil230e-brand-copy h2{margin-bottom:20px;font-size:clamp(29px,4vw,43px);line-height:1.42;letter-spacing:-.025em}
.hd-oil230e-page .hd-oil230e-brand-copy>p:not(.hd-oil230e-section-label){margin-bottom:13px;color:#484848;font-size:17px}
.hd-oil230e-page .hd-oil230e-brand-assurance{margin:25px 0 0!important;padding:18px 21px;border-left:5px solid var(--hd-oil230e-orange);background:#fff;color:#222!important;font-size:19px!important;font-weight:800}
.hd-oil230e-page .hd-oil230e-proof{display:grid;grid-template-columns:53% 47%;align-items:stretch;margin:0 -30px;background:#232323;color:#fff}
.hd-oil230e-page .hd-oil230e-proof figure{margin:0;min-height:520px;overflow:hidden}
.hd-oil230e-page .hd-oil230e-proof figure img{width:100%;height:100%;object-fit:cover}
.hd-oil230e-page .hd-oil230e-proof>div{display:flex;flex-direction:column;justify-content:center;padding:52px 50px}
.hd-oil230e-page .hd-oil230e-proof h2{color:#fff}
.hd-oil230e-page .hd-oil230e-proof>div>p:not(.hd-oil230e-section-label){margin-bottom:15px;color:#eee}
.hd-oil230e-page .hd-oil230e-flow,
.hd-oil230e-page .hd-oil230e-scenes,
.hd-oil230e-page .hd-oil230e-feature-wrap,
.hd-oil230e-page .hd-oil230e-video-section,
.hd-oil230e-page .hd-oil230e-faq,
.hd-oil230e-page .hd-oil230e-spec{padding:72px 4%}
.hd-oil230e-page .hd-oil230e-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.hd-oil230e-page .hd-oil230e-flow-grid article{min-height:240px;padding:26px 24px;border-top:5px solid var(--hd-oil230e-orange);background:var(--hd-oil230e-warm)}
.hd-oil230e-page .hd-oil230e-flow-grid b{display:block;margin-bottom:28px;color:var(--hd-oil230e-orange);font-size:36px;line-height:1}
.hd-oil230e-page .hd-oil230e-flow-grid h3{margin-bottom:10px;font-size:21px;line-height:1.5}
.hd-oil230e-page .hd-oil230e-flow-grid p{margin-bottom:0;color:#555}
.hd-oil230e-page .hd-oil230e-note{margin:16px 0 0;color:#666;font-size:13px}
.hd-oil230e-page .hd-oil230e-scenes{margin:0 -30px;padding-right:calc(4% + 30px);padding-left:calc(4% + 30px);background:#f0f3f4}
.hd-oil230e-page .hd-oil230e-scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}
.hd-oil230e-page .hd-oil230e-scene-real{margin:0;background:#fff;border:1px solid #cfd3d5}
.hd-oil230e-page .hd-oil230e-scene-real img{width:100%;height:330px;object-fit:cover}
.hd-oil230e-page .hd-oil230e-scene-real figcaption{padding:16px 18px}
.hd-oil230e-page .hd-oil230e-scene-real strong,
.hd-oil230e-page .hd-oil230e-scene-real span{display:block}
.hd-oil230e-page .hd-oil230e-scene-real strong{margin-bottom:3px}
.hd-oil230e-page .hd-oil230e-scene-real span{color:#666;font-size:14px}
.hd-oil230e-page .hd-oil230e-placeholder{display:flex;min-height:330px;flex-direction:column;justify-content:center;padding:28px;border:3px dashed #b9a179;background:repeating-linear-gradient(-45deg,#fffaf0,#fffaf0 12px,#fbf4e6 12px,#fbf4e6 24px);text-align:center}
.hd-oil230e-page .hd-oil230e-placeholder>span{align-self:center;margin-bottom:18px;padding:4px 9px;background:#6b5a40;color:#fff;font-size:12px;font-weight:700}
.hd-oil230e-page .hd-oil230e-placeholder>strong{display:block;margin-bottom:9px;font-size:20px;line-height:1.55}
.hd-oil230e-page .hd-oil230e-placeholder>p{margin-bottom:18px;color:#665e52}
.hd-oil230e-page .hd-oil230e-placeholder dl{display:flex;justify-content:center;gap:22px;margin-bottom:0;font-size:13px}
.hd-oil230e-page .hd-oil230e-placeholder dl div{display:flex;gap:6px}
.hd-oil230e-page .hd-oil230e-placeholder dt{font-weight:700}
.hd-oil230e-page .hd-oil230e-placeholder dd{margin:0}
.hd-oil230e-page .hd-oil230e-feature-wrap{padding-bottom:80px}
.hd-oil230e-page .hd-oil230e-feature{display:grid;grid-template-columns:50% 50%;align-items:center;margin-top:34px;border:1px solid var(--hd-oil230e-line)}
.hd-oil230e-page .hd-oil230e-feature>img{width:100%;height:410px;object-fit:contain;background:#f4f5f6}
.hd-oil230e-page .hd-oil230e-feature>div{padding:36px 42px}
.hd-oil230e-page .hd-oil230e-feature-reverse>img{order:2}
.hd-oil230e-page .hd-oil230e-feature-no{margin-bottom:9px;color:var(--hd-oil230e-orange-dark);font-size:13px;font-weight:800;letter-spacing:.08em}
.hd-oil230e-page .hd-oil230e-feature h3{margin-bottom:15px;font-size:27px;line-height:1.5}
.hd-oil230e-page .hd-oil230e-feature p{color:#555}
.hd-oil230e-page .hd-oil230e-feature div>strong{display:inline-block;padding:5px 9px;background:var(--hd-oil230e-pale-orange);color:#8d4200}
.hd-oil230e-page .hd-oil230e-demo-band{display:grid;grid-template-columns:45% 55%;gap:48px;margin:0 -30px;padding:62px 7%;background:var(--hd-oil230e-orange);color:#fff}
.hd-oil230e-page .hd-oil230e-demo-band>div:first-child>p{margin-bottom:8px;font-weight:800;letter-spacing:.06em}
.hd-oil230e-page .hd-oil230e-demo-band h2{color:#fff}
.hd-oil230e-page .hd-oil230e-demo-band>div:last-child{padding-top:10px}
.hd-oil230e-page .hd-oil230e-demo-band>div:last-child p{margin-bottom:16px}
.hd-oil230e-page .hd-oil230e-demo-band a{margin-top:4px;background:#1e1e1e}
.hd-oil230e-page .hd-oil230e-demo-band a:hover{background:#000}
.hd-oil230e-page .hd-oil230e-video{width:100%;aspect-ratio:16/9;background:#111}
.hd-oil230e-page .hd-oil230e-video video{display:block;width:100%;height:100%;background:#111;object-fit:contain}
.hd-oil230e-page .hd-oil230e-faq{background:var(--hd-oil230e-warm)}
.hd-oil230e-page .hd-oil230e-faq-list{margin-top:28px;border-top:1px solid #aaa}
.hd-oil230e-page .hd-oil230e-faq-list details{border-bottom:1px solid #aaa;background:#fff}
.hd-oil230e-page .hd-oil230e-faq-list summary{position:relative;padding:18px 48px 18px 20px;cursor:pointer;font-size:17px;font-weight:800;list-style:none}
.hd-oil230e-page .hd-oil230e-faq-list summary::after{content:"+";position:absolute;top:14px;right:18px;color:var(--hd-oil230e-orange);font-size:26px}
.hd-oil230e-page .hd-oil230e-faq-list details[open] summary::after{content:"\2212"}
.hd-oil230e-page .hd-oil230e-faq-list details p{padding:0 20px 18px;margin-bottom:0;color:#555}
.hd-oil230e-page .hd-oil230e-spec table{width:100%;margin-top:26px;border-collapse:collapse}
.hd-oil230e-page .hd-oil230e-spec th,
.hd-oil230e-page .hd-oil230e-spec td{padding:13px 14px;border:1px solid #c8c8c8;text-align:left;vertical-align:top}
.hd-oil230e-page .hd-oil230e-spec th{width:18%;background:#eeeeeb}
.hd-oil230e-page .hd-oil230e-spec td{width:32%}
.hd-oil230e-page .hd-oil230e-caution{margin:0 4% 65px;padding:25px 28px;border:1px solid #aaa}
.hd-oil230e-page .hd-oil230e-caution h2{margin-bottom:10px;font-size:20px}
.hd-oil230e-page .hd-oil230e-caution ul{margin-bottom:0;padding-left:1.4em}
.hd-oil230e-page .hd-oil230e-caution li{margin:4px 0;color:#555}
.hd-oil230e-page .hd-oil230e-final{padding:68px 7%;border-top:8px solid var(--hd-oil230e-orange);background:#222;color:#fff;text-align:center}
.hd-oil230e-page .hd-oil230e-final h2{color:#fff}
.hd-oil230e-page .hd-oil230e-final>p:not(.hd-oil230e-section-label){max-width:760px;margin-right:auto;margin-left:auto}
.hd-oil230e-page .hd-oil230e-final-main{margin-top:22px;font-size:18px}
.hd-oil230e-page .hd-oil230e-actions{display:flex;justify-content:center;gap:12px;margin:28px 0 14px}
.hd-oil230e-page .hd-oil230e-actions .hd-oil230e-action-sub{border:1px solid #fff;background:transparent}
.hd-oil230e-page .hd-oil230e-actions .hd-oil230e-action-sub:hover{background:#fff;color:#222}
.hd-oil230e-page .hd-oil230e-final small{color:#bbb}
@media(max-width:820px){
.hd-oil230e-page{padding-right:16px;padding-left:16px}
.hd-oil230e-page .hd-oil230e-hero{grid-template-columns:1fr}
.hd-oil230e-page .hd-oil230e-hero-copy{padding-right:4px}
.hd-oil230e-page .hd-oil230e-hero-image{padding-top:18px}
.hd-oil230e-page .hd-oil230e-hero-image img{max-height:540px}
.hd-oil230e-page .hd-oil230e-proof{grid-template-columns:1fr;margin-right:-16px;margin-left:-16px}
.hd-oil230e-page .hd-oil230e-proof figure{min-height:430px}
.hd-oil230e-page .hd-oil230e-proof>div{padding:38px 28px}
.hd-oil230e-page .hd-oil230e-flow-grid{grid-template-columns:1fr}
.hd-oil230e-page .hd-oil230e-flow-grid article{min-height:0}
.hd-oil230e-page .hd-oil230e-scenes{margin-right:-16px;margin-left:-16px;padding-right:24px;padding-left:24px}
.hd-oil230e-page .hd-oil230e-feature{grid-template-columns:1fr}
.hd-oil230e-page .hd-oil230e-feature-reverse>img{order:0}
.hd-oil230e-page .hd-oil230e-feature>img{height:360px}
.hd-oil230e-page .hd-oil230e-demo-band{grid-template-columns:1fr;gap:10px;margin-right:-16px;margin-left:-16px}
}
@media(max-width:600px){
.hd-oil230e-page{padding-top:12px;padding-bottom:64px;font-size:15px}
.hd-oil230e-page .hd-oil230e-hero h1,
.hd-oil230e-page .hd-oil230e-hero h2.hd-oil230e-problem-question{font-size:34px}
.hd-oil230e-page .hd-oil230e-lead{font-size:16px}
.hd-oil230e-page .hd-oil230e-consult{padding:19px}
.hd-oil230e-page .hd-oil230e-consult h2{font-size:22px}
.hd-oil230e-page .hd-oil230e-consult a,
.hd-oil230e-page .hd-oil230e-demo-band a,
.hd-oil230e-page .hd-oil230e-actions a{display:block;width:100%;padding:13px 12px;text-align:center}
.hd-oil230e-page .hd-oil230e-pain,
.hd-oil230e-page .hd-oil230e-flow,
.hd-oil230e-page .hd-oil230e-scenes,
.hd-oil230e-page .hd-oil230e-feature-wrap,
.hd-oil230e-page .hd-oil230e-video-section,
.hd-oil230e-page .hd-oil230e-faq,
.hd-oil230e-page .hd-oil230e-spec{padding:50px 18px}
.hd-oil230e-page .hd-oil230e-pain-list,
.hd-oil230e-page .hd-oil230e-scene-grid{grid-template-columns:1fr}
.hd-oil230e-page .hd-oil230e-pain-answer{font-size:19px}
.hd-oil230e-page .hd-oil230e-proof figure{min-height:360px}
.hd-oil230e-page .hd-oil230e-proof>div{padding:34px 22px}
.hd-oil230e-page .hd-oil230e-placeholder{min-height:300px;padding:22px}
.hd-oil230e-page .hd-oil230e-placeholder dl{display:block}
.hd-oil230e-page .hd-oil230e-placeholder dl div{justify-content:center;margin-top:5px}
.hd-oil230e-page .hd-oil230e-feature>img{height:300px}
.hd-oil230e-page .hd-oil230e-feature>div{padding:25px 22px}
.hd-oil230e-page .hd-oil230e-feature h3{font-size:23px}
.hd-oil230e-page .hd-oil230e-demo-band{padding:46px 22px}
.hd-oil230e-page .hd-oil230e-spec table,
.hd-oil230e-page .hd-oil230e-spec tbody,
.hd-oil230e-page .hd-oil230e-spec tr,
.hd-oil230e-page .hd-oil230e-spec th,
.hd-oil230e-page .hd-oil230e-spec td{display:block;width:100%}
.hd-oil230e-page .hd-oil230e-spec th{border-bottom:0}
.hd-oil230e-page .hd-oil230e-spec td{border-top:0}
.hd-oil230e-page .hd-oil230e-caution{margin-right:0;margin-left:0;padding:21px}
.hd-oil230e-page .hd-oil230e-final{padding:48px 20px}
.hd-oil230e-page .hd-oil230e-actions{display:grid;grid-template-columns:1fr}
}
.hd-oil230e-page{line-break:strict;word-break:normal;overflow-wrap:normal}
.hd-oil230e-page h1,
.hd-oil230e-page h2,
.hd-oil230e-page h3{text-wrap:balance}
.hd-oil230e-page p,
.hd-oil230e-page li,
.hd-oil230e-page dd,
.hd-oil230e-page figcaption{text-wrap:pretty}
.hd-oil230e-page .hd-oil230e-nowrap{white-space:nowrap}
.hd-oil230e-page .hd-oil230e-hero h1 em,
.hd-oil230e-page .hd-oil230e-hero h2.hd-oil230e-problem-question em{display:block}
.hd-oil230e-page .hd-oil230e-heading-phrase{display:inline-block}
.hd-oil230e-page .hd-oil230e-product-id{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #bdb8ae}
.hd-oil230e-page .hd-oil230e-product-id span,
.hd-oil230e-page .hd-oil230e-product-id strong,
.hd-oil230e-page .hd-oil230e-product-id small{display:block}
.hd-oil230e-page .hd-oil230e-product-id span{margin-bottom:1px;color:#444;font-size:17px;font-weight:800}
.hd-oil230e-page .hd-oil230e-product-id strong{color:#111;font-size:clamp(34px,5vw,54px);line-height:1.05;letter-spacing:.01em}
.hd-oil230e-page .hd-oil230e-product-id small{margin-top:7px;color:#555;font-size:14px;font-weight:700}
.hd-oil230e-page .hd-oil230e-price-guide{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:0 14px;margin:0 0 24px;padding:16px 18px;border-top:3px solid var(--hd-oil230e-orange);background:#fff8ef}
.hd-oil230e-page .hd-oil230e-price-guide>span{font-size:14px;font-weight:800}
.hd-oil230e-page .hd-oil230e-price-guide>strong{color:var(--hd-oil230e-orange-dark);font-size:25px}
.hd-oil230e-page .hd-oil230e-price-guide>p{grid-column:1/-1;margin:6px 0 0;color:#514b43;font-size:13px;line-height:1.7}
.hd-oil230e-page .hd-oil230e-pain-list{display:block;margin:28px 0 24px;padding:0;border-top:1px solid #c9c3b7}
.hd-oil230e-page .hd-oil230e-pain-list li{position:relative;padding:15px 10px 15px 42px;border:0;border-bottom:1px solid #c9c3b7;background:transparent}
.hd-oil230e-page .hd-oil230e-pain-list li::before{content:"";top:1.35em;left:9px;width:16px;height:8px;border:0;border-bottom:3px solid var(--hd-oil230e-orange);border-left:3px solid var(--hd-oil230e-orange);border-radius:0;background:transparent;transform:rotate(-45deg)}
.hd-oil230e-page .hd-oil230e-flow-grid{display:block;margin-top:34px;border-top:1px solid var(--hd-oil230e-line)}
.hd-oil230e-page .hd-oil230e-flow-grid article{display:grid;grid-template-columns:90px minmax(0,1fr);min-height:0;padding:25px 8px;border:0;border-bottom:1px solid var(--hd-oil230e-line);background:transparent}
.hd-oil230e-page .hd-oil230e-flow-grid b{grid-row:1/3;margin:0;font-size:38px;line-height:1.15}
.hd-oil230e-page .hd-oil230e-flow-grid h3{margin-bottom:6px;font-size:22px}
.hd-oil230e-page .hd-oil230e-feature{border-right:0;border-left:0}
@media(max-width:900px){
.hd-oil230e-page .hd-oil230e-hero{grid-template-columns:1fr}
.hd-oil230e-page .hd-oil230e-hero-copy{padding-right:4px}
.hd-oil230e-page .hd-oil230e-proof{grid-template-columns:1fr}
.hd-oil230e-page .hd-oil230e-feature{grid-template-columns:1fr}
.hd-oil230e-page .hd-oil230e-feature-reverse>img{order:0}
.hd-oil230e-page .hd-oil230e-demo-band{grid-template-columns:1fr;gap:10px}
}
@media(max-width:600px){
.hd-oil230e-page .hd-oil230e-heading-phrase-long{display:inline}
.hd-oil230e-page .hd-oil230e-heading-subphrase{display:inline-block}
.hd-oil230e-page .hd-oil230e-flow-grid article{grid-template-columns:54px minmax(0,1fr);padding:20px 2px}
.hd-oil230e-page .hd-oil230e-flow-grid b{font-size:28px}
}
.hd-oil230e-page .hd-oil230e-product-id{margin-bottom:20px;padding-bottom:13px}
.hd-oil230e-page .hd-oil230e-product-id span{font-size:15px}
.hd-oil230e-page .hd-oil230e-product-id strong{font-size:24px;line-height:1.35}
.hd-oil230e-page .hd-oil230e-product-id small{margin-top:3px}
.hd-oil230e-page .hd-oil230e-hero h1,
.hd-oil230e-page .hd-oil230e-hero h2.hd-oil230e-problem-question{font-size:clamp(32px,4vw,49px);line-height:1.35}
.hd-oil230e-page .hd-oil230e-hero h1 em,
.hd-oil230e-page .hd-oil230e-hero h2.hd-oil230e-problem-question em{margin-top:7px;font-size:.7em;line-height:1.55}
.hd-oil230e-page .hd-oil230e-solution{margin:0 0 22px;padding:18px 20px;border-left:5px solid var(--hd-oil230e-orange);background:var(--hd-oil230e-warm)}
.hd-oil230e-page .hd-oil230e-solution>span,
.hd-oil230e-page .hd-oil230e-solution>strong{display:block}
.hd-oil230e-page .hd-oil230e-solution>span{font-weight:700}
.hd-oil230e-page .hd-oil230e-solution>strong{margin-top:3px;font-size:20px;line-height:1.55}
.hd-oil230e-page .hd-oil230e-solution>p{margin:8px 0 0;color:var(--hd-oil230e-orange-dark);font-size:15px;font-weight:800}
.hd-oil230e-page .hd-oil230e-hero-image{justify-content:flex-start}
.hd-oil230e-page .hd-oil230e-purchase{width:100%;margin-top:20px;padding:21px 20px;border:1px solid #c9c5bc;background:#fff;text-align:left}
.hd-oil230e-page .hd-oil230e-purchase>span,
.hd-oil230e-page .hd-oil230e-purchase>strong{display:block}
.hd-oil230e-page .hd-oil230e-purchase>span{font-size:14px;font-weight:800}
.hd-oil230e-page .hd-oil230e-purchase>strong{color:#c04e00;font-size:26px;line-height:1.35}
.hd-oil230e-page .hd-oil230e-purchase>strong b{font-size:39px;letter-spacing:-.03em}
.hd-oil230e-page .hd-oil230e-purchase>strong small{font-size:14px}
.hd-oil230e-page .hd-oil230e-purchase>p{margin:9px 0 16px;color:#555;font-size:13px;line-height:1.65}
.hd-oil230e-page .hd-oil230e-purchase>.hd-oil230e-price-note{margin:5px 0 0;color:#333;font-weight:700}
.hd-oil230e-page .hd-oil230e-purchase>a{display:block;padding:13px 12px;text-align:center;font-weight:800;text-decoration:none}
.hd-oil230e-page .hd-oil230e-cart{background:var(--hd-oil230e-orange);color:#fff}
.hd-oil230e-page .hd-oil230e-cart:hover{background:var(--hd-oil230e-orange-dark)}
.hd-oil230e-page .hd-oil230e-purchase-consult{margin-top:8px;border:1px solid #333;color:#222}
.hd-oil230e-page .hd-oil230e-purchase>small{display:block;margin-top:10px;color:#777;font-size:11px;line-height:1.5}
.hd-oil230e-page .hd-oil230e-feature-placeholder{display:flex;min-height:410px;flex-direction:column;justify-content:center;padding:34px;border:3px dashed #b9a179;background:repeating-linear-gradient(-45deg,#fffaf0,#fffaf0 12px,#fbf4e6 12px,#fbf4e6 24px);text-align:center}
.hd-oil230e-page .hd-oil230e-feature-placeholder>span{align-self:center;margin-bottom:18px;padding:4px 9px;background:#6b5a40;color:#fff;font-size:12px;font-weight:700}
.hd-oil230e-page .hd-oil230e-feature-placeholder>strong{font-size:21px;line-height:1.55}
.hd-oil230e-page .hd-oil230e-feature-placeholder>p{margin:10px 0;color:#665e52}
.hd-oil230e-page .hd-oil230e-feature-placeholder>small{color:#665e52}
.hd-oil230e-page .hd-oil230e-why-hidaka{margin:0 -30px;padding:72px calc(7% + 30px);background:#202020;color:#fff}
.hd-oil230e-page .hd-oil230e-why-hidaka h2{margin-bottom:18px;color:#fff;font-size:clamp(29px,4vw,43px);line-height:1.42}
.hd-oil230e-page .hd-oil230e-why-hidaka .hd-oil230e-section-intro>p:last-child{color:#e4e4e4}
.hd-oil230e-page .hd-oil230e-trust-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:32px;background:#555}
.hd-oil230e-page .hd-oil230e-trust-facts>div{padding:25px 22px;background:#2b2b2b}
.hd-oil230e-page .hd-oil230e-trust-facts strong,
.hd-oil230e-page .hd-oil230e-trust-facts span{display:block}
.hd-oil230e-page .hd-oil230e-trust-facts strong{color:#ffad60;font-size:22px}
.hd-oil230e-page .hd-oil230e-trust-heading-phrase{display:inline-block;white-space:nowrap}
.hd-oil230e-page .hd-oil230e-trust-facts span{margin-top:6px;color:#eee;font-size:14px;line-height:1.65}
.hd-oil230e-page .hd-oil230e-trust-note{margin:25px 0 0;padding:20px 24px;border-left:5px solid var(--hd-oil230e-orange);background:#fff;color:#222;font-size:18px;font-weight:700}
@media(max-width:900px){
.hd-oil230e-page .hd-oil230e-purchase{max-width:620px;margin-right:auto;margin-left:auto}
.hd-oil230e-page .hd-oil230e-trust-facts{grid-template-columns:1fr}
.hd-oil230e-page .hd-oil230e-why-hidaka{margin-right:-16px;margin-left:-16px;padding-right:40px;padding-left:40px}
}
@media(max-width:600px){
.hd-oil230e-page .hd-oil230e-hero h1,
.hd-oil230e-page .hd-oil230e-hero h2.hd-oil230e-problem-question{font-size:31px}
.hd-oil230e-page .hd-oil230e-hero h1 em,
.hd-oil230e-page .hd-oil230e-hero h2.hd-oil230e-problem-question em{font-size:.72em}
.hd-oil230e-page .hd-oil230e-solution{padding:16px}
.hd-oil230e-page .hd-oil230e-solution>strong{font-size:18px}
.hd-oil230e-page .hd-oil230e-purchase>strong b{font-size:33px}
.hd-oil230e-page .hd-oil230e-feature-placeholder{min-height:300px;padding:25px 20px}
.hd-oil230e-page .hd-oil230e-why-hidaka{padding:50px 24px}
.hd-oil230e-page .hd-oil230e-trust-note{padding:17px 18px;font-size:16px}
}
.hd-oil230e-page .hd-oil230e-problem-question{margin-bottom:18px;font-size:clamp(36px,4.9vw,58px);line-height:1.24;letter-spacing:-.035em}
.hd-oil230e-page .hd-oil230e-problem-question span,
.hd-oil230e-page .hd-oil230e-problem-question strong{display:block}
.hd-oil230e-page .hd-oil230e-problem-question span{margin-bottom:7px;color:#4a4a4a;font-size:.55em;font-weight:800;letter-spacing:0}
.hd-oil230e-page .hd-oil230e-problem-question strong{color:var(--hd-oil230e-orange-dark)}
.hd-oil230e-page .hd-oil230e-problem-question strong .hd-oil230e-question-phrase{display:inline-block;margin:0;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;white-space:nowrap}
.hd-oil230e-page .hd-oil230e-task-examples{display:flex;flex-wrap:wrap;gap:4px 13px;margin-bottom:14px;color:#555;font-size:17px;font-weight:800}
.hd-oil230e-page .hd-oil230e-task-examples span{white-space:nowrap}
.hd-oil230e-page .hd-oil230e-solution{padding:22px 23px}
.hd-oil230e-page .hd-oil230e-solution>strong{margin:0 0 8px;color:#242424;font-size:25px;line-height:1.5}
.hd-oil230e-page .hd-oil230e-solution>span{color:#514c45;font-size:15px;line-height:1.75}
.hd-oil230e-page .hd-oil230e-solution>p{margin-top:9px}
.hd-oil230e-page .hd-oil230e-assurance{display:grid;grid-template-columns:minmax(0,43%) minmax(0,57%);margin:0 -30px;background:#1f1f1f;color:#fff}
.hd-oil230e-page .hd-oil230e-assurance-heading{display:flex;flex-direction:column;justify-content:center;padding:58px 46px;border-top:9px solid #bd5000;background:linear-gradient(145deg,#e76f00,#b84f00)}
.hd-oil230e-page .hd-oil230e-assurance-heading .hd-oil230e-section-label{color:#fff4e8}
.hd-oil230e-page .hd-oil230e-assurance-heading h2{margin-bottom:22px;color:#fff;font-size:clamp(31px,4vw,45px);line-height:1.42;letter-spacing:-.025em}
.hd-oil230e-page .hd-oil230e-assurance-empathy{margin-bottom:0;padding-top:18px;border-top:1px solid rgba(255,255,255,.55);font-size:18px;font-weight:800;line-height:1.75}
.hd-oil230e-page .hd-oil230e-assurance-body{padding:54px 50px}
.hd-oil230e-page .hd-oil230e-assurance-body>p{margin-bottom:18px;color:#f0f0f0}
.hd-oil230e-page .hd-oil230e-worry-list{padding:20px 22px;border-left:5px solid #ff9c3f;background:#2b2b2b;font-weight:800}
.hd-oil230e-page .hd-oil230e-worry-list span{display:block;margin:3px 0}
.hd-oil230e-page .hd-oil230e-assurance-conclusion{margin-top:27px;padding-top:24px;border-top:1px solid #686868}
.hd-oil230e-page .hd-oil230e-assurance-conclusion strong,
.hd-oil230e-page .hd-oil230e-assurance-conclusion span{display:block}
.hd-oil230e-page .hd-oil230e-assurance-conclusion strong{margin-bottom:9px;color:#ffad60;font-size:23px;line-height:1.6}
.hd-oil230e-page .hd-oil230e-assurance-body>a{display:inline-block;margin-top:4px;padding:14px 23px;background:var(--hd-oil230e-orange);color:#fff;font-weight:800;text-decoration:none}
.hd-oil230e-page .hd-oil230e-assurance-body>a:hover{background:var(--hd-oil230e-orange-dark)}
.hd-oil230e-page .hd-oil230e-assurance-body>small{display:block;margin-top:12px;color:#bdbdbd}
@media(max-width:900px){
.hd-oil230e-page .hd-oil230e-assurance{grid-template-columns:1fr;margin-right:-16px;margin-left:-16px}
.hd-oil230e-page .hd-oil230e-assurance-heading{padding:45px 36px}
.hd-oil230e-page .hd-oil230e-assurance-body{padding:42px 36px}
}
@media(max-width:600px){
.hd-oil230e-page .hd-oil230e-problem-question{font-size:34px;line-height:1.32}
.hd-oil230e-page .hd-oil230e-problem-question span{font-size:.58em}
.hd-oil230e-page .hd-oil230e-task-examples{gap:2px 10px;font-size:15px}
.hd-oil230e-page .hd-oil230e-solution>strong{font-size:21px}
.hd-oil230e-page .hd-oil230e-assurance-heading,
.hd-oil230e-page .hd-oil230e-assurance-body{padding:36px 22px}
.hd-oil230e-page .hd-oil230e-assurance-heading h2{font-size:30px}
.hd-oil230e-page .hd-oil230e-assurance-empathy{font-size:17px}
.hd-oil230e-page .hd-oil230e-worry-list{padding:17px 17px}
.hd-oil230e-page .hd-oil230e-assurance-conclusion strong{font-size:20px}
.hd-oil230e-page .hd-oil230e-assurance-body>a{display:block;width:100%;text-align:center}
}
@media(max-width:820px){
.hd-oil230e-page .hd-oil230e-benefit{margin-right:-16px;margin-left:-16px;padding-right:40px;padding-left:40px}
.hd-oil230e-page .hd-oil230e-benefit-list article{grid-template-columns:70px minmax(210px,.9fr) minmax(0,1.2fr);gap:18px}
.hd-oil230e-page .hd-oil230e-brand{grid-template-columns:1fr;margin-right:-16px;margin-left:-16px}
.hd-oil230e-page .hd-oil230e-brand-history{padding:36px 40px}
.hd-oil230e-page .hd-oil230e-brand-copy{padding:46px 40px}
}
@media(max-width:600px){
.hd-oil230e-page .hd-oil230e-benefit{padding:50px 22px}
.hd-oil230e-page .hd-oil230e-benefit-heading>p:not(.hd-oil230e-section-label){font-size:16px}
.hd-oil230e-page .hd-oil230e-benefit-list article{display:block;padding:20px 0}
.hd-oil230e-page .hd-oil230e-benefit-list article>span{display:block;margin-bottom:5px}
.hd-oil230e-page .hd-oil230e-benefit-list h3{margin-bottom:7px;font-size:19px}
.hd-oil230e-page .hd-oil230e-benefit-conclusion{font-size:18px}
.hd-oil230e-page .hd-oil230e-brand-history{padding:30px 22px}
.hd-oil230e-page .hd-oil230e-brand-history strong{font-size:58px}
.hd-oil230e-page .hd-oil230e-brand-copy{padding:40px 22px}
.hd-oil230e-page .hd-oil230e-brand-copy>p:not(.hd-oil230e-section-label){font-size:16px}
.hd-oil230e-page .hd-oil230e-brand-assurance{font-size:17px!important}
}
.hd-oil230e-page .hd-oil230e-process-map{margin-top:34px;padding:34px;border-radius:2px;background:#202020;color:#fff}
.hd-oil230e-page .hd-oil230e-process-main{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch}
.hd-oil230e-page .hd-oil230e-process-main article{position:relative;padding:24px 21px 22px;border-top:5px solid #f28c2c;background:#2c2c2c}
.hd-oil230e-page .hd-oil230e-process-main article b{position:absolute;top:16px;right:17px;color:#f5a454;font-size:14px;letter-spacing:.08em}
.hd-oil230e-page .hd-oil230e-process-icon{display:grid;width:54px;height:54px;margin-bottom:18px;place-items:center;border:2px solid #f28c2c;border-radius:50%;color:#ffad60;font-size:23px;font-weight:900}
.hd-oil230e-page .hd-oil230e-process-main h3{margin-bottom:9px;color:#fff;font-size:21px;line-height:1.5}
.hd-oil230e-page .hd-oil230e-process-main p{margin-bottom:0;color:#ddd;font-size:14px;line-height:1.75}
.hd-oil230e-page .hd-oil230e-process-arrow{position:relative;align-self:center;height:2px;background:#f28c2c}
.hd-oil230e-page .hd-oil230e-process-arrow::after{content:"";position:absolute;top:50%;right:0;width:10px;height:10px;border-top:3px solid #f28c2c;border-right:3px solid #f28c2c;transform:translateY(-50%) rotate(45deg)}
.hd-oil230e-page .hd-oil230e-process-outputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #5b5b5b}
.hd-oil230e-page .hd-oil230e-process-outputs article{position:relative;padding:21px 22px 20px 27px;background:#fff;color:#222}
.hd-oil230e-page .hd-oil230e-process-outputs article::before{content:"";position:absolute;top:0;bottom:0;left:0;width:6px;background:#e76f00}
.hd-oil230e-page .hd-oil230e-process-outputs span,
.hd-oil230e-page .hd-oil230e-process-outputs strong{display:block}
.hd-oil230e-page .hd-oil230e-process-outputs span{margin-bottom:3px;color:#8a3d00;font-size:13px;font-weight:800}
.hd-oil230e-page .hd-oil230e-process-outputs strong{font-size:20px;line-height:1.5}
.hd-oil230e-page .hd-oil230e-process-outputs p{margin:7px 0 0;color:#555;font-size:14px;line-height:1.75}
.hd-oil230e-page .hd-oil230e-use-map{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(170px,.62fr) minmax(0,1.25fr);align-items:stretch;gap:0;margin-top:32px;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.1)}
.hd-oil230e-page .hd-oil230e-use-photo{margin:0;min-height:470px;overflow:hidden}
.hd-oil230e-page .hd-oil230e-use-photo img{width:100%;height:100%;object-fit:cover}
.hd-oil230e-page .hd-oil230e-use-center{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px 18px;background:#222;color:#fff;text-align:center}
.hd-oil230e-page .hd-oil230e-use-center img{width:100%;max-width:190px;max-height:300px;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(0,0,0,.35))}
.hd-oil230e-page .hd-oil230e-use-center strong{margin-top:16px;color:#ffad60;font-size:24px}
.hd-oil230e-page .hd-oil230e-use-center span{margin-top:5px;color:#e8e8e8;font-size:13px;line-height:1.65}
.hd-oil230e-page .hd-oil230e-use-list{display:flex;flex-direction:column;justify-content:center;padding:26px 28px}
.hd-oil230e-page .hd-oil230e-use-list article{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;padding:16px 0;border-bottom:1px solid #ddd}
.hd-oil230e-page .hd-oil230e-use-list article:last-child{border-bottom:0}
.hd-oil230e-page .hd-oil230e-use-list b{color:#d65f00;font-size:14px;letter-spacing:.06em}
.hd-oil230e-page .hd-oil230e-use-list strong,
.hd-oil230e-page .hd-oil230e-use-list span{display:block}
.hd-oil230e-page .hd-oil230e-use-list strong{font-size:19px;line-height:1.45}
.hd-oil230e-page .hd-oil230e-use-list span{margin-top:3px;color:#5b5b5b;font-size:14px;line-height:1.65}
.hd-oil230e-page .hd-oil230e-demo-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:34px 0 32px;padding:0;background:#535353;list-style:none}
.hd-oil230e-page .hd-oil230e-demo-flow li{position:relative;min-height:190px;padding:25px 22px 22px;background:#292929}
.hd-oil230e-page .hd-oil230e-demo-flow li:nth-child(5){grid-column:span 2}
.hd-oil230e-page .hd-oil230e-demo-flow li:not(:last-child)::after{content:"";position:absolute;z-index:1;top:34px;right:-7px;width:12px;height:12px;border-top:3px solid #ff9c3f;border-right:3px solid #ff9c3f;transform:rotate(45deg)}
.hd-oil230e-page .hd-oil230e-demo-flow li:nth-child(3)::after{display:none}
.hd-oil230e-page .hd-oil230e-demo-flow b,
.hd-oil230e-page .hd-oil230e-demo-flow strong,
.hd-oil230e-page .hd-oil230e-demo-flow span{display:block}
.hd-oil230e-page .hd-oil230e-demo-flow b{margin-bottom:18px;color:#ffad60;font-size:16px;letter-spacing:.08em}
.hd-oil230e-page .hd-oil230e-demo-flow strong{color:#fff;font-size:19px;line-height:1.5}
.hd-oil230e-page .hd-oil230e-demo-flow span{margin-top:8px;color:#ddd;font-size:14px;line-height:1.7}
@media(max-width:900px){
.hd-oil230e-page .hd-oil230e-process-main{grid-template-columns:1fr}
.hd-oil230e-page .hd-oil230e-process-arrow{width:2px;height:34px;margin:0 auto;background:#f28c2c}
.hd-oil230e-page .hd-oil230e-process-arrow::after{top:auto;right:50%;bottom:0;transform:translateX(50%) rotate(135deg)}
.hd-oil230e-page .hd-oil230e-use-map{grid-template-columns:1fr 220px}
.hd-oil230e-page .hd-oil230e-use-photo{grid-column:1/-1;min-height:390px}
.hd-oil230e-page .hd-oil230e-use-center{grid-column:1;grid-row:2}
.hd-oil230e-page .hd-oil230e-use-list{grid-column:2;grid-row:2;padding:20px}
.hd-oil230e-page .hd-oil230e-demo-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
.hd-oil230e-page .hd-oil230e-demo-flow li:not(:last-child)::after{display:none}
}
@media(max-width:600px){
.hd-oil230e-page .hd-oil230e-process-map{padding:20px 16px}
.hd-oil230e-page .hd-oil230e-process-main article{padding:21px 18px}
.hd-oil230e-page .hd-oil230e-process-main h3{font-size:19px}
.hd-oil230e-page .hd-oil230e-process-outputs{grid-template-columns:1fr}
.hd-oil230e-page .hd-oil230e-process-outputs strong{font-size:18px}
.hd-oil230e-page .hd-oil230e-use-map{display:block}
.hd-oil230e-page .hd-oil230e-use-photo{min-height:300px}
.hd-oil230e-page .hd-oil230e-use-center{padding:28px 24px}
.hd-oil230e-page .hd-oil230e-use-center img{max-height:260px}
.hd-oil230e-page .hd-oil230e-use-list{padding:16px 20px}
.hd-oil230e-page .hd-oil230e-use-list article{grid-template-columns:36px minmax(0,1fr)}
.hd-oil230e-page .hd-oil230e-use-list strong{font-size:17px}
.hd-oil230e-page .hd-oil230e-demo-flow{grid-template-columns:1fr}
.hd-oil230e-page .hd-oil230e-demo-flow li:nth-child(5){grid-column:auto}
.hd-oil230e-page .hd-oil230e-demo-flow li{min-height:0;padding:21px 20px}
.hd-oil230e-page .hd-oil230e-demo-flow b{margin-bottom:6px}
}
.hd-oil230e-page .hd-oil230e-product-id .hd-oil230e-maker{margin:0 0 2px;font-size:16px}
.hd-oil230e-page .hd-oil230e-product-id .hd-oil230e-category{margin:0 0 5px;font-size:22px;line-height:1.35}
.hd-oil230e-page .hd-oil230e-product-id .hd-oil230e-model{margin:0;color:#111;font-size:32px;line-height:1.15;white-space:nowrap}
.hd-oil230e-page .hd-oil230e-product-id .hd-oil230e-use{margin-top:2px;color:#111;font-size:30px;font-weight:800;line-height:1.25;letter-spacing:0;word-break:keep-all}
.hd-oil230e-page .hd-oil230e-hero h1.hd-oil230e-problem-question,
.hd-oil230e-page .hd-oil230e-hero h2.hd-oil230e-problem-question{font-size:32px}
.hd-oil230e-page .hd-oil230e-first-cta-note{margin:9px 0 0;color:#555;font-size:12px;line-height:1.65}
.hd-oil230e-page .hd-oil230e-process-four{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr)}
.hd-oil230e-page .hd-oil230e-process-four .hd-oil230e-process-arrow{width:auto;height:2px;margin:0}
.hd-oil230e-page .hd-oil230e-use-text-only{display:block;box-shadow:none;background:transparent}
.hd-oil230e-page .hd-oil230e-use-text-only .hd-oil230e-use-list{padding:0}
.hd-oil230e-page .hd-oil230e-use-text-only .hd-oil230e-use-list article{grid-template-columns:54px minmax(0,1fr);padding:19px 12px;border-bottom:1px solid #ddd}
.hd-oil230e-page .hd-oil230e-brand-history img{width:min(100%,260px);height:auto;object-fit:contain}
.hd-oil230e-page .hd-oil230e-final{background:var(--hd-oil230e-pale-orange);color:#222}
.hd-oil230e-page .hd-oil230e-final h2{color:#222}
.hd-oil230e-page .hd-oil230e-final small{color:#555}
.hd-oil230e-page .hd-oil230e-final-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:center;text-align:left}
.hd-oil230e-page .hd-oil230e-final-copy{min-width:0}
.hd-oil230e-page .hd-oil230e-final-copy .hd-oil230e-section-label{color:#8d4200;line-height:1.55}
.hd-oil230e-page .hd-oil230e-final>h2{margin-bottom:26px;font-size:clamp(29px,3.4vw,39px);text-align:left;text-wrap:normal}
.hd-oil230e-page .hd-oil230e-final-eyebrow{color:#8d4200;font-size:17px;font-weight:800;letter-spacing:.035em;line-height:1.55}
.hd-oil230e-page .hd-oil230e-final-phrase{display:inline-block;white-space:nowrap}
.hd-oil230e-page .hd-oil230e-final-copy .hd-oil230e-final-main{margin-top:0}
.hd-oil230e-page .hd-oil230e-final-image{width:100%;height:auto;object-fit:cover}
.hd-oil230e-page .hd-oil230e-final .hd-oil230e-actions{justify-content:flex-start;flex-wrap:wrap}
.hd-oil230e-page .hd-oil230e-final .hd-oil230e-actions .hd-oil230e-action-sub{border:1px solid var(--hd-oil230e-orange-dark);background:#fff;color:#8d4200}
.hd-oil230e-page .hd-oil230e-final .hd-oil230e-actions .hd-oil230e-action-sub:hover{background:#fff8f1;color:#713400}
@media(max-width:820px){
.hd-oil230e-page .hd-oil230e-final-layout{grid-template-columns:1fr}
.hd-oil230e-page .hd-oil230e-final-image{max-width:600px}
.hd-oil230e-page .hd-oil230e-final-eyebrow{font-size:14px}
}
@media(max-width:900px){
.hd-oil230e-page .hd-oil230e-process-four{grid-template-columns:1fr}
.hd-oil230e-page .hd-oil230e-process-four .hd-oil230e-process-arrow{width:2px;height:34px;margin:0 auto}
}
@media(max-width:600px){
.hd-oil230e-page .hd-oil230e-product-id .hd-oil230e-model,
.hd-oil230e-page .hd-oil230e-hero h1.hd-oil230e-problem-question,
.hd-oil230e-page .hd-oil230e-hero h2.hd-oil230e-problem-question{font-size:28px}
.hd-oil230e-page .hd-oil230e-product-id .hd-oil230e-use{font-size:26px}
.hd-oil230e-page .hd-oil230e-use-text-only .hd-oil230e-use-list article{grid-template-columns:40px minmax(0,1fr);padding:17px 4px}
}
.hd-oil230e-page .hd-oil230e-reuse{grid-template-columns:1fr}
.hd-oil230e-page .hd-oil230e-reuse article{width:100%}
.hd-oil230e-page *{box-sizing:border-box}
.hd-oil230e-page img{display:block;max-width:100%}
.hd-oil230e-page{color:var(--hd-oil230e-ink);font-family:-apple-system,BlinkMacSystemFont,"Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:16px;line-height:1.8}
.hd-oil230e-page .hd-oil230e-feature-no-image{grid-template-columns:1fr}
.hd-oil230e-page .hd-oil230e-feature-no-image>div{padding:34px 42px}
.hd-oil230e-page.hd-oil230e-part-first{padding-bottom:0}
.hd-oil230e-page.hd-oil230e-part-last{padding-top:0}

/* OIL230E Futureshop2 実装調整：PC */
@media screen and (min-width: 769px) {

  /* 左ナビを非表示にし、商品詳細領域を980pxへ拡張 */
  td.layout_menu {
    display: none !important;
  }

  td.layout_content {
    float: none !important;
    width: 980px !important;
    max-width: 980px !important;
  }

  /* OIL230Eまでの中間コンテナ幅を解除・拡張 */
  td.layout_content > .system_content,
  #FS2_itemlayout_J,
  #FS2_itemlayout_J > .user_inner_content,
  #FS2_itemlayout_J > .FS2_ItemComment,
  #FS2_itemlayout_J > .FS2_lower_comment {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
  }

  /* LP本体 */
  .hd-oil230e-page {
    width: 100% !important;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }

  /* Futureshop標準の商品情報・購入エリア */
  #FS2_itemlayout_J > table {
    width: 820px !important;
    max-width: 820px !important;
    margin: 40px auto 30px !important;
    table-layout: fixed !important;
  }

  #FS2_itemlayout_J > table > tbody > tr > .FS2_itemlayout_td_Left {
    width: 260px !important;
    padding: 30px 20px 30px 0 !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
    text-align: center !important;
  }

  #FS2_itemlayout_J > table > tbody > tr > .FS2_itemlayout_td_Right {
    width: 560px !important;
    padding: 30px 0 30px 30px !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
  }

  #FS2_itemlayout_J .FS2_itemlayout_td_Right .itemTitle {
    margin-top: 0 !important;
  }

  /* 数量・カート周辺 */
  #FS2_itemlayout_J .FS2_itemlayout_td_Right form {
    margin: 0 !important;
    padding: 0 !important;
  }

  #FS2_itemlayout_J .FS2_figure {
    margin: 0 0 12px !important;
  }

  /* X / Facebook 周辺 */
  #FS2_itemlayout_J .FS2_TweetButton_area {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 8px 0 12px !important;
    padding: 0 !important;
  }

  #FS2_itemlayout_J .FS2_TweetButton_area p {
    margin: 0 !important;
    padding: 0 !important;
  }

  #FS2_itemlayout_J .FS2_TweetButton_area br {
    display: none !important;
  }

  #FS2_itemlayout_J .FS2_TweetButton_area iframe {
    margin: 0 !important;
    vertical-align: middle !important;
  }

  /* 問い合わせ・お気に入り・レビューの縦余白 */
  #FS2_itemlayout_J .FS2_InquiryButton_area {
    margin: 0 0 8px !important;
    padding: 0 !important;
  }

  #FS2_itemlayout_J .FS2_WishListButton_area {
    margin: 0 0 4px !important;
    padding: 0 !important;
  }

  #FS2_itemlayout_J .FS2_ReviewEditButton_area {
    margin: 0 !important;
    padding: 0 !important;
  }
}