/* v2のCSSをそのまま読み込み、配色のみ変更する。書体・文字サイズ・余白・画像寸法は継承。 */
:root{color-scheme:dark;--ivory:#151716;--paper:#22201b;--gold:#e4c45c;--gold-light:#a38535;--ink:#f5f5f1;--muted:#c6c7bf;--line:#ffffff26}
.site-header,.mobile-menu,.site-footer{background:var(--ivory)}
.brand-logo{mix-blend-mode:normal;background:#fff}
.hero-photo::after{background:linear-gradient(90deg,#15171618,transparent 35%,#1517160a)}
.reason-image img[src*="tokyo-city-photo"],.investment-photo img[src*="tokyo-city-photo"]{object-position:center 85%}
.hero-description,.reason>p:last-child,.support-header>div>p:last-child,.support-item>p:last-child,.benefit-grid p,.risk-note p,.footer-top>p,.footer-bottom nav,.footer-bottom small{color:var(--muted)}
.reasons{background:linear-gradient(135deg,#151716 0%,#202220 100%)}
.reasons-questions{display:grid;gap:12px;margin-bottom:30px}
.reasons-questions p{margin:0;color:var(--muted)}
@media(max-width:600px){.reasons-questions{gap:10px;margin-bottom:24px}}
.support-section{background:linear-gradient(135deg,#151716 0%,#34382d 100%)}
.voices,.consultation,.concerns{background:var(--paper)}
.voices{background:#171918}
.consultation{background-image:none;background-color:#1a1b1a}
.voices .owner-letter{background:#222523;border-color:#ffffff1f}
.consultation .consultation-flow li{background:transparent;border-color:#ffffff16}
.owner-letter{background:#2a261e;border-color:var(--line)}
.letter-top{border-color:var(--line)}
.letter-top>span,.letter-top em,.letter-top::after{color:var(--muted)}
.letter-body{color:#deded7}
.hero h1,.reasons h2,.voices h2,.consultation h2,.investment h2{font-weight:600;background:linear-gradient(110deg,#b8945a 0%,#d8c08a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.reason h3,.investment h3{color:var(--ink)}
.consultation-note,.brand-company{color:var(--ink)}
.consultation-campaign .consultation-note{font-size:19px;margin-bottom:8px}
.achievement-badge{filter:none}
.data-note{color:var(--muted)}
.button,.floating-cta .button{background:linear-gradient(110deg,#b4945e 0%,#d7bd85 48%,#c6a86f 100%);border-color:#d5bb83;color:#241e14;box-shadow:0 1px 0 #8c7044}
.button:hover,.floating-cta .button:hover{background:linear-gradient(110deg,#c0a16d 0%,#e0c994 48%,#cfb47f 100%)}
.hero .button,.consultation .button{font-family:var(--serif);font-size:15px;font-weight:700;letter-spacing:.06em;padding:19px 25px 19px 29px;min-height:63px;gap:38px;justify-content:center;text-align:center}
@media(max-width:600px){.hero .button,.consultation .button{width:100%;max-width:none;padding:18px 19px;min-height:60px;gap:10px}}
.campaign-terms-link{color:var(--muted)}.campaign-terms-link:hover{color:var(--ink)}
.investment,.investment-mechanism,.mechanism-stage,.risk-note{background:var(--ivory);border-color:var(--line)}
.mechanism-step,.income-source,.income-use>div>span{background:var(--paper);color:var(--ink)}
.floating-cta{background:#22201bf5;border-color:var(--line)}
.campaign-section{background:linear-gradient(135deg,#151716,#34382d)}
.campaign-section h2 span{color:var(--gold)}
.hero .data-band{width:min(940px,calc(100% - 112px));padding:30px 0 28px;gap:0;border:0}
.hero .data-item{width:auto;max-width:none;aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0}
.hero .data-item:last-child{border-right:0}
.hero .data-label{font-size:10px;letter-spacing:.08em;color:var(--muted)}
.hero .data-item strong{font:500 42px/1 var(--english);letter-spacing:-.02em;color:var(--gold)}
.hero .data-item strong small{font:500 18px/1 var(--serif);margin-left:3px}
.hero .data-note{font-size:8px;color:var(--muted);letter-spacing:0}
.hero .achievement-badge{width:88%;margin-inline:auto}
@media(min-width:801px){.hero .data-band{width:min(420px,calc(100% - var(--hero-gutter) - 24px));padding:0;gap:12px}}
.hero-description,.reason>p:last-child,.consultation .section-heading>p,.voices-intro,.investment-intro p,.benefit-grid p,.risk-note p{line-height:1.75!important}
.letter-body,.letter-body p{line-height:1.7!important}
.owner-letter h3{line-height:1.5!important}
.reason-image img{filter:saturate(.72) brightness(.91)}
.hero .campaign-ribbon strong{white-space:nowrap}
.hero .campaign-ribbon-copy>span{line-height:1.45!important}
@media(max-width:600px){.hero-photo::after{background:linear-gradient(90deg,#151716 0%,#151716eb 32%,#15171666 100%)}}

/* 指定された短尺構成の機能差分だけを追加。v2のカード内の書体・サイズ・余白は維持。 */
.voice-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;align-items:stretch;scrollbar-width:none;-ms-overflow-style:none}
.voice-track::-webkit-scrollbar{display:none}
.voice-track::after{content:"";flex:0 0 var(--voice-tail,0px)}
.voice-dots{display:flex;justify-content:center;margin-top:16px}
.voice-dots button{display:grid;place-items:center;width:32px;height:40px;padding:0;border:0;background:transparent;cursor:pointer}
.voice-dots button::before{content:"";width:6px;height:6px;border-radius:50%;background:#ffffff40}
.voice-dots button[aria-current="true"]::before{background:var(--gold)}
.voice-track>.owner-letter{flex:0 0 46%;scroll-snap-align:start;grid-column:auto;margin-block:0;align-self:stretch}
.voice-track .wide-letter-content{display:block}
.consultation-flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin-block:28px;max-width:680px}
.consultation-flow li{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:82px;padding:16px 8px;border:1px solid #ffffff30;background:#ffffff04;text-align:center}
.consultation-flow li:not(:last-child)::after{content:"";position:absolute;right:-16px;top:calc(50% - 3px);width:6px;height:6px;border-top:1px solid #b9b9ae;border-right:1px solid #b9b9ae;transform:rotate(45deg)}
.consultation-flow .flow-label{color:var(--ink);font-size:14px;white-space:nowrap}
.consultation-flow small{color:var(--muted);font-size:11px;white-space:nowrap}
@media(max-width:600px){.consultation-flow{gap:14px}.consultation-flow li{min-height:78px;padding:14px 2px;gap:9px}.consultation-flow .flow-label{font-size:clamp(10px,3vw,12px);letter-spacing:0}.consultation-flow small{font-size:clamp(9px,2.6vw,10px);letter-spacing:0;line-height:1.4!important}.consultation-flow li:not(:last-child)::after{right:-10px;width:5px;height:5px}.hero .campaign-ribbon strong{font-size:clamp(14px,4.3vw,17px)}.hero .campaign-ribbon strong b{font-size:1.1em}.reason-grid{gap:32px}.reason-image{margin-bottom:16px}.reason h3{margin-bottom:12px}}
.investment-fold{border-block:1px solid var(--line);margin-top:28px}
.investment-fold>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding-block:20px;list-style:none;color:var(--ink)}
.investment-fold>summary::-webkit-details-marker{display:none}
.investment-fold[open]>summary>span{transform:rotate(45deg)}
.investment-fold>.investment>.container{width:100%}
@media(max-width:600px){.voice-track>.owner-letter{flex-basis:90%}.consultation-campaign .consultation-note{font-size:16px!important;margin-bottom:6px}.hero .data-band{width:calc(100% - 32px);padding:18px 0 20px;gap:6px}.hero .data-note{font-size:6px}}
