:root{

  --accent-green:#178277;   --accent-green-2:#22BFAF;
  --accent-red:#CC2435;     --accent-red-2:#E15664;
  --accent-purple:#6826D9;  --accent-purple-2:#9263E3;
  --accent-blue:#205CB6;    --accent-blue-2:#407FDD;

  --course:var(--accent-blue);
  --course-2:var(--accent-blue-2);

  --brand:var(--accent-blue);
  --brand-2:var(--accent-blue-2);

  --course-tint:#E8F7F4;
  --course-mk:#FFF7A8;

  --ink:#0b0b0d;
  --muted:#6c6c73;
  --line:#e9e9eb;
  --panel:#EFEFEF;
  --white:#ffffff;
  --slot-fg:#4a4a52;
  --panel-dark:#1E1E22;
  --panel-dark-2:#3A3A40;
  --dim:rgba(0,0,0,.45);

  --fs-num:74px;
  --fs-h1:40px;
  --fs-h2:32px;
  --fs-h3:24px;
  --fs-h4:20px;
  --fs-lead:18px;
  --fs-text:16px;
  --fs-note:14px;
  --fs-price:48px;
  --logo-h:24px;
  --hd-h:70px;

  --fw-mid:500;
  --fw-bold:700;

  --lh-text:1.7;
  --lh-head:1.5;
  --lh-one:1;

  --sp-tight:8px;
  --sp-row:12px;
  --sp-near:16px;
  --sp-mid:24px;
  --sp-far:48px;
  --sp-part:88px;

  --sec:88px;

  --ic-xs:8px;
  --ic-sm:16px;
  --ic-md:24px;
  --ic-lg:32px;
  --ic-xl:36px;
  --ic-2xl:40px;
  --ic-3xl:48px;
  --ic-4xl:56px;

  --btn-h:48px;
  --btn-h-md:64px;
  --btn-h-lg:84px;
  --btn-w:400px;
  --btn-w-hero:512px;

  --face-sm:32px;
  --face-md:72px;
  --face-lg:112px;

  --wrap-full:1400px;
  --wrap-xl:1272px;
  --wrap-lg:1080px;

  --wpad:0px;

  --read:720px;

  --fv-col:535px;

  --cw-lg:552px;
  --cw-md:480px;
  --cw-sp:78vw;

  --modal-w:min(1000px,92vw);

  --sh-sm:0 2px 1px -1px rgba(0,0,0,.20), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
  --sh:0 3px 1px -2px rgba(0,0,0,.20), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
  --sh-lg:0 5px 5px -3px rgba(0,0,0,.20), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
  --sh-out:20px;

  --r-sm:8px;
  --r-card:12px;
  --r-lg:16px;
  --r-chip:4px;
  --r-btn:999px;

  --ic-check:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-circle-check' > <path stroke='none' d='M0 0h24v24H0z' fill='none'/> <path d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0' /> <path d='M9 12l2 2l4 -4' /> </svg>");
}
@media (max-width:1439px){

  :root{ --wpad:24px }
}
@media (max-width:959px){

  :root{
      --wpad:16px;
      --fs-num:40px;
      --fs-h1:24px;
      --fs-h2:24px;
      --fs-h3:18px;
      --fs-h4:16px;
      --fs-lead:16px;
      --fs-text:14px;
      --fs-note:12px;
    }
}

