/* Product LP. 1200px reference canvas; typography does not scale with viewport. */
#okm--special--contents--wrapper { background:#fffaf0; overflow:hidden; }
#wbai { --paper:#fffaf0; --ink:#032a49; --blue:#2196ed; font-family:"UD Shin Go Regular","UD Shin Go","Hiragino Kaku Gothic ProN",sans-serif; color:#24241c; background:var(--paper); -webkit-font-smoothing:antialiased; }
#wbai,#wbai * { box-sizing:border-box; }
#wbai.wbai-product { position:relative; width:100%; max-width:1200px; height:auto; margin:auto; padding-bottom:120px; }
#wbai :is(h1,h2,h3,h4,p,figure,dl,dt,dd) { margin:0; padding:0; }
#wbai img { display:block; max-width:100%; height:auto; border:0; }
#wbai .lp-hero { position:relative; padding:120px 80px 0; }
#wbai .lp-logo { width:660px; margin:0 auto 105px; }
#wbai h1 { color:var(--ink); font-family:"UD Shin Go Ultra","UD Shin Go Bold",sans-serif; font-size:106px; font-weight:1000; line-height:1.45; letter-spacing:-.025em; font-feature-settings:"palt"; white-space:nowrap; }
#wbai .lp-lead { color:var(--ink); margin-top:100px; font-family:"UD Shin Go DemiBold",sans-serif; font-size:36px; font-weight:600; line-height:2; }
#wbai .lp-orange { position:absolute; width:340px; right:-10px; top:820px; }
#wbai .lp-story { position:relative; margin-top:240px; }
#wbai .lp-story-copy { margin-left:320px; font-size:28px; line-height:2.6; }
#wbai .lp-story-copy p+p { margin-top:70px; }
#wbai .lp-green { position:absolute; width:220px; left:-20px; top:0; }
#wbai .lp-story-person { position:absolute; width:252px; left:36px; top:230px; }
#wbai .lp-lounge { position:relative; height:520px; margin-top:80px; }
#wbai .lp-pink { position:absolute; width:275px; left:360px; top:20px; z-index:1; }
#wbai .lp-sofa { position:absolute; width:670px; right:-35px; top:0; }
#wbai .lp-cta { display:flex; justify-content:center; }
#wbai .lp-contact { width:500px; height:74px; border:2px solid #218FEA; border-radius:50px; display:flex; align-items:center; justify-content:center; color:#218FEA; font-size:26px; line-height:1; text-decoration:none; background:transparent; transition:background-color 400ms ease, color 400ms ease; }
#wbai .lp-contact[href]:hover { background:#218FEA; color:#fff; }
#wbai .lp-contact:focus-visible { outline:3px solid var(--ink); outline-offset:5px; }
#wbai .lp-features { margin-top:150px; }
#wbai h2 { width:fit-content; margin:0 auto; font-size:52px; font-weight:400; line-height:1.6; color:var(--ink); border-bottom:2px solid #46baff; }
#wbai .lp-video { width:880px; max-width:calc(100% - 160px); aspect-ratio:16/9; margin:140px auto 170px; border:0; position:relative; }
#wbai .lp-video iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
#wbai .lp-feature { margin:0 120px; }
#wbai h3 { font-family:"UD Shin Go Bold",sans-serif; font-size:40px; font-weight:700; line-height:1.6; color:var(--ink); display:flex; align-items:center; gap:12px; }
#wbai h3::before { content:""; width:36px; height:36px; background:var(--blue); border-radius:50%; flex:none; }
#wbai .lp-feature>p { margin-top:12px; font-size:24px; line-height:1.8; }
#wbai .lp-feature>p+p { margin-top:44px; }
#wbai .lp-analysis { display:grid; grid-template-columns:440px 1fr; gap:60px; margin-top:70px; align-items:center; }
#wbai .lp-types h4 { font-size:24px; font-weight:400; margin-bottom:28px; }
#wbai .lp-types dl { display:grid; grid-template-columns:200px 200px; gap:26px 40px; }
#wbai .lp-types dt { color:white; text-align:center; border-radius:30px; font-size:24px; font-weight:700; padding:8px 0; line-height:1.35; }
#wbai .lp-types dd { font-size:18px; line-height:1.45; margin-top:12px; }
#wbai .type-create dt { background:#ffb132; } #wbai .type-share dt { background:#2196ed; } #wbai .type-review dt { background:#ff3274; } #wbai .type-learn dt { background:#00aed8; } #wbai .type-decide dt { background:#8bc63f; }
#wbai .lp-radar { position:relative; width:340px; margin:0 auto; }
#wbai .lp-radar img { width:100%; }
#wbai .lp-radar span { position:absolute; font-size:15px; line-height:1.4; white-space:nowrap; }
#wbai .radar-top { top:-25px; left:50%; transform:translateX(-50%); }
#wbai .radar-left { left:-50px; top:100px; } #wbai .radar-right { right:-50px; top:100px; }
#wbai .radar-bottom-left { bottom:-4px; left:-10px; } #wbai .radar-bottom-right { bottom:-4px; right:-30px; }
#wbai .lp-space { margin-top:125px; }
#wbai .lp-scores { display:flex; align-items:center; justify-content:space-between; gap:55px; margin:60px 20px 0; }
#wbai .lp-rating { width:350px; }
#wbai .lp-score-cards { display:flex; gap:12px; } #wbai .lp-score-cards img { width:145px; }
#wbai .lp-spaces { position:relative; height:700px; margin-top:40px; }
#wbai .lp-spaces>img,#wbai .lp-spaces>div { position:absolute; }
#wbai .space-one { width:240px; top:0; left:240px; }
#wbai .space-two { width:246px; top:340px; left:13px; }
#wbai .space-three { width:438px; top:192px; right:20px; }
#wbai .space-good { width:100px; top:-9px; left:419px; color:#ffb132; }
#wbai .space-heart { width:100px; top:264px; left:166px; color:#00aed8; }
#wbai .space-check { width:120px; top:146px; left:682px; color:#ff3274; }
#wbai .lp-spaces span { display:block; text-align:center; font-size:16px; margin-top:6px; }
#wbai .lp-footer { margin-top:35px; text-align:center; }
#wbai .lp-footer p { font-size:24px; margin-bottom:75px; }
@media (min-width:1024px) and (max-width:1199px) {
 #wbai .lp-hero { padding-inline:48px; } #wbai h1 { font-size:96px; }
 #wbai .lp-story-copy { margin-left:280px; font-size:25px; }
 #wbai .lp-feature { margin-inline:80px; } #wbai .lp-feature>p br { display:none; }
 #wbai .lp-analysis { grid-template-columns:400px 1fr; gap:20px; }
 #wbai .lp-types dl { grid-template-columns:180px 180px; } #wbai .lp-radar { width:285px; }
 #wbai .lp-scores { gap:25px; margin-inline:0; } #wbai .lp-rating { width:300px; } #wbai .lp-score-cards img { width:130px; }
}
/* Approved PC body size. Keep heading and diagram label sizes separate. */
@media (min-width:1024px) {
  #wbai .lp-story-copy,
  #wbai .lp-feature > p,
  #wbai .lp-footer > p { font-size:18px; }
}

