/* HAYATO's public visual system: warm paper, bold ink and purposeful colour. */
body.design-v369{--play-paper:#fffaf0;--play-ink:#21312b;--play-muted:#526055;--play-blue:#304ec8;--play-yellow:#ffda62;--play-coral:#ff9b84;--play-teal:#14695e;--play-line:#d8d9ca;font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,system-ui,sans-serif;}
@layer manabiLightV361{
 body.design-v369.cinematic-v368{background:#fffaf0!important;color:#21312b!important;}
 body.design-v369 .platform-header{background:#fffaf0!important;border-bottom:1px solid #dfdfd0!important;box-shadow:none!important;backdrop-filter:none!important;}
 body.design-v369 .platform-brand{color:#21312b!important;}
 body.design-v369 .platform-logomark{background:#ffdf73!important;border-radius:14px!important;box-shadow:none!important;}
 body.design-v369 .platform-navigation nav a{color:#36443a!important;}
 body.design-v369 .platform-navigation nav a[aria-current="page"]{color:#304ec8!important;}
 body.design-v369 :is(.hm-button-primary,.platform-nav-actions .hm-button-primary){background:#304ec8!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #304ec8!important;border-radius:14px!important;box-shadow:none!important;}
 body.design-v369 .mode-banner{background:#fff1ba!important;border-color:#dfcd80!important;color:#4c421b!important;border-radius:14px!important;}
 body.design-v369 .site-footer{background:#f1f0e5!important;border-top:1px solid #d8d9ca!important;}
 body.design-v369 :is(.site-footer p,.site-footer strong,.site-footer small){color:#3c4a40!important;}
 body.design-v369 .site-footer a{color:#304ec8!important;}
 body.design-v369 #main-content .notification-center{margin-top:38px!important;}
 body.design-v369 #main-content .notification-center-head{gap:16px!important;margin-bottom:22px!important;}
 body.design-v369 #main-content .notification-center-icon{background:#ffda62!important;color:#21312b!important;border:0!important;border-radius:18px 18px 7px 18px!important;}
 body.design-v369 #main-content .notification-center-head h1{color:#21312b!important;font-weight:800!important;letter-spacing:-.03em!important;}
 body.design-v369 #main-content .notification-center-head p{color:#526055!important;}
 body.design-v369 #main-content .announcement-v368{--notice-accent:#14695e;--notice-tint:#e1f4e9;--notice-line:#b7d5c1;background:#fff!important;color:#21312b!important;border:1px solid #d8d9ca!important;border-left:5px solid var(--notice-accent)!important;border-radius:18px!important;box-shadow:none!important;}
 body.design-v369 #main-content .announcement-v368.severity-warning{--notice-accent:#8c5510;--notice-tint:#fff0bd;--notice-line:#dbc36d;}
 body.design-v369 #main-content .announcement-v368.severity-critical{--notice-accent:#a52e25;--notice-tint:#ffe6de;--notice-line:#d8ada1;}
 body.design-v369 #main-content :is(.announcement-v368-title,.announcement-v368-message){color:#21312b!important;}
 body.design-v369 #main-content .announcement-v368-title{font-weight:800!important;font-size:clamp(19px,2vw,22px)!important;}
 body.design-v369 #main-content :is(.announcement-v368-source,.announcement-v368-read,.announcement-v368-dates span,.announcement-v368-dates time,.notification-results){color:#526055!important;}
 body.design-v369 #main-content .announcement-v368-dates{border-color:#e3e6dc!important;}
 body.design-v369 #main-content .announcement-v368-kind{border:0!important;border-radius:6px!important;}
 body.design-v369 #main-content .announcement-v368.is-unread .announcement-v368-read{background:#fff0b3!important;color:#5b470b!important;}
 body.design-v369 #main-content .notification-center .org-search-toolbar{border:0!important;border-top:1px solid #dedfd2!important;border-radius:0!important;background:transparent!important;padding:20px 0!important;}
 body.design-v369 #main-content .notification-center .org-search-toolbar :is(input,select){border-color:#a7b2a4!important;background:#fff!important;color:#21312b!important;border-radius:10px!important;}
 body.design-v369 #main-content .notification-center .org-search-toolbar label{color:#21312b!important;-webkit-text-fill-color:#21312b!important;}
 body.design-v369 #main-content .notification-center .org-search-toolbar .button{background:#304ec8!important;color:#fff!important;border-color:#304ec8!important;border-radius:10px!important;}
 body.design-v369 #main-content .notification-center .org-search-toolbar .ghost{background:#fff!important;color:#304ec8!important;border-color:#a7b2a4!important;}
 body.design-v369 #main-content .announcement-v368-actions .button{background:#f5f6ee!important;color:#304ec8!important;border-color:#b9c4ad!important;border-radius:10px!important;}
 body.design-v369 .cinema-scene-v368 .cinema-motion-toggle{background:#fffaf0!important;color:#21312b!important;-webkit-text-fill-color:#21312b!important;border-color:#d4d7c3!important;border-radius:12px!important;box-shadow:none!important;}
}
.notification-filters{margin:18px 0 10px;border-bottom:1px solid #d8d9ca;}
.notification-filters>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:10px 0;color:#304ec8;font-size:16px;font-weight:750;cursor:pointer;list-style:none;}
.notification-filters>summary span{color:#526055;font-size:14px;font-weight:400;}
.notification-filters>summary:after{content:'＋';font-size:22px;line-height:1;}
.notification-filters[open]>summary:after{content:'−';}
.notification-filters>summary:focus-visible{outline:3px solid #304ec8;outline-offset:4px;}
.cinema-scene-v368{border:0;border-radius:24px;background:#e8eddc;box-shadow:none;}
.cinema-caption{display:none!important;}
.cinema-scene-v368 .cinema-motion-toggle{background:#fffaf0;color:#21312b;border-color:#d4d7c3;box-shadow:none;}
.cinema-banner{height:160px;margin:24px 0 32px;}
#home-value-v366{--hv-ink:#21312b;--hv-muted:#526055;--hv-accent:#304ec8;--hv-border:#d8d9ca;--hv-soft:#f1f3e9;background:#fffaf0;color:#21312b;}
#home-value-v366 :is(h1,h2,h3){font-weight:800;letter-spacing:-.04em;}
#home-value-v366 h2{font-size:clamp(28px,3.2vw,40px);line-height:1.5;}
#home-value-v366 .hv-wrap{width:min(1184px,calc(100% - 80px));}
#home-value-v366 .hv-hero{grid-template-columns:1.05fr 1fr;gap:64px;padding-top:64px;padding-bottom:62px;}
#home-value-v366 .hv-hero h1{font-size:clamp(38px,4.2vw,58px);line-height:1.35;letter-spacing:-.06em;margin:22px 0 25px;}
#home-value-v366 .hv-hero h1 em{color:#304ec8;box-shadow:inset 0 -.24em #ffda62;}
#home-value-v366 .hv-small-break{display:block;}
#home-value-v366 .hv-hero-copy>.hv-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:#ffedaa;color:#554319;font-size:14px;font-weight:750;letter-spacing:0;}
#home-value-v366 .hv-lead{font-size:17px;line-height:1.85;}
#home-value-v366 .hv-button{border-radius:12px;min-height:54px;padding:14px 22px;font-weight:750;}
#home-value-v366 .hv-primary{background:#304ec8;color:#fff;border-color:#304ec8;box-shadow:0 4px 0 #20398f;}
#home-value-v366 .hv-primary:hover{background:#253eac;border-color:#253eac;}
#home-value-v366 .hv-outline{background:transparent;border:1px solid #a5b09f;color:#304ec8;}
#home-value-v366 .hv-actions{gap:12px 24px;}
#home-value-v366 .hv-hero-facts{font-weight:600;gap:10px 18px;}
#home-value-v366 .hv-hero-facts li:before{content:'•';color:#14695e;font-size:20px;vertical-align:middle;}
.play-hero-art{position:relative;min-width:0;padding:20px 8px 26px 20px;}
.play-hero-art:before{content:'';position:absolute;inset:0 18px 12px 0;background:#ffda62;border-radius:80px 28px 80px 28px;transform:rotate(-3deg);}
#home-value-v366 .play-hero-art .cinema-hero{min-height:0;width:100%;aspect-ratio:1.08;border-radius:76px 26px 76px 26px;}
.play-orbit{position:absolute;z-index:2;display:flex;align-items:center;gap:16px;font-size:19px;line-height:1.5;font-weight:800;color:#21312b;padding:13px 20px;box-shadow:0 4px 0 #21312b16;pointer-events:none;}
.play-orbit-one{top:-3px;right:28px;background:#e1f4e9;border-radius:18px 18px 4px 18px;transform:rotate(5deg);}
.play-orbit-two{bottom:9px;left:4px;background:#ff9b84;border-radius:5px 18px 18px 18px;transform:rotate(-4deg);}
.play-orbit svg{width:22px;height:22px;}
.play-spark{position:absolute;z-index:2;width:64px;height:64px;top:49%;left:-23px;color:#304ec8;transform:rotate(10deg);pointer-events:none;}
#home-value-v366 .play-hero-art .cinema-motion-toggle{bottom:18px;right:16px;}
#home-value-v366 .hv-section-nav{border:0;border-bottom:1px solid #d8d9ca;padding:6px 0 15px;gap:6px 28px;}
#home-value-v366 .hv-section-nav a{font-size:14px;font-weight:650;color:#465749;}
#home-value-v366 .hv-heading>p{font-size:16px;line-height:1.85;}
#home-value-v366 .hv-section{padding-block:74px;}
#home-value-v366 .hv-lesson-grid{gap:24px;}
#home-value-v366 .hv-lesson{border:1px solid #d8d9ca;border-radius:22px;background:#fff;padding:26px;box-shadow:0 5px 0 #e7e7db;overflow:hidden;}
.play-lesson-visual{position:relative;width:calc(100% + 52px);height:156px;margin:-26px -26px 24px;display:flex;align-items:center;justify-content:center;gap:22px;overflow:hidden;color:#21312b;}
.play-topic-fractions .play-lesson-visual{background:#ffdf79;}
.play-topic-excel .play-lesson-visual{background:#cbeedc;}
.play-topic-english .play-lesson-visual{background:#ffc1ac;}
.play-fraction{display:grid;grid-template-rows:1fr 1fr;font-size:31px;font-weight:800;line-height:1.15;min-width:37px;text-align:center;transform:rotate(-5deg);}
.play-fraction>span:first-child{border-bottom:2px solid currentColor;padding:0 4px 6px;}
.play-fraction>span:last-child{padding-top:6px;}
.play-math-plus{font-size:38px;font-weight:400;}
.play-topic-doodle{position:absolute;right:12px;bottom:11px;font-size:14px;font-weight:750;transform:rotate(-4deg);}
.play-sheet{display:grid;grid-template-columns:repeat(3,1fr);width:210px;transform:rotate(-4deg);border:1.5px solid #14695e;border-radius:7px;overflow:hidden;background:#fff;box-shadow:4px 4px 0 #14695e26;}
.play-sheet span{padding:8px 12px;text-align:center;font-size:15px;line-height:1.35;border-right:1px solid #b1cec0;border-bottom:1px solid #b1cec0;color:#21312b;}
.play-sheet span:nth-child(-n+3){background:#14695e;color:#fff;font-size:14px;}
.play-sheet .play-sheet-focus{padding:8px 5px;background:#ffdf79;font-family:ui-monospace,Consolas,monospace;font-size:12px;font-weight:700;}
.play-sheet-cursor{position:absolute;bottom:21px;right:27px;font-size:44px;line-height:1;font-weight:800;color:#304ec8;transform:rotate(5deg);}
.play-speech{padding:10px 22px;font-size:29px;font-weight:800;line-height:1.25;}
.play-speech-one{position:absolute;left:26px;top:23px;background:#fffaf0;transform:rotate(-7deg);border-radius:17px 17px 17px 3px;}
.play-speech-two{position:absolute;right:25px;bottom:23px;background:#304ec8;color:#fff;transform:rotate(5deg);border-radius:17px 17px 3px 17px;font-size:24px;}
#home-value-v366 .hv-lesson h3{font-size:24px;line-height:1.5;margin-top:8px;}
#home-value-v366 .hv-lesson-link{border-top:1px solid #e4e7dc;padding-top:16px;margin-top:auto;}
#home-value-v366 .hv-proof{grid-template-columns:.8fr 1.2fr;gap:70px;margin-top:18px;margin-bottom:74px;}
#home-value-v366 .hv-workspace-example{border-color:#bdcbb9;border-radius:22px;box-shadow:8px 8px 0 #daeccc;}
#home-value-v366 .hv-workspace-example figcaption{background:#e8f4df;border-bottom:1px solid #c7d8bd;border-radius:21px 21px 0 0;}
#home-value-v366 .hv-material{background:#faf9f1;border-color:#dedfd1;}
#home-value-v366 .hv-flow-surface{background:#f1f3e8;border:0;}
#home-value-v366 .hv-flow{gap:26px;}
#home-value-v366 .hv-flow li{border-top:0;padding-top:0;}
#home-value-v366 .hv-step{display:grid;place-items:center;width:46px;height:46px;border-radius:15px 15px 5px 15px;background:#ffda62;color:#21312b;font-size:18px;font-weight:800;margin-bottom:18px;}
#home-value-v366 .hv-flow li:nth-child(2) .hv-step{background:#cbeedc;}
#home-value-v366 .hv-flow li:nth-child(3) .hv-step{background:#ffc1ac;}
#home-value-v366 .hv-flow li:nth-child(4) .hv-step{background:#dce2ff;}
#home-value-v366 .hv-flow h3{font-size:19px;}
#home-value-v366 .hv-flow-example{background:#fff;border:0;border-radius:12px;}
#home-value-v366 .cinema-wide{height:220px;margin-top:52px;margin-bottom:12px;border-radius:26px;}
#home-value-v366 .hv-consultation-form{border-color:#cad1bc;border-radius:22px;box-shadow:7px 7px 0 #ffdfa5;}
#home-value-v366 .hv-consultation-form textarea{border-color:#a9b59e;border-radius:12px;}
#home-value-v366 .hv-message-examples button{background:#f4f6eb;color:#304ec8;border-color:#cbd2bb;border-radius:8px;}
#home-value-v366 .hv-value-surface{background:#ffdf79;}
#home-value-v366 .hv-value-surface :is(h2,h3,p){color:#21312b;}
#home-value-v366 .hv-value-surface .hv-eyebrow,#home-value-v366 .hv-value-grid article>span{color:#655018;}
#home-value-v366 .hv-value-grid article{border-top:1px solid #bfa349;}
#home-value-v366 .hv-plan-grid{border:0;background:transparent;gap:22px;}
#home-value-v366 .hv-plan-grid article{border:1px solid #d8d9ca;border-radius:19px;background:#fff;padding:26px;}
#home-value-v366 .hv-plan-grid article:last-child{border:1px solid #b8d6c2;background:#eef8ed;}
#home-value-v366 .hv-audiences{background:#f1f3e8;border-radius:15px;}
#home-value-v366 .hv-closing{background:#304ec8;border:0;border-radius:25px;padding:40px;margin-bottom:72px;}
#home-value-v366 .hv-closing :is(h2,p){color:#fff;}
#home-value-v366 .hv-closing .hv-primary{background:#ffda62;color:#21312b;border-color:#ffda62;box-shadow:0 4px 0 #1c328a;}
#home-value-v366 :is(a,button,summary,textarea):focus-visible{outline:3px solid #304ec8;outline-offset:4px;}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#home-value-v366 .hv-lesson{transition:transform .18s ease,box-shadow .18s ease;}#home-value-v366 .hv-lesson:hover{transform:translateY(-4px);box-shadow:0 9px 0 #e7e7db;}}
@media(max-width:1050px){#home-value-v366 .hv-wrap{width:calc(100% - 48px);}#home-value-v366 .hv-hero{gap:34px;}#home-value-v366 .hv-hero h1{font-size:42px;}#home-value-v366 .hv-proof{gap:34px;}.play-orbit{font-size:16px;padding:10px 15px;}.play-spark{width:46px;height:46px;left:-12px;}}
@media(max-width:760px){#home-value-v366 .hv-wrap{width:calc(100% - 36px);}#home-value-v366 .hv-hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:34px;gap:30px;}#home-value-v366 .hv-hero h1{font-size:clamp(34px,7.8vw,48px);margin:18px 0 20px;}#home-value-v366 .hv-hero-copy>.hv-eyebrow{font-size:14px;}#home-value-v366 .hv-lead{font-size:16px;}#home-value-v366 .hv-hero .hv-wide-break{display:none;}#home-value-v366 .play-hero-art .cinema-hero{aspect-ratio:1.55;border-radius:48px 20px 48px 20px;}.play-hero-art{padding:15px 6px 23px 15px;margin-top:5px;}.play-hero-art:before{border-radius:50px 20px 50px 20px;}.play-orbit-one{top:-4px;right:12px;}.play-orbit-two{left:0;bottom:5px;}.play-spark{left:0;top:44%;width:40px;height:40px;}#home-value-v366 .play-hero-art .cinema-motion-toggle{bottom:60px;right:10px;font-size:14px;}#home-value-v366 .hv-section{padding-block:48px;}#home-value-v366 .hv-lesson{padding:24px;}.play-lesson-visual{width:calc(100% + 48px);margin:-24px -24px 21px;height:146px;}#home-value-v366 .hv-lesson h3{font-size:23px;}#home-value-v366 .hv-proof{grid-template-columns:1fr;gap:26px;margin-top:10px;margin-bottom:54px;}#home-value-v366 .hv-workspace-example{box-shadow:5px 5px 0 #daeccc;}#home-value-v366 .hv-flow{gap:30px 20px;}#home-value-v366 .hv-plan-grid{gap:16px;}#home-value-v366 .hv-closing{padding:28px 24px;margin-bottom:44px;}#home-value-v366 .cinema-wide{height:170px;margin-top:34px;}#home-value-v366 .hv-consultation-form{box-shadow:4px 4px 0 #ffdfa5;}.notification-filters>summary{flex-wrap:wrap;gap:4px 10px;}.notification-filters>summary span{order:3;width:100%;}.notification-filters>summary:after{margin-left:auto;}}
@media(max-width:380px){#home-value-v366 .hv-wrap{width:calc(100% - 32px);}#home-value-v366 .hv-hero h1{font-size:34px;}.play-orbit{font-size:14px;gap:8px;padding:9px 12px;}.play-orbit svg{width:18px;height:18px;}#home-value-v366 .hv-button{padding:13px 16px;}.play-speech-one{left:20px;}.play-speech-two{right:20px;}#home-value-v366 .hv-flow{grid-template-columns:1fr;}}
@media(forced-colors:active){.play-hero-art:before,.play-orbit,.play-spark{display:none;}#home-value-v366 .hv-hero h1 em{box-shadow:none;}.play-lesson-visual,.play-sheet{border:1px solid CanvasText;}#home-value-v366 .hv-primary{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none;}#home-value-v366 .hv-closing{border:1px solid CanvasText;}#home-value-v366 .hv-closing :is(h2,p){color:CanvasText;}}
@layer manabiLightV361{@media(forced-colors:active){body.design-v369.cinematic-v368{background:Canvas!important;color:CanvasText!important;}body.design-v369 .cinema-scene-v368 .cinema-motion-toggle{background:ButtonFace!important;color:ButtonText!important;-webkit-text-fill-color:ButtonText!important;border-color:ButtonText!important;}body.design-v369 #main-content .announcement-v368{border-color:CanvasText!important;}}}
@media print{.play-hero-art,.play-lesson-visual{display:none;}#home-value-v366 .hv-closing{background:#fff;}#home-value-v366 .hv-closing :is(h2,p){color:#21312b;}}