/* ===== CLAUDE案 v1：ビジネスライクに削ぎ落とす ===== */
/* 実績：金一色をやめ、白地に数字だけで語る */
.records.cl-rec{background:#fbfaf7!important;padding:clamp(80px,10vw,140px) 6vw!important;color:#1d2420;position:relative;overflow:hidden}
.records.cl-rec:before,.records.cl-rec:after{display:none!important}
.cl-rec-in{max-width:1080px;margin:0 auto;text-align:center}
.cl-eye{font:700 13px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.42em;color:#a07a35;margin:0 0 22px}
.cl-rec-title{font:900 clamp(48px,6.4vw,92px)/1.1 'Noto Serif JP','Yu Mincho',serif!important;color:#1d2420!important;letter-spacing:.04em;margin:0!important;background:none!important;-webkit-text-fill-color:#1d2420!important}
.cl-rec-title span{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;color:#a07a35;-webkit-text-fill-color:#a07a35;margin-left:.15em;font-size:1.12em}
.cl-rec-sub{font:700 clamp(17px,1.6vw,22px)/1.6 'Noto Serif JP',serif;color:#4a524d;margin:18px 0 0;letter-spacing:.08em}
.cl-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:clamp(48px,6vw,80px) 0 0;border-top:1px solid #d9cfbd;border-bottom:1px solid #d9cfbd}
.cl-stat{padding:36px 20px 34px;position:relative}
.cl-stat+.cl-stat:before{content:'';position:absolute;left:0;top:28px;bottom:28px;width:1px;background:#e3dac9}
.cl-stat .k{font:700 14px/1.7 'Noto Serif JP',serif;color:#4a524d;margin:0;letter-spacing:.06em}
.cl-stat .v{font:900 clamp(34px,3.4vw,50px)/1.2 'Noto Serif JP',serif;color:#1d2420;margin:14px 0 8px}
.cl-stat .v small{display:block;font-size:13px;letter-spacing:.24em;color:#a07a35;margin-bottom:6px}
.cl-stat .d{font:500 13px/1.6 'Noto Sans JP',sans-serif;color:#7a7f7b;margin:0}
.cl-rec-msg{font:700 clamp(17px,1.7vw,23px)/1.9 'Noto Serif JP',serif;color:#1d2420;margin:clamp(44px,5vw,64px) 0 0;letter-spacing:.05em}
.cl-rec-note{font:500 12px/1.8 'Noto Sans JP',sans-serif;color:#7a7f7b;margin:28px auto 0;max-width:760px}
@media(max-width:720px){.cl-stats{grid-template-columns:1fr}.cl-stat+.cl-stat:before{left:20%;right:20%;top:0;bottom:auto;width:auto;height:1px}.cl-rec-msg br{display:none}}
/* 会社概要・お問い合わせ：背景の実績を外し、静かに */
.cx-recbg{display:none!important}
.company,.contact{background:#fbfaf7!important}
/* 見出しの二重表示をやめる（小さな番号ラベルを外す） */
.mvv-label{display:none!important}
/* MISSION・VISIONの一文：墨色で、一文字ずつ“ふわっと大きく浮かび上がる”（跳ねない） */
.mission h2.cx-zoom,.vision h2.cx-zoom{opacity:1!important;transform:none!important;transition:none!important}
.mission h2.cx-drop .cx-ch,.vision h2.cx-drop .cx-ch{display:inline-block;background:none!important;color:#1d2420!important;-webkit-text-fill-color:#1d2420!important;text-shadow:none!important;opacity:0;transform:scale(1.5) translateY(.12em);filter:blur(8px);animation:none!important}
.mission h2.cx-drop.in .cx-ch,.vision h2.cx-drop.in .cx-ch{animation:clRise 1.15s cubic-bezier(.16,.84,.3,1) both!important;animation-delay:calc(.2s + var(--i)*55ms)!important}
@keyframes clRise{0%{opacity:0;transform:scale(1.5) translateY(.12em);filter:blur(8px)}55%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
/* 背景がずっと動き続けるのをやめる */
.vision.vs-on .vision-background i:first-child,.vision .vision-background i{animation:none!important}
/* キラキラ・きらめきを外す */
#renovation .ph:before{display:none!important}
#renovation .ph:after{animation:none!important}
.cx-ct-no1{display:none!important}
.contact:before,.contact:after,.company:before,.company:after{display:none!important}
#contact-form .gold-button:after{animation:none!important;display:none!important}

/* ===== フォーム送信・同意・フッター ===== */
.cx-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.cx-agree{display:flex!important;align-items:center;gap:10px;margin:18px 0 16px!important;font-size:14px;color:#1d2420;cursor:pointer;flex-direction:row!important}
.cx-agree input{width:18px!important;height:18px!important;margin:0!important;accent-color:#a07a35;flex:none;padding:0!important}
.cx-agree a{color:#8a6420;text-decoration:underline}
#form-status{font-size:14px;color:#1d4a3a;margin:12px 0 0;min-height:1em}
.cx-foot{background:#171c19;color:#cfc6b2;text-align:center;padding:44px 16px 36px;font-size:13px;line-height:2}
.cx-foot p{margin:0}.cx-foot a{color:#e8d6ac}
.cx-foot-name{font:700 16px/2 'Noto Serif JP',serif;color:#f3e6c8;letter-spacing:.12em}
.cx-foot small{display:block;margin-top:14px;color:#8d8778;letter-spacing:.08em}
.cx-foot{display:block!important;grid-template-columns:none!important}.cx-foot>*{text-align:center!important;width:auto!important}

/* VALUES：観光写真・合成光をやめ、落ち着いた札幌の写真に */
.values .cx-vrows .value-card:nth-child(2){--vbg:url('assets/val-stellar-night.jpg')!important}
.values .cx-vrows .value-card:nth-child(3){--vbg:url('assets/val-moiwa-night.jpg')!important}

.values .cx-vrows .value-card:nth-child(1){--vbg:url('assets/val-odori-night.jpg')!important}
/* MISSIONとVISIONの一文：同じ大きさにそろえる */
html body .mission h2.cx-zoom,html body .vision h2.cx-zoom,html body .vision h2.cx-zoom.cx-vgold{font-size:clamp(28px,3.6vw,56px)!important;line-height:1.5!important;white-space:nowrap!important}
/* 札幌のNO.1：英字で大きく */
.vision h2 .cl-no1{display:inline-block;white-space:nowrap}
.vision h2 .cl-no1 .cx-ch{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:700!important;font-size:1.45em;line-height:1;letter-spacing:.02em;color:#a07a35!important;-webkit-text-fill-color:#a07a35!important;vertical-align:-.04em}
@media(max-width:700px){html body .mission h2.cx-zoom,html body .vision h2.cx-zoom,html body .vision h2.cx-zoom.cx-vgold{font-size:clamp(22px,6.4vw,32px)!important;white-space:normal!important}}
/* トップ：虹なしの大通公園 */
.hero-frame.summer{background-image:linear-gradient(90deg,#07100e99,#07100e10 62%,#07100e00),linear-gradient(0deg,#07100e80,#07100e00 45%),url('assets/fcb.jpg')!important;background-position:50% 40%!important}
/* サポート01：夕景の邸宅 */
#strategy .ph{--img:url('assets/sv-p1-villa.jpg')!important;background-position:center 60%!important}
.cx-gp[aria-label="高値売却の販売戦略"] .ph{--img:url('assets/sv-p1-villa.jpg')!important;background-position:center 60%!important}
.cx-gp[aria-label="プロの業者と叶える充実したリフォーム"] .ph{--img:url('assets/sv-p3x.jpg')!important}

/* サポート02・03：文字なしの新しい写真 */
#ideal-home .ph,.cx-gp[aria-label="理想の住まいの購入・賃貸"] .ph{--img:url('assets/sv-p2-new.jpg')!important}
#renovation .ph,.cx-gp[aria-label="プロの業者と叶える充実したリフォーム"] .ph{--img:url('assets/sv-p3-new.jpg')!important}
#renovation .ph:before{display:none!important}
/* ===== 第3案 v5 ===== */
/* 実績の注意書きを読める大きさに */
.records .record-disclosure{font-size:13px!important;line-height:1.8!important;color:#4a3216!important;opacity:1!important;margin-top:18px!important}
/* VALUESの写真（夜景が映える新しい写真） */
.values .cx-vrows .value-card:nth-child(1){--vbg:url('assets/val1-odori.jpg')!important}
.values .cx-vrows .value-card:nth-child(2){--vbg:url('assets/val2-station.jpg')!important}
.values .cx-vrows .value-card:nth-child(3){--vbg:url('assets/val3-moiwa.jpg')!important}
/* CROWN VALUESの見出しも、MISSION・VISIONと同じ入り方に */
.values .editorial-heading>*{display:block;width:max-content;transform-origin:20% 60%}
.motion .values .editorial-heading:not(.visible)>*{opacity:0}
.values .editorial-heading.visible>span{animation:popBoom .85s cubic-bezier(.2,.9,.3,1) both}
.values .editorial-heading.visible>strong{animation:popBoom 1.05s .16s cubic-bezier(.2,.9,.3,1) both,cxGold 6s 1.3s linear infinite}
/* 札幌のNO.1：数字の1がはっきり分かる書体で、大きく */
.vision h2 .cl-no1 .cx-ch{font-family:'Cinzel','Trajan Pro',Georgia,serif!important;font-weight:900!important;font-variant-numeric:lining-nums;font-size:1.5em}
.vision h2 .cl-no1 .cx-ch:last-child{font-size:1.9em;vertical-align:-.12em}
/* あなたと同じ未来を：ポップアップして輝く */
.cx-sf{transform-origin:15% 50%}
.cx-sf.cl-pop{animation:sfPop 1.1s cubic-bezier(.2,.9,.3,1) both}
@keyframes sfPop{0%{opacity:0;transform:scale(.72);filter:blur(10px)}55%{opacity:1;transform:scale(1.04);filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
/* 4つのサポート：4枚とも同じ見せ方（写真の上に白い文字だけ） */
.cx-gp .ph .cap{background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
.cx-gp .ph .cap:before,.cx-gp .ph .cap:after{display:none!important}
.cx-gp .ph:before{display:none!important}
.cx-gp .ph .cap span,.cx-gp .ph .cap small{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 4px #0008,0 4px 24px #000a!important}
/* 番号の書体：01〜04（と VALUES の 01〜03）を、数字がきれいな書体に。金色は塗りで、欠けないように */
.cx-gp .ph .cap b,.values .value-number{font-family:'Cinzel','Trajan Pro',Georgia,serif!important;font-weight:700!important;font-variant-numeric:lining-nums;letter-spacing:.04em!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#f0d189!important;-webkit-text-fill-color:#f0d189!important;filter:none!important;text-shadow:0 2px 6px #0008,0 4px 22px #0009!important;overflow:visible!important;padding-right:.08em}

/* ===== 第3案 v6 ===== */
/* 数字はすべて Cinzel（ローマ碑文の書体）で統一 */
.vision h2 .cl-no1 .cx-ch{font-weight:700!important;font-size:1.25em;letter-spacing:.06em}
.vision h2 .cl-no1 .cx-ch:last-child{font-size:1.6em;vertical-align:-.1em}
.cx-gp .ph .cap b,.values .value-number{font-weight:700!important;letter-spacing:.08em!important}
/* 4つのサポート：カードの高さと文字位置をそろえる */
.cx-gal-row{align-items:stretch!important}
.cx-gp{display:flex!important;flex-direction:column!important;height:auto!important}
.cx-gp .cp{flex:1 1 auto;display:flex;flex-direction:column}
.cx-gp .cp .act{margin-top:auto!important}
/* 代表挨拶：合言葉を1行で */
.cx-msg-key small{display:none}
/* お問い合わせ：相談しやすい3つのお約束 */
.cl-promise{list-style:none;padding:0;margin:18px 0 22px;display:flex;flex-wrap:wrap;gap:8px 18px}
.cl-promise li{position:relative;padding-left:24px;font-size:14px;font-weight:700;color:#1d2420}
.cl-promise li:before{content:'';position:absolute;left:0;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:#a07a35}
.cl-promise li:after{content:'';position:absolute;left:5px;top:50%;width:6px;height:3px;margin-top:-3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
/* ===== 第3案 v7 ===== */
/* 札幌のNO.1：Playfair Display Black（数字は必ず並び数字） */
.vision h2 .cl-no1 .cx-ch{font-family:'Playfair Display','Didot','Bodoni 72',Georgia,serif!important;font-weight:900!important;font-variant-numeric:lining-nums;font-feature-settings:'lnum' 1;font-size:1.2em;letter-spacing:.01em;color:#a07a35!important;-webkit-text-fill-color:#a07a35!important}
.vision h2 .cl-no1 .cx-ch:last-child{font-size:1.75em;vertical-align:-.13em;margin-left:.03em}
/* 諸費用の項目を小さく */
.cx-partners{gap:6px!important}
.cx-partners li{font-size:12px!important;padding:4px 10px!important;line-height:1.4!important}
/* 代表挨拶：哲学の一文 */
.cx-msg .cl-philo{border-left:2px solid #c9a35a;padding:4px 0 4px 18px;margin:22px 0!important;color:#1d2420!important;line-height:2!important}
.cx-msg .cl-philo b{display:block;margin-top:8px;color:#8a6420;font-family:'Noto Serif JP',serif;font-weight:700;letter-spacing:.06em}
/* お問い合わせ：代表が直接伺う／ご相談の流れ */
.cl-host{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e3dac9;border-radius:14px;padding:14px 18px;margin:20px 0 16px;box-shadow:0 10px 30px #a07a3514;max-width:520px}
.cl-host img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 18%;flex:none;border:2px solid #e9d5a4}
.cl-host-t{margin:0 0 4px!important;font:700 16px/1.5 'Noto Serif JP',serif!important;color:#1d2420!important}
.cl-host-d{margin:0!important;font-size:13px!important;line-height:1.75!important;color:#4a524d!important}
.cl-flow{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:520px}
.cl-flow li{position:relative;background:#fbf6ea;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.cl-flow li+li:before{content:'';position:absolute;left:-7px;top:50%;width:6px;height:6px;margin-top:-3px;border-top:1.5px solid #a07a35;border-right:1.5px solid #a07a35;transform:rotate(45deg)}
.cl-flow b{font:700 12px/1 'Cinzel',Georgia,serif;color:#a07a35;letter-spacing:.1em}
.cl-flow span{font-weight:700;font-size:14px;color:#1d2420}
.cl-flow small{font-size:11px;color:#7a7f7b}
@media(max-width:700px){.cl-flow{grid-template-columns:1fr}.cl-flow li+li:before{display:none}}
.cx-ct h2{font-size:clamp(28px,3vw,46px)!important;line-height:1.5!important;white-space:nowrap}@media(max-width:700px){.cx-ct h2{font-size:clamp(24px,6.6vw,32px)!important;white-space:normal}}
/* ===== 第3案 v8 ===== */
/* 札幌のNo.1：「5期連続No.1」と同じ明朝で、普通に力強く */
.vision h2 .cl-no1 .cx-ch,.vision h2 .cl-no1 .cx-ch:last-child{font-family:'Noto Serif JP','Yu Mincho',serif!important;font-weight:900!important;font-size:1.3em!important;letter-spacing:0!important;vertical-align:baseline!important;margin:0!important;color:#a07a35!important;-webkit-text-fill-color:#a07a35!important}
/* OUR VISION：OURもMISSION・VALUESと同じ金色に */
.vision .editorial-heading,.vision .editorial-heading>span{color:#96702c!important}
/* お問い合わせのリード文を大きく */
.cx-ct .cx-ct-lead{font-size:clamp(17px,1.45vw,21px)!important;line-height:2!important;font-weight:700!important;color:#1d2420!important;letter-spacing:.04em}
@media(max-width:700px){.cx-ct .cx-ct-lead{font-size:16px!important}}
/* 代表挨拶 全文：最後の一文をクライマックスに */
.cx-read .cl-climax{font:900 clamp(20px,2vw,28px)/1.8 'Noto Serif JP','Yu Mincho',serif!important;color:#8a6420!important;margin:44px 0 10px!important;letter-spacing:.05em}
.cx-read .cl-climax{font-size:clamp(18px,1.6vw,23px)!important;white-space:nowrap}@media(max-width:700px){.cx-read .cl-climax{white-space:normal}}
/* ===== 第3案 v11 ===== */
.cl-multi{font-style:normal;font-size:12px;color:#8a6420;margin-left:6px;font-weight:700}
/* お問い合わせ：見出しとリード文をさらに大きく */
.cx-ct h2{font-size:clamp(34px,3.8vw,58px)!important;line-height:1.45!important}
.cx-ct .cx-ct-lead{font-size:clamp(19px,1.7vw,25px)!important;line-height:2!important}
@media(max-width:700px){.cx-ct h2{font-size:clamp(26px,7.4vw,36px)!important}.cx-ct .cx-ct-lead{font-size:17px!important}}
.cl-multi{display:block;font-size:12px!important;margin:-6px 0 12px!important;color:#8a6420!important;font-weight:700}
.cx-read .cl-echo{font:700 clamp(17px,1.5vw,21px)/1.9 "Noto Serif JP",serif!important;color:#8a6420!important;margin:40px 0 28px!important;letter-spacing:.04em}
/* ===== 第3案 v13：iPhone（スマホ）表示の調整 ===== */
@media (max-width:700px){
 /* トップ */
 .hero .hero-declaration{font-size:11.6vw!important;letter-spacing:0!important;white-space:nowrap}
 .hero h1{font-size:7vw!important;line-height:1.5!important}
 /* 5期連続No.1：はみ出しを直し、カードをコンパクトに */
 .records{padding-left:5vw!important;padding-right:5vw!important}
 .cx-rec-title{font-size:11vw!important}
 .cx-rec-sub{display:block!important;white-space:normal!important;max-width:100%!important}
 .cx-rec-sub .t,.cx-rec-sub .t b{white-space:normal!important;font-size:6.2vw!important;line-height:1.5!important;display:inline!important}
 .cx-rec-sub .t small{font-size:.8em!important}
 .cx-trust{display:none!important}
 .cx-periods{padding:14px 8px!important}
 .cx-period .medal{width:40px!important;height:40px!important;font-size:18px!important}
 .record-grid{gap:14px!important}
 .record-card{padding:22px 18px 20px!important;min-height:0!important}
 .record-card h3{font-size:19px!important;margin:6px 0 4px!important}
 .record-card .rank{margin:6px auto!important;transform:scale(.78);transform-origin:center top;margin-bottom:-34px!important}
 .record-card p{font-size:13px!important;line-height:1.7!important}
 .record-ribbon{font-size:9px!important}
 .record-partnership{font-size:5.6vw!important;line-height:1.7!important;padding:26px 6px!important}
 .record-partnership span{display:inline!important}
 /* 大きな英語の見出し（OUR MISSION / VISION / CROWN VALUES） */
 .mvv-section .editorial-heading>span{font-size:11vw!important}
 .mvv-section .editorial-heading>strong{font-size:15.5vw!important;letter-spacing:0!important}
 /* VALUES：握手の写真の上の文字 */
 .cx-tb-list button span{font-size:5.4vw!important;letter-spacing:.08em!important}
 .cx-tb-list button b{font-size:13px!important}
 /* 4つのサポート：写真の上の見出し */
 .cx-gp .ph .cap b{font-size:13vw!important}
 .cx-gp .ph .cap small{font-size:10px!important;margin:8px 0 6px!important}
 .cx-gp .ph .cap span{font-size:5.6vw!important;line-height:1.4!important}
 /* 代表挨拶 */
 .cx-msg .message-opening{font-size:15px!important}
 .cx-msg .cl-philo{font-size:14px!important;padding-left:14px!important}
 /* お問い合わせ */
 .cx-topic-q span{white-space:nowrap!important}
 .cx-ct-sub{font-size:15px!important;word-break:break-all}
 .cx-ask-list button{font-size:13px!important}
 /* 左下のOPENINGボタンを小さく */
 .cx-replay{transform:scale(.78);transform-origin:left bottom}
}
@media (max-width:700px){
 .hero h1{font-size:6.3vw!important}
 .mvv-section .editorial-heading>strong{font-size:13.5vw!important}
 .mvv-section .editorial-heading>span{font-size:9.5vw!important}
 .cx-msg .message-opening{font-size:13.6px!important;letter-spacing:0!important}
 .cx-msg .cl-philo{font-size:13px!important;letter-spacing:0!important}
 .cx-msg .cx-msg-key{font-size:16px!important;letter-spacing:0!important}
 .cx-topic-q{font-size:14px!important}
}
@media (max-width:700px){
 html body .hero h1,html body .hero h1 .h1l{font-size:6.1vw!important;white-space:nowrap!important}
 html body .founder .cx-msg p.message-opening{font-size:13.2px!important;letter-spacing:0!important}
 html body .founder .cx-msg p.cl-philo{font-size:12.6px!important;letter-spacing:0!important}
 html body .founder .cx-msg p.cx-msg-key{font-size:15.5px!important;letter-spacing:0!important}
 html body #contact-form .cx-topic-q{font-size:13.5px!important}
}
@media (max-width:700px){
 html body .founder .cx-msg p.message-opening{padding-left:12px!important;font-size:12.6px!important}
 html body .founder .cx-msg p.cx-msg-key{padding:16px 14px!important;font-size:15px!important}
 .founder .cx-msg p,.cx-ct p,.cx-ct h2,.cx-topic-q{text-wrap:balance}
}
@media (max-width:700px){html body .founder .cx-msg p.cl-philo{font-size:12.2px!important;padding-left:12px!important;line-height:2!important}}
@media (max-width:700px){#founder .cx-msg p.cl-philo{font-size:12.2px!important;padding-left:12px!important}#founder .cx-msg p.message-opening{font-size:12.6px!important}#founder .cx-msg p.cx-msg-key{font-size:15px!important}}
/* ===== 第3案 v14：iPhoneで写真を「全部」見せる ===== */
@media (max-width:700px){
 /* オープニング：写真は切らずに全体を表示。上下は同じ写真をぼかして埋める */
 .op3 .op-sc.hs{--img:url('assets/handshake.jpg')}
 .op3 .op-sc.fam{--img:url('assets/mission-sofa.jpg')}
 html body .op3 .op-sc::before{display:block!important;content:''!important;position:absolute!important;inset:-30px!important;background:var(--img) center/cover no-repeat!important;filter:blur(22px) brightness(.9) saturate(1.05)!important;z-index:0!important;opacity:1!important;animation:none!important;transform:none!important}
 html body .op3 .op-sc img{position:absolute!important;left:0!important;right:0!important;top:50%!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;transform:translateY(-50%)!important;z-index:1!important;animation:none!important}
 html body .op3 .op-sc:after{z-index:2!important}
 /* トップ画面：写真の全体を見せる */
 .hero-frame.summer{--hero:url('assets/fcb.jpg')}
 .hero-frame.winter{--hero:url('assets/together-sunrise.jpg')}
 html body .hero-frame{background:none!important;overflow:hidden}
 html body .hero-frame::before{content:'';position:absolute;inset:-30px;background:var(--hero) center/cover no-repeat;filter:blur(22px) brightness(.8);z-index:0}
 html body .hero-frame::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07100e99,#07100e00 40%),var(--hero) center 46%/100% auto no-repeat;z-index:1}
 /* VALUES：カードの文字が上で切れないように、高さを中身に合わせる */
 html body .cx-acc .value-card{height:auto!important;min-height:0!important;max-height:none!important;flex:none!important}
 html body .cx-acc .value-card .cx-v-tx{position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;max-height:none!important;overflow:visible!important;transform:none!important;opacity:1!important}
 html body .cx-acc .value-card .cx-v-tx p:not(.value-en){max-height:none!important;opacity:1!important}
 /* 4つのサポート：写真を少し高くし、見出しが切れない・1文字だけ浮かないように */
 html body .cx-gp .ph{aspect-ratio:4/3!important}
 html body .cx-gp .ph .cap{width:94%!important;padding:0 0 6% 6%!important}
 html body .cx-gp .ph .cap span{font-size:5.2vw!important;white-space:nowrap!important}
}
@media (max-width:700px){
 #values .cx-acc{display:block!important;height:auto!important;max-height:none!important}
 #values .cx-acc .value-card{display:block!important;height:auto!important;max-height:none!important;min-height:0!important;flex:none!important;width:auto!important;margin:0 0 16px!important;overflow:hidden!important}
 #values .cx-acc .value-card .cx-v-ph{position:absolute!important;inset:0!important;height:auto!important}
 #values .cx-acc .value-card .cx-v-tx{position:relative!important;z-index:2}
 #home .hero-frame.summer,#home .hero-frame.winter{background:none!important}
}
@media (max-width:700px){
 #op3 .op-sc::before{display:block!important;content:''!important;position:absolute!important;inset:-30px!important;background:var(--img) center/cover no-repeat!important;filter:blur(22px) brightness(.9)!important;z-index:0!important;opacity:1!important;animation:none!important;transform:none!important;clip-path:none!important}
 #op3 .op-sc img{position:absolute!important;left:0!important;right:0!important;top:50%!important;bottom:auto!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;transform:translateY(-50%)!important;z-index:1!important;animation:none!important;clip-path:none!important}
 #op3 .op-sc:after{z-index:2!important}
}
/* オープニングの最後：大通公園の写真の上に、CROWNのロゴが一度はっきり浮かび、そのあと「札幌の頂点へ。」 */
html body .op3.land{opacity:1!important;background:transparent!important;transition:none!important}
html body .op3.land .op-brand{background:transparent!important}
html body .op3.land .ob-marble{opacity:0!important;animation:none!important;transition:opacity 1.2s ease!important}
html body .op3.land .ob-in{opacity:0!important;transition:opacity .6s ease!important}
html body .op3.land .ob-birth{opacity:1!important;filter:drop-shadow(0 0 26px #ffffffb0) drop-shadow(0 10px 30px #0006)!important;transform:scale(1)!important;transition:opacity .8s ease,transform 1.2s ease!important}
html body .op3.land.lgo .ob-birth{opacity:0!important;transform:scale(1.08)!important}
html body .op3.land.lgo{opacity:0!important;transition:opacity .7s .4s ease!important}
html body .op3.land.lgo .ob-birth{transition:opacity .45s ease,transform .6s ease!important}
html body .op3.land.lgo{transition:opacity .45s ease!important}
/* お問い合わせ（パソコン）：左の文章をフォームの上端から始め、下端までバランスよく */
@media (min-width:701px){
 #contact.contact{align-items:stretch!important}
 #contact .cx-ct{display:flex!important;flex-direction:column!important;align-self:stretch!important;margin:0!important;padding-top:0!important}
 #contact .cx-ct h2{font-size:clamp(40px,4.3vw,66px)!important;line-height:1.4!important;margin:6px 0 30px!important}
 #contact .cx-ct .cx-ct-lead{font-size:clamp(20px,1.85vw,27px)!important;line-height:2.05!important;margin-bottom:40px!important}
 #contact .cx-ask{margin-bottom:40px!important}
 #contact .cx-ask-q{font-size:18px!important;margin-bottom:14px!important}
 #contact .cx-ask-list{gap:12px!important}
 #contact .cx-ask-list button{font-size:16px!important;padding:12px 20px!important}
 #contact .cx-ct-call{margin-top:auto!important;padding:28px 32px!important}
 #contact .cx-ct-call b{font-size:clamp(34px,3vw,46px)!important}
 #contact .cx-ct-sub{font-size:18px!important;margin-top:18px!important}
}
@media (max-width:700px){#records .record-partnership strong{background:none!important;color:#5a3a0e!important;-webkit-text-fill-color:#5a3a0e!important;display:inline!important}}
@media (max-width:700px){#records .record-partnership,#records .record-partnership span,#records .record-partnership strong{font-size:5.4vw!important;line-height:1.75!important}}
/* ===== 第3案 v16：お問い合わせを、もっと相談しやすく ===== */
#contact.contact{background:radial-gradient(ellipse 60% 55% at 12% 18%,#fff1cf 0%,#fff1cf00 70%),radial-gradient(ellipse 50% 50% at 90% 92%,#f4e6c6 0%,#f4e6c600 70%),#fbfaf7!important}
/* 「お話」に金色の下線（画面に入ると、左からスッと引かれる） */
#contact .cx-ct h2 em{font-style:normal;color:#1d3a33;background:linear-gradient(transparent 64%,#f0d189 64%,#f0d189 90%,transparent 90%) no-repeat left/0% 100%;transition:background-size 1s .6s cubic-bezier(.2,.7,.2,1)}
#contact .cx-ct.cl-pop h2 em{background-size:100% 100%}
/* 「無料」などリード文 */
#contact .cx-ct .cx-ct-lead{position:relative}
/* ポップアップ：見出し → 文章 → ご相談の例が一つずつ → 写真 → 電話 */
#contact .cx-ct>*{opacity:0;transform:translateY(18px)}
#contact .cx-ct.cl-pop>*{animation:ctUp .8s cubic-bezier(.2,.8,.2,1) forwards}
#contact .cx-ct.cl-pop>*:nth-child(1){animation-delay:0s}
#contact .cx-ct.cl-pop>*:nth-child(2){animation-delay:.1s;animation-name:ctPop}
#contact .cx-ct.cl-pop>*:nth-child(3){animation-delay:.35s}
#contact .cx-ct.cl-pop>*:nth-child(4){animation-delay:.5s}
#contact .cx-ct.cl-pop>*:nth-child(5){animation-delay:.9s}
#contact .cx-ct.cl-pop>*:nth-child(n+6){animation-delay:1.05s}
#contact .cx-ask-list button{opacity:0;transform:scale(.85)}
#contact .cx-ct.cl-pop .cx-ask-list button{animation:ctChip .55s cubic-bezier(.2,1.3,.4,1) forwards}
#contact .cx-ct.cl-pop .cx-ask-list button:nth-child(1){animation-delay:.6s}
#contact .cx-ct.cl-pop .cx-ask-list button:nth-child(2){animation-delay:.68s}
#contact .cx-ct.cl-pop .cx-ask-list button:nth-child(3){animation-delay:.76s}
#contact .cx-ct.cl-pop .cx-ask-list button:nth-child(4){animation-delay:.84s}
#contact .cx-ct.cl-pop .cx-ask-list button:nth-child(5){animation-delay:.92s}
#contact .cx-ct.cl-pop .cx-ask-list button:nth-child(6){animation-delay:1s}
#contact .cx-ct.cl-pop .cx-ask-list button:nth-child(7){animation-delay:1.08s}
#contact .cx-ct.cl-pop .cx-ask-list button:nth-child(8){animation-delay:1.16s}
@keyframes ctUp{to{opacity:1;transform:none}}
@keyframes ctPop{0%{opacity:0;transform:scale(.92) translateY(10px)}60%{opacity:1;transform:scale(1.02)}100%{opacity:1;transform:none}}
@keyframes ctChip{to{opacity:1;transform:none}}
#contact .cx-ask-list button{transition:background .25s,color .25s,transform .25s,box-shadow .25s}
#contact .cx-ask-list button:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px #a07a3526;background:#fff8e6}
/* ご相談の例と電話番号の間：あたたかい住まいの写真で埋める */
#contact .cl-ct-photo{position:relative;border-radius:18px;background:url('assets/mission-sofa.jpg') center 40%/cover no-repeat;box-shadow:0 18px 40px #6b4a1a1f;overflow:hidden;margin:6px 0 26px}
#contact .cl-ct-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#fbfaf799 0%,#fbfaf700 40%)}
@media (min-width:701px){#contact .cl-ct-photo{flex:1 1 auto;min-height:200px}#contact .cx-ct-call{margin-top:0!important}}
@media (max-width:700px){#contact .cl-ct-photo{height:190px}}
@media (prefers-reduced-motion:reduce){#contact .cx-ct>*,#contact .cx-ask-list button{opacity:1!important;transform:none!important;animation:none!important}}
html body #contact .cx-ct h2 em{background-image:linear-gradient(transparent 64%,#f0d189 64%,#f0d189 90%,transparent 90%)!important;background-repeat:no-repeat!important;background-position:left!important;background-size:0% 100%!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;transition:background-size 1s .6s cubic-bezier(.2,.7,.2,1)!important}
html body #contact .cx-ct.cl-pop h2 em{background-size:100% 100%!important}
/* ===== 第3案 v17：お問い合わせの文字の強弱 ===== */
/* 下線はやめ、「まずは、」を小さな金の前置きに、「お話を聞かせてください。」を主役に */
html body #contact .cx-ct h2 em{background:none!important;color:#a07a35!important;-webkit-text-fill-color:#a07a35!important}
#contact .cx-ct h2 .cl-ct-pre{display:block;font:700 clamp(18px,1.6vw,24px)/1.4 'Noto Serif JP','Yu Mincho',serif;letter-spacing:.3em;color:#a07a35;margin-bottom:14px}
#contact .cx-ct h2{font-family:'Noto Serif JP','Yu Mincho',serif!important;font-weight:900!important;white-space:normal!important}
@media (min-width:701px){#contact .cx-ct h2{font-size:clamp(36px,3.5vw,54px)!important;line-height:1.45!important}}
@media (max-width:700px){#contact .cx-ct h2{font-size:7.2vw!important}#contact .cx-ct h2 .cl-ct-pre{font-size:15px}}
/* リード文は明朝で大きく、「たとえば、こんなご相談から。」は小さなラベルにして差をつける */
html body #contact .cx-ct .cx-ct-lead{font-family:'Noto Serif JP','Yu Mincho',serif!important;font-weight:700!important;color:#1d2420!important;border-left:3px solid #c9a35a;padding-left:20px}
html body #contact .cx-ask-q{font:700 13px/1.6 'Noto Sans JP',sans-serif!important;letter-spacing:.14em!important;color:#8a6420!important;display:flex;align-items:center;gap:10px}
html body #contact .cx-ask-q:before{content:'';width:24px;height:1px;background:#c9a35a}
/* ===== 第3案 v19：LINE相談・スマホ固定ボタン ===== */
.cl-line-btn{display:flex;align-items:center;gap:16px;margin-top:14px;padding:16px 22px;border-radius:16px;background:#06c755;color:#fff!important;text-decoration:none;box-shadow:0 12px 28px #06c75540;transition:transform .2s,box-shadow .2s}
.cl-line-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px #06c75555}
.cl-line-ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fff;color:#06c755;font:900 13px/1 'Noto Sans JP',sans-serif;letter-spacing:.02em}
.cl-line-btn span:last-child{display:flex;flex-direction:column;font-weight:700;font-size:16px;line-height:1.5}
.cl-line-btn small{font-size:12px;font-weight:500;opacity:.92}
.cl-sticky{display:none}
@media (max-width:700px){
 .cl-sticky{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:900;background:#171c19f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:8px;box-shadow:0 -8px 24px #0003;transform:translateY(110%);transition:transform .4s ease}
 body.intro-complete .cl-sticky{transform:none}
 .cl-sticky a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:54px;border-radius:12px;font:700 12px/1 'Noto Sans JP',sans-serif;color:#fff;text-decoration:none}
 .cl-sticky a i{font-style:normal;font-size:16px;line-height:1}
 .cl-sticky .tel{background:#1d3a33;border:1px solid #c9a35a66}
 .cl-sticky .line{background:#06c755}
 .cl-sticky .line i{font:900 10px/1 'Noto Sans JP',sans-serif;background:#fff;color:#06c755;padding:3px 5px;border-radius:5px}
 .cl-sticky .form{background:linear-gradient(135deg,#b8862f,#e2b65c);color:#1d2420}
 body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
 .cx-replay{bottom:calc(76px + env(safe-area-inset-bottom))!important}
 .cl-line-btn{padding:14px 16px}
 .cl-line-ic{width:44px;height:44px}
 .cl-line-btn span:last-child{font-size:14px}
}
@media (max-width:700px){#op3.on ~ .cl-sticky{transform:translateY(110%)!important}}
/* ===== 第3案 v20：大理石 → 大通公園の切り替えを「窓が開く」演出に ===== */
@property --iris{syntax:'<length>';inherits:false;initial-value:0px}
html body .op3.land .ob-marble{opacity:1!important;transition:none!important;-webkit-mask:radial-gradient(circle at 50% 40%,#0000 var(--iris),#000 calc(var(--iris) + 2px));mask:radial-gradient(circle at 50% 40%,#0000 var(--iris),#000 calc(var(--iris) + 2px));animation:irisOpen .9s cubic-bezier(.7,0,.25,1) forwards!important}
@keyframes irisOpen{from{--iris:0px}to{--iris:150vmax}}
html body .op3.land .ob-birth{transform:scale(1.1)!important;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),opacity .45s ease!important;filter:drop-shadow(0 0 30px #ffffffc0) drop-shadow(0 12px 34px #0007)!important}
html body .op3.land.lgo .ob-birth{opacity:0!important;transform:scale(1.16)!important}
@supports not (background:paint(x)){}
/* 実績：チラシに合わせた前置き */
#records .cl-rec-lead{font:700 clamp(15px,1.3vw,19px)/1.6 'Noto Serif JP',serif!important;letter-spacing:.1em!important;color:#5a3a0e!important;text-transform:none!important}
#records .cl-rec-label{font:900 clamp(20px,2.2vw,32px)/1.4 'Noto Serif JP',serif;color:#2a1a06;margin:6px 0 2px;letter-spacing:.06em}
#records .cl-rec-label sup{font-size:.5em;margin-left:2px}
@media (max-width:700px){#records .cl-rec-label{font-size:5.4vw}}
/* 3年連続：メダル3つを中央にそろえる */
#records .cx-periods{display:grid!important;grid-template-columns:repeat(3,1fr)!important;max-width:760px;margin-left:auto!important;margin-right:auto!important;justify-items:center}
#records .cx-periods .cx-line{left:16.6%!important;right:16.6%!important;width:auto!important}
/* 「お力添えいたします。」が透明になっていたのを直す（パソコン・スマホ共通） */
#records .record-partnership strong{background:none!important;color:#5a3a0e!important;-webkit-text-fill-color:#5a3a0e!important}

/* v21：グランドオープン表記 — 改行させない */
.cx-launch .cx-l-txt{white-space:nowrap}
@media (max-width:700px){.cx-launch .cx-l-txt{font-size:clamp(14px,4.2vw,17px);letter-spacing:.06em}.cx-launch .cx-l-date{letter-spacing:.04em}}
#op-brand .ob-sub,.op-brand .ob-sub,.launch-announcement b{white-space:nowrap}

/* v22：手紙の最後の一行は黒文字で。締めは2行を1ブロックに */
.cx-read .cl-echo,#cx-msg-more .cl-echo{color:#1d2420!important}
.cx-read .cl-climax{white-space:normal!important;line-height:2!important}
@media (min-width:701px){.cx-read .cl-climax{white-space:nowrap!important;font-size:clamp(16px,1.45vw,19.5px)!important;letter-spacing:.03em!important}}

/* v24：大通公園に切り替わる瞬間、ロゴを「ボーン」と */
html body .op3.land .ob-birth{animation:landBoom 1.25s cubic-bezier(.2,.8,.2,1) both}
@keyframes landBoom{0%{scale:1}28%{scale:.9}46%{scale:1.34}62%{scale:1.17}78%{scale:1.24}100%{scale:1.22}}
html body .op3.land .ob-birth .b-full{opacity:1!important;animation:landGlow 1.25s ease-out both!important}
@keyframes landGlow{0%{opacity:1;filter:drop-shadow(0 14px 22px #8a5f1a50)}28%{opacity:1;filter:brightness(.95) drop-shadow(0 10px 20px #0006)}46%{opacity:1;filter:brightness(1.7) saturate(1.4) drop-shadow(0 0 40px #ffe7a8) drop-shadow(0 0 90px #f3c868cc)}100%{opacity:1;filter:brightness(1.12) saturate(1.35) contrast(1.15) drop-shadow(0 0 1.5px #3a2406) drop-shadow(0 0 26px #fff3d0b0) drop-shadow(0 14px 34px #000c)}}
html body .op3 .ob-birth::after{content:"";position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:4px solid #f0d27e;box-shadow:0 0 50px #ffe2a0,inset 0 0 40px #ffe2a088;opacity:0;pointer-events:none}
html body .op3.land .ob-birth::after{animation:landWave 1s .5s cubic-bezier(.1,.7,.3,1) forwards}
@keyframes landWave{0%{opacity:1;transform:scale(.5)}100%{opacity:0;transform:scale(3.2)}}
html body .op3.land{animation:landShake .45s .55s linear both}
@keyframes landShake{0%{translate:0 0}15%{translate:0 10px}30%{translate:0 -7px}45%{translate:0 5px}60%{translate:0 -3px}80%{translate:0 1px}100%{translate:0 0}}
@media (prefers-reduced-motion:reduce){html body .op3.land,html body .op3.land .ob-birth{animation:none}}

/* v25：切り替わりを上品に（揺れなし・光と衝撃波を控えめに） */
html body .op3.land{animation:none!important}
html body .op3.land .ob-birth{animation:landBoom2 1.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes landBoom2{0%{scale:1}25%{scale:.97}52%{scale:1.17}100%{scale:1.13}}
html body .op3.land .ob-birth .b-full{animation:landGlow2 1.2s ease-out both!important}
@keyframes landGlow2{0%{opacity:1;filter:drop-shadow(0 14px 22px #8a5f1a50)}50%{opacity:1;filter:brightness(1.22) saturate(1.2) drop-shadow(0 0 22px #ffe7a8aa)}100%{opacity:1;filter:brightness(1.08) saturate(1.25) contrast(1.12) drop-shadow(0 0 1.5px #3a2406) drop-shadow(0 0 18px #fff3d080) drop-shadow(0 12px 30px #000b)}}
html body .op3 .ob-birth::after{border-width:1.5px;border-color:#f0d27ecc;box-shadow:0 0 18px #ffe2a066}
html body .op3.land .ob-birth::after{animation:landWave2 1.1s .5s cubic-bezier(.15,.6,.3,1) forwards}
@keyframes landWave2{0%{opacity:.6;transform:scale(.7)}100%{opacity:0;transform:scale(2.2)}}

/* v26：ポップアップはVISIONだけ。MISSIONとVALUESは静かに浮かび上がる */
html body .mission .editorial-heading.visible>span,html body .values .editorial-heading.visible>span{animation:mvvQuiet 1.1s cubic-bezier(.2,.7,.2,1) both!important}
html body .mission .editorial-heading.visible>strong,html body .values .editorial-heading.visible>strong{animation:mvvQuiet 1.3s .15s cubic-bezier(.2,.7,.2,1) both,cxGold 6s 1.5s linear infinite!important}
@keyframes mvvQuiet{0%{opacity:0;transform:translateY(26px)}100%{opacity:1;transform:none}}
html body #supports{padding-bottom:36px!important}

/* v27：MISSION・VISION・VALUESはすべて同じ演出（静かに浮かび上がる） */
html body .vision .editorial-heading.visible>span{animation:mvvQuiet 1.1s cubic-bezier(.2,.7,.2,1) both!important}
html body .vision .editorial-heading.visible>strong{animation:mvvQuiet 1.3s .15s cubic-bezier(.2,.7,.2,1) both,cxGold 6s 1.5s linear infinite!important}

/* v27：会社情報はフッターの黒帯にまとめる */
html body .cx-foot{padding:56px 16px 40px!important;scroll-margin-top:80px}
.cx-foot-logo{width:110px;height:auto;display:block;margin:0 auto 10px;filter:drop-shadow(0 6px 16px #0008)}
.cx-foot .cx-foot-name{font-size:19px;letter-spacing:.2em}
.cx-foot-open{font:600 12px/1.8 'Noto Serif JP',serif;color:#c9a24d;letter-spacing:.24em;margin:2px 0 26px!important}
.cx-foot-info{display:grid;gap:8px;max-width:640px;margin:0 auto 26px;padding:22px 0;border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;text-align:left}
.cx-foot-info>div{display:grid;grid-template-columns:5.5em 1fr;gap:12px;align-items:baseline}
.cx-foot-info dt{color:#c9a24d;font-size:12px;letter-spacing:.14em}
.cx-foot-info dd{margin:0;color:#e6dcc6;font-size:13.5px}
.cx-foot-pp{font-size:12.5px}
@media (max-width:700px){.cx-foot-info{padding:18px 4px}.cx-foot-info>div{grid-template-columns:4.5em 1fr;gap:8px}.cx-foot-info dd{font-size:13px}html body .cx-foot{padding-bottom:96px!important}}
html body .cx-foot .cx-foot-logo{width:96px!important;max-width:96px!important;height:auto!important;margin:0 auto 12px!important}
html body .cx-foot .cx-foot-info,html body .cx-foot .cx-foot-info *{text-align:left!important}
html body .cx-foot .cx-foot-info{width:min(640px,100%)!important;box-sizing:border-box}
html body .cx-foot .cx-foot-logo{filter:none!important}
.cl-sp{display:none}@media (max-width:700px){.cl-sp{display:inline}.cl-pc{display:none}}

/* v28：No.1セクションの背景を金一色からアイボリーへ。金はアクセントだけ */
html body #records{background:radial-gradient(ellipse at 50% 0,#fffaf0 0%,#f8f1e3 55%,#f1e7d3 100%)!important;border-block:1px solid #d9c08a!important}
html body #records::before{opacity:0!important}
html body #records::after{border-color:#c9a24d55!important}
html body #records .cx-rec-no{background-image:linear-gradient(100deg,#4e3109 0%,#7a5214 22%,#b8862f 38%,#e9c97a 46%,#b8862f 54%,#7a5214 72%,#4e3109 100%)!important;filter:drop-shadow(0 1px 0 #fff8e6) drop-shadow(0 8px 16px #5a3a0a33)!important}
html body #records .cx-rec-no{animation:none!important;background-size:100% 100%!important;background-position:0 0!important}
html body #records .cx-rec-no{background-image:linear-gradient(180deg,#c39443 0%,#8f6420 48%,#5e3e0d 100%)!important}
html body #records .cx-rec-no,html body #records .cx-rec-no b{text-shadow:none!important}
html body #records .cx-rec-no b{background:linear-gradient(180deg,#c39443 0%,#8f6420 48%,#5e3e0d 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
/* v28：黒帯の会社情報は画面中央に揃える */
html body .cx-foot .cx-foot-info,html body .cx-foot .cx-foot-info *{text-align:center!important}
html body .cx-foot .cx-foot-info>div{display:flex!important;flex-direction:column;align-items:center;gap:2px!important}
html body .cx-foot .cx-foot-info{gap:14px!important}
html body .cx-foot .cx-foot-info dt{font-size:11px;letter-spacing:.3em}

/* v28：iPhone対応 —— 写真は画面いっぱいに（被写体中心で切り出し）、文字ははみ出さない */
@media (max-width:700px){
 html body .hero-frame::before{display:none!important}
 html body .hero-frame::after{background:linear-gradient(0deg,#07100ecc 0%,#07100e55 38%,#07100e00 62%),linear-gradient(180deg,#07100e66,#07100e00 22%),var(--hero) 50% 50%/cover no-repeat!important}
 html body .hero .hero-declaration,html body .hero .hero-declaration.hd{font-size:10.2vw!important}
 /* オープニングの写真も画面いっぱいに */
 #op3 .op-sc::before,html body .op3 .op-sc::before{display:none!important}
 #op3 .op-sc img,html body .op3 .op-sc img{top:0!important;bottom:0!important;height:100%!important;width:100%!important;object-fit:cover!important;transform:none!important}
 #op3 .op-sc.b1 img{object-position:50% 50%!important}
 #op3 .op-sc.b2 img{object-position:55% 50%!important}
 #op3 .op-sc.hs img{object-position:50% 50%!important}
 #op3 .op-sc.fam img{object-position:68% 50%!important}
}
@media (max-width:700px){html body .hero-frame::after{background:linear-gradient(0deg,#07100ef0 0%,#07100eb3 30%,#07100e66 52%,#07100e00 72%),linear-gradient(180deg,#07100e66,#07100e00 22%),var(--hero) 50% 50%/cover no-repeat!important}}
@media (max-width:700px){html body .hero-frame::after{background:linear-gradient(0deg,#07100ee6 0%,#07100ec4 38%,#07100e8f 62%,#07100e00 84%),linear-gradient(180deg,#07100e55,#07100e00 18%),var(--hero) 50% 50%/cover no-repeat!important}}
@media (max-width:700px){
 /* 3年連続No.1：月桂樹ごと画面に収める */
 html body #records .cx-rec-no{font-size:10.6vw!important}
 html body #records .cx-laurel{width:7vw!important;height:auto!important}
 html body #records .cx-rec-no-wrap{max-width:100%;justify-content:center}
 /* VALUES：明るい夜景の上でも本文が読めるように */
 #values .cx-acc .value-card .cx-v-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06121bcc,#06121be6);z-index:1}
 /* サポートの見出しにロゴが重ならないように */
 html body #supports .cx-s-logo{display:none!important}
 /* フォームの選択ボタン：言葉の途中で改行しない */
 html body #contact-form .cx-tp b{font-size:14px!important;word-break:keep-all;overflow-wrap:anywhere;line-height:1.45}
 html body #contact-form .cx-tp small{font-size:11px!important;word-break:keep-all}
 /* OPENINGボタンは本文に重なるのでスマホでは出さない（ロゴを押すと再生） */
 html body .cx-replay{display:none!important}
}
@media (max-width:700px){html body #records .cx-no-crown{width:.42em!important;top:-.32em!important;height:auto!important}}

/* v29：トップ画面の相談ボタン（金の枠・上品に） */
.cl-hero-cta{display:inline-flex;align-items:center;gap:18px;margin-top:30px;padding:17px 30px 17px 32px;border:1px solid #e6c779;background:linear-gradient(135deg,#0f1a17cc,#0f1a1799);color:#f6e7c1;text-decoration:none;font:700 15px/1 'Noto Serif JP','Yu Mincho',serif;letter-spacing:.14em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 12px 30px #0006,inset 0 0 0 1px #ffffff10;transition:background .35s,color .35s,transform .35s;position:relative;z-index:3;pointer-events:auto}
.cl-hero-cta i{font-style:normal;color:#e6c779;transition:transform .35s}
.cl-hero-cta:hover{background:linear-gradient(135deg,#e9cf8a,#c39443);color:#1d1406}
.cl-hero-cta:hover i{color:#1d1406;transform:translateX(5px)}
@media (max-width:700px){.cl-hero-cta{margin-top:22px;padding:15px 22px;font-size:14px;letter-spacing:.1em;gap:12px}}

/* v30：iPhone（Safari）でもオープニングの写真を必ず画面いっぱいに */
@media (max-width:700px),(max-aspect-ratio:3/4){
 html body #op3 .op-sc{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
 html body #op3 .op-sc::before{display:none!important}
 html body #op3 .op-sc img{position:absolute!important;inset:0!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;transform:none!important;translate:none!important;scale:none!important;clip-path:none!important}
 html body #op3 .op-sc.b1 img{object-position:50% 50%!important}
 html body #op3 .op-sc.b2 img{object-position:55% 50%!important}
 html body #op3 .op-sc.hs img{object-position:50% 50%!important}
 html body #op3 .op-sc.fam img{object-position:68% 50%!important}
}
@media (max-width:700px),(max-aspect-ratio:3/4){html body #op3 .op-sc.hs img{object-position:60% 50%!important}}
/* v31：iPhone実機の確認を受けて —— 花壇の「SAPPORO」文字が途中で切れないよう、画面の外へ。握手は手元を中央に */
@media (max-width:700px),(max-aspect-ratio:3/4){
 html body #op3 .op-sc.b1 img{height:122%!important;min-height:122%!important;object-position:50% 0!important}
 html body #op3 .op-sc.hs img{object-position:54% 50%!important}
}

/* v32：4つのサポートの写真をチラシと同じものに */
html body #strategy .ph,html body .cx-gp[aria-label="高値売却の販売戦略"] .ph{--img:url('assets/sv-flyer1.jpg')!important;background-position:center!important}
html body #ideal-home .ph,html body .cx-gp[aria-label="理想の住まいの購入・賃貸"] .ph{--img:url('assets/sv-flyer2.jpg')!important;background-position:center 30%!important}
html body #renovation .ph,html body .cx-gp[aria-label="プロの業者と実現する充実のリフォーム"] .ph{--img:url('assets/sv-flyer3.jpg')!important;background-position:center!important}
html body #cost-support .ph,html body .cx-gp[aria-label="業務提携で叶える諸費用のバックアップ"] .ph{--img:url('assets/sv-flyer4.jpg')!important;background-position:center!important}
html body .cx-gp .ph{position:relative}
html body .cx-gp .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1512b3 0%,#0b151266 38%,#0b151200 65%),linear-gradient(0deg,#0b151299 0%,#0b151200 55%);pointer-events:none;z-index:1}
html body .cx-gp .ph .cap{position:relative;z-index:2}

/* v33：チラシと同じ締めの一文（代表挨拶 → お問い合わせの間） */
.cl-promise{background:linear-gradient(180deg,#0f2a4f,#0b1f3d);border-block:2px solid #c9a24d;padding:clamp(34px,5vw,56px) 16px;text-align:center;position:relative;overflow:hidden}
.cl-promise::before{content:"";position:absolute;inset:6px 0;border-block:1px solid #c9a24d55;pointer-events:none}
.cl-promise p{margin:0;font:900 clamp(22px,2.6vw,36px)/1.7 'Noto Serif JP','Yu Mincho',serif;color:#fff;letter-spacing:.06em;text-shadow:0 3px 14px #0008}
.cl-promise span{display:inline-block;margin:0 .4em}
.cl-promise em{font-style:normal;background:linear-gradient(180deg,#fff3c4,#e2b65c 55%,#b8862f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 2px 6px #0007)}
.cl-hours{color:#bfb59c;font-size:12px;letter-spacing:.08em}
#contact .cx-ct-call span{font-size:13px;letter-spacing:.06em}
@media (max-width:700px){.cl-promise p{font-size:5.6vw;line-height:1.8}.cl-promise span{display:block;margin:0}}
html body .cl-promise{margin:0!important;display:block!important}

/* v34：代表挨拶 —— 手紙への応答の一行と、締め */
.cx-read .cl-vow,#cx-msg-more .cl-vow{font:700 clamp(15px,1.3vw,18px)/2 'Noto Serif JP','Yu Mincho',serif!important;color:#1d2420!important;margin:-14px 0 8px!important;letter-spacing:.06em}
@media (max-width:700px){
 .cx-read .cx-msg-letter3,#cx-msg-more .cx-msg-letter3{font-size:14.2px!important;letter-spacing:.01em!important;line-height:2.05!important}
 .cx-read .cl-vow,#cx-msg-more .cl-vow{font-size:13.6px!important;letter-spacing:0!important;margin-top:-8px!important}
 .cx-read .cl-echo,#cx-msg-more .cl-echo{font-size:15px!important;letter-spacing:0!important}
 .cx-read .cl-climax{font-size:15.5px!important;letter-spacing:0!important}
 .cx-read p{text-wrap:pretty}
}

/* v35：代表挨拶 —— 心に刺す一文を独立させて太字に */
.cx-read .cl-strong,#cx-msg-more .cl-strong{font-weight:700!important;color:#1d2420!important;margin:6px 0 26px!important}
@media (max-width:700px){
 html body .cx-read p,html body #cx-msg-more p{font-size:15px!important;letter-spacing:.02em!important;line-height:2.05!important}
 html body .cx-read .cx-msg-quote,html body #cx-msg-more .cx-msg-quote{font-size:15.5px!important}
 html body .cx-read .cx-msg-letter3{font-size:14.6px!important;letter-spacing:.01em!important}
}

/* v36：LINEは使わない —— スマホ下のボタンは「電話する」「フォーム」の2つ */
@media (max-width:700px){html body .cl-sticky{grid-template-columns:1fr 1fr!important}}

/* v38：送信完了の画面 */
.cl-sent{background:#fffdf8;border:1px solid #e3d3a8;border-top:4px solid #1d3a32;border-radius:18px;padding:clamp(36px,5vw,56px) clamp(22px,4vw,48px);text-align:center;box-shadow:0 24px 60px #5a3a0a1f;animation:sentIn .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes sentIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.cl-sent-mark{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;font:700 30px/1 sans-serif;color:#fff;background:linear-gradient(135deg,#e2b65c,#a77a2b);box-shadow:0 8px 20px #a77a2b55}
.cl-sent-en{font:700 12px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.4em;color:#a07a35;margin:0 0 12px}
.cl-sent h3{font:900 clamp(22px,2.4vw,30px)/1.6 'Noto Serif JP','Yu Mincho',serif;color:#1d2420;margin:0 0 16px}
.cl-sent p{color:#4a524d;line-height:2;margin:0 0 16px}
.cl-sent-tel{border-top:1px solid #eadfc6;padding-top:18px;margin-top:8px!important}
.cl-sent-tel a{display:inline-block;font:700 26px/1.4 'Cormorant Garamond',Georgia,serif;color:#1d3a32;text-decoration:none;letter-spacing:.06em}
.cl-sent-tel small{display:block;font-size:12px;color:#7a7f7b}
#form-status a{color:#a07a35}
.cl-sent p{font-size:15px}