@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* ===== ツバメのスクール比較 新デザイン（TSC）ここから 2026-11-02 ===== */
:root {
  --tsc-bg: #F6F8FB;        

  --tsc-main: #1D6FD6;     

  --tsc-main-d: #1659AE;
  --tsc-main-50: #EAF3FD;
  --tsc-main-100: #D3E5FA;
  --tsc-orange: #C2571A;    

  --tsc-orange-d: #A64815;
  --tsc-orange-50: #FCEBDD;
  --tsc-orange-ink: #9A4313;
  --tsc-ink: #1E2A32;       

  --tsc-ink-2: #3B4852;
  --tsc-muted: #5A6670;
  --tsc-line: #E3E8EF;
  --tsc-line-2: #D9E0EA;
  --tsc-navy-50: #FFF3D6;
  --tsc-navy: #8A5A00;
  --tsc-white: #FFFFFF;
  --tsc-radius: 20px;
  --tsc-shadow: 0 18px 44px rgba(30, 42, 50, .10);
  --tsc-shadow-s: 0 6px 18px rgba(30, 42, 50, .06);
  --tsc-font-head: 'Zen Maru Gothic', 'Hiragino Maru Gothic ProN', sans-serif;
  --tsc-font-body: 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  --tsc-wrap: 1160px;
}

:where(.tsc-on [class*="tsc-"], .tsc-on [class*="tsc-"] *, .tsc-on [class*="tsc-"] *::before, .tsc-on [class*="tsc-"] *::after) { box-sizing: border-box; }

body.tsc-on {
  margin: 0;
  background: var(--tsc-bg);
  color: var(--tsc-ink);
  font-family: var(--tsc-font-body);
  font-size: 16px;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt" 1;
}
:where(.tsc-on [class*="tsc-"]) img { max-width: 100%; height: auto; display: block; }
:where(.tsc-on [class*="tsc-"]) a { color: var(--tsc-main); }
:where(.tsc-on [class*="tsc-"]) a:hover { color: var(--tsc-main-d); }
:where(.tsc-on [class*="tsc-"]) button, :where(.tsc-on [class*="tsc-"]) input, :where(.tsc-on [class*="tsc-"]) select { font-family: inherit; }

.tsc-on.tsc-on .tsc-wrap { max-width: var(--tsc-wrap); margin: 0 auto; padding: 0 32px; }
@media (max-width: 767px) { .tsc-on.tsc-on .tsc-wrap { padding: 0 16px; } }

.tsc-on.tsc-on .tsc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }



.tsc-on.tsc-on .tsc-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 0; font-size: 13px; font-weight: 700; letter-spacing: .12em; color: var(--tsc-main);
}
.tsc-on.tsc-on .tsc-eyebrow::before { content: ""; width: 18px; height: 2px; border-radius: 2px; background: currentColor; }
.tsc-on.tsc-on .tsc-eyebrow--orange { color: var(--tsc-orange-ink); }
.tsc-on.tsc-on .tsc-h2 {
  margin: 8px 0 0; font-family: var(--tsc-font-head); font-weight: 900;
  font-size: 36px; line-height: 1.4; letter-spacing: .02em;
}
.tsc-on.tsc-on .tsc-lead { margin: 12px 0 0; font-size: 16px; color: var(--tsc-ink-2); }
@media (max-width: 767px) {
  .tsc-on.tsc-on .tsc-h2 { font-size: 26px; }
  .tsc-on.tsc-on .tsc-lead { font-size: 15px; }
}