.course-3dcg  { --course:var(--accent-green);  --course-2:var(--accent-green-2);  --course-tint:#E8F7F4 }
.course-cad   { --course:var(--accent-red);    --course-2:var(--accent-red-2);    --course-tint:#FFEAE8 }
.course-archix{ --course:var(--accent-purple); --course-2:var(--accent-purple-2); --course-tint:#F3EFFF }
.course-persc { --course:var(--accent-blue);   --course-2:var(--accent-blue-2);   --course-tint:#E8F4FF }

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Noto Sans JP","游ゴシック",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"Droid Sans",sans-serif; font-size:var(--fs-text);line-height:var(--lh-text);color:var(--ink);background:var(--white);letter-spacing:.02em;position:relative}
main{position:relative;z-index:1}
header{border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--white);z-index:10}
footer{border-top:1px solid var(--line);padding:var(--sec) 0 var(--sp-far)}
.footer__in{align-items:start;max-width:var(--wrap-lg);margin-inline:auto;gap:var(--sp-far)}
.footer__ttl{color:var(--ink);margin-bottom:var(--sp-tight)}
.footer__copy{margin-top:var(--sp-far);padding-top:var(--sp-mid);border-top:1px solid var(--line)}
:focus-visible{outline:2px solid var(--course);outline-offset:2px}

h1{font-size:var(--fs-h1);line-height:var(--lh-head);color:var(--ink);font-weight:var(--fw-bold)}
h2{font-size:var(--fs-h2);line-height:var(--lh-head);color:var(--ink);font-weight:var(--fw-bold);letter-spacing:.02em}
h3{font-size:var(--fs-h3);line-height:var(--lh-head);color:var(--ink);font-weight:var(--fw-bold)}
h4{font-size:var(--fs-h4);line-height:var(--lh-head);color:var(--ink);font-weight:var(--fw-bold)}

h1,h2,h3,.why__mid,.lead,.plan__price,td,th,summary{word-break:auto-phrase}
[data-wbr]{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.u-nb{white-space:nowrap}
li,summary,dd,figcaption{text-wrap-style:pretty}
td,th{text-wrap-style:balance}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}

.sec h2.slot{font-size:var(--fs-h1)}
.slot{color:var(--slot-fg)}
:where(p,div,span,a).slot{font-size:var(--fs-text)}

.wrap{margin:0 auto;padding:0 var(--wpad)}
.wrap--full{max-width:var(--wrap-full)}
.wrap--xl{max-width:var(--wrap-xl)}
.wrap--lg{max-width:var(--wrap-lg)}
.sec{position:relative;overflow:hidden;padding:var(--pt,0) 0 var(--pb,0)}

.sec h2 + *{margin-top:var(--sp-far)}
.grid > h2 + *,[class*="gap-"] > h2 + *,.prose > h2 + *{margin-top:0}
.media > div > h2 + *{margin-top:calc(var(--sp-far) - var(--sp-mid))}
.sec{--pt:var(--sec);--pb:var(--sec)}
.sec>*{position:relative;z-index:1}
.navlink{color:var(--ink);text-decoration:none}
.ftlink:hover,.navlink:hover{color:var(--brand)}
.ftlink{display:block;text-decoration:none}
.nav{display:flex;gap:var(--sp-mid);font-weight:var(--fw-bold)}
.nav__group{position:relative}
.nav__toggle{display:inline-flex;align-items:center;gap:var(--sp-tight);
             appearance:none;border:0;background:none;padding:0;cursor:pointer;
             font:inherit;color:var(--ink)}
.nav__caret{width:10px;height:6px;background:currentColor;clip-path:polygon(0 0,100% 0,50% 100%);transition:transform .2s}
.nav__toggle[aria-expanded="true"] .nav__caret{transform:scaleY(-1)}
.nav__panel{display:none;position:absolute;left:0;top:calc(100% + var(--sp-row));z-index:20;
            flex-direction:column;gap:var(--sp-row);white-space:nowrap;
            background:var(--white);border-radius:var(--r-sm);box-shadow:var(--sh);
            padding:var(--sp-near) var(--sp-mid)}
.nav__panel.is-open{display:flex}
br.only-sp{display:none}
.m-menu{display:none}
.icon{width:var(--ic-md);height:var(--ic-md);display:block;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav__head,.nav__foot{display:none}
header .btn--sub{border-color:var(--brand);color:var(--brand)}

.header__logo{display:inline-flex;align-items:center;flex:none}
.header__logo img{height:var(--logo-h);width:auto;display:block}
.header__in{justify-content:flex-end;gap:var(--sp-mid);height:calc(var(--hd-h) - 1px)}
.header__logo{margin-right:auto}
@media (max-width:959px){
  br.only-pc{display:none}
  br.only-sp{display:inline}

  :root{--drawer-w:min(82vw,320px)}
  .nav{position:fixed;left:0;top:0;bottom:0;width:var(--drawer-w);z-index:30;
       flex-direction:column;gap:0;background:var(--white);
       border-right:1px solid var(--line);box-shadow:var(--sh-lg);
       padding:var(--sp-mid) var(--sp-near);display:flex;overflow-y:auto;
       transform:translateX(-100%);transition:transform .25s;visibility:hidden}
  .nav.is-open{transform:translateX(0);visibility:visible}
  body:has(.nav.is-open)::after{content:"";position:fixed;inset:0 0 0 var(--drawer-w);z-index:20;background:rgba(11,11,13,.4)}
  .nav__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-near)}
  .nav__logo{display:inline-flex;align-items:center;flex:none}
  .nav__logo img{height:var(--logo-h);width:auto;display:block}
  .nav__close{display:flex;align-items:center;justify-content:center;flex:none;
              appearance:none;border:0;background:none;padding:0;cursor:pointer;
              width:var(--ic-2xl);height:var(--ic-2xl);color:var(--ink)}
  .nav__foot{display:grid;gap:var(--sp-row);margin-top:var(--sp-mid)}
  .nav .navlink{display:block;padding:var(--sp-near) 0}
  .nav .nav__login{display:none}
  .nav__group{position:static}
  .nav .nav__toggle{display:flex;width:100%;justify-content:space-between;align-items:center;padding:var(--sp-near) 0}
  .nav__panel{position:static;box-shadow:none;border-radius:0;padding:0 0 var(--sp-row) var(--sp-near);gap:0}
  .nav__panel .navlink{padding:var(--sp-tight) 0;border-top:0}
  .nav__group + .navlink{border-top:1px solid var(--line)}
  .nav>.navlink + .navlink{border-top:1px solid var(--line)}
  .header__in>.btn{order:3;margin-left:auto;min-width:0;width:auto;padding:var(--sp-row) var(--sp-near);}
  .header__in{gap:var(--sp-tight)}
  :root{--hd-h:65px}
  .header__logo{order:2;margin-right:0}
  .m-menu{order:1;display:flex;align-items:center;justify-content:center;
          appearance:none;border:0;background:none;cursor:pointer;
          width:var(--ic-2xl);height:var(--ic-2xl);
          font-size:var(--fs-h3);line-height:var(--lh-one);color:var(--ink)}

  .sec{--pt:var(--sp-far);--pb:var(--sp-far)}
  .sec h2 + *{margin-top:var(--sp-mid)}
  .grid > h2 + *,[class*="gap-"] > h2 + *,.prose > h2 + *{margin-top:0}
  .media > div > h2 + *{margin-top:0}
  .sec h2{margin-bottom:0}
}

.heading--thin{font-size:var(--fs-h4);font-weight:var(--fw-mid);line-height:var(--lh-head)}
.sublabel{font-size:var(--fs-note);color:var(--slot-fg);line-height:var(--lh-text);font-weight:var(--fw-bold)}
.lnk-more{background:none;border:0;font-size:var(--fs-text);font-weight:var(--fw-bold);color:var(--course);cursor:pointer;text-decoration:underline}
.mark{font-weight:var(--fw-bold);background:linear-gradient(transparent 64%,var(--course-mk) 64%);padding:0 1px}
.text{font-size:var(--fs-text);line-height:var(--lh-text);font-weight:var(--fw-mid)}
.lead{font-size:var(--fs-lead);font-weight:var(--fw-mid)}
.note{font-size:var(--fs-note);color:var(--muted)}
.heading--sm{font-size:var(--fs-lead);font-weight:var(--fw-bold);line-height:var(--lh-head)}
.heading--lg{font-size:var(--fs-h2)}
.caption{font-size:var(--fs-note);color:var(--muted)}
.notelist{list-style:none}
.notelist li{position:relative;padding-left:calc(1em + var(--sp-tight))}
.notelist li::before{content:"・";color:var(--muted);position:absolute;left:0}
.notelist li>strong:first-child{display:block;margin-bottom:var(--sp-tight)}
.notelist li:has(>strong:first-child)+li{margin-top:var(--sp-near)}
.rows{display:grid;list-style:none}
.rows__it{display:grid;gap:var(--sp-tight);padding-block:var(--sp-near);border-top:1px solid var(--line)}
.rows__it:first-child{border-top:0;padding-top:0}
.rows__it:last-child{padding-bottom:0}
.rows__ttl{font-weight:var(--fw-bold)}
.heading{font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:var(--lh-head)}

.label      {font-size:var(--fs-note);font-weight:var(--fw-bold)}
.label--thin{font-size:var(--fs-note);font-weight:var(--fw-mid)}
.num        {font-size:var(--fs-num);font-weight:var(--fw-mid);line-height:var(--lh-one)}
.num--sm    {font-size:var(--fs-h1);font-weight:var(--fw-bold);line-height:var(--lh-one)}

p.voice__ttl{font-size:var(--fs-h4);font-weight:var(--fw-mid);
          min-height:calc(22px * 1.65 * 2)}
.voice__sign .slot{font-size:var(--fs-note)}

.why__eb{font-weight:var(--fw-bold);line-height:var(--lh-head);
        letter-spacing:.04em;margin:0 0 var(--sp-row)}

.why__in::before{counter-increment:why;content:counter(why,decimal-leading-zero);
                 font-size:var(--fs-num);font-weight:var(--fw-mid);line-height:var(--lh-one);color:var(--course)}
h3.why__ttl{min-height:calc(18px * 1.6 * 2)}
.reason__chatlb{margin:0 0 var(--sp-near);color:#9A9AA2}
.reason__who{color:var(--course-2)}
.reason__who .slot{color:inherit}
.reason__mtxt{margin:var(--sp-row) 0 0;color:#E9E9EC}
h4.curriculum__ch{font-size:var(--fs-lead)}

.join__no{letter-spacing:.08em}
.plan__price{font-size:var(--fs-price);font-weight:var(--fw-bold);line-height:var(--lh-one)}
.plan__price .plan__yen{font-size:var(--fs-h3)}
.plan__price .plan__tax{font-size:var(--fs-note);font-weight:var(--fw-mid);color:var(--muted)}
.plan__fine{font-size:var(--fs-note)}
h3.teacher__big{font-size:var(--fs-h2)}
.teacher__role{font-weight:var(--fw-mid);margin-bottom:var(--sp-tight)}
.target__list .slot{font-weight:var(--fw-bold);font-size:var(--fs-lead)}
.point__inline{display:block;font-size:var(--fs-lead)}
.point__lb{font-size:var(--fs-h3);font-weight:var(--fw-mid);line-height:var(--lh-head)}
.sec h2.point__ttl{line-height:var(--lh-text)}
.point__small{font-size:var(--fs-h3)}
.reason__ctx{font-weight:var(--fw-mid)}
h3.study__ttl{min-height:calc(2em * var(--lh-head))}

h3.blender__subt{position:relative;
            border-top:1px solid var(--line)}
.intro__lb{margin-bottom:var(--sp-near)}

span.fv__num{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-one)}
.fv__micro .fv__slash{color:var(--course);font-size:var(--fs-h4);margin:0 6px;display:inline-block;transform:translateY(2px)}
@media (max-width:959px){

  p.voice__ttl{min-height:0}
  h3.why__ttl{min-height:calc(16px * 1.6 * 2)}
}

@media (max-width:959px){
  .fv__fore{display:flex;flex-direction:column;width:100%}
}

.sec__lead{margin:var(--sp-mid) auto 0;max-width:var(--read)}
.sec__lead + .sec__lead{margin-top:0}
.target__lead{margin-top:var(--sp-near);text-align:center}
.cta__in{max-width:var(--read);margin:0 auto;width:100%}

.fv__col{max-width:var(--fv-col)}
p.fv__lead{font-size:var(--fs-h1);font-weight:var(--fw-bold);line-height:var(--lh-head)}

.fv__micro{margin:var(--sp-mid) 0 0}

.target__list{list-style:none;margin:var(--sp-far) auto 0;max-width:var(--read)}
.cta__lead{margin:var(--sp-mid) auto 0}
@media (max-width:959px){
  .fv__col{width:100%;margin-inline:auto;text-align:center}
}

.fv{background-position:center center;background-size:cover;background-repeat:no-repeat}

.fv{position:relative}

.fv{min-height:calc(100svh - var(--hd-h));display:grid;align-content:center}
.fv__fore{width:100%}
.fv__open{position:absolute;z-index:3;top:var(--sp-far);right:var(--sp-far);
  width:152px;height:152px;border-radius:50%;
  background:var(--course);color:var(--white);box-shadow:var(--sh-lg);
  display:grid;place-items:center;align-content:center;gap:2px;
  transform:rotate(8deg);text-align:center;line-height:var(--lh-head)}
.fv__open .slot{color:inherit}
.fv__open b{display:block;font-size:var(--fs-h2);font-weight:var(--fw-bold);letter-spacing:.02em}
.fv__open span{display:block;font-size:var(--fs-h4);font-weight:var(--fw-mid)}

.sec--tint{background:var(--panel)}
.sec--cta{background:var(--panel-dark);color:var(--white)}
.sec--cta :is(h2,p,li){color:var(--white)}
.sec--cta p a{color:var(--white)}
.sec--overhang{--pb:180px}

.sec--photo{
  background-color:var(--ink);background-image:linear-gradient(var(--dim),var(--dim));background-position:center;background-size:cover;background-repeat:no-repeat}
.sec--photo h2,.sec--photo .cta__lead{color:var(--white)}
.sec--photo .btn--sub{border-color:var(--white);color:var(--white);background:rgba(255,255,255,.06)}

.sec--photo h2.cta__cap{color:var(--white);font-size:var(--fs-h3)}
.sec--photo .cta__note{color:rgba(255,255,255,.86)}

.phead{background-color:var(--ink);background-image:linear-gradient(var(--dim),var(--dim));background-position:center;background-size:cover;background-repeat:no-repeat;display:grid;align-content:center;min-height:448px}
.phead>.wrap{width:100%}
.phead :is(h1,p){color:var(--white)}
.phead .label{color:var(--white)}
.phead .note{color:rgba(255,255,255,.86)}

@media (max-width:959px){

  .fv__open{top:300px;right:var(--sp-tight);width:88px;height:88px}
  .fv__open b{font-size:var(--fs-h3)}
  .fv__open span{font-size:var(--fs-note)}

  .fv{display:flex;flex-direction:column;background-position:center -40px;background-size:cover;background-repeat:no-repeat;
        min-height:calc(100svh - var(--hd-h));align-items:flex-start;background-color:var(--white)}

  .fv__fore{flex:1}
  .fv__fore::before{content:"";position:absolute;left:0;right:0;bottom:calc(-1 * var(--pb));height:250px;pointer-events:none;
    background:linear-gradient(to top,rgba(255,255,255,.96) 0,rgba(255,255,255,.96) 170px,rgba(255,255,255,0) 250px)}
  .fv__col{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}
  .fv__stats,.fv__col .btns{align-self:stretch}
  .fv__micro{margin-top:auto}

  .sec--overhang{--pb:130px}
  .phead{min-height:432px}
}

.grid  {display:grid}
.stack {display:flex;flex-direction:column}
.voice__sign{align-items:center;gap:var(--sp-tight);text-align:center;font-size:var(--fs-note)}
.reason__msg+.reason__msg{margin-top:var(--sp-mid);padding-top:var(--sp-mid);border-top:1px solid rgba(255,255,255,.14)}
.curriculum__step{--cw:var(--cw-md);grid-template-columns:minmax(0,1fr)}
.curriculum__pj{align-content:start}
.join__grid>div{align-content:start}

.teacher__body{border-top:1px dashed var(--line);padding-top:var(--sp-mid)}
.media>div{display:grid;gap:var(--sp-mid);--media-gap:var(--sp-mid);--media-joined:1}

.blender__cards>li{align-content:start}
@media (max-width:959px){
  .voice__sign>div{line-height:var(--lh-head)}
  .blender__cards>li{max-width:var(--cw-sp);justify-self:center}
}

.row   {display:flex;align-items:center}
.row--center{justify-content:center}
.btns{display:flex;gap:var(--sp-row);flex-wrap:wrap}
.btns--center{justify-content:center}
.fv__stats{display:flex;gap:var(--sp-row)}
.curriculum__tags{display:flex;flex-wrap:wrap}
.plan__cards{justify-content:center;gap:var(--sp-near);margin:var(--sp-row) auto 0}
.plan__plan>.btns{margin-top:auto;padding-top:var(--sp-mid)}
.point__head .point__lb{justify-content:center}
@media (max-width:959px){
  .fv__col .btns{justify-content:center}
  .fv__stats{gap:var(--sp-tight)}
}

.cols    {display:grid;gap:var(--sp-mid)}
.cols--2 {grid-template-columns:1fr 1fr}
.cols--3 {grid-template-columns:repeat(3,1fr)}
.cols--4 {grid-template-columns:repeat(4,1fr)}
.cols>li{display:grid}

.compare{position:relative;gap:var(--sp-row)}

.voice__head{grid-template-columns:1fr auto;align-items:start}
.cta__band{position:relative;align-items:center;gap:var(--sp-far)}

.plan__tabs{display:none}
.tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--sp-tight);max-width:var(--read);margin-inline:auto}
.tabs__tab{min-height:var(--btn-h);padding:0 var(--sp-near);border:1px solid var(--line);border-radius:var(--r-btn);background:var(--white);color:var(--muted);font:inherit;font-weight:var(--fw-bold);cursor:pointer}
.tabs__tab[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--white)}
.tabs__tab:focus-visible{outline:2px solid var(--course);outline-offset:2px}
[role="tabpanel"][hidden]{display:none}

