/* Each school design owns its section geometry, reading rhythm and page chrome. */
.school-site .sx-block{padding:90px 6%;max-width:1600px;margin:0 auto}
.school-site .sx-heading{margin-bottom:38px}.school-site .sx-heading .sc-eyebrow{margin-bottom:14px}
.school-site .sx-demo h2{font-size:clamp(28px,3vw,46px)}.school-site .sx-demo h3{font-size:25px}
.school-site .sx-demo p{line-height:2.15}.school-site .sx-demo figure{margin:0}
.school-site .sx-demo .sc-caption{font-size:11px;line-height:1.9}
.school-site .sx-demo .sc-button{margin-top:26px}.school-site .sx-fee-note{max-width:740px}
.school-site .sx-teacher{display:grid;grid-template-columns:minmax(180px,.65fr) 1.35fr;gap:10%;align-items:center}
.school-site .sx-teacher figure img{width:100%;max-height:540px;object-fit:cover;object-position:center 25%}
.school-site .sx-teacher figcaption{margin-top:20px;font-size:20px}.school-site .sx-teacher figcaption small{display:block;font-size:10px;margin-top:7px}
.school-site .sx-teacher-letter>p{max-width:650px}.school-site .sx-principles>div{margin-top:45px}
.school-site .sx-principles article{display:flex;gap:30px;padding:30px 0}.school-site .sx-principles article>span{font-size:45px;line-height:1.2;font-family:serif;color:var(--primary)}
.school-site .sx-principles p{margin-top:12px}.school-site .sx-welcome{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}
.school-site .sx-welcome figure img{width:100%;aspect-ratio:1.25;object-fit:cover}.school-site .sx-welcome figcaption{font-size:11px;padding-top:16px}
.school-site .sx-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}.school-site .sx-faq .sc-faq{margin:0}
.school-site .sx-first-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;gap:5%;margin:45px 0 5px}
.school-site .sx-first-steps li>span{display:block;font-size:40px;font-family:serif;margin-bottom:18px;color:var(--primary)}
.school-site .sx-first-steps p{font-size:14px}.school-site .sx-access{display:grid;grid-template-columns:1fr 1fr;gap:8%}
.school-site .sx-access dl{margin-top:35px}.school-site .sx-access dl>div{border-top:1px solid;padding:18px 0;font-size:13px}
.school-site .sx-access dt{font-weight:600}.school-site .sx-access dd{margin:10px 0 0}.school-site .sx-timetable caption{font-size:11px;text-align:left;padding:20px 0}
.school-site .sx-timetable table{width:100%;border-collapse:collapse}.school-site .sx-timetable th,.school-site .sx-timetable td{padding:18px 10px;border-bottom:1px solid #8885;text-align:left;font-size:13px}
.school-site .sx-course-guidance{padding:32px;margin-top:40px;border:1px solid var(--primary)}.school-site .sx-course-guidance li{margin:10px 0}
.school-site .sx-page-title{padding:60px 6% 70px}.school-site .sx-page-title h1{font-size:clamp(34px,4.4vw,64px)}
.school-site .sx-page-layout{min-width:0}.school-site .sx-page-content{min-width:0}
.school-site .sx-trial-form{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:start}
.school-site .sx-demo-warning{padding:25px;background:var(--surface);color:var(--ink);margin-top:28px;font-size:13px}
.school-site .sx-demo-warning p{margin-top:12px}.school-site .sx-trial-form .sc-form{margin:0;padding:0}
.school-site .sx-invitation{padding:85px 6%;display:grid;align-items:center;gap:9%;grid-template-columns:.7fr 1.3fr;background:var(--surface)}
.school-site .sx-invitation figure img{width:100%;aspect-ratio:1.1;object-fit:cover}.school-site .sx-invitation h2{font-size:clamp(28px,3.4vw,48px)}
.school-site .sx-footer{padding:60px 6% 30px;display:grid;grid-template-columns:1fr 1fr;gap:40px;color:var(--ink);background:var(--paper)}
.school-site .sx-footer>div>p{font-size:11px;letter-spacing:.1em}.school-site .sx-footer nav{display:flex;justify-content:flex-end;gap:25px;flex-wrap:wrap;font-size:13px}
.school-site .sx-footer-note{grid-column:1/-1;border-top:1px solid #8885;padding-top:25px;display:grid;grid-template-columns:1fr auto;gap:15px;font-size:12px}
.school-site .sx-footer-note p{margin:0;line-height:1.9!important;letter-spacing:0!important}.school-site .sx-footer-note>a{text-decoration:underline}.school-site .sx-footer-note small{grid-column:1/-1;font-size:9px;letter-spacing:.15em}

/* A — welcoming family classroom: rounded photo cards, an easy three-step visit. */
.school-site.layout-warm .sx-demo h2,.school-site.layout-warm .sx-demo h3{font-family:"Noto Sans JP",sans-serif;font-weight:500;letter-spacing:.01em}
.school-site.layout-warm .sx-welcome{padding-top:80px;padding-bottom:100px}.school-site.layout-warm .sx-welcome figure{transform:rotate(2deg)}
.school-site.layout-warm .sx-welcome figure img{border-radius:45% 45% 12px 12px}
.school-site.layout-warm .sx-courses{background:var(--surface);border-radius:55px 55px 0 0;margin:0 3%;padding:70px 4%}
.school-site.layout-warm .sx-class-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.school-site.layout-warm .sx-class-cards article{background:var(--paper);border-radius:24px;overflow:hidden}
.school-site.layout-warm .sx-course-photo{position:relative}.school-site.layout-warm .sx-course-photo img{width:100%;height:260px;object-fit:cover}
.school-site.layout-warm .sx-course-photo>span{position:absolute;bottom:0;left:25px;background:var(--paper);padding:9px 20px;border-radius:16px 16px 0 0;font-size:22px}
.school-site.layout-warm .sx-course-info{padding:30px}.school-site.layout-warm .sx-course-info .sc-eyebrow{margin-bottom:12px}
.school-site.layout-warm .sx-course-info p:not(.sc-eyebrow){font-size:14px}.school-site.layout-warm .sx-course-price{display:flex;justify-content:space-between;align-items:end;gap:12px;padding-top:25px;margin-top:25px;border-top:1px solid #8884;font-size:12px}
.school-site.layout-warm .sx-course-price strong{font-size:26px}.school-site.layout-warm .sx-course-price small{display:block;text-align:right;font-size:10px}
.school-site.layout-warm .sx-first{text-align:center}.school-site.layout-warm .sx-first-steps{text-align:left;gap:22px}
.school-site.layout-warm .sx-first-steps li{background:var(--surface);padding:32px;border-radius:24px}.school-site.layout-warm .sx-first-steps li:nth-child(2){margin-top:28px}.school-site.layout-warm .sx-first-steps li:nth-child(3){margin-top:56px}
.school-site.layout-warm .sx-teacher{margin:0 6%;padding:55px 5%;border:1px solid var(--primary);border-radius:30px;grid-template-columns:230px 1fr;gap:6%}
.school-site.layout-warm .sx-teacher figure img{height:290px;border-radius:120px 120px 20px 20px}.school-site.layout-warm .sx-teacher h2{font-size:30px}
.school-site.layout-warm .sx-faq{padding-top:95px}.school-site.layout-warm .sx-faq details{border:0;background:var(--surface);border-radius:15px;margin-bottom:14px;padding:0 20px}
.school-site.layout-warm .sx-faq summary{border:0;font-size:15px}.school-site.layout-warm .sx-faq details p{padding-bottom:22px;margin:0;font-size:14px}
.school-site.layout-warm .sx-invitation{margin:0 4% 35px;border-radius:32px;padding:45px 5%}.school-site.layout-warm .sx-invitation img{border-radius:24px}
.school-site.layout-warm .sx-page-title{text-align:center;background:var(--surface);margin:15px 5% 45px;border-radius:30px;padding:45px 6%}
.school-site.layout-warm .sx-page-content .sx-teacher{margin-top:45px}.school-site.layout-warm .sx-principles>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.school-site.layout-warm .sx-principles article{display:block;background:var(--surface);border-radius:24px;padding:26px}.school-site.layout-warm .sx-principles article>span{display:block;margin-bottom:20px}
.school-site.layout-warm .sx-trial-form{background:var(--surface);margin:0 5% 60px;padding:45px 4%;border-radius:30px}.school-site.layout-warm .sx-demo-warning{background:var(--paper)}
.school-site.layout-warm .sx-footer{border-top:1px solid #8884}.school-site.layout-warm .sx-footer nav a{background:var(--surface);padding:10px 20px;border-radius:25px}

/* B — a teacher's letter: restrained editorial columns, numbered chapters, marginal notes. */
.school-site.layout-teacher .sc-header{flex-direction:column;gap:18px;padding:24px 5%;border-bottom:1px solid var(--ink)}
.school-site.layout-teacher .sc-brand{text-align:center;font-size:29px}.school-site.layout-teacher .sc-header nav{width:100%;justify-content:center;border-top:1px solid #8885;padding-top:15px}
.school-site.layout-teacher .sc-button{border-radius:0;background:transparent;color:var(--primary);border-width:0 0 1px;padding:10px 2px;min-width:140px}
.school-site.layout-teacher .sc-controls>.sc-button{border:1px solid var(--primary);padding:6px 15px;min-width:0}
.school-site.layout-teacher .sx-block{padding:85px 11%}.school-site.layout-teacher .sx-opening-letter{max-width:930px;text-align:center;padding:110px 6%;border-bottom:1px solid var(--primary)}
.school-site.layout-teacher .sx-letter-lead{font-family:"Shippori Mincho",serif;font-size:clamp(25px,2.8vw,39px);line-height:2.1;letter-spacing:.1em}
.school-site.layout-teacher .sx-autograph{font-family:"Shippori Mincho",serif;font-size:23px;letter-spacing:.2em;padding-top:10px}
.school-site.layout-teacher .sx-teacher{grid-template-columns:210px 1fr;align-items:start;gap:9%;padding-top:100px}
.school-site.layout-teacher .sx-teacher figure{position:sticky;top:35px}.school-site.layout-teacher .sx-teacher figure img{height:295px;filter:saturate(.72)}
.school-site.layout-teacher .sx-teacher h2{font-size:36px}.school-site.layout-teacher .sx-teacher-letter>p{font-size:15px;line-height:2.5}
.school-site.layout-teacher .sx-principles{display:grid;grid-template-columns:1fr 1.5fr;gap:0 8%;border-block:1px solid var(--ink)}
.school-site.layout-teacher .sx-principles>.sc-eyebrow{grid-column:1}.school-site.layout-teacher .sx-principles>h2{grid-column:1;grid-row:2;font-size:32px}
.school-site.layout-teacher .sx-principles>div{grid-column:2;grid-row:1/3;margin:0}.school-site.layout-teacher .sx-principles article{border-top:1px solid #8885}.school-site.layout-teacher .sx-principles article:first-child{border-top:0;padding-top:0}
.school-site.layout-teacher .sx-principles article>span{font-size:22px;padding-top:5px}.school-site.layout-teacher .sx-principles h3{font-size:24px}
.school-site.layout-teacher .sx-courses>.sx-heading{max-width:650px}.school-site.layout-teacher .sx-lesson-notes{border-top:1px solid var(--ink)}
.school-site.layout-teacher .sx-lesson-notes details{border-bottom:1px solid var(--ink)}.school-site.layout-teacher .sx-lesson-notes summary{display:grid;grid-template-columns:110px 1fr 70px;gap:20px;align-items:center;padding:25px 0;cursor:pointer;list-style:none}
.school-site.layout-teacher .sx-lesson-notes summary>span{font-size:10px;letter-spacing:.15em}.school-site.layout-teacher .sx-lesson-notes summary strong{font-family:"Shippori Mincho",serif;font-size:27px;font-weight:400}.school-site.layout-teacher .sx-lesson-notes summary small{text-decoration:underline;font-size:11px}
.school-site.layout-teacher .sx-lesson-notes details>div{padding:0 0 30px 130px}.school-site.layout-teacher .sx-lesson-notes dl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}
.school-site.layout-teacher .sx-lesson-notes dt{font-size:11px}.school-site.layout-teacher .sx-lesson-notes dd{margin:9px 0 0;font-size:14px}
.school-site.layout-teacher .sx-faq{display:block;max-width:960px;padding-top:35px}.school-site.layout-teacher .sx-faq h2{font-size:32px}.school-site.layout-teacher .sx-faq .sc-faq summary{font-family:"Shippori Mincho",serif;font-size:19px}
.school-site.layout-teacher .sx-invitation{max-width:1000px;margin:20px auto 90px;background:none;border:1px solid var(--ink);padding:55px;grid-template-columns:130px 1fr;gap:45px}.school-site.layout-teacher .sx-invitation figure{align-self:start}.school-site.layout-teacher .sx-invitation figure img{aspect-ratio:.75}.school-site.layout-teacher .sx-invitation h2{font-size:31px}
.school-site.layout-teacher .sx-page-title{padding:60px 11%;border-bottom:1px solid var(--ink)}.school-site.layout-teacher .sx-page-title .sc-eyebrow{writing-mode:vertical-rl;float:right}
.school-site.layout-teacher .sx-page-layout{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1400px;margin:auto;padding:55px 5%;gap:5%}
.school-site .sx-page-index nav{display:flex;flex-direction:column;gap:0}.school-site .sx-page-index>p{font-size:12px;margin:0 0 22px}.school-site .sx-page-index a{padding:16px 0;border-bottom:1px solid #8885;font-size:14px}.school-site .sx-page-index a[aria-current]{font-weight:700;color:var(--primary)}
.school-site.layout-teacher .sx-page-content .sx-block{padding:30px 0 60px}.school-site.layout-teacher .sx-page-content .sx-teacher{grid-template-columns:155px 1fr;gap:7%}.school-site.layout-teacher .sx-page-content .sx-teacher figure img{height:240px}
.school-site.layout-teacher .sx-page-content .sx-principles{display:block;padding-top:35px}.school-site.layout-teacher .sx-page-content .sx-principles>div{margin-top:30px}
.school-site.layout-teacher .sx-first-steps{display:block;counter-reset:none}.school-site.layout-teacher .sx-first-steps li{display:grid;grid-template-columns:70px 1fr;border-top:1px solid var(--ink);padding:22px 0;gap:0 25px}.school-site.layout-teacher .sx-first-steps li>span{grid-row:1/3;font-size:30px}.school-site.layout-teacher .sx-first-steps li>p{grid-column:2;margin-top:8px}
.school-site.layout-teacher .sx-trial-form,.school-site.layout-teacher .sx-access{display:block}.school-site.layout-teacher .sx-trial-form .sx-trial-intro{margin-bottom:40px}.school-site.layout-teacher .sx-timetable{margin-top:40px}.school-site.layout-teacher .sx-footer{border-top:4px double var(--ink);margin:0 5%;padding-inline:0}

/* C — a culture magazine: oversize type, asymmetric photo spreads and bold colour blocks. */
.school-site.layout-gallery .sc-header{border-bottom:2px solid var(--ink);margin:0 4.5%;padding-inline:0}
.school-site.layout-gallery .sc-brand{letter-spacing:-.03em;font-size:30px}.school-site.layout-gallery .sc-button{border-radius:0;font-weight:700}
.school-site.layout-gallery .sx-block{padding:70px 4.5%}.school-site.layout-gallery .sx-heading h2{font-weight:700;letter-spacing:-.04em;font-size:clamp(36px,4.4vw,65px)}
.school-site.layout-gallery .sx-journal{padding-top:65px;border-top:2px solid var(--ink)}.school-site.layout-gallery .sx-journal>header{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}
.school-site.layout-gallery .sx-journal>header>p{font-size:11px;text-align:right;margin-bottom:40px;letter-spacing:.08em}
.school-site.layout-gallery .sx-mosaic{display:grid;grid-template-columns:1.45fr 1fr;gap:65px 45px}.school-site.layout-gallery .sx-mosaic figure:nth-child(2){padding-top:150px}
.school-site.layout-gallery .sx-mosaic figure:nth-child(3){width:73%;padding-top:0}.school-site.layout-gallery .sx-mosaic figure:nth-child(4){margin-top:25px}
.school-site.layout-gallery .sx-mosaic img{width:100%;aspect-ratio:1.1;object-fit:cover}.school-site.layout-gallery .sx-mosaic figure:nth-child(2) img{aspect-ratio:.8}.school-site.layout-gallery .sx-mosaic figure:nth-child(3) img{aspect-ratio:1.5}
.school-site.layout-gallery .sx-mosaic figcaption{display:flex;gap:20px;border-top:3px solid var(--ink);padding-top:16px;margin-top:15px}.school-site.layout-gallery .sx-mosaic figcaption>span{font-size:45px;line-height:1;font-weight:700}
.school-site.layout-gallery .sx-mosaic h3{font-family:"Noto Sans JP",sans-serif;font-weight:700;font-size:24px;letter-spacing:-.03em}.school-site.layout-gallery .sx-mosaic figcaption p{font-size:13px;margin-top:10px}
.school-site.layout-gallery .sx-courses{background:var(--primary);color:#fff}.school-site.layout-gallery .sx-courses>.sx-heading h2{font-size:clamp(38px,5.5vw,82px);line-height:1.2;letter-spacing:-.045em;overflow-wrap:anywhere}
.school-site.layout-gallery .sx-issue-courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:50px}
.school-site.layout-gallery .sx-issue-courses article{background:var(--paper);color:var(--ink);display:flex;flex-direction:column}.school-site.layout-gallery .sx-course-photo{position:relative}
.school-site.layout-gallery .sx-course-photo img{height:240px;object-fit:cover;width:100%}.school-site.layout-gallery .sx-course-photo>span{position:absolute;left:16px;bottom:0;font-size:70px;font-weight:700;background:var(--paper);line-height:1.2;padding:0 10px}
.school-site.layout-gallery .sx-course-info{padding:25px;display:flex;flex:1;flex-direction:column}.school-site.layout-gallery .sx-course-info h3{font-family:"Noto Sans JP",sans-serif;font-size:24px;font-weight:700}.school-site.layout-gallery .sx-course-info>p:not(.sc-eyebrow){font-size:13px}
.school-site.layout-gallery .sx-course-price{margin-top:auto;padding-top:35px}.school-site.layout-gallery .sx-course-price>span{display:block;font-size:12px}.school-site.layout-gallery .sx-course-price strong{font-size:28px}.school-site.layout-gallery .sx-course-price small{font-size:10px}
.school-site.layout-gallery.industry-shodo .sx-issue-courses{grid-template-columns:1fr 1fr}.school-site.layout-gallery .sx-courses>.sc-caption{color:#fff}.school-site.layout-gallery .sx-courses>.sc-button{color:#fff;border-color:#fff;background:transparent}
.school-site.layout-gallery .sx-course-guidance{border-color:#fff}.school-site.layout-gallery .sx-course-guidance h3{font-family:"Noto Sans JP",sans-serif}
.school-site.layout-gallery .sx-teacher{grid-template-columns:160px 1fr;gap:35px;border-bottom:2px solid var(--ink);margin:0 4.5%;padding-inline:0}.school-site.layout-gallery .sx-teacher figure img{height:200px}
.school-site.layout-gallery .sx-teacher h2{font-size:32px;max-width:850px}.school-site.layout-gallery .sx-teacher figcaption{font-size:16px}.school-site.layout-gallery .sx-teacher-letter{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}
.school-site.layout-gallery .sx-teacher-letter .sx-heading{grid-column:1/-1}.school-site.layout-gallery .sx-teacher-letter>.sc-button{justify-self:start;align-self:start}.school-site.layout-gallery .sx-teacher-letter .sc-caption{grid-column:1/-1}
.school-site.layout-gallery .sx-faq{display:block}.school-site.layout-gallery .sx-faq .sc-faq{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.school-site.layout-gallery .sx-faq details{border:2px solid var(--ink);padding:15px 22px;align-self:start}
.school-site.layout-gallery .sx-faq summary{font-weight:700;font-size:17px;line-height:1.9;padding-right:0}.school-site.layout-gallery .sx-faq p{padding:0;font-size:13px}
.school-site.layout-gallery .sx-invitation{display:block;background:var(--ink);color:var(--paper);text-align:center;padding:90px 5%}.school-site.layout-gallery .sx-invitation h2{font-family:"Noto Sans JP",sans-serif;font-size:clamp(36px,7vw,108px);font-weight:700;letter-spacing:-.045em;line-height:1.2}
.school-site.layout-gallery .sx-invitation .sc-button{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.school-site.layout-gallery .sx-page-title{border-bottom:3px solid var(--ink);margin:0 4.5%;padding:60px 0}.school-site.layout-gallery .sx-page-title .sc-eyebrow{font-size:clamp(45px,8vw,100px);font-weight:700;line-height:1;letter-spacing:-.06em;color:var(--primary)}
.school-site.layout-gallery .sx-page-title h1{font-family:"Noto Sans JP",sans-serif;font-size:32px;font-weight:700}.school-site.layout-gallery .sx-page-title>p:last-child{font-size:12px}
.school-site.layout-gallery .sx-principles>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.school-site.layout-gallery .sx-principles article{display:block;border-top:4px solid var(--ink)}.school-site.layout-gallery .sx-principles article>span{font-family:"Noto Sans JP",sans-serif;font-size:80px;font-weight:700}
.school-site.layout-gallery .sx-first-steps li{border-top:4px solid var(--ink);padding-top:25px}.school-site.layout-gallery .sx-first-steps li>span{font:700 70px/1 sans-serif}.school-site.layout-gallery .sx-trial-form{background:var(--surface)}
.school-site.layout-gallery .sx-footer{background:var(--ink);color:var(--paper);border-top:1px solid #ffffff55}.school-site.layout-gallery .sx-footer .sc-brand{font-family:"Noto Sans JP",sans-serif;font-size:34px;font-weight:700}

/* D — a practical course guide: compact decision aids, comparison tables and a side index. */
.school-site.layout-guide .sc-header{padding-block:18px;border-bottom:1px solid #8885}.school-site.layout-guide .sc-brand{font-size:24px;letter-spacing:0}
.school-site.layout-guide .sc-button{border-radius:6px;font-weight:600}.school-site.layout-guide .sx-block{padding:55px 5%;max-width:1320px}
.school-site.layout-guide .sx-demo h2,.school-site.layout-guide .sx-demo h3{font-family:"Noto Sans JP",sans-serif;font-weight:700;letter-spacing:0}.school-site.layout-guide .sx-demo h2{font-size:32px}.school-site.layout-guide .sx-demo h3{font-size:21px}
.school-site.layout-guide .sx-guide-nav{display:grid;grid-template-columns:repeat(4,1fr);margin:15px 5% 20px;border:1px solid var(--primary);border-radius:8px;overflow:hidden}
.school-site.layout-guide .sx-guide-nav a{padding:20px;text-align:center;border-right:1px solid var(--primary);font-size:14px;font-weight:600}.school-site.layout-guide .sx-guide-nav a:last-child{border:0}.school-site.layout-guide .sx-guide-nav a:hover{background:var(--surface)}
.school-site.layout-guide .sx-heading{margin-bottom:18px}.school-site.layout-guide .sx-heading .sc-eyebrow{font-size:10px}
.school-site.layout-guide .sx-filter{display:flex;gap:10px;margin:25px 0 18px}.school-site.layout-guide .sx-filter button{padding:10px 23px;border:1px solid var(--primary);background:var(--paper);color:var(--primary);border-radius:6px;font-size:13px;min-height:44px}
.school-site.layout-guide .sx-filter button[aria-pressed=true]{background:var(--primary);color:#fff}.school-site.layout-guide .sx-table-wrap{border:1px solid var(--primary);border-radius:8px;overflow:hidden}
.school-site.layout-guide .sx-compare{width:100%;border-collapse:collapse}.school-site.layout-guide .sx-compare caption{padding:12px;text-align:left;font-size:11px;background:var(--surface)}
.school-site.layout-guide .sx-compare thead{background:var(--primary);color:#fff}.school-site.layout-guide .sx-compare th,.school-site.layout-guide .sx-compare td{padding:22px 20px;text-align:left;font-size:14px;border-bottom:1px solid #8885}
.school-site.layout-guide .sx-compare tbody th{width:40%;font-weight:700;font-size:20px}.school-site.layout-guide .sx-compare th small{display:block;font-weight:400;font-size:12px;margin-top:10px}.school-site.layout-guide .sx-compare td strong{font-size:23px;white-space:nowrap}
.school-site.layout-guide .sx-filter-result{font-size:12px;margin:10px 0}.school-site.layout-guide .sx-access{background:var(--surface);max-width:none;padding:55px 8%;gap:6%}
.school-site.layout-guide .sx-timetable{background:var(--paper);padding:28px;border-radius:8px}.school-site.layout-guide .sx-access h2{font-size:30px}
.school-site.layout-guide .sx-first{display:grid;grid-template-columns:.65fr 1.35fr;gap:25px}.school-site.layout-guide .sx-first-steps{margin:0;gap:18px}.school-site.layout-guide .sx-first-steps li{border:1px solid #8885;border-radius:8px;padding:23px 18px}.school-site.layout-guide .sx-first-steps li>span{font:700 25px/1 sans-serif}.school-site.layout-guide .sx-first-steps h3{font-size:18px}.school-site.layout-guide .sx-first-steps p{font-size:12px}
.school-site.layout-guide .sx-first>.sc-button{grid-column:2;justify-self:start}.school-site.layout-guide .sx-faq{display:block;background:var(--surface);max-width:none;padding:50px 8%}.school-site.layout-guide .sx-faq .sc-faq{background:var(--paper);border:1px solid #8885;border-radius:8px;padding:0 25px}
.school-site.layout-guide .sx-invitation{display:block;margin:40px 5%;padding:40px 5%;border:2px solid var(--primary);border-radius:10px;text-align:center;background:none}.school-site.layout-guide .sx-invitation h2{font-family:"Noto Sans JP",sans-serif;font-size:30px}
.school-site.layout-guide .sx-page-title{background:var(--surface);padding:35px 5%;display:grid;grid-template-columns:1fr auto;gap:8px 25px}.school-site.layout-guide .sx-page-title .sc-eyebrow{grid-column:1/-1;margin:0}.school-site.layout-guide .sx-page-title h1{font:700 36px/1.6 "Noto Sans JP",sans-serif;letter-spacing:0}.school-site.layout-guide .sx-page-title>p:last-child{font-size:12px;align-self:end}
.school-site.layout-guide .sx-page-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:35px;padding:40px 5%;max-width:1500px;margin:auto}
.school-site.layout-guide .sx-page-index{align-self:start;background:var(--surface);padding:20px;border-radius:8px;position:sticky;top:25px}.school-site.layout-guide .sx-page-index a[aria-current]{background:var(--primary);color:#fff;padding-inline:12px;border-radius:5px}
.school-site.layout-guide .sx-page-content .sx-block{padding:30px 0 45px}.school-site.layout-guide .sx-page-content .sx-access{padding:25px;display:block;border-radius:8px}.school-site.layout-guide .sx-page-content .sx-timetable{margin-top:30px}
.school-site.layout-guide .sx-page-content .sx-faq{padding:25px;border-radius:8px}.school-site.layout-guide .sx-page-content .sx-first{display:block}.school-site.layout-guide .sx-page-content .sx-first-steps{margin-top:30px}
.school-site.layout-guide .sx-teacher{grid-template-columns:180px 1fr;gap:35px}.school-site.layout-guide .sx-teacher figure img{height:230px;border-radius:8px}.school-site.layout-guide .sx-teacher h2{font-size:26px}
.school-site.layout-guide .sx-principles article{border:1px solid #8885;border-radius:8px;padding:25px;margin-bottom:18px}.school-site.layout-guide .sx-trial-form{display:block;border-top:2px solid var(--primary)}.school-site.layout-guide .sx-trial-intro{margin-bottom:25px}
.school-site.layout-guide .sx-footer{background:var(--surface);padding:40px 5%}.school-site.layout-guide .sx-footer .sc-brand{font-family:"Noto Sans JP",sans-serif;font-size:23px}.school-site.layout-guide .sx-footer nav{gap:15px}

/* E — an adult atelier: immersive dark piano, quiet paper calligraphy, generous pauses. */
.school-site.layout-quiet.industry-piano{background:var(--ink);color:var(--paper)}
.school-site.layout-quiet.industry-piano .sx-demo{background:var(--ink);color:var(--paper)}
.school-site.layout-quiet .sx-block{padding:120px 12%;max-width:1450px}.school-site.layout-quiet .sx-demo h2{font-size:clamp(29px,3.3vw,48px);font-weight:400;letter-spacing:.15em;line-height:1.9}
.school-site.layout-quiet .sc-header{padding-block:35px}.school-site.layout-quiet .sc-brand{font-size:23px;letter-spacing:.2em}.school-site.layout-quiet .sc-header nav{font-size:11px;letter-spacing:.12em}
.school-site.layout-quiet .sx-demo .sc-button{border-radius:0;background:none;color:inherit;border:1px solid currentColor;padding:15px 30px;font-weight:400;font-size:12px;letter-spacing:.15em}
.school-site.layout-quiet .sx-demo .sc-caption{color:inherit;opacity:.82}.school-site.layout-quiet .sx-pause{position:relative;margin-top:100px;padding:0 10% 120px;display:grid;grid-template-columns:1.05fr 1fr;gap:10%;align-items:center}
.school-site.layout-quiet .sx-pause figure img{width:100%;height:560px;object-fit:cover}.school-site.layout-quiet .sx-pause>div{padding-top:80px}.school-site.layout-quiet .sx-pause h2{font-size:clamp(27px,2.4vw,38px)}.school-site.layout-quiet .sx-pause p:not(.sc-eyebrow){max-width:390px;font-size:14px;margin-top:35px;line-height:2.7}
.school-site.layout-quiet.industry-shodo .sx-pause{grid-template-columns:1.2fr .8fr;padding:50px 14% 110px}.school-site.layout-quiet.industry-shodo .sx-pause figure img{height:500px}.school-site.layout-quiet.industry-shodo .sx-pause h2{writing-mode:vertical-rl;min-height:330px;line-height:2.5;margin-left:auto;font-size:32px;letter-spacing:.16em}.school-site.layout-quiet.industry-shodo .sx-pause>div{padding-top:0}.school-site.layout-quiet.industry-shodo .sx-pause .sc-eyebrow{display:none}
.school-site.layout-quiet .sx-courses{border-top:1px solid #8887;border-bottom:1px solid #8887}.school-site.layout-quiet .sx-courses>.sx-heading{text-align:center;margin-bottom:70px}
.school-site.layout-quiet .sx-quiet-lessons{display:grid;grid-template-columns:1fr 1fr;gap:12%}.school-site.layout-quiet .sx-quiet-lessons article{padding:10px 0 45px}.school-site.layout-quiet .sx-quiet-lessons h3{font-size:28px;font-weight:400}.school-site.layout-quiet .sx-quiet-lessons p{font-size:14px;line-height:2.4}
.school-site.layout-quiet .sx-quiet-fee{padding-top:20px}.school-site.layout-quiet .sx-quiet-fee strong{font-family:serif;font-size:34px;font-weight:400}.school-site.layout-quiet .sx-fee-note{max-width:620px;margin-top:25px}
.school-site.layout-quiet .sx-teacher{grid-template-columns:160px 1fr;align-items:start;gap:11%;padding-top:145px;padding-bottom:140px}.school-site.layout-quiet .sx-teacher figure{padding-top:15px}.school-site.layout-quiet .sx-teacher figure img{height:240px;filter:saturate(.5)}
.school-site.layout-quiet .sx-teacher figcaption{font-size:17px;letter-spacing:.1em}.school-site.layout-quiet .sx-teacher h2{font-size:30px;line-height:2}.school-site.layout-quiet .sx-teacher-letter>p{font-size:14px;line-height:2.7;max-width:650px}
.school-site.layout-quiet .sx-faq{display:block;padding-top:80px;padding-bottom:100px;max-width:1000px}.school-site.layout-quiet .sx-faq>.sx-heading{margin-bottom:50px}.school-site.layout-quiet .sx-faq summary{font-family:"Shippori Mincho",serif;font-size:18px;font-weight:400;padding-block:26px}.school-site.layout-quiet .sx-faq details{border-color:#8887}.school-site.layout-quiet .sx-faq p{font-size:13px}
.school-site.layout-quiet .sx-invitation{display:block;text-align:center;background:var(--surface);color:var(--ink);padding:115px 6%}.school-site.layout-quiet.industry-piano .sx-invitation{background:#151718;color:#f8f5ed}.school-site.layout-quiet .sx-invitation h2{font-size:clamp(28px,3vw,45px)}
.school-site.layout-quiet .sx-page-title{text-align:center;padding:100px 6% 115px;border-bottom:1px solid #8887}.school-site.layout-quiet .sx-page-title h1{font-size:clamp(33px,4vw,57px);letter-spacing:.16em}.school-site.layout-quiet .sx-page-title>p:last-child{font-size:11px;letter-spacing:.18em}
.school-site.layout-quiet .sx-page-content .sx-principles{padding-top:0}.school-site.layout-quiet .sx-principles>div{max-width:770px;margin:55px auto 0}.school-site.layout-quiet .sx-principles article{border-top:1px solid #8887;padding:35px 0;gap:45px}.school-site.layout-quiet .sx-principles article>span{color:inherit;font-size:30px}.school-site.layout-quiet .sx-principles h3{font-size:25px}.school-site.layout-quiet .sx-principles p{font-size:14px}
.school-site.layout-quiet .sx-access{padding-inline:12%;gap:10%}.school-site.layout-quiet .sx-access h2{font-size:34px}.school-site.layout-quiet .sx-address>p{font-size:14px}.school-site.layout-quiet .sx-timetable th,.school-site.layout-quiet .sx-timetable td{color:inherit;background:transparent;font-size:12px}
.school-site.layout-quiet .sx-first{max-width:1000px}.school-site.layout-quiet .sx-first-steps{display:block;margin-top:55px}.school-site.layout-quiet .sx-first-steps li{display:grid;grid-template-columns:75px 1fr;gap:0 20px;border-top:1px solid #8887;padding:30px 0}.school-site.layout-quiet .sx-first-steps li>span{grid-row:1/3;color:inherit;font-size:24px}.school-site.layout-quiet .sx-first-steps p{grid-column:2;margin-top:10px}
.school-site.layout-quiet .sx-trial-form{display:block;max-width:900px;padding-top:30px}.school-site.layout-quiet .sx-trial-intro{margin-bottom:55px}.school-site.layout-quiet .sx-demo-warning{background:transparent;color:inherit;border:1px solid #8887;padding:25px}
.school-site.layout-quiet.industry-piano .sc-form input,.school-site.layout-quiet.industry-piano .sc-form select,.school-site.layout-quiet.industry-piano .sc-form textarea{background:#fff;color:#222}.school-site.layout-quiet.industry-piano .sc-form [data-form-confirm]{background:var(--ink);color:var(--paper)}
.school-site.layout-quiet .sx-footer{display:block;text-align:center;padding:75px 6% 30px}.school-site.layout-quiet.industry-piano .sx-footer{background:var(--ink);color:var(--paper)}
.school-site.layout-quiet .sx-footer nav{justify-content:center;margin:40px 0}.school-site.layout-quiet .sx-footer-note{display:block}.school-site.layout-quiet .sx-footer-note>a{display:block;margin:18px 0}
.school-site.layout-quiet.industry-piano .sx-demo :focus-visible,.school-site.layout-quiet.industry-piano .sx-footer :focus-visible{outline-color:var(--paper)}

.school-site.layout-warm .sx-access-image{grid-row:1/3}.school-site.layout-warm .sx-access-image img{width:100%;height:620px;object-fit:cover;border-radius:180px 180px 25px 25px}.school-site.layout-warm .sx-access .sx-timetable{grid-column:2}.school-site.layout-warm .sx-access-image figcaption{font-size:10px;margin-top:15px}.school-site.layout-warm .sx-access .sx-address{background:var(--surface);padding:30px;border-radius:24px}
.school-site.layout-gallery .sx-access-image{grid-column:1/-1;margin-bottom:35px}.school-site.layout-gallery .sx-access-image img{width:100%;height:420px;object-fit:cover}.school-site.layout-gallery .sx-access-image figcaption{border-top:3px solid var(--ink);font-weight:700;padding-top:15px;margin-top:15px;font-size:12px}.school-site.layout-gallery .sx-access .sx-address{border-right:2px solid var(--ink);padding-right:10%}.school-site.layout-gallery .sx-access .sx-timetable{padding-top:12px}.school-site.layout-gallery .sx-access .sx-timetable h3{font-family:"Noto Sans JP",sans-serif;font-weight:700;font-size:30px}
@media(max-width:640px){.school-site.layout-warm .sx-access-image{margin-bottom:30px}.school-site.layout-warm .sx-access-image img{height:300px;border-radius:130px 130px 20px 20px}.school-site.layout-warm .sx-access .sx-address{padding:25px}.school-site.layout-gallery .sx-access-image img{height:260px}.school-site.layout-gallery .sx-access .sx-address{border:0;padding:0}.school-site.layout-gallery .sx-access .sx-timetable{border-top:3px solid var(--ink);padding-top:25px}}
@media(max-width:1100px){
 .school-site .sx-block{padding:65px 5%}.school-site .sx-teacher{gap:6%}
 .school-site.layout-warm .sx-teacher{grid-template-columns:190px 1fr}.school-site.layout-warm .sx-first-steps li{padding:23px}
 .school-site.layout-teacher .sx-block{padding:65px 7%}.school-site.layout-teacher .sx-page-layout{grid-template-columns:155px minmax(0,1fr);gap:4%}.school-site.layout-teacher .sx-page-content .sx-teacher{display:block}.school-site.layout-teacher .sx-page-content .sx-teacher figure{position:static;max-width:210px;margin-bottom:35px}
 .school-site.layout-gallery .sx-course-photo img{height:185px}.school-site.layout-gallery .sx-course-info{padding:20px}.school-site.layout-gallery .sx-course-info h3{font-size:21px}
 .school-site.layout-guide .sx-first{display:block}.school-site.layout-guide .sx-first-steps{margin-top:30px}.school-site.layout-guide .sx-compare th,.school-site.layout-guide .sx-compare td{padding:18px 12px}.school-site.layout-guide .sx-compare tbody th{font-size:17px}.school-site.layout-guide .sx-compare td strong{font-size:19px}
 .school-site.layout-quiet .sx-block{padding:85px 8%}.school-site.layout-quiet .sx-pause{padding-inline:7%;gap:6%}.school-site.layout-quiet .sx-pause figure img{height:440px}.school-site.layout-quiet .sx-teacher{gap:7%}
}
@media(max-width:900px){
 .school-site .sx-demo h2{font-size:31px}.school-site .sx-demo h3{font-size:22px}.school-site .sx-faq{gap:5%}.school-site .sx-first-steps{gap:20px}.school-site .sx-trial-form{display:block}.school-site .sx-trial-intro{margin-bottom:35px}
 .school-site.layout-teacher .sc-header{flex-direction:row;justify-content:space-between}.school-site.layout-teacher .sc-brand{text-align:left;font-size:24px}.school-site.layout-teacher .sc-header nav{padding:20px;width:100%}
 .school-site.layout-teacher .sx-principles{display:block}.school-site.layout-teacher .sx-principles>div{margin-top:35px}.school-site.layout-teacher .sx-teacher{grid-template-columns:180px 1fr}
 .school-site.layout-teacher .sx-lesson-notes summary{grid-template-columns:80px 1fr;gap:12px}.school-site.layout-teacher .sx-lesson-notes summary strong{font-size:22px}.school-site.layout-teacher .sx-lesson-notes summary small{display:none}.school-site.layout-teacher .sx-lesson-notes details>div{padding-left:0}
 .school-site.layout-gallery .sx-journal>header{display:block}.school-site.layout-gallery .sx-journal>header>p{text-align:left;margin-bottom:15px}.school-site.layout-gallery .sx-mosaic{gap:45px 25px}.school-site.layout-gallery .sx-mosaic figure:nth-child(2){padding-top:75px}.school-site.layout-gallery .sx-mosaic h3{font-size:20px}.school-site.layout-gallery .sx-mosaic figcaption>span{font-size:33px}
 .school-site.layout-gallery .sx-issue-courses{grid-template-columns:1fr}.school-site.layout-gallery .sx-issue-courses article{display:grid;grid-template-columns:1fr 1.3fr}.school-site.layout-gallery .sx-course-photo img{height:100%;min-height:230px}.school-site.layout-gallery .sx-course-price{padding-top:20px}.school-site.layout-gallery.industry-shodo .sx-issue-courses{grid-template-columns:1fr}
 .school-site.layout-gallery .sx-teacher-letter{display:block}.school-site.layout-gallery .sx-faq .sc-faq{grid-template-columns:1fr}.school-site.layout-gallery .sx-principles>div{display:block}.school-site.layout-gallery .sx-principles article{display:flex;gap:30px}.school-site.layout-gallery .sx-principles article>span{font-size:45px}
 .school-site.layout-guide .sx-guide-nav a{padding:15px 8px;font-size:12px}.school-site.layout-guide .sx-page-layout{grid-template-columns:155px minmax(0,1fr);gap:22px;padding-inline:4%}.school-site.layout-guide .sx-page-index{padding:16px}.school-site.layout-guide .sx-page-content .sx-teacher{display:block}.school-site.layout-guide .sx-page-content .sx-teacher figure{max-width:170px;margin-bottom:30px}
 .school-site.layout-guide .sx-compare th,.school-site.layout-guide .sx-compare td{font-size:12px;padding:15px 9px}.school-site.layout-guide .sx-compare tbody th{font-size:15px}.school-site.layout-guide .sx-page-content .sx-first-steps{display:block}.school-site.layout-guide .sx-page-content .sx-first-steps li{margin-bottom:15px}
 .school-site.layout-quiet .sx-pause{gap:7%}.school-site.layout-quiet .sx-pause h2{font-size:27px}.school-site.layout-quiet .sx-pause figure img{height:390px}.school-site.layout-quiet .sx-teacher{grid-template-columns:135px 1fr}.school-site.layout-quiet .sx-teacher h2{font-size:27px}.school-site.layout-quiet .sx-access{display:block}.school-site.layout-quiet .sx-timetable{margin-top:50px}
}
@media(max-width:640px){
 .school-site .sx-block{padding:55px 6%}.school-site .sx-heading{margin-bottom:27px}.school-site .sx-demo h2{font-size:27px}.school-site .sx-demo h3{font-size:21px}
 .school-site .sx-welcome,.school-site .sx-teacher,.school-site .sx-access,.school-site .sx-faq{display:block}.school-site .sx-welcome figure{margin-top:35px}
 .school-site .sx-teacher figure{max-width:250px;margin-bottom:30px}.school-site .sx-teacher figure img{height:310px}.school-site .sx-teacher figcaption{font-size:17px}.school-site .sx-teacher-letter>p{font-size:14px}
 .school-site .sx-first-steps{grid-template-columns:1fr;margin-top:30px}.school-site .sx-first-steps li>span{font-size:27px;margin-bottom:12px}.school-site .sx-first-steps p{margin-top:12px}
 .school-site .sx-timetable{margin-top:30px}.school-site .sx-timetable th,.school-site .sx-timetable td{padding:13px 5px;font-size:12px}
 .school-site .sx-page-title{padding:35px 6%}.school-site .sx-page-title h1{font-size:30px}.school-site .sx-course-guidance{padding:23px}.school-site .sx-course-guidance li{font-size:13px}
 .school-site .sx-invitation{display:block;padding:50px 6%}.school-site .sx-invitation figure{max-width:260px;margin-bottom:30px}.school-site .sx-invitation h2{font-size:28px}.school-site .sx-invitation p{font-size:13px}
 .school-site .sx-footer{display:block;padding:40px 6% 25px}.school-site .sx-footer .sc-brand{font-size:22px}.school-site .sx-footer nav{justify-content:flex-start;gap:15px;margin:25px 0}.school-site .sx-footer-note{display:block}.school-site .sx-footer-note>a{display:block;margin:18px 0}.school-site .sx-footer-note p{font-size:10px}
 .school-site.layout-warm .sx-welcome{padding:50px 7% 65px}.school-site.layout-warm .sx-welcome figure{transform:none;margin-top:30px}.school-site.layout-warm .sx-courses{border-radius:30px 30px 0 0;padding:40px 5%;margin:0 3%}
 .school-site.layout-warm .sx-class-cards{grid-template-columns:1fr;gap:25px}.school-site.layout-warm .sx-course-photo img{height:210px}.school-site.layout-warm .sx-course-info{padding:25px}.school-site.layout-warm .sx-course-price{display:block}.school-site.layout-warm .sx-course-price strong{display:block;margin-top:8px}.school-site.layout-warm .sx-course-price small{display:inline;margin-left:5px}
 .school-site.layout-warm .sx-first-steps li:nth-child(n){margin:0;text-align:left;padding:24px}.school-site.layout-warm .sx-first-steps li{display:grid;grid-template-columns:38px 1fr;gap:0 12px}.school-site.layout-warm .sx-first-steps li>span{grid-row:1/3;margin:0}.school-site.layout-warm .sx-first-steps li>p{grid-column:2;font-size:13px}
 .school-site.layout-warm .sx-teacher{display:block;margin:0 5%;padding:30px 7%}.school-site.layout-warm .sx-teacher figure{max-width:170px;margin:0 auto 30px}.school-site.layout-warm .sx-teacher figure img{height:210px}.school-site.layout-warm .sx-teacher h2{font-size:25px}
 .school-site.layout-warm .sx-faq{padding-top:55px}.school-site.layout-warm .sx-faq details{padding:0 16px}.school-site.layout-warm .sx-faq summary{font-size:14px}.school-site.layout-warm .sx-invitation{margin:0 4% 25px;padding:30px 7%}.school-site.layout-warm .sx-invitation figure{margin-bottom:25px}
 .school-site.layout-warm .sx-page-title{padding:30px 6%;margin:10px 4% 30px;border-radius:20px}.school-site.layout-warm .sx-page-title h1{font-size:27px}.school-site.layout-warm .sx-principles>div{display:block}.school-site.layout-warm .sx-principles article{margin-bottom:18px}.school-site.layout-warm .sx-trial-form{margin:0 4% 35px;padding:30px 6%}
 .school-site.layout-teacher .sc-header{padding:20px 5%}.school-site.layout-teacher .sc-brand{font-size:20px}.school-site.layout-teacher .sc-menu{border:0;border-bottom:1px solid;padding-inline:0}
 .school-site.layout-teacher .sx-block{padding:55px 7%}.school-site.layout-teacher .sx-opening-letter{padding:65px 8%}.school-site.layout-teacher .sx-letter-lead{font-size:24px;letter-spacing:.02em}.school-site.layout-teacher .sx-opening-letter .sc-eyebrow{font-size:9px;letter-spacing:.13em}
 .school-site.layout-teacher .sx-teacher{display:block}.school-site.layout-teacher .sx-teacher figure{position:static;max-width:180px}.school-site.layout-teacher .sx-teacher figure img{height:255px}.school-site.layout-teacher .sx-teacher h2{font-size:29px}
 .school-site.layout-teacher .sx-principles{display:block;padding:45px 7%}.school-site.layout-teacher .sx-principles>h2{font-size:26px}.school-site.layout-teacher .sx-principles article{gap:18px}.school-site.layout-teacher .sx-principles h3{font-size:22px}.school-site.layout-teacher .sx-principles p{font-size:13px}
 .school-site.layout-teacher .sx-lesson-notes summary{grid-template-columns:1fr;padding:23px 0;gap:7px}.school-site.layout-teacher .sx-lesson-notes summary strong{font-size:24px}.school-site.layout-teacher .sx-lesson-notes dl{grid-template-columns:1fr;gap:10px}.school-site.layout-teacher .sx-lesson-notes dl>div{display:grid;grid-template-columns:60px 1fr}.school-site.layout-teacher .sx-lesson-notes dd{margin:0}
 .school-site.layout-teacher .sx-faq h2{font-size:27px}.school-site.layout-teacher .sx-faq .sc-faq summary{font-size:17px}.school-site.layout-teacher .sx-invitation{margin:15px 6% 55px;padding:30px 7%;display:block}.school-site.layout-teacher .sx-invitation figure{width:85px}.school-site.layout-teacher .sx-invitation h2{font-size:25px}
 .school-site.layout-teacher .sx-page-title{padding:40px 7%}.school-site.layout-teacher .sx-page-title h1{font-size:29px;max-width:90%}.school-site.layout-teacher .sx-page-layout{display:block;padding:30px 7%}.school-site.layout-teacher .sx-page-index{border-bottom:1px solid;margin-bottom:35px;padding-bottom:18px}
 .school-site.layout-teacher .sx-page-index nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.school-site.layout-teacher .sx-page-index>p{display:none}.school-site.layout-teacher .sx-page-index a{font-size:12px;padding:10px 0}.school-site.layout-teacher .sx-first-steps li{grid-template-columns:40px 1fr;gap:0 15px}.school-site.layout-teacher .sx-first-steps li>span{font-size:24px}.school-site.layout-teacher .sx-footer{margin:0 6%}
 .school-site.layout-gallery .sc-header{margin:0 5%;padding:20px 0}.school-site.layout-gallery .sc-brand{font-size:21px}.school-site.layout-gallery .sx-block{padding:50px 5%}.school-site.layout-gallery .sx-heading h2{font-size:33px}.school-site.layout-gallery .sx-journal>header{margin-bottom:28px}
 .school-site.layout-gallery .sx-mosaic{display:block}.school-site.layout-gallery .sx-mosaic figure{margin:0 0 38px!important;padding:0!important;width:100%!important}.school-site.layout-gallery .sx-mosaic figure:nth-child(2){width:83%!important;margin-left:auto!important}.school-site.layout-gallery .sx-mosaic figure:nth-child(3){width:85%!important}.school-site.layout-gallery .sx-mosaic figure:nth-child(2) img{aspect-ratio:1}
 .school-site.layout-gallery .sx-mosaic figcaption{gap:13px}.school-site.layout-gallery .sx-mosaic h3{font-size:20px}.school-site.layout-gallery .sx-mosaic figcaption p{font-size:12px}.school-site.layout-gallery .sx-courses>.sx-heading h2{font-size:40px}
 .school-site.layout-gallery .sx-issue-courses{margin-top:30px}.school-site.layout-gallery .sx-issue-courses article{display:block}.school-site.layout-gallery .sx-course-photo img{height:225px;min-height:0}.school-site.layout-gallery .sx-course-info{padding:25px}.school-site.layout-gallery .sx-course-info h3{font-size:25px}
 .school-site.layout-gallery .sx-teacher{display:block;margin:0 5%;padding:40px 0}.school-site.layout-gallery .sx-teacher figure{width:135px}.school-site.layout-gallery .sx-teacher figure img{height:170px}.school-site.layout-gallery .sx-teacher h2{font-size:27px}.school-site.layout-gallery .sx-invitation{padding:65px 5%}.school-site.layout-gallery .sx-invitation h2{font-size:46px}
 .school-site.layout-gallery .sx-page-title{padding:35px 0;margin:0 5%}.school-site.layout-gallery .sx-page-title .sc-eyebrow{font-size:clamp(38px,13vw,70px)}.school-site.layout-gallery .sx-page-title h1{font-size:25px}.school-site.layout-gallery .sx-principles article{gap:20px}.school-site.layout-gallery .sx-principles article>span{font-size:38px}.school-site.layout-gallery .sx-footer .sc-brand{font-size:25px}
 .school-site.layout-guide .sx-block{padding:35px 5%}.school-site.layout-guide .sx-demo h2{font-size:26px}.school-site.layout-guide .sx-guide-nav{grid-template-columns:1fr 1fr;margin:10px 5%}.school-site.layout-guide .sx-guide-nav a{border-bottom:1px solid var(--primary)}.school-site.layout-guide .sx-guide-nav a:nth-child(2){border-right:0}.school-site.layout-guide .sx-guide-nav a:nth-child(3){border-bottom:0}
 .school-site.layout-guide .sx-filter{gap:6px;flex-wrap:wrap}.school-site.layout-guide .sx-filter button{font-size:12px;padding:9px 13px}.school-site.layout-guide .sx-table-wrap{border:0;overflow:visible}
 .school-site.layout-guide .sx-compare,.school-site.layout-guide .sx-compare tbody{display:block}.school-site.layout-guide .sx-compare caption{display:block;padding:10px 0;background:none}.school-site.layout-guide .sx-compare thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 .school-site.layout-guide .sx-compare tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--primary);border-radius:8px;margin-bottom:16px;overflow:hidden}.school-site.layout-guide .sx-compare tbody th{grid-column:1/-1;width:auto;background:var(--surface);font-size:20px;padding:20px}.school-site.layout-guide .sx-compare td{font-size:13px;padding:14px 18px}.school-site.layout-guide .sx-compare td:last-child{grid-column:1/-1;border:0}.school-site.layout-guide .sx-compare td:last-child::before{content:'月謝（税込）';display:block;font-size:10px;margin-bottom:6px}.school-site.layout-guide .sx-compare td strong{font-size:27px}
 .school-site.layout-guide .sx-access{padding:35px 5%}.school-site.layout-guide .sx-access h2{font-size:27px}.school-site.layout-guide .sx-timetable{padding:22px 16px}.school-site.layout-guide .sx-first-steps{display:block}.school-site.layout-guide .sx-first-steps li{margin-bottom:15px}.school-site.layout-guide .sx-first-steps li>span{font-size:20px}.school-site.layout-guide .sx-faq{padding:35px 5%}.school-site.layout-guide .sx-faq .sc-faq{padding:0 17px}.school-site.layout-guide .sx-invitation{padding:30px 6%;margin:30px 5%}.school-site.layout-guide .sx-invitation h2{font-size:25px}
 .school-site.layout-guide .sx-page-title{display:block;padding:25px 5%}.school-site.layout-guide .sx-page-title h1{font-size:27px;margin-top:12px}.school-site.layout-guide .sx-page-title>p:last-child{margin-top:12px}.school-site.layout-guide .sx-page-layout{display:block;padding:25px 5%}.school-site.layout-guide .sx-page-index{position:static;margin-bottom:20px;padding:16px}.school-site.layout-guide .sx-page-index>p{display:none}.school-site.layout-guide .sx-page-index nav{display:grid;grid-template-columns:1fr 1fr;gap:5px}.school-site.layout-guide .sx-page-index a{font-size:12px;padding:10px;border:0}
 .school-site.layout-guide .sx-page-content .sx-block{padding:25px 0}.school-site.layout-guide .sx-page-content .sx-access,.school-site.layout-guide .sx-page-content .sx-faq{padding:22px 16px}.school-site.layout-guide .sx-page-content .sx-timetable{padding:18px 10px}.school-site.layout-guide .sx-page-content .sx-access dd{font-size:12px}.school-site.layout-guide .sx-principles article{gap:20px;padding:20px}.school-site.layout-guide .sx-principles article>span{font-size:28px}
 .school-site.layout-quiet .sc-header{padding:27px 6%}.school-site.layout-quiet .sc-brand{font-size:19px;letter-spacing:.14em}.school-site.layout-quiet .sc-menu{font-size:11px;padding:7px 10px}.school-site.layout-quiet .sx-block{padding:70px 9%}
 .school-site.layout-quiet .sx-pause,.school-site.layout-quiet.industry-shodo .sx-pause{display:flex;flex-direction:column;gap:0;padding:0 8% 70px;margin-top:55px}.school-site.layout-quiet .sx-pause figure{width:100%}.school-site.layout-quiet .sx-pause figure img,.school-site.layout-quiet.industry-shodo .sx-pause figure img{height:350px}.school-site.layout-quiet .sx-pause>div{padding:35px 4% 0}.school-site.layout-quiet .sx-pause h2{font-size:26px;letter-spacing:.07em}.school-site.layout-quiet .sx-pause p:not(.sc-eyebrow){font-size:13px;margin-top:25px}
 .school-site.layout-quiet.industry-shodo .sx-pause>div{padding:40px 5% 0}.school-site.layout-quiet.industry-shodo .sx-pause h2{min-height:280px;margin:0 auto 30px;font-size:27px}.school-site.layout-quiet .sx-courses>.sx-heading{margin-bottom:45px}.school-site.layout-quiet .sx-courses h2{font-size:28px;letter-spacing:.08em}
 .school-site.layout-quiet .sx-quiet-lessons{grid-template-columns:1fr;gap:35px}.school-site.layout-quiet .sx-quiet-lessons article{padding:0 0 25px}.school-site.layout-quiet .sx-quiet-lessons article+article{border-top:1px solid #8887;padding-top:35px}.school-site.layout-quiet .sx-quiet-lessons h3{font-size:27px}.school-site.layout-quiet .sx-quiet-lessons p{font-size:13px}
 .school-site.layout-quiet .sx-teacher{display:block;padding:75px 10%}.school-site.layout-quiet .sx-teacher figure{width:125px;margin-bottom:40px;padding:0}.school-site.layout-quiet .sx-teacher figure img{height:180px}.school-site.layout-quiet .sx-teacher figcaption{font-size:15px}.school-site.layout-quiet .sx-teacher h2{font-size:27px;letter-spacing:.08em}.school-site.layout-quiet .sx-teacher-letter>p{font-size:13px}
 .school-site.layout-quiet .sx-faq{padding:60px 9% 80px}.school-site.layout-quiet .sx-faq summary{font-size:16px;padding:24px 0}.school-site.layout-quiet .sx-invitation{padding:80px 8%}.school-site.layout-quiet .sx-invitation h2{font-size:29px;letter-spacing:.08em}
 .school-site.layout-quiet .sx-page-title{padding:65px 8%}.school-site.layout-quiet .sx-page-title h1{font-size:30px;letter-spacing:.1em}.school-site.layout-quiet .sx-principles article{gap:25px}.school-site.layout-quiet .sx-principles h3{font-size:23px}.school-site.layout-quiet .sx-access{padding:65px 9%}.school-site.layout-quiet .sx-access h2{font-size:29px}
 .school-site.layout-quiet .sx-first-steps li{grid-template-columns:35px 1fr;gap:0 15px}.school-site.layout-quiet .sx-first-steps h3{font-size:22px}.school-site.layout-quiet .sx-trial-form{padding:35px 9% 70px}.school-site.layout-quiet .sx-footer{padding:60px 8% 25px}.school-site.layout-quiet .sx-footer nav{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:15px;margin:30px 0}
}