*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:#edf4ff;color:#152b48;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ff8e32;outline-offset:3px}img{display:block;width:100%;height:auto}button{color:inherit}.review{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.98);border-bottom:1px solid #d6e4f9;padding:10px 16px}.review-inner{max-width:1000px;margin:auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand{font-size:13px;font-weight:700;line-height:1.5}.brand small{font-weight:400;font-size:10px;color:#62758c;display:block}.tabs{display:flex;flex:1;gap:6px}.tabs button{flex:1;min-height:42px;background:#edf4ff;border:1px solid #c9dbf8;border-radius:7px;font-size:13px;font-weight:700;padding:7px}.tabs button[aria-selected=true]{background:#0755ed;color:white;border-color:#0755ed}.tools{display:flex;gap:6px}.tools button{border:1px solid #c9dbf8;background:white;border-radius:7px;padding:8px;font-size:12px;min-height:40px}.jump{max-width:760px;margin:0 auto;padding:8px 12px;background:#f4f8ff;display:flex;gap:15px;overflow-x:auto;white-space:nowrap}.jump button{font-size:12px;border:0;padding:7px 0;background:transparent;color:#1748a3}.stage{width:min(100%,760px);margin:auto;background:white;box-shadow:0 14px 70px #163c611c;transition:width .2s ease;padding-bottom:20px}.stage.mobile{width:min(100%,390px)}[hidden]{display:none!important}.art{position:relative}.art>.hit{position:absolute;left:3%;width:94%;border:0;border-radius:999px;background:transparent}.hit:hover{box-shadow:0 0 0 3px #00bfff80}.zoom{display:block;border:0;padding:0;margin:0;background:white;width:100%;overflow:hidden}.zoom img{transition:filter .15s}.zoom:hover img{filter:brightness(1.035)}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 16px 28px;background:white}.results-grid .zoom{border-radius:8px;box-shadow:0 3px 14px #1748a320}.examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px 18px 30px;background:#f3f8ff}.examples-grid .zoom{border:1px solid #c9dcff;border-radius:8px;align-self:start}.original-wide{padding:16px 20px 28px;background:#f3f8ff}.original-wide .zoom{border-radius:8px;border:1px solid #c9dcff}section{scroll-margin-top:110px}.sticky{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,0);width:min(100%,760px);z-index:30;display:flex;justify-content:center;pointer-events:none;transition:opacity .2s,transform .2s;background:transparent}.sticky.mobile{width:min(100%,390px)}.sticky.off{opacity:0;pointer-events:none;transform:translate(-50%,30px)}body{padding-bottom:100px}dialog{border:0;border-radius:14px;padding:16px;max-width:min(95vw,1100px);max-height:94vh;box-shadow:0 20px 100px #0007;background:white}dialog::backdrop{background:#04172bd9}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;font-size:13px}.dialog-head button,.dialog-action{border:1px solid #c9dbf8;background:#f1f6ff;border-radius:7px;padding:9px 16px;font-size:13px;min-height:42px}.image-dialog{width:min(95vw,1100px)}.image-dialog img{width:100%;height:auto}.notes{width:min(92vw,570px);line-height:1.8;font-size:14px}.notes h2{font-size:19px;margin:0}.notes p{margin:14px 0}.notes a{color:#0755ed}.review-status{font-size:11px;color:#6b7e97}.no-script{padding:20px;text-align:center;font-size:13px}@media(max-width:600px){.review{padding:8px 10px}.review-inner{gap:7px}.brand{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:12px}.brand small{display:inline;font-size:10px}.tabs{min-width:200px}.tabs button{font-size:12px}.tools button{font-size:11px;padding:5px 8px}.tools #width-toggle{display:none}.jump{gap:18px}.results-grid{gap:6px;padding:8px 8px 18px}.examples-grid{gap:9px;padding:16px 10px}.original-wide{padding:12px 10px 20px}.stage{box-shadow:none}body{padding-bottom:70px}section{scroll-margin-top:135px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.review,.jump,.sticky,dialog{display:none!important}body{background:white;padding:0}.stage{width:100%;box-shadow:none}section{break-inside:avoid}.zoom{break-inside:avoid}}
/* 今回の修正 */
.review-inner{max-width:1040px;gap:10px}.brand small{font-size:11px}.tools{flex-wrap:wrap}.tools button{min-height:44px}.tabs button{min-height:44px}.jump button{min-height:44px}.stage{container-type:inline-size}.stage.mobile{container-type:inline-size}.crop-closing{aspect-ratio:1024/1342;overflow:hidden}.crop-enrollment-hero{aspect-ratio:1024/1368;overflow:hidden}.crop-closing>img,.crop-enrollment-hero>img{position:absolute;top:0;left:0;width:100%;height:auto}.sticky{container-type:inline-size;pointer-events:none;background:transparent}
.example-body,.video-section{background:#f3f8ff;padding:22px 22px 38px}.example-body>.zoom{border:1px solid #c3d8fb;border-radius:10px;margin:0 0 18px}.video-frame{overflow:hidden;border-radius:12px;background:#091526;box-shadow:0 8px 28px #1d3d6720}.video-frame video{width:100%;display:block;height:auto;max-width:100%;background:#091526;object-fit:contain}.video-frame.wide{aspect-ratio:16/9}.video-frame.wide video{height:100%}.video-frame.vertical{aspect-ratio:9/16;min-width:0}.video-frame.vertical video{height:100%}.ads-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.phone-row{display:flex;gap:18px;overflow-x:auto;padding:12px 4px 22px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.phone{flex:1 0 calc((100% - 36px)/3);min-width:190px;border:7px solid #152944;border-radius:26px;background:#152944;padding-top:9px;box-shadow:0 8px 20px #17335c30;scroll-snap-align:center;overflow:hidden}.phone-screen{height:440px;overflow:auto;border-radius:16px;background:#fff;overscroll-behavior:contain;scrollbar-width:thin}.phone-screen>img{max-width:100%;width:100%}.comparison-scroll{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain;scrollbar-color:#1760da #eaf2ff}.comparison-scroll>.zoom{width:max(100%,920px)}.results-grid>.zoom:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 10px)/2);justify-self:center}
@container(max-width:500px){.example-body,.video-section{padding:12px 10px 24px}.ads-row{display:flex;overflow:auto;gap:12px;scroll-snap-type:x proximity;padding:0 10px 12px}.ads-row .video-frame{flex:0 0 78%;scroll-snap-align:center}.phone{min-width:250px}.phone-screen{height:490px}.comparison-scroll>.zoom{width:920px}}
@media(max-width:600px){.review-inner{gap:6px}.tools{gap:4px}.tools button{padding:5px 8px;font-size:11px}.tools #motion-toggle{font-size:10px}.tabs{min-width:100%}.brand{font-size:12px}.brand small{font-size:10px}.jump{gap:15px}.review{padding:7px 10px}section{scroll-margin-top:170px}html{scroll-padding-top:170px}}

.image-dialog .dialog-head{position:sticky;top:0;background:white;z-index:2}.image-viewport{overflow:auto;max-height:80vh;overscroll-behavior:contain}.image-viewport img{width:100%;max-width:none}.image-viewport.original-size img{width:auto;max-width:none}


/* 今回指定の黒黄CTA。透過原画を保持。 */
.cta-block{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 16px 28px;max-width:732px;width:100%;margin:0 auto;background:transparent}
.consult-cta{position:relative;display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;appearance:none;line-height:0}
.consult-cta>img{position:absolute;max-width:none;height:auto;pointer-events:none;user-select:none}
.consult-cta:hover{filter:brightness(1.045)}
.consult-cta:focus-visible{outline:3px solid #0755ed;outline-offset:3px;border-radius:9px}
.sticky .cta-block{padding:0 16px;pointer-events:none;background:transparent}
.sticky .consult-cta{pointer-events:auto}
.sticky.off .consult-cta{pointer-events:none}
body{padding-bottom:220px}
#main-problem>.art+ .art{margin-top:0}
[data-main-section="pricing"],[data-main-section="standard"],[data-main-section="premium"],[data-main-section="platinum"],[data-main-section="advisor"]{padding-top:0}
.bloom-preview{aspect-ratio:16/9}.bloom-preview>img{height:100%;object-fit:cover;object-position:top}
.source-preview{max-height:760px;overflow:hidden}
.source-preview img{object-position:top}
.podcast-player{padding:24px;background:#fff;border:1px solid #c3d8fb;border-radius:12px}
.podcast-player p{font-size:17px;line-height:1.6;margin:18px 0}
.podcast-player>.zoom{border-radius:8px}
.podcast-player audio{width:100%}
.slide-window{overflow:hidden;border-radius:12px;background:white}
.slide-track{display:flex;transition:transform .55s ease}
.slide-item{min-width:100%;flex:0 0 100%}
.slide-controls{display:flex;gap:10px;align-items:center;justify-content:center;padding-top:14px}
.slide-controls button{min-width:44px;min-height:44px;border:1px solid #b7d1f9;background:white;border-radius:9px;color:#0755ed}
.slide-dots{display:flex;gap:0}
.slide-dots button{min-width:30px;width:30px;padding:0;border:0;background:transparent;position:relative}
.slide-dots button:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#b4c9eb;margin:auto}
.slide-dots button[aria-current=true]:after{background:#0755ed;width:11px;height:11px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@container(max-width:500px){
 .cta-block{grid-template-columns:1fr;gap:7px;padding:14px 12px 22px}
 .sticky .cta-block{padding:0 12px}
 .slide-controls{gap:5px}.slide-dots button{width:27px;min-width:27px}
 .source-preview{max-height:520px}
 .podcast-player{padding:18px}.podcast-player p{font-size:15px}
}
@media print{body{padding-bottom:0}.slide-controls{display:none}}

/* 表紙が音声の再生ボタン。画像本体は無加工。 */
.podcast-cover{position:relative;display:block;width:100%;padding:0;border:0;border-radius:10px;background:#10213a;overflow:hidden}
.podcast-cover img{width:100%;height:auto}
.podcast-cover-action{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:10px;align-items:center;justify-content:center;padding:13px 20px;border:1px solid #ffffff90;border-radius:999px;color:#fff;background:#061e43e6;font-size:16px;font-weight:700;white-space:nowrap}
.podcast-cover:hover .podcast-cover-action{background:#0755edf5}
.podcast-cover.is-playing .podcast-cover-action{background:#0755edf5}
.podcast-cover [data-play-icon]{font-size:21px;line-height:1}
.podcast-cover:focus-visible{outline:3px solid #0755ed;outline-offset:4px}
.audio-feedback{font-size:13px;color:#a6311a}
.curriculum-depth{margin-top:0}
.curriculum-tour video{width:100%;height:100%;object-fit:contain}
@container(max-width:500px){.podcast-cover-action{padding:11px 16px;font-size:14px}}

/* 料金の原画を全幅で表示。比較表にも強制的な横スクロールを付けない。 */
.plan-comparison{padding-top:0}
[data-main-section="environment"]>[data-lp-section="meetup-intro"]{margin-top:0}
[data-main-section="platinum"]>.art:first-child{margin-bottom:0}
.atami-video{padding-top:0}
body{padding-bottom:330px}
@media print{body{padding-bottom:0}}

.consult-cta{aspect-ratio:2.58579088;}
.consult-15>img{width:100.67392431%;left:-0.36288232%;top:-3.88739946%;}
.consult-30>img{width:100.15455951%;left:-0.10303967%;top:-3.42102755%;}

/* 01: 元録画の画角を保った、デスクトップPCの実例表示。 */
.desktop-showcase{padding:38px 25px 40px;background:radial-gradient(ellipse at 50% 55%,#dbeaff 0%,#f4f8ff 65%,#fff 100%)}
.desktop-monitor{width:100%;max-width:710px;margin:auto;filter:drop-shadow(0 18px 17px #10264b22)}
.monitor-bezel{position:relative;padding:10px 10px 0;background:linear-gradient(145deg,#414750,#141820 45%,#090e17);border:1px solid #4d5663;border-radius:16px 16px 12px 12px;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff60}
.monitor-screen{width:100%;overflow:hidden;border-radius:6px 6px 2px 2px;background:#fff;border:1px solid #000}
.monitor-screen video{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.monitor-chin{height:25px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#c2c7ce,#eef0f2 45%,#b9bec5);margin:8px -10px 0;border-top:1px solid #5b6572}
.monitor-light{width:5px;height:5px;border-radius:50%;background:#313a49;box-shadow:0 1px 0 #fff}
.monitor-neck{height:46px;width:19%;margin:auto;background:linear-gradient(90deg,#b4bcc8,#e2e7ed 48%,#a3aebd);clip-path:polygon(22% 0,78% 0,88% 100%,12% 100%)}
.monitor-foot{height:13px;width:36%;margin:-1px auto 0;border-radius:50% 50% 4px 4px;background:linear-gradient(#eff2f7,#a0aaba);box-shadow:0 8px 12px #142b4a24}
@container(max-width:500px){.desktop-showcase{padding:25px 13px 32px}.monitor-bezel{padding:6px 6px 0;border-radius:10px}.monitor-chin{height:17px;margin:5px -6px 0}.monitor-neck{height:31px}.monitor-foot{height:9px}}

.stage.comparing{width:min(100%,1100px)}
.stage.comparing.mobile{width:min(100%,390px)}
.plan-variants{padding:32px 28px 50px;background:#f6f9ff}
.variant-intro{max-width:780px;margin:auto auto 24px}.variant-eyebrow{font-size:13px;color:#0755ed;font-weight:700;letter-spacing:.1em;margin:0 0 8px}
.variant-intro h1{font-size:30px;color:#10223f;margin:0 0 12px;line-height:1.3}
.variant-intro p{font-size:14px;line-height:1.8}.variant-current{color:#62758c}
.variant-plan-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 35px}.variant-plan-nav a{display:block;padding:10px 18px;border:1px solid #bfd3f2;color:#1547a0;background:white;border-radius:8px;text-decoration:none;font-size:14px;min-height:44px}
.variant-group{margin:0 0 42px}.variant-group-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 15px}.variant-group h2{font-size:27px;color:#0755ed;margin:0}
.variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.variant-card{background:white;border:1px solid #ccdffb;border-radius:14px;padding:12px;overflow:hidden;box-shadow:0 8px 25px #133a6410}
.variant-card-label{display:flex;align-items:center;gap:8px;padding:0 2px 12px}.variant-card-label>span{background:#0755ed;color:white;border-radius:6px;font-size:14px;font-weight:700;padding:5px 9px;white-space:nowrap}.variant-card-label h3{font-size:14px;color:#1b365b;margin:0;line-height:1.45}
.variant-card .zoom{border-radius:7px;border:1px solid #e5edf9}.preview-plan,.restore-plan,.plan-review-controls button{min-height:44px;border-radius:7px;padding:9px 15px;font-size:13px;font-weight:700;line-height:1.5}
.preview-plan{display:block;width:100%;margin-top:12px;background:#0755ed;color:#fff;border:0}.restore-plan,.plan-review-controls button{background:white;border:1px solid #bdd2f1;color:#1547a0}
.plan-review-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:#eff5ff;font-size:13px;color:#194480}
.plan-review-controls>span{font-weight:700}
@container(max-width:600px){.plan-variants{padding:24px 12px 34px}.variant-grid{grid-template-columns:1fr;gap:20px}.variant-intro h1{font-size:25px}.variant-plan-nav{gap:6px}.variant-plan-nav a{padding:9px 12px;font-size:12px}.variant-group h2{font-size:25px}.variant-group-heading{gap:8px}.restore-plan{font-size:12px;padding:8px 10px}}
@media print{.plan-review-controls{display:none}}

/* 実績一覧と次の画像の間にも、空白の帯を挟まない。 */
#main .results-grid,#enrollment .results-grid{padding-bottom:0}

/* 公開ページでは制作ツールを表示しない。LP本体とCTAの寸法は維持。 */
html{scroll-padding-top:16px}section{scroll-margin-top:16px}.site-footer{padding:30px 20px;text-align:center;background:#f3f8ff;font-size:12px;line-height:1.9;color:#53667b}.site-footer a{color:#254e8a;margin:0 8px;display:inline-block}.site-footer button{min-height:44px;padding:8px 18px;border:1px solid #c3d8fb;border-radius:8px;background:white;margin:0 0 16px}.media-error{padding:12px;color:#9b2424;background:white;font-size:13px}.media-error button{margin:6px;min-height:44px}.consult-cta{cursor:pointer;text-decoration:none}