.teacher__top{grid-template-columns:2fr 3fr;grid-template-rows:auto 1fr;
          gap:var(--sp-near) var(--sp-mid);align-items:start}
.teacher__ns{grid-area:1/2/2/3}
.teacher__cv{grid-area:2/2/3/3}

.reason__mentors--solo{grid-template-columns:1fr 2fr}

.reason__chat{border-radius:var(--r-lg);
          padding:var(--sp-mid) var(--sp-mid) var(--sp-mid) var(--sp-far)}

.study__grid{list-style:none}
.study__grid--solo{max-width:calc((100% - var(--sp-mid)) / 2);margin-inline:auto}

.blender__cols{grid-template-columns:2fr 3fr;align-items:center}
@media (min-width:960px){ .intro__body>.intro__ill{margin-top:0} }
.blender__cards{list-style:none}
.intro__body{grid-template-columns:3fr 2fr;
          max-width:var(--read);margin:0 auto;align-items:center}
@media (max-width:959px){
  .cols--2,.cols--3,.cols--4{grid-template-columns:1fr}
  .study__grid--solo{max-width:none}
  .compare{grid-template-columns:1fr;gap:var(--sp-tight)}
  .plan__tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-tight);margin-top:var(--sp-far)}
  .teacher__top{display:flex;flex-direction:column;gap:0}
  .teacher__ns{order:1}
  .teacher__cv{order:3;margin-top:var(--sp-near)}
  .reason__chat{padding:var(--sp-near)}
  .intro__body>.intro__ill{order:1;max-width:640px;margin-inline:auto}
  .intro__body>.intro__txts{order:2;margin-top:var(--sp-mid)}
}

.media{align-items:center}
.media--wide{gap:var(--sp-far)}
.media .solo__slidet:has(+ .solo),.media .solo:has(+ .dots){margin-bottom:0}
.media .solo__slidet + .solo,.media .solo + .dots{margin-top:calc(var(--sp-near) - var(--media-gap))}
.curriculum__steps{gap:var(--sp-far)}
@media (min-width:960px){
  .media--rev>:first-child{order:1}
}
.reason__row + .reason__row{margin-top:var(--sp-far)}

.reason__row--wide{display:block}
.reason__row:not(.reason__row--wide)>div{gap:0}

.plan__plans{margin-top:var(--sp-far)}
.plan__list{list-style:none;gap:var(--sp-near)}
.plan__list li{display:grid;grid-template-columns:var(--ic-md) 1fr;gap:var(--sp-row);align-items:center;
              font-weight:var(--fw-bold)}

.plan__list li.is-off{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}

.card      {background:var(--white);border-radius:var(--r-lg);box-shadow:var(--sh);padding:var(--sp-mid)}
a.card{color:inherit;text-decoration:none}
.card--flat{box-shadow:none}
.card--line{border:1px solid var(--line)}
.card--sm  {border-radius:var(--r-sm);padding:var(--sp-tight)}
.card--near{padding:var(--sp-near)}
.card--lg  {padding:var(--sp-far)}
.card--flush{padding:0}
.card--dark{background:var(--panel-dark);color:var(--white)}
.card--tint{background:var(--course-tint)}
.plan__plan{padding:var(--sp-far)}
.voice__rail{align-items:stretch}

.compare__box{border-radius:var(--r-sm);background:var(--panel);padding:var(--sp-near)}
.compare__box--af{background:var(--course-tint)}

.why__sum{position:relative;z-index:1}

.plan__plan{
           position:relative}
.plan__plan--main{box-shadow:var(--sh-lg)}
.doc{display:grid;gap:var(--sp-near)}
.doc>.heading+.note{margin-top:calc(var(--sp-tight) - var(--sp-near))}
.doc>.btns{margin-top:auto;padding-top:calc(var(--sp-mid) - var(--sp-near))}

.teacher__card{max-width:var(--wrap-lg);margin:var(--sp-far) auto 0;
   }

.target__list>li{margin-top:var(--sp-near)}
.target__list>li:nth-child(odd){margin-right:var(--sp-far)}
.target__list>li:nth-child(even){margin-left:var(--sp-far)}
.reason__mentors--solo .reason__mcard{display:grid;grid-template-columns:1fr 2fr;grid-column:1/-1}
.reason__mentors--solo .reason__mbody{align-self:center;padding:var(--sp-mid)}
.reason__mcard{overflow:hidden}
.study__it{
        position:relative;
        align-content:start}
@media (max-width:959px){
  .voice__rail>.voice__card{padding:var(--sp-mid) var(--sp-near) var(--sp-near)}
  .reason__chatbox{padding:var(--sp-near)}
  .plan__plan[hidden]{display:none}
  .target__list>li:nth-child(even),.target__list>li:nth-child(odd){margin-left:0;margin-right:0}

  .reason__mentors--solo .reason__mcard{grid-template-columns:1fr}
  .reason__mentors--solo .reason__mbody{padding:var(--sp-near)}
}

.appeal{position:relative;max-width:962px;margin-inline:auto;background:var(--white);border:4px solid var(--course);border-radius:var(--r-lg);
  padding:var(--sp-near) var(--sp-mid);font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-head);text-align:center}
.appeal::before,.appeal::after{position:absolute;width:58px;height:52px;background:var(--white);color:var(--course);pointer-events:none;
  font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:88px;line-height:1;text-align:center;overflow:hidden}
.appeal::before{content:"\201C";left:-5px;top:-10px}
.appeal::after{content:"\201D";right:-5px;bottom:-10px}
@media (max-width:959px){
  .appeal{max-width:680px;padding:var(--sp-near) var(--sp-row);text-align:left}
  .appeal::before,.appeal::after{width:43px;height:40px;font-size:66px}
  .appeal::before{top:-18px}
  .appeal::after{bottom:-18px}
}

