*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#fff;color:#182b40;font-family:"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;font-size:17px;line-height:1.85}a{color:#244b75;text-underline-offset:5px}button,summary,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bd8e2c;outline-offset:5px}.skip{position:absolute;left:12px;top:-100px}.skip:focus{top:12px;z-index:20;background:white;padding:10px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px max(24px,calc((100vw - 1160px)/2));border-bottom:1px solid #dce3ea;background:#fff}.topbar a{text-decoration:none;min-height:42px;display:flex;align-items:center;font-size:15px}.brand{flex-shrink:0}.brand-logo{display:block;width:147px;height:auto}.footer-logo{display:block;width:168px;height:auto;margin:0 auto}main{max-width:1160px;margin:auto;padding:0 24px}.intro{padding:46px 0 48px}.eyebrow{color:#586777;margin:0 0 8px;font-size:15px}h1{font-size:clamp(30px,4.2vw,53px);line-height:1.35;letter-spacing:-.04em;margin:0 0 20px;font-weight:700}.lead{color:#46596b;font-size:18px;line-height:1.9;max-width:780px;margin:0 0 32px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #b9c7d3;border-left:1px solid #b9c7d3}.menu-grid a{display:flex;flex-direction:column;gap:4px;padding:22px 24px;text-decoration:none;border-bottom:1px solid #b9c7d3;border-right:1px solid #b9c7d3;background:#f4f7fa}.menu-grid a:hover{background:#e9f0f6}.menu-grid strong{font-size:18px}.menu-grid span{font-size:15px;color:#586777}.chapter{padding:50px 0 40px;border-top:2px solid #294c70;scroll-margin-top:82px}.section-heading{margin-bottom:30px;max-width:800px}.category{display:block;color:#81601e;font-size:15px;margin-bottom:10px}h2{font-size:clamp(27px,3.1vw,38px);line-height:1.45;margin:0 0 18px;letter-spacing:-.03em}.section-heading p{margin:0;max-width:760px}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.film{margin:0;min-width:0}.film figcaption{margin-bottom:14px}.film h3{font-size:21px;margin:0 0 6px}.film figcaption p{font-size:16px;margin:0;color:#46596b;line-height:1.7}video{display:block;width:100%;aspect-ratio:16/9;background:#101d2c;object-fit:contain;border:1px solid #d6e0e8}.film-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0 0}.film-actions button{border:1px solid #284e75;background:#284e75;color:#fff;border-radius:4px;padding:10px 15px;min-height:48px;font-size:15px;font-weight:700}.film-actions span{color:#586777;font-size:14px}.film-actions .fullscreen{margin-left:auto;background:#fff;color:#284e75;font-weight:400}.play-status{font-size:14px;min-height:1em;margin:8px 0}.sample-note{font-size:15px;line-height:1.8;color:#596674;margin:20px 0 22px}.description,.demo{border-top:1px solid #cbd5df;border-bottom:1px solid #cbd5df;margin-top:22px}.description summary,.demo summary{padding:16px 4px;cursor:pointer;font-weight:600;min-height:52px}.description div,.demo>p{padding:0 4px 18px;max-width:800px}.description p{margin:0 0 18px}.description strong{font-weight:600}.return{display:inline-block;padding:18px 0;font-size:15px;min-height:48px}.pending{background:#f4f7fa;border-left:4px solid #b89038;padding:24px 28px;max-width:850px}.pending h3{font-size:21px;margin:0 0 8px}.pending p{margin:0}iframe{display:block;width:100%;height:690px;border:1px solid #cbd5df;margin-bottom:20px}.closing{padding:50px 0 60px;border-top:1px solid #cbd5df;max-width:800px}.closing p{margin:0 0 18px}footer{padding:25px 24px;text-align:center;background:#eaf0f5;color:#46596b;font-size:15px}p,summary,figcaption{overflow-wrap:anywhere}@media(max-width:650px){html{scroll-padding-top:76px}.topbar{padding:9px 18px}.topbar a{font-size:14px}main{padding:0 20px}.intro{padding:30px 0 32px}.lead{font-size:17px;margin-bottom:22px}.menu-grid a{padding:15px 12px}.menu-grid strong{font-size:16px;line-height:1.55}.menu-grid span{font-size:14px;line-height:1.6}.chapter{padding:34px 0 26px}.section-heading{margin-bottom:24px}.film-grid{grid-template-columns:1fr;gap:30px}.film-actions{gap:8px}.film-actions button{font-size:14px;padding:10px 12px}.pending{padding:20px}.pending h3{font-size:19px}.closing{padding:34px 0 40px}iframe{height:650px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.bundle-download{margin:20px 0 0}.bundle-download a{display:inline-block;padding:10px 0;min-height:48px;font-size:16px}.film-grid video{width:100%;aspect-ratio:16/9;object-fit:contain}
.demo .demo-link a{display:inline-block;padding:10px 0;min-height:48px;font-size:16px}