/* v39: English/numerals -> Plus Jakarta Sans; Japanese -> Noto Sans JP. */
:root{--om-font-body:"Plus Jakarta Sans","Noto Sans JP",sans-serif;--om-font-catch:"Shippori Mincho",serif}
body.om-preview,body,body button,body input,body textarea,body select{font-family:var(--om-font-body)}
.om-preview .om-intro h2,.om-preview .om-consult h2,.om-preview .om-consult>ul>li,.om-preview .om-consult>ul>li h3,.om-preview .om-consult>ul>li p,.om-preview .support-card h4,.om-preview .support-card p,.om-preview .support-action>p,.om-preview .om-content h2,.om-preview .om-farm-title h3,.om-preview .om-support h3,.om-preview .om-support h3 strong,.om-preview .om-consult-answer>p,.om-preview .om-consult li span,.om-preview .support-step,.om-preview .om-service-grid article>span,.om-preview .om-flow-list li:before{font-family:var(--om-font-body)}
.om-preview .om-copy h1,.om-preview .om-lead,.om-preview .om-section-head h2,.om-preview .om-intro h2,.om-preview .om-contact-section>h2{font-family:var(--om-font-catch)}
h1,h2,h3{font-family:var(--om-font-body)}
.intro h1,.case-summary h2,.work-cta h2{font-family:var(--om-font-catch)}
.om-preview .om-copy h1{font-weight:500}.om-preview .om-lead{font-family:var(--om-font-body)}
/* v49: 相談カードの可読性 */
.om-preview .om-support .support-card h4{font-size:22px;font-weight:600;color:#432C22;line-height:1.7}
.om-preview .om-support .support-card p{font-size:16px;font-weight:400;color:#4D4038;line-height:1.9}
@media(max-width:760px){.om-preview .om-support .support-card h4{font-size:20px}}
@media(min-width:761px){.om-preview .om-support .support-card p{font-size:18px}}
/* v51: 本文の読みやすさを全体へ */
body{--om-body-size:18px}
.om-preview .om-lead,.om-preview .om-intro p:not(.om-eyebrow),.om-preview .om-consult>ul>li p,.om-preview .om-support>.support-lead,.om-preview .om-support .support-card p,.om-preview .support-action>p,.om-preview .om-content p:not(.om-case-tag):not(.om-section-head>p),.om-preview .om-case-copy dl,.intro>p:last-child,.case-summary>p:not(.case-kicker),.case-thinking p,.case-facts,.work-cta p{font-size:var(--om-body-size);font-weight:400;line-height:1.9;color:#4D4038}
.om-preview .om-content h2,.om-preview .om-intro h2,.om-preview .om-consult h2,.om-preview .om-contact-section>h2,.case-summary h2,.work-cta h2{color:#432C22}
.om-preview .om-case-copy h3,.om-preview .om-service-grid h3,.om-preview .om-flow-list h3,.om-preview .om-consult>ul>li h3,.case-thinking h3{font-size:22px;font-weight:600;line-height:1.7;color:#432C22}
.om-preview .om-intro,.om-preview .om-intro h2,.om-preview .om-intro p{text-align:center}
.om-preview .om-content h2,.om-preview .om-intro h2,.om-preview .om-consult h2{font-size:34px}
.om-preview .om-case-copy small,.om-preview .om-service-grid small,.screens>p,.screens .image-note{font-size:14px!important;color:#4D4038}
@media(max-width:760px){body{--om-body-size:16px}.om-preview .om-content h2,.om-preview .om-intro h2,.om-preview .om-consult h2{font-size:27px}.om-preview .om-case-copy h3,.om-preview .om-service-grid h3,.om-preview .om-flow-list h3,.om-preview .om-consult>ul>li h3,.case-thinking h3{font-size:20px}}
/* v54: 全ページのCTA・操作ボタンの配置を統一 */
.om-preview .om-button,.om-preview .om-support .support-action .om-button,.om-preview .om-works-showcase>.om-work-more,.work-cta>a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:290px;max-width:100%;min-width:0;min-height:62px;padding:18px 48px;font-family:var(--om-font-body);font-size:15px;font-weight:500;line-height:1.5;letter-spacing:.04em;text-align:center;gap:0;border-radius:40px}
.om-preview .om-button>span[aria-hidden],.om-preview .om-button>.om-mail-icon,.work-cta>a>span[aria-hidden]{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin:0}
.om-preview .om-support .support-action .om-button,.om-preview .om-works-showcase>.om-work-more{display:flex;margin-left:auto;margin-right:auto}
.om-preview .om-header-contact{position:relative;display:inline-flex;justify-content:center;align-items:center;min-height:48px;min-width:164px;padding:12px 42px 12px 20px;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.03em;gap:0}
.om-preview .om-header-contact>.om-mail-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:19px;height:19px;margin:0}
.om-preview .motion-toggle{min-height:44px;padding:11px 18px;font-size:13px;line-height:1.5;align-items:center;justify-content:center;gap:12px}
.om-preview .om-works-controls button{min-height:44px;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;font-weight:500}
.om-preview .om-works-controls .works-prev,.om-preview .om-works-controls .works-next{width:46px;padding:10px}
.om-preview .om-dialog .om-button{width:auto;min-width:130px;padding:14px 28px;min-height:48px}
@media(max-width:760px){.om-preview .om-button,.om-preview .om-support .support-action .om-button,.om-preview .om-works-showcase>.om-work-more,.work-cta>a{width:min(100%,300px);min-height:58px;padding:16px 44px;font-size:14px}.om-preview .om-button>span[aria-hidden],.om-preview .om-button>.om-mail-icon,.work-cta>a>span[aria-hidden]{right:22px}.om-preview .om-header>.om-header-contact{display:none}.om-preview .om-header .om-nav.is-open .om-menu-contact{width:100%;min-height:48px;align-self:stretch}.om-preview .motion-toggle{font-size:12px;padding:10px 15px}}
/* v69: 原本ロゴの明るい背景をヘッダーと馴染ませる */
.om-preview .om-brand{background:transparent;mix-blend-mode:multiply}.om-preview .om-brand img{filter:brightness(1.06);mix-blend-mode:multiply}
.om-case-back{display:flex;justify-content:center;clear:both;padding:35px 24px 65px}.om-case-back>.om-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:58px;width:290px;max-width:100%;border:1px solid #432c22;border-radius:40px;text-decoration:none;padding:16px 45px;font:500 14px/1.5 var(--om-font-body);color:#432c22;background:#fbf6ed}.om-case-back>.om-button>span{position:absolute;left:24px;top:50%;transform:translateY(-50%)}
@media(max-width:760px){.om-case-back{padding:25px 24px 50px}}
/* v71: FV説明文の視認性と間隔 */
.om-preview .om-copy .om-lead{font-size:22px;line-height:1.85;letter-spacing:.045em;color:#432c22;margin-top:22px;margin-bottom:0;font-weight:400}
.om-preview .om-copy .om-actions{margin-top:30px}
@media(min-width:1500px){.om-preview .om-copy h1{font-size:86px}}
@media(max-width:760px){.om-preview .om-copy .om-lead{font-size:16px;line-height:1.9;margin-top:20px;max-width:330px}.om-preview .om-copy .om-actions{margin-top:26px}}
/* v72: 作品詳細でも正規ロゴを使用 */
body>header .detail-logo{display:block;position:relative;width:164px;height:60px;overflow:hidden;text-decoration:none;mix-blend-mode:multiply;background:transparent}
body>header .detail-logo img{position:absolute;display:block;width:242px;height:242px;max-width:none;left:-39px;top:-94px;filter:brightness(1.06);mix-blend-mode:multiply}
@media(max-width:760px){body>header .detail-logo{width:140px;height:52px}body>header .detail-logo img{width:207px;height:207px;left:-34px;top:-80px}}
body>header .detail-logo{clip-path:inset(5px 0 0 0)}
/* v109: ヘッダー問い合わせ基準のCTA */
.om-preview .om-button,.om-preview .om-support .support-action .om-button,.om-preview .om-works-showcase>.om-work-more,.work-cta>a,.om-case-back>.om-button{box-sizing:border-box;width:max-content;max-width:100%;min-width:164px;height:48px;min-height:48px;padding:12px 42px 12px 20px;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.03em;white-space:nowrap}
.om-preview .om-button>span[aria-hidden],.om-preview .om-button>.om-mail-icon,.work-cta>a>span[aria-hidden]{right:18px;width:19px;height:19px}
.om-case-back>.om-button{padding:12px 20px 12px 42px}
.om-case-back>.om-button>span{left:18px}
.om-preview .om-button,.om-preview .om-support .support-action .om-button,.om-preview .om-works-showcase>.om-work-more,.work-cta>a,.om-case-back>.om-button{width:max-content!important;min-width:164px!important;height:48px!important;min-height:48px!important;padding:12px 42px 12px 20px!important;font-size:14px!important}
.om-case-back>.om-button{padding:12px 20px 12px 42px!important}
/* v110: CTAの文字とアイコン配置をヘッダーと同一化 */
.om-preview .om-header-contact,.om-preview .om-button,.work-cta>a,.om-case-back>.om-button{font-family:var(--om-font-body)!important;font-size:14px!important;font-weight:600!important;line-height:21px!important;letter-spacing:.03em!important;height:48px!important;min-height:48px!important;box-sizing:border-box!important}
.om-preview .om-button>span[aria-hidden],.om-preview .om-button>.om-mail-icon{right:18px!important;width:19px!important;height:19px!important}
.om-preview #consult-contact,.om-preview #bottom-contact{width:164px!important;min-width:164px!important;padding:12px 42px 12px 20px!important}
/* v111: メールアイコンをラベル前へ */
.om-preview .om-header-contact{padding:12px 20px 12px 42px!important}
.om-preview .om-header-contact>.om-mail-icon,.om-preview .om-button>.om-mail-icon{left:18px!important;right:auto!important}
.om-preview .om-button:has(>.om-mail-icon){padding:12px 20px 12px 42px!important}
.om-preview #contact-open,.om-preview #consult-contact,.om-preview #bottom-contact{padding:12px 20px 12px 42px!important}
/* v112: CTA文字16px・呼びかけ14px */
.om-preview .om-header-contact,.om-preview .om-button,.om-preview .om-support .support-action .om-button,.om-preview .om-works-showcase>.om-work-more,.work-cta>a,.om-case-back>.om-button{font-size:16px!important;line-height:24px!important;width:max-content!important;min-width:180px!important;max-width:100%;height:48px!important;min-height:48px!important;padding-top:11px!important;padding-bottom:11px!important}
.om-preview #consult-contact,.om-preview #bottom-contact{width:max-content!important;min-width:180px!important}
.om-preview .support-action>p{font-size:14px!important}

/* v114: 全ページヘッダーメニュー16px */
.om-preview .om-header .om-nav>a{font-size:16px!important;line-height:1.5}


/* v116: 強みを番号と罫線の3列へ */
.om-preview .support-grid{gap:30px;margin-top:36px}
.om-preview .support-editorial{background:transparent;box-shadow:none;border-radius:0;padding:0 4px 12px;text-align:left}
.strength-cap{position:relative;min-height:126px;display:flex;align-items:center;gap:12px;padding:0 0 18px;border-bottom:1px solid #cfa5b3;margin-bottom:20px}
.om-preview .support-editorial .support-step{display:block;flex:0 0 62px;width:auto;height:auto;margin:0;border-radius:0;background:none;color:#e2b8c7;font-family:'Plus Jakarta Sans',sans-serif;font-size:62px;font-weight:400;line-height:1;letter-spacing:-.06em;align-self:flex-start;padding-top:10px}
.om-preview .support-editorial h4{font-family:'Shippori Mincho',serif;font-size:19px;line-height:1.7;font-weight:500;margin:0 0 6px;text-align:center;letter-spacing:0}
.om-preview .support-editorial .strength-skill{font-size:14px;font-weight:600;color:#a4516b;text-align:center;line-height:1.6;margin:0}
.om-preview .support-editorial .strength-description{font-size:16px;line-height:1.95;text-align:left;color:#59453c;margin:0}
.om-preview .support-editorial .strength-description br{display:block}
@media(max-width:760px){.om-preview .support-grid{gap:32px}.strength-cap{min-height:0;justify-content:flex-start;padding-bottom:16px;margin-bottom:16px;gap:20px}.om-preview .support-editorial .support-step{font-size:58px;flex-basis:65px}.om-preview .support-editorial h4{text-align:left;font-size:20px}.om-preview .support-editorial .strength-skill{text-align:left}.om-preview .support-editorial .strength-description{font-size:16px}}

.om-preview .strength-cap{min-height:104px}

/* v118: 白い3面、広いピンク、右へ消える線 */
.om-preview .om-consult .om-support{width:calc(100% + 64px);max-width:none;margin-left:-32px;margin-right:-32px;padding:58px 36px 38px;box-sizing:border-box}
.om-preview .support-grid{gap:22px}
.om-preview .support-editorial{background:#fffdfc;border-radius:18px;padding:26px 22px 28px;box-shadow:0 4px 16px #68453c04}
.om-preview .strength-cap{border-bottom:0;position:relative;margin-bottom:20px;padding-bottom:18px;min-height:104px}
.strength-cap::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,#b9748e 0%,#dcb4c3 48%,transparent 100%)}
.om-preview .support-editorial .support-step{font-size:56px;flex-basis:54px}
.om-preview .support-editorial h4{font-size:18px}
@media(max-width:760px){.om-preview .om-consult .om-support{width:calc(100% + 16px);margin-left:-8px;margin-right:-8px;padding:36px 16px 28px}.om-preview .support-editorial{padding:24px 20px}.om-preview .strength-cap{min-height:90px}.om-preview .support-editorial h4{font-size:20px}}
/* v119: 実績PC画面をサムネイルいっぱいへ */
.om-preview .om-work-tile .device-laptop{left:7%;top:9%;width:86%;height:80%}
.om-preview .om-work-tile .device-base{left:-6%;width:112%}
.om-preview .om-work-tile .device-phone{right:3%;bottom:5%;width:23%;height:62%}
/* v120: セクション見出しと英語副題を統一 */
.om-preview main h2,.om-preview .om-works-centered h2,.om-preview .om-price-heading h2,.om-preview .om-support>h3{font-size:32px!important;line-height:1.6!important}
.om-preview .om-works-centered .om-works-word,.om-preview .om-price-heading>p[lang],.om-preview .strength-en{font-size:18px!important;line-height:1.6!important}
/* v121: 人物の大きさと見出しとの距離 */
.om-preview .om-worry-people{width:min(610px,72%);height:auto;max-height:none;margin:28px auto 28px}
.om-preview .om-consult .om-support{padding-top:72px}
.om-preview .om-support>h3{max-width:860px;margin-left:auto;margin-right:auto;padding-right:100px}
.om-preview .om-support>.om-listener{position:absolute;width:165px;height:165px;top:30px;right:calc(50% - 490px);margin:0;object-fit:contain}
@media(max-width:1000px) and (min-width:761px){.om-preview .om-support>h3{padding-right:120px;font-size:28px!important}.om-preview .om-support>.om-listener{right:10px;width:145px;height:145px;top:38px}}
@media(max-width:760px){.om-preview .om-worry-people{width:82%;margin:22px auto}.om-preview .om-support>.om-listener{position:static;width:135px;height:135px;margin:0 auto 10px}.om-preview .om-support>h3{padding-right:0}.om-preview .om-consult .om-support{padding-top:28px}}
/* v122: 強みの上段を中央配置 */
.om-preview .strength-cap{justify-content:center;gap:12px}
.om-preview .support-editorial .strength-cap>div{text-align:center}
.om-preview .support-editorial h4{text-align:center}
.om-preview .support-editorial .support-step{align-self:center;padding-top:0}

/* v123: スマホを短く、農園は名刺 */
.om-preview .om-work-tile .device-phone{height:53%;width:23%;bottom:6%}
.om-preview .om-work-tile.farm .device-cover .device-screen img{height:100%;width:100%;object-fit:cover;object-position:top}
.farm-business-card{position:absolute;right:3%;bottom:7%;width:36%;aspect-ratio:1.65;display:block;transform:rotate(-5deg);background:white;box-shadow:0 5px 12px #432c2229;overflow:hidden;z-index:3}
.om-preview .om-work-tile.farm .device-cover .farm-business-card img{width:100%;height:100%;object-fit:contain;border:0;border-radius:0;transform:none;display:block}
.om-preview .om-work-tile.farm .device-laptop{height:60%;top:21%}
.om-preview .om-work-tile.farm .device-cover .device-screen img{object-fit:contain;object-position:top;background:#fff}
/* v124: カードの余白と番号位置を固定 */
.om-preview .support-editorial{padding:26px 22px 28px;box-sizing:border-box}
.om-preview .support-editorial .strength-cap{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:center;justify-content:initial;height:104px;min-height:104px;box-sizing:border-box;padding:0 0 18px;margin:0 0 20px}
.om-preview .support-editorial .support-step{width:62px;min-width:62px;flex-basis:auto;justify-self:start;align-self:center;padding:0;margin:0;text-align:left;font-size:56px;line-height:1}
.om-preview .support-editorial .strength-cap>div{width:100%;min-width:0}
.om-preview .support-editorial h4{margin:0;text-align:center;font-size:18px;line-height:1.7}
.om-preview .support-editorial .strength-description{font-size:16px;line-height:1.95;margin:0}
@media(max-width:760px){.om-preview .support-editorial{padding:26px 22px 28px}}

/* v125: 農園を他のPCと同寸、実ページを画面内に続ける */
.om-preview .om-work-tile.farm .device-laptop{left:7%;top:9%;width:86%;height:80%}
.om-preview .om-work-tile.farm .device-cover .device-screen img{display:block;width:100%;height:auto;object-fit:initial;max-height:none;background:white}
.om-preview .om-work-tile.farm .device-cover .device-screen .farm-screen-about{margin-top:-5%}
.om-preview .farm-card-back{right:3%;bottom:20%;width:32%;transform:rotate(5deg);z-index:2}
.om-preview .farm-card-front{right:7%;bottom:6%;width:35%;transform:rotate(-5deg);z-index:3}
/* v126: 上下3カードの幅と間隔を統一 */
.om-preview .om-consult>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.om-preview .om-consult .om-support{padding-left:32px;padding-right:32px}
.om-preview .support-grid{gap:22px;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
.om-preview .support-editorial{padding:26px 22px 28px}
.om-preview .support-editorial .strength-cap{grid-template-columns:62px minmax(0,1fr);gap:10px;height:104px;align-items:center}
.om-preview .support-editorial h4{font-size:18px;line-height:1.7;text-align:center;letter-spacing:0;font-weight:500;margin:0}
@media(max-width:760px){.om-preview .om-consult>ul,.om-preview .support-grid{grid-template-columns:1fr;gap:18px}.om-preview .om-consult .om-support{padding-left:8px;padding-right:8px}}
/* v127: おもち人物を大きく左へ */
@media(min-width:1001px){.om-preview .om-support>.om-listener{width:190px;height:190px;right:calc(50% - 460px);top:18px}}
@media(min-width:761px) and (max-width:1000px){.om-preview .om-support>.om-listener{width:160px;height:160px;right:22px;top:26px}}
@media(max-width:760px){.om-preview .om-support>.om-listener{width:155px;height:155px;margin-left:auto;margin-right:auto}}

/* v129: 白いカードが浮かぶくすみ桜色 */
.om-preview .om-consult .om-support{background:linear-gradient(125deg,#f3dce3,#edd0da)}

/* v130: 二重矢印をひと回り大きく */
.om-preview .om-consult-arrow{width:56px;height:52px;margin-bottom:-24px}
.om-preview .om-consult-arrow i{width:32px;height:32px;border-right-width:6px;border-bottom-width:6px}
.om-preview .om-consult-arrow i+i{margin-top:-9px}
/* v132: 番号と見出しの独立、読みやすい文字 */
.om-preview .support-editorial{padding:26px 24px 30px!important}
.om-preview .support-editorial .strength-cap{display:block;height:auto;min-height:170px;padding:0 0 20px;margin-bottom:20px;box-sizing:border-box}
.om-preview .support-editorial .support-step{display:block;width:auto;min-width:0;font-size:46px!important;line-height:1;margin:0 0 15px;padding:0;letter-spacing:-.04em;text-align:left}
.om-preview .support-editorial .strength-cap>div{width:100%}
.om-preview .support-editorial h4{font-family:'Noto Sans JP',sans-serif!important;font-size:20px!important;font-weight:600!important;line-height:1.65!important;text-align:left!important;letter-spacing:0!important;margin:0!important}
.om-preview .support-editorial .strength-description{font-family:'Noto Sans JP',sans-serif!important;font-size:16px!important;line-height:1.9!important;font-weight:400!important;letter-spacing:0!important;text-align:left;margin:0;line-break:strict;overflow-wrap:normal}
@media(max-width:760px){.om-preview .support-editorial .strength-cap{min-height:0}.om-preview .support-editorial{padding:24px!important}}

/* v133: 小見出しの行数と説明文までの間隔 */
.om-preview .support-editorial .strength-cap{min-height:0!important;height:132px!important;padding-bottom:14px!important;margin-bottom:16px!important}
.om-preview .support-editorial h4{letter-spacing:-.035em!important}
@media(min-width:1100px){.om-preview .support-editorial:first-child h4,.om-preview .support-editorial:last-child h4{white-space:nowrap}}
@media(max-width:760px){.om-preview .support-editorial .strength-cap{height:auto!important}}

/* v134: 強み見出し22px */
.om-preview .support-editorial h4{font-size:22px!important;white-space:normal!important;line-height:1.5!important}

/* v135: 小見出しをしっぽり明朝へ */
.om-preview .support-editorial h4{font-family:'Shippori Mincho',serif!important;font-weight:600!important;font-size:22px!important}

/* v136: 元のスクリーンショットを歪めず全幅表示 */
.om-preview .om-work-tile.farm .device-laptop{left:7%;top:14%;width:86%;height:auto;aspect-ratio:1.65}
.om-preview .om-work-tile.farm .device-screen{position:relative;inset:auto;box-sizing:border-box;width:100%;height:auto;padding:4px 3px 7px;overflow:hidden}
.om-preview .om-work-tile.farm .device-cover .device-screen img{position:static!important;display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;margin:0!important;aspect-ratio:1487/830}
.om-preview .om-work-tile.farm .device-base{top:auto;bottom:-5%;height:6%;left:-6%;width:112%}

/* v138: 長い説明を読める6ステップ */
@media(min-width:761px){
.om-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:42px 36px!important}
.om-flow-steps>li:nth-child(3)::after{display:none}
.om-flow-step-copy h3{min-height:64px!important}
}
.om-preview .om-flow-step-copy p{font-size:16px!important;line-height:1.9!important}
.om-preview .om-flow-step-copy p+p{margin-top:12px}

/* v139: 採用FV。既存の背景とピンクをそのまま使用 */
.om-preview .om-opening .om-hero{background:#fbf6ed;overflow:hidden;min-height:760px;height:100svh;max-height:1100px;padding:130px 32px 80px}
.om-preview .om-hero .om-copy{max-width:1050px;z-index:1}
.om-preview .om-copy .om-hero-services{font-family:'Noto Sans JP',sans-serif;font-size:16px;line-height:1.8;font-weight:600;letter-spacing:.08em;color:#b85473;margin:0 0 28px}
.om-preview .om-center-orb{position:absolute;width:min(680px,65vw);aspect-ratio:1;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-44%);background:linear-gradient(140deg,#f5b4bd,#ee9fb1);opacity:.17}
.om-preview .om-hero .dot{background:linear-gradient(140deg,#f5b4bd,#ee9fb1)}
.om-preview .om-hero .d1{width:390px;height:390px;left:-255px;top:24%;opacity:.65}
.om-preview .om-hero .d2{width:90px;height:90px;left:26%;top:13%;opacity:1}
.om-preview .om-hero .d3{width:25px;height:25px;right:10%;top:25%}
.om-preview .om-hero .d4{width:430px;height:430px;right:-290px;top:auto;bottom:-150px;opacity:.4}
.om-preview .om-hero .d5{width:50px;height:50px;left:17%;bottom:21%;opacity:.9}
.om-preview .om-hero .d6{width:26px;height:26px;left:18%;top:36%;bottom:auto;opacity:.6}
.om-preview .om-hero .d7{width:120px;height:120px;right:11%;top:44%;bottom:auto;opacity:.9}
.om-preview .om-hero .d8{width:27px;height:27px;right:27%;bottom:8%;opacity:.7}
.om-orbit{position:absolute;display:block;border:1px solid #ee9fb150;border-radius:50%;width:1100px;height:900px;left:23%;top:-48%;transform:rotate(-30deg)}
.om-orbit.orbit-two{width:1100px;height:650px;left:30%;top:45%;transform:rotate(-33deg)}
.om-preview .om-hero .om-lead{margin-top:30px}
@media(max-width:760px){
.om-preview .om-opening .om-hero{min-height:760px;height:100svh;max-height:none;padding:125px 22px 80px}
.om-preview .om-copy .om-hero-services{font-size:12px;letter-spacing:.02em;margin-bottom:24px}
.om-preview .om-center-orb{width:118vw;transform:translate(-50%,-48%);opacity:.14}
.om-preview .om-hero .d1{width:220px;height:220px;left:-180px;top:35%}
.om-preview .om-hero .d2{width:52px;height:52px;left:17%;top:15%}
.om-preview .om-hero .d7{width:65px;height:65px;right:-25px;top:38%}
.om-preview .om-hero .d4{width:250px;height:250px;right:-190px;bottom:-100px}
.om-preview .om-hero .d5{left:7%;bottom:15%;width:30px;height:30px}
.om-preview .om-hero .d6{left:4%;top:29%;width:15px;height:15px}
.om-orbit{width:650px;height:700px;left:0;top:-40%}.om-orbit.orbit-two{left:5%;top:50%;width:700px;height:450px}
}

@media(min-width:761px){.om-preview .om-center-orb{width:min(600px,54vw);top:53%;transform:translate(-50%,-50%)}.om-preview .om-hero .d2{top:17%}}

.om-preview .om-opening .om-hero{background:radial-gradient(circle 300px at 50% 53%,#ee9fb12b 0%,#f5b4bd2b 99.7%,transparent 100%),#fbf6ed}.om-preview .om-center-orb{display:none}@media(max-width:760px){.om-preview .om-opening .om-hero{background:radial-gradient(circle 59vw at 50% 50%,#ee9fb124 0%,#f5b4bd24 99.7%,transparent 100%),#fbf6ed}}

/* v140: 制作フローを簡潔に */
.om-preview .om-flow-step-copy h3{font-size:22px!important;line-height:1.6!important}
.om-preview .om-flow-heading{margin-bottom:48px!important}

/* v144: ロゴ背景の淡色を透明にし文字の形だけ表示 */
.om-preview .om-header .om-brand{background:transparent!important;mix-blend-mode:normal!important}
.om-preview .om-header .om-brand img{filter:url(#om-logo-alpha)!important;mix-blend-mode:normal!important}

/* v146: 左に連番、右に説明の縦型フロー */
.om-preview .om-flow-steps{display:block!important;max-width:920px;margin:0 auto!important;padding:0!important}
.om-preview .om-flow-steps>li{display:grid!important;grid-template-columns:72px minmax(0,1fr);gap:32px!important;padding:0 0 38px!important;position:relative}
.om-preview .om-flow-steps>li:last-child{padding-bottom:0!important}
.om-preview .om-flow-steps>li:not(:last-child)::after,.om-preview .om-flow-steps>li:nth-child(3)::after{content:'';display:block!important;position:absolute;left:35px;top:72px;bottom:0;width:1px!important;height:auto!important;background:#d3a4b3;z-index:0}
.om-preview .om-flow-number{width:72px;height:72px;margin:0!important;flex-shrink:0}
.om-preview .om-flow-step-copy{padding:8px 0 0}
.om-preview .om-flow-step-copy h3{display:block!important;min-height:0!important;font-size:22px!important;line-height:1.6!important;text-align:left!important;margin:0 0 12px!important}
.om-preview .om-flow-step-copy p{font-size:16px!important;line-height:1.9!important;margin:0!important}
@media(max-width:760px){.om-preview .om-flow-steps>li{grid-template-columns:52px minmax(0,1fr);gap:18px!important;padding-bottom:30px!important}.om-preview .om-flow-number{width:52px;height:52px;font-size:20px}.om-preview .om-flow-steps>li:not(:last-child)::after,.om-preview .om-flow-steps>li:nth-child(3)::after{left:25px;top:52px}.om-preview .om-flow-step-copy{padding-top:7px}.om-preview .om-flow-step-copy h3{font-size:22px!important}}

/* v147: URLフィルターを廃止し元画像を安定表示 */
.om-preview .om-header .om-brand{background:transparent!important;mix-blend-mode:multiply!important}
.om-preview .om-header .om-brand img{filter:contrast(1.15) brightness(1.08)!important;mix-blend-mode:multiply!important}

.om-preview .om-price-tax-note{text-align:center;font-size:16px;line-height:1.8;margin:24px 0 0;color:#432c22}

/* v240: blend the original logo directly into a solid header-colored backing; no filter compositing. */
.om-preview header.om-header a.om-brand{background:#fbf6ed!important;mix-blend-mode:normal!important;isolation:auto!important}.om-preview header.om-header a.om-brand img{filter:none!important;-webkit-filter:none!important;mix-blend-mode:multiply!important;background:transparent!important;isolation:auto!important}

/* v241: genuine transparent logo; compositing workarounds no longer needed. */
.om-preview header.om-header a.om-brand{background:transparent!important;mix-blend-mode:normal!important}.om-preview header.om-header a.om-brand img{background:transparent!important;filter:none!important;-webkit-filter:none!important;mix-blend-mode:normal!important}

/* v243: symmetric header CTA content alignment on every page. */
.om-preview .om-header button#header-contact,.om-preview .om-header button#menu-contact{box-sizing:border-box!important;padding:12px 20px!important;justify-content:center!important;align-items:center!important;gap:10px!important;text-align:center!important;text-indent:0!important;letter-spacing:0!important}.om-preview .om-header button#header-contact>svg,.om-preview .om-header button#menu-contact>svg{position:static!important;inset:auto!important;transform:none!important;margin:0!important;display:block!important;flex:0 0 18px!important;width:18px!important;height:18px!important}