.lower,.site-footer{font-family:"Segoe UI Variable Text","Segoe UI","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-weight:400}
.lower .products{background:#fff;color:#111;padding-bottom:clamp(72px,8vw,120px)}
.lower .products .product-panel{background:#f5f5f7}
.lower .products .button.dark{background:#111}
.lower .products .product-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center}
.lower .products .product-visual--actual{height:auto;min-width:0;padding:0;background:#fff;border:1px solid #dddde3;border-radius:12px;box-shadow:0 8px 24px #10102008}
.lower .products .product-screen{display:block}
.lower .products .product-screen img{display:block;width:100%;height:auto;object-fit:contain}
.lower .products .product-screen:focus-visible{outline-offset:-4px}
@media(max-width:760px){.lower .products .product-grid{grid-template-columns:minmax(0,1fr)}.lower .products .product-visual--actual{border-radius:8px}}
.lower .section-title h2,.lower .recruit-heading h2{font-family:"Segoe UI Variable Display","Segoe UI",sans-serif;font-weight:400;letter-spacing:-.045em}
.lower .section-title h2{font-size:clamp(40px,4.2vw,62px)}
.lower .section-title>p{font-weight:400;letter-spacing:.06em}
.lower .product-logo{font-family:"Segoe UI Variable Display","Segoe UI",sans-serif;font-weight:500;letter-spacing:-.045em}
.lower .product-logo span{font-weight:500;letter-spacing:.1em}
.lower .product-copy h4,.lower .recruit-copy h3{font-weight:500;letter-spacing:.025em;line-height:1.8}
.lower .product-copy p,.lower .news-item p,.lower .news-placeholder,.lower .recruit-copy p{font-weight:400;line-height:2.1;letter-spacing:.025em}
.lower .product-tags span{font-weight:500}
.lower .news-thumb.wordmark{font-family:"Segoe UI Variable Display","Segoe UI",sans-serif;font-style:normal;font-weight:500;letter-spacing:-.05em}
.lower .news-item h3{font-weight:500}
.lower .button{font-weight:500}
.site-footer{background:#000;color:#fff;padding:72px 5% 32px}
.site-footer .footer-grid{grid-template-columns:1.8fr 1.2fr auto;gap:56px;align-items:start}
.site-footer .footer-links{border-color:#ffffff2b;font-size:12px;font-weight:400;line-height:1.8;color:#aaa;padding-top:24px;gap:28px}
.site-footer .footer-links>div{gap:11px}
.site-footer .footer-links>div>a:first-child{color:#fff;font-size:13px;font-weight:500;margin-bottom:9px}
.site-footer .footer-links a{transition:color .2s}
.site-footer .footer-links a:hover{color:#fff;text-decoration:none}
.site-footer .footer-contact{border-color:#ffffff2b;padding-top:24px;font-size:13px;font-weight:400;line-height:1.8;color:#a8a8a8}
.site-footer .footer-contact span{color:#fff;font-size:15px;font-weight:500;margin-top:20px}
.site-footer .footer-logo.wordmark{font-family:"Segoe UI Variable Display","Segoe UI",sans-serif;font-size:80px;line-height:1;font-weight:500;font-style:normal;letter-spacing:-.065em;color:#fff}
.site-footer .footer-bottom{margin-top:64px;padding-top:24px;border-top:1px solid #ffffff1f;font-size:11px;letter-spacing:.03em;color:#929292;line-height:1.8}
.site-footer .footer-bottom small{font-size:10px;font-weight:400}
.site-footer a:focus-visible{outline:2px solid #fff;outline-offset:6px}
@media(max-width:1000px){.site-footer .footer-grid{grid-template-columns:1.7fr 1fr;gap:40px}.site-footer .footer-logo.wordmark{grid-column:1/-1;text-align:left;font-size:68px}}
@media(max-width:760px){.lower .section-title h2,.lower .recruit-heading h2{font-size:42px}.lower .product-logo{font-size:36px}.site-footer{padding:48px 7% 28px}.site-footer .footer-grid{grid-template-columns:1fr;gap:36px}.site-footer .footer-links{font-size:10px;gap:18px;padding-top:20px}.site-footer .footer-links>div>a:first-child{font-size:12px}.site-footer .footer-contact{font-size:12px;padding-top:20px;display:block}.site-footer .footer-contact span{font-size:14px;margin-top:15px}.site-footer .footer-logo.wordmark{font-size:64px;text-align:left}.site-footer .footer-bottom{margin-top:36px;font-size:10px;gap:20px}.site-footer .footer-bottom small{font-size:9px}}

.lower .product-logo>img{width:170px;height:auto;object-fit:contain}
@media(max-width:760px){.lower .product-logo>img{width:138px}}

.lower .products .product-visual--monitor{background:#eeeef0;border:0;box-shadow:none;border-radius:16px;overflow:hidden}
.lower .products .product-visual--monitor .product-screen img{mix-blend-mode:normal}

.lower .products .product-main{padding-bottom:64px}
.lower .products .service-demo{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);grid-template-areas:"heading player";align-items:center;gap:clamp(32px,4vw,72px);margin-top:64px;padding-top:56px;border-top:1px solid #dddde3}
.service-demo__heading{min-width:0;grid-area:heading}
.service-demo__eyebrow{margin:0 0 20px;font-size:11px;letter-spacing:.08em;color:#737378}
.service-demo__heading h4{margin:0;font-size:clamp(24px,2.25vw,36px);font-weight:500;line-height:1.7;letter-spacing:.025em}
.service-demo__intro{max-width:300px;margin:24px 0 0;font-size:12px;line-height:2;color:#666}
.service-demo__hint{margin-top:20px;font-size:10px;color:#888;line-height:1.9}
.service-demo__player{min-width:0;grid-area:player}
.service-demo__frame{display:block;width:100%;height:580px;border:0;background:#f5f5f7;border-radius:0}
.service-demo__footnote{margin:20px 2px 0;text-align:left;color:#737378;font-size:10px;line-height:1.9}
.service-demo__footnote p{margin:4px 0}
@media(max-width:1000px){.lower .products .service-demo{grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);gap:28px}.service-demo__heading h4{font-size:25px}}
@media(max-width:760px){.lower .products .product-main{padding-bottom:36px}.lower .products .service-demo{grid-template-columns:1fr;grid-template-areas:"heading" "player";margin-top:40px;padding-top:36px;gap:24px}.service-demo__heading h4{font-size:26px}.service-demo__heading h4 br:nth-of-type(2){display:none}.service-demo__intro{max-width:100%;margin-top:16px}.service-demo__hint{margin-top:12px}.service-demo__frame{height:640px}}

.lower .service-demo__contact{margin-top:28px;font-size:12px;max-width:100%}
@media(max-width:760px){.lower .service-demo__contact{margin-top:20px}}

.service-demo__description{margin:22px 0 0;font-size:13px;font-weight:400;line-height:2.1;letter-spacing:.025em;color:#65666b;overflow-wrap:anywhere}