.tsc-on.tsc-on .tsc-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 3px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; line-height: 1.6;
  background: var(--tsc-main-50); color: var(--tsc-main);
}
.tsc-on.tsc-on .tsc-chip--orange { background: var(--tsc-orange-50); color: var(--tsc-orange-ink); }
.tsc-on.tsc-on .tsc-chip--navy { background: var(--tsc-navy-50); color: var(--tsc-navy); }
.tsc-on.tsc-on .tsc-chip--pr { background: var(--tsc-ink); color: #fff; }
.tsc-on.tsc-on .tsc-img-note { font-size: 10px; color: var(--tsc-muted); }



.tsc-on.tsc-on .tsc-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 52px; padding: 0 28px; border: none; border-radius: 999px;
  font-size: 16px; font-weight: 700; line-height: 1.3; text-decoration: none; cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.tsc-on.tsc-on .tsc-btn:hover { transform: translateY(-1px); }
.tsc-on.tsc-on .tsc-btn--cta { background: var(--tsc-orange); color: #fff; box-shadow: 0 8px 20px rgba(194, 87, 26, .28); }
.tsc-on.tsc-on .tsc-btn--cta:hover { background: var(--tsc-orange-d); color: #fff; }
.tsc-on.tsc-on .tsc-btn--main { background: var(--tsc-main); color: #fff; }
.tsc-on.tsc-on .tsc-btn--main:hover { background: var(--tsc-main-d); color: #fff; }
.tsc-on.tsc-on .tsc-btn--dark { background: var(--tsc-ink); color: #fff; }
.tsc-on.tsc-on .tsc-btn--dark:hover { background: #111a20; color: #fff; }
.tsc-on.tsc-on .tsc-btn--ghost { background: #fff; color: var(--tsc-main); border: 1.5px solid var(--tsc-main); }
.tsc-on.tsc-on .tsc-btn--ghost:hover { background: var(--tsc-main-50); color: var(--tsc-main-d); }
.tsc-on.tsc-on .tsc-btn--s { min-height: 44px; padding: 0 18px; font-size: 14px; }
.tsc-on.tsc-on .tsc-btn:focus-visible, .tsc-on.tsc-on .tsc-choice:focus-visible, .tsc-on a:focus-visible { outline: 3px solid #E9A06E; outline-offset: 2px; }



.tsc-on.tsc-on .tsc-prbar { background: var(--tsc-ink); color: #D6DDE1; font-size: 12px; line-height: 1.5; }
.tsc-on.tsc-on .tsc-prbar .tsc-wrap { display: flex; justify-content: space-between; gap: 12px; padding-top: 6px; padding-bottom: 6px; }
.tsc-on.tsc-on .tsc-prbar a { color: #fff; }
@media (max-width: 767px) { .tsc-on.tsc-on .tsc-prbar .tsc-prbar__sub { display: none; } .tsc-on.tsc-on .tsc-prbar { font-size: 11px; } }



.tsc-on.tsc-on .tsc-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(246, 248, 251, .94); backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--tsc-line);
}
.tsc-on.tsc-on .tsc-header__in { display: flex; align-items: center; gap: 24px; min-height: 72px; }
.tsc-on.tsc-on .tsc-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--tsc-ink); }
.tsc-on.tsc-on .tsc-logo svg { flex: 0 0 auto; }
.tsc-on.tsc-on .tsc-logo__text { display: flex; flex-direction: column; line-height: 1.25; }
.tsc-on.tsc-on .tsc-logo__name { font-family: var(--tsc-font-head); font-weight: 900; font-size: 21px; letter-spacing: .04em; }
.tsc-on.tsc-on .tsc-logo__tag { font-size: 11px; color: var(--tsc-muted); letter-spacing: .04em; }
.tsc-on.tsc-on .tsc-gnav { margin-left: auto; display: flex; align-items: center; gap: 4px; }
.tsc-on.tsc-on .tsc-gnav a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 999px;
  font-size: 14px; font-weight: 700; color: var(--tsc-ink); text-decoration: none;
}
.tsc-on.tsc-on .tsc-gnav a:hover { background: var(--tsc-main-50); color: var(--tsc-main); }
.tsc-on.tsc-on .tsc-gnav a.tsc-gnav__after { color: var(--tsc-orange-ink); }
.tsc-on.tsc-on .tsc-gnav a.tsc-gnav__after:hover { background: var(--tsc-orange-50); }
.tsc-on.tsc-on .tsc-header__cta { flex: 0 0 auto; }
.tsc-on.tsc-on .tsc-header__cta .tsc-btn { min-height: 46px; padding: 0 20px; font-size: 15px; }
.tsc-on.tsc-on .tsc-badge-time {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 1px 8px; border-radius: 999px; background: #fff; color: var(--tsc-orange-ink); font-size: 11px; font-weight: 700;
}
.tsc-on.tsc-on .tsc-menu { display: none; }

@media (max-width: 1023px) {
  .tsc-on.tsc-on .tsc-gnav { display: none; }
  .tsc-on.tsc-on .tsc-header__in { min-height: 60px; gap: 8px; }
  .tsc-on.tsc-on .tsc-logo__name { font-size: 16px; letter-spacing: .01em; white-space: nowrap; }
  .tsc-on.tsc-on .tsc-logo__tag { display: none; }
  .tsc-on.tsc-on .tsc-logo svg { width: 38px; height: 38px; }
  .tsc-on.tsc-on .tsc-header__cta { margin-left: auto; }
  .tsc-on.tsc-on .tsc-header__cta .tsc-btn { min-height: 44px; padding: 0 14px; font-size: 13px; box-shadow: none; }
  .tsc-on.tsc-on .tsc-header__cta .tsc-badge-time { display: none; }
  .tsc-on.tsc-on .tsc-menu { display: block; position: relative; }
  .tsc-on.tsc-on .tsc-menu summary {
    list-style: none; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
    border-radius: 12px; cursor: pointer;
  }
  .tsc-on.tsc-on .tsc-menu summary::-webkit-details-marker { display: none; }
  .tsc-on.tsc-on .tsc-menu__panel {
    position: absolute; right: 0; top: 52px; width: min(320px, calc(100vw - 32px));
    background: #fff; border-radius: 20px; box-shadow: var(--tsc-shadow); padding: 10px;
    display: flex; flex-direction: column;
  }
  .tsc-on.tsc-on .tsc-menu__panel a {
    display: flex; align-items: center; min-height: 48px; padding: 0 14px; border-radius: 12px;
    color: var(--tsc-ink); text-decoration: none; font-weight: 700; font-size: 15px;
  }
  .tsc-on.tsc-on .tsc-menu__panel a:hover { background: var(--tsc-main-50); }
}



.tsc-on.tsc-on .tsc-crumb { font-size: 12px; color: var(--tsc-muted); padding: 14px 0; }
.tsc-on.tsc-on .tsc-crumb a { color: var(--tsc-muted); }
.tsc-on.tsc-on .tsc-crumb span[aria-hidden] { margin: 0 6px; }



.tsc-on.tsc-on .tsc-footer { background: var(--tsc-ink); color: #C9D2D8; font-size: 14px; }
.tsc-on.tsc-on .tsc-footer a { color: #E6ECEF; text-decoration: none; }
.tsc-on.tsc-on .tsc-footer a:hover { color: #fff; text-decoration: underline; }
.tsc-on.tsc-on .tsc-footer__top { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; padding-top: 64px; padding-bottom: 48px; }
.tsc-on.tsc-on .tsc-footer__brand { display: flex; flex-direction: column; gap: 14px; }
.tsc-on.tsc-on .tsc-footer__name { font-family: var(--tsc-font-head); font-weight: 900; font-size: 20px; color: #fff; }
.tsc-on.tsc-on .tsc-footer__about { margin: 0; font-size: 13px; line-height: 1.9; }
.tsc-on.tsc-on .tsc-footer__ttl { margin: 0 0 12px; font-size: 13px; font-weight: 700; color: #fff; letter-spacing: .06em; }
.tsc-on.tsc-on .tsc-footer ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
.tsc-on.tsc-on .tsc-footer li a { display: inline-flex; min-height: 32px; align-items: center; }
.tsc-on.tsc-on .tsc-footer__bottom { border-top: 1px solid rgba(255,255,255,.12); }
.tsc-on.tsc-on .tsc-footer__bottom .tsc-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding-top: 18px; padding-bottom: 22px; font-size: 12px; }
@media (max-width: 1023px) { .tsc-on.tsc-on .tsc-footer__top { grid-template-columns: 1fr 1fr; } .tsc-on.tsc-on .tsc-footer__brand { grid-column: 1 / -1; } }
@media (max-width: 767px) {
  .tsc-on.tsc-on .tsc-footer__top { gap: 28px 20px; padding-top: 44px; padding-bottom: 32px; }
  .tsc-on.tsc-on .tsc-footer { padding-bottom: 76px; } 

}



.tsc-on.tsc-on .tsc-fixcta {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  background: rgba(255,255,255,.96); border-top: 1px solid var(--tsc-line);
  box-shadow: 0 -8px 24px rgba(30,42,50,.08);
  display: none; transform: translateY(110%); transition: transform .25s ease;
}
.tsc-on.tsc-on .tsc-fixcta.is-show { transform: translateY(0); }
.tsc-on.tsc-on .tsc-fixcta .tsc-btn { width: 100%; min-height: 52px; }
@media (max-width: 767px) { .tsc-on.tsc-on .tsc-fixcta { display: block; } }



.tsc-on.tsc-on .tsc-article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 40px; padding-bottom: 80px; }
@media (max-width: 1023px) { .tsc-on.tsc-on .tsc-article-layout { grid-template-columns: 1fr; } }

.tsc-on.single .article { background: #fff; border-radius: 28px; padding: 44px 48px 56px; box-shadow: var(--tsc-shadow-s); }
@media (max-width: 767px) { .tsc-on.single .article { border-radius: 0; margin: 0 -16px; padding: 24px 18px 40px; box-shadow: none; } }

.tsc-on.single .article .entry-title {
  margin: 10px 0 0; font-family: var(--tsc-font-head); font-weight: 900;
  font-size: 30px; line-height: 1.5; letter-spacing: .02em;
}
@media (max-width: 767px) { .tsc-on.single .article .entry-title { font-size: 22px; } }
.tsc-on.tsc-on .tsc-entry-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: 12px; font-size: 12px; color: var(--tsc-muted); }
.tsc-on.tsc-on .tsc-pr-note {
  margin: 16px 0 0; padding: 10px 14px; border-radius: 12px; background: var(--tsc-bg);
  font-size: 12px; line-height: 1.7; color: var(--tsc-ink-2);
}

.tsc-on.single .entry-content { margin-top: 28px; font-size: 16px; line-height: 1.95; }
.tsc-on.single .entry-content > p { margin: 0 0 1.4em; }
.tsc-on.single .entry-content > h2 {
  margin: 56px 0 20px; padding: 14px 20px; border-radius: 14px;
  background: var(--tsc-main); color: #fff;
  font-family: var(--tsc-font-head); font-weight: 700; font-size: 23px; line-height: 1.5;
}
.tsc-on.single .entry-content > h3 {
  margin: 36px 0 14px; padding: 0 0 8px 0; border-bottom: 2px solid var(--tsc-main-100);
  font-family: var(--tsc-font-head); font-weight: 700; font-size: 20px; line-height: 1.5;
  position: relative;
}
.tsc-on.single .entry-content > h3::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 64px; height: 2px; background: var(--tsc-main); }
@media (max-width: 767px) { .tsc-on.single .entry-content > h2 { font-size: 19px; padding: 12px 14px; } .tsc-on.single .entry-content > h3 { font-size: 17px; } }
.tsc-on.single .entry-content > ul, .tsc-on.single .entry-content > ol { margin: 0 0 1.4em; padding-left: 1.4em; }
.tsc-on.single .entry-content strong { background: linear-gradient(transparent 62%, #FDE3A6 62%); }

.tsc-on.tsc-on .tsc-toc { margin: 28px 0; border: 1px solid var(--tsc-line); border-radius: 18px; padding: 18px 22px; background: var(--tsc-bg); }
.tsc-on.tsc-on .tsc-toc__ttl { margin: 0 0 6px; font-weight: 700; font-size: 15px; }
.tsc-on.tsc-on .tsc-toc ol { margin: 0; padding-left: 1.3em; font-size: 14px; line-height: 2; }
.tsc-on.tsc-on .tsc-toc a { color: var(--tsc-ink); }



.tsc-on.tsc-on .tsc-table-wrap { margin: 0 0 8px; overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 16px; border: 1px solid var(--tsc-line); }
.tsc-on.tsc-on .tsc-table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 14px; line-height: 1.6; background: #fff; }
.tsc-on.tsc-on .tsc-table th, .tsc-on.tsc-on .tsc-table td { padding: 12px 14px; border-bottom: 1px solid var(--tsc-line); text-align: left; vertical-align: top; }
.tsc-on.tsc-on .tsc-table thead th { background: var(--tsc-main-50); color: var(--tsc-main-d); font-size: 13px; white-space: nowrap; }
.tsc-on.tsc-on .tsc-table tbody th { white-space: nowrap; font-weight: 700; position: sticky; left: 0; background: #fff; }
.tsc-on.tsc-on .tsc-table tr:last-child th, .tsc-on.tsc-on .tsc-table tr:last-child td { border-bottom: none; }
.tsc-on.tsc-on .tsc-table-note { font-size: 12px; color: var(--tsc-muted); margin: 0 0 1.6em; line-height: 1.7; }



.tsc-on.tsc-on .tsc-side { display: flex; flex-direction: column; gap: 20px; }
.tsc-on.tsc-on .tsc-side__box { background: #fff; border-radius: 22px; padding: 20px; box-shadow: var(--tsc-shadow-s); }
.tsc-on.tsc-on .tsc-side__ttl { margin: 0 0 10px; font-family: var(--tsc-font-head); font-weight: 700; font-size: 17px; }
.tsc-on.tsc-on .tsc-side__list { margin: 0; padding: 0; list-style: none; }
.tsc-on.tsc-on .tsc-side__list a { display: flex; align-items: center; justify-content: space-between; min-height: 44px; border-bottom: 1px solid var(--tsc-line); color: var(--tsc-ink); text-decoration: none; font-size: 14px; font-weight: 500; }
.tsc-on.tsc-on .tsc-side__list li:last-child a { border-bottom: none; }
.tsc-on.tsc-on .tsc-side__sticky { position: sticky; top: 92px; }



:where(.tsc-on [class*="tsc-"]) h1, :where(.tsc-on [class*="tsc-"]) h2, :where(.tsc-on [class*="tsc-"]) h3, .tsc-on.tsc-on .tsc-h2, .tsc-on.tsc-on .tsc-sit__ttl, .tsc-on.tsc-on .tsc-res__ttl, .tsc-on.tsc-on .tsc-sd__q, .tsc-on.tsc-on .tsc-optin__ttl, .tsc-on.tsc-on .tsc-field__name, .tsc-on.tsc-on .tsc-choice__main, .tsc-on.tsc-on .tsc-step h3 {
  word-break: auto-phrase; text-wrap: balance;
}
.tsc-on.tsc-on .tsc-lead, .tsc-on.tsc-on .tsc-after__txt, .tsc-on.tsc-on .tsc-hero__lead, .tsc-on.tsc-on .tsc-sit__txt, .tsc-on.tsc-on .tsc-field__desc, .tsc-on.tsc-on .tsc-step p { word-break: auto-phrase; text-wrap: pretty; }
.tsc-on.tsc-on .tsc-article-layout > main { min-width: 0; }



.tsc-on.tsc-on .tsc-img-tag { position: absolute; z-index: 2; padding: 1px 8px; border-radius: 999px; background: rgba(255,255,255,.92); color: var(--tsc-ink-2); font-size: 10px; font-weight: 700; line-height: 1.7; }
.tsc-on.tsc-on .tsc-nowrap { white-space: nowrap; }
.tsc-on.tsc-on .tsc-kp { word-break: keep-all; overflow-wrap: anywhere; }



.tsc-on.tsc-on .tsc-cat { display: inline-flex; padding: 3px 12px; border-radius: 999px; background: var(--tsc-main); color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; }
.tsc-on.tsc-on .tsc-cat:hover { color: #fff; }
.tsc-on.tsc-on .tsc-point { margin: 0 0 1.6em; padding: 18px 20px; border-radius: 18px; background: var(--tsc-orange-50); font-size: 15px; line-height: 1.85; }
.tsc-on.tsc-on .tsc-point b { display: block; color: var(--tsc-orange-ink); font-size: 14px; margin-bottom: 4px; }
.tsc-on.tsc-on .tsc-end-cta { margin-top: 48px; }
.tsc-on.tsc-on .tsc-table--fit { min-width: 0; table-layout: fixed; }
.tsc-on.tsc-on .tsc-table--fit col.c-name { width: 23%; } .tsc-on.tsc-on .tsc-table--fit col.c-price { width: 28%; } .tsc-on.tsc-on .tsc-table--fit col.c-term { width: 16%; } .tsc-on.tsc-on .tsc-table--fit col.c-quit { width: 18%; } .tsc-on.tsc-on .tsc-table--fit col.c-date { width: 15%; }
.tsc-on.tsc-on .tsc-table--fit th, .tsc-on.tsc-on .tsc-table--fit td { padding: 12px 10px; }
.tsc-on.tsc-on .tsc-table--fit tbody th { white-space: normal; position: static; }
.tsc-on.tsc-on .tsc-table--fit td:last-child { font-size: 12px; color: var(--tsc-muted); }
.tsc-on.tsc-on .tsc-sp-only { display: none; }
@media (max-width: 767px) {
  .tsc-on.tsc-on .tsc-table--fit { min-width: 640px; table-layout: auto; }
  .tsc-on.tsc-on .tsc-table--fit tbody th { white-space: nowrap; position: sticky; }
  .tsc-on.tsc-on .tsc-sp-only { display: inline; }
}


.tsc-on.tsc-on .tsc-axis2 { margin: 8px 0 1.6em; display: grid; grid-template-columns: 96px 1fr; gap: 6px 18px; align-items: center; padding: 20px; border-radius: 22px; background: var(--tsc-orange-50); }
.tsc-on.tsc-on .tsc-axis2__ph { grid-row: 1 / span 3; width: 96px; height: 96px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; }
.tsc-on.tsc-on .tsc-axis2__k { font-size: 12px; font-weight: 700; color: var(--tsc-orange-ink); }
.tsc-on.tsc-on .tsc-axis2__t { margin: 0; font-family: var(--tsc-font-head); font-weight: 900; font-size: 19px; line-height: 1.5; }
.tsc-on.tsc-on .tsc-axis2__act { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.tsc-on.tsc-on .tsc-axis2__act small { font-size: 12px; color: var(--tsc-muted); }
@media (max-width: 767px) {
  .tsc-on.tsc-on .tsc-axis2 { grid-template-columns: 64px 1fr; padding: 16px; gap: 4px 12px; }
  .tsc-on.tsc-on .tsc-axis2__ph { width: 64px; height: 64px; grid-row: 1 / span 2; }
  .tsc-on.tsc-on .tsc-axis2__act { grid-column: 1 / -1; margin-top: 8px; }
  .tsc-on.tsc-on .tsc-axis2__act .tsc-btn { width: 100%; }
}


.tsc-on.tsc-on .tsc-side__sd { background: var(--tsc-main); color: #fff; border-radius: 22px; padding: 22px 20px; text-align: center; }
.tsc-on.tsc-on .tsc-side__sd img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; margin: 0 auto 10px; border: 4px solid rgba(255,255,255,.3); }
.tsc-on.tsc-on .tsc-side__sd p { margin: 0 0 14px; font-family: var(--tsc-font-head); font-weight: 900; font-size: 19px; line-height: 1.45; }
.tsc-on.tsc-on .tsc-side__sd .tsc-btn { width: 100%; }
.tsc-on.tsc-on .tsc-side__sd small { display: block; margin-top: 8px; font-size: 11px; color: #D6E7FB; }
.tsc-on.tsc-on .tsc-side__mail { background: #fff; border-radius: 22px; padding: 20px; box-shadow: var(--tsc-shadow-s); }
.tsc-on.tsc-on .tsc-side__mail p { margin: 0 0 10px; font-weight: 700; font-size: 15px; line-height: 1.6; }
.tsc-on.tsc-on .tsc-side__mail form { display: flex; flex-direction: column; gap: 8px; }
.tsc-on.tsc-on .tsc-side__mail input { min-height: 48px; padding: 0 14px; border: 1.5px solid var(--tsc-line-2); border-radius: 14px; font-size: 15px; }
.tsc-on.tsc-on .tsc-side__mail .tsc-optin__done { background: var(--tsc-main-50); color: var(--tsc-main-d); }
@media (max-width: 1023px) { .tsc-on.tsc-on .tsc-side { display: none; } }


.tsc-on.tsc-on .tsc-table--fit col.c-name { width: 9.5em; } .tsc-on.tsc-on .tsc-table--fit col.c-date { width: 6.6em; }
.tsc-on.tsc-on .tsc-table--fit col.c-price, .tsc-on.tsc-on .tsc-table--fit col.c-quit { width: auto; } .tsc-on.tsc-on .tsc-table--fit col.c-term { width: 7.5em; }
.tsc-on.tsc-on .tsc-table--fit td:last-child { white-space: nowrap; color: var(--tsc-ink-2); font-size: 13px; }
.tsc-on.tsc-on .tsc-table td, .tsc-on.tsc-on .tsc-table th { word-break: auto-phrase; }
.tsc-on.tsc-on .tsc-axis2 { align-items: center; }
.tsc-on.tsc-on .tsc-axis2__ph { align-self: center; }
@media (max-width: 767px) {
  .tsc-on.single .entry-content > h3 { letter-spacing: 0; }
  .tsc-on.tsc-on .tsc-axis2__ph { grid-row: 1 / span 2; align-self: center; }
}


.tsc-on.single .entry-content > h2 { background: var(--tsc-main-50); color: var(--tsc-ink); border-left: 6px solid var(--tsc-main); border-radius: 6px 14px 14px 6px; }
.tsc-on.tsc-on .tsc-table--fit col.c-name { width: 11em; } .tsc-on.tsc-on .tsc-table--fit col.c-date { width: 6.5em; } .tsc-on.tsc-on .tsc-table--fit col.c-term { width: 8.5em; }
.tsc-on.tsc-on .tsc-table--fit tbody th, .tsc-on.tsc-on .tsc-table--fit td:nth-child(3) { word-break: keep-all; overflow-wrap: anywhere; }
.tsc-on.tsc-on .tsc-table--fit td:last-child { color: var(--tsc-ink); font-size: 13px; }
.tsc-on.tsc-on .tsc-side__sd { background: var(--tsc-main-50); color: var(--tsc-ink); }
.tsc-on.tsc-on .tsc-side__sd img { border-color: #fff; }
.tsc-on.tsc-on .tsc-side__sd small { color: var(--tsc-ink-2); }
.tsc-on.tsc-on .tsc-side__after { background: var(--tsc-orange-50); border-radius: 22px; padding: 18px 20px; }
.tsc-on.tsc-on .tsc-side__after span { font-size: 12px; font-weight: 700; color: var(--tsc-orange-ink); }
.tsc-on.tsc-on .tsc-side__after p { margin: 4px 0 8px; font-weight: 700; font-size: 15px; line-height: 1.6; }
.tsc-on.tsc-on .tsc-side__after a { font-size: 14px; font-weight: 700; color: var(--tsc-orange-ink); }
.tsc-on.tsc-on .tsc-axis2__act { margin-top: 2px; }
@media (max-width: 767px) {
  .tsc-on.single .entry-content > h3 { font-size: 16.5px; letter-spacing: .02em; }
  .tsc-on.tsc-on .tsc-axis2__act { margin-top: 2px; }
  .tsc-on.tsc-on .tsc-axis2 { gap: 2px 12px; }
}


.tsc-on.single .article .entry-title .tsc-subttl { display: block; margin-top: 4px; font-size: .7em; color: var(--tsc-ink-2); }
.tsc-on.tsc-on .tsc-footer { background: #133A66; }
.tsc-on.tsc-on .tsc-footer__bottom { border-top-color: rgba(255,255,255,.16); }
@media (max-width: 767px) {
  .tsc-on.single .entry-content > h3 { font-size: 16px; letter-spacing: 0; }
  .tsc-on.tsc-on .tsc-axis2 { row-gap: 0; }
  .tsc-on.tsc-on .tsc-axis2__act { margin-top: 10px; }
  .tsc-on.tsc-on .tsc-end-cta { margin-top: 40px; margin-bottom: 24px; }
}





.tsc-on.tsc-on .tsc-entry { background: #fff; border-radius: 28px; padding: 28px; box-shadow: var(--tsc-shadow); position: relative; }
.tsc-on.tsc-on .tsc-entry__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 6px; }
.tsc-on.tsc-on .tsc-entry__q { margin: 0; font-family: var(--tsc-font-head); font-weight: 700; font-size: 22px; line-height: 1.4; }
.tsc-on.tsc-on .tsc-entry__hint { margin: 0 0 14px; font-size: 13px; color: var(--tsc-muted); }
.tsc-on.tsc-on .tsc-entry__list { display: flex; flex-direction: column; gap: 10px; }
.tsc-on.tsc-on .tsc-entry__foot { margin: 14px 0 0; display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 12px; color: var(--tsc-muted); }

.tsc-on.tsc-on .tsc-choice {
  width: 100%; display: flex; align-items: center; gap: 14px; padding: 14px 16px;
  border: 1.5px solid var(--tsc-line-2); border-radius: 18px; background: #fff;
  text-align: left; color: var(--tsc-ink); cursor: pointer; text-decoration: none;
  transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
.tsc-on.tsc-on .tsc-choice:hover { border-color: var(--tsc-main); background: #F4F8FE; transform: translateY(-1px); }
.tsc-on.tsc-on .tsc-choice--warm:hover { border-color: var(--tsc-orange); background: #FFF8F2; }
.tsc-on.tsc-on .tsc-choice__icon {
  flex: 0 0 auto; width: 46px; height: 46px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center; background: var(--tsc-main-50);
}
.tsc-on.tsc-on .tsc-choice--warm .tsc-choice__icon { background: var(--tsc-orange-50); }
.tsc-on.tsc-on .tsc-choice__txt { flex: 1 1 auto; display: flex; flex-direction: column; line-height: 1.45; }
.tsc-on.tsc-on .tsc-choice__main { font-size: 16px; font-weight: 700; }
.tsc-on.tsc-on .tsc-choice__sub { font-size: 12px; color: var(--tsc-muted); margin-top: 2px; }
.tsc-on.tsc-on .tsc-choice__arrow { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 999px; background: var(--tsc-bg); display: flex; align-items: center; justify-content: center; }
.tsc-on.tsc-on .tsc-choice--warm .tsc-choice__arrow { background: var(--tsc-orange-50); }
.tsc-on.tsc-on .tsc-group-label { margin: 6px 0 -2px; font-size: 11px; font-weight: 700; letter-spacing: .08em; color: var(--tsc-muted); }

@media (max-width: 767px) {
  .tsc-on.tsc-on .tsc-entry { padding: 20px 16px; border-radius: 24px; }
  .tsc-on.tsc-on .tsc-entry__q { font-size: 19px; }
  .tsc-on.tsc-on .tsc-entry__hint { display: none; }
  .tsc-on.tsc-on .tsc-entry__head { margin-bottom: 12px; }
  .tsc-on.tsc-on .tsc-choice { padding: 12px 12px; gap: 12px; }
  .tsc-on.tsc-on .tsc-choice__icon { width: 40px; height: 40px; border-radius: 12px; }
  .tsc-on.tsc-on .tsc-choice__main { font-size: 15px; }
}



.tsc-on.tsc-on .tsc-sd[hidden] { display: none; }
.tsc-on.tsc-on .tsc-sd {
  position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center;
  background: rgba(30, 42, 50, .48); padding: 24px;
}
.tsc-on.tsc-on .tsc-sd__panel {
  width: min(560px, 100%); max-height: calc(100vh - 48px); overflow: hidden;
  display: flex; flex-direction: column;
  background: var(--tsc-bg); border-radius: 28px; box-shadow: 0 30px 80px rgba(0,0,0,.25);
}
.tsc-on.tsc-on .tsc-sd--result .tsc-sd__panel { width: min(720px, 100%); }
.tsc-on.tsc-on .tsc-sd__top { flex: 0 0 auto; padding: 12px 12px 0; background: #fff; }
.tsc-on.tsc-on .tsc-sd__bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.tsc-on.tsc-on .tsc-sd__title { font-size: 13px; font-weight: 700; color: var(--tsc-muted); }
.tsc-on.tsc-on .tsc-sd__icon-btn {
  width: 44px; height: 44px; border: none; background: none; border-radius: 12px; cursor: pointer;
  display: flex; align-items: center; justify-content: center; color: var(--tsc-ink);
}
.tsc-on.tsc-on .tsc-sd__icon-btn:hover { background: var(--tsc-bg); }
.tsc-on.tsc-on .tsc-sd__icon-btn[disabled] { visibility: hidden; }
.tsc-on.tsc-on .tsc-sd__progress { display: flex; align-items: center; gap: 10px; padding: 6px 8px 14px; }
.tsc-on.tsc-on .tsc-sd__track { flex: 1 1 auto; height: 8px; border-radius: 999px; background: var(--tsc-main-50); overflow: hidden; }
.tsc-on.tsc-on .tsc-sd__fill { height: 100%; border-radius: 999px; background: var(--tsc-main); transition: width .3s ease; }
.tsc-on.tsc-on .tsc-sd__count { flex: 0 0 auto; font-size: 12px; font-weight: 700; color: var(--tsc-main); }
.tsc-on.tsc-on .tsc-sd__body { flex: 1 1 auto; overflow-y: auto; padding: 24px 24px 28px; -webkit-overflow-scrolling: touch; }

.tsc-on.tsc-on .tsc-sd__guide { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 14px; }
.tsc-on.tsc-on .tsc-sd__bubble {
  position: relative; background: #fff; border-radius: 16px; padding: 8px 14px;
  font-size: 13px; color: var(--tsc-ink-2); box-shadow: var(--tsc-shadow-s);
}
.tsc-on.tsc-on .tsc-sd__bubble::before { content: ""; position: absolute; left: -6px; top: 14px; border: 6px solid transparent; border-right-color: #fff; border-left: 0; }
.tsc-on.tsc-on .tsc-sd__q { margin: 0 0 16px; font-family: var(--tsc-font-head); font-weight: 900; font-size: 24px; line-height: 1.45; }
.tsc-on.tsc-on .tsc-sd__opts { display: flex; flex-direction: column; gap: 10px; }
.tsc-on.tsc-on .tsc-sd__opts .tsc-choice { padding: 16px 18px; }
.tsc-on.tsc-on .tsc-sd__opts .tsc-choice__main { font-size: 16px; }

@media (max-width: 767px) {
  .tsc-on.tsc-on .tsc-sd { padding: 0; align-items: stretch; }
  .tsc-on.tsc-on .tsc-sd__panel { width: 100%; max-height: none; height: 100%; border-radius: 0; }
  .tsc-on.tsc-on .tsc-sd--result .tsc-sd__panel { width: 100%; }
  .tsc-on.tsc-on .tsc-sd__body { padding: 20px 16px 32px; }
  .tsc-on.tsc-on .tsc-sd__q { font-size: 21px; }
}



.tsc-on.tsc-on .tsc-res__head { display: flex; flex-direction: column; gap: 6px; margin-bottom: 18px; }
.tsc-on.tsc-on .tsc-res__ttl { margin: 0; font-family: var(--tsc-font-head); font-weight: 900; font-size: 25px; line-height: 1.45; }
.tsc-on.tsc-on .tsc-res__ttl em { font-style: normal; color: var(--tsc-main); }
.tsc-on.tsc-on .tsc-res__cond { display: flex; flex-wrap: wrap; gap: 6px; }
.tsc-on.tsc-on .tsc-res__cond span { font-size: 12px; padding: 2px 10px; border-radius: 999px; background: #fff; border: 1px solid var(--tsc-line); color: var(--tsc-ink-2); }
@media (max-width: 767px) { .tsc-on.tsc-on .tsc-res__ttl { font-size: 21px; } }

.tsc-on.tsc-on .tsc-sc { background: #fff; border-radius: 20px; padding: 18px; display: flex; flex-direction: column; gap: 10px; box-shadow: var(--tsc-shadow-s); margin-bottom: 12px; }
.tsc-on.tsc-on .tsc-sc__top { display: flex; align-items: flex-start; gap: 12px; }
.tsc-on.tsc-on .tsc-sc__no { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 999px; background: var(--tsc-main); color: #fff; font-weight: 700; font-size: 14px; display: flex; align-items: center; justify-content: center; }
.tsc-on.tsc-on .tsc-sc__name { font-size: 17px; font-weight: 700; line-height: 1.45; }
.tsc-on.tsc-on .tsc-sc__course { font-size: 12px; color: var(--tsc-muted); }
.tsc-on.tsc-on .tsc-sc__facts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.tsc-on.tsc-on .tsc-sc__fact { background: var(--tsc-bg); border-radius: 12px; padding: 8px 12px; display: flex; flex-direction: column; }
.tsc-on.tsc-on .tsc-sc__fact span:first-child { font-size: 11px; color: var(--tsc-muted); }
.tsc-on.tsc-on .tsc-sc__fact span:last-child { font-size: 14px; font-weight: 700; line-height: 1.5; }
.tsc-on.tsc-on .tsc-sc__why, .tsc-on.tsc-on .tsc-sc__check { margin: 0; font-size: 13px; line-height: 1.75; }
.tsc-on.tsc-on .tsc-sc__why b { color: var(--tsc-main); }
.tsc-on.tsc-on .tsc-sc__check { color: #6B5A4E; }
.tsc-on.tsc-on .tsc-sc__date { font-size: 11px; color: var(--tsc-muted); }
.tsc-on.tsc-on .tsc-sc__btns { display: flex; gap: 8px; }
.tsc-on.tsc-on .tsc-sc__btns .tsc-btn { flex: 1 1 0; min-height: 44px; font-size: 14px; padding: 0 12px; }
@media (max-width: 340px) { .tsc-on.tsc-on .tsc-sc__facts { grid-template-columns: 1fr; } }



.tsc-on.tsc-on .tsc-optin { border-radius: 24px; padding: 22px; margin: 18px 0; color: #fff; background: var(--tsc-main); position: relative; overflow: hidden; }
.tsc-on.tsc-on .tsc-optin--warm { background: var(--tsc-ink); }
.tsc-on.tsc-on .tsc-optin::after { content: ""; position: absolute; right: -60px; top: -60px; width: 180px; height: 180px; border-radius: 999px; background: rgba(255,255,255,.07); }
.tsc-on.tsc-on .tsc-optin__badge { display: inline-flex; padding: 2px 10px; border-radius: 999px; background: #fff; color: var(--tsc-main); font-size: 12px; font-weight: 700; }
.tsc-on.tsc-on .tsc-optin--warm .tsc-optin__badge { color: var(--tsc-orange-ink); }
.tsc-on.tsc-on .tsc-optin__ttl { margin: 10px 0 6px; font-family: var(--tsc-font-head); font-weight: 900; font-size: 20px; line-height: 1.5; }
.tsc-on.tsc-on .tsc-optin__txt { margin: 0 0 12px; font-size: 13px; line-height: 1.75; color: #E3EEFC; }
.tsc-on.tsc-on .tsc-optin--warm .tsc-optin__txt { color: #D6DDE1; }
.tsc-on.tsc-on .tsc-optin__form { display: flex; flex-direction: column; gap: 10px; position: relative; z-index: 1; }
.tsc-on.tsc-on .tsc-optin__form label { font-size: 12px; font-weight: 700; }
.tsc-on.tsc-on .tsc-optin__form input { min-height: 52px; padding: 0 16px; border: none; border-radius: 14px; font-size: 16px; color: var(--tsc-ink); }
.tsc-on.tsc-on .tsc-optin__form .tsc-btn { width: 100%; }
.tsc-on.tsc-on .tsc-optin__fine { margin: 8px 0 0; font-size: 11px; line-height: 1.6; color: #CFE0F6; position: relative; z-index: 1; }
.tsc-on.tsc-on .tsc-optin__done { margin: 0; padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.14); font-size: 14px; font-weight: 700; }



.tsc-on.tsc-on .tsc-res--warm .tsc-res__ttl em { color: var(--tsc-orange-ink); }
.tsc-on.tsc-on .tsc-stops { background: #fff; border-radius: 20px; padding: 18px; display: flex; flex-direction: column; gap: 12px; margin-bottom: 14px; }
.tsc-on.tsc-on .tsc-stops__ttl { margin: 0; font-weight: 700; font-size: 15px; }
.tsc-on.tsc-on .tsc-stop { display: flex; gap: 12px; align-items: flex-start; padding: 10px; border-radius: 14px; }
.tsc-on.tsc-on .tsc-stop.is-you { background: var(--tsc-orange-50); }
.tsc-on.tsc-on .tsc-stop__no { flex: 0 0 auto; width: 26px; height: 26px; border-radius: 999px; background: var(--tsc-orange-50); color: var(--tsc-orange-ink); font-weight: 700; font-size: 13px; display: flex; align-items: center; justify-content: center; }
.tsc-on.tsc-on .tsc-stop.is-you .tsc-stop__no { background: var(--tsc-orange); color: #fff; }
.tsc-on.tsc-on .tsc-stop__t { font-size: 14px; font-weight: 700; line-height: 1.5; }
.tsc-on.tsc-on .tsc-stop__b { font-size: 12px; color: var(--tsc-muted); line-height: 1.6; }
.tsc-on.tsc-on .tsc-stop__you { margin-left: 6px; font-size: 11px; color: var(--tsc-orange-ink); }
.tsc-on.tsc-on .tsc-ways__ttl { margin: 20px 0 10px; font-family: var(--tsc-font-head); font-weight: 700; font-size: 18px; }
.tsc-on.tsc-on .tsc-way { background: #fff; border-radius: 18px; padding: 14px 16px; margin-bottom: 10px; }
.tsc-on.tsc-on .tsc-way__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.tsc-on.tsc-on .tsc-way__t { font-size: 15px; font-weight: 700; }
.tsc-on.tsc-on .tsc-way__b { margin: 4px 0 0; font-size: 13px; color: var(--tsc-ink-2); line-height: 1.7; }

.tsc-on.tsc-on .tsc-prcard { background: #fff; border: 1.5px solid var(--tsc-line-2); border-radius: 20px; padding: 18px; display: flex; flex-direction: column; gap: 8px; }
.tsc-on.tsc-on .tsc-prcard__ttl { font-size: 16px; font-weight: 700; }
.tsc-on.tsc-on .tsc-prcard__txt { margin: 0; font-size: 13px; color: var(--tsc-ink-2); line-height: 1.75; }
.tsc-on.tsc-on .tsc-prcard__fine { margin: 0; font-size: 11px; color: var(--tsc-muted); line-height: 1.6; }
.tsc-on.tsc-on .tsc-res__switch {
  display: flex; align-items: center; gap: 12px; margin-top: 16px; padding: 14px 16px; border-radius: 18px;
  background: var(--tsc-orange-50); color: var(--tsc-ink); text-decoration: none; border: none; width: 100%; text-align: left; cursor: pointer;
}
.tsc-on.tsc-on .tsc-res__switch--green { background: var(--tsc-main-50); }
.tsc-on.tsc-on .tsc-res__switch span:first-child { flex: 1 1 auto; display: flex; flex-direction: column; }
.tsc-on.tsc-on .tsc-res__switch small { font-size: 12px; font-weight: 700; color: var(--tsc-orange-ink); }
.tsc-on.tsc-on .tsc-res__switch--green small { color: var(--tsc-main); }
.tsc-on.tsc-on .tsc-res__switch b { font-size: 14px; line-height: 1.5; }
.tsc-on.tsc-on .tsc-res__note { margin: 16px 0 0; font-size: 11px; line-height: 1.7; color: var(--tsc-muted); }



.tsc-on.tsc-on .tsc-sd__q:focus { outline: none; }
.tsc-on.tsc-on .tsc-res__order { margin: 18px 0 8px; font-size: 12px; font-weight: 700; color: var(--tsc-muted); letter-spacing: .04em; }
.tsc-on.tsc-on .tsc-sc__name { word-break: keep-all; overflow-wrap: anywhere; }
.tsc-on.tsc-on .tsc-btn--line { background: transparent; color: var(--tsc-ink-2); border: 1.5px solid var(--tsc-line-2); }
.tsc-on.tsc-on .tsc-btn--line:hover { background: var(--tsc-bg); color: var(--tsc-ink); }
.tsc-on.tsc-on .tsc-sc__pr { margin-left: 6px; padding: 0 6px; border-radius: 6px; background: var(--tsc-bg); font-size: 10px; font-weight: 700; color: var(--tsc-muted); line-height: 1.7; }
.tsc-on.tsc-on .tsc-mini { background: #fff; border: 2px solid var(--tsc-orange); border-radius: 20px; padding: 14px; margin: 14px 0 0; box-shadow: 0 10px 24px rgba(194, 87, 26, .12); }
.tsc-on.tsc-on .tsc-mini__ttl { margin: 0 0 10px; font-size: 14px; font-weight: 700; line-height: 1.6; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.tsc-on.tsc-on .tsc-mini__form { display: flex; gap: 8px; }
.tsc-on.tsc-on .tsc-mini__form input { flex: 1 1 auto; min-width: 0; min-height: 50px; padding: 0 14px; border: 1.5px solid var(--tsc-line-2); border-radius: 14px; font-size: 16px; }
.tsc-on.tsc-on .tsc-mini__form .tsc-btn { min-height: 50px; padding: 0 18px; flex: 0 0 auto; }
.tsc-on.tsc-on .tsc-mini .tsc-optin__done { background: var(--tsc-orange-50); color: var(--tsc-orange-ink); }



.tsc-on.tsc-on .tsc-art-sd { margin: 24px 0 8px; border-radius: 26px; background: var(--tsc-main-50); padding: 22px; position: relative; overflow: hidden; }
.tsc-on.tsc-on .tsc-art-sd::after { content: ""; position: absolute; right: -50px; top: -50px; width: 170px; height: 170px; border-radius: 50%; background: #DCEAFB; }
.tsc-on.tsc-on .tsc-art-sd__head { position: relative; z-index: 1; display: flex; gap: 14px; align-items: center; margin-bottom: 14px; }
.tsc-on.tsc-on .tsc-art-sd__ph { flex: 0 0 auto; width: 76px; height: 76px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; }
.tsc-on.tsc-on .tsc-art-sd__k { display: inline-flex; gap: 6px; font-size: 12px; font-weight: 700; color: var(--tsc-main); }
.tsc-on.tsc-on .tsc-art-sd__t { margin: 2px 0 0; font-family: var(--tsc-font-head); font-weight: 900; font-size: 21px; line-height: 1.45; }
.tsc-on.tsc-on .tsc-art-sd__t small { display: block; font-family: var(--tsc-font-body); font-weight: 500; font-size: 13px; color: var(--tsc-ink-2); }
.tsc-on.tsc-on .tsc-art-sd .tsc-entry__list { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.tsc-on.tsc-on .tsc-art-sd .tsc-choice { flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px; height: 100%; }
.tsc-on.tsc-on .tsc-art-sd .tsc-choice__arrow { display: none; }
.tsc-on.tsc-on .tsc-art-sd .tsc-choice__main { font-size: 15px; }
.tsc-on.tsc-on .tsc-art-sd__foot { position: relative; z-index: 1; margin: 10px 0 0; font-size: 12px; color: var(--tsc-ink-2); text-align: center; }
@media (max-width: 767px) {
  .tsc-on.tsc-on .tsc-art-sd { margin: 20px -4px 4px; padding: 18px 14px; border-radius: 22px; }
  .tsc-on.tsc-on .tsc-art-sd__ph { width: 60px; height: 60px; }
  .tsc-on.tsc-on .tsc-art-sd__t { font-size: 18px; }
  .tsc-on.tsc-on .tsc-art-sd .tsc-entry__list { grid-template-columns: 1fr; gap: 8px; }
  .tsc-on.tsc-on .tsc-art-sd .tsc-choice { flex-direction: row; align-items: center; padding: 12px; }
  .tsc-on.tsc-on .tsc-art-sd .tsc-choice__arrow { display: flex; }
}


.tsc-on.tsc-on .tsc-mini__fine { margin: 8px 0 0; font-size: 11px; color: var(--tsc-muted); line-height: 1.6; }
@media (max-width: 767px) {
  .tsc-on.tsc-on .tsc-sd__opts { gap: 8px; }
  .tsc-on.tsc-on .tsc-sd__opts .tsc-choice { padding: 12px 14px; }
  .tsc-on.tsc-on .tsc-sd__opts.is-many .tsc-choice__sub { display: none; }
  .tsc-on.tsc-on .tsc-sd__opts.is-many .tsc-choice { min-height: 50px; }
  .tsc-on.tsc-on .tsc-sd__guide { margin-bottom: 8px; }
  .tsc-on.tsc-on .tsc-sd__q { margin-bottom: 12px; }
}


.tsc-on.tsc-on .tsc-optin { background: var(--tsc-ink); }
.tsc-on.tsc-on .tsc-optin__txt { color: #D6DDE1; }
.tsc-on.tsc-on .tsc-optin__fine { color: #AEB9C1; }
.tsc-on.tsc-on .tsc-optin__badge { color: var(--tsc-main); }
.tsc-on.tsc-on .tsc-sd__opts.is-many .tsc-choice--warm .tsc-choice__sub { display: block; }
.tsc-on.tsc-on .tsc-prcard__mark { width: 200px; height: auto; }
.tsc-on.tsc-on .tsc-btn--line-green { background: #fff; color: var(--tsc-ink); border: 2px solid #06C755; }
.tsc-on.tsc-on .tsc-btn--line-green::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #06C755; }
.tsc-on.tsc-on .tsc-optin__fine a { color: #fff; } .tsc-on.tsc-on .tsc-mini__fine a, .tsc-on.tsc-on .tsc-optin-sec__fine a { color: var(--tsc-main); }


.tsc-on.tsc-on .tsc-sd__sensei { flex: 0 0 auto; width: 56px; height: 56px; object-fit: contain; mix-blend-mode: multiply; }
.tsc-on.tsc-on .tsc-sd__guide { align-items: center; }
.tsc-on.tsc-on .tsc-sd__bubble { margin: 0; }
.tsc-on.tsc-on .tsc-sd__sensei { mix-blend-mode: normal; }
.tsc-on.tsc-on .tsc-sd__guide { margin-bottom: 18px; }
.tsc-on.tsc-on .tsc-sd__bubble { word-break: auto-phrase; }





.tsc-on.tsc-on .tsc-hero { position: relative; overflow: hidden; }
.tsc-on.tsc-on .tsc-hero::before { 

  content: ""; position: absolute; right: -220px; top: -180px; width: 760px; height: 760px; border-radius: 50%;
  background: var(--tsc-main-50);
}
.tsc-on.tsc-on .tsc-hero::after { 

  content: ""; position: absolute; left: -140px; bottom: -200px; width: 420px; height: 420px; border-radius: 50%;
  background: #FFF4DA;
}
.tsc-on.tsc-on .tsc-hero__in {
  position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: "text visual" "card visual"; column-gap: 56px; row-gap: 28px;
  padding-top: 56px; padding-bottom: 72px; align-items: start;
}
.tsc-on.tsc-on .tsc-hero__text { grid-area: text; }
.tsc-on.tsc-on .tsc-hero__card { grid-area: card; }
.tsc-on.tsc-on .tsc-hero__visual { grid-area: visual; align-self: center; }
.tsc-on.tsc-on .tsc-hero__pill {
  display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 6px; border-radius: 999px;
  background: #fff; border: 1px solid var(--tsc-line); font-size: 13px; font-weight: 700; color: var(--tsc-main);
}
.tsc-on.tsc-on .tsc-hero__pill b { padding: 2px 10px; border-radius: 999px; background: var(--tsc-main); color: #fff; font-size: 12px; }
.tsc-on.tsc-on .tsc-hero h1 {
  margin: 18px 0 0; font-family: var(--tsc-font-head); font-weight: 900;
  font-size: 56px; line-height: 1.28; letter-spacing: .02em;
}
.tsc-on.tsc-on .tsc-hero h1 .tsc-mark { color: var(--tsc-main); position: relative; white-space: nowrap; }
.tsc-on.tsc-on .tsc-hero h1 .tsc-mark::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 14px; border-radius: 8px;
  background: #FDE3A6; z-index: -1;
}
.tsc-on.tsc-on .tsc-hero__lead { margin: 16px 0 0; font-size: 17px; line-height: 1.9; color: var(--tsc-ink-2); }



.tsc-on.tsc-on .tsc-collage { position: relative; height: 600px; }
.tsc-on.tsc-on .tsc-collage__main {
  position: absolute; right: 0; top: 30px; width: 88%; height: 440px; object-fit: cover; object-position: 40% center;
  border-radius: 220px 220px 36px 220px; box-shadow: var(--tsc-shadow);
}
.tsc-on.tsc-on .tsc-collage__sub {
  position: absolute; left: 0; bottom: 30px; width: 210px; height: 210px; border-radius: 50%; object-fit: cover;
  border: 8px solid var(--tsc-bg); box-shadow: var(--tsc-shadow);
}
.tsc-on.tsc-on .tsc-collage__badge {
  position: absolute; left: 6%; top: 40px; width: 118px; height: 118px; border-radius: 50%;
  background: var(--tsc-orange); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; box-shadow: 0 12px 28px rgba(194, 87, 26, .35); transform: rotate(-8deg);
  font-weight: 700; line-height: 1.2;
}
.tsc-on.tsc-on .tsc-collage__badge b { font-family: var(--tsc-font-head); font-size: 34px; font-weight: 900; }
.tsc-on.tsc-on .tsc-collage__badge span { font-size: 13px; }
.tsc-on.tsc-on .tsc-collage__bubble {
  position: absolute; left: 200px; bottom: 150px; background: #fff; border-radius: 18px; padding: 10px 16px;
  font-size: 15px; font-weight: 700; box-shadow: var(--tsc-shadow); white-space: nowrap;
}
.tsc-on.tsc-on .tsc-collage__bubble::before { content: ""; position: absolute; left: -8px; bottom: 14px; border: 8px solid transparent; border-right-color: #fff; border-left: 0; }
.tsc-on.tsc-on .tsc-collage__card {
  position: absolute; right: 18px; bottom: 6px; background: #fff; border-radius: 18px; padding: 12px 16px;
  box-shadow: var(--tsc-shadow); display: flex; align-items: center; gap: 10px; font-size: 13px; line-height: 1.5;
}
.tsc-on.tsc-on .tsc-collage__card b { display: block; font-size: 15px; }
.tsc-on.tsc-on .tsc-collage__card i { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 12px; background: var(--tsc-main-50); display: flex; align-items: center; justify-content: center; }
.tsc-on.tsc-on .tsc-collage__dots {
  position: absolute; right: -10px; top: 0; width: 140px; height: 110px;
  background-image: radial-gradient(var(--tsc-main-100) 2.5px, transparent 2.6px); background-size: 16px 16px;
}
.tsc-on.tsc-on .tsc-collage__note { position: absolute; right: 22px; top: 448px; }



.tsc-on.tsc-on .tsc-trust { position: relative; z-index: 1; margin-top: -24px; }
.tsc-on.tsc-on .tsc-trust ul {
  margin: 0; padding: 18px 28px; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-around; gap: 10px 24px;
  background: #fff; border-radius: 22px; box-shadow: var(--tsc-shadow-s); font-size: 14px; font-weight: 700;
}
.tsc-on.tsc-on .tsc-trust li { display: flex; align-items: center; gap: 8px; }
.tsc-on.tsc-on .tsc-trust i { width: 30px; height: 30px; border-radius: 50%; background: var(--tsc-main-50); display: flex; align-items: center; justify-content: center; }

@media (max-width: 1023px) {
  .tsc-on.tsc-on .tsc-hero__in { grid-template-columns: 1fr; grid-template-areas: "text" "visual" "card"; padding-top: 28px; padding-bottom: 48px; row-gap: 0; }
  .tsc-on.tsc-on .tsc-hero h1 { font-size: 40px; }
  .tsc-on.tsc-on .tsc-collage { height: 360px; margin: 18px 0 -36px; }
  .tsc-on.tsc-on .tsc-collage__main { height: 300px; width: 92%; }
  .tsc-on.tsc-on .tsc-collage__sub { width: 150px; height: 150px; bottom: 30px; }
  .tsc-on.tsc-on .tsc-collage__bubble { left: 140px; bottom: 120px; }
  .tsc-on.tsc-on .tsc-collage__card { display: none; }
  .tsc-on.tsc-on .tsc-collage__note { top: 306px; }
  .tsc-on.tsc-on .tsc-hero__card { position: relative; z-index: 2; }
}
@media (max-width: 767px) {
  .tsc-on.tsc-on .tsc-hero::before { width: 420px; height: 420px; right: -180px; top: -60px; }
  .tsc-on.tsc-on .tsc-hero__in { padding-top: 20px; padding-bottom: 36px; }
  .tsc-on.tsc-on .tsc-hero__pill { font-size: 12px; }
  .tsc-on.tsc-on .tsc-hero h1 { font-size: 33px; margin-top: 12px; }
  .tsc-on.tsc-on .tsc-hero h1 .tsc-mark::after { height: 10px; bottom: 2px; }
  .tsc-on.tsc-on .tsc-hero__lead { font-size: 14px; margin-top: 10px; }
  .tsc-on.tsc-on .tsc-hero__lead br { display: none; }
  .tsc-on.tsc-on .tsc-collage { height: 232px; margin: 14px 0 -30px; }
  .tsc-on.tsc-on .tsc-collage__main { height: 206px; width: 86%; top: 0; border-radius: 120px 120px 24px 120px; }
  .tsc-on.tsc-on .tsc-collage__sub { width: 104px; height: 104px; bottom: 0; border-width: 5px; }
  .tsc-on.tsc-on .tsc-collage__badge { width: 78px; height: 78px; top: 8px; left: 2%; }
  .tsc-on.tsc-on .tsc-collage__badge b { font-size: 22px; }
  .tsc-on.tsc-on .tsc-collage__badge span { font-size: 10px; }
  .tsc-on.tsc-on .tsc-collage__bubble { left: 98px; bottom: 44px; font-size: 12px; padding: 6px 10px; }
  .tsc-on.tsc-on .tsc-collage__dots { display: none; }
  .tsc-on.tsc-on .tsc-collage__note { top: 208px; right: 18px; }
  .tsc-on.tsc-on .tsc-trust { margin-top: 0; }
  .tsc-on.tsc-on .tsc-trust ul { padding: 14px 16px; justify-content: flex-start; flex-direction: column; font-size: 13px; }
}



.tsc-on.tsc-on .tsc-sec { padding: 96px 0; position: relative; }
.tsc-on.tsc-on .tsc-sec__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 40px; }
.tsc-on.tsc-on .tsc-sec__head--center { flex-direction: column; align-items: center; text-align: center; }
.tsc-on.tsc-on .tsc-sec--white { background: #fff; }
.tsc-on.tsc-on .tsc-more { font-size: 15px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
@media (max-width: 767px) { .tsc-on.tsc-on .tsc-sec { padding: 64px 0; } .tsc-on.tsc-on .tsc-sec__head { margin-bottom: 28px; } }



.tsc-on.tsc-on .tsc-wave { display: block; width: 100%; height: 48px; }
@media (max-width: 767px) { .tsc-on.tsc-on .tsc-wave { height: 28px; } }



.tsc-on.tsc-on .tsc-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; counter-reset: s; }
.tsc-on.tsc-on .tsc-step { position: relative; background: var(--tsc-bg); border-radius: 28px; padding: 30px 28px 28px; }
.tsc-on.tsc-on .tsc-step:not(:last-child)::after { 

  content: ""; position: absolute; right: -22px; top: 50%; width: 16px; height: 16px; margin-top: -8px;
  border-top: 3px solid var(--tsc-main-100); border-right: 3px solid var(--tsc-main-100); transform: rotate(45deg);
}
.tsc-on.tsc-on .tsc-step__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.tsc-on.tsc-on .tsc-step__no { font-family: var(--tsc-font-head); font-weight: 900; font-size: 14px; color: var(--tsc-main); letter-spacing: .1em; }
.tsc-on.tsc-on .tsc-step__no b { display: block; font-size: 44px; line-height: 1; letter-spacing: 0; }
.tsc-on.tsc-on .tsc-step__ic { width: 76px; height: 76px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: var(--tsc-shadow-s); }
.tsc-on.tsc-on .tsc-step__ic img { width: 100%; height: 100%; object-fit: cover; }
.tsc-on.tsc-on .tsc-step h3 { margin: 0; font-size: 20px; line-height: 1.5; }
.tsc-on.tsc-on .tsc-step p { margin: 8px 0 0; font-size: 15px; color: var(--tsc-ink-2); line-height: 1.8; }
.tsc-on.tsc-on .tsc-step .tsc-chip { margin-top: 12px; }
.tsc-on.tsc-on .tsc-steps__cta { margin-top: 40px; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.tsc-on.tsc-on .tsc-steps__cta small { font-size: 12px; color: var(--tsc-muted); }
@media (max-width: 899px) {
  .tsc-on.tsc-on .tsc-steps { grid-template-columns: 1fr; gap: 16px; }
  .tsc-on.tsc-on .tsc-step { display: grid; grid-template-columns: 64px 1fr; column-gap: 16px; padding: 20px; border-radius: 22px; }
  .tsc-on.tsc-on .tsc-step__top { grid-row: 1 / span 3; flex-direction: column; justify-content: flex-start; gap: 6px; margin: 0; }
  .tsc-on.tsc-on .tsc-step__ic { width: 60px; height: 60px; order: -1; }
  .tsc-on.tsc-on .tsc-step__no { text-align: center; font-size: 11px; }
  .tsc-on.tsc-on .tsc-step__no b { font-size: 22px; }
  .tsc-on.tsc-on .tsc-step h3 { font-size: 17px; }
  .tsc-on.tsc-on .tsc-step p { font-size: 14px; margin-top: 4px; }
  .tsc-on.tsc-on .tsc-step .tsc-chip { justify-self: start; margin-top: 8px; }
  .tsc-on.tsc-on .tsc-step:not(:last-child)::after { right: auto; left: 50%; top: auto; bottom: -13px; transform: rotate(135deg); margin: 0 0 0 -8px; }
}



.tsc-on.tsc-on .tsc-fields { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.tsc-on.tsc-on .tsc-field {
  display: grid; grid-template-columns: 64px 1fr; gap: 6px 16px; align-items: start; padding: 24px;
  background: #fff; border: 1px solid var(--tsc-line); border-radius: 24px; text-decoration: none; color: var(--tsc-ink);
  transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease;
}
.tsc-on.tsc-on .tsc-field:hover { color: var(--tsc-ink); box-shadow: var(--tsc-shadow); transform: translateY(-2px); border-color: transparent; }
.tsc-on.tsc-on .tsc-field__ic { grid-row: 1 / span 3; width: 64px; height: 64px; border-radius: 20px; display: flex; align-items: center; justify-content: center; }
.tsc-on.tsc-on .tsc-field__name { font-size: 19px; font-weight: 700; line-height: 1.4; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.tsc-on.tsc-on .tsc-field__desc { font-size: 14px; color: var(--tsc-muted); line-height: 1.7; }
.tsc-on.tsc-on .tsc-field__go { font-size: 14px; font-weight: 700; color: var(--tsc-main); }
.tsc-on.tsc-on .tsc-field--sales { background: var(--tsc-orange-50); border-color: transparent; }
.tsc-on.tsc-on .tsc-field--sales .tsc-field__go { color: var(--tsc-orange-ink); }
@media (max-width: 1023px) { .tsc-on.tsc-on .tsc-fields { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) {
  .tsc-on.tsc-on .tsc-fields { grid-template-columns: 1fr; gap: 10px; }
  .tsc-on.tsc-on .tsc-field { grid-template-columns: 52px 1fr; padding: 16px; border-radius: 20px; gap: 2px 14px; }
  .tsc-on.tsc-on .tsc-field__ic { width: 52px; height: 52px; border-radius: 16px; }
  .tsc-on.tsc-on .tsc-field__name { font-size: 16px; }
  .tsc-on.tsc-on .tsc-field__desc { font-size: 13px; }
}



.tsc-on.tsc-on .tsc-sit-band { background: var(--tsc-main); color: #fff; }
.tsc-on.tsc-on .tsc-sit-band .tsc-eyebrow { color: #D6E7FB; }
.tsc-on.tsc-on .tsc-sit-band .tsc-lead { color: #E3EEFC; }
.tsc-on.tsc-on .tsc-sits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.tsc-on.tsc-on .tsc-sit { display: flex; flex-direction: column; background: #fff; border-radius: 28px; overflow: hidden; text-decoration: none; color: var(--tsc-ink); transition: transform .15s ease; }
.tsc-on.tsc-on .tsc-sit:hover { transform: translateY(-3px); color: var(--tsc-ink); }
.tsc-on.tsc-on .tsc-sit__ph { position: relative; }
.tsc-on.tsc-on .tsc-sit__ph img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.tsc-on.tsc-on .tsc-sit__ph .tsc-img-note { position: absolute; right: 10px; bottom: 8px; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.5); }
.tsc-on.tsc-on .tsc-sit__ph .tsc-chip { position: absolute; left: 14px; bottom: -14px; background: #fff; box-shadow: var(--tsc-shadow-s); }
.tsc-on.tsc-on .tsc-sit__body { padding: 26px 24px 24px; display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; }
.tsc-on.tsc-on .tsc-sit__ttl { font-family: var(--tsc-font-head); font-size: 21px; font-weight: 700; line-height: 1.5; }
.tsc-on.tsc-on .tsc-sit__txt { font-size: 14px; color: var(--tsc-ink-2); line-height: 1.8; }
.tsc-on.tsc-on .tsc-sit__go { margin-top: auto; padding-top: 6px; font-size: 14px; font-weight: 700; color: var(--tsc-main); }
@media (max-width: 899px) {
  .tsc-on.tsc-on .tsc-sits { grid-template-columns: 1fr; gap: 14px; }
  .tsc-on.tsc-on .tsc-sit { flex-direction: row; border-radius: 22px; }
  .tsc-on.tsc-on .tsc-sit__ph { flex: 0 0 38%; }
  .tsc-on.tsc-on .tsc-sit__ph img { height: 100%; aspect-ratio: auto; }
  .tsc-on.tsc-on .tsc-sit__ph .tsc-chip { display: none; }
  .tsc-on.tsc-on .tsc-sit__ph .tsc-img-note { right: 6px; bottom: 4px; }
  .tsc-on.tsc-on .tsc-sit__body { padding: 14px 16px; gap: 4px; }
  .tsc-on.tsc-on .tsc-sit__who { font-size: 11px; font-weight: 700; color: var(--tsc-main); }
  .tsc-on.tsc-on .tsc-sit__ttl { font-size: 16px; }
  .tsc-on.tsc-on .tsc-sit__txt { font-size: 12px; line-height: 1.7; }
}
@media (min-width: 900px) { .tsc-on.tsc-on .tsc-sit__who { display: none; } }



.tsc-on.tsc-on .tsc-after { background: var(--tsc-orange-50); position: relative; overflow: hidden; }
.tsc-on.tsc-on .tsc-after::before { content: ""; position: absolute; left: -160px; top: -160px; width: 460px; height: 460px; border-radius: 50%; background: #F9DEC7; }
.tsc-on.tsc-on .tsc-after__in { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 64px; align-items: center; }
.tsc-on.tsc-on .tsc-after__vis { position: relative; height: 520px; }
.tsc-on.tsc-on .tsc-after__ph { position: absolute; left: 0; top: 0; width: 92%; height: 400px; object-fit: cover; border-radius: 36px 200px 200px 200px; box-shadow: var(--tsc-shadow); }
.tsc-on.tsc-on .tsc-after__ph2 { position: absolute; right: 0; bottom: 0; width: 190px; height: 190px; border-radius: 50%; object-fit: cover; border: 8px solid var(--tsc-orange-50); }
.tsc-on.tsc-on .tsc-after__note { position: absolute; left: 14px; top: 408px; }
.tsc-on.tsc-on .tsc-after__bubbles { position: absolute; left: 6%; bottom: 0; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.tsc-on.tsc-on .tsc-after__bubbles span { background: #fff; border-radius: 16px 16px 16px 4px; padding: 8px 14px; font-size: 14px; font-weight: 700; box-shadow: var(--tsc-shadow-s); }
.tsc-on.tsc-on .tsc-after h2 { color: var(--tsc-ink); }
.tsc-on.tsc-on .tsc-after h2 em { font-style: normal; color: var(--tsc-orange-ink); }
.tsc-on.tsc-on .tsc-after__txt { margin: 16px 0 0; font-size: 16px; color: var(--tsc-ink-2); line-height: 1.95; }
.tsc-on.tsc-on .tsc-after__stops { margin: 22px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.tsc-on.tsc-on .tsc-after__stops li { display: flex; align-items: center; gap: 12px; background: #fff; border-radius: 16px; padding: 12px 16px; font-size: 15px; font-weight: 700; }
.tsc-on.tsc-on .tsc-after__stops li b { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: var(--tsc-orange); color: #fff; font-size: 13px; display: flex; align-items: center; justify-content: center; }
.tsc-on.tsc-on .tsc-after__stops li small { display: block; font-size: 12px; font-weight: 400; color: var(--tsc-muted); }
.tsc-on.tsc-on .tsc-after__btns { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.tsc-on.tsc-on .tsc-after__btns a.tsc-link { font-weight: 700; color: var(--tsc-orange-ink); min-height: 44px; display: inline-flex; align-items: center; }
.tsc-on.tsc-on .tsc-after__pr {
  margin-top: 56px; position: relative; background: #fff; border-radius: 26px; padding: 26px 30px;
  display: grid; grid-template-columns: auto 1fr auto; gap: 8px 24px; align-items: center;
}
.tsc-on.tsc-on .tsc-after__pr-logo { grid-row: 1 / span 2; width: 64px; height: 64px; border-radius: 18px; background: var(--tsc-ink); display: flex; align-items: center; justify-content: center; }
.tsc-on.tsc-on .tsc-after__pr-ttl { font-size: 17px; font-weight: 700; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.tsc-on.tsc-on .tsc-after__pr-txt { margin: 0; font-size: 13px; color: var(--tsc-ink-2); line-height: 1.75; }
.tsc-on.tsc-on .tsc-after__pr-act { grid-column: 3; grid-row: 1 / span 2; display: flex; flex-direction: column; gap: 6px; align-items: stretch; max-width: 260px; }
.tsc-on.tsc-on .tsc-after__pr-act small { font-size: 11px; color: var(--tsc-muted); line-height: 1.6; }
@media (max-width: 1023px) {
  .tsc-on.tsc-on .tsc-after__in { grid-template-columns: 1fr; gap: 28px; }
  .tsc-on.tsc-on .tsc-after__vis { height: 300px; order: 2; }
  .tsc-on.tsc-on .tsc-after__ph { height: 240px; border-radius: 28px 140px 140px 140px; }
  .tsc-on.tsc-on .tsc-after__ph2 { width: 120px; height: 120px; border-width: 5px; }
  .tsc-on.tsc-on .tsc-after__note { top: 246px; }
  .tsc-on.tsc-on .tsc-after__bubbles span { font-size: 12px; padding: 6px 10px; }
  .tsc-on.tsc-on .tsc-after__pr { grid-template-columns: auto 1fr; padding: 20px; margin-top: 36px; }
  .tsc-on.tsc-on .tsc-after__pr-act { grid-column: 1 / -1; grid-row: auto; max-width: none; }
}
@media (max-width: 767px) {
  .tsc-on.tsc-on .tsc-after__vis { height: 270px; }
  .tsc-on.tsc-on .tsc-after__ph { width: 100%; height: 210px; }
  .tsc-on.tsc-on .tsc-after__note { top: 214px; }
  .tsc-on.tsc-on .tsc-after__bubbles { left: 8px; }
  .tsc-on.tsc-on .tsc-after__ph2 { width: 96px; height: 96px; }
  .tsc-on.tsc-on .tsc-after__txt { font-size: 15px; }
  .tsc-on.tsc-on .tsc-after__btns .tsc-btn { width: 100%; }
  .tsc-on.tsc-on .tsc-after__btns a.tsc-link { width: 100%; justify-content: center; }
  .tsc-on.tsc-on .tsc-after__pr-logo { display: none; }
  .tsc-on.tsc-on .tsc-after__pr { grid-template-columns: 1fr; }
  .tsc-on.tsc-on .tsc-after__pr-ttl { font-size: 15px; }
}



.tsc-on.tsc-on .tsc-optin-sec__box {
  position: relative; display: grid; grid-template-columns: 340px 1fr; gap: 56px; align-items: center;
  background: var(--tsc-bg); border-radius: 40px; padding: 56px 64px; overflow: hidden;
}
.tsc-on.tsc-on .tsc-optin-sec__box::after { content: ""; position: absolute; right: -100px; bottom: -140px; width: 360px; height: 360px; border-radius: 50%; background: var(--tsc-main-50); }
.tsc-on.tsc-on .tsc-paper { position: relative; height: 330px; }
.tsc-on.tsc-on .tsc-paper__sheet {
  position: absolute; width: 230px; height: 300px; background: #fff; border-radius: 16px; padding: 22px;
  box-shadow: 0 18px 40px rgba(30,42,50,.12); display: flex; flex-direction: column; gap: 9px;
}
.tsc-on.tsc-on .tsc-paper__sheet--back { left: 90px; top: 20px; transform: rotate(6deg); background: #FFF7F0; }
.tsc-on.tsc-on .tsc-paper__sheet--front { left: 10px; top: 6px; transform: rotate(-4deg); }
.tsc-on.tsc-on .tsc-paper__k { font-size: 11px; font-weight: 700; color: var(--tsc-main); }
.tsc-on.tsc-on .tsc-paper__t { font-family: var(--tsc-font-head); font-weight: 900; font-size: 17px; line-height: 1.45; }
.tsc-on.tsc-on .tsc-paper__row { display: flex; align-items: center; gap: 8px; }
.tsc-on.tsc-on .tsc-paper__row i { flex: 0 0 auto; width: 14px; height: 14px; border-radius: 4px; border: 2px solid var(--tsc-main); }
.tsc-on.tsc-on .tsc-paper__row span { height: 7px; border-radius: 4px; background: var(--tsc-main-50); flex: 1 1 auto; }
.tsc-on.tsc-on .tsc-paper__free {
  position: absolute; right: 6px; top: -6px; width: 84px; height: 84px; border-radius: 50%; background: var(--tsc-orange); color: #fff;
  display: flex; align-items: center; justify-content: center; text-align: center; font-weight: 900; font-family: var(--tsc-font-head); font-size: 17px; line-height: 1.2;
  transform: rotate(10deg); box-shadow: 0 10px 22px rgba(194,87,26,.3);
}
.tsc-on.tsc-on .tsc-optin-sec__body { position: relative; z-index: 1; }
.tsc-on.tsc-on .tsc-optin-sec__list { margin: 18px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; font-size: 15px; }
.tsc-on.tsc-on .tsc-optin-sec__list li { display: flex; gap: 10px; align-items: center; }
.tsc-on.tsc-on .tsc-optin-sec__form { margin-top: 24px; display: flex; gap: 10px; }
.tsc-on.tsc-on .tsc-optin-sec__form input {
  flex: 1 1 auto; min-width: 0; min-height: 58px; padding: 0 22px; border: 1.5px solid #C8D2DF; border-radius: 999px; font-size: 16px; background: #fff;
}
.tsc-on.tsc-on .tsc-optin-sec__form .tsc-btn { min-height: 58px; flex: 0 0 auto; }
.tsc-on.tsc-on .tsc-optin-sec__fine { margin: 10px 0 0; font-size: 12px; color: var(--tsc-muted); }
.tsc-on.tsc-on .tsc-optin-sec__alt { margin: 18px 0 0; font-size: 14px; }
.tsc-on.tsc-on .tsc-optin-sec__alt a { color: var(--tsc-orange-ink); font-weight: 700; }
.tsc-on.tsc-on .tsc-optin-sec .tsc-optin__done { background: var(--tsc-main-50); color: var(--tsc-main-d); }
@media (max-width: 1023px) {
  .tsc-on.tsc-on .tsc-optin-sec__box { grid-template-columns: 1fr; padding: 36px 28px; gap: 12px; }
  .tsc-on.tsc-on .tsc-paper { height: 250px; width: 300px; margin: 0 auto; transform: scale(.82); transform-origin: top center; margin-bottom: -40px; }
}
@media (max-width: 767px) {
  .tsc-on.tsc-on .tsc-optin-sec__box { border-radius: 28px; padding: 28px 18px; margin: 0 -4px; }
  .tsc-on.tsc-on .tsc-optin-sec__form { flex-direction: column; }
  .tsc-on.tsc-on .tsc-optin-sec__form .tsc-btn { width: 100%; }
  .tsc-on.tsc-on .tsc-optin-sec__list { font-size: 14px; }
}



.tsc-on.tsc-on .tsc-forschool__box {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px;
  padding: 32px 40px; border-radius: 28px; border: 1.5px dashed #C8D2DF;
}
.tsc-on.tsc-on .tsc-forschool__ttl { margin: 0; font-size: 19px; font-weight: 700; }
.tsc-on.tsc-on .tsc-forschool__txt { margin: 4px 0 0; font-size: 14px; color: var(--tsc-muted); }
@media (max-width: 767px) { .tsc-on.tsc-on .tsc-forschool__box { padding: 22px 18px; } .tsc-on.tsc-on .tsc-forschool__box .tsc-btn { width: 100%; } }



.tsc-on.tsc-on .tsc-collage__note { top: 438px; right: 26px; }
.tsc-on.tsc-on .tsc-sit__tag { right: 12px; top: 12px; }
.tsc-on.tsc-on .tsc-after__note { left: auto; right: 14%; top: 352px; }
.tsc-on.tsc-on .tsc-after__vis { height: 440px; }
.tsc-on.tsc-on .tsc-after__bubbles { bottom: 0; }
.tsc-on.tsc-on .tsc-after__btns { flex-direction: column; align-items: flex-start; gap: 8px; }
.tsc-on.tsc-on .tsc-after__sub { font-size: 12px; color: var(--tsc-muted); }
.tsc-on.tsc-on .tsc-field { position: relative; padding-right: 20px; }
.tsc-on.tsc-on .tsc-field__name .tsc-chip { position: absolute; top: 14px; right: 14px; font-size: 11px; padding: 1px 10px; }
.tsc-on.tsc-on .tsc-field__name { padding-right: 0; }
.tsc-on.tsc-on .tsc-field__ic, .tsc-on.tsc-on .tsc-field__name { align-self: center; }
@media (max-width: 1023px) {
  .tsc-on.tsc-on .tsc-collage__note { top: 270px; right: 28px; }
  .tsc-on.tsc-on .tsc-after__vis { height: 290px; }
  .tsc-on.tsc-on .tsc-after__note { top: 206px; right: 16px; }
}
@media (max-width: 767px) {
  .tsc-on.tsc-on .tsc-collage__note { top: 172px; right: 20px; }
  .tsc-on.tsc-on .tsc-after__vis { height: 250px; }
  .tsc-on.tsc-on .tsc-after__note { top: 176px; right: 14px; }
  .tsc-on.tsc-on .tsc-after__btns .tsc-btn { width: 100%; }
  .tsc-on.tsc-on .tsc-after__sub { text-align: center; width: 100%; }
  .tsc-on.tsc-on .tsc-paper { margin-bottom: -16px; }
  .tsc-on.tsc-on .tsc-optin-sec__body { padding-top: 24px; }
  .tsc-on.tsc-on .tsc-field__name { padding-right: 76px; }
}
@media (max-width: 767px) {
  .tsc-on.tsc-on .tsc-collage { height: 206px; margin-top: 10px; }
  .tsc-on.tsc-on .tsc-collage__main { height: 184px; }
  .tsc-on.tsc-on .tsc-collage__sub { width: 92px; height: 92px; }
  .tsc-on.tsc-on .tsc-collage__badge { width: 70px; height: 70px; }
  .tsc-on.tsc-on .tsc-collage__badge b { font-size: 20px; }
  .tsc-on.tsc-on .tsc-collage__bubble { left: 86px; bottom: 40px; }
  .tsc-on.tsc-on .tsc-collage__note { top: 150px; }
}


.tsc-on.tsc-on .tsc-field { align-items: start; }
.tsc-on.tsc-on .tsc-field__name { padding-right: 84px; align-self: start; }
.tsc-on.tsc-on .tsc-field__ic { align-self: start; }
@media (max-width: 767px) {
  .tsc-on.tsc-on .tsc-collage__sub { bottom: 34px; }
  .tsc-on.tsc-on .tsc-collage__bubble { bottom: 70px; }
}


.tsc-on.tsc-on .tsc-sit-band { background: #245D98; }
.tsc-on.tsc-on .tsc-field__name { padding-right: 0; white-space: nowrap; flex-direction: column-reverse; align-items: flex-start; gap: 4px; }
.tsc-on.tsc-on .tsc-field__name .tsc-chip { position: static; }
.tsc-on.tsc-on .tsc-field__ic { grid-row: 1 / span 3; }
@media (max-width: 767px) { .tsc-on.tsc-on .tsc-field__name { padding-right: 0; } }



.tsc-on.tsc-on .tsc-fcs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.tsc-on.tsc-on .tsc-fcs__hint { display: none; }
.tsc-on.tsc-on .tsc-fc {
  display: flex; flex-direction: column; background: #fff; border-radius: 26px; overflow: hidden;
  text-decoration: none; color: var(--tsc-ink); border: 1px solid var(--tsc-line);
  transition: transform .18s ease, box-shadow .18s ease;
}
.tsc-on.tsc-on .tsc-fc:hover { color: var(--tsc-ink); transform: translateY(-4px); box-shadow: var(--tsc-shadow); }
.tsc-on.tsc-on .tsc-fc:hover .tsc-fc__scene svg { transform: scale(1.04); }
.tsc-on.tsc-on .tsc-fc__scene { display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.tsc-on.tsc-on .tsc-fc__scene svg { display: block; width: 100%; height: 100%; transition: transform .3s ease; }
.tsc-on.tsc-on .tsc-fc__scene--blue { background: var(--tsc-main-50); }
.tsc-on.tsc-on .tsc-fc__scene--yellow { background: #FFF6DE; }
.tsc-on.tsc-on .tsc-fc__scene--peach { background: var(--tsc-orange-50); }
.tsc-on.tsc-on .tsc-fc__scene--ink { background: #EEF1F5; }
.tsc-on.tsc-on .tsc-fc__body { display: flex; flex-direction: column; gap: 8px; padding: 18px 22px 22px; flex: 1 1 auto; }
.tsc-on.tsc-on .tsc-fc__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.tsc-on.tsc-on .tsc-fc__name { font-family: var(--tsc-font-head); font-weight: 900; font-size: 21px; line-height: 1.35; white-space: nowrap; }
.tsc-on.tsc-on .tsc-fc__desc { font-size: 14px; color: var(--tsc-ink-2); line-height: 1.7; word-break: auto-phrase; }
.tsc-on.tsc-on .tsc-fc__price { display: flex; flex-direction: column; padding: 8px 12px; border-radius: 12px; background: var(--tsc-bg); font-size: 15px; font-weight: 700; line-height: 1.5; }
.tsc-on.tsc-on .tsc-fc__price small { font-size: 11px; font-weight: 500; color: var(--tsc-muted); }
.tsc-on.tsc-on .tsc-fc__schools { font-size: 12px; color: var(--tsc-muted); }
.tsc-on.tsc-on .tsc-fc__go { margin-top: auto; padding-top: 4px; font-size: 14px; font-weight: 700; color: var(--tsc-main); }
.tsc-on.tsc-on .tsc-fc--sales .tsc-fc__go { color: var(--tsc-orange-ink); }
.tsc-on.tsc-on .tsc-fcs__note { margin: 16px 0 0; font-size: 12px; color: var(--tsc-muted); }
@media (max-width: 1023px) { .tsc-on.tsc-on .tsc-fcs { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) {
  .tsc-on.tsc-on .tsc-fcs__hint { display: block; margin: -12px 0 10px; font-size: 12px; font-weight: 700; color: var(--tsc-main); text-align: right; }
  .tsc-on.tsc-on .tsc-fcs {
    display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
    margin: 0 -16px; padding: 4px 16px 18px; scrollbar-width: none;
  }
  .tsc-on.tsc-on .tsc-fcs::-webkit-scrollbar { display: none; }
  .tsc-on.tsc-on .tsc-fc { flex: 0 0 76%; scroll-snap-align: start; border-radius: 22px; }
  .tsc-on.tsc-on .tsc-fc__body { padding: 14px 16px 18px; }
  .tsc-on.tsc-on .tsc-fc__name { font-size: 18px; }
  .tsc-on.tsc-on .tsc-fc__desc { font-size: 13px; }
}



.tsc-on.tsc-on .tsc-after__pr { grid-template-columns: 1fr 280px; align-items: center; gap: 24px 40px; padding: 30px 34px; }
.tsc-on.tsc-on .tsc-after__pr-main { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.tsc-on.tsc-on .tsc-after__pr-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.tsc-on.tsc-on .tsc-after__pr-op { font-size: 12px; color: var(--tsc-muted); }
.tsc-on.tsc-on .tsc-after__pr-mark { width: 240px; height: auto; }
.tsc-on.tsc-on .tsc-after__pr-lead { margin: 0; font-family: var(--tsc-font-head); font-weight: 700; font-size: 19px; line-height: 1.6; word-break: auto-phrase; }
.tsc-on.tsc-on .tsc-after__pr-pts { margin: 4px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.tsc-on.tsc-on .tsc-after__pr-pts li { display: flex; align-items: center; gap: 8px; padding: 6px 14px 6px 6px; border-radius: 999px; background: var(--tsc-main-50); font-size: 13px; font-weight: 700; }
.tsc-on.tsc-on .tsc-after__pr-pts b { padding: 2px 10px; border-radius: 999px; background: var(--tsc-main); color: #fff; font-size: 12px; }
.tsc-on.tsc-on .tsc-after__pr-pts small { font-weight: 500; color: var(--tsc-muted); margin-left: 2px; }
.tsc-on.tsc-on .tsc-after__pr-act { grid-column: 2; grid-row: 1; max-width: none; gap: 8px; }
.tsc-on.tsc-on .tsc-after__pr-act small { font-size: 12px; }
.tsc-on.tsc-on .tsc-after__pr-fine { font-size: 11px !important; }
.tsc-on.tsc-on .tsc-btn--line-green { background: #fff; color: var(--tsc-ink); border: 2px solid #06C755; }
.tsc-on.tsc-on .tsc-btn--line-green::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #06C755; }
.tsc-on.tsc-on .tsc-btn--line-green:hover { background: #F0FBF4; color: var(--tsc-ink); }
@media (max-width: 1023px) {
  .tsc-on.tsc-on .tsc-after__pr { grid-template-columns: 1fr; padding: 22px 20px; }
  .tsc-on.tsc-on .tsc-after__pr-act { grid-column: 1; grid-row: auto; }
  .tsc-on.tsc-on .tsc-after__pr-mark { width: 200px; }
  .tsc-on.tsc-on .tsc-after__pr-lead { font-size: 16px; }
  .tsc-on.tsc-on .tsc-after__pr-lead br { display: none; }
}
.tsc-on.tsc-on .tsc-fc__tbd { font-style: normal; font-size: 11px; font-weight: 500; color: var(--tsc-muted); }



.tsc-on.tsc-on .tsc-fc__scene { position: relative; }
.tsc-on.tsc-on .tsc-fc__sensei { position: absolute; right: 6px; bottom: -4px; width: 30%; height: auto; mix-blend-mode: multiply; transition: transform .25s ease; }
.tsc-on.tsc-on .tsc-fc:hover .tsc-fc__sensei { transform: translateY(-4px) rotate(-4deg); }
.tsc-on.tsc-on .tsc-fc__price--tbd { display: block; padding: 0; background: none; font-size: 12px; font-weight: 500; color: var(--tsc-muted); }
.tsc-on.tsc-on .tsc-fhead { display: flex; align-items: flex-end; gap: 16px; }
.tsc-on.tsc-on .tsc-fhead__sensei { width: 96px; height: 96px; object-fit: contain; mix-blend-mode: multiply; margin-bottom: -6px; }
.tsc-on.tsc-on .tsc-fhead__bubble { display: inline-block; margin: 8px 0 0; padding: 6px 14px; border-radius: 14px 14px 14px 4px; background: var(--tsc-main-50); color: var(--tsc-main-d); font-size: 13px; font-weight: 700; }
.tsc-on.tsc-on .tsc-after__pr { border: 1px solid var(--tsc-line); }
.tsc-on.tsc-on .tsc-after__pr-mark { width: 200px; }
.tsc-on.tsc-on .tsc-after__pr-lead { font-size: 16px; font-family: var(--tsc-font-body); }
.tsc-on.tsc-on .tsc-after__pr-txt b { display: inline-block; margin-top: 6px; font-weight: 700; color: var(--tsc-ink); }
.tsc-on.tsc-on .tsc-btn--line-green { border-color: var(--tsc-main); }
@media (max-width: 767px) {
  .tsc-on #field .tsc-sec__head { flex-direction: column; align-items: flex-start; gap: 4px; }
  .tsc-on.tsc-on .tsc-fhead__sensei { width: 72px; height: 72px; }
  .tsc-on.tsc-on .tsc-fhead__bubble { font-size: 12px; }
  .tsc-on.tsc-on .tsc-fc__sensei { width: 28%; }
}


.tsc-on.tsc-on .tsc-fc__scene svg { transform: translateX(-12%) scale(.9); }
.tsc-on.tsc-on .tsc-fc:hover .tsc-fc__scene svg { transform: translateX(-12%) scale(.94); }
.tsc-on.tsc-on .tsc-fc__sensei { right: 4px; bottom: -2px; width: 29%; }
.tsc-on.tsc-on .tsc-fhead__sensei { background: #fff; }
@media (max-width: 767px) { .tsc-on.tsc-on .tsc-fcs { scroll-padding-left: 16px; } .tsc-on.tsc-on .tsc-fcs__hint { margin-top: 0; } }


.tsc-on.tsc-on .tsc-fc__sensei, .tsc-on.tsc-on .tsc-fhead__sensei { mix-blend-mode: normal; }
.tsc-on.tsc-on .tsc-fhead__sensei { background: none; }
.tsc-on.tsc-on .tsc-fc:nth-child(3n+2) .tsc-fc__sensei { right: auto; left: 8px; width: 25%; transform: scaleX(-1); }
.tsc-on.tsc-on .tsc-fc:nth-child(3n+2) .tsc-fc__scene svg { transform: translateX(10%) scale(.9); }
.tsc-on.tsc-on .tsc-fc:nth-child(3n+2):hover .tsc-fc__scene svg { transform: translateX(10%) scale(.94); }
.tsc-on.tsc-on .tsc-fc:nth-child(3n+2):hover .tsc-fc__sensei { transform: scaleX(-1) translateY(-4px); }
.tsc-on.tsc-on .tsc-fc:nth-child(3n) .tsc-fc__sensei { width: 33%; }
@media (max-width: 767px) { .tsc-on.tsc-on .tsc-fcs__hint { display: none; } }



.tsc-on.tsc-on .tsc-photo-note { margin: 6px 0 0; font-size: 11px; line-height: 1.5; color: #8A95A0; text-align: right; }
.tsc-on.tsc-on .tsc-photo-note--light { margin-top: 14px; color: rgba(255,255,255,.62); }
.tsc-on.tsc-on .tsc-hero__visual { display: flex; flex-direction: column; }
.tsc-on.tsc-on .tsc-after__photo-note { grid-column: 1; margin-top: -8px; text-align: left; }
@media (max-width: 1023px) { .tsc-on.tsc-on .tsc-after__photo-note { order: 3; margin-top: 4px; } .tsc-on.tsc-on .tsc-hero__visual .tsc-photo-note { margin: 34px 4px 0 0; } }
@media (max-width: 767px) { .tsc-on.tsc-on .tsc-hero__visual .tsc-photo-note { margin: 30px 2px 0 0; font-size: 10px; } }
/* =========================================================
   記事ページの見た目（トップの雰囲気に合わせる）
   body に .tsc-art が付いたページだけに効く。記事の中身（HTML）は変えない。
   既存の追加CSS（カスタマイザー）より後に読み込む前提。
   ========================================================= */

/* ---------- 地・文字 ---------- */
body.tsc-art { background: var(--tsc-bg) !important; color: var(--tsc-ink); font-family: var(--tsc-font-body); }
body.tsc-art #content { background: transparent; }

/* ---------- 本文のカード ---------- */
body.tsc-art .main {
  background: #fff; border: 0 !important; border-radius: 28px;
  box-shadow: 0 6px 24px rgba(30, 42, 50, .06); padding: 40px 44px 48px;
}
body.tsc-art .article { background: transparent; }

/* パンくず・日付・PR表記 */
body.tsc-art .breadcrumb { font-size: 12px; color: var(--tsc-muted); }
body.tsc-art .breadcrumb a { color: var(--tsc-muted); }
body.tsc-art .date-tags { font-size: 12px; color: var(--tsc-muted); }
body.tsc-art .tsl-pr-note, body.tsc-art .article .pr-label {
  background: var(--tsc-bg) !important; border: 0 !important; border-radius: 14px !important; color: var(--tsc-ink-2) !important;
}

/* 記事タイトル */
body.tsc-art .article .entry-title {
  font-family: var(--tsc-font-head); font-weight: 900; font-size: 30px; line-height: 1.5; letter-spacing: .02em;
  color: var(--tsc-ink); word-break: auto-phrase; text-wrap: pretty;
}
body.tsc-art .eye-catch-wrap img, body.tsc-art .eye-catch img { border-radius: 20px; }

/* ---------- 本文 ---------- */
body.tsc-art .entry-content { font-size: 16.5px; line-height: 2; color: var(--tsc-ink); }
body.tsc-art .entry-content > p { margin-bottom: 1.5em; }
body.tsc-art .entry-content a:not([class]) { color: var(--tsc-main); text-underline-offset: 3px; }
body.tsc-art .entry-content strong, body.tsc-art .entry-content b { font-weight: 700; }

/* 見出し：トップと同じ「薄い青＋左の太線」 */
body.tsc-art .article h2:not(.tf-title):not(.related-entry-heading):not([class*="tsc-"]) {
  margin: 2.6em 0 1em; padding: 14px 20px 14px 20px !important;
  background: var(--tsc-main-50) !important; color: var(--tsc-ink) !important;
  border: 0 !important; border-left: 6px solid var(--tsc-main) !important; border-radius: 6px 16px 16px 6px !important;
  font-family: var(--tsc-font-head); font-weight: 900; font-size: 22px !important; line-height: 1.55;
  word-break: auto-phrase; text-wrap: pretty; box-shadow: none !important;
}
body.tsc-art .article h3:not([class*="tsc-"]) {
  margin: 2em 0 .8em; padding: 0 0 10px !important; position: relative;
  border: 0 !important; border-bottom: 2px solid var(--tsc-main-100) !important; background: none !important;
  font-family: var(--tsc-font-head); font-weight: 900; font-size: 19px; line-height: 1.55; color: var(--tsc-ink);
}
body.tsc-art .article h3:not([class*="tsc-"])::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 56px; height: 2px; background: var(--tsc-main); }
body.tsc-art .article h4 { font-family: var(--tsc-font-head); font-weight: 700; font-size: 17px; border: 0; padding: 0; }
body.tsc-art .article h2::before, body.tsc-art .article h2::after { content: none !important; }

/* マーカー：ツバメの黄色 */
body.tsc-art .entry-content .marker, body.tsc-art .entry-content .marker-under { background: linear-gradient(transparent 62%, #FDE3A6 62%) !important; }

/* ---------- 目次 ---------- */
body.tsc-art .toc { border: 0 !important; border-radius: 20px !important; background: var(--tsc-bg) !important; padding: 18px 22px !important; }
body.tsc-art .toc-title { font-family: var(--tsc-font-head); font-weight: 900; color: var(--tsc-ink); background: none !important; }
body.tsc-art .toc-content a { color: var(--tsc-ink); }

/* ---------- ふきだし（ツバメ先生と相談者さん） ---------- */
body.tsc-art .speech-balloon {
  background: var(--tsc-main-50) !important; border: 0 !important; border-radius: 18px !important;
  color: var(--tsc-ink); line-height: 1.85; box-shadow: none !important;
}
body.tsc-art .speech-balloon::before { display: none !important; }
body.tsc-art .speech-balloon::after { border-right-color: var(--tsc-main-50) !important; }
body.tsc-art .sbp-r .speech-balloon { background: #fff !important; border: 1.5px solid var(--tsc-line-2) !important; }
body.tsc-art .sbp-r .speech-balloon::after { border-left-color: var(--tsc-line-2) !important; }
body.tsc-art .speech-icon-image { border: 3px solid #fff !important; box-shadow: 0 4px 12px rgba(30,42,50,.08); background: #fff; }
body.tsc-art .speech-name { color: var(--tsc-main) !important; font-weight: 700; }

/* ---------- 表 ---------- */
body.tsc-art .entry-content table { border-collapse: separate !important; border-spacing: 0; border: 1px solid var(--tsc-line) !important; border-radius: 16px; overflow: hidden; background: #fff; }
body.tsc-art .entry-content table th, body.tsc-art .entry-content table td { border: 0 !important; border-bottom: 1px solid var(--tsc-line) !important; border-right: 1px solid var(--tsc-line) !important; padding: 12px 14px !important; }
body.tsc-art .entry-content table tr > *:last-child { border-right: 0 !important; }
body.tsc-art .entry-content table tr:last-child > * { border-bottom: 0 !important; }
body.tsc-art .entry-content table thead th { background: var(--tsc-main) !important; color: #fff !important; font-weight: 700; }
body.tsc-art .entry-content table tbody th { background: var(--tsc-main-50) !important; color: var(--tsc-main-d) !important; }
body.tsc-art .entry-content table td strong { background: linear-gradient(transparent 62%, #FDE3A6 62%); }

/* ---------- スクールのカード ---------- */
body.tsc-art .tsl-school { border: 1px solid var(--tsc-line) !important; border-radius: 24px !important; box-shadow: 0 8px 24px rgba(30,42,50,.06) !important; }
body.tsc-art .tsl-school-name { font-family: var(--tsc-font-head); font-weight: 900; }
body.tsc-art .tsl-school-tags span { border: 0 !important; background: var(--tsc-main-50) !important; color: var(--tsc-main-d) !important; }

/* ---------- ボタン ---------- */
/* 公式サイト（PR）などのふつうのボタン：青。影の段差はなくす */
body.tsc-art .tsl-btn { border-radius: 999px !important; box-shadow: none !important; background: var(--tsc-main) !important; font-weight: 700; }
body.tsc-art .tsl-btn:hover { background: var(--tsc-main-d) !important; }
/* メール登録はオレンジ（トップと同じ「いちばん押してほしいボタン」） */
body.tsc-art .tsl-btn-mail, body.tsc-art a.b[data-tsl-lead-open], body.tsc-art .tsl-side-cta .tsl-btn, body.tsc-art .tsl-v2-submit, body.tsc-art .tsl-lead-submit {
  background: var(--tsc-orange) !important; color: #fff !important; border: 0 !important; box-shadow: 0 8px 20px rgba(194,87,26,.25) !important; border-radius: 999px !important;
}
body.tsc-art .tsl-btn-mail:hover, body.tsc-art a.b[data-tsl-lead-open]:hover, body.tsc-art .tsl-side-cta .tsl-btn:hover { background: var(--tsc-orange-d) !important; }
/* LINE はふちどり */
body.tsc-art a.tsl-btn[href*="lin.ee"], body.tsc-art a.tsl-btn[href*="line.me"] { background: #fff !important; color: var(--tsc-ink) !important; border: 2px solid #06C755 !important; }

/* ---------- 登録・相談の箱 ---------- */
body.tsc-art .tsl-tablecta, body.tsc-art .tsl-midcta2, body.tsc-art .tsl-v2-box {
  border-radius: 22px !important; border: 0 !important; background: var(--tsc-orange-50) !important; box-shadow: none !important;
}

/* ---------- サイドバー ---------- */
body.tsc-art .sidebar { background: transparent !important; border: 0 !important; padding: 0 !important; }
body.tsc-art .sidebar .widget { background: #fff; border: 0 !important; border-radius: 22px; padding: 20px; margin-bottom: 20px; box-shadow: 0 6px 18px rgba(30,42,50,.05); }
body.tsc-art .widget-sidebar-title, body.tsc-art .sidebar .widget-title {
  background: none !important; color: var(--tsc-ink) !important; border: 0 !important; border-radius: 0 !important; padding: 0 0 8px !important; margin-bottom: 8px !important;
  font-family: var(--tsc-font-head); font-weight: 900; font-size: 17px; border-bottom: 2px solid var(--tsc-main-100) !important;
}
body.tsc-art .tsl-side-cta { border: 0 !important; background: var(--tsc-main-50) !important; border-radius: 20px !important; }
body.tsc-art .widget_recent_entries a, body.tsc-art .widget_categories a { color: var(--tsc-ink); }

/* ---------- 関連記事・カード ---------- */
body.tsc-art .related-entry-heading { font-family: var(--tsc-font-head); font-weight: 900; background: none !important; color: var(--tsc-ink) !important; border: 0 !important; padding: 0 !important; }
body.tsc-art .related-entry-card-wrap, body.tsc-art .entry-card-wrap { border-radius: 18px; }
body.tsc-art .entry-card-thumb img, body.tsc-art .related-entry-card-thumb img { border-radius: 12px; }

/* ---------- スマホ ---------- */
@media (max-width: 834px) {
  body.tsc-art .main { border-radius: 0; padding: 22px 18px 36px; box-shadow: none; }
  body.tsc-art .article .entry-title { font-size: 22px; }
  body.tsc-art .entry-content { font-size: 16px; }
  body.tsc-art .article h2:not(.tf-title):not(.related-entry-heading):not([class*="tsc-"]) { font-size: 19px !important; padding: 12px 14px !important; }
  body.tsc-art .article h3:not([class*="tsc-"]) { font-size: 17px; }
  body.tsc-art .sidebar .widget { border-radius: 18px; }
}

/* スクールのカードの「公式サイトを見る」：スクールごとの色ではなく、サイトの青にそろえる（オレンジは登録だけ） */
body.tsc-art .tsl-school-btn a { background: var(--tsc-main) !important; box-shadow: none !important; }
body.tsc-art .tsl-school-btn a:hover { background: var(--tsc-main-d) !important; }
body.tsc-art .tcb-h { background: var(--tsc-ink) !important; border-radius: 22px 22px 0 0; }
/* サイドバーの登録ボタン・スマホ下の登録ボタンもオレンジに */
body.tsc-art .tsl-v2-box a.m, body.tsc-art .tsl-sticky .tsl-st-mail { background: var(--tsc-orange) !important; color: #fff !important; box-shadow: none !important; border-color: var(--tsc-orange) !important; }
body.tsc-art .tsl-v2-box a.m:hover { background: var(--tsc-orange-d) !important; }
body.tsc-art .tsl-sticky .tsl-st-line:not(.tsl-st-mail) { background: #fff !important; color: var(--tsc-ink) !important; border: 2px solid #06C755 !important; }

/* ===== 記事 2回目の直し ===== */
/* サイドバーの登録カード：右上のツバメ先生の分、見出しの右を空ける・「メール」で折れないように */
body.tsc-art .tsl-v2-box .t { padding-right: 64px; word-break: keep-all; overflow-wrap: anywhere; }
/* 「この記事で比べているスクール」：帯はサイトの青、名前は単語の途中で折らない、ボタンを下にそろえる */
body.tsc-art .tsl-cmpbox .tcb-h { background: #245D98 !important; }
body.tsc-art .tsl-cmpbox .tcb-n { font-size: 15px !important; line-height: 1.5; word-break: keep-all; overflow-wrap: anywhere; }
body.tsc-art .tsl-cmpbox .tcb-pr { display: inline-block; margin-left: 6px; vertical-align: middle; }
body.tsc-art .tsl-cmpbox .tcb-c { display: flex; flex-direction: column; border-radius: 18px !important; }
body.tsc-art .tsl-cmpbox .tcb-a { margin-top: auto !important; }
body.tsc-art .tsl-cmpbox .tcb-o { background: var(--tsc-main) !important; border-radius: 999px !important; box-shadow: none !important; }
body.tsc-art .tsl-cmpbox .tcb-k { border-radius: 999px !important; border-color: var(--tsc-main) !important; color: var(--tsc-main) !important; }
/* LINE：トップと同じ「青のふちどり＋緑の小さな点」 */
body.tsc-art a.tsl-btn[href*="lin.ee"], body.tsc-art a.tsl-btn[href*="line.me"], body.tsc-art .tsl-sticky .tsl-st-line:not(.tsl-st-mail) {
  border: 2px solid var(--tsc-main) !important; color: var(--tsc-ink) !important; background: #fff !important;
}
body.tsc-art a.tsl-btn[href*="lin.ee"]::before, body.tsc-art a.tsl-btn[href*="line.me"]::before, body.tsc-art .tsl-sticky .tsl-st-line:not(.tsl-st-mail)::before {
  content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: #06C755; vertical-align: middle;
}
/* 記事の上の分野の横並び：色の点を青にそろえる（営業だけオレンジ）・スマホは右端をぼかす */
body.tsc-art .tn-tabs .tn-dot { background: var(--tsc-main) !important; }
body.tsc-art .tn-tabs a[href*="sales"] .tn-dot, body.tsc-art .tn-tabs a[href*="eigyo"] .tn-dot { background: var(--tsc-orange) !important; }
@media (max-width: 834px) {
  body.tsc-art .tn-tabs { -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); margin-right: 8px; }
}
/* スマホ下に固定の帯：不透明な白＋薄い影、本文の最後に余白 */
body.tsc-art .tsl-sticky { background: #fff !important; box-shadow: 0 -6px 20px rgba(30,42,50,.10) !important; }
@media (max-width: 834px) { body.tsc-art .article { padding-bottom: 72px; } }
/* 管理者のときの黒い帯の分、ヘッダーをずらす */
body.admin-bar.tsc-on .tsc-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar.tsc-on .tsc-header { top: 0; } }
/* 既存の追加CSSがウィジェットIDで青を指定しているため、IDで上書き */
body.tsc-art aside#custom_html-2 a.m, body.tsc-art aside#custom_html-3 a.m, body.tsc-art aside#custom_html-6 a.m { background: var(--tsc-orange) !important; box-shadow: none !important; }
body.tsc-art .tsl-sticky .tsl-st-line:not(.tsl-st-mail)::before { display: none !important; }
body.tsc-art .tsl-cmpbox .tcb-pr { display: none !important; }
@media (max-width: 834px) { body.tsc-art a.b[data-tsl-lead-open] { display: block !important; width: 100% !important; text-align: center; box-sizing: border-box; } }
/* Cocoon 標準のヘッダー・グローバルメニュー・フッター・スマホのメニューを、新デザインのときだけ隠す */
.tsc-on #header-container, .tsc-on #navi, .tsc-on #footer, .tsc-on .mobile-header-menu-buttons, .tsc-on .mobile-footer-menu-buttons, .tsc-on #go-to-top { display: none !important; }
.tsc-on.mblt-footer-mobile-buttons { margin-bottom: 0 !important; }
/* 新デザインの部品の中では、Cocoon の見出し・リストの飾りを消す */
.tsc-on [class*="tsc-"] h1, .tsc-on [class*="tsc-"] h2, .tsc-on [class*="tsc-"] h3 { background: none; border: 0; box-shadow: none; }
.tsc-on [class*="tsc-"] h1::before, .tsc-on [class*="tsc-"] h1::after, .tsc-on [class*="tsc-"] h2::before, .tsc-on [class*="tsc-"] h2::after, .tsc-on [class*="tsc-"] h3::before { content: none; }
.tsc-on .tsc-header a, .tsc-on .tsc-footer a { text-decoration: none; }
.tsc-on .tsc-optin__form input, .tsc-on .tsc-mini__form input, .tsc-on .tsc-optin-sec__form input, .tsc-on .tsc-side__mail input { box-sizing: border-box; max-width: none; }
/* トップ（固定ページ tsc-top に入れた新デザイン）：Cocoon のページの部品を隠して全幅にする */
.tsc-on:has(.tsc-top) .sidebar, .tsc-on:has(.tsc-top) .article-header, .tsc-on:has(.tsc-top) .article-footer, .tsc-on:has(.tsc-top) .breadcrumb, .tsc-on:has(.tsc-top) .toc, .tsc-on:has(.tsc-top) .sns-share, .tsc-on:has(.tsc-top) .sns-follow, .tsc-on:has(.tsc-top) .date-tags, .tsc-on:has(.tsc-top) .author-info, .tsc-on:has(.tsc-top) #content-top, .tsc-on:has(.tsc-top) #content-bottom, .tsc-on:has(.tsc-top) .under-entry-content, .tsc-on:has(.tsc-top) .eye-catch-wrap, .tsc-on:has(.tsc-top) .entry-categories-tags { display: none !important; }
.tsc-on:has(.tsc-top) #content, .tsc-on:has(.tsc-top) .content-in, .tsc-on:has(.tsc-top) .main, .tsc-on:has(.tsc-top) .article, .tsc-on:has(.tsc-top) .entry-content { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; float: none !important; }
.tsc-on .tsc-top { font-size: 16px; line-height: 1.8; color: var(--tsc-ink); }
.tsc-on .tsc-top :is(p, ul, ol, li, dl, dt, dd, figure, h1, h2, h3, h4, blockquote) { margin: 0; padding: 0; border: 0; background: none; font-size: inherit; line-height: inherit; color: inherit; font-weight: inherit; text-align: inherit; }
.tsc-on .tsc-top :is(h1, h2, h3, h4) { font-weight: 900; }
.tsc-on .tsc-top :is(h1, h2, h3, h4)::before, .tsc-on .tsc-top :is(h1, h2, h3, h4)::after { content: none; }
.tsc-on:has(.tsc-top) #tsl-nav { display: none !important; }
.tsc-on .tsc-top a { text-decoration: none; }
.tsc-on .tsc-top li::before { content: none; }
/* 記事ページ：Cocoon の白いカードの中に、さらにカードを重ねない */
.tsc-on.single .article { background: none; border-radius: 0; padding: 0; box-shadow: none; }
/* --- TSC 11/03 追記ここから（写真の注記・二重の固定ボタン・登録フォーム・v3デザイン）。戻すときはこの「11/03 追記ここから〜ここまで」を消す --- */
/* 写真の注記：写真のすぐ下へ（全員） */
@media (min-width: 768px) {
  .tsc-on.tsc-on .tsc-after__in { row-gap: 0; grid-template-rows: 1fr auto auto 1fr; }
  .tsc-on.tsc-on .tsc-after__in > .tsc-after__vis { grid-column: 1; grid-row: 2; height: 440px; }
  .tsc-on.tsc-on .tsc-after__in > .tsc-after__photo-note { grid-column: 1; grid-row: 3; align-self: start; width: 92%; margin: -30px 0 0; text-align: right; }
  .tsc-on.tsc-on .tsc-after__in > div:last-child { grid-column: 2; grid-row: 1 / 5; }
}
@media (min-width: 1024px) {
  .tsc-on.tsc-on .tsc-hero__visual { position: relative; }
  .tsc-on.tsc-on .tsc-hero__visual > .tsc-photo-note { position: absolute; right: 0; top: 478px; margin: 0; }
}
.tsc-on.tsc-on #situation .tsc-photo-note { text-align: left; margin-top: 10px; }
/* 記事ページ：スマホで固定ボタンが2段重なるのを1段に（全員） */
body.tsc-art:has(.tsl-sticky) .tsc-fixcta { display: none !important; }
/* 料金が未確認の分野カード */
.tsc-on.tsc-on .tsc-fc__price.is-pending { color: var(--tsc-muted); font-size: 13px; }
/* 登録フォームの追加分（全員） */
.tsl-v2 .tsc-x-undecided { display: inline-block; margin-top: 8px; padding: 6px 14px; font-size: 13px; line-height: 1.4; border: 1px solid #D9E0EA; border-radius: 999px; background: #fff; color: #3B4852; cursor: pointer; }
.tsl-v2 .tsc-x-undecided:hover { border-color: #1D6FD6; color: #1D6FD6; }
.tsl-v2 .tsc-x-assure { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 16px 0 6px; padding: 0; font-size: 13px; font-weight: 700; color: #1E2A32; }
.tsl-v2 .tsc-x-assure li { margin: 0; padding: 0; list-style: none; }
.tsl-v2 .tsc-x-assure li::before { content: "✓"; color: #1D6FD6; margin-right: 5px; }
.tsl-v2 .tsc-x-purpose { margin: 0 0 12px; font-size: 11.5px; line-height: 1.7; color: #5A6670; }
.tsl-v2 .tsc-x-purpose a { color: #1D6FD6; text-decoration: underline; }

/* v3：箱を減らす（body.tsc-v3 のときだけ。javascript.js の TSC_V3_LIVE で全員に切り替え） */
body.tsc-v3.tsc-on .tsc-top #guide .tsc-step { background: transparent; border-radius: 0; padding: 26px 4px 0; border-top: 2px solid var(--tsc-line-2); box-shadow: none; }
body.tsc-v3.tsc-on .tsc-top #guide .tsc-step:first-child { border-top-color: var(--tsc-main); }
body.tsc-v3.tsc-on .tsc-top #guide .tsc-step__no b { font-size: 44px; line-height: 1; }
body.tsc-v3.tsc-on .tsc-top #guide .tsc-step__ic { background: var(--tsc-main-50); box-shadow: none; }
body.tsc-v3.tsc-on .tsc-top .tsc-fc__price { background: none; border-radius: 0; padding: 10px 0 0; border-top: 1px dashed var(--tsc-line-2); }
body.tsc-v3.tsc-on .tsc-top .tsc-fcs__sub { grid-column: 1 / -1; margin: 28px 0 -8px; font-family: var(--tsc-font-head); font-weight: 900; font-size: 18px; color: var(--tsc-ink); display: flex; align-items: center; gap: 14px; }
body.tsc-v3.tsc-on .tsc-top .tsc-fcs__sub::after { content: ""; flex: 1; height: 1px; background: var(--tsc-line-2); }
@media (min-width: 768px) {
  body.tsc-v3.tsc-on .tsc-top .tsc-fcs > .tsc-fc:nth-child(n+4) { background: transparent; border: 0; border-bottom: 1px solid var(--tsc-line-2); border-radius: 0; box-shadow: none; }
  body.tsc-v3.tsc-on .tsc-top .tsc-fcs > .tsc-fc:nth-child(n+4) .tsc-fc__scene { display: none; }
  body.tsc-v3.tsc-on .tsc-top .tsc-fcs > .tsc-fc:nth-child(n+4) .tsc-fc__body { padding: 18px 8px 22px 0; }
  body.tsc-v3.tsc-on .tsc-top .tsc-fcs > .tsc-fc:nth-child(n+4):hover { transform: none; box-shadow: none; }
}
@media (max-width: 767px) { body.tsc-v3.tsc-on .tsc-top .tsc-fcs__sub { display: none; } }
body.tsc-v3.tsc-on .tsc-top .tsc-after__stops { gap: 0; }
body.tsc-v3.tsc-on .tsc-top .tsc-after__stops li { background: transparent; border-radius: 0; padding: 16px 0; margin: 0; border-bottom: 1px solid rgba(194, 87, 26, .24); box-shadow: none; }
body.tsc-v3.tsc-on .tsc-top .tsc-after__stops li:first-child { border-top: 1px solid rgba(194, 87, 26, .24); }
@media (min-width: 1024px) {
  body.tsc-v3.tsc-on .tsc-top #after .tsc-h2 { font-size: 46px; line-height: 1.32; }
  body.tsc-v3.tsc-on .tsc-top .tsc-sits { grid-template-columns: 1.45fr 1fr 1fr; }
  body.tsc-v3.tsc-on .tsc-top .tsc-sit:first-child .tsc-sit__ttl { font-size: 24px; }
}
body.tsc-v3.tsc-on .tsc-top .tsc-forschool__box { background: transparent; border: 0; border-top: 1px solid var(--tsc-line-2); border-bottom: 1px solid var(--tsc-line-2); border-radius: 0; padding: 26px 4px; box-shadow: none; }
body.tsc-v3.tsc-on .tsc-top .tsc-midcta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; margin: 44px 0 0; padding: 30px 0 0; border-top: 2px solid var(--tsc-ink); }
body.tsc-v3.tsc-on .tsc-top .tsc-midcta__t { flex: 1 1 420px; margin: 0; font-size: 15px; line-height: 1.8; color: var(--tsc-ink-2); }
body.tsc-v3.tsc-on .tsc-top .tsc-midcta__t b { display: block; margin-bottom: 2px; font-family: var(--tsc-font-head); font-weight: 900; font-size: 22px; color: var(--tsc-ink); }
body.tsc-v3.tsc-on .tsc-top .tsc-midcta__act { display: flex; flex-direction: column; align-items: center; gap: 6px; }
body.tsc-v3.tsc-on .tsc-top .tsc-midcta__act small { font-size: 12px; color: var(--tsc-muted); }
body.tsc-v3.tsc-on .tsc-top .tsc-assure { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 14px 0 4px; padding: 0; font-size: 13px; font-weight: 700; color: var(--tsc-ink); }
body.tsc-v3.tsc-on .tsc-top .tsc-assure li { margin: 0; padding: 0; list-style: none; }
body.tsc-v3.tsc-on .tsc-top .tsc-assure li::before { content: "✓"; color: var(--tsc-main); margin-right: 5px; }
@media (max-width: 767px) {
  body.tsc-v3.tsc-on .tsc-top .tsc-midcta { margin-top: 28px; }
  body.tsc-v3.tsc-on .tsc-top .tsc-midcta__t b { font-size: 19px; }
  body.tsc-v3.tsc-on .tsc-top .tsc-midcta__act { width: 100%; }
  body.tsc-v3.tsc-on .tsc-top .tsc-midcta__act .tsc-btn { width: 100%; }
}
/* 11/03 採点後の小直し（全員）：スマホ記事の左右余白・フッターのボタン文字色・写真の注記の濃さ。戻すときはこの5行を消す */
@media (max-width: 767px) { body.tsc-on.tsc-on.single .article { margin: 0 -15px; padding: 24px 18px 40px; } }
body.tsc-on.tsc-on a.tsc-btn--cta, body.tsc-on.tsc-on a.tsc-btn--cta:visited { color: #fff; }
body.tsc-on.tsc-on .tsc-photo-note { color: #5A6670; }
body.tsc-on.tsc-on .tsc-photo-note--light { color: rgba(255,255,255,.88); }
/* TSC 11/03 v4（ここから）記事の箱っぽさ・色・LINE。body.tsc-v4 のときだけ効く */
body.tsc-v4 { --tsc-main: #1A68CB; --tsc-orange: #B95217; }
body.tsc-v4 .tsl-v2 .tsc-x-assure li::before, body.tsc-v4 .tsl-v2 .tsc-x-purpose a, body.tsc-v4 .tsl-v2 .tsc-x-undecided:hover { color: #1A68CB; }
body.tsc-v4.tsc-art .article .entry-content h2:not(.tf-title):not(.related-entry-heading):not([class*="tsc-"]) { background: none !important; border: 0 !important; border-top: 1px solid var(--tsc-line-2) !important; border-radius: 0 !important; padding: 28px 0 0 !important; margin: 64px 0 20px !important; font-size: 25px !important; line-height: 1.5 !important; letter-spacing: .01em; }
body.tsc-v4.tsc-art .article .entry-content h3:not(.tf-title):not(.related-entry-heading):not([class*="tsc-"]) { border: 0 !important; padding: 0 !important; margin: 40px 0 12px !important; font-size: 19px !important; color: var(--tsc-ink) !important; }
body.tsc-v4.tsc-art .entry-content .tsl-cmpbox, body.tsc-v4.tsc-art .entry-content .tsl-tablecta { background: none !important; border: 0 !important; border-top: 1px solid var(--tsc-line-2) !important; border-bottom: 1px solid var(--tsc-line-2) !important; border-radius: 0 !important; box-shadow: none !important; padding: 22px 0 !important; }
body.tsc-v4.tsc-art .entry-content .tsl-pr-note { background: none !important; border: 0 !important; padding: 0 !important; font-size: 12.5px !important; color: var(--tsc-muted) !important; }
body.tsc-v4.tsc-art .entry-categories a, body.tsc-v4.tsc-art .entry-categories .cat-link { background: none !important; border: 0 !important; padding: 0 !important; color: var(--tsc-muted) !important; font-size: 12.5px !important; }
body.tsc-v4 .tsl-tablecta { text-align: center; }
body.tsc-v4 .tsl-tablecta :is(div, p):has(> .tsl-btn-mail), body.tsc-v4 .tsl-cta :is(div, p):has(> .tsl-btn-mail) { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; }
body.tsc-v4 .tsl-tablecta .tsl-btn-mail, body.tsc-v4 .tsl-cta .tsl-btn-mail { order: -1; flex: 0 0 auto !important; width: 100% !important; max-width: 420px; }
body.tsc-v4 .tsl-tablecta a.tsl-btn:not(.tsl-btn-mail), body.tsc-v4 .tsl-cta a.tsl-btn:not(.tsl-btn-mail) { flex: 0 0 auto !important; width: auto !important; min-height: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 2px 0 !important; color: var(--tsc-main) !important; font-size: 14px !important; font-weight: 500 !important; text-decoration: underline !important; text-underline-offset: 3px; }
@media (max-width: 600px) { body.tsc-v4.tsc-art .article .entry-content h2:not(.tf-title):not(.related-entry-heading):not([class*="tsc-"]) { font-size: 21px !important; margin-top: 48px !important; padding-top: 22px !important; } body.tsc-v4.tsc-art .article .entry-content h3:not(.tf-title):not(.related-entry-heading):not([class*="tsc-"]) { font-size: 17.5px !important; margin-top: 32px !important; } }
body.tsc-v4.tsc-art .article .entry-content h2:not(.tf-title):not(.related-entry-heading):not([class*="tsc-"])::before, body.tsc-v4.tsc-art .article .entry-content h2:not(.tf-title):not(.related-entry-heading):not([class*="tsc-"])::after, body.tsc-v4.tsc-art .article .entry-content h3:not(.tf-title):not(.related-entry-heading):not([class*="tsc-"])::before, body.tsc-v4.tsc-art .article .entry-content h3:not(.tf-title):not(.related-entry-heading):not([class*="tsc-"])::after { display: none !important; }
body.tsc-v4.tsc-art .eye-catch .cat-label { display: none !important; }
body.tsc-v4.tsc-art .entry-content .tsl-cta { background: none !important; border: 0 !important; border-top: 1px solid var(--tsc-line-2) !important; border-bottom: 1px solid var(--tsc-line-2) !important; border-radius: 0 !important; box-shadow: none !important; padding: 26px 0 !important; }
body.tsc-v4 .tsl-cta .tsl-btn-mail { background: var(--tsc-orange) !important; color: #fff !important; border: 0 !important; }
body.tsc-v4 .tsl-cta .tsl-btn-mail small { color: #fff !important; }
body.tsc-on .tsl-cta::before { content: "PR｜運営元（Redaram合同会社）のサービスのご案内"; display: block; margin: 0 0 10px; font-size: 12px; font-weight: 500; color: var(--tsc-muted); }
/* TSC 11/03 v4（ここまで） */
/* TSC 11/03 媒体価値 ここから（表のはみ出し・/mail/ と /contact/ の固定バーとサイドバーCTA非表示・相談ボタンの色・トップの名前欄。戻すときはこの塊を消す） */
@media (max-width: 834px) {
  .entry-content .tsl-table { white-space: normal; overflow-x: auto; }
  .entry-content .tsl-table th, .entry-content .tsl-table td { white-space: normal; }
  .entry-content .tsl-table tbody th { white-space: normal; }
}
body.page-id-7142 .tsl-sticky,
body.page-id-7 .tsl-sticky,
body.page-id-7142 .tsc-fixcta,
body.page-id-7 .tsc-fixcta { display: none !important; }
body.page-id-7142 #sidebar .widget_custom_html:has(.tsl-v2-box),
body.page-id-7 #sidebar .widget_custom_html:has(.tsl-v2-box),
body.page-id-7142 #sidebar-scroll .widget_custom_html:has(.tsl-v2-box),
body.page-id-7 #sidebar-scroll .widget_custom_html:has(.tsl-v2-box) { display: none !important; }
html body .tf-tsl a.tf-btn.tf-btn-line { background: #B95217 !important; box-shadow: 0 2px 0 #8F3E10 !important; color: #fff !important; }
@media (min-width: 835px) { .tsc-on.tsc-on .tsc-optin-sec__form #top-name { flex: 0 1 34%; } }
/* TSC 11/03 媒体価値 ここまで */
/* --- TSC 11/03 追記ここまで --- */
/* TSC 11/08 媒体価値 デザインv5（戻すときはこの塊を消す） */
/* ① 分野タブ(#tsl-nav)がある画面は、ヘッダーのメニューを隠してタブ1本に（PR帯の補足文も隠す） */
body.tsc-on:not(.home):has(#tsl-nav) .tsc-gnav{display:none}
body.tsc-on.tsc-on:not(.home):has(#tsl-nav) .tsc-header{border-bottom:0}
body.tsc-on:not(.home):has(#tsl-nav) .tsc-header__in{min-height:52px}
body.tsc-on.tsc-on:not(.home):has(#tsl-nav) .tsc-header__cta{margin-left:auto}
body.tsc-on .tsc-prbar__sub{display:none}
/* ③ /contact/ の「必須」バッジ */
body .tsl-lead .tsl-lead-field em{display:inline-block;font-style:normal;font-weight:700;font-size:11px;line-height:1.4;padding:1px 6px;margin-left:6px;border-radius:3px;background:#B03A2E;color:#fff;vertical-align:middle;letter-spacing:.04em}
/* ④ サイドバーの同じ登録ウィジェットの重複を1つに・比較カードの枠を罫線中心に */
body.tsc-on #sidebar #custom_html-3{display:none}
body.tsc-on.tsc-on .tf-card{border:0;border-top:1px solid #d7e4f3;border-radius:0;box-shadow:none;background:transparent}
/* ⑤ /mail/・/contact/ は記事下のSNSシェアを隠す */
body.page-id-7142 .sns-share,body.page-id-7 .sns-share{display:none!important}
/* TSC 11/08 ここまで */
/* TSC 11/09 媒体価値 デザインv6（戻すときはこの塊を消す） */
@media (max-width: 834px){
  .tsl-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .tsl-table th,.tsl-table td{min-width:7.5em;}
  .tsl-table th:first-child,.tsl-table td:first-child{min-width:5em;}
  body.home .tsl-sticky,body.page-id-7 .tsl-sticky,body.page-id-7142 .tsl-sticky{display:none !important;}
}
/* TSC 11/09 ここまで */
/* ===== TSC ここまで ===== */