:root {
    --white:#FFFFFF;
    --light-pink:#ffe2e2;
    --vivid-orange:#f54a00;
    --bright-red:#eb3a04;
    --deep-red:#9f0712;
    --vibrant-purple:#9810fa;
    --mint-green:#F0FDF4;
    --vibrant-green:#1cd1cb;
    --dynamic-blue:#155dfc;
}
#BodyContentMainNavigator+main{overflow:initial;}
button{background-color:transparent;}
.bg-gray{background:url(../images/1411055_01.png) no-repeat bottom /*,linear-gradient(to bottom,#f7f8f0 10%,#e1e2e5 97%)*/;}
.bg-1{background:linear-gradient(90deg, #fff0d8 10%, #dee8f7 90%);}
.bg-2{background-color:#4844d6;}
.bg-3{background-color:#1cd1cb;}
.bg-4{background-image:linear-gradient(2deg,#ffffff 5%,#e7e7e7 60%);}
.bg-5{background-image:linear-gradient(2deg,#d5dcff 50%,#ffffff 90%);}
.bg-6{background-color:#ffbd1e;}
.bg-7{background:url(../images/1408033_bg.png) no-repeat fixed,linear-gradient(to bottom,#ffffff 10%,#f2f2f2 97%);}
.bg-8{background-color:#cafeff47;}
/*web_map*/
div.home-title h1{letter-spacing:0.125rem;}
/*高普考資訊處理*/
.phone{display:none;}
.section {padding:1rem;}
.banner{text-align:center;font-size:3rem;padding:1.0rem 0 0;height:489px;position:relative;width:1200px;margin:0 auto;overflow:hidden;}
.banner h1 {font-size:6.0rem;font-weight:bold;color:white;line-height:5rem;padding:3.0rem 0 0rem;position:absolute;top:5%;left:41%;}
.banner h1 strong {color:#1efff2;}
.banner h1 small {font-weight:normal;color:#fffff5a1;font-size:2rem;display:block;letter-spacing:0.4rem;}
.banner h2 {font-size:3.2rem;}
/*AI 衝擊科技業裁員！*/
.reason{font-size:1.15rem;letter-spacing:1px;line-height:2.1rem;}
.inner{padding:0 1rem;}
.inner h2{font-size:2.0rem;color:#123184;text-wrap:pretty;padding:2.0rem 0 1.0rem;font-weight:900;}
.inner h2 strong{display: block;}
.inner .decimal{display:inline-flex;flex-wrap: wrap;}
.inner .decimal li{list-style-type: decimal;margin:auto auto auto 2rem;}
.salary{background-color:#ffffff;padding:0.8rem 1rem 0.8rem;margin:0.5rem auto;border-radius:1.25rem;font-weight:bold;font-size:1.35rem;}
.amount{font-size:1.5rem;padding:0 0.25rem;font-weight:bold;color:var(--bright-red);}
.hs{font-size:2.0rem;color:#FFF;position:relative;width:45%;text-align:left;margin-left:4.0rem;left:13%;}
.hs_1{line-height:3.5rem;}
.hs_1::before {content:"";background-color:#ffbd1e;width:10px;height:4rem;position:absolute;transform:skewX(-35deg);left:-2.3rem;}
.hs_1:nth-last-child(1){left:6.0rem;position:absolute;font-size:2.5rem;}
.hs_1:nth-last-child(1)::before{display:none;}
.hs_1:nth-last-child(1) strong{color:#ffbd1e;}

.LearnStyle{font-size:2.25rem;padding:3.5rem 1rem 0;color:#fff;align-items:center;background:url(../images/1411055_cloud.png) no-repeat top;width:550px;height:260px;}
.LearnStyle dt{text-align:center;}
.LearnStyle dt strong{font-size:2.8rem;display:block;line-height:2.8rem;}
.LearnStyle dd{text-align:center;word-break:keep-all;overflow-wrap:anywhere;}
.LearnStyle dd a{font-size:1.4rem;padding:0.5rem 0.5rem;border-radius:3rem;margin:0.25rem auto;display:inline-block;}
.LearnStyle dd a:hover{background-color:#ffbd1e;}
.AdmissionRate{padding:.25rem 0.3rem .2rem 1.0rem;background-color:#efab34;color:#FFF;width:fit-content;font-size:1.8rem;margin:auto;border-radius:1.0rem;position:absolute;top:15%;left:14%;}
.AdmissionRate strong{display:block;font-size:2.0rem;}
.inner .sunject{color:#3160db;font-size:1.25rem;}
.cta_btn{padding:2rem 0 1rem;text-align:center;font-size:1.35rem;color:var(--bright-red);}
.cta_btn .opacity{color:#ED4D1D;padding:0 0 0 0.15rem;}
.cta_btn .opacity+.opacity{color:#F1754F;padding:0;}
.cta_btn a{display:inline-block;background-color:#eb3a04;color:white;font-size:1.25rem;font-weight:bold;border-radius:.25rem;padding:.25rem 1rem;margin:.25rem;text-decoration:none;}
/*脫離三大職場困境*/
.dilemma h2{font-size:3rem;margin:auto 0 1rem;text-align:center;color:white;font-weight:500;padding:2.0rem 0 1.0rem;border-bottom:dotted 1px;}
.comparison th{font-size:1.5rem;}
.comparison th:first-of-type{color:#ffbd1e;}
.comparison th:first-of-type i{color:#ffbd1e;}
.comparison th:last-of-type{color:#1efff2;}
.comparison th:last-of-type i{color:#1efff2;}
.comparison td{font-size:1.15rem;padding:1.5rem 1rem;vertical-align:top;width:calc(100% / 2);background-color:#ffffff29;border-radius:1.0rem;color:white;border-right:solid 4px #4844d6;border-bottom:solid 2px #4844d6;}
.comparison dl dt strong{font-weight:bold;border-bottom:dotted 1px;font-size:1.25rem;}
.comparison dl dt i{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:100%;margin:auto 1rem auto 0;}
.comparison dl dd{padding:0 2.5rem;text-wrap-style:pretty;}
.comparison dl dd strong{color:#1efff2;}
.comparison tr td:first-of-type dt i{background-color:#fff;color:#ffbd1e;}
.comparison tr td:last-of-type dt i{background-color:#fff;color:#1cd1cb;}
.master{background-color:#ffb400;border-radius:1rem;color:#ffffff;padding:0.2rem .5rem;margin:0.2rem;display:inline-block;}
/*高普考資訊處理科目高分攻略*/
.top-one{justify-content:center;}
.top-one dl{text-align:center;margin:auto 1rem;padding:2.5rem 0rem 0.5rem;background:url(../images/1411055_cloud2.png) no-repeat top;
    width:550px;height:235px;background-size:contain;}
.top-one dl dt{font-size:3rem;color:antiquewhite;}
.top-one dl dd{font-size:1.5rem;padding:0.2rem 2.5rem;background:linear-gradient(to right, #ffffff10 0%, #ffffffe3 20%, #fff4d4 80%, #ffffff10 100%);
    color:#fb4037;width:fit-content;margin:0 auto 0.1rem;}
.top-one dl dd strong{background-image:linear-gradient(36deg, #f09b1a 20%,#eb3a04 87%);padding:0.0rem 0.2rem;border-radius:0.25rem;color:white;font-weight:bold;margin:auto 0.5rem;font-size:1.2rem;}

.HighScore h2{font-size:3rem;margin:auto 0 1rem;text-align:center;color:#123184;font-weight:bold;padding:2.0rem 0 1.0rem;border-bottom:dotted 1px;}
.HighScore h3{font-size:2rem;text-align:center;font-weight:bold;word-break:keep-all;overflow-wrap:anywhere;}
.ThreePhases dl{width:calc(100%/4 - 1rem);margin:2rem auto 0;box-shadow:rgba(60,64,67,0.3) 0px 1px 2px 0px,rgba(60,64,67,0.15) 0px 2px 6px 2px;padding:2rem;border-radius:0.25rem;font-size:1.15rem;background-image:linear-gradient(55deg,#e7e7e7 10%,#ffffff 70%);}
.ThreePhases dl dt strong{display:block;font-size:1.25rem;}
.ThreePhases dl dt{text-align:center;margin:auto auto 2rem;color:#4844d6;}
.ThreePhases dl dt i{font-size:2rem;margin:auto auto 1rem;}
.ThreePhases dl dd::before{content:'\f058';font-weight:bold;font-family:"Font Awesome 5 Free";color:var(--vibrant-green);margin:auto 0.25rem auto 0;}
/*名師授課*/
.market{}
.mark{color:var(--bright-red);}
.teacher{margin:2rem 0 0;}
.teacher_h{font-size:1rem;background-image:linear-gradient(90deg,#ffffff 40%,#ffffff00 100%);width:fit-content;padding:0.1rem 0.5rem;border-radius:0.3rem;border-right:dotted 1px #a7a7a7;}
.teacher figure{}
.teacher img{width:65px;height:65px;border-radius:50%;margin:auto 0.5rem auto 0;background-image:linear-gradient(50deg,#ffffff 40%,#ffffff00 100%);}
.teacher figcaption{width:calc(100% - 65px - 0.5rem);}
.teacher figcaption small{font-weight:initial;}
.teacher .des{font-size:1rem;}
/*高點蟬聯雙榜首*/
.LearnPath{box-shadow:rgba(60,64,67,0.3) 0px 1px 2px 0px,rgba(60,64,67,0.15) 0px 2px 6px 2px;padding:2rem 1rem;border-radius:0.25rem;font-size:1.15rem;width:calc(100% - 1rem);margin:2rem auto;background-image:linear-gradient(2deg,#e7e7e7 5%,#ffffff 60%);}
.LearnPath h3{font-size:2.0rem;text-align:center;font-weight:bold;width:100%;color:#433fc6;word-break:keep-all;overflow-wrap:anywhere;}
.LearnPath dl{width:calc(100%/4 - 1rem);margin:2rem auto auto;}
.LearnPath dl dt{text-align:center;border-bottom:solid 4px #433fc6;padding-bottom:0.2rem;}
.LearnPath dl:last-of-type dt{font-size:1.1rem;}
.LearnPath dl dt strong{font-size:1.6rem;}
.LearnPath dl dt i{font-size:2rem;margin:auto auto 1rem;display:block;color:#433fc6;}
.LearnPath dl dd:first-of-type{margin:auto auto 1rem;text-align:center;word-break:keep-all;overflow-wrap:anywhere;color:#433fc6;border-bottom:solid 1px #433fc6;padding:0.3rem 0;width:100%;}
.LearnPath dl dd{width:fit-content;margin:auto;}
.LearnPath dl dd ul li{list-style-type:disc;font-size:1rem;}
.LearnPath dl dd ul li::marker{font-size:1rem;}
/*資訊類公職第一指南*/
.GoodGrade .h2{font-size:1.5rem;margin:auto 0 1rem;text-align:center;word-break:keep-all;overflow-wrap:anywhere;}
.GoodGrade .h2 strong{font-size:3rem;margin:auto 0 1rem;text-align:center;color:#433fc6;font-weight:bold;padding:2.0rem 0 1.0rem;border-bottom:dotted 1px;display:block;}
.GoodGrade .h2 .sm\:block{display:initial;}
.dcard{padding:1rem;}
.experience{width:100%;}
.experience dl{display:flex;flex-wrap:wrap;background-color:white;box-shadow:rgba(60,64,67,0.3) 0px 1px 2px 0px,rgba(60,64,67,0.15) 0px 2px 6px 2px;border-radius:0.25rem;padding:2rem;}
.experience dl dt{order:2;font-size:1.25rem;padding:0 0 0 1rem;color:#eb3a04;}
.experience dl dt strong{margin:auto auto auto 0.75rem;}
.experience dl dt small{display:block;}
.experience dl dd.rank{order:1;background-image:linear-gradient(36deg, #f09b1a 20%,#eb3a04 87%);padding:0.25rem 1rem;border-radius:0.25rem;color:white;font-weight:bold;margin:auto 0;font-size:1.25rem;}
.experience dl dd.p{order:3;margin:1rem auto;text-align:justify;}
.quote{display:inline;}
.quote::before{content:'“';font-size:1.5rem;line-height:0;}
.quote::after{content:'”';font-size:1.5rem;line-height:0;}
.comment{order:4;font-weight:bold;color:#433fc6;font-size:1.15rem;}
.comment i{margin:auto .25rem auto 0;font-size:1rem;position:relative;bottom:1px;}
.read{display:inline-block;background-color:#e3fffe;border-radius:0.25rem;color:var(--vibrant-green);padding:0 0.5rem;font-size:0.9rem;margin:auto auto auto 0.5rem;}
button.VueCarousel-navigation-next[data-v-453ad8cd]{right:0.5rem}
button.VueCarousel-navigation-prev[data-v-453ad8cd]{left:0.5rem}
/**/
.statistics h3{font-size:1.5rem;text-align:center;font-weight:bold;}
.statistics dl{width:calc(100%/4 - 1rem);display:flex;flex-wrap:wrap;justify-content:center;text-align:center;margin:0rem auto 1rem;border-radius:0.25rem;padding:0.5rem 0;}
.statistics dl:nth-of-type(1){background-color:#637dff;}
.statistics dl:nth-of-type(1) dd{color:#FFF;}
.statistics dl:nth-of-type(2){background-color:#1cd1cb;}
.statistics dl:nth-of-type(2) dd{color:#FFF;}
.statistics dl:nth-of-type(3){background-color:#ffbd1e;}
.statistics dl:nth-of-type(3) dd{color:#FFF;}
.statistics dl:nth-of-type(4){background-color:#f58326;}
.statistics dl:nth-of-type(4) dd{color:#FFF;}
.statistics dl dt{order:2;font-size:1.15rem;width:100%;}
.statistics dl dd{order:1;font-size:1.4rem;font-weight:bold;width:100%;}
/*最受歡迎雲端函授*/
.mode{justify-content:center;align-items:center;}
.require .h2{font-size:1.5rem;margin:auto 0 2rem;text-align:center;}
.require .h2 strong{font-size:3rem;margin:auto 0 1rem;text-align:center;color:#433fc6;font-weight:bold;padding:2.0rem 0 1.0rem;border-bottom:dotted 1px;display:block;}
.require .mode>dl{margin:auto;box-shadow:rgba(60,64,67,0.3) 0px 1px 2px 0px,rgba(60,64,67,0.15) 0px 2px 6px 2px;border-radius:0.25rem;padding:2rem;background-image:linear-gradient(55deg,#e7e7e7 10%,#ffffff 70%);}
.require .mode>dl>dt{font-size:1.5rem;font-weight:bold;text-align:center;}
.require .mode>dl>dt i{font-size:2rem;display:block;margin:auto auto 1rem;}
.require .mode>dl>dd{font-size:1.15rem;}
.require .mode>dl>dd:first-of-type{text-align:center;}
.require .mode>dl>dd small{text-decoration-line:line-through;font-size:1rem;display:block;}
.price{padding:1rem 0;text-align:center;}
.price ol li{padding:0.25rem 0;}
.price strong{background-color:#ffbd1e;padding:0 0.25rem;border-radius:0.25rem;color:white;font-size:1rem;}
.price span{margin:auto auto auto 0.5rem;font-size:1.5rem;font-weight:bold;}
.require .mode dd .clear{text-decoration-line:initial}
.clear a{color:#f58326;}
.popular{background-color:#433fc6;color:#fff;border-radius:.25rem;position:absolute;top:-1rem;left:0;right:0;margin:auto;width:fit-content;padding:0 0.5rem;font-weight:bold;font-size:1.3rem;}
.require .mode dd ul{width:fit-content;margin:auto;}
.require .mode dd ul li::before{content:'\f14a';font-weight:bold;font-family:"Font Awesome 5 Free";margin:auto 0.25rem auto 0;}
.cta{}
.cta a{display:block;background-color:#eb3a04;text-align:center;color:white;font-size:1.25rem;font-weight:bold;border-radius:0.25rem;padding:0.25rem;margin:0.5rem auto auto;text-decoration:none;}
.cta dl{margin:auto auto 0.25rem;}
.cta dl dt{font-size:1.15rem;color:#e3356d;}
.cta dl dd{display:inline-flex;flex-wrap:wrap;font-size:1rem;align-items:flex-end;line-height:0.875rem;padding:0.25rem 0;}
.cta dl dd b{padding:0 0.125rem;}
.cta dl dd:first-of-type{border-right:1px solid #b8b8b8;padding:0 0.5rem 0 0;margin:auto 0.25rem auto auto;}
.cta dl dd span{color:#e3356d;padding:0 0 0 0.25rem;font-weight:bold;font-size:1.125rem;}
/*為什麼選擇高點*/
.require .h3{font-size:1.5rem;margin:auto auto 2rem}
.require .h3 strong{display:block;font-size:2rem;}
.compete{width:100%;text-align:center;}
.compete th:nth-of-type(2) {background:#433fc6;color:white;}
.compete th:nth-of-type(3) {background:#b8b8b8;}
.compete th.Trademark{font-size:1.5rem;}
.compete th strong{font-size:1.75rem;}
.compete td{font-size:1rem;padding:1rem;}
.compete td strong{font-size:1.15rem;display:block;}
.compete .item{border-bottom:1px solid;}
.compete tr td:first-of-type{font-size:1rem;font-weight:bold;}
.compete tr td:nth-of-type(2) strong{color:#ffd83e;}
.compete tr td:nth-of-type(2) {background-image:linear-gradient(55deg,#433fc6 10%,#7b78e1 70%);color:white;}
.compete tr td:nth-of-type(3) {background-image:linear-gradient(55deg,#bdbdbd 10%,#f5f5f5 70%);}
.compete a{color:#ffd83e;}
.cta_line{padding:2rem 0 0;text-align:center;}
.cta_line a{font-size:1.15rem;color:#eb3a04;}
/*一年到頭滿「試」機會*/
.opportunity .h2{font-size:1.5rem;margin:auto auto 1rem;}
.opportunity .h2 .mjib{font-size:1.8rem;color:#433fc6;margin-left:0.25rem;}
.opportunity .h2 strong{display:block;font-size:2rem;color:#1b187a;margin-top:2.0rem;}
.opportunity table{table-layout:fixed;}
.opportunity table td{font-size:1.15rem;padding:1rem}
.opportunity table tr{border-radius:0.25rem;}
.opportunity table tr:nth-of-type(even){background-color:white;}
.opportunity table tr.july{background-color:#1cd1cb9e;}
.opportunity table .july ol li{background-color:#DBFCE7;border:1px solid var(--vibrant-green);color:black;}
.opportunity table .july td:nth-of-type(2){color:#005c59;}
.opportunity table th{font-weight:initial;padding:0.5rem 1rem;word-break:keep-all;position:sticky;top:3rem;background-color:#433fc6;color:white;font-size:1.2rem;border-right:dotted 1px #fff;}
.opportunity table th:last-of-type{word-break:initial;padding: 0.5rem 0;}
.opportunity table td:first-of-type{font-weight:bold;word-break:keep-all;}
.opportunity table td:last-of-type{width:fit-content;}
.opportunity table td:nth-of-type(2) {word-break:keep-all;}
.opportunity table td:nth-of-type(2) strong{display:block;}
.opportunity table ol {display:flex;flex-wrap:wrap;}
.opportunity table ol li {border-radius:0.5rem;font-size:1rem;border:1px solid #7773f7;color:#433fc6;padding:0 0.5rem;margin:0.25rem;}
.opportunity table ul {display:flex;flex-wrap:wrap;}
.opportunity table ul li{background-color:#DBFCE7;border:1px solid var(--vibrant-green);color:black;border-radius:0.5rem;font-size:1rem;padding:0 0.5rem}
.opportunity table .base {color:black;width:100%;}
.opportunity table dl dd{word-break:keep-all;width:max-content;}
.bonus{background-color:var(--vivid-orange);color:white;padding:0 0.25rem;border-radius:0.25rem;}
.bonus a{line-height:1.25rem;display:inline-block;}
.bonus a:first-of-type{border-right:1px solid;padding:0 0.5rem 0 0;margin:auto 0.5rem auto auto;}
.discount{color:var(--vivid-orange);font-weight:bold;}
.transcript{border-bottom:1px solid white;padding:0 0 0.75rem;margin:auto auto 0.5rem;}
/*立即開始學習*/
.shop{justify-content:center;position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(to right,var(--dynamic-blue),var(--vibrant-purple));z-index:2;padding:0.5rem 0 1.25rem;}
.shop a{font-size:1.5rem;color:white;text-decoration:none;display:inline-block;margin:auto 1rem;}
.start a:first-child{color:#FFD700;}
/*捷報！*/
.victory{background:linear-gradient(to right,#f86bc8 5%,#d0098c 92%);font-size:1.6rem;color:white;font-weight:bold;margin:auto 0 auto 0;line-height:1.7rem;clip-path:polygon(100% 0,100% 50%,100% 100%,0% 100%,7% 50%,0% 0%);padding:1.25rem 0.5rem 0.75rem 2rem;text-align:center;position:relative;}
.victory i{position:absolute;top:0.35rem;right:0.25rem;font-size:1.1rem;cursor:pointer;color:rgb(255 255 255 / 85%);}
.victory dd{font-size:1.15rem;}
.victory .topper{color:#36ffc8;font-size:1.8rem;padding:0.75rem 0;letter-spacing:2px;animation:pulse 1.5s ease-in-out infinite;}
.victory ul li{padding:0 0.25rem;font-weight:400;}
.victory ul li strong{padding:0 2px 0 0;color:#d0fff9;}
.victory ul li .rank{margin:auto -0.5rem;}
/*footer*/
div.footer-wrap{padding:1.5rem .5rem 5rem;}
#Ask SELECT[name="sT1"],#Ask input[type="text"]{width:auto;}
@media screen and (min-width:768px) { 
    .LearnPath dl dd ul{padding:0 1rem;}
    .victory{position:fixed;right:0;bottom:calc(72px + 5%);z-index:2;}
    .living{width:1200px;position:absolute;bottom:0;justify-content:space-between;display:flex;align-items:center;}
    .market .sm\:block{display:initial;}
}
@media screen and (max-width:1365px) {
	/*.bg-gray {background:url(../images/1408033_01.png) no-repeat top left;background-size:cover;}*/
	.phone{width:100%;display:inherit;}
	.banner{display:none;}
    /*.banner{font-size:1.75rem;padding:1.0rem 0 0;height:562px;position:relative;width:100%;margin:0 auto;}*/
	.living {width:100%;top:17rem;display:flex;bottom:inherit;flex-direction:row;align-items:flex-start;justify-content:center;}
	.hs {width:auto;}
	.hs_1:nth-last-child(1) {left:0rem;}
}
@media screen and (max-width:1280px) {
    .experience dl dd.rank{padding:0.25rem 0.75rem;}
}
@media screen and (min-width:1201px) {	
	.section {width:1200px;margin:auto;}
}
@media screen and (max-width:1179px) {
    .teacher figcaption{width:100%;}
    .ThreePhases dl{padding:1rem;width:calc(100% / 4 - 0.5rem);}
    .LearnPath dl{width:calc(100% / 2 - 1rem);}
    .require .h3{margin:2rem auto;}
    .experience dl dt{padding:0;width:100%;display:flex;flex-wrap:wrap;align-items:flex-end;}
    .experience dl dt strong{display:block;margin:0;order:1;}
    .experience dl dt small{position:relative;}
    .experience dl dt small::before{content:'(';margin-left:0.5rem;}
    .experience dl dt small::after{content:')';}
    .statistics dl{width:calc(100% / 4 - .5rem);display:flex;flex-wrap:wrap;flex-direction:column;}
}
@media screen and (max-width:1023px) {
	.phone{width:100%;display:inherit;}
    #Ask SELECT[name="sT1"],#Ask input[type="text"],#Ask p input[name="sContent"]{width:100%;}
	.banner{display:none;}
	/*.banner{font-size:1.75rem;padding:1.0rem 0 0;height:672px;position:relative;width:100%;margin:0 auto;}*/
	.living{width:100%;top:17rem;display:flex;bottom:inherit;flex-direction:column;}
	.hs {width:100%;margin-left:5rem;margin-bottom:5rem;}
    .LearnStyle{font-size:2.5rem;padding:6.5rem 0.0rem 1.5rem;align-items:center;background:url(../images/1408033_cloud.png) no-repeat center top; width:100%;height:auto;background-size:cover;}
    .inner h2,.dilemma h2 ,.HighScore h2,.GoodGrade .h2 strong,.require .h2 strong{font-size:2rem;}
    .HighScore h2 .sm\:block{display:initial;}
    .opportunity table dl dd{width:auto;}
    .bonus a{word-break:initial;}
    .opportunity table{width:100%;}
    .opportunity table th{overflow-wrap:anywhere;}
    /*.bonus{display:none;}*/
    .opportunity table tr:first-of-type{display:none;}
    .opportunity table td:first-of-type{overflow-wrap:anywhere;}
    .opportunity table td:nth-of-type(2){overflow-wrap:anywhere;}
    .opportunity table dl{font-size:1.15rem;}
    .opportunity table dl dd{width:auto;overflow-wrap:anywhere;}
    .opportunity table th:nth-of-type(n+1):nth-of-type(-n+3){display:none;}
    .opportunity table td{display:block;width:100%;padding:0.5rem 1rem;}
    .opportunity table td:nth-of-type(3)::before{content:'額外準備科目';font-size:1rem;}
    .opportunity table .july td:nth-of-type(3)::before{content:'';}
    .opportunity table tr:nth-of-type(even){background-color:rgb(255 255 255 / 50%);}
    .shop a{margin:auto 0.5rem;}
}
@media screen and (max-width:767px) {    
    .ThreePhases dl dd{font-size:1rem;}
    .statistics dl dt{font-size:1rem;}
    .require .mode>dl{padding:2rem 1rem 1rem;}  
    .banner{height:auto;}
    .bg-gray{background:url(../images/1411055_01.png) no-repeat top left #433fc6;background-size:100% 190px;}
    .victory{margin:auto auto 0.5rem;padding:1rem 0.5rem 0.5rem 2rem;}
    .victory i{display:none;}
}
@media screen and (max-width:767px) and (orientation:portrait) { 
	.bg-gray {/*background-size:100% 40%;*/}
	.banner{font-size:1.75rem;padding:1.0rem 0 0;/*height:477px;*/position:relative;width:100%;margin:0 auto;}
	.living{width:100%;top:13rem;display:flex;bottom:inherit;flex-direction:initial;}
	.AdmissionRate {padding:.25rem 1.0rem .25rem 1.5rem;width:fit-content;font-size:1.3rem;margin:auto 13%;}
	.banner h1 small {font-size:1.5rem;letter-spacing:0.2rem;}
	.comparison th {font-size:1.25rem;}
    .comparison th i{display:none;}
    .sm-map .web-search{height:0;visibility:hidden;}
    .comparison dl dd{padding:0;}
    .banner h1{font-size:3rem;line-height:2.5rem;padding:1.5rem 0 0rem;} 
	.hs {font-size:1.5rem;width:100%;margin-left:3rem;margin-bottom:3rem;}
	.hs_1 {line-height:2.5rem;}
	.hs_1::before,.hs_1:nth-last-child(1)::before {width:8px;height:2rem;left:-1.3rem;}
	.hs_1 {line-height:2.5rem;}
	.hs_1:nth-last-child(1) {left:1rem;}
    .inner h2,.dilemma h2,.HighScore h2,.GoodGrade .h2 strong,.require .h2 strong,.opportunity .h2 strong{font-size:1.75rem;padding:1.0rem 0;}
    .dilemma h2,.HighScore h2,.GoodGrade .h2 strong,.require .h2 strong,.opportunity .h2 strong{word-break:keep-all;overflow-wrap:anywhere;}
    .opportunity .h2{font-size:1.25rem;}
    .opportunity .h2 .mjib{font-size:1.5rem;}
    .LearnStyle{font-size:1.8rem;padding:4.5rem 0.0rem 1.5rem;align-items:center;background:url(../images/1411055_cloud.png) no-repeat center top;width:100%;height:auto;}
    .ThreePhases dl{width:calc(100% / 2 - 0.25rem);margin:0.5rem auto 0;padding:1rem 0;}
    .ThreePhases dd,.teacher{padding:0 1rem;}
    .LearnPath dl{width:100%;}
    .LearnPath dl dd{padding:0 1rem;}
    .LearnStyle dd a{padding:0.5rem 0.0rem;font-size:1.15rem;}
    .LearnStyle dd i{display:none;}
    .LearnPath h3{font-size:1.6rem;}
    .HighScore h3.market{font-size:1.4rem;}
    .HighScore h3 i{margin-left:0.25rem;margin-right:0.25rem;}
    .statistics dl{width:calc(100% / 2 - 0.25rem);}
    .require .mode dl{width:100%;} 
    .require .mode dd:first-of-type{font-size:1.125rem;}
    .shop{padding:0.25rem 0 0.5rem;}
    .shop a,.start a:first-child{font-size:1.15rem;}
    .shop .start{width:100%;font-size:1.15rem;}
    .compete .block{display:inline-block;}
    .compete tr td:first-of-type{padding:0;}
    .HighScore h2 .sm\:block{display:block;}   
    button.VueCarousel-navigation-next[data-v-453ad8cd]{right:1rem}
    button.VueCarousel-navigation-prev[data-v-453ad8cd]{left:1rem}
    .top-one dl{margin:auto;}
    .top-one dl dd{font-size:1.4rem;padding:.2rem 2rem;}
    .GoodGrade .h2 .sm\:block{display:block;}
}