.chip{display:inline-block;border:2px solid var(--course);border-radius:var(--r-btn); padding:0 var(--sp-near);line-height:var(--lh-head);color:var(--course)}

.curriculum__tag{border:1px solid var(--line);border-radius:var(--r-chip);padding:4px var(--sp-row)}

h1.fv__pill{display:inline-block;border:2px solid var(--course);border-radius:var(--r-btn);
          background:var(--white);
          padding:var(--sp-tight) var(--sp-mid);font-size:var(--fs-lead)}
.compare__cap{display:inline-block;margin-bottom:var(--sp-near);letter-spacing:.08em;
         background:var(--muted);padding:4px var(--sp-row);border-radius:var(--r-chip)}
.compare__box--af .compare__cap{background:var(--course)}
.curriculum__badge{justify-self:start;background:var(--course);
           padding:var(--sp-tight) var(--sp-near)}
.reason__mrole{display:inline-block;padding:4px var(--sp-tight);border-radius:var(--r-chip);
           background:var(--panel)}
h3.blender__subt>span{background:var(--white);padding:0 var(--sp-row);position:relative;top:-.8em;
                 font-size:var(--fs-h3)}
h4.blender__ct{padding:0 var(--sp-row);
          border:2px solid var(--ink);border-radius:var(--r-btn);
          white-space:nowrap}

