@charset "UTF-8";
/* SHAKOU / AI-DRIVEN B2B MARKETING — design edition
   Official site blues: #365DB5 and #1A69C6. No framework or build required. */
:root{--ink:#152c48;--muted:#5d6f84;--blue:#365db5;--bright:#1a69c6;--navy:#0b2446;--line:#d7e2ee;--wash:#f3f7fc;--paper:#fff;--max:1160px;--section:104px;--radius:6px;--font:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",Meiryo,sans-serif;--latin:Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.9 var(--font);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a,button,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;line-height:1.5;letter-spacing:.02em}h2{font-size:34px;line-height:1.6;letter-spacing:.04em}h3{font-size:20px;line-height:1.65}p,h2,h3{overflow-wrap:anywhere}ul,ol{margin:0;padding:0;list-style:none}figure{margin:0}svg{display:block}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1a69c6;outline-offset:5px}.button:focus-visible{outline-color:#73bbff}.container{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.section{padding-block:var(--section)}.section-tint{background:linear-gradient(135deg,#f4f7fb,#f8fbff 65%,#eef5ff)}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--blue);font:600 11px/1.4 var(--latin);letter-spacing:.16em;margin-bottom:22px}.eyebrow:before{content:"";width:26px;height:1px;background:currentColor}.micro{font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.05em}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:48px}.section-lead{color:var(--muted);font-size:14px;line-height:2;max-width:420px}.section-footnote{color:var(--muted);font-size:11px;line-height:1.9;margin-top:22px}.button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px;padding:16px 27px;border:1px solid #4878cf;border-radius:var(--radius);background:linear-gradient(115deg,#153b88 0%,#365db5 55%,#1a78ca 100%);box-shadow:inset 0 1px 0 #ffffff45,0 8px 20px #1d4b9c20;color:#fff;font-size:14px;font-weight:700;line-height:1.6;transition:box-shadow .2s,transform .2s,filter .2s}.button>span:last-child{font:22px/1 var(--latin);font-weight:400}.button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff65,0 12px 26px #1d4b9c35;filter:brightness(1.08)}.button-small{min-height:44px;padding:11px 18px;font-size:12px;gap:24px}.button-light{color:#164881;background:linear-gradient(115deg,#fff,#e4f0ff);border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 10px 24px #061c3b25}.tag{display:inline-block;border:1px solid #b8cbe7;border-radius:3px;padding:4px 10px;font-size:10px;font-weight:600;line-height:1.7}.tag-dark{background:var(--blue);color:#fff;border-color:var(--blue)}.text-link{display:inline-flex;align-items:center;gap:32px;padding-bottom:8px;border-bottom:1px solid #a1b8db;font-size:13px;font-weight:600;color:var(--blue)}.text-link:hover{border-color:transparent}.skip-link{position:fixed;top:-100px;left:16px;z-index:200;background:#fff;padding:12px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Header */
.site-header{position:sticky;top:0;z-index:50;background:#ffffffed;border-bottom:1px solid #dce6f0;backdrop-filter:blur(18px)}.header-inner{width:min(1280px,calc(100% - 80px));height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:20px}.brand img{width:132px;height:auto}.brand>span{padding-left:20px;border-left:1px solid var(--line);font:10px var(--latin);letter-spacing:.16em;color:#6380a7}.site-header nav{display:flex;gap:25px;margin-left:auto;font-size:12px;font-weight:600}.site-header nav a{padding:12px 0}.site-header nav a:hover{color:var(--blue)}
/* First view: approved large right-hand visual, 42.5 / 57.5 columns. */
.hero{position:relative;isolation:isolate;overflow:hidden;padding-top:24px;background:radial-gradient(ellipse at 83% 30%,#e5f0fe80,transparent 56%),linear-gradient(112deg,#fff 20%,#f4f8fd 76%,#edf4fd)}.hero-orbit{position:absolute;z-index:-1;pointer-events:none;right:-10%;top:-30%;width:980px;height:980px;border:1px solid #cadcf44f;border-radius:50%;transform:rotate(-25deg)}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;inset:50px;border:1px solid #c7d9ee50;border-radius:50%}.hero-orbit:after{inset:110px}.hero-grid,.hero-bottom{width:min(1280px,calc(100% - 80px))}.hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:center}.hero-copy{min-width:0;position:relative;z-index:1}.hero-tags{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.hero-audience{font-size:10px;font-weight:600;color:#5c7391}.hero h1{font-size:clamp(35px,3.75vw,54px);line-height:1.36;letter-spacing:-.035em;color:#1a4b98}.hero h1>span{display:block;white-space:nowrap}.hero h1>span:first-child{font-size:1.11em;background:linear-gradient(110deg,#183d7d 15%,#365db5 68%,#1880c5);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1>span:last-child{font-size:.92em;letter-spacing:-.04em}.hero-subtitle{font-size:24px;line-height:1.5;font-weight:700;letter-spacing:.05em;margin-top:19px}.hero-description{font-size:14px;line-height:1.85;color:#62738a;margin-top:13px}.hero-date{display:flex;align-items:center;gap:13px;margin:20px 0 12px}.date-label{display:flex;flex-direction:column;font:11px/1.6 var(--latin);letter-spacing:.06em;color:#48648b}.date-label>span:first-child{font-size:8px;font-weight:700;color:var(--blue);letter-spacing:.14em}.date-main{font:500 48px/1 var(--latin);letter-spacing:-.045em;color:#183d7d;white-space:nowrap}.date-day{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:26px;height:26px;margin-left:9px;border:1px solid #9ab7d9;border-radius:50%;font:11px var(--font);color:#315680}.date-time{border-left:1px solid #b8cce1;padding-left:16px;font:22px/1.2 var(--latin);white-space:nowrap}.date-time>small{display:block;margin-top:6px;font:10px/1.5 var(--font);color:#61768e}.hero-archive{display:flex;align-items:center;gap:12px;margin:0 0 17px;font-size:11px;line-height:1.6}.hero-archive>span:first-child{font:600 8px/1.4 var(--latin);letter-spacing:.08em;color:var(--blue);border:1px solid #b5c9e3;padding:4px 6px;border-radius:2px}.hero-archive small{font-size:10px;margin-left:10px;color:#687b94}.hero-cta{width:min(420px,100%);min-height:54px;padding-block:14px}.hero-art{position:relative;min-width:0;align-self:center}.art-topline{margin-bottom:10px;display:flex;justify-content:space-between;padding:0 12px;color:#6887b2;font:8px/1.4 var(--latin);letter-spacing:.15em}.hero-banner{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border:1px solid #d7e2ee;border-radius:4px;box-shadow:none}.art-caption{display:flex;align-items:center;gap:14px;margin:18px 0 22px 26px;position:relative}.art-caption-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid #99b5d4;border-radius:50%;color:#365db5;font:23px var(--latin)}.art-caption p{font-size:15px;font-weight:600;letter-spacing:.07em}.art-caption small{display:block;font-size:10px;font-weight:400;color:#6983a5;letter-spacing:.04em;margin-top:2px}.hero-layers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d7e4f0;background:linear-gradient(110deg,#ffffffa8,#e9f2ff8c);box-shadow:inset 0 1px 0 #fff,0 10px 30px #194b8c08;border-radius:4px}.hero-layers li{padding:13px 12px;font-size:11px;font-weight:600;white-space:nowrap}.hero-layers li+li{border-left:1px solid #ccdbeb}.hero-layers li>span{font:9px var(--latin);display:block;color:#7396c2;margin-bottom:5px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-block:24px 18px;margin-top:12px;border-top:1px solid #d7e3f0;color:#6d89aa}.hero-bottom>span{font:8px/1.5 var(--latin);letter-spacing:.12em}.hero-bottom>span:first-child span{font-size:17px;margin-left:14px}.hero-bottom i{font-style:normal;margin:0 12px;opacity:.55}
/* Audience and problem */
.audience-summary{display:flex;align-items:baseline;gap:16px;font-size:14px;color:var(--muted);margin:-14px 0 27px}.audience-summary>span{flex-shrink:0;border:1px solid #bbccdf;padding:1px 10px;color:var(--blue);font-size:10px}.challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #bdcee0}.challenge{padding:30px 32px 32px 0}.challenge+.challenge{padding-left:32px;border-left:1px solid #d0ddea}.item-number{display:block;font:12px var(--latin);letter-spacing:.05em;color:#5485ba;margin-bottom:18px}.challenge h3{font-size:22px;margin-bottom:14px}.challenge p{font-size:15px;color:var(--muted);line-height:1.9}.insight{position:relative;text-align:center;margin-top:48px;padding:28px 20px;background:linear-gradient(110deg,#e4edf980,#fff9,#e5effb80);border-block:1px solid #dce7f3}.insight-label{font-size:12px;color:#5275a0;display:inline-block;margin-bottom:14px}.insight p{font-size:23px;line-height:1.9;letter-spacing:.04em}.insight strong{color:var(--blue)}
/* Takeaways */
.takeaway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.takeaway{position:relative;border-top:2px solid #365db5;padding:24px 0 0}.takeaway:before{content:"";position:absolute;top:-2px;left:0;width:60px;height:2px;background:#75bee3}.takeaway-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.takeaway-top>span{font:42px/1 var(--latin);letter-spacing:-.04em;color:#bdd0e5}.takeaway svg{width:52px;height:52px;fill:none;stroke:#365db5;stroke-width:1.5}.takeaway h3{font-size:23px;line-height:1.6;margin-bottom:17px}.takeaway p{font-size:15px;color:var(--muted);line-height:2}.takeaway-foot{display:block;margin-top:24px;padding:10px 0;border-top:1px solid var(--line);font-size:11px;font-weight:600;color:#41689e}.takeaway-foot:before{content:"↳";margin-right:10px}
/* Dark blue chapter */
.demo-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 5% 0%,#2857a2,transparent 65%),linear-gradient(120deg,#102d55,#0b2345 65%,#163c6d);color:#fff;padding:82px 0}.demo-section:before{content:"";position:absolute;z-index:-1;right:-160px;top:-270px;width:880px;height:880px;border:1px solid #8bb9ee26;border-radius:50%;box-shadow:0 0 0 60px #8bb9ee06,0 0 0 120px #8bb9ee05,0 0 0 180px #8bb9ee04;transform:scaleX(.68) rotate(45deg)}.demo-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:75px;align-items:center}.demo-section .eyebrow{color:#8bbce8}.outline-tag{display:inline-block;border:1px solid #8cb6df66;border-radius:3px;padding:4px 11px;font-size:10px;margin-bottom:18px;background:#ffffff08}.demo-section h2{font-size:31px}.demo-section h2+p{font-size:15px;line-height:2.1;color:#c6d8ed;margin-top:20px}.demo-note{font-size:10px;color:#a1bad6;margin-top:18px}.demo-flow{border-top:1px solid #7797bd55}.demo-flow li{display:flex;align-items:center;gap:16px;padding:24px 0;border-bottom:1px solid #7797bd55}.flow-index{font:11px var(--latin);color:#7da5d2;align-self:flex-start;margin-top:7px}.demo-flow li>div{min-width:0}.demo-flow h3{font-size:15px;font-weight:600}.demo-flow p{font-size:10px;color:#a9c2df;margin-top:6px}.role-tag{font-size:9px;white-space:nowrap;border:1px solid #7da3d175;border-radius:2px;padding:4px 8px;margin-left:auto;min-width:69px;text-align:center}.role-human{color:#13396b;background:linear-gradient(120deg,#fff,#c8e1ff);border-color:#d4e7ff}
/* Program */
.program-grid{display:grid;grid-template-columns:.9fr 1.4fr;gap:88px}.program-heading h2{font-size:31px}.program-heading>p:not(.eyebrow){font-size:15px;line-height:2.1;color:var(--muted);margin-top:22px}.duration{display:flex;align-items:center;gap:20px;margin:30px 0}.duration strong{font:70px/1 var(--latin);letter-spacing:-.05em;color:var(--blue)}.duration span{font-size:10px;line-height:1.9;letter-spacing:.07em;color:#7891ae}.program-list{border-top:1px solid #a7bed9}.program-list>li{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:26px 0}.program-list>li>div{min-width:0}.program-number{font:12px var(--latin);color:#6f93be;padding-top:3px}.program-list .micro{color:#4771a6;margin-bottom:7px;font-size:10px}.program-list h3{font-size:17px;margin-bottom:10px}.program-list h3+p{font-size:14px;line-height:2;color:var(--muted)}
/* Source material previews */
.materials-section{background:radial-gradient(ellipse at 95% 0%,#dbe9fc85,transparent 65%),linear-gradient(130deg,#eef4fb,#f7faff 75%,#e7f1fd);border-block:1px solid #dfE9f4}.material-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}.materials-section figure{min-width:0}.material-cover{padding:12px;background:linear-gradient(135deg,#ffffffb0,#d8e5f2aa);border:1px solid #fff;border-radius:7px;box-shadow:0 20px 50px #194c8e15,inset 0 1px 0 #fff}.material-zoom{position:relative;display:block;width:100%;padding:0;border:1px solid #cad8e8;border-radius:3px;overflow:hidden;background:#fff;color:var(--ink);text-align:left;transition:box-shadow .2s,transform .2s}.material-zoom img{width:100%;height:auto}.material-zoom:hover{transform:translateY(-3px);box-shadow:0 10px 26px #265b9c1c;border-color:#93b1d7}.zoom-label{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:11px;line-height:1.7;color:#365db5;background:#fff;border-top:1px solid #dfe8f3}.zoom-label>span{font-size:16px}.material-cover>figcaption{font-size:10px;color:#6d829e;margin:12px 4px 2px}.material-copy .tag{margin-bottom:14px;font:9px/1.8 var(--latin);letter-spacing:.08em;color:#4b76ac}.material-copy h3{font-size:27px;line-height:1.55;color:#20477d}.material-subtitle{font-size:15px;font-weight:600;margin:13px 0 16px;line-height:1.9}.material-copy>p:not(.material-subtitle){font-size:14px;color:var(--muted);line-height:2}.material-topics{margin-top:20px;border-top:1px solid #c9d8eb}.material-topics li{padding:9px 0;border-bottom:1px solid #d7e2ee;font-size:13px}.material-topics li:before{content:"—";margin-right:10px;color:#5489bf}.material-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:48px}.material-pages figcaption{padding-top:17px}.material-page-number{font:10px/1.5 var(--latin);letter-spacing:.08em;color:#5987bd}.material-pages h3{font-size:15px;margin:7px 0}.material-pages p{font-size:14px;line-height:1.9;color:var(--muted)}
/* Speaker */
.speaker-section{background:#fff}.speaker-layout{display:grid;grid-template-columns:.7fr 1.5fr;gap:64px;align-items:start}.speaker-heading>p:last-child{font-size:12px;color:var(--muted);margin-top:22px}.speaker-heading h2{font-size:30px}.speaker-profile{display:grid;grid-template-columns:230px minmax(0,1fr);gap:34px;align-items:start}.speaker-portrait{position:relative;padding-bottom:14px}.speaker-portrait:before{content:"";position:absolute;left:14px;right:-12px;top:14px;bottom:0;background:linear-gradient(145deg,#c4d8f2,#e9f3ff 45%,#d2e1f4);z-index:0;border:1px solid #d3e2f2;border-radius:2px}.speaker-portrait img{position:relative;width:100%;height:288px;object-fit:cover;object-position:50% 28%;border-radius:2px}.speaker-portrait>span{position:absolute;right:-12px;bottom:0;padding:5px 12px;color:#fff;background:linear-gradient(110deg,#24539c,#3e79bd);font:8px/1.5 var(--latin);letter-spacing:.22em}.speaker-information{padding-top:8px}.speaker-company{font-size:11px;line-height:1.9;color:#5a769a}.speaker-company strong{font-weight:500}.speaker-information h3{font-size:29px;letter-spacing:.12em;margin-top:12px;line-height:1.5}.speaker-information h3 span{display:block;font:10px/1.6 var(--latin);letter-spacing:.1em;color:#7491b4;margin-top:5px}.speaker-bio{font-size:14px;line-height:2;color:var(--muted);margin-top:20px}.speaker-source{display:inline-flex;align-items:center;gap:20px;margin-top:18px;font-size:10px;color:#4f73a3;border-bottom:1px solid #bdcfe4;padding-bottom:3px}
/* Entry */
.entry-section{background:linear-gradient(125deg,#edf4fc,#f8fbff 50%,#eff6fe);position:relative;border-block:1px solid #dce7f3}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start}.entry-grid h2{font-size:31px}.entry-intro{font-size:15px;line-height:2.1;color:var(--muted);margin:24px 0 34px}.overview{margin:0;border-top:1px solid #a9c0dd}.overview>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;border-bottom:1px solid #d0deed;padding:17px 0;font-size:14px;line-height:1.9}.overview dt{font-weight:600;color:#345f98}.overview dd{margin:0}.overview strong{font-size:15px;letter-spacing:.02em;font-weight:600}.form-panel{border:1px solid #fff;border-top:3px solid var(--blue);border-radius:6px;padding:34px;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 15px 45px #23569910}.form-eyebrow{font:9px var(--latin);letter-spacing:.14em;color:#6487b4;margin-bottom:13px}.form-panel h3{font-size:24px}.form-embed-slot{min-height:520px;margin-top:24px;background:linear-gradient(140deg,#edf3fa,#f6faff);border:1px dashed #acbfd6;border-radius:4px;display:flex;flex-direction:column;gap:13px;align-items:center;justify-content:center;color:#6c84a1;text-align:center;padding:20px}.slot-label{font:9px/1.4 var(--latin);letter-spacing:.17em}.form-embed-slot strong{font-size:17px;font-weight:500}.form-embed-slot>span:last-child{font-size:11px}
/* Questions, final action and footer */
.faq-section{padding-block:80px}.faq-grid{display:grid;grid-template-columns:.7fr 1.4fr;gap:70px}.faq-grid h2{font-size:27px}.faq-list{border-top:1px solid #b7c9df}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:baseline;gap:17px;font-size:15px;font-weight:600;cursor:pointer;list-style:none;padding:23px 3px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font:13px var(--latin);color:#5386bd}.faq-list summary:after{content:"＋";margin-left:auto;padding-left:12px;font-weight:400;flex-shrink:0;color:var(--blue)}.faq-list details[open] summary:after{content:"−"}.faq-answer{font-size:14px;line-height:2;color:var(--muted);padding:0 25px 24px 31px}.closing{position:relative;isolation:isolate;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 75% 0%,#2874bb66,transparent 62%),linear-gradient(125deg,#17385e,#1d4b86 55%,#0b254b);color:#fff;padding:76px 0}.closing:before,.closing:after{content:"";position:absolute;z-index:-1;border:1px solid #b1d5fc26;border-radius:50%;width:800px;height:800px;top:-270px;left:-300px;box-shadow:0 0 0 36px #bbdcff06,0 0 0 72px #bbdcff05,0 0 0 108px #bbdcff04;transform:scaleX(.75) rotate(-30deg)}.closing:after{left:auto;right:-350px;top:-100px;width:900px;height:900px}.closing .eyebrow{justify-content:center;color:#a2c8f2;font-size:10px}.closing h2{font-size:35px;line-height:1.6}.closing p:not(.eyebrow){font-size:14px;line-height:2;color:#c4d8f0;margin:20px 0 28px}.closing .button{min-width:360px}.closing-date{display:block;font-size:11px;color:#c8dcf4;margin-top:20px}.closing .closing-archive{font-size:10px;color:#a6c3e7;margin:8px 0 0}.site-footer{padding:35px 0 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px}.site-footer img{width:132px;height:auto}.footer-top>div{display:flex;gap:25px;font-size:10px;color:#627690}.footer-bottom{border-top:1px solid #e0e9f3;padding-top:19px;display:flex;justify-content:space-between;gap:30px;color:#7b8fa8;font-size:9px}.footer-bottom>div{display:flex;gap:22px}.footer-bottom small{font:9px var(--latin);letter-spacing:.03em}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}.mobile-cta{display:none}
/* Accessible native material dialog */
.material-dialog{width:min(1280px,calc(100% - 32px));max-height:92dvh;padding:18px;border:1px solid #b9d0ee;border-radius:7px;background:#f3f7fc;color:var(--ink);box-shadow:0 30px 90px #061a4050}.material-dialog::backdrop{background:#071c3cd4;backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.dialog-head p{font-size:13px;font-weight:600}.icon-button{width:44px;height:44px;background:#fff;border:1px solid #b9cee5;border-radius:3px;font-size:25px;color:var(--blue);flex-shrink:0}.material-dialog>img{width:100%;height:auto;max-height:calc(92dvh - 150px);object-fit:contain}.material-dialog-note{font-size:10px;margin-top:12px;color:var(--muted)}
/* Responsive layouts */
@media(max-width:1100px){:root{--section:80px}.container,.header-inner{width:calc(100% - 64px)}.brand>span{display:none}.site-header nav{gap:18px}.header-inner{gap:24px}.hero-grid,.hero-bottom{width:calc(100% - 48px)}.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px}.hero h1{font-size:clamp(35px,3.75vw,42px)}.hero-tags{gap:7px}.hero-audience{font-size:9px}.hero-subtitle{font-size:22px}.hero-date{gap:9px}.date-main{font-size:41px}.date-time{font-size:20px;padding-left:12px}.date-time>small{font-size:8px}.hero-archive{gap:9px;font-size:10px}.hero-archive small{font-size:9px;margin-left:7px}.hero-cta{font-size:13px}.hero-layers li{padding:11px 7px;font-size:9px}.hero-layers li>span{font-size:8px}.art-caption{margin-left:8px}.art-caption p{font-size:13px}.art-topline{font-size:7px;padding:0}.section-intro{gap:32px}.section-lead{font-size:14px}.challenge h3{font-size:20px}.challenge{padding-right:24px}.challenge+.challenge{padding-left:24px}.takeaway-grid{gap:26px}.takeaway h3{font-size:21px}.demo-grid{gap:40px;grid-template-columns:1fr 1.1fr}.demo-section h2,.program-heading h2,.entry-grid h2{font-size:27px}.demo-flow li{gap:10px}.demo-flow h3{font-size:13px}.role-tag{min-width:62px;font-size:8px;padding:4px}.demo-flow p{font-size:9px}.program-grid{gap:48px}.program-list h3{font-size:15px}.material-feature{gap:36px}.material-copy h3{font-size:23px}.material-pages{gap:20px}.speaker-layout{grid-template-columns:.6fr 1.4fr;gap:35px}.speaker-heading h2{font-size:26px}.speaker-profile{grid-template-columns:180px minmax(0,1fr);gap:26px}.speaker-portrait img{height:255px}.speaker-information h3{font-size:25px}.entry-grid{grid-template-columns:1fr;gap:48px}.form-panel{padding:28px}.faq-grid{gap:40px}h2{font-size:30px}}
@media(max-width:850px){.site-header nav{display:none}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy{max-width:600px;margin:auto;width:100%;text-align:center}.hero-tags{justify-content:center}.hero h1{font-size:54px}.hero-subtitle br{display:none}.hero-subtitle{font-size:25px}.hero-description{font-size:15px}.hero-description br:last-child{display:none}.hero-date{justify-content:center}.hero-archive{justify-content:center;font-size:11px}.hero-archive small{font-size:10px}.hero-art{max-width:650px;width:100%;margin:auto}.hero-banner{height:auto}.hero-layers li{padding:14px;font-size:11px}.art-caption p{font-size:15px}.art-topline{font-size:8px}.hero-bottom{margin-top:26px}.section-intro{align-items:flex-start;gap:24px}.section-lead{max-width:300px}.challenge{padding-right:20px}.challenge+.challenge{padding-left:20px}.challenge h3{font-size:18px}.challenge p,.takeaway p{font-size:14px}.takeaway h3{font-size:18px}.takeaway-grid{gap:22px}.demo-grid{grid-template-columns:1fr;gap:35px}.demo-grid>div{max-width:520px}.demo-section h2{font-size:30px}.demo-flow h3{font-size:16px}.demo-flow p{font-size:12px}.role-tag{font-size:10px;min-width:82px;padding:5px 10px}.program-grid{grid-template-columns:1fr;gap:40px}.program-heading .duration{margin:20px 0}.program-list h3{font-size:18px}.program-list h3+p{font-size:15px}.material-feature{grid-template-columns:1fr;gap:32px}.material-cover,.material-copy{max-width:600px;width:100%;margin-inline:auto}.material-pages{gap:16px}.material-pages h3{font-size:13px}.speaker-layout{grid-template-columns:1fr;gap:32px}.speaker-profile{grid-template-columns:230px minmax(0,1fr);gap:40px}.speaker-portrait img{height:288px}.speaker-heading h2{font-size:30px}.speaker-heading>p:last-child{margin-top:10px}.speaker-information h3{font-size:29px}.entry-grid{gap:32px}.entry-grid h2{font-size:25px}.entry-intro{font-size:14px}.overview>div{grid-template-columns:70px minmax(0,1fr);gap:12px;font-size:13px}.form-panel{padding:22px}.form-embed-slot{padding:16px}.form-embed-slot strong{font-size:15px}.faq-grid{grid-template-columns:1fr;gap:30px}.closing h2{font-size:30px}}
@media(max-width:620px){:root{--section:64px}.container,.header-inner,.hero-grid,.hero-bottom{width:calc(100% - 40px)}html{scroll-padding-top:84px}body{font-size:14px}.header-inner{height:64px;gap:16px}.brand img{width:105px}.button-small{font-size:10px;padding:10px 12px;min-height:42px;gap:15px}.button-small>span:last-child{font-size:17px}.hero{padding-top:26px}.hero-copy{text-align:left}.hero-tags{justify-content:flex-start;gap:7px;margin-bottom:18px}.hero-tags .tag{font-size:8px;padding:4px 7px}.hero-audience{font-size:8px}.hero h1{font-size:clamp(31px,8.65vw,47px);line-height:1.4;letter-spacing:-.045em}.hero h1>span:last-child{font-size:.96em;letter-spacing:-.05em}.hero-subtitle{font-size:21px;line-height:1.65;margin-top:18px;letter-spacing:.025em}.hero-subtitle br{display:block}.hero-description{font-size:14px;line-height:2;margin-top:12px}.hero-description br:last-child{display:block}.hero-date{justify-content:flex-start;margin:20px 0 12px;gap:9px}.date-label{font-size:10px}.date-label>span:first-child{font-size:7px}.date-main{font-size:42px}.date-day{width:23px;height:23px;font-size:10px;margin-left:7px}.date-time{font-size:20px;padding-left:12px}.date-time>small{font-size:8px}.hero-archive{justify-content:flex-start;align-items:flex-start;margin-bottom:17px;font-size:11px;gap:10px}.hero-archive>span:first-child{margin-top:2px}.hero-archive small{display:block;margin-left:0;margin-top:3px;font-size:10px}.hero-cta{width:100%;font-size:13px;padding:17px 20px;min-height:56px}.hero-grid{gap:32px}.art-topline{font-size:6px;letter-spacing:.12em}.art-caption{margin:16px 0 20px 0;gap:11px}.art-caption-mark{width:32px;height:32px;font-size:20px}.art-caption p{font-size:13px}.art-caption small{font-size:9px}.hero-layers li{padding:10px 6px;font-size:8px;letter-spacing:-.025em}.hero-layers li>span{font-size:7px}.hero-bottom{margin-top:24px;padding-block:15px}.hero-bottom>span{font-size:6px;letter-spacing:.06em}.hero-bottom>span:first-child span{font-size:12px;margin-left:7px}.hero-bottom i{margin:0 4px}.eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:18px}.eyebrow:before{width:20px}h2{font-size:27px;line-height:1.65;letter-spacing:.02em}.section-intro{display:block;margin-bottom:30px}.section-lead{margin-top:20px;font-size:14px;max-width:none;line-height:2}.section-lead br{display:none}.audience-summary{margin:0 0 24px;gap:12px;font-size:13px;align-items:flex-start}.audience-summary>span{margin-top:2px}.challenge-grid{grid-template-columns:1fr;border-bottom:0}.challenge,.challenge+.challenge{border-left:0;border-bottom:1px solid #cad9e9;padding:24px 0 24px 35px;position:relative}.item-number{position:absolute;left:0;top:28px;font-size:10px}.challenge h3{font-size:19px;margin-bottom:10px}.challenge h3 br{display:none}.challenge p{font-size:14px;line-height:2}.insight{margin-top:32px;padding:24px 8px}.insight-label{font-size:10px;margin-bottom:13px}.insight p{font-size:16px;line-height:2;letter-spacing:0}.takeaway-grid{grid-template-columns:1fr;gap:28px}.takeaway{padding:22px 0 0 66px;min-height:190px}.takeaway-top{position:absolute;left:0;top:24px;display:flex;flex-direction:column;gap:17px;align-items:flex-start}.takeaway-top>span{font-size:33px}.takeaway svg{width:37px;height:37px}.takeaway h3{font-size:21px;margin-bottom:12px}.takeaway h3 br{display:none}.takeaway p{font-size:14px;line-height:2}.takeaway-foot{margin-top:17px;font-size:10px;padding-top:12px}.demo-section{padding:56px 0}.demo-grid{gap:30px}.demo-section h2{font-size:27px}.demo-section h2+p{font-size:14px;margin-top:18px}.demo-flow li{padding:20px 0;gap:11px;display:grid;grid-template-columns:18px minmax(0,1fr)}.flow-index{font-size:10px}.demo-flow h3{font-size:13px}.demo-flow p{font-size:10px;margin-top:4px}.role-tag{grid-column:2;justify-self:start;margin:0;min-width:0;font-size:8px;padding:3px 8px}.program-heading h2{font-size:27px}.program-heading>p:not(.eyebrow){font-size:14px;margin-top:18px}.duration strong{font-size:58px}.duration span{font-size:9px}.program-grid{gap:28px}.program-list>li{gap:16px;padding:24px 0}.program-list h3{font-size:17px;line-height:1.7}.program-list h3+p{font-size:14px}.program-number{font-size:11px}.material-feature{gap:28px}.material-cover{padding:8px}.material-pages{grid-template-columns:1fr;gap:30px;margin-top:36px}.material-copy h3{font-size:24px}.material-pages h3{font-size:17px}.material-dialog{padding:12px}.speaker-heading h2{font-size:27px}.speaker-profile{grid-template-columns:1fr;gap:28px}.speaker-portrait{max-width:300px;width:calc(100% - 12px)}.speaker-portrait img{height:auto;aspect-ratio:4/4.4;object-position:50% 22%}.speaker-information{padding-top:0}.speaker-company{font-size:12px}.speaker-information h3{font-size:28px}.speaker-bio{font-size:14px;margin-top:18px}.speaker-source{font-size:11px;min-height:32px}.section-footnote{font-size:10px;line-height:2}.entry-grid{grid-template-columns:1fr;gap:36px}.entry-grid h2{font-size:27px}.entry-intro{font-size:14px;line-height:2;margin-bottom:27px}.overview>div{grid-template-columns:82px minmax(0,1fr);gap:20px;padding:15px 0;font-size:14px}.form-panel{padding:24px 20px}.form-panel h3{font-size:23px}.form-embed-slot{min-height:420px;margin-top:22px}.form-embed-slot strong{font-size:15px}.faq-section{padding:56px 0}.faq-grid{gap:20px}.faq-grid h2{font-size:26px}.faq-list summary{font-size:14px;gap:12px;padding:20px 0;line-height:1.8}.faq-list summary>span{font-size:12px}.faq-list summary:after{padding-left:0}.faq-answer{font-size:13px;padding:0 14px 22px 23px;line-height:2}.closing{padding:60px 0}.closing h2{font-size:24px;line-height:1.8;letter-spacing:0}.closing p:not(.eyebrow){font-size:13px;line-height:2}.closing p:not(.eyebrow) br{display:none}.closing .button{min-width:0;width:100%;font-size:13px;padding:17px 19px}.closing-date{font-size:9px}.closing .closing-archive{font-size:9px}.site-footer{padding:30px 0 110px}.footer-top{display:block;padding-bottom:22px}.footer-top>img{width:110px}.footer-top>div{margin-top:23px;font-size:9px;gap:20px}.footer-bottom{display:block;font-size:9px}.footer-bottom>div{margin-top:14px;gap:14px;flex-wrap:wrap}.mobile-cta{position:fixed;inset:auto 0 0;z-index:40;background:#ffffffed;backdrop-filter:blur(15px);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:17px;border-top:1px solid #ccddf0;box-shadow:0 -5px 22px #1239780a;transition:transform .2s}.mobile-cta.is-hidden{transform:translateY(120%);pointer-events:none}.mobile-cta>span{font:19px/1.1 var(--latin);white-space:nowrap;color:#28548e}.mobile-cta small{font-size:9px}.mobile-cta .button{flex:1;min-height:46px;font-size:11px;padding:12px 17px;gap:10px}.mobile-cta .button>span:last-child{font-size:17px}}
@media(max-width:360px){.hero-tags{gap:6px}.hero-tags .tag,.hero-audience{font-size:7px}.hero h1{font-size:31px}.hero h1>span:last-child{font-size:.92em;letter-spacing:-.055em}.hero-date{gap:7px}.date-main{font-size:35px}.date-time{font-size:18px;padding-left:10px}.date-time>small{font-size:7px}.date-day{width:21px;height:21px;margin-left:5px}.date-label{font-size:9px}.hero-subtitle{font-size:20px}.hero-bottom>span:last-child{display:none}.hero-layers li{font-size:7px;padding:9px 5px}.form-embed-slot{padding:12px}.form-embed-slot strong{font-size:14px}.mobile-cta{gap:12px}.mobile-cta .button{font-size:10px;padding:12px}.closing h2{font-size:22px}.overview>div{gap:12px;grid-template-columns:78px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.mobile-cta,.site-footer,.button,.form-panel{display:none!important}.container,.hero-grid{width:100%}.section,.demo-section,.closing{padding:30px 0;break-inside:avoid}.hero{padding-top:0}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:30px}.hero-subtitle{font-size:18px}.entry-grid{display:block}.hero-bottom{display:none}body{font-size:11px}details:not([open])>.faq-answer{display:block}.demo-section,.closing{background:#fff;color:var(--ink)}.demo-section p,.closing p{color:var(--muted)!important}}

/* ==========================================================================
   Webinar LP 文字サイズ修正案（20261110 / 20261124 共通）
   使い方: 各LPの styles.css の「末尾」にこのブロックを追記する。
           既存ルールと同じ詳細度で後勝ちさせるため、必ず末尾に置くこと。
   基準  : 本文 PC16px / スマホ15px、情報を伝える文字は最小12px、
           飾りの英字のみ最小10px。見出しのサイズは変更しない。
   ========================================================================== */

@media screen {
  /* --- 本文: 16px --- */
  body { font-size: 16px; }
  .section-lead,
  .hero-description,
  .audience-summary,
  .audience-description,
  .audience-list li,
  .challenge p,
  .takeaway p,
  .demo-section h2 + p,
  .program-heading > p:not(.eyebrow),
  .program-list h3 + p,
  .bonus-copy > p:not(.eyebrow),
  .material-subtitle,
  .material-copy > p:not(.material-subtitle),
  .material-pages p,
  .present-head > p,
  .funnel-caption,
  .speaker-bio,
  .speaker-text-slot > p.speaker-bio-text,
  .entry-intro,
  .overview > div,
  .overview strong,
  .faq-list summary,
  .faq-answer,
  .closing p:not(.eyebrow) { font-size: 16px; }

  /* --- 準本文: 14〜15px --- */
  .hero-series,
  .text-link,
  .deck-card > p:last-child,
  .present-list li,
  .funnel-steps li,
  .funnel-gap span { font-size: 14px; }
  .material-topics li { font-size: 15px; }

  /* --- 補足情報: 13px --- */
  .site-header nav,
  .button-small,
  .tag,
  .hero-tags .tag,
  .hero-audience,
  .date-time > span,
  .date-time > small,
  .cta-note,
  .hero-archive,
  .hero-archive small,
  .art-caption small,
  .audience-summary > span,
  .insight-label,
  .takeaway-foot,
  .outline-tag,
  .demo-flow p,
  .demo-note,
  .micro,
  .program-list .micro,
  .section-footnote,
  .material-cover > figcaption,
  .zoom-label,
  .speaker-company,
  .speaker-source,
  .speaker-text-slot > p,
  .closing-date,
  .closing p.closing-archive:not(.eyebrow),
  .form-embed-slot > span:last-child { font-size: 13px; }

  /* --- 小さなラベル: 12px --- */
  .role-tag,
  .hero-layers li,
  .duration span,
  .material-page-number,
  .speaker-information h3 span,
  .footer-top > div,
  .footer-bottom,
  .footer-bottom small { font-size: 12px; }

  /* --- 飾りの英字・番号: 10〜12px --- */
  .eyebrow,
  .closing .eyebrow,
  .item-number,
  .flow-index,
  .funnel-steps li span,
  .program-number { font-size: 12px; }
  .material-copy .tag,
  .form-eyebrow,
  .slot-label,
  .date-label > span:first-child { font-size: 11px; }
  .art-topline,
  .hero-layers li > span,
  .speaker-portrait > span,
  .hero-bottom > span:first-child,
  .hero-bottom > span:last-child,
  .hero-archive > span:first-child,
  .date-label { font-size: 10px; }
}

/* --- スマホ --- */
@media screen and (max-width: 620px) {
  body { font-size: 15px; }
  .section-lead,
  .hero-description,
  .audience-summary,
  .audience-description,
  .audience-list li,
  .challenge p,
  .takeaway p,
  .demo-section h2 + p,
  .program-heading > p:not(.eyebrow),
  .program-list h3 + p,
  .bonus-copy > p:not(.eyebrow),
  .material-subtitle,
  .material-copy > p:not(.material-subtitle),
  .material-pages p,
  .present-head > p,
  .funnel-caption,
  .speaker-bio,
  .speaker-text-slot > p.speaker-bio-text,
  .entry-intro,
  .overview > div,
  .overview strong,
  .faq-list summary,
  .faq-answer,
  .closing p:not(.eyebrow) { font-size: 15px; }

  .hero-cta,
  .closing .button { font-size: 14px; }
  .hero-series,
  .material-topics li,
  .present-list li,
  .funnel-steps li,
  .funnel-gap span,
  .deck-card > p:last-child { font-size: 14px; }

  .button-small,
  .tag,
  .hero-tags .tag,
  .hero-audience,
  .date-time > span,
  .date-time > small,
  .cta-note,
  .hero-archive,
  .hero-archive small,
  .art-caption small,
  .insight-label,
  .takeaway-foot,
  .demo-flow p,
  .demo-note,
  .micro,
  .program-list .micro,
  .section-footnote,
  .material-cover > figcaption,
  .zoom-label,
  .speaker-company,
  .speaker-source,
  .closing-date,
  .closing p.closing-archive:not(.eyebrow) { font-size: 12px; }

  .role-tag,
  .duration span,
  .footer-top > div,
  .footer-bottom,
  .footer-bottom small,
  .mobile-cta small,
  .eyebrow,
  .closing .eyebrow { font-size: 11px; }

  .mobile-cta .button { font-size: 13px; }
  .hero-layers li { font-size: 11px; }

  /* 「／」だけが行末に残らないよう1行に収める */
  .hero-series { font-size: 13px; }

  /* ヒーロー下の飾り英字。読めるサイズでは折り返すためスマホでは非表示 */
  .hero-bottom { display: none; }
}

/* --- 小型スマホ: 開催形式の文言がはみ出さないよう折り返しを許可 --- */
@media screen and (max-width: 360px) {
  .date-time > small,
  .date-time > span { white-space: normal; }
}

.form-embed-slot.is-live {
  min-height: 0;
  margin-top: 20px;
  padding: 0;
  background: transparent;
  border: 0;
  display: block;
  color: inherit;
  text-align: left;
}
.form-embed-slot.is-live #eh-root { min-height: 480px; }