#wbai .lp-sp-only { display:none; }
/* Supplied SP artwork: 393 x 4920 (source 1179 x 14760).
   Keep the SP composition at tablet widths; shrink only on narrow phones. */
@media (max-width:1023px) {
 #okm--special--contents--wrapper { padding-top:66px; }
 #wbai { --s: min(1px, calc(100vw / 393)); }
 #wbai.wbai-product { max-width:393px; padding-bottom:calc(120 * var(--s)); }
 #wbai .lp-sp-only { display:inline; }
 #wbai .lp-hero { padding:calc(96 * var(--s)) calc(24 * var(--s)) 0; }
 #wbai .lp-logo { width:calc(333 * var(--s)); margin:0 auto calc(64 * var(--s)); }
 #wbai h1 { font-size:calc(38 * var(--s)); line-height:1.4; letter-spacing:-.03em; white-space:nowrap; }
 #wbai .lp-lead { font-size:calc(18 * var(--s)); line-height:2; margin-top:calc(42 * var(--s)); }
 #wbai .lp-orange { width:calc(156 * var(--s)); top:calc(550 * var(--s)); right:calc(-8 * var(--s)); }
 #wbai .lp-story { margin-top:calc(170 * var(--s)); }
 #wbai .lp-story-copy { margin:0 calc(24 * var(--s)); font-size:calc(18 * var(--s)); line-height:2.6; }
 #wbai .lp-story-copy br { display:none; }
 #wbai .lp-story-copy p+p { margin-top:calc(48 * var(--s)); }
 #wbai .lp-green { width:calc(140 * var(--s)); left:calc(-24 * var(--s)); top:calc(695 * var(--s)); }
 #wbai .lp-story-person { width:calc(130 * var(--s)); left:calc(115 * var(--s)); top:calc(685 * var(--s)); }
 #wbai .lp-lounge { height:calc(310 * var(--s)); margin-top:calc(280 * var(--s)); }
 #wbai .lp-sofa { width:calc(330 * var(--s)); right:calc(-10 * var(--s)); }
 #wbai .lp-pink { width:calc(170 * var(--s)); left:calc(66 * var(--s)); top:calc(140 * var(--s)); }
 #wbai .lp-contact { width:calc(345 * var(--s)); height:calc(64 * var(--s)); font-size:calc(20 * var(--s)); border-width:1.5px; }
 #wbai .lp-features { margin-top:calc(90 * var(--s)); }
 #wbai h2 { width:calc(290 * var(--s)); padding-bottom:calc(16 * var(--s)); text-align:center; font-size:calc(34 * var(--s)); line-height:1.1; }
 #wbai .lp-video { width:calc(345 * var(--s)); max-width:none; margin:calc(72 * var(--s)) auto calc(64 * var(--s)); }
 #wbai .lp-feature { margin:0 calc(24 * var(--s)); }
 #wbai h3 { font-size:calc(27 * var(--s)); gap:calc(7 * var(--s)); line-height:1.6; }
 #wbai h3::before { width:calc(24 * var(--s)); height:calc(24 * var(--s)); }
 #wbai .lp-feature>p { font-size:calc(16 * var(--s)); line-height:1.8; margin-top:calc(14 * var(--s)); }
 #wbai .lp-feature>p+p { margin-top:calc(28 * var(--s)); }
 #wbai .lp-analysis { display:flex; flex-direction:column; gap:calc(55 * var(--s)); margin-top:calc(40 * var(--s)); align-items:stretch; }
 #wbai .lp-types { padding-inline:calc(6 * var(--s)); }
 #wbai .lp-types h4 { font-size:calc(14 * var(--s)); margin-bottom:calc(18 * var(--s)); }
 #wbai .lp-types dl { grid-template-columns:repeat(2,minmax(0,1fr)); gap:calc(20 * var(--s)) calc(34 * var(--s)); }
 #wbai .lp-types dt { font-size:calc(15 * var(--s)); padding:calc(6 * var(--s)) 0; }
 #wbai .lp-types dd { font-size:calc(12 * var(--s)); margin-top:calc(8 * var(--s)); }
 #wbai .lp-radar { width:calc(180 * var(--s)); margin:0 auto; }
 #wbai .lp-radar span { font-size:calc(10 * var(--s)); }
 #wbai .radar-top { top:calc(-18 * var(--s)); }
 #wbai .radar-left { left:calc(-45 * var(--s)); top:calc(50 * var(--s)); }
 #wbai .radar-right { right:calc(-45 * var(--s)); top:calc(50 * var(--s)); }
 #wbai .radar-bottom-left { left:calc(-20 * var(--s)); } #wbai .radar-bottom-right { right:calc(-30 * var(--s)); }
 #wbai .lp-space { margin-top:calc(80 * var(--s)); }
 #wbai .lp-scores { flex-direction:column; align-items:flex-start; gap:calc(18 * var(--s)); margin:calc(40 * var(--s)) 0 0; }
 #wbai .lp-rating { width:calc(230 * var(--s)); }
 #wbai .lp-score-cards { width:100%; gap:calc(8 * var(--s)); }
 #wbai .lp-score-cards img { width:calc((100% - 16 * var(--s)) / 3); }
 #wbai .lp-spaces { height:calc(650 * var(--s)); margin-top:calc(70 * var(--s)); }
 #wbai .space-one { width:calc(140 * var(--s)); left:calc(115 * var(--s)); top:0; }
 #wbai .space-two { width:calc(145 * var(--s)); left:0; top:calc(205 * var(--s)); }
 #wbai .space-three { width:calc(270 * var(--s)); right:0; top:calc(350 * var(--s)); }
 #wbai .space-good { width:calc(70 * var(--s)); left:auto; right:calc(40 * var(--s)); top:0; }
 #wbai .space-heart { width:calc(80 * var(--s)); left:calc(10 * var(--s)); top:calc(110 * var(--s)); }
 #wbai .space-check { width:calc(100 * var(--s)); left:auto; right:calc(20 * var(--s)); top:calc(250 * var(--s)); }
 #wbai .lp-spaces span { font-size:calc(12 * var(--s)); margin-top:calc(4 * var(--s)); }
 #wbai .lp-footer { margin-top:calc(35 * var(--s)); }
 #wbai .lp-footer p { font-size:calc(18 * var(--s)); line-height:1.5; margin-bottom:calc(28 * var(--s)); }
}

