/* flapbase.com/start Studio 先行と制作代行の売り場（2026-10-16）
   和文は Zen 角ゴシック New をページの文字だけに部分化（OFL 1.1 /start/fonts/OFL-zen-kaku-gothic-new.txt）
   数字と英字は Jost のラテン文字の部分（Google Fonts から Owner の許可で取得 2026-10-16 OFL 1.1 /start/fonts/OFL-jost.txt） */
@font-face{font-family:"Jost";src:url(/start/fonts/jost.woff2) format("woff2");font-weight:200 500;font-display:swap}
@font-face{font-family:"Zen Kaku Gothic New";src:url(/start/fonts/zen-kaku-gothic-new-400.woff2) format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"Zen Kaku Gothic New";src:url(/start/fonts/zen-kaku-gothic-new-700.woff2) format("woff2");font-weight:700 900;font-display:swap}
:root{--lat:"Jost","Avenir Next","Avenir","Helvetica Neue","Segoe UI",sans-serif;--jp:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic",sans-serif;--ink:#2D3A5A;--sub:#5d6b86;--mint:#C6F4E5;--sky:#CBE7FF;--lav:#DFD6FF;--pink:#FFDDEC;--pm:#7FDFC3;--ps:#86C6FF;--pl:#B3A2FF;--pp:#FFA6CF;--line:#d6dbea;--aur:linear-gradient(110deg,var(--pp),var(--pl),var(--ps),var(--pm));--wash:linear-gradient(125deg,var(--pink) 0%,var(--lav) 38%,var(--sky) 70%,var(--mint) 100%)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--ink);font-family:var(--jp);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.sl-wrap{width:min(1200px,100% - 32px);margin:0 auto}

/* buttons */
.sl-cta{display:flex;gap:16px;flex-wrap:wrap}
.sl-btn{display:inline-flex;align-items:center;justify-content:center;height:62px;padding:0 34px;font:700 17px/1 var(--jp);letter-spacing:.1em;border-radius:31px;text-decoration:none;white-space:nowrap}
.sl-btn.p{color:#fff;background:linear-gradient(110deg,#e9619f 0%,#8a6cf0 52%,#3f8fe6 100%);box-shadow:0 12px 28px rgba(150,130,255,.35)}
.sl-btn.o{background:#fff;color:var(--ink);border:1.5px solid transparent;background-image:linear-gradient(#fff,#fff),var(--aur);background-origin:border-box;background-clip:padding-box,border-box}
.sl-btn .ar{font-style:normal;margin-left:14px;font-family:var(--lat)}

/* section heads */
.sl-index{font:400 15px/1 var(--lat);letter-spacing:.3em;color:var(--sub)}
.sl-index span{font:500 14px/1 var(--jp);letter-spacing:.2em;margin-left:16px}
section h2{margin-top:22px;font-weight:900;font-size:clamp(32px,4.2vw,58px);line-height:1.25;letter-spacing:.02em}
.sl-small-h{font-size:clamp(24px,2.4vw,32px)!important;margin-top:0!important}

/* first view */
.sl-fv{position:relative;height:clamp(760px,62.5vw,980px);overflow:hidden}
.sl-head{position:absolute;left:8.33vw;right:8.33vw;top:36px;display:flex;justify-content:space-between;align-items:center;z-index:5}
.sl-logo{font:500 15px/1 var(--lat);letter-spacing:.18em;text-decoration:none}
.sl-head nav{display:flex;gap:28px;font:500 14px/1 var(--jp);letter-spacing:.1em}
.sl-head nav a{text-decoration:none}
.sl-fv__wash{position:absolute;right:0;top:0;width:56.9vw;height:44.4vw;background:var(--wash)}
.sl-fv__photo{position:absolute;left:47.9vw;top:6.67vw;width:52.1vw;height:37.5vw}
.sl-fv__photo img{width:100%;height:100%;object-fit:cover;object-position:96% 50%}
.sl-fv__frame{position:absolute;left:45.3vw;top:8.9vw;width:52.8vw;height:37.5vw;border:2px solid transparent;border-image:var(--aur) 1;transform:rotate(-2.2deg);pointer-events:none}
.sl-fv__copy{position:absolute;left:8.33vw;top:max(118px,9.4vw);width:46vw;z-index:2}
.sl-fv h1,.sl-fv .sl-h1{font-weight:900;letter-spacing:.02em;line-height:1.12;text-shadow:0 0 18px #fff,0 0 2px #fff}
.sl-fv .sl-h1 .l,.sl-fv h1 .l{display:block;white-space:nowrap}
.sl-fv .sl-h1 .s,.sl-fv h1 .s{font-size:clamp(30px,3.2vw,46px)}
.sl-fv .sl-h1 .b,.sl-fv h1 .b{font-size:clamp(56px,6.25vw,90px)}
.mk{background:linear-gradient(90deg,var(--pink),var(--lav),var(--sky),var(--mint)) 0 88%/100% 22% no-repeat}
.sl-fv__lead{margin-top:28px;font:500 clamp(16px,1.3vw,19px)/2 var(--jp);letter-spacing:.06em}
.sl-fv .sl-cta{margin-top:32px}
.sl-badge{position:absolute;left:84.7vw;top:33.2vw;width:clamp(150px,12.8vw,190px);aspect-ratio:1;border-radius:50%;border:2px solid transparent;background-image:radial-gradient(circle at 30% 25%,#fff 0%,#fff 50%,#f1edff 100%),linear-gradient(130deg,var(--pp),var(--pl),var(--ps),var(--pm));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 18px 40px rgba(110,120,200,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3}
.sl-badge .k{font:700 14px/1 var(--jp);letter-spacing:.12em;color:var(--sub)}
.sl-badge .d{margin-top:10px;font:400 clamp(34px,3vw,44px)/1 var(--lat)}
.sl-badge .d small{font:500 14px/1 var(--jp);margin-left:4px}
.sl-badge .c{margin-top:12px;font:700 15px/1.5 var(--jp);letter-spacing:.08em}
.sl-fv__brand{position:absolute;left:7.9vw;top:52.8vw}
.sl-fv__brand .en{font:200 clamp(44px,4.44vw,64px)/1 var(--lat);letter-spacing:.12em;white-space:nowrap}
.sl-fv__brand .ja{margin-top:16px;margin-left:6px;font:500 15px/1 var(--jp);letter-spacing:.3em;color:var(--sub)}
.sl-facts{position:absolute;left:56.9vw;top:49.6vw;width:38.9vw;height:7.2vw;min-height:96px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background:linear-gradient(90deg,#fff1f7,#f1edff 45%,#eaf5ff 75%,#ebfbf5)}
.sl-facts div{text-align:center;border-left:1px solid var(--line)}
.sl-facts div:first-child{border-left:0}
.sl-facts dt{font:500 14px/1 var(--jp);letter-spacing:.12em;color:var(--sub)}
.sl-facts dd{margin-top:12px;font:300 clamp(26px,2.36vw,34px)/1 var(--lat)}
.sl-facts dd small{font:500 14px/1 var(--jp);margin-left:3px;letter-spacing:.06em}

/* demo */
.sl-demo{padding:140px 0 120px;background:linear-gradient(180deg,#fff 0%,#f7f6ff 100%)}
.sl-demo__lead{margin-top:24px;font:500 17px/2 var(--jp);letter-spacing:.06em;color:var(--sub)}
.sl-demo__screen{position:relative;width:min(1200px,100% - 32px);margin:64px auto 0}
.sl-demo__screen::before{content:"";position:absolute;inset:-28px -28px 40px 40px;background:var(--wash);z-index:0}
.sl-demo__screen img{position:relative;z-index:1;width:100%;border-radius:10px;box-shadow:0 30px 70px rgba(45,58,90,.18)}
.sl-demo__steps{list-style:none;margin-top:48px;display:flex;gap:56px;flex-wrap:wrap;font:700 18px/1.6 var(--jp);letter-spacing:.06em}
.sl-demo__steps .num{font:300 34px/1 var(--lat);margin-right:14px;vertical-align:-4px;background:var(--aur);-webkit-background-clip:text;background-clip:text;color:transparent}

/* use */
.sl-use{padding:140px 0}
.sl-use__list{list-style:none;margin-top:64px;border-top:1px solid var(--line)}
.sl-use__list li{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:24px;padding:36px 0;border-bottom:1px solid var(--line)}
.sl-use__list .n{font:200 56px/1 var(--lat);color:var(--pl)}
.sl-use__list h3{font-size:clamp(22px,2.2vw,30px);font-weight:700;letter-spacing:.04em}
.sl-use__list p{margin-top:10px;font:500 16px/1.8 var(--jp);color:var(--sub);letter-spacing:.04em}
.sl-use__list .app{font:400 18px/1 var(--lat);letter-spacing:.14em;color:var(--sub)}

/* case */
.sl-case{position:relative;padding:120px 0;background:var(--wash)}
.sl-case__in{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:center}
.sl-case__copy>p:not(.sl-index){margin-top:28px;font:500 17px/2.1 var(--jp);letter-spacing:.05em}
.sl-case__shot img{width:100%;border-radius:8px;box-shadow:0 30px 60px rgba(45,58,90,.2)}

/* apps */
.sl-apps{padding:140px 0}
.sl-apps__main{margin-top:40px;display:flex;align-items:flex-end;gap:48px;flex-wrap:wrap}
.sl-apps__main .name{font:200 clamp(88px,12vw,180px)/.9 var(--lat);letter-spacing:.02em;background:linear-gradient(110deg,#e9619f 0%,#8a6cf0 52%,#3f8fe6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sl-apps__main .say{font:700 clamp(20px,2vw,28px)/1.7 var(--jp);letter-spacing:.04em;padding-bottom:12px}
.sl-apps__sub{margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.sl-apps__sub p{padding:28px 24px 0 0;font:500 15px/1.8 var(--jp);color:var(--sub);letter-spacing:.04em}
.sl-apps__sub .nm{display:block;font:400 30px/1.2 var(--lat);color:var(--ink);letter-spacing:.06em;margin-bottom:8px}
.sl-apps__sub em{font-style:normal;font-size:16px;margin-left:6px;vertical-align:4px;color:var(--pl)}

/* offer */
.sl-offer{padding:140px 0;background:#f7f6ff}
.sl-offer__trio{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;box-shadow:0 30px 70px rgba(45,58,90,.08)}
.sl-offer__trio article{padding:48px 40px 52px;display:flex;flex-direction:column}
.sl-offer__trio article+article{border-left:1px solid var(--line)}
.sl-offer .tag{align-self:flex-start;background:var(--ink);color:#fff;font:700 14px/1 var(--jp);letter-spacing:.12em;padding:11px 16px 10px}
.sl-offer h3{margin-top:28px;font-size:clamp(28px,2.6vw,36px);font-weight:900;letter-spacing:.04em}
.sl-offer .price{margin-top:16px;font:300 clamp(48px,4.2vw,64px)/1 var(--lat)}
.sl-offer .price small{font:500 16px/1 var(--jp);margin-left:8px;letter-spacing:.06em}
.sl-offer ul{list-style:none;margin-top:32px;border-top:1px solid var(--line);flex:1}
.sl-offer li{padding:14px 0 14px 26px;border-bottom:1px solid var(--line);font:500 16px/1.6 var(--jp);letter-spacing:.04em;position:relative}
.sl-offer li::before{content:"";position:absolute;left:2px;top:23px;width:10px;height:10px;border-radius:50%;background:var(--aur)}
.sl-offer .due{margin-top:24px;font:700 15px/1.6 var(--jp);color:var(--sub);letter-spacing:.06em}
.sl-offer .sl-btn{margin-top:24px;align-self:stretch}

/* faq */
.sl-faq{padding:90px 0 140px}
.sl-faq dl{margin-top:32px;max-width:880px;border-top:1px solid var(--line)}
.sl-faq dl div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:32px;padding:24px 0;border-bottom:1px solid var(--line)}
.sl-faq dt{font:700 16px/1.8 var(--jp);letter-spacing:.04em}
.sl-faq dd{font:500 16px/1.8 var(--jp);color:var(--sub);letter-spacing:.04em}

/* close */
.sl-close{position:relative;padding:140px 0 0;overflow:hidden}
.sl-close__wash{position:absolute;inset:0 0 auto 0;height:440px;background:var(--wash);opacity:.85}
.sl-close .sl-wrap{position:relative}
.sl-close .big{font-weight:900;font-size:clamp(34px,4.6vw,64px);line-height:1.3;letter-spacing:.02em}
.sl-close .sl-cta{margin-top:40px}
.sl-foot{position:relative;margin-top:140px;padding:36px 8.33vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:500 13px/1 var(--jp);color:var(--sub);letter-spacing:.08em}
.sl-foot nav{display:flex;gap:24px}

/* phone and tablet */
@media (max-width:1023px){
  .sl-fv{height:auto;padding:84px 0 40px;display:flex;flex-direction:column}
  .sl-head{left:16px;right:16px;top:24px}
  .sl-head nav{gap:18px;font-size:13px}
  .sl-fv__copy,.sl-fv__brand,.sl-facts,.sl-fv__photo,.sl-fv__wash,.sl-fv__frame,.sl-badge{position:relative;left:auto;top:auto;right:auto}
  .sl-fv__copy{order:1;width:auto;margin:0 16px}
  .sl-fv .sl-h1 .s,.sl-fv h1 .s{font-size:clamp(22px,6vw,34px)}
  .sl-fv .sl-h1 .b,.sl-fv h1 .b{font-size:clamp(44px,12.4vw,72px)}
  .sl-fv .sl-cta{flex-direction:column;gap:12px}
  .sl-fv .sl-btn{width:100%;height:58px}
  .sl-fv__wash{order:2;width:auto;height:auto;margin:40px 0 0 16px;padding:24px 0 0 24px;background:var(--wash);display:none}
  .sl-fv__photo{order:2;width:calc(100% - 16px);height:auto;aspect-ratio:4/3;margin:44px 0 0 16px;box-shadow:-16px -16px 0 0 var(--lav)}
  .sl-fv__frame{display:none}
  .sl-badge{order:3;align-self:flex-end;margin:-90px 12px 0 0;width:136px}
  .sl-badge .d{font-size:32px}
  .sl-fv__brand{order:4;margin:0 16px}
  .sl-fv__brand .en{font-size:clamp(34px,10vw,52px)}
  .sl-fv__brand .ja{font-size:13px;letter-spacing:.2em}
  .sl-facts{order:5;width:auto;height:auto;margin:28px 16px 0;padding:18px 0}
  .sl-facts dt{font-size:12px;letter-spacing:.04em}
  .sl-facts dd{font-size:clamp(20px,6vw,28px)}
  .sl-facts dd small{font-size:12px}
  .sl-demo,.sl-use,.sl-apps,.sl-offer{padding:88px 0}
  .sl-demo__lead{font-size:15px}
  .sl-demo__screen{margin-top:40px}
  .sl-demo__screen::before{inset:-14px -14px 24px 24px}
  .sl-demo__steps{flex-direction:column;gap:14px;font-size:16px}
  .sl-use__list li{grid-template-columns:56px 1fr;gap:12px;padding:26px 0}
  .sl-use__list .n{font-size:36px}
  .sl-use__list .app{grid-column:2;font-size:14px}
  .sl-use__list p{font-size:14px}
  .sl-case{padding:88px 0}
  .sl-case__in{grid-template-columns:1fr;gap:40px}
  .sl-case__copy>p:not(.sl-index){font-size:15px}
  .sl-apps__sub{grid-template-columns:1fr 1fr}
  .sl-apps__sub p{font-size:14px;padding-bottom:16px}
  .sl-apps__sub .nm{font-size:24px}
  .sl-offer__trio{grid-template-columns:1fr}
  .sl-offer__trio article{padding:36px 22px 40px}
  .sl-offer__trio article+article{border-left:0;border-top:1px solid var(--line)}
  .sl-offer li{font-size:15px}
  .sl-faq dl div{grid-template-columns:1fr;gap:4px}
  .sl-faq dt,.sl-faq dd{font-size:15px}
  .sl-close .sl-cta{flex-direction:column}
  .sl-close .sl-btn{width:100%}
  .sl-foot{flex-direction:column;gap:18px;padding:28px 16px}
  .sl-foot nav{flex-wrap:wrap;gap:16px}
}

.sl{font-synthesis:none}
.sl-fv__photo img{display:block;width:100%;height:100%}
.sl-badge>span{display:block}
.sl-demo__screen figcaption{position:relative;z-index:1;margin-top:18px;font:500 13px/1.8 var(--jp);color:var(--sub);letter-spacing:.04em}
.sl-demo__video{position:relative;z-index:1;aspect-ratio:1320/780;border-radius:10px;overflow:hidden;box-shadow:0 30px 70px rgba(45,58,90,.18);background:#f4f4f6}
.sl-demo__video video{display:block;width:100%;height:100%;object-fit:cover}
.sl-case__shots{display:grid;gap:22px}
.sl-case__shots figure{position:relative}
.sl-case__shots img{width:100%;border-radius:8px;box-shadow:0 24px 50px rgba(45,58,90,.18);background:#fff}
.sl-case__shots .before{width:78%;opacity:.92}
.sl-case__shots .after{margin-top:-60px;margin-left:22%}
.sl-case__shots figcaption{position:absolute;left:14px;top:12px;background:var(--ink);color:#fff;font:700 12px/1 var(--jp);letter-spacing:.12em;padding:8px 12px 7px}
.sl-plans__line{margin-top:48px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;font:700 17px/1.6 var(--jp);letter-spacing:.05em}
.sl-plans__line a{font-weight:500;color:var(--sub)}
.sl-plans__line .ar{font-style:normal;font-family:var(--lat);margin-left:8px}
@media (max-width:1023px){.sl-plans__line{font-size:15px}.sl-case__shots .before{width:86%}.sl-case__shots .after{margin-top:-36px;margin-left:14%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.skip-link{position:absolute;left:16px;top:-60px;z-index:10;background:var(--ink);color:#fff;padding:10px 14px;font:700 14px/1 var(--jp);text-decoration:none}
.skip-link:focus{top:12px}
.sl-case h2{font-size:clamp(28px,2.8vw,40px)}
@media (max-width:767px){.sl-demo__video{aspect-ratio:1040/460;box-shadow:0 16px 36px rgba(45,58,90,.16)}}
@media (max-width:1023px){.sl-close .big{font-size:clamp(24px,7vw,44px)}.sl-close{padding-top:96px}.sl-close__wash{height:380px}}

[hidden]{display:none!important}
.sl-offer__lead{margin-top:24px;font:500 17px/2 var(--jp);letter-spacing:.06em;color:var(--sub)}
.sl-offer .next{margin-top:14px;font:700 15px/1.6 var(--jp);color:var(--sub);letter-spacing:.04em}
.sl-offer .next [data-tier]{font-family:var(--lat);font-weight:500;font-size:17px;color:var(--ink);margin:0 2px}
.sl-offer .tag [data-tier]{font-family:inherit}
.sl-trial-link{display:inline-flex;align-items:center;margin-top:22px;font:700 15px/1.6 var(--jp);letter-spacing:.06em;color:var(--ink)}
.sl-trial-link .ar{font-family:var(--lat);margin-left:10px}
.sl-trial{padding:110px 0;background:#fff;border-top:1px solid var(--line)}
.sl-trial__in{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:end}
.sl-trial__body ul{list-style:none;border-top:1px solid var(--line)}
.sl-trial__body li{padding:16px 0 16px 26px;border-bottom:1px solid var(--line);font:500 17px/1.6 var(--jp);letter-spacing:.04em;position:relative}
.sl-trial__body li::before{content:"";position:absolute;left:2px;top:25px;width:10px;height:10px;border-radius:50%;background:var(--aur)}
.sl-trial__left{margin-top:22px;font:700 17px/1.6 var(--jp);letter-spacing:.06em}
.sl-trial__body .sl-btn{margin-top:22px}
@media (max-width:1023px){.sl-trial{padding:80px 0}.sl-trial__in{grid-template-columns:1fr;gap:28px}.sl-trial__body li{font-size:15px}.sl-trial__body .sl-btn{width:100%}.sl-offer__lead{font-size:15px}.sl-trial-link{font-size:14px}}

/* 最初の画面の分け試し: 既定でない案は hidden で置き split.js が出す案を選ぶ。振り分けの前の一瞬は文を隠してちらつきを抑える */
@keyframes sl-split-in{from{visibility:hidden}to{visibility:visible}}
html:not([data-split]) .sl-fv__copy{animation:sl-split-in 0s linear .6s both}
.sl-fv__tag{display:inline-block;margin-bottom:26px;background:var(--ink);color:#fff;font:700 16px/1 var(--jp);letter-spacing:.1em;padding:12px 18px 11px}
@media (max-width:1023px){.sl-fv__tag{font-size:14px;letter-spacing:.06em;padding:10px 12px 9px;margin-bottom:20px}}
/* PC とスマホのあいだ（1024〜1199px）は 最初の画面の文が FLAPBASE の字に届くので 高さを足して下にそろえる */
@media (min-width:1024px) and (max-width:1199px){.sl-fv{height:880px}.sl-fv__brand{top:auto;bottom:40px}.sl-facts{top:auto;bottom:56px}}
.sl-offer .year{margin-top:12px;font:700 15px/1.6 var(--jp);letter-spacing:.04em}
/* ロードマップ: 月ごとの縦の並び 左に時期 右に中身（カードにしない） */
.sl-road{padding:140px 0;background:#fff;border-top:1px solid var(--line)}
.sl-road__list{list-style:none;margin-top:56px;border-top:1px solid var(--line)}
.sl-road__list>li{display:grid;grid-template-columns:200px 1fr;gap:32px;padding:32px 0;border-bottom:1px solid var(--line)}
.sl-road__list .when{font:400 30px/1.2 var(--lat);letter-spacing:.04em;color:var(--ink)}
.sl-road__list h3{font-size:clamp(20px,1.9vw,26px);font-weight:700;letter-spacing:.04em;line-height:1.5}
.sl-road__list ul{list-style:none;margin-top:14px;display:flex;flex-wrap:wrap;gap:10px 28px}
.sl-road__list ul li{font:500 16px/1.7 var(--jp);color:var(--sub);letter-spacing:.04em;padding-left:18px;position:relative}
.sl-road__list ul li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:var(--aur)}
@media (max-width:1023px){.sl-road{padding:88px 0}.sl-road__list>li{grid-template-columns:1fr;gap:10px;padding:26px 0}.sl-road__list .when{font-size:24px}.sl-road__list ul li{font-size:14px}}
/* バッジの名前（プロデュースメンバー）は丸に収まるよう字を詰める */
.sl-badge .k{font-size:12px;letter-spacing:.02em}
@media (max-width:1023px){.sl-badge{width:156px}}
.sl-badge{width:clamp(172px,12.8vw,190px)}
@media (max-width:1023px){.sl-badge{width:160px}}
@media (min-width:1024px){.sl-badge{left:auto;right:max(16px,2.5vw)}}
/* 料金（/pricing）: /start と同じ部品 4つを横長の行で並べる（カードの格子にしない） */
.sl-head--flow{position:relative;left:auto;right:auto;top:auto;width:min(1200px,100% - 32px);margin:0 auto;padding:36px 0 0}
.sl-pricing__hero{position:relative;padding:72px 0 56px}
.sl-pricing__hero::before{content:"";position:absolute;right:0;top:-120px;width:46vw;height:360px;background:var(--wash);z-index:-1}
.sl-pricing__hero h1{margin-top:22px;font-weight:900;font-size:clamp(36px,4.6vw,64px);line-height:1.25;letter-spacing:.02em}
.sl-pricing__lead{margin-top:18px;font:500 16px/1.8 var(--jp);color:var(--sub);letter-spacing:.06em}
.sl-pricing__member{background:var(--ink);color:#fff}
.sl-pricing__member-in{display:flex;align-items:center;justify-content:space-between;gap:24px 48px;flex-wrap:wrap;padding:36px 0}
.sl-pricing__member .k{font:700 14px/1 var(--jp);letter-spacing:.14em;color:#cfd6ff}
.sl-pricing__member .say{margin-top:14px;font:700 clamp(20px,2vw,26px)/1.6 var(--jp);letter-spacing:.04em}
.sl-pricing__list{padding:72px 0 40px}
.sl-pricing__list>.sl-wrap>ol{list-style:none;border-top:1px solid var(--line)}
.sl-pricing__list>.sl-wrap>ol>li{display:grid;grid-template-columns:200px 260px 1fr auto;gap:28px;align-items:center;padding:36px 0;border-bottom:1px solid var(--line)}
.sl-pricing__list h2{margin:0;font:500 clamp(24px,2.2vw,32px)/1.2 var(--lat);letter-spacing:.04em}
.sl-pricing__list li:first-child h2,.sl-pricing__list li:last-child h2{font-family:var(--jp);font-weight:700;font-size:clamp(20px,1.8vw,26px)}
.sl-pricing__list .price .v{font:400 clamp(36px,3.4vw,48px)/1 var(--lat)}
.sl-pricing__list .price small{margin-left:8px;font:500 15px/1 var(--jp);letter-spacing:.06em}
.sl-pricing__list .notes{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px}
.sl-pricing__list .notes li{font:500 15px/1.7 var(--jp);color:var(--sub);letter-spacing:.04em;padding-left:16px;position:relative}
.sl-pricing__list .notes li::before{content:"";position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:50%;background:var(--aur)}
.sl-pricing__list .go .sl-btn{height:54px;padding:0 26px;font-size:15px}
.sl-pricing__after{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;font:700 16px/1.6 var(--jp);letter-spacing:.04em}
.sl-pricing__after a{color:var(--sub)}
.sl-pricing__after .ar{font-family:var(--lat);margin-left:8px}
@media (max-width:1023px){
  .sl-head--flow{padding-top:24px}
  .sl-pricing__hero{padding:56px 0 40px}
  .sl-pricing__hero::before{width:70vw;height:260px}
  .sl-pricing__member .sl-btn{width:100%}
  .sl-pricing__list>.sl-wrap>ol>li{grid-template-columns:1fr;gap:12px;padding:28px 0}
  .sl-pricing__list .notes li{font-size:14px}
  .sl-pricing__list .go .sl-btn{width:100%}
}
@media (max-width:1023px){.sl-pricing__hero h1{font-size:clamp(26px,8.4vw,44px)}.sl-pricing__member .say{font-size:clamp(15px,4.5vw,22px)}}