@charset "UTF-8";
/* s01–s06: no fixed heights or positioned content. */
:root{--flow-blue:#1248aa;--flow-navy:#073478;--flow-orange:#f68b05;--flow-ink:#252c38;--flow-line:#cbdaf0;--flow-pale:#eef5ff;--flow-font:"Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
.frame.flow-page{width:100%;max-width:none;padding:0;margin:0;color:var(--flow-ink);font-family:var(--flow-font);line-height:1.75;overflow-wrap:anywhere}
.flow-page *{box-sizing:border-box}
.flow-page .sec{padding:clamp(44px,6vw,78px) max(16px,calc((100vw - 1080px)/2));overflow:visible}
.flow-page .inner_wrap{width:min(100%,1080px);margin:0 auto}
.flow-page :is(h1,h2,h3,p){margin:0}
.flow-page :is(h1,h2,h3){line-height:1.45}
.flow-page img{display:block;max-width:100%;height:auto}
.flow-page a{color:inherit}
.flow-page :is(.s01,.s02,.s03,.s04,.s05,.s06) .hg{position:static;width:auto;height:auto;margin:0;font-weight:700}
.flow-page :is(.s01,.s02,.s03,.s04,.s05,.s06) .hg>span{position:static;display:inline;white-space:normal}
.flow-page :is(.s01,.s02,.s03,.s04,.s05,.s06) .cmp-group{position:static;display:block}
.flow-page :is(.s01,.s02,.s03,.s04,.s05,.s06) .flow-copy{position:static;width:auto;height:auto;white-space:normal;line-height:1.85}
.flow-page .flow-paragraph-break{display:block;height:.9em}
.flow-page .flow-button,.flow-page .s03__btn{display:flex;align-items:center;justify-content:center;min-height:64px;border-radius:50px;padding:14px 20px;text-align:center;color:#fff;text-decoration:none;background:var(--flow-orange);font-size:clamp(16px,2vw,22px);font-weight:700;line-height:1.45}
.flow-page a:focus-visible{outline:3px solid #182c5c;outline-offset:3px}

/* s01 – first view, four promises, explanatory copy */
.flow-page .s01{background:linear-gradient(#fff 0 35%,#eaf3ff 35% 100%)}
.flow-page .s01__photo{width:100%;height:auto;border-radius:22px}
.flow-page .cmp-fv-card{width:min(90%,800px);margin:-70px auto 30px;position:relative!important;background:#fff;padding:clamp(24px,5vw,52px);border-radius:22px;box-shadow:0 10px 35px #0b3f901f;text-align:center}
.flow-page .cmp-fv-card h1{font-size:clamp(27px,4.7vw,50px);color:var(--flow-navy)}
.flow-page .cmp-fv-card :is(.s01__t1,.s01__t4,.s01__t5){display:block!important;font-size:.65em}
.flow-page .cmp-fv-card .s01__t2,.flow-page .cmp-fv-card .s01__t5n{color:var(--flow-blue)}
.flow-page .flow-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:48px}
.flow-page .cmp-feature-card{border:1px solid #acc7ed;border-radius:18px;background:#fff;padding:18px 12px;text-align:center;min-width:0}
.flow-page .cmp-feature-card img{width:58px;height:58px;object-fit:contain;margin:0 auto 10px}
.flow-page .cmp-feature-card .s01__ct{font-size:clamp(16px,1.8vw,22px);font-weight:700;color:var(--flow-navy);line-height:1.35}
.flow-page .cmp-feature-card .s01__cd{font-size:clamp(13px,1.4vw,17px);line-height:1.55;margin-top:7px}
.flow-page .s01 .inner_wrap>h2{text-align:center;font-size:clamp(23px,3vw,35px);color:var(--flow-blue);margin-bottom:26px}
.flow-page .s01 .inner_wrap>h2>span:first-child{display:block}
.flow-page .s01__lead{max-width:950px;margin:auto!important;font-size:clamp(16px,1.8vw,20px);line-height:1.9}

/* s02 – four steps and a genuine table */
.flow-page .s02 .inner_wrap>h2{text-align:center;font-size:clamp(24px,3.2vw,37px);color:var(--flow-blue)}
.flow-page .s02 .inner_wrap>h2>span{display:block}
.flow-page .s02__lead{text-align:center;margin:22px 0 12px!important;font-size:clamp(20px,2.4vw,28px);font-weight:700}
.flow-page .s02__or{color:var(--flow-orange)}
.flow-page .flow-overview{display:flex;align-items:center;gap:24px;max-width:950px;margin:0 auto 34px}
.flow-page .flow-overview p{flex:1;font-size:clamp(16px,1.8vw,20px)}
.flow-page .s02__photo{flex:0 0 min(28%,250px)}
.flow-page .flow-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:34px}
.flow-page .cmp-step-summary{display:grid!important;grid-template-columns:74px 1fr;grid-template-rows:auto auto auto;gap:4px 18px;padding:23px;border:2px solid var(--flow-blue);border-radius:18px;min-width:0}
.flow-page .cmp-step-summary .s02__bdt{grid-column:1/-1;color:var(--flow-blue);font-size:19px;font-weight:700}
.flow-page .cmp-step-summary .s02__ic{grid-row:2/4;grid-column:1;width:68px;height:68px;object-fit:contain;align-self:center}
.flow-page .cmp-step-summary .s02__ct{grid-column:2;color:var(--flow-blue);font-size:19px;font-weight:700;line-height:1.45}
.flow-page .cmp-step-summary .s02__cb{grid-column:2;font-size:16px;line-height:1.65}
.flow-page .s02__tbl{width:100%;border-collapse:collapse;table-layout:fixed;font-size:clamp(14px,1.6vw,18px)}
.flow-page .flow-table-scroll{max-width:100%;overflow-x:auto}
.flow-page .s02__tbl :is(th,td){position:static;padding:13px;border:1px solid #ccd5e6;text-align:left;vertical-align:middle;white-space:normal}
.flow-page .s02__tbl thead{background:#4471d0;color:#fff}
.flow-page .s02__tbl th:first-child{width:15%}.flow-page .s02__tbl th:nth-child(2){width:41%}
.flow-page .s02__tbl .s02__fee{color:#e44e3c;font-weight:700}
.flow-page .s02 .cmp-note-box{background:#e4efff;border-radius:13px;padding:17px 22px;margin-top:20px;font-size:16px}

/* s03 – request options and four common worries */
.flow-page .s03{background:linear-gradient(#eef5ff 0 37%,#fff 37% 100%)}
.flow-page .flow-cta-inline{max-width:820px;margin:0 auto 70px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.flow-page .s03__lead,.flow-page .s03 .cmp-phone-block{grid-column:1/-1;text-align:center}
.flow-page .s03__lead{color:var(--flow-blue);font-size:clamp(20px,2.6vw,30px);font-weight:700;margin-bottom:12px!important}
.flow-page .s03__btn--doc{background:#326bd9}
.flow-page .s03__btn :is(img,svg){display:none}
.flow-page .s03 .cmp-phone-block{background:#fff;border:1px solid var(--flow-line);border-radius:15px;padding:16px}
.flow-page .s03__telh{color:var(--flow-blue);font-weight:700}
.flow-page .s03__telic{display:none}
.flow-page .s03__telno{display:block;color:var(--flow-blue);font-size:clamp(27px,4.2vw,46px);font-weight:700;text-decoration:none;line-height:1.25}
.flow-page .s03 .inner_wrap>h2{text-align:center;font-size:clamp(24px,3vw,36px);color:var(--flow-blue);margin-bottom:26px}
.flow-page .s03 .inner_wrap>h2>span:first-child{display:block}
.flow-page .flow-reassurance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.flow-page .cmp-faq-card{padding:22px;border:1px solid var(--flow-line);background:#f5f9ff;border-radius:18px;min-width:0}
.flow-page .cmp-faq-card .s03__num{color:var(--flow-blue);font-size:23px;font-weight:700}
.flow-page .cmp-faq-card h3{font-size:clamp(19px,2.3vw,25px);color:var(--flow-blue);min-height:2.8em}
.flow-page .cmp-faq-card .s03__photo{max-height:175px;width:100%;object-fit:contain;margin:12px 0}
.flow-page .cmp-faq-card .s03__ans{color:var(--flow-blue);font-size:18px;font-weight:700;margin-bottom:6px}
.flow-page .cmp-faq-card .s03__body{line-height:1.7}

/* s04 and s05 – content-height step cards, not canvas-height sections */
.flow-page .s04,.flow-page .s06{background:#f3f8ff}
.flow-page .s04 .inner_wrap>h2{text-align:center;color:var(--flow-blue);font-size:clamp(26px,3.2vw,38px);margin-bottom:30px}
.flow-page .s04 .inner_wrap>h2>span:first-child{display:block;font-size:.65em}
.flow-page :is(.s04,.s05) .cmp-step-card,.flow-page .s06 .cmp-step-card-head{border:2px solid #b8d1f7;background:#fff;border-radius:22px;padding:clamp(22px,4vw,44px);display:flow-root}
.flow-page :is(.s04,.s05) .cmp-step-card>.bd1,.flow-page :is(.s04,.s05) .cmp-step-card>.bd2{display:inline;color:var(--flow-blue);font-size:21px;font-weight:700}
.flow-page :is(.s04,.s05) .cmp-step-card>h2,.flow-page .s06 .cmp-step-card-head>h2{font-size:clamp(24px,3vw,35px);color:var(--flow-blue);margin:4px 0 12px}
.flow-page :is(.s04,.s05) .pillt,.flow-page .s06__pillt{display:table;background:#fff0d5;color:#895500;border-radius:40px;padding:5px 18px;margin:0 0 22px!important;font-weight:700}
.flow-page :is(.s04,.s05) .ph,.flow-page .s06__photo{float:right;width:min(33%,290px);margin:0 0 18px 26px}
.flow-page :is(.s04,.s05) .ph img,.flow-page .s06__photo img{width:100%;border-radius:15px}
.flow-page :is(.s04,.s05) .flow-copy,.flow-page .s06 :is(.s06__intro,.s06__p297,.s06__p292,.s06__p281,.s06__p282){font-size:clamp(16px,1.7vw,19px);line-height:1.85}
.flow-page .s04 .em{color:var(--flow-blue);font-weight:700}
.flow-page .s04 .flow-copy--b1t,.flow-page .s04 .flow-followup{clear:both;padding:17px 20px;border-radius:13px;background:#eaf2ff;margin:22px 0!important}
.flow-page .s04 .flow-button{max-width:690px;margin:20px auto!important}
.flow-page .s04 .flow-button--phone{background:#3168cc}
.flow-page .s05 .cmp-step-card>*+*{margin-top:18px}
.flow-page .s05 :is(.cmp-consult-panel,.cmp-matching-block){clear:both;border-radius:17px;background:#eef5ff;padding:clamp(20px,3vw,30px)}
.flow-page .s05 :is(.cmp-consult-panel,.cmp-matching-block) h3{color:var(--flow-blue);font-size:clamp(20px,2.3vw,26px);margin-bottom:12px}
.flow-page .s05 .cmp-consult-panel .li{padding:7px 0;border-bottom:1px solid #cfdcf0}
.flow-page .s05 .cmp-consult-panel .li:before{content:"✓";color:var(--flow-blue);font-weight:700;margin-right:9px}
.flow-page .s05 .flow-copy--tip,.flow-page .s05 .cmp-note-box{clear:both;background:#fff6df;padding:18px 22px;border-radius:15px}
.flow-page .s05 .cmp-matching-block .ill{width:min(100%,620px);margin:0 auto 14px}
.flow-page .s05 .cmp-matching-block .flow-copy--cap{display:inline-block;width:49%;vertical-align:top;padding:8px}

/* s06 – details, advice, and three genuinely flowing tables */
.flow-page .s06 .inner_wrap>*+*{margin-top:25px}
.flow-page .s06 .cmp-step-card-head .s06__bs1,.flow-page .s06 .cmp-step-card-head .s06__bs2{color:var(--flow-blue);font-size:.7em}
.flow-page .s06 .cmp-panel,.flow-page .s06 .cmp-guidance-block{background:#fff;border:1px solid var(--flow-line);border-radius:18px;padding:clamp(22px,3.5vw,36px);display:flow-root}
.flow-page .s06 .cmp-panel--advice{background:#fff8e7}
.flow-page .s06 :is(.cmp-panel,.cmp-guidance-block)>h3{color:var(--flow-blue);font-size:clamp(20px,2.4vw,27px);margin-bottom:14px}
.flow-page .s06 .s06__icon{float:right;width:72px;margin-left:20px}
.flow-page .s06__tbl{margin:18px 0}
.flow-page .s06__tbl table{width:100%;border-collapse:collapse;table-layout:fixed}
.flow-page .s06__tbl :is(th,td){border:1px solid #cdd9ed;padding:12px 14px;text-align:left;vertical-align:top;white-space:normal;line-height:1.65}
.flow-page .s06__tbl th{width:26%;color:var(--flow-blue);background:#eaf2ff}
.flow-page .s06__tbl .lb{display:block}
.flow-page .s06 a{color:var(--flow-blue);text-decoration:underline}

@media(max-width:700px){
 .flow-page .sec{padding:42px 16px}
 .flow-page .cmp-fv-card{width:96%;margin:-26px auto 20px}
 .flow-page .flow-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:35px}
 .flow-page .flow-overview{flex-direction:column;gap:14px}
 .flow-page .s02__photo{width:200px;flex:none}
 .flow-page .flow-steps,.flow-page .flow-reassurance{grid-template-columns:1fr}
 .flow-page .flow-cta-inline{grid-template-columns:1fr;margin-bottom:45px}
 .flow-page .s03__lead,.flow-page .s03 .cmp-phone-block{grid-column:1}
 .flow-page .cmp-faq-card h3{min-height:0}
 .flow-page :is(.s04,.s05) .ph,.flow-page .s06__photo{float:none;width:min(100%,380px);margin:0 auto 20px}
 .flow-page .flow-table-scroll .s02__tbl{min-width:600px}
 .flow-page .s05 .cmp-matching-block .flow-copy--cap{display:block;width:100%}
 .flow-page .s06__tbl th{width:32%}
}

/* s07–s12: second group, laid out after verifying s01–s06. */
.flow-page :is(.s07,.s08,.s09,.s10,.s11,.s12) .hg{position:static;width:auto;height:auto;margin:0;font-weight:700}
.flow-page :is(.s07,.s08,.s09,.s10,.s11,.s12) .hg>span{position:static;display:inline;white-space:normal}
.flow-page :is(.s07,.s08,.s09,.s10,.s11,.s12) .cmp-group{position:static;display:block}
.flow-page :is(.s07,.s08,.s09,.s10,.s11,.s12) .copy-block{position:static;width:auto;height:auto;white-space:normal;line-height:1.8}

/* s07 – STEP4, points for deciding, CTA */
.flow-page .s07 .cmp-step-card{border:2px solid #b8d1f7;background:#fff;border-radius:22px;padding:clamp(22px,4vw,44px);display:flow-root}
.flow-page .s07 .cmp-step-card>h2{font-size:clamp(24px,3vw,35px);color:var(--flow-blue);margin-bottom:12px}
.flow-page .s07 .st-s,.flow-page .s07 .st-n{font-size:.68em;color:var(--flow-blue)}
.flow-page .s07 .pill-t{display:table;background:#fff0d5;color:#895500;border-radius:40px;padding:5px 18px;margin-bottom:22px;font-weight:700}
.flow-page .s07 .ph{float:right;width:min(32%,290px);margin:0 0 18px 24px}
.flow-page .s07 .ph img{width:100%;border-radius:16px}
.flow-page .s07 :is(.tx1,.tx2){font-size:clamp(16px,1.7vw,19px);line-height:1.85;margin-bottom:18px}
.flow-page .s07 .tx2{clear:both}
.flow-page .s07 .cmp-check-panel{clear:both;border-radius:16px;background:#e8f1ff;padding:18px 24px;margin:20px 0}
.flow-page .s07 .cmp-check-panel .li{padding:6px 0}
.flow-page .s07 .cmp-check-panel .li:before{content:"✓";color:var(--flow-blue);font-weight:700;margin-right:9px}
.flow-page .s07 .keizoku{display:block;width:min(100%,860px);height:auto;margin:25px auto 0}
.flow-page .s07 .inner_wrap>.btn{display:flex;justify-content:center;align-items:center;background:var(--flow-orange);color:#fff;text-decoration:none;text-align:center;border-radius:45px;min-height:66px;width:min(100%,730px);padding:14px 20px;margin:20px auto 0;font-size:clamp(17px,2vw,22px);font-weight:700}
.flow-page .s07 .inner_wrap>.b2{background:#326bd9}
.flow-page .s07 .tel{display:block;width:min(100%,560px);margin:26px auto 0}
.flow-page .s07 .tel img{width:100%}

/* s08 – timeframe and three independently sized grade cards */
.flow-page .s08{background:#f3f8ff}
.flow-page .s08 .cmp-period-box{background:#fff8de;border-radius:18px;padding:clamp(22px,4vw,36px);margin-bottom:35px}
.flow-page .s08 .cmp-period-box h2{color:var(--flow-blue);font-size:clamp(22px,2.8vw,31px);margin-bottom:14px}
.flow-page .s08 .cmp-period-box :is(.bl,.note){font-size:clamp(16px,1.8vw,20px);line-height:1.75}
.flow-page .s08 .cmp-period-box .note{margin-top:10px;font-size:15px}
.flow-page .s08 .teacher{display:block;width:min(25%,220px);margin:0 auto 20px}
.flow-page .s08 .inner_wrap>h2{text-align:center;color:var(--flow-blue);font-size:clamp(23px,3vw,35px);margin-bottom:24px}
.flow-page .s08 .inner_wrap>h2>span{display:block}
.flow-page .s08 .cmp-grade-card{display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:25px;border:1px solid #b8dfaa;border-radius:18px;background:#f0faeb;padding:22px 28px;margin:15px 0;min-width:0}
.flow-page .s08 .cmp-grade-card--2{border-color:#bdd4f4;background:#eaf3ff}
.flow-page .s08 .cmp-grade-card--3{border-color:#ffc387;background:#fff1dc}
.flow-page .s08 .cmp-grade-card .cir{grid-column:1;grid-row:1/3;width:110px;height:110px;overflow:hidden;border-radius:50%}
.flow-page .s08 .cmp-grade-card .cir img{width:100%;height:100%;object-fit:cover}
.flow-page .s08 .cmp-grade-card h3{grid-column:2;color:var(--flow-blue);font-size:clamp(20px,2.4vw,27px)}
.flow-page .s08 .cmp-grade-card .cb{grid-column:2;font-size:clamp(16px,1.8vw,20px);line-height:1.65}

/* s09 – distinct course cards and comparison notice */
.flow-page .s09 .inner_wrap>h2{text-align:center;color:var(--flow-blue);font-size:clamp(23px,3vw,35px)}
.flow-page .s09 .inner_wrap>h2>span{display:block}
.flow-page .s09__divider{display:block;width:min(100%,900px);margin:25px auto 30px}
.flow-page .flow-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:28px}
.flow-page .cmp-course-card{background:#eaf8e7;border-radius:20px;padding:clamp(20px,3vw,35px);display:flex!important;flex-direction:column;align-items:center;gap:15px;text-align:center;min-width:0}
.flow-page .cmp-course-card--r{background:#eaf3ff}
.flow-page .cmp-course-card .s09__circ{display:block;width:145px;height:145px;overflow:hidden;border-radius:50%;background:#fff}
.flow-page .cmp-course-card .s09__circ img{width:100%;height:100%;object-fit:cover}
.flow-page .cmp-course-card h3{color:var(--flow-blue);font-size:clamp(19px,2.3vw,26px)}
.flow-page .cmp-course-card p{font-size:clamp(16px,1.7vw,19px);line-height:1.7}
.flow-page .cmp-course-card .s09__btn{display:flex;align-items:center;justify-content:center;background:#21811e;color:#fff;border-radius:35px;min-height:60px;padding:12px 16px;width:100%;font-weight:700;text-decoration:none;margin-top:auto}
.flow-page .cmp-course-card--r .s09__btn{background:#143b90}
.flow-page .cmp-comparison-box{border:7px solid #ffa800;border-radius:20px;padding:clamp(22px,3.5vw,38px);display:flow-root;margin-bottom:25px}
.flow-page .cmp-comparison-box .s09__scale{float:right;width:min(29%,230px);margin:0 0 14px 22px}
.flow-page .cmp-comparison-box p{font-size:clamp(19px,2.3vw,26px);font-weight:700;line-height:1.7}
.flow-page .cmp-comparison-box .s09__y{color:#e89d00}.flow-page .cmp-comparison-box .s09__o{color:#ec7300}
.flow-page .cmp-comparison-box .s09__btnO{clear:both;display:flex;align-items:center;justify-content:center;width:min(100%,590px);min-height:60px;background:#f4770b;color:#fff;border-radius:35px;padding:12px 20px;text-decoration:none;font-size:clamp(17px,2vw,23px);font-weight:700;margin-top:23px}
.flow-page .s09__flow-copy--note{text-align:center;font-size:17px}
.flow-page .s09__b{font-weight:700;color:var(--flow-blue)}

/* s10–s11 – questions stay attached to their answers */
.flow-page .s10{padding-bottom:0}.flow-page .s11{padding-top:0}
.flow-page .s10 .inner_wrap>h2{text-align:center;color:var(--flow-blue);font-size:clamp(25px,3vw,37px);margin-bottom:30px}
.flow-page .s10 .inner_wrap>h2>span{display:block}
.flow-page :is(.s10,.s11) .cmp-faq-item{border-top:2px solid #9db9e9;padding:26px 6px}
.flow-page :is(.s10,.s11) .cmp-faq-item h3{display:flex;align-items:flex-start;gap:14px;color:var(--flow-blue);font-size:clamp(18px,2.4vw,26px);margin-bottom:14px}
.flow-page :is(.s10,.s11) .cmp-faq-item .ql{flex:0 0 50px;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--flow-blue);color:#fff;font-size:22px;line-height:1}
.flow-page :is(.s10,.s11) .cmp-faq-item .qt{flex:1;line-height:1.5}
.flow-page :is(.s10,.s11) .cmp-faq-item .qa{font-size:clamp(16px,1.8vw,20px);line-height:1.9;padding-left:64px}
.flow-page :is(.s10,.s11) .cmp-faq-item .qa a{color:var(--flow-blue);text-decoration:underline}

/* s12 – simple final CTA, all original wording preserved */
.flow-page .s12{text-align:center;background:#fff}
.flow-page .s12__content{width:min(100%,940px);margin:auto}
.flow-page .s12__title{font-size:clamp(26px,3.7vw,43px);color:var(--flow-blue);margin-bottom:22px}
.flow-page .s12__lead{font-size:clamp(16px,1.85vw,21px);line-height:1.9;margin-bottom:28px}
.flow-page .s12__actions{display:grid;gap:16px;width:min(100%,790px);margin:0 auto 32px}
.flow-page .s12__btn{display:flex;align-items:center;justify-content:center;min-height:72px;border-radius:45px;padding:14px 20px;background:#ff9608;color:#fff;text-decoration:none;font-size:clamp(18px,2.2vw,25px);font-weight:700}
.flow-page .s12__btn--doc{background:#316bd9}
.flow-page .s12__arrow{display:none}
.flow-page .s12__phone{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--flow-blue)}
.flow-page .s12__phone-icon{font-size:42px;line-height:1}
.flow-page .s12__phone-body{text-align:left}
.flow-page .s12__phone-label{font-size:clamp(16px,1.8vw,21px);font-weight:700}
.flow-page .s12__phone-number{display:block;color:var(--flow-blue);text-decoration:none;font-size:clamp(28px,4.3vw,50px);line-height:1.3;font-weight:700}
.flow-page .s12__phone-hours{font-size:clamp(13px,1.5vw,17px)}
.flow-page .s12__company{margin-top:28px;font-size:15px}
.flow-page .s12__company a{color:var(--flow-blue);text-decoration:underline}

@media(max-width:700px){
 .flow-page .s07 .ph{float:none;width:min(100%,380px);margin:0 auto 18px}
 .flow-page .s08 .cmp-grade-card{grid-template-columns:80px 1fr;column-gap:13px;padding:16px}
 .flow-page .s08 .cmp-grade-card .cir{width:75px;height:75px}
 .flow-page .flow-course-grid{grid-template-columns:1fr}
 .flow-page .cmp-comparison-box .s09__scale{float:none;width:150px;margin:0 auto 18px}
 .flow-page :is(.s10,.s11) .cmp-faq-item .ql{flex-basis:42px;width:42px;height:42px;font-size:18px}
 .flow-page :is(.s10,.s11) .cmp-faq-item .qa{padding-left:0}
 .flow-page .s12 .pc{display:none}
}