@media (prefers-reduced-motion: reduce) {
  #wbai .lp-contact { transition:none; }
}

/* PC story: match the supplied composition independently of body font metrics. */
@media (min-width:1024px) {
 #wbai .lp-story { --story-unit:calc(min(100vw, 1200px) / 1200); }
 #wbai .lp-story-copy { margin-left:calc(320 * var(--story-unit)); font-size:18px; line-height:calc(54 * var(--story-unit)); }
 #wbai .lp-story-copy p { line-height:calc(54 * var(--story-unit)); }
 #wbai .lp-story-copy p+p { margin-top:calc(54 * var(--story-unit)); }
 #wbai .lp-green { width:calc(178.2 * var(--story-unit)); left:calc(-20 * var(--story-unit)); top:calc(-20 * var(--story-unit)); }
 #wbai .lp-story-person { width:calc(204.12 * var(--story-unit)); left:calc(25.36 * var(--story-unit)); top:calc(148.2 * var(--story-unit)); }
 #wbai .lp-lounge { margin-top:calc(80 * var(--story-unit)); height:calc(520 * var(--story-unit)); }
 #wbai .lp-pink { width:calc(205 * var(--story-unit)); left:calc(544 * var(--story-unit)); top:calc(20 * var(--story-unit)); }
 #wbai .lp-sofa { width:calc(540 * var(--story-unit)); right:calc(-5 * var(--story-unit)); top:calc(-10 * var(--story-unit)); }
}