.eyebrow{display:flex;align-items:center;justify-content:center;gap:var(--sp-tight);font-size:var(--fs-note);font-weight:var(--fw-bold);letter-spacing:.14em;line-height:1;color:var(--course)}
.eyebrow__ic{width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.eyebrow+:is(h1,h2,h3){margin-top:var(--sp-row)}
@media (max-width:959px){

  h1.fv__pill{padding:var(--sp-tight) var(--sp-near)}
  .point__ttl .chip{padding:0 var(--sp-tight)}
  h4.blender__ct{padding:0 var(--sp-tight)}
}

.figure      {display:block;width:100%;height:auto;object-fit:cover;border-radius:0}
.figure--fit {object-fit:contain}
.figure--card{border-radius:var(--r-sm);box-shadow:var(--sh)}
.figure--box {background:var(--panel);display:grid;place-items:center;color:var(--muted);font-size:var(--fs-note);font-weight:var(--fw-mid)}
.figure--box{min-width:0}

.ar-16-9{aspect-ratio:16/9}
.ar-3-2 {aspect-ratio:3/2}
.ar-4-3 {aspect-ratio:4/3}
.ar-1-1 {aspect-ratio:1/1}
img.why__fig{box-shadow:var(--sh)}
.cta__il{width:100%;border-radius:var(--r-sm);
         pointer-events:none}
.plan__cards>img{height:56px}
.plan__cards>.plan__jcb{height:62px}
.teacher__face{grid-area:1/1/3/2;object-fit:cover;object-position:50% 20%;width:100%;border-radius:var(--r-sm)}
.reason__mimg{object-position:50% 20%}
img.blender__logo{width:348px;margin:0 auto}

@media (max-width:959px){
  .cta__il{margin-bottom:var(--sp-near)}
  .plan__cards>img{height:34px}
  .plan__cards>.plan__jcb{height:38px}
  .teacher__face{order:2;margin-top:var(--sp-near);max-width:296px;margin-inline:auto}
}

.sec--problem{position:relative;padding-top:185px}
.sec--problem::before{content:"";position:absolute;top:0;left:0;width:100%;height:600px;pointer-events:none;
  background:#f4f4f4;clip-path:polygon(0 0,50% 142px,100% 0,100% 100%,0 100%)}
.sec--problem>*{position:relative}
.problem__ttl{position:relative}
.problem__lb{position:absolute;left:50%;bottom:calc(100% + 114px);translate:-50%;line-height:var(--lh-one);
  font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--course)}
.problem__ttl::before{content:"";position:absolute;left:50%;bottom:calc(100% + 30px);translate:-50%;
  width:8px;height:54px;
  background:radial-gradient(circle,var(--course) 50%,transparent 50%) 0 0/8px 8px no-repeat,
             radial-gradient(circle,var(--course) 50%,transparent 50%) 0 50%/8px 8px no-repeat,
             radial-gradient(circle,var(--course) 50%,transparent 50%) 0 100%/8px 8px no-repeat}
.problem__img{display:block;position:relative;z-index:0}
.problem__img::before{content:"";position:absolute;z-index:-1;top:0;bottom:-100px;left:50%;translate:-50%;width:100vw;pointer-events:none;
  background:#f4f4f4;clip-path:polygon(0 0,100% 0,100% calc(100% - 142px),50% 100%,0 calc(100% - 142px))}
.problem__img img{display:block;width:100%;height:auto}
.problem__fiximg{display:block}
.problem__fiximg img{display:block;width:100%;height:auto}
@media (min-width:960px){ .problem__img,.problem__fiximg{max-width:880px;margin-inline:auto} }
.problem__so{position:relative;z-index:1;width:120px;margin-inline:auto;background:var(--course);color:var(--white);
  border-radius:var(--r-btn);padding:var(--sp-tight) var(--sp-near);text-align:center;
  font-size:var(--fs-h3);font-weight:var(--fw-bold)}
.problem__so.slot{color:var(--white)}
@media (max-width:959px){
  .sec--problem{padding-top:200px}
  .problem__img{max-width:420px;margin-inline:auto}
  .problem__fiximg{max-width:420px;margin-inline:auto}
  .problem__img::before{bottom:-80px;clip-path:polygon(0 0,100% 0,100% calc(100% - 80px),50% 100%,0 calc(100% - 80px))}
  .problem__lb{bottom:calc(100% + 108px);font-size:var(--fs-h3)}
  .problem__ttl::before{bottom:calc(100% + 24px)}
}

.avatar{border-radius:var(--r-btn);object-fit:cover;background:var(--panel);flex:none}
.voice__face{width:var(--face-md);height:var(--face-md)}
.reason__ava{width:var(--face-sm);height:var(--face-sm);background:var(--panel-dark-2);object-position:50% 30%}

.ic--login-2{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-login-2' > <path stroke='none' d='M0 0h24v24H0z' fill='none'/> <path d='M9 8v-2a2 2 0 0 1 2 -2h7a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-2' /> <path d='M3 12h13l-3 -3' /> <path d='M13 15l3 -3' /> </svg>")}
.ic--device-desktop{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-device-desktop' > <path stroke='none' d='M0 0h24v24H0z' fill='none'/> <path d='M3 5a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1v-10z' /> <path d='M7 20h10' /> <path d='M9 16v4' /> <path d='M15 16v4' /> </svg>")}
.ic--message-circle{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-message-circle' > <path stroke='none' d='M0 0h24v24H0z' fill='none'/> <path d='M3 20l1.3 -3.9c-2.324 -3.437 -1.426 -7.872 2.1 -10.374c3.526 -2.501 8.59 -2.296 11.845 .48c3.255 2.777 3.695 7.266 1.029 10.501c-2.666 3.235 -7.615 4.215 -11.574 2.293l-4.7 1' /> </svg>")}
.ic--refresh{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-refresh' > <path stroke='none' d='M0 0h24v24H0z' fill='none'/> <path d='M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4' /> <path d='M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4' /> </svg>")}
.ic--building-community{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-building-community' > <path stroke='none' d='M0 0h24v24H0z' fill='none'/> <path d='M8 9l5 5v7h-5v-4m0 4h-5v-7l5 -5m1 1v-6a1 1 0 0 1 1 -1h10a1 1 0 0 1 1 1v17h-8' /> <path d='M13 7l0 .01' /> <path d='M17 7l0 .01' /> <path d='M17 11l0 .01' /> <path d='M17 15l0 .01' /> </svg>")}
.ic--presentation{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-presentation' > <path stroke='none' d='M0 0h24v24H0z' fill='none'/> <path d='M3 4l18 0' /> <path d='M4 4v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-10' /> <path d='M12 16l0 4' /> <path d='M9 20l6 0' /> <path d='M8 12l3 -3l2 2l3 -3' /> </svg>")}
.ic--perspective{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-perspective' > <path stroke='none' d='M0 0h24v24H0z' fill='none'/> <path d='M6.141 4.163l12 1.714a1 1 0 0 1 .859 .99v10.266a1 1 0 0 1 -.859 .99l-12 1.714a1 1 0 0 1 -1.141 -.99v-13.694a1 1 0 0 1 1.141 -.99z' /> </svg>")}
.ic--briefcase{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-briefcase' > <path stroke='none' d='M0 0h24v24H0z' fill='none'/> <path d='M3 7m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z' /> <path d='M8 7v-2a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2' /> <path d='M12 12l0 .01' /> <path d='M3 13a20 20 0 0 0 18 0' /> </svg>")}
.ic--stairs-up{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-stairs-up' > <path stroke='none' d='M0 0h24v24H0z' fill='none'/> <path d='M22 6h-5v5h-5v5h-5v5h-5' /> <path d='M6 10v-7' /> <path d='M3 6l3 -3l3 3' /> </svg>")}
.ic--flag-check{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-flag-check' > <path stroke='none' d='M0 0h24v24H0z' fill='none'/> <path d='M13.767 15.12a4.983 4.983 0 0 1 -1.767 -1.12a5 5 0 0 0 -7 0v-9a5 5 0 0 1 7 0a5 5 0 0 0 7 0v8.5' /> <path d='M5 21v-7' /> <path d='M15 19l2 2l4 -4' /> </svg>")}

.ic--search{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icon-tabler-search' > <path stroke='none' d='M0 0h24v24H0z' fill='none'/> <path d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0' /> <path d='M21 21l-6 -6' /> </svg>")}
.ic--file-upload{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icon-tabler-file-upload' > <path stroke='none' d='M0 0h24v24H0z' fill='none'/> <path d='M14 3v4a1 1 0 0 0 1 1h4' /> <path d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z' /> <path d='M12 11v6' /> <path d='M9.5 13.5l2.5 -2.5l2.5 2.5' /> </svg>")}
.ic--file-check{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icon-tabler-file-check' > <path stroke='none' d='M0 0h24v24H0z' fill='none'/> <path d='M14 3v4a1 1 0 0 0 1 1h4' /> <path d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z' /> <path d='M9 15l2 2l4 -4' /> </svg>")}
.ic--clock-hour-4{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-clock-hour-4' > <path stroke='none' d='M0 0h24v24H0z' fill='none'/> <path d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0' /> <path d='M12 12l3 2' /> <path d='M12 7v5' /> </svg>")}

.fv__stat{flex:0 0 148px;border-radius:var(--r-btn);position:relative;z-index:1;
          background:var(--white);border:2px solid var(--course);align-items:center;justify-content:center}
.plan__list li::before{content:"";width:var(--ic-md);height:var(--ic-md);background:var(--course);
        -webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat}
.plan__list li.is-off::before{background:var(--line)}
.target__ic{height:var(--ic-3xl);flex:0 0 var(--ic-3xl);background:var(--course);
        -webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.study__ic{width:var(--ic-4xl);height:var(--ic-4xl);margin:0 auto;background:var(--course);
           -webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}

.arrow3{align-items:center;gap:var(--sp-tight)}
.arrow3 i{width:28px;height:16px;background:var(--course);clip-path:polygon(0 0,100% 0,50% 100%)}
@media (max-width:959px){
  .fv__stat{flex:1 1 0;min-width:0;padding:var(--sp-tight)}
  .fv__stats:not(:has(>:nth-child(3)))>.fv__stat{flex:0 1 calc((min(100%, var(--fv-col)) - 2 * var(--sp-tight)) / 3)}
}

.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:var(--btn-w);min-height:var(--btn-h);padding-inline:var(--sp-mid);
     background:var(--brand);border:0;color:var(--white);
     box-shadow:var(--sh); font-size:var(--fs-text);font-weight:var(--fw-bold);border-radius:var(--r-sm);
     transition:transform .4s cubic-bezier(.165,.84,.44,1)}
.btn--sub{background:transparent;border:1px solid var(--course);color:var(--course);box-shadow:none}
.btn--course{background:var(--course)}
.btn--hd{width:auto;max-width:none;min-height:var(--ic-2xl);padding-inline:var(--sp-mid);font-size:var(--fs-note);border-radius:var(--r-sm)}
.btn--course-soft{background:var(--white);border:1px solid var(--course);color:var(--course);box-shadow:none}
.btn[aria-disabled="true"]{background:var(--panel);border:1px solid var(--panel);color:var(--muted);box-shadow:none;pointer-events:none}
.btn--white{background:var(--white);color:var(--ink);box-shadow:none}
a.btn{text-decoration:none}
.btn .slot{color:inherit}
.btn:hover{transform:translateY(-2px)}
.btn--lg{font-size:var(--fs-lead);border-radius:var(--r-card)}
.btn--md{min-height:var(--btn-h-md)}
.btn--hero{min-height:var(--btn-h-lg);max-width:var(--btn-w-hero);font-size:var(--fs-h3)}
.btn--ico{position:relative;padding-right:calc(var(--ic-2xl) + var(--sp-mid))}
.btn--ico::after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%); width:var(--ic-lg);height:var(--ic-lg);border-radius:var(--r-btn);background:var(--white)}
.btn--ico::before{content:"";position:absolute;right:32px;top:50%;transform:translateY(-50%); border-left:9px solid var(--course); border-top:6px solid transparent;border-bottom:6px solid transparent;z-index:1}
.btn--two{flex-direction:column;gap:var(--sp-tight);min-height:104px;   padding:var(--sp-near);border-radius:var(--r-card); line-height:var(--lh-head)}
.btn--two>.btn__sub{font-size:var(--fs-h4)}
.btn--two>.btn__main{font-size:var(--fs-h2)}
.btn:not(.btn--course):focus-visible{outline-color:var(--brand)}
.voice__more{margin-top:auto;padding-top:var(--sp-mid)}
.voice__more::after{content:" ▶▶▶";font-size:var(--fs-note);letter-spacing:-1px}
.btn--course:focus-visible,.plan__plan :focus-visible{outline-color:var(--course)}
@media (prefers-reduced-motion:reduce){
  .btn{transition:none}
  .btn:hover{transform:none}
  .dots button::before{transition:none}
  *{scroll-behavior:auto !important}
}
@media (max-width:959px){
  .plan__tab{color:var(--muted);height:var(--btn-h);border:1px solid var(--line);background:var(--white);
              border-radius:var(--r-btn);font-weight:var(--fw-bold);cursor:pointer}
  .plan__tab.is-on{background:var(--ink);border-color:var(--ink);color:var(--white)}
}

.rail{display:flex;gap:var(--sp-near);overflow-x:auto;padding:var(--sh-out) var(--sh-out) 28px;margin-inline:calc(var(--sh-out) * -1)}
.rail>*{flex:0 0 auto}
.railwrap{position:relative}
.railwrap--full{overflow-x:clip;overflow-y:visible;overflow-clip-margin:var(--sh-out)}
.rail--peek{--cw:var(--cw-lg);margin-top:var(--sp-mid)}
.rail--peek>*{flex:0 0 var(--cw)}
.swipe{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}
.swipe--snap{scroll-snap-type:x mandatory}
.swipe--snap>*{scroll-snap-align:start}
.rail--peek>*{scroll-snap-align:center}
.swipe::-webkit-scrollbar{display:none}
.arrow{appearance:none;padding:0;cursor:pointer;position:absolute;top:var(--arrow-y,50%);transform:translateY(-50%);width:var(--ic-xl);height:var(--ic-xl);border:1px solid var(--muted);border-radius:var(--r-btn); background:var(--white);display:flex;align-items:center;justify-content:center;color:var(--slot-fg);font-size:var(--fs-note);box-shadow:var(--sh-sm)}
.arrow.arrow--prev{left:-6px}
.arrow.arrow--next{right:-6px}
.arrow.arrow--prev::after{content:"";clip-path:polygon(100% 0,100% 100%,0 50%)}
.arrow.arrow--next::after{content:"";clip-path:polygon(0 0,0 100%,100% 50%)}
.arrow::after{width:calc(var(--ic-sm) / 2);height:var(--ic-sm);background:var(--slot-fg)}

.arrow--lg.arrow--prev{left:var(--sp-mid)}
.arrow--lg.arrow--next{right:var(--sp-mid)}
.solo{position:relative;border-radius:var(--r-sm);box-shadow:var(--sh)}
.solo__clip{overflow:hidden;border-radius:var(--r-sm)}
.solo__rail{display:flex;gap:0}
.solo__rail>*{flex:0 0 100%}
.solo>.arrow.arrow--prev{left:var(--sp-row)}
.solo>.arrow.arrow--next{right:var(--sp-row)}
.dots{display:flex;gap:0;justify-content:center;color:var(--slot-fg);font-size:var(--fs-note)}
.dots button{appearance:none;border:0;padding:0;background:none;cursor:pointer;width:var(--ic-md);height:var(--ic-md);display:flex;align-items:center;justify-content:center}
.dots button::before{content:"";width:var(--ic-xs);height:var(--ic-xs);border-radius:var(--r-btn);background:var(--line);transition:background .2s}
.dots button.on::before{background:var(--muted)}
.solo__slidet{font-size:var(--fs-h4);font-weight:var(--fw-bold);margin:var(--sp-mid) 0 var(--sp-row)}

.voice__wrap{--cw:var(--cw-lg)}

.railwrap{--arrow-x:max(var(--sp-tight), calc((100vw - var(--cw)) / 2 - var(--ic-xl)))}
.railwrap>.arrow.arrow--prev{left:max(0px, calc(var(--arrow-x) - (100vw - 100%) / 2))}
.railwrap>.arrow.arrow--next{right:max(0px, calc(var(--arrow-x) - (100vw - 100%) / 2))}
.voice__rail{--cw:var(--cw-lg)}

.why__grid{counter-reset:why;
          overflow:visible}
.why__rail>.arrow,.why__dots-line,.join__wrap>.arrow,.join__dots{display:none}

.curriculum__rail{--cw:var(--cw-md)}

@media (max-width:959px){
  .rail>*{max-width:var(--cw)}
  .why__rail{margin-inline:calc(var(--wpad) * -1)}

  .why__rail>.arrow.arrow--prev{left:calc(50% - var(--cw-sp) / 2 - var(--ic-xl))}
  .why__rail>.arrow.arrow--next{right:calc(50% - var(--cw-sp) / 2 - var(--ic-xl))}

  .why__grid>*,.curriculum__rail>*,.voice__rail>*{scroll-snap-align:center}
  .rail{padding-inline:calc((100% - var(--cw)) / 2 + var(--sh-out))}
  .why__grid{padding-inline:calc((100% - var(--cw-sp)) / 2)}

  .rail,.voice__rail,.voice__wrap,.curriculum__rail,.curriculum__step,.rail--peek{--cw:var(--cw-sp)}

  .railwrap>.arrow{left:auto;right:auto}
  .railwrap>.arrow.arrow--prev{left:calc(var(--wpad) - (100vw - 100%) / 2)}
  .railwrap>.arrow.arrow--next{right:calc(var(--wpad) - (100vw - 100%) / 2)}
  .join__wrap{--cw:var(--cw-sp)}
  .join__grid{
    display:flex;
    grid-template-columns:none;
    --cw:var(--cw-sp);
    padding:var(--sp-tight) calc((100% - var(--cw)) / 2 + var(--sp-tight));
    margin-inline:calc(var(--sp-tight) * -1);
  }
  .join__grid>*{flex:0 0 var(--cw)}
  .join__grid>*{scroll-snap-align:center}
  .join__wrap>.arrow{display:flex}
  .join__dots{display:flex}

  .curriculum__steps{gap:var(--sp-mid)}
}

.works__marq{overflow:hidden;position:relative;margin:calc(var(--sp-tight) * -1);padding:var(--sp-tight)}
.works__row{display:flex;width:max-content;--cw:420px}
.works__row img{width:var(--cw);background:var(--panel)}
.works__row--l{animation:fvsl 82s linear infinite}
.works__row--r{animation:fvsr 82s linear infinite}
@keyframes fvsl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fvsr{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){ .works__row--l,.works__row--r{animation:none} }
@media (max-width:959px){
  .works__row{--cw:200px}
  .works__row--l,.works__row--r{animation-duration:40s}
}

.why__sumwrap{position:relative}
.why__il{position:absolute;bottom:-10px;width:248px;z-index:2;pointer-events:none}
.why__il--l{right:calc(100% - 62px)}
.why__il--r{left:calc(100% - 62px);transform:scaleX(-1)}
@media (max-width:1439px){
  .why__il{width:200px}
  .why__il--l{right:calc(100% - 46px)}
  .why__il--r{left:calc(100% - 46px)}
}
.compare__arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
                font-size:var(--fs-note);letter-spacing:-1px;color:var(--course);z-index:1;line-height:var(--lh-one)}
.plan__tag{position:absolute;top:-18px;left:50%;transform:translateX(-50%);
          background:var(--course);
          letter-spacing:.04em;
          padding:var(--sp-tight) var(--sp-mid);border-radius:var(--r-btn);white-space:nowrap;box-shadow:var(--sh)}

.target__ph{position:absolute;z-index:0;pointer-events:none;object-fit:cover;
        --edge:calc(max(0px,(100% - var(--wrap-xl))/2) - 60px)}
.target__ph--l{left:var(--edge);bottom:150px;width:288px;height:288px;border-radius:var(--r-btn)}
.target__ph--r{right:var(--edge);top:40px;width:300px;height:300px;border-radius:44px;transform:rotate(-14deg)}
@media (max-width:1180px){
  .why__il,.target__ph{display:none}
}

.target__arrow{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:4}
.study__grid--plain .study__it + .study__it::before{display:none}
.study__grid--plain h3.study__ttl{min-height:0}
.study__ttl{overflow-wrap:anywhere}
.study__it .text{word-break:auto-phrase;overflow-wrap:anywhere}
.study__it:has(>.lnk-more:last-child){display:flex;flex-direction:column}
.study__it>.lnk-more:last-child{margin-top:auto}
.study__it>a.lnk-more:last-child{align-self:center}
.study__it + .study__it::before{content:"";position:absolute;left:calc(var(--sp-mid) * -1);
                          top:calc(var(--sp-mid) + 40px);width:var(--sp-mid);
                          border-top:2px dotted var(--muted)}
.study__no{position:absolute;top:-20px;left:50%;transform:translateX(-50%)}
.study__grid--num-in .study__no{position:static;transform:none}
@media (max-width:959px){
  .compare__arrow{position:static;justify-self:center;transform:rotate(90deg)}
  .plan__tag,.study__it + .study__it::before{display:none}
  .study__no{position:static;transform:none}
}

.ptblwrap{position:relative;--col-head:260px;--col:1fr;--tbl-cols:3}
.ptbl{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}
.table__row>*{padding:var(--sp-row);height:72px;text-align:center;vertical-align:middle;overflow-wrap:anywhere}
.table__row>:first-child{width:var(--col-head)}
tbody .table__row>*{border-top:1px solid var(--line)}
.table__row>*>*{max-width:100%;overflow-wrap:anywhere}
.table__head>*{vertical-align:bottom;height:auto;border-top:0;padding:var(--sp-row)}
.table__own,.table__own .slot{font-size:var(--fs-h4);font-weight:var(--fw-bold)}
.table__own{position:relative}
.table__own .slot{color:var(--course)}
.table__logo{width:112px;display:block;margin-inline:auto}
.ptblwrap:has(.ptbl--2){--tbl-cols:2}
.ptblwrap:has(.ptbl--1){--tbl-cols:1}
.ptblwrap::after{content:none;pointer-events:none;position:absolute;top:0;bottom:0;left:var(--col-head); width:calc((100% - var(--col-head)) / var(--tbl-cols)); border:2px solid var(--course);border-radius:var(--r-lg)}
.ptblwrap--own::after{content:""}
.ptbl--read .table__row>*{text-align:left;height:auto}
tbody .table__row:last-child>.table__own{border-radius:0 0 var(--r-lg) var(--r-lg)}
.table__hint{display:none;text-align:center;font-size:var(--fs-note);color:var(--muted);margin-top:var(--sp-tight)}
.table__note{text-align:right;margin-top:var(--sp-near)}

.ptbl--tall .table__row>*{height:104px}
@media (max-width:959px){
  .table__logo{width:84px}
  .ptblwrap{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;--col-head:120px;--col:180px}
  .ptblwrap::after{display:none}
  .ptblwrap::-webkit-scrollbar{display:none}
  .ptbl--2{min-width:calc(var(--col-head) + 2 * var(--col))}
  .ptbl--3{min-width:calc(var(--col-head) + 3 * var(--col))}
  .table__row>:first-child{position:sticky;left:0;z-index:3;background:var(--white);line-height:var(--lh-head)}
  .table__own{position:relative;z-index:2}
  .table__row>*{padding:var(--sp-tight)}

  .ptbl--tall .table__row>*{height:96px}
  .table__hint{display:block}
}
.table__row>:first-child,.table__row>:first-child .slot{font-weight:var(--fw-mid)}
.table__row>*:not(.table__own):not(:first-child), .table__row>*:not(.table__own):not(:first-child) .slot{font-weight:var(--fw-mid)}

.table__head>*,.table__head>* .slot{font-size:var(--fs-text);font-weight:var(--fw-mid)}
.table__row>.table__own{background:var(--white)}

.prose{max-width:var(--read);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-near)}
.prose h2{font-size:var(--fs-h3);margin-top:calc(var(--sp-far) - var(--sp-near));scroll-margin-top:calc(var(--hd-h) + var(--sp-near))}
.prose h3{font-size:var(--fs-h4);margin-top:calc(var(--sp-mid) - var(--sp-near))}
.prose > p + p{margin-top:calc(0px - var(--sp-near))}
.prose :is(ol,ul){padding-left:2em}
.prose li+li,.prose li>:is(ol,ul){margin-top:var(--sp-tight)}
.prose :is(li,td){text-wrap-style:auto;word-break:normal}
.prose a{color:var(--course)}
.prose__toc ol{list-style:none;padding-left:0;margin-top:var(--sp-tight)}
.prose table{width:100%;border-collapse:collapse}
.prose :is(th,td){border:1px solid var(--line);padding:var(--sp-row) var(--sp-near);text-align:left;vertical-align:top}
.prose th{width:28%;background:var(--panel);font-weight:var(--fw-bold)}
.embed{display:block;width:100%;height:1100px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white)}
@media (max-width:959px){
  .prose th{width:35%}
  .embed{height:1500px}
}

.faq--list>details>summary{display:grid;gap:var(--sp-row);align-items:center}
.faq--list>details>summary .faq__toggle{width:var(--ic-md);height:var(--ic-md);display:flex;align-items:center;justify-content:center; color:var(--muted);font-size:var(--fs-lead);font-weight:var(--fw-bold);line-height:var(--lh-one)}
.faq--list>details[open]>summary .faq__toggle::after{content:"−"}
.faq--list>details:not([open])>summary .faq__toggle::after{content:"＋"}
.qa{display:grid;grid-template-columns:var(--ic-lg) 1fr;gap:var(--sp-row);align-items:start}
.qa__badge,.qa .qa__badge{width:var(--ic-lg);height:var(--ic-lg);border-radius:var(--r-btn);background:var(--course); display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-note);color:var(--white)}
.faq--card>details{position:relative}
.faq--card>details+details{margin-top:var(--sp-near)}
.faq--card>details>summary{grid-template-columns:var(--ic-lg) 1fr;padding:0 calc(var(--ic-md) + var(--sp-near)) 0 0;position:relative}
.faq--card>details>.qa{margin-top:var(--sp-near)}
.faq--card>details>summary .faq__toggle{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.curriculum__more{font-size:var(--fs-note);font-weight:var(--fw-mid)}
.curriculum__more[open]>summary::after{content:"　−"}
.curriculum__more:not([open])>summary::after{content:"　＋"}
.curriculum__more ol{font-size:var(--fs-text);margin-top:var(--sp-near);list-style:none}
.curriculum__more li{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-tight)}

.modal[open]{display:flex;flex-direction:column}
.modal{margin:auto;width:var(--modal-w);max-height:88vh;border:0;box-shadow:var(--sh-lg);border-radius:var(--r-lg);color:var(--ink);overflow:hidden}
.modal::backdrop{background:rgba(11,11,13,.55)}
.modal__bar{justify-content:flex-end;gap:var(--sp-near); padding:var(--sp-near) var(--sp-mid); }
.modal__x{width:var(--ic-2xl);height:var(--ic-2xl);flex:0 0 var(--ic-2xl);border:1px solid var(--muted);border-radius:var(--r-btn); background:var(--white);color:var(--ink);font-size:var(--fs-h4);line-height:var(--lh-one);cursor:pointer}
.modal__body{padding:var(--sp-mid) var(--sp-far) var(--sp-far);overflow-y:auto;flex:1 1 auto;min-height:0}
.modal__head{gap:var(--sp-far)}
.modal__head .heading--thin{font-size:var(--fs-h3);word-break:auto-phrase}
.modal__sign{align-items:center;gap:var(--sp-tight);width:var(--face-lg);flex:0 0 var(--face-lg)}
.modal__face{width:var(--face-lg);height:var(--face-lg)}
.modal__who{font-weight:var(--fw-bold)}
.modal__attr{font-size:var(--fs-note)}
@media (max-width:959px){
  .modal__face{width:var(--face-md);height:var(--face-md)}
  .modal__head{flex-direction:column;align-items:flex-start;gap:var(--sp-near)}
  .modal__sign{width:auto;flex:none;flex-direction:row;gap:var(--sp-near)}
}

.field{width:100%;padding:var(--sp-row) var(--sp-near);border:1px solid var(--line);border-radius:var(--r-sm);
       font:inherit;color:var(--ink);background:var(--white)}
.field:focus-visible{outline:2px solid var(--course);outline-offset:1px;border-color:var(--course)}
.field::placeholder{color:var(--muted)}
textarea.field{min-height:120px;resize:vertical}

.why__eb::before,.why__eb::after{content:"";display:inline-block;width:28px;height:1px;
        background:var(--course);vertical-align:middle;margin:0 var(--sp-near)}
@media (max-width:959px){
  .why__eb::before,.why__eb::after{width:16px;margin:0 var(--sp-tight)}
}

body.course-3dcg .fv          {background-image:url(../img/bg/fv-u2.webp)}
body.course-archix .fv        {background-image:url(../img/bg/fv-archix.webp)}
body.course-3dcg .sec--cta-trial{background-image:linear-gradient(var(--dim),var(--dim)),url(../img/bg/cta-a.webp)}
body.course-3dcg .sec--cta-biz  {background-image:linear-gradient(var(--dim),var(--dim)),url(../img/bg/cta-b.webp)}
body.course-archix .sec--cta-trial{background-image:linear-gradient(var(--dim),var(--dim)),url(../img/bg/cta-a.webp)}
body.course-archix .sec--cta-biz  {background-image:linear-gradient(var(--dim),var(--dim)),url(../img/bg/cta-b.webp)}
body.course-cad .fv           {background-image:url(../img/bg/fv-cad.webp)}
body.course-persc .fv         {background-image:url(../img/bg/fv-top.webp)}
body.course-cad .sec--cta-trial{background-image:linear-gradient(var(--dim),var(--dim)),url(../img/bg/cta-a.webp)}
body.course-cad .sec--cta-biz  {background-image:linear-gradient(var(--dim),var(--dim)),url(../img/bg/cta-b.webp)}
body.course-persc .sec--cta-trial{background-image:linear-gradient(var(--dim),var(--dim)),url(../img/bg/cta-a.webp)}
body.site-business .sec--cta-biz{background-image:linear-gradient(var(--dim),var(--dim)),url(../img/bg/biz-cta.webp);background-position:center 55%}
body.site-business .phead--grants {background-image:linear-gradient(var(--dim),var(--dim)),url(../img/bg/biz-fv-grants.webp)}
body.site-business .phead--plans  {background-image:linear-gradient(var(--dim),var(--dim)),url(../img/bg/biz-fv-plans.webp)}
body.site-business .phead--flow   {background-image:linear-gradient(var(--dim),var(--dim)),url(../img/bg/biz-fv-flow.webp)}
body.site-business .phead--consult{background-image:linear-gradient(var(--dim),var(--dim)),url(../img/bg/biz-fv-consult.webp)}

body.course-archix .reason__who{color:#9C71E6}

body.course-archix img.blender__logo{width:272px}

.review__who{margin-top:-20px;padding-left:calc(var(--face-md) / 2);position:relative}

.review__list{
              grid-template-areas:"a c" "b c";align-items:start}
.review__it:nth-child(1){grid-area:a}
.review__it:nth-child(2){grid-area:b}
.review__it:nth-child(3){grid-area:c;align-self:center}
.review__bx{
        font-size:var(--fs-lead);position:relative}
.review__face{width:var(--face-md);height:var(--face-md);
               object-position:50% 26%}
.review__bx::after{content:"";position:absolute;right:80px;bottom:-15px;width:28px;height:16px;
               background:var(--white);clip-path:polygon(0 0,100% 0,75% 100%)}
.review__bx::before{content:"";position:absolute;right:79px;bottom:-17px;width:30px;height:18px;
               background:var(--line);clip-path:polygon(0 0,100% 0,75% 100%);z-index:-1}
.review__attr{font-size:var(--fs-lead);font-weight:var(--fw-mid);padding-bottom:var(--sp-tight);position:relative}
.review__attr::after{content:"";position:absolute;left:0;right:0;bottom:0;
                 border-bottom:2px dotted var(--muted)}

body.site-business .fv{min-height:0;--pt:0;--pb:0;height:568px;position:relative;z-index:1;
  background:linear-gradient(90deg,rgba(20,26,34,.72) 0%,rgba(20,26,34,.34) 46%,rgba(20,26,34,0) 68%),
             url(../img/bg/fv-biz.webp) center/cover no-repeat}

body.site-business .fv>.wrap{width:100%;height:100%;position:relative}
.fv__in{max-width:600px;margin-right:auto;padding-top:141px;gap:0}
.fv__ttl {font-size:34px;font-weight:var(--fw-bold);line-height:51px;color:var(--white)}
.fv__desc{font-size:var(--fs-text);font-weight:var(--fw-mid);line-height:22.4px;color:var(--white);margin-top:var(--sp-near)}
.fv__note{font-size:var(--fs-note);font-weight:var(--fw-mid);line-height:19.6px;letter-spacing:1.4px;color:var(--white)}
.fv__in .btns .btn{width:auto;min-width:0;padding-inline:var(--sp-far)}
.btn--pill{border-radius:60px;min-height:58px}

.fv__shot{position:absolute;right:0;top:-71px;width:402px;height:auto;z-index:3}

.fv__band{--pt:var(--sp-mid);--pb:var(--sp-mid);height:182px;position:relative;z-index:2;overflow:visible;
  background:linear-gradient(91.35deg,#1A2332 0%,#354866 100%);color:var(--white)}

.band__in{display:flex;align-items:center;gap:var(--sp-far)}
.band__txt{max-width:420px}
.fv__badge-t{font-size:var(--fs-note);font-weight:var(--fw-mid);line-height:1.6;color:var(--white)}
.fv__cap{font-size:10px;line-height:15px;color:rgba(255,255,255,.78)}

.steps{display:grid;gap:var(--sp-far)}
.step{position:relative}
.step+.step::before{content:"";position:absolute;left:50%;bottom:calc(100% + 14px);width:14px;height:14px;border-right:3px solid var(--muted);border-bottom:3px solid var(--muted);transform:translateX(-50%) rotate(45deg)}
.step+.step::after{content:"";position:absolute;left:50%;bottom:calc(100% + 17px);height:24px;border-left:3px solid var(--muted);transform:translateX(-50%)}
.step__head{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-mid);align-items:center}
.step__badge{display:grid;align-content:center;justify-items:center;gap:4px;width:88px;height:88px;border-radius:var(--r-sm);background:var(--course);color:var(--white);font-weight:var(--fw-bold);line-height:1}
.step__en{font-size:var(--fs-note);letter-spacing:.12em}
.step__no{font-size:44px}
.step__fig{width:100%;max-width:760px;margin:var(--sp-mid) auto 0}
.step__body{display:grid;gap:var(--sp-tight)}
.step__body>.note+.text{margin-top:calc(var(--sp-near) - var(--sp-tight))}

.roles{display:grid;gap:var(--sp-near)}
.roles__head,.roles__row{display:grid;grid-template-columns:140px minmax(0,1fr) minmax(0,1.3fr) 240px;column-gap:var(--sp-mid);align-items:start}
.roles__head{padding:0 var(--sp-mid);font-size:var(--fs-note);font-weight:var(--fw-bold);color:var(--muted)}
.roles__head .roles__head--b{color:var(--course)}
.roles__row{padding:var(--sp-mid);border-radius:var(--r-lg);background:var(--white);box-shadow:var(--sh)}
.roles .roles__phase{display:grid;gap:4px;margin:0;font-size:var(--fs-h3);line-height:var(--lh-head)}
.roles__no{font-size:var(--fs-note);font-weight:var(--fw-bold);letter-spacing:.1em;color:var(--course)}
.roles__cell{display:grid;align-content:start;gap:var(--sp-tight)}
.roles__cell>.note+.text{margin-top:calc(var(--sp-near) - var(--sp-tight))}
.roles__cell--b{padding:var(--sp-near);border-radius:var(--r-sm);background:color-mix(in srgb,var(--course) 7%,var(--white))}

.circles{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-mid);list-style:none}
.circles::before{content:"";position:absolute;left:16%;right:16%;top:50%;border-top:1px solid var(--course)}
.circles__it{position:relative;display:grid;align-content:center;justify-items:center;gap:var(--sp-tight);width:100%;max-width:280px;aspect-ratio:1;margin-inline:auto;padding:var(--sp-mid);border:1px solid var(--course);border-radius:50%;background:var(--white);text-align:center}
.circles__no{font-size:40px;font-weight:var(--fw-bold);line-height:1;color:var(--course)}

.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-mid)}
.split__col{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border-radius:var(--r-lg)}
.split__col .split__head{margin:0;padding:var(--sp-mid);text-align:center;color:var(--white)}
.split__col--on{border:2px solid var(--course)}
.split__col--on .split__head{background:var(--course)}
.split__col--off .split__head{background:var(--muted)}
.split__body{padding:var(--sp-mid) var(--sp-far)}
.split__col--on .split__body{background:var(--white)}
.split__col--off .split__body{background:var(--panel)}
.split__col--on .rows__ttl{display:flex;align-items:center;gap:var(--sp-tight);color:var(--course)}
.split__col--on .rows__ttl::before{content:"";width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat}

body.site-business main :is(.note,.text) a:not([class]){color:var(--course)}
body.site-business .study__it{gap:var(--sp-near)}
body.site-business .study__grid:has(>.study__it:not(.card)){row-gap:var(--sp-far)}
body.site-business .study__it>.study__ttl+.note{margin-top:calc(var(--sp-tight) - var(--sp-near))}
body.site-business .cols--3 .study__it{container-type:inline-size}
body.site-business .cols--3 .study__it>.study__ttl{font-size:min(var(--fs-h3),calc(100cqi / 11.3))}
body.site-business .wrap>:is(.study__grid,.cols,.roles,.grid,.steps,.split,.circles,.faq--list,.card)+.note{margin-top:var(--sp-mid)}
body.site-business .media>div>:where(.heading+p:has(>.chip),.heading+.note){margin-top:calc((var(--sp-tight) - var(--media-gap)) * var(--media-joined))}
body.site-business .media>div>:where(p:has(>.chip)+.note){margin-top:calc(var(--sp-tight) - var(--media-gap))}
body.site-business .media>div>:where(.heading+.text,.heading+.rows,.note+.text,.note+.rows){margin-top:calc((var(--sp-near) - var(--media-gap)) * var(--media-joined))}
body.site-business .media>div>:where(.btns+.note){margin-top:calc(var(--sp-mid) - var(--media-gap))}
body.site-business .media>div>:where(.text+.note){margin-top:calc(0px - var(--media-gap))}
@media (max-width:959px){

  body.course-3dcg .fv{background-image:url(../img/bg/fv-sp.webp)}
  body.course-archix .fv{background-image:url(../img/bg/fv-archix-sp.webp)}
  body.course-cad .fv{background-image:url(../img/bg/fv-cad-sp.webp)}
  body.course-persc .fv{background-image:url(../img/bg/fv-top-sp.webp)}

  .review__list{grid-template-areas:none}
  .review__it:nth-child(1),.review__it:nth-child(2),.review__it:nth-child(3){grid-area:auto}

  body.site-business .fv{height:auto;min-height:65vh;min-height:65svh;--pt:var(--sp-far);--pb:var(--sp-far);
    background-image:linear-gradient(180deg,rgba(20,26,34,.30) 0%,rgba(20,26,34,.62) 55%,rgba(20,26,34,.78) 100%),
                     url(../img/bg/fv-biz-sp.webp)}
  .fv__in{max-width:none;padding-top:0}
  .fv__ttl {font-size:26px;line-height:39px}
  .fv__desc{margin-top:var(--sp-mid)}
  .fv__in .btns{flex-direction:column;align-items:stretch;width:100%}
  .fv__in .btns .btn{width:100%;padding-inline:var(--sp-mid)}
  .band__in{flex-direction:column;gap:var(--sp-mid);text-align:center}
  .band__txt{max-width:none;text-align:left}
  .fv__shot{position:static;width:100%;max-width:274px;margin:var(--sp-mid) auto 0;display:block}
  .fv__band{height:auto;--pt:var(--sp-mid);--pb:var(--sp-far)}

  .step__head{grid-template-columns:auto 1fr;gap:var(--sp-near)}
  .step__badge{width:64px;height:64px}
  .step__no{font-size:30px}

  .roles__head{display:none}
  .roles__row{grid-template-columns:1fr;row-gap:var(--sp-near)}
  .roles__cell::before{content:attr(data-who);font-size:var(--fs-note);font-weight:var(--fw-bold);color:var(--muted)}
  .roles__cell--b::before{color:var(--course)}
  .circles{grid-template-columns:1fr;gap:var(--sp-near)}
  .circles::before{left:50%;right:auto;top:0;bottom:0;border-top:0;border-left:1px solid var(--course)}
  .circles__it{max-width:240px}

  .split{grid-template-columns:1fr}
  .split__body{padding:var(--sp-mid)}
}

.center {text-align:center}
.left   {text-align:left}
.justify{text-align:justify}

.text-course,h1 .text-course,h2 .text-course,h3 .text-course,p .text-course,
h1.text-course,h2.text-course,h3.text-course,h4.text-course{color:var(--course)}

.text-white{color:var(--white)}
.text-muted{color:var(--muted)}
.text-slot {color:var(--slot-fg)}
.text-ink  {color:var(--ink)}

.p-tight{padding:var(--sp-tight)}
.p-row  {padding:var(--sp-row)}
.p-near {padding:var(--sp-near)}
.p-mid  {padding:var(--sp-mid)}
.p-far  {padding:var(--sp-far)}
.mt-tight{margin-top:var(--sp-tight)}
.mt-row  {margin-top:var(--sp-row)}
.mt-near {margin-top:var(--sp-near)}
.mt-mid  {margin-top:var(--sp-mid)}
.mt-far  {margin-top:var(--sp-far)}
.mt-part {margin-top:var(--sp-part)}

.mb-row  {margin-bottom:var(--sp-row)}
.mb-far  {margin-bottom:var(--sp-far)}

.gap-tight{gap:var(--sp-tight)}
.gap-row  {gap:var(--sp-row)}
.gap-near {gap:var(--sp-near)}
.gap-mid  {gap:var(--sp-mid)}
.gap-far  {gap:var(--sp-far)}
.gap-part {gap:var(--sp-part)}
@media (max-width:959px){

  .media{display:flex;flex-direction:column;gap:var(--sp-near);align-items:stretch}
  .media :is(h1,h2,h3,h4){margin-bottom:0}
  .media>div:not(.figure){display:contents;--media-gap:var(--sp-near);--media-joined:0}

  .media>div::before{order:1}
  .media .num,.media :has(>.num){order:1}
  .media>div>*{order:4}
  .media :is(h1,h2,h3,h4){order:2}
  .media .label:has(+ :is(h1,h2,h3,h4)){order:2}
  .media>img,.media>.figure{order:3;margin-block:var(--sp-tight);max-width:640px;margin-inline:auto}
  .media .solo,.media .railwrap,.media .dots,.media .solo__slidet{order:3;margin-block:var(--sp-tight)}
  .media p{order:4}
}

@media (max-width:959px){
  .voice__sign{flex-direction:row;text-align:left;gap:var(--sp-row)}
  .cta__band{padding:var(--sp-mid) var(--sp-near) var(--sp-mid);gap:var(--sp-row)}
  .plan__cards{gap:var(--sp-tight);flex-wrap:wrap}
  .plan__plans{margin-top:var(--sp-near)}
  .plan__plan{padding:var(--sp-far) var(--sp-mid) var(--sp-mid)}
  .plan__list{gap:var(--sp-row)}

  .card--lg{padding:var(--sp-mid) var(--sp-near)}
  .target__lead{text-align:left}
  .footer__in{grid-template-columns:1fr 1fr;gap:var(--sp-mid) var(--sp-near)}
  .ftlink,.footer__ttl{font-size:var(--fs-text)}
}