/* 固定ポスト用LP（見本 v2：1枚・費用・年商・感情に届く見た目）。Codexが本番用CSSへ移す */
.xlp-gold{background:var(--gold)!important;border-color:var(--gold)!important;color:var(--navy)!important;font-weight:700;font-size:17px!important;min-height:64px;padding:14px 36px!important;box-shadow:0 10px 26px #00000033;max-width:none!important}
.xlp-gold:hover{background:#ffd03f!important}
.xlp-hero{position:relative;overflow:hidden;padding:92px 0 170px;border-top:0;background:#002060;color:#fff}
.xlp-hero-photo{position:absolute;inset:0 0 0 42%;background:url(/assets/photos/hero.jpg) 60% 30%/cover no-repeat}
.xlp-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#002060 0%,#002060e0 16%,#00206066 52%,#0020601f 100%),linear-gradient(0deg,#00163fb3 0%,#00163f00 45%)}
.xlp-hero .wrap{position:relative;z-index:1}
.xlp-hero-text{max-width:640px}
.xlp-hero .eyebrow{color:var(--gold)}
.xlp-hero h1{color:#fff;font-size:clamp(30px,3.5vw,48px);line-height:1.55;margin:0 0 24px;text-shadow:0 2px 18px #00163f99}
.xlp-hero h1 span{display:inline-block}
.xlp-tag{font-family:var(--serif);font-size:clamp(19px,1.8vw,24px);line-height:1.8;color:var(--gold);margin:0 0 36px;padding-left:18px;border-left:3px solid var(--gold)}
.xlp-meta{font-size:14px;color:#e3e9f4;margin:14px 0 0}
.xlp-meta a{color:#fff}
.xlp-stats{position:relative;z-index:2;list-style:none;padding:0;margin:-96px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;box-shadow:0 22px 60px #00206030;border-top:4px solid var(--gold)}
.xlp-stats li{padding:28px 30px 26px;border-left:1px solid var(--line);display:grid;gap:4px}
.xlp-stats li:first-child{border-left:0}
.xlp-stats span{font-size:13px;font-weight:700;color:var(--blue);letter-spacing:.06em}
.xlp-stats b{font-family:var(--serif);font-size:46px;line-height:1.25;color:var(--navy);font-weight:600;white-space:nowrap}
.xlp-stats b em{font-style:normal;font-size:16px;font-weight:400;color:var(--muted);font-family:var(--sans);margin-right:4px}
.xlp-stats b small{font-size:22px;margin-left:2px}
.xlp-stats i{font-style:normal;font-size:12px;color:var(--muted)}
.xlp-three{border-top:0;padding-top:84px}
.xlp-goals{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.xlp-goals li{padding:30px 28px 28px;background:#fff;border:1px solid var(--line);border-bottom:4px solid var(--navy);font-size:16px;line-height:1.85;color:var(--ink);position:relative}
.xlp-goals svg{width:46px;height:46px;fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;display:block;margin-bottom:16px}
.xlp-goals b{display:block;font-family:var(--serif);font-size:24px;color:var(--navy);margin-bottom:8px}
.xlp-goals i{position:absolute;right:22px;top:18px;font:600 40px/1 var(--serif);color:#00206014;font-style:normal}
.xlp-supports{border-top:0}
.xlp-pillar{padding:46px 0 10px;border-top:1px solid var(--line)}
.xlp-pillar:first-of-type{border-top:0;padding-top:6px}
.xlp-pillar-h{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin-bottom:24px}
.xlp-pillar-h .num{font:600 64px/1 var(--serif);color:#00206018;-webkit-text-stroke:1px #00206055}
.xlp-pillar h3{font-family:var(--serif);font-size:30px;margin:0 0 4px;color:var(--navy)}
.xlp-pillar .desc{font-size:16px;line-height:1.8;margin:0}
.xlp-results{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;align-items:stretch}
.xlp-result{grid-column:span 3}
.xlp-pl{display:inline-block;font-size:11px;letter-spacing:.1em;background:var(--gold);color:var(--navy);font-weight:700;padding:3px 10px;margin:0 0 12px;align-self:flex-start}
.xlp-supports .eyebrow{margin-bottom:10px}
.xlp-result{background:#fff;border:1px solid var(--line);box-shadow:0 8px 26px #0020600f;display:flex;flex-direction:column}
.xlp-result.wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
.xlp-result .top{background:var(--navy);color:#fff;padding:24px 26px 22px}
.xlp-result .sym{font-size:15px;line-height:1.7;margin:0 0 4px;font-weight:600;color:#fff}
.xlp-result .who{font-size:12px;color:#c9d4e6;margin:0 0 16px}
.xlp-ba-l{font-size:12px;letter-spacing:.08em;color:var(--gold);font-weight:600;margin:0 0 4px}
.xlp-ba{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-family:var(--serif);margin:0}
.xlp-ba s{text-decoration:none;font-size:20px;color:#c9d4e6}
.xlp-ba i{font-style:normal;color:var(--gold);font-size:20px}
.xlp-ba b{font-size:38px;line-height:1.25;color:#fff;border-bottom:4px solid var(--gold)}
.xlp-result.wide .top{display:flex;flex-direction:column;justify-content:center;padding:34px 34px}
.xlp-result.wide .xlp-ba b{font-size:54px}
.xlp-result.wide .xlp-ba s{font-size:26px}
.xlp-result.wide .body{justify-content:center;padding:30px 34px}
.xlp-result.wide .body p{font-size:17px}
.xlp-bars{display:grid;gap:6px;margin-top:18px}
.xlp-bars span{display:block;height:14px;width:var(--w);position:relative;transition:width 1.1s cubic-bezier(.2,.7,.2,1) .25s}
.xlp-bars .bf{background:#ffffff40}
.xlp-bars .af{background:var(--gold)}
.xlp-bars i{position:absolute;left:calc(100% + 8px);top:-3px;font-style:normal;font-size:11px;color:#c9d4e6;white-space:nowrap}
.xlp-bars .af i{color:var(--gold);font-weight:700}
.xlp-bars{padding-right:28px}
.xlp-js .rv{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.xlp-js .rv.in{opacity:1;transform:none}
.xlp-js .rv:not(.in) .xlp-bars span{width:0}
.xlp-result{transition:box-shadow .25s,transform .25s}
.xlp-result:hover{box-shadow:0 18px 44px #0020601f}
.xlp-learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;text-align:left;margin:0 0 34px}
.xlp-learn-photo{margin:0;position:relative}
.xlp-learn-photo img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block;box-shadow:16px 16px 0 var(--gold)}
.xlp-result .body{padding:22px 26px 24px;display:flex;flex-direction:column;flex:1}
.xlp-result .body p{font-size:15px;line-height:1.85;margin:0 0 6px}
.xlp-quote{margin:12px 0 4px;padding:14px 18px 12px;background:var(--soft);border-left:3px solid var(--gold)}
.xlp-quote p{font-family:var(--serif);font-size:18px!important;line-height:1.6!important;color:var(--navy);margin:0!important;font-weight:600}
.xlp-quote cite{font-style:normal;font-size:12px;color:var(--muted)}
.xlp-did-h{font-size:12px!important;letter-spacing:.1em;color:var(--blue);font-weight:700;margin:14px 0 0!important}
.xlp-did{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:4px;font-size:14px;line-height:1.8}
.xlp-did li{padding-left:16px;position:relative}
.xlp-did li:before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;background:var(--blue)}
.xlp-note{font-size:13px;color:var(--muted);margin:30px 0 0}
.xlp-target{background:var(--navy);color:#fff;padding:24px 30px;margin:0 0 26px;display:grid;gap:4px;border-left:6px solid var(--gold)}
.xlp-target span{font-size:13px;color:var(--gold);letter-spacing:.1em;font-weight:700}
.xlp-target b{font-family:var(--serif);font-size:clamp(22px,2.4vw,31px);line-height:1.6;color:#fff}
.xlp-fees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 26px}
.xlp-fee{background:#fff;border:1px solid var(--line);border-top:4px solid var(--navy);padding:26px 26px 22px;box-shadow:0 8px 26px #0020600f}
.xlp-fee .lab{font-size:13px;letter-spacing:.1em;color:var(--blue);font-weight:700;margin:0 0 6px}
.xlp-fee .price{font-family:var(--serif);font-size:34px;line-height:1.4;color:var(--navy);font-weight:600;margin:0}
.xlp-fee .price small{font-size:13px;font-family:var(--sans);font-weight:400;color:var(--muted);margin-left:6px}
.xlp-fee .tag{display:inline-block;font-size:13px;background:#FFC00044;color:var(--navy);padding:2px 10px;margin:8px 0 10px;font-weight:600}
.xlp-fee p.txt{font-size:15px;line-height:1.8;margin:0}
.xlp-incl{background:var(--soft);border:0;padding:24px 28px;margin:0 0 20px}
.xlp-incl h3{font-size:17px;margin:0 0 10px;color:var(--navy)}
.xlp-incl ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 28px;font-size:15px}
.xlp-incl li:before{content:"✓ ";color:var(--blue);font-weight:700}
.xlp-feenote{font-size:16px;color:var(--navy);font-weight:700;margin:0 0 8px}
.xlp-when{background:linear-gradient(180deg,#002060,#00163f);color:#fff;border-top:0;text-align:center}
.xlp-when h2{color:#fff;margin-bottom:34px}
.xlp-voice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0 auto;max-width:940px;text-align:left}
.xlp-voice li{font-family:var(--serif);font-size:18px;line-height:1.7;padding:22px 24px 22px 58px;background:#ffffff0f;border:1px solid #ffffff2e;position:relative}
.xlp-voice li:before{content:"「";position:absolute;left:18px;top:10px;font-size:38px;color:var(--gold);line-height:1.2}
.xlp-down{display:block;margin:34px auto 0;width:2px;height:54px;background:linear-gradient(var(--gold),transparent)}
.xlp-learnsec{text-align:center;border-top:0}
.xlp-learnsec .eyebrow{justify-content:center}
.xlp-learn{list-style:none;counter-reset:l;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:16px;text-align:left}
.xlp-learn li{counter-increment:l;background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);padding:24px 26px;display:flex;align-items:center;gap:18px;font-family:var(--serif);font-size:21px;font-weight:600;color:var(--navy);line-height:1.7;box-shadow:0 8px 26px #0020600f}
.xlp-learn li:before{content:"0" counter(l);font:600 30px/1 var(--serif);color:var(--blue);flex:none}
.xlp-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;font-size:15px;margin:0 0 28px;padding:0;list-style:none}
.xlp-facts li:before{content:"✓ ";color:var(--blue);font-weight:700}
.xlp-learnsec .xlp-gold{box-shadow:0 10px 26px #00206026}
.xlp-cfo{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:center}
.xlp-cfo img{width:240px;height:290px;object-fit:cover;object-position:50% 20%;box-shadow:14px 14px 0 var(--gold)}
.xlp-cfo .name{font:30px var(--serif);color:var(--navy);margin:0 0 6px}
.xlp-cfo .say{font-family:var(--serif);font-size:21px;line-height:1.8;color:var(--navy);margin:14px 0 10px}
.xlp-close{background:linear-gradient(180deg,#002060b8,#00163fc7),url(/assets/city.jpg) center 62%/cover no-repeat;padding:120px 0;color:#fff;text-align:center;border-top:0}
.xlp-close h2{color:#fff;font-size:clamp(30px,3.4vw,46px)}
.xlp-close .eyebrow{color:var(--gold);justify-content:center}
.xlp-close p{color:#d5deee}
.xlp-sticky{display:none}
.xlp-foot{padding:22px 0;font-size:12px;color:var(--muted);text-align:center}
.xlp-foot a{color:var(--muted);margin-left:14px}
@media (max-width:1100px){.xlp-results{grid-template-columns:1fr 1fr}.xlp-result,.xlp-result.half{grid-column:auto}}
@media (max-width:700px){.xlp-results{grid-template-columns:1fr}}
@media (max-width:800px){
 .wrap{width:calc(100% - 32px)}
 .section{padding:56px 0}
 .xlp-hero{padding:44px 0 120px}
 .xlp-hero-photo{inset:0;background-position:62% 20%}
 .xlp-hero-photo:after{background:linear-gradient(180deg,#002060cc 0%,#002060ee 45%,#00163ff5 100%)}
 .xlp-hero h1{font-size:25px}
 .xlp-tag{font-size:17px;margin-bottom:26px}
 .xlp-hero .xlp-gold{width:100%}
 .xlp-stats{grid-template-columns:1fr;margin-top:-84px}
 .xlp-stats li{border-left:0;border-top:1px solid var(--line);padding:18px 20px 16px}
 .xlp-stats li:first-child{border-top:0}
 .xlp-stats b{font-size:36px}
 .xlp-stats b small{font-size:18px}
 .xlp-three{padding-top:56px}
 .xlp-goals{grid-template-columns:1fr;gap:14px}
 .xlp-goals li{padding:22px 20px 20px}
 .xlp-goals b{font-size:21px}
 .xlp-learn-grid{grid-template-columns:1fr;gap:26px}
 .xlp-learn-photo img{min-height:0;height:200px;box-shadow:10px 10px 0 var(--gold)}
 .xlp-learn-photo{margin-right:10px}
 .xlp-close{padding:72px 0}
 .xlp-pillar-h .num{font-size:46px}
 .xlp-pillar h3{font-size:24px}
 .xlp-ba b,.xlp-result.wide .xlp-ba b{font-size:32px}
 .xlp-result.wide .xlp-ba s{font-size:20px}
 .xlp-result.wide .top,.xlp-result.wide .body{padding:20px}
 .xlp-result.wide .body p{font-size:15px}
 .xlp-result .top{padding:20px 20px 18px}
 .xlp-result .body{padding:18px 20px 20px}
 .xlp-fees{grid-template-columns:1fr;gap:14px}
 .xlp-fee .price{font-size:28px}
 .xlp-incl ul{grid-template-columns:1fr}
 .xlp-target{padding:18px 20px}
 .xlp-voice{grid-template-columns:1fr;gap:12px}
 .xlp-voice li{font-size:17px;padding:16px 16px 16px 48px}
 .xlp-voice li:before{left:12px;top:6px;font-size:32px}
 .xlp-learn{grid-template-columns:1fr;gap:14px}
 .xlp-learn li{font-size:19px;padding:22px 20px}
 .xlp-learnsec .xlp-gold,.xlp-close .xlp-gold{width:100%}
 .xlp-cfo{grid-template-columns:1fr;gap:26px}
 .xlp-cfo img{width:170px;height:205px;box-shadow:10px 10px 0 var(--gold)}
 .xlp-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--line);padding:10px 16px;gap:12px;align-items:center;box-shadow:0 -4px 14px #00206014}
 .xlp-sticky .button{flex:1;min-height:50px;padding:10px!important;gap:0;font-size:15px!important;box-shadow:none}
 .xlp-sticky small{font-size:11px;color:var(--muted);line-height:1.5;white-space:nowrap}
 body{padding-bottom:76px}
}

/* Reserve the fixed mobile action including the device safe area. */
@media (max-width:800px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom, 0px))}
 .xlp-sticky{padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px))}
}