/* Keep the green ring in front of the illustration at their overlap. */
#wbai .lp-green { z-index:2; }
#wbai .lp-story-person { z-index:1; }
@media (min-width:1024px) {
 #wbai .lp-feature>p+p { margin-top:24px; }
 #wbai .lp-analysis { margin-top:50px; align-items:start; }
 #wbai .lp-types h4 { margin-bottom:28px; }
 #wbai .lp-types dl { row-gap:26px; grid-auto-rows:96px; }
 #wbai .lp-types dt { font-size:20px; line-height:1.4; }
 #wbai .lp-types dd { padding-left:8px; font-size:16px; line-height:1.4; margin-top:10px; }
 #wbai .lp-radar { width:278px; margin:64px auto 0; }
 #wbai .radar-top { top:-25px; }
 #wbai .radar-left { left:auto; right:calc(100% + 16px); top:30%; }
 #wbai .radar-right { right:auto; left:calc(100% + 14px); top:30%; }
 #wbai .radar-bottom-left { left:auto; right:85%; bottom:-5px; }
 #wbai .radar-bottom-right { right:auto; left:87%; bottom:-5px; }
}

/* Restrained product-page reveals. Content is visible without JavaScript. */
#wbai.lp-motion .lp-reveal {
 opacity:0; transform:translate3d(0,8px,0);
 transition:opacity 1050ms cubic-bezier(.4,0,.2,1), transform 1050ms cubic-bezier(.22,1,.36,1);
}
#wbai.lp-motion .lp-reveal-art { transform:translate3d(0,12px,0) scale(.98); transform-origin:center; transition-duration:1350ms; }
#wbai.lp-motion .lp-reveal-ring { transform:translate3d(0,8px,0); transition-duration:1450ms; }
#wbai.lp-motion .lp-reveal-cta { transform:none; transition-duration:600ms; }
#wbai.lp-motion .lp-reveal-visible { opacity:1; transform:none; }
#wbai.lp-motion:not(.lp-motion-ready) .lp-reveal { transition:none; }
@media (prefers-reduced-motion:reduce) {
 #wbai.lp-motion .lp-reveal { opacity:1; transform:none; transition:none; }
}

