@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300..600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@600&display=swap');

/* 11-07 翼の決定
   ・個別指導塾natane のロゴ：natane が上、個別指導塾が下。個別指導塾はしっぽり明朝 B1 の 600
   ・natane AI のロゴ：一言なし。AI は natane と同じ大きさ
   ・最初の画面の真ん中の文と右下の文
   数字は --jk-*（塾のロゴ）、--ai-*（AI のロゴ）、--tn-*（最初の画面の文）にまとめた。
   はじめの値は、翼が確認用のサイトで決めた数字（11-07 22:15 と 22:43）。
   ロゴの数字は natane の字の大きさ --nu を 1 とした値。 */

/* ── 個別指導塾natane：natane の下に「個別指導塾」 ── */
html body .jk-on .jk-sub {
  display: block;
  order: var(--jk-order, 0);
  font-family: var(--jk-ff, "Shippori Mincho B1"), "Shippori Mincho", serif;
  font-weight: var(--jk-fw, 600);
  font-style: normal;
  font-size: calc(var(--nu) * var(--jk-s, 0.47));
  letter-spacing: var(--jk-tr, 0.61em);
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  text-align: left;
  font-feature-settings: normal;
  margin: calc(var(--nu) * var(--jk-mt, 0.1661)) 0 calc(var(--nu) * var(--jk-mb, 0)) calc(var(--nu) * var(--jk-ml, 0.0529));
  color: inherit;
}
html body .logo-txt.jk-on,
html body .fk-idtxt.jk-on,
html body .fk-word.jk-on {
  transform: translateY(calc(var(--nu) * var(--jk-ty, -0.1189)));
}
html body .fk-idtxt.jk-on,
html body .fk-word.jk-on {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html body .fk-idtxt.jk-on .jk-sub { color: #fff; }
html body .fk-word.jk-on .jk-sub { color: rgb(35, 48, 67); }

/* ── natane AI：一言を消して、AI を natane と同じ大きさに ── */
html body .nl .nl-t { visibility: hidden; }
html body .nl .nl-w { transform: translateY(var(--ai-ty, 0.41em)); }
html body .nl .nl-w > b,
html body a.logo:not(.nl) .logo-wm > b {
  font-family: Jost, sans-serif;
  font-size: var(--ai-s, 1em);
  font-weight: var(--ai-fw, 450);
  letter-spacing: var(--ai-tr, 0.1em);
  margin-left: var(--ai-ml, 0.296em);
}

/* ── 最初の画面の真ん中の文と、右下の文 ── */
.fk-lock-in {
  font-size: calc(clamp(15px, 1.45vw, 22px) * var(--tn-vs, 1.05));
  gap: calc(1em * var(--tn-vg, 0.72));
  translate: var(--tn-vx, 0px) var(--tn-vy, 1px);
}
.fk-lock .v { letter-spacing: var(--tn-vls, 0.127em); }
.fk-lead {
  font-size: calc(clamp(14px, 1.22vw, 18px) * var(--tn-ls, 0.99));
  translate: var(--tn-lx, 0px) var(--tn-ly, 0px);
}
@media (max-width: 820px) {
  .fk-lock .v1, .fk-lock .v2 { font-size: calc(clamp(13px, 3.1vw, 17px) * var(--tn-vs, 1.05)); }
}
@media (max-width: 640px) {
  .fk-lead { font-size: calc(12.5px * var(--tn-ls, 0.99)); }
}