/* One logo moves from the white opening into the actual page position. */
#lp-intro { display:none; }
html.lp-intro-active { overflow:hidden; }
html.lp-intro-active body { position:fixed; top:0; left:0; width:100%; overflow:hidden; }
html.lp-intro-active #lp-intro { display:flex; position:fixed; inset:0; z-index:2147483647; align-items:center; justify-content:center; background:#fff; visibility:visible; transition:background-color 900ms cubic-bezier(.4,0,.2,1); }
#lp-intro img { width:min(58vw,600px); height:auto; transform-origin:top left; }
html.lp-intro-active #lp-intro.lp-intro-moving { background:transparent; }
html.lp-intro-active:not(.lp-intro-landed) #wbai .lp-logo { visibility:hidden; }
html.lp-intro-active #wbai h1 { opacity:0; transform:translateY(5px); transition:opacity 1200ms cubic-bezier(.4,0,.2,1) 120ms,transform 1200ms cubic-bezier(.22,1,.36,1) 120ms; }
html.lp-intro-active.lp-intro-landed #wbai h1 { opacity:1; transform:none; }
@media (min-width:1024px) and (max-height:900px) {
 #wbai .lp-hero { padding-top:clamp(24px,6vh,54px); }
 #wbai .lp-logo { width:540px; margin-bottom:clamp(24px,5vh,45px); }
}
@media (max-width:1023px) {
 #lp-intro img { width:min(80vw,400px); }
 #wbai .lp-hero { padding-top:calc(40 * var(--s)); }
 #wbai .lp-logo { margin-bottom:calc(40 * var(--s)); }
}
@media (prefers-reduced-motion:reduce) { #lp-intro,#wbai h1 { transition:none; } }

/* Detail choreography: headings, meeting types, and chart labels. */
#wbai.lp-motion .lp-reveal-heading { transition-duration:1000ms; }
#wbai.lp-motion h3.lp-reveal::before { transform:scale(.65); transition:transform 1100ms cubic-bezier(.22,1,.36,1); }
#wbai.lp-motion h3.lp-reveal-visible::before { transform:scale(1); }
#wbai.lp-motion .lp-reveal-type { transition-duration:1000ms; }
#wbai.lp-motion .lp-radar span { opacity:0; transition:opacity 650ms ease; }
#wbai.lp-motion .lp-radar.lp-graph-visible span { opacity:1; }
#wbai.lp-motion .lp-radar.lp-graph-visible .radar-left,
#wbai.lp-motion .lp-radar.lp-graph-visible .radar-right { transition-delay:80ms; }
#wbai.lp-motion .lp-radar.lp-graph-visible .radar-bottom-left,
#wbai.lp-motion .lp-radar.lp-graph-visible .radar-bottom-right { transition-delay:160ms; }
@media (prefers-reduced-motion:reduce) {
 #wbai.lp-motion .lp-radar span { opacity:1; transition:none; }
 #wbai.lp-motion h3.lp-reveal::before { transform:none; transition:none; }
}

/* SP opening/story alignment from the supplied 316px-wide reference crop. */
@media (max-width:1023px) {
 #wbai .lp-hero { padding-top:calc(96 * var(--s)); padding-inline:calc(26 * var(--s)); }
 #wbai .lp-logo { width:calc(338 * var(--s)); max-width:none; margin:0 0 calc(64 * var(--s)); }
 #wbai .lp-lead { font-size:calc(20 * var(--s)); line-height:calc(36 * var(--s)); }
 #wbai .lp-story { margin-top:calc(100 * var(--s)); }
 #wbai .lp-story-copy { margin-inline:calc(26 * var(--s)); font-size:calc(20 * var(--s)); line-height:calc(48 * var(--s)); }
 #wbai .lp-story-copy p+p { margin-top:calc(48 * var(--s)); }
 #wbai .lp-green { top:calc(725 * var(--s)); }
 #wbai .lp-story-person { width:calc(144 * var(--s)); left:calc(112 * var(--s)); top:calc(715 * var(--s)); }
}
@media (max-width:1023px) {
 #wbai h1 { font-size:calc(40 * var(--s)); }
 #wbai .lp-lead { font-size:calc(18 * var(--s)); white-space:nowrap; font-feature-settings:"palt"; }
 #wbai .lp-story { margin-top:calc(190 * var(--s)); }
 #wbai .lp-story-copy { font-size:calc(19 * var(--s)); font-feature-settings:"palt"; }
}

/* SP spacing and diagrams from the supplied CTA / lower-page reference crops. */
@media (max-width:1023px) {
 #wbai .lp-lounge { height:calc(408 * var(--s)); }
 #wbai h2 { width:calc(290 * var(--s)); }
 #wbai .lp-video { aspect-ratio:16 / 9; }
 #wbai .lp-feature>p+p { margin-top:calc(32 * var(--s)); }
 #wbai .lp-types dl { column-gap:calc(34 * var(--s)); row-gap:calc(22 * var(--s)); }
 #wbai .lp-radar { width:calc(180 * var(--s)); }
 #wbai .radar-left { left:auto; right:calc(100% + 10 * var(--s)); top:30%; }
 #wbai .radar-right { right:auto; left:calc(100% + 10 * var(--s)); top:30%; }
 #wbai .radar-bottom-left { left:auto; right:85%; bottom:calc(-3 * var(--s)); }
 #wbai .radar-bottom-right { right:auto; left:87%; bottom:calc(-3 * var(--s)); }
 #wbai .lp-space { margin-top:calc(90 * var(--s)); }
 #wbai .lp-rating { width:calc(230 * var(--s)); }
 #wbai .lp-spaces { margin-top:calc(66 * var(--s)); height:calc(625 * var(--s)); }
 #wbai .space-one { left:calc(120 * var(--s)); }
 #wbai .space-good { right:calc(12 * var(--s)); width:calc(78 * var(--s)); }
 #wbai .space-check { right:calc(16 * var(--s)); top:calc(260 * var(--s)); }
 #wbai .lp-footer { margin-top:calc(35 * var(--s)); }
}

/* Fade the real chart in after loading, rather than exposing the GIF abruptly. */
#wbai.lp-motion .lp-radar img[data-gif-src] { opacity:0; transition:opacity 1000ms cubic-bezier(.4,0,.2,1); }
#wbai.lp-motion .lp-radar img.lp-gif-ready { opacity:1; }
@media (prefers-reduced-motion:reduce) {
 #wbai.lp-motion .lp-radar img[data-gif-src] { opacity:1; transition:none; }
}

/* Final test_調整版 typography; main copy uses the requested Bold weight. */
#wbai { --font:"UD Shin Go Regular","UD Shin Go","UD新ゴ","Hiragino Kaku Gothic ProN",sans-serif; font-family:var(--font); }
#wbai h1 { font-family:"UD Shin Go Bold",var(--font); font-weight:700; }
#wbai .lp-story-copy,#wbai .lp-feature>p,#wbai .lp-footer>p { font-family:var(--font); font-weight:400; }
@media (min-width:1024px) {
 #wbai h1 { font-size:80px; line-height:1.45; }
 #wbai .lp-lead { font-family:"UD Shin Go Bold",var(--font); font-weight:600; font-size:20px; line-height:2; }
 #wbai .lp-story-copy,#wbai .lp-feature>p { font-size:18px; }
 #wbai .lp-footer>p { font-size:18px; }
 #wbai .lp-orange { top:calc(100% - 160px); }
}
@media (max-width:1023px) {
 #wbai h1 { font-size:calc(53 * var(--s)); line-height:1.35; white-space:normal; }
 #wbai .lp-title-segment { display:block; }
 #wbai .lp-title-pc-break { display:none; }
 #wbai .lp-lead { font-family:"UD Shin Go DemiBold",var(--font); font-weight:600; font-size:calc(18 * var(--s)); line-height:2; }
 #wbai .lp-story-copy,#wbai .lp-feature>p,#wbai .lp-footer>p { font-size:calc(18 * var(--s)); }
 #wbai .lp-orange { top:calc(100% + 24 * var(--s)); }
}

/* Rebalance body spacing for the final 14px desktop typography.
   SP retains its established 18px composition and artwork positions. */
@media (min-width:1024px) {
 #wbai .lp-story-copy,
 #wbai .lp-story-copy p { line-height:2.6; }
 #wbai .lp-story-copy p+p { margin-top:36px; }
 #wbai .lp-feature>p { line-height:2; }
 #wbai .lp-feature>p+p { margin-top:12px; }
 #wbai .lp-footer>p { line-height:1.8; }
}

/* Desktop opening: tighter spacing around the smaller teaser typography. */
@media (min-width:1024px) {
 #wbai .lp-lead { margin-top:56px; }
 #wbai .lp-story { margin-top:160px; }
 #wbai .lp-orange { width:280px; }
 #wbai .lp-story-person { top:calc(128.2 * var(--story-unit)); }
}

/* Secondary desktop typography follows the 14px body scale. */
@media (min-width:1024px) {
 #wbai h2 { font-size:40px; }
 #wbai h3 { font-size:30px; gap:10px; }
 #wbai h3::before { width:26px; height:26px; }
 #wbai .lp-types h4 { font-size:18px; margin-bottom:22px; }
 #wbai .lp-types dt { font-size:16px; padding-block:7px; }
 #wbai .lp-types dd { font-size:14px; line-height:1.6; margin-top:8px; }
 #wbai .lp-types dl { grid-auto-rows:auto; row-gap:24px; }
 #wbai .lp-radar span { font-size:14px; }
 #wbai .lp-spaces span { font-size:14px; }
 #wbai .lp-footer>p { font-size:18px; }
 #wbai .lp-contact { font-size:20px; }
}

/* Scale the desktop lounge artwork as a pair, preserving its composition. */
@media (min-width:1024px) {
 #wbai .lp-lounge { transform:scale(.9); transform-origin:right top; height:calc(357 * var(--story-unit) - 20px); }
}

/*泉　追加箇所*/

#wbai .lp-orange,
#wbai .lp-green,
#wbai .lp-pink {
  transform-origin: center;
  animation: dots-rotate 50s linear infinite;
}

@keyframes dots-rotate {
  from { rotate: 0deg; }
  to   { rotate: 360deg; }
}

@media (prefers-reduced-motion: reduce) {
  #wbai .lp-orange,
  #wbai .lp-green,
  #wbai .lp-pink {
    animation: none;
  }
}

/* #wbai .lp-video-cover {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: var(--paper);
  cursor: pointer;
  display: grid;
  place-items: center;
}

#wbai .lp-video-cover img {
  width: 85%;
}

#wbai .lp-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(48px, 8vw, 80px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--blue);
  color: #fff;
  display: grid;
  place-items: center;
  padding-left: 4px;
  font-size: 24px;
}

#wbai .lp-video-cover:focus-visible {
  outline: 3px solid var(--ink);
  outline-offset: 4px;
} */
/* Attach the outline to the player itself so its lower edge also aligns on SP. */
#wbai .lp-video { border:0; outline:none; aspect-ratio:auto; line-height:0; }
#wbai .lp-video iframe { position:static; display:block; width:100%; height:auto; aspect-ratio:16 / 9; padding:0; margin:0; outline:1px solid #aaa79b; outline-offset:0; }