.pc {
    display: block !important;
}
.sp {
    display: none !important;
}
.md-common-main-visual__title-text {
    border-bottom: 2px solid #fff;
}
.bg-header-pc {
    flex: 1;
    margin-left: 50px;
}
.md-breadcrumb {
    background: #EEEEEE;
    border-bottom: 1px solid rgba(112, 112, 112, 0.26);
}
.md-breadcrumb__inner {
    font-size: 12px;
    line-height: 1;
    padding: 10px 0;
    color: #2E2E2E
}
.md-breadcrumb__inner .md-breadcrumb__item .md-breadcrumb__item-link {
    color: #2E2E2E;
}
.md-breadcrumb__inner .md-breadcrumb__item::after {
    vertical-align: unset;
}
.md-course-level__section {
    padding: 50px 0 55px 0;
}
.md-course-page-container .md-contact.md-border-in-tel-btn .md-contact__tel {
    border: 1px solid #8e8e8e;
}
.md-course-page-container .md-contact {
    padding-bottom: 50px;
}
.md-main-visual__title {
    color: #182E4C;
    font-size: 40px;
}
.md-main-visual__title-text {
    border-bottom: 2px solid #182E4C;
}
.w-visual__inner {
    width: 1200px;
    margin: auto;
}
.md-course-level__header {
    color: #004CA0;
}
.p-common-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head-course-level {
    background: #182E4C;
}
.head-course-level img {
    width: 567px;
    height: auto;
}
.md-course-main-text__head {
    font-size: 20px;
    color: #182E4C;
    text-align: center;
    padding: 0;
    /* font-weight: bold; */
}
.li-list-course_idea {
    background: #182E4C;
}
.w-visual__inner {
    width: 1200px;
    margin: auto;
}
.ul-total__course {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    justify-content: space-between;
    color: #fff;
    font-size: 16px;
}
.icon-down_arrow {
    height: 20px;
    width: 20px;
    position: absolute;
    right: 46%;
    top: auto;
    bottom: -6px;
}
.li-course__title {
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 5px;
    margin: 10px 0;
    border-right: 1px solid;
    position: relative;
    font-weight: bold;
    width: 48%;
    color: #fff;
    text-align: center;
    letter-spacing: 0px;
}
.li-course__title:first-child {
    border-left: 1px solid;
}
.md-course-level-others__more {
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 50px;
}
/* list phase1 style */
/* .btn-others-plan {
    width: 100%;
    border: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid;
} */
.btn-others-plan {
    width: 100%;
    border: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    /* display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; */
    /* border-bottom: 1px solid; */
}
.md-course-level-others__btn-wrap {
    /* width: 50%; */
    order: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
}

.md-course-level-others__btn-wrap .md-btn--extend-info {
    display: flex;
    justify-content: end;
    margin-right: 0;
}
/* list phase1 style */
/* .is-open .md-others__toggle-btn img {
    transform: rotateX(180deg);
} */
/* list phase1 style */
/* .md-course-level-others__more .cmt-toggle_contents {
    margin-top: 10px;
    margin-left: -10px;
    margin-right: -10px;
    width: 100%;
    text-align: left;
    / padding-left: 40px; /
} */
.md-course-level-others__more .cmt-toggle_contents {
    /* margin-top: 10px;
    margin-left: -10px;
    margin-right: -10px; */
    width: 100%;
    text-align: left;
    /* padding-left: 40px; */
}
.md-course-others__cmt-contents {
    display: flex;
    flex-wrap: wrap;
    cursor: default;
}
.btn-others-plan:hover {
    cursor: pointer;
    text-decoration: none;
}
/* list phase1 style */
/* .md-course-level-others__more .cmt-toggle_contents p {
    padding: 10px;
    text-align: left;
    font-weight: 100;
    font-size: 16px;
    width: 20%;
} */
.md-course-level-others__more .cmt-toggle_contents p {
    /* padding: 10px; */
    text-align: left;
    font-weight: 100;
    font-size: 16px;
    width: 20%;
    padding: 10px;
}
/* list phase1 style */
/* .others-plan__title {
    text-align: center;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
} */

.others-plan__title {
    /* text-align: center; */
    font-size: 28px;
    color: #1A466B;
    font-weight: bold;
    width: 50%;
    padding: 10px 0;
    border-bottom: 1px solid #333;
}
/* list phase1 style */
/* .md-others__toggle-btn {
    font-size: 20px;
    font-weight: 400;
    display: flex;
}
.md-others__toggle-btn img {
    height: 35px;
    width: 35px;
} */
.md-section-bg--light-blue {
    background: #9ACEFA;
}
.md-section-bg--light-green {
    background: #D3F0AB;
}
.md-section-bg--light-yellow {
    background: #FDEDA9;
}
.md-bg_turquoise {
    background: #87D5FA;
    padding: 50px 0 50px 0;
}
.title-entr {
    font-size: 35px;
    font-weight: bold;
    color: #224087;
    position: relative;
    text-align: center;
    width: fit-content;
    margin: auto auto 40px auto;
}
.icon_entr01 {
    position: absolute;
    left: -30px;
    top: -20px;
    width: 45px;
}
.icon_entr02 {
    position: absolute;
    right: -14px;
    z-index: 0;
    width: 200px;
    top: auto;
    bottom: 0px;
}
.title-head-exam h2 {
    color: #7f5809;
    font-weight: bold;
    font-size: 30px;
    line-height: 4;
}
.md-bg_white {
    background: #fff;
    border-radius: 10px;
    padding: 50px 30px;
}
.p-course_info {
    display: flex;
    align-items: center;
    padding: 50px 50px;
}
.md-course__box-info-title {
    /* color: #224087; */
    color: #182E4C;
}
.img-course {
    width: 500px;
    object-fit: contain;
}
.md-content__course {
    padding-left: 40px;
    width: calc(100% - 500px);
    font-size: 16px;
}
h3 {
    text-align: left;
    font-size: 25px;
    color: #224087;
    padding-bottom: 15px;
    line-height: 30px;
    letter-spacing: -1px;
}
.cmt-course {
    font-size: 16px;
}
.cmt-course__strong {
    font-weight: 700;
    color: #E52D2C;
}
.p-exam {
    padding: 17px;
    margin: 30px auto;
    /* background: linear-gradient(#F6D594,#F9EDCE, #F6D594); */
    background-color: #FEF5E6;
    border-radius: 10px;
    margin-bottom: 0;
}
.head-exam {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
    text-align: center;
}
.title-head-exam {
    position: relative;
    display: inline-block;
    letter-spacing: 0;
    padding: 0 15px;
    word-break: break-word;
}

.title-head-exam--has-mark::before {
    content: "";
    background-image: url('/course/assets/images/md-img/achieve-title-mark.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 10%;
    min-width: 30px;
    left: -5%;
    top: -15px;
    bottom: -15px;
}
.title-head-exam--has-mark::after {
    content: "";
    background-image: url('/course/assets/images/md-img/achieve-title-mark.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    transform: rotateY(180deg);
    width: 10%;
    min-width: 30px;
    right: -5%;
    top: -15px;
    bottom: -15px;
}
.img-bg_entrance02 {
    width: 500px;
}
.p-people {
    font-size: 24px;
    color: #E52D2C;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
}
.p-people span {
    font-size: 70px;
    font-weight: 700;
    line-height: 1.2;
}
.p-school {
    width: 85%;
    margin: auto;
    line-height: 30px;
    font-size: 16px;
}
.p-school p {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 15px;
}
.md-bg__blue {
    background: #F1F7FC;
    padding: 50px 0 50px 0;
}
.md-course-level__guide-btn {
    width: 300px;
    display: block;
    /* padding-left: 5px;
    padding-right: 5px; */
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    color: #004CA0;
    box-shadow: 0 4px 0 #004CA0;
}
.md-course-level__guide-btn.md-btn--s-border-radius.md-btn--sea-blue {
    box-shadow: 0 4px 0 #0F689F;
}
.p-system {
    width: 500px;
    font-size: 20px;
    padding: 16px 0;
    position: relative;
    color: #333;
    font-weight: bold;
    justify-content: center;
    background: #fff;
    /* margin: 50px auto 50px auto; */
    margin: 50px auto 0 auto;
    display: flex;
    border-radius: 6px;
    line-height: 1.5;
}
.p-system img {
    width: 24px;
    height: 24px;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: 21px;
    right: 22px;
}
.list-img {
    width: 500px;
    position: relative;
    margin-bottom: 70px;
}
.list-img img {
    width: 60%;
}
.list-img img:last-child {
    transform: translateY(70px);
    position: absolute;
    right: 0;
    bottom: 0;
}
.info-couse img {
    width: 70px;
    height: 70px;
} 
.info-couse {
    padding-top: 15px;
    display: flex;
}
.cmt-info {
    font-size: 16px;
    padding: 10px 5px;
    background: #F1F7FC;
    color: #314594;
    border-radius: 5px;
    font-weight: bold;
}
.btn-details {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    padding: 16px 0;
    text-align: center;
    width: 500px;
    margin: auto;
    border-radius: 36px;
    margin-top: 20px;
    position: relative;
    color: #fff;
    background: #344BA0;
    box-shadow: -1px 3px 1px #192963;
    display: block;
}
.btn-details img {
    height: 27px;
    width: 27px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 14px;
}
.icon-people {
    width: 120px;
    margin-left: 50px;
    margin-top: 70px;
    height: fit-content;
}
.title-exp {
    font-size: 25px;
    text-align: center;
    width: auto;
    padding-left: 10px;
}
.title-exp p {
    font-size: 30px;
}

.md-block__services {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    gap: 27px;
    background: #2D4486;
}
.header-ser {
    width: 25%;
}
.md-block__services h4 {
    font-size: 40px;
    text-align: left;
    padding: 0;
    color: #fff;
}
.note-services {
    font-size: 15px;
    width: 85%;
    color: #fff;
    margin: 40px auto;
}
.sub-services {
    width: 35%;
    margin: 0;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
}
.head-services img {
    width: 100%;
}
.head-services img.title_No1 {
    width: 170px;
    padding-top: 18px;
}
.sub-services div {
    font-size: 15px;
    font-weight: bold;
}
.sub-services .btn-detail_services {
    font-size: 12px;
    color: #fff;
    background: #F1A92C;
    width: 70%;
    text-align: center;
    padding: 10px;
    border-radius: 20px;
    position: relative;
    margin: auto;
    margin-top: 20px;
    box-shadow: -1px 3px 1px #B17816;
}
.btn-detail_services img {
    width: 20px;
    position: absolute;
    right: 13px;
}
.head-services {
    text-align: center;
}
.sub-services div.p-title-ser {
    font-size: 16px;
    color: #FF6E0E;
    padding-top: 20px;
    font-weight: bold;
}
.btn-discuss {
    font-size: 20px;
    color: #fff;
    background: #399D26;
    width: 500px;
    margin: auto;
    text-align: center;
    padding: 15px 0;
    border-radius: 27px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
    box-shadow: -1px 3px 1px #287519;
    position: relative;
}
.btn-discuss img {
    position: absolute;
    right: 11px;
    width: 25px;
}
.btn-flow {
    margin: auto;
    width: 1200px;
    flex-direction: row;
    gap: 50px;
    padding: 100px 0;
    display: flex;
    align-items: center;
}
.sub-flow {
    width: 90%;
    background: #E0F0FF;
    position: relative;
    display: inline-block;
    padding: 25px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.64px;
    border: none;
    outline: none;
    cursor: pointer;
    color: #224087;
    text-align: center;
    border-radius: 20px;
}
.btn-flow img {
    position: absolute;
    right: 10px;
    top: 31px;
    width: 20px;
    height: 20px;
}
.md-block__faq {
    margin-top: 20px;
    padding: 40px 20px 30px 20px;
    background: #EBF4FD;
}
.p-faq {
    margin: 20px auto;
    padding-bottom: 30px;
}
.head-faq {
    padding-bottom: 40px;
    font-size: 35px;
    text-align: center;
    font-weight: bold;
}
.icon-faq {
    width: 30px;
}
.ask-faq {
    margin-bottom: 20px;
    position: relative;
    gap: 7px;
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 15px;
}
.ask-faq .icon-q {
    font-size: 38px;
    color: #4676BF;
    font-weight: bold;
    width: 5%;
}
.ask-faq div {
    font-size: 25px;
    width: 84%;
}
.ask-faq img {
    width: 40px;
    position: absolute;
    right: 40px;
    background: #4676BF;
    border-radius: 50%;
    padding: 3px;
}
.btn-questions {
    font-size: 20px;
    font-weight: bold;
    padding: 15px 0;
    text-align: center;
    width: 500px;
    margin: auto;
    border-radius: 27px;
    margin-top: 30px;
    position: relative;
    color: #fff;
    background: #344BA0;
    box-shadow: -1px 3px 1px #192963;
}
.btn-questions img {
    width: 20px;
    position: absolute;
    right: 12px;
    top: 17px;
}
.title-entr p {
    position: relative;
    z-index: 1;
    line-height: 1;
}
.md-exam__prepa .btn-details {
    /* margin: 10px auto 50px; */
    margin: 10px auto 0;
}
.md-exam__prepa .p-course_info {
    padding: 0 20px;
}
/* list phase1 style */
/* .p-qa-toggle__q>.c-toggle__btn .md-others__toggle-btn .c-toggle__btn-icon::before {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    font-family: icons;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    background: #4676bf;
    border-radius: 100px;
    content: "\EA06";
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.p-qa-toggle__q>.c-toggle__btn[aria-expanded=true] .md-others__toggle-btn .c-toggle__btn-icon::before {
    background: #999;
    content: "\EA07";
} */
.md-course-level-others__more .p-qa-toggle__q>.c-toggle__btn .c-toggle__btn-icon:before {
    width: 30px;
    height: 30px;
    font-size: 15px;
    background: #0379D6;
    top: 47%;
}
.md-course-level-others__more .c-toggle__btn-icon {
    margin-left: 15px;
}
.md-course-level-others__more .p-qa-toggle__q>.c-toggle__btn:before {
    display: none;
}
/* list phase1 style */
/* .md-course-level-others__more .p-qa-toggle__q>.c-toggle__btn {
    padding: 10px 0 !important;
} */

.md-course-level-others__more .p-qa-toggle__q>.c-toggle__btn {
    padding: 0 !important;
}

.is-close-p {
    display: none;
}
.is-open .is-open-p {
    display: none;
}
.is-open .is-close-p {
    display: block;
}
.is-close .is-open-p {
    display: block;
}
.is-close .is-close-p {
    display: none;
}
.bd-exp {
    font-size: 16px;
    font-weight: 100;
}
.exp-info__title {
    color: #224087;
    font-size: 20px;
    font-weight: bold;
}
.md-exp-note {
    margin-top: 5px;
    color: #656363;
    font-size: 16px;
    font-weight: 100;
    text-align: end;
}
.md-course__refusal .btn-details {
    margin-top: 50px;
    /* margin-bottom: 50px; */
}
.flex {
    display: flex;
}
.p-note-course {
    width: 85%;
    margin: auto;
    font-size: 12px;
    margin-top: 20px;
}
.line-title__md {
    width: 100%;
    height: 3px;
    background: #fee302;
}
/* .btn-exam {
    margin-top: 50px;
}
.btn-exam div {
    text-align: center;
    font-size: 20px;
    color: #224087;
    font-weight: bold;
} */
.is-open-p, .is-open .is-close-p {
    padding-right: 40px;
    padding-top: 7px;
}

.md-course-concerns {
    background-color: #1A466B;
    padding: 50px 0 50px 0;
}

/* .md-course-concerns__container {

} */

.md-course-concerns__header {
    /* padding: 25px 0; */
    margin-bottom: 25px;
    width: 275px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.md-course-concerns__content {
    margin-left: 8px;
    margin-right: 8px;
}

.md-concerns-box {
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    padding: 15px 5px;
    color: #1A466B;
}

.md-concerns-box::before {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    right: 50%;
    display: block;
    border-top: 40px solid #fff;
    border-bottom: 40px solid transparent;
    border-left: 35px solid transparent;
}

.md-concerns-box__title {
    letter-spacing: -1px;
}

.md-concerns-detail {
    position: relative;
}

.md-concerns-question {
    display: flex;
    /* align-items: baseline; */
    font-size: 11px;
}

.md-concerns-question--checked {
    scale: 0.7;
    flex-shrink: 0;
    position: relative;
    width: 19px;
    height: 19px;
    border: 2px solid #1A466B;
}

.md-concerns-question--checked::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 7px;
    width: 9px;
    height: 16px;
    border-right: 3px solid #FF4E4E;
    border-bottom: 3px solid #FF4E4E;
    transform: rotate(45deg);
    filter: drop-shadow(0px 2px 0 #fff) drop-shadow(2px 0px 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 -2px 0 #fff);
}

.md-concerns-detail-img {
    position: absolute;
    right: -14px;
    bottom: -30px;
    width: 40%;
}

.md-concerns-detail-img img {
    width: 100%;
    object-fit: contain;
}

.md-course-concerns__footer {
    margin-top: 65px;
    text-align: center;
}

.md-concerns__footer-title {
    color: #EBD477;
    font-size: 24px;
    font-weight: 700;
}

.md-concerns__footer-text {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
}

.md-btn-course__learn-more.md-btn--pale-yellow {
    --btn-border-inset-color: #A78809;
    box-shadow: 0 4px 0px #A78809;
}

.md-course-other-level__plan {
    padding: 20px 0;
}

.md-course-other-level__plan-btn.md-btn--pale-yellow {
    width: 130px;
    padding: 8px 0;
    font-size: 10px;
    color: #192963;
    background-color: #E5D8B3;
}

.md-course-other-level__plan-btn.md-btn--l-border-radius.md-btn--pale-yellow {
    box-shadow: 0 3px 0px #0F395C;
}

.md-course-other-level__plan-btn::before {
    right: 10px;
    width: 18px;
    height: 18px;
    font-size: 30px;
}

.md-course-level__course_services .md-discuss-contact-wrap {
    display: block;
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.md-course-level__course_services .md-btn-service {
    display: none;
}

.md-course-level__plan {
    padding-bottom: 0;
}

.md-course-level__plan-title::before {
    left: -10px;
}

.md-btn-result, .md-btn-address, .md-btn-futoukou {
    box-shadow: 0 4px 0 #9D7F04;
}

.md-btn-result, .md-btn-address, .md-btn-futoukou, .md-course-level__guide-btn  {
    font-size: 20px;
}

.md-arrow-down-text-icon {
    margin-left: 5px;
}

/* block improve */

.bg-block__improve {
    background: #EFECDF;
    margin-bottom: 0;
}
.p-improve {
    margin: 50px auto 0 auto;
}
.bg_improve {
    padding: 25px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bg_improve img {
    width: 500px;
}
.li-step__impr {
    display: flex;
    justify-content: space-between;
    padding: 30px 0 0 0;
}
.step-improve {
    color: #333;
    border-bottom: none;
    padding: 0 15px 0 0;
    background: #fff;
    width: calc((100% / 3) - 20px );
    border-radius: 5px;
    display: flex;
    margin-bottom: 35px;
    box-shadow: 0 3px 6px #00000047;
}
.step-improve img {
    width: 100px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.step-improve img.icon_right {
    width: 10px;
}
.sub-step_improve {
    width: calc(100% - 10px);
    display: flex;
}
.sub-step {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 15px;
}
.title-step {
    font-size: 16px;
    font-weight: bold;
}
.cmt-step {
    font-size: 12px;
    letter-spacing: 0px;
}
.bg_improve1 {
    /* background: url("/assets/img/line_title_impro.svg"); */
    font-size: 31px;
}
.bg_improve1.md-head-title--has-mark::before, .bg_improve1.md-head-title--has-mark::after {
    filter: invert(18%) sepia(95%) saturate(1139%) hue-rotate(203deg) brightness(94%) contrast(93%);
}
.bg_improve {
    display: flex;
    flex-direction: column;
    color: #224087;
    font-weight: bold;
    letter-spacing: 2px;
    gap: 8px;
}
.bg_improve2 {
    font-size: 33px;
}
.bg_improve2 span {
    font-size: 40px;
    background: url("/course/assets/images/md-img/bg_impro.svg");
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 0 10px;
}
.bg_improve3 {
    font-size: 25px;
}
.bg_improve img.line_title_impro {
    width: auto;
    height: 100%;
}
/* block improve */

/* block-experience */
.head_exp,
.bg-block__exp {
    /* background: #FEE302; */
    background-image: url('/course/assets/images/md-img/bg-block__exp.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.img_exp-wrap {
    height: auto;
    width: 55%;
    margin-left: -22px;
}

.img_exp {
    width: 100%;
    margin-top: -70%;
    padding-top: 70%;
    margin-bottom: -35%;
}

.head_exp .head_exp-title {
    font-size: 60px;
    padding-top: 50px;
    padding-bottom: 50px;
    /* padding-top: 150px; */
    /* flex: 1; */
    /* width: 50%; */
    height: fit-content;
    text-align: center;
    padding-left: 6px;
    font-weight: bold;
    /* color: #224087; */
    color: #fff;
}
.head_exp div span {
    margin-left: 145px;
}
.head_exp {
    /* overflow: hidden; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-experiences {
    padding-bottom: 50px;
    overflow: hidden;
}
.p-experiences .md-content__course {
    padding-right: 0;
}
.p-experiences .md-bg_white {
    padding: 50px 20px 20px;
}
.info-experiences {
    padding: 30px;
    margin: auto;
    border-radius: 10px;
    font-weight: bold;
    background: #fff;
    position: relative;
}
.info-experiences .name-exp img {
    width: 65px;
    margin-right: 15px;
    object-fit: contain;

}
.info-experiences img {
    width: 100%;
    max-width: 500px;
}
.btn-bloc__exp {
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
    margin-top: 40px;
}
.btn-bloc__exp .btn-details {
    margin: 30px auto 50px auto;
}
.bg-block__exp .md-btn {
    max-width: 500px;
    width: 100%;
    margin-top: 0;
}
.bg-block__exp a {
    font-size: 20px;
}
.cmt-exp {
    margin: unset;
    font-size: 25px;
    width: fit-content;
    text-align: center;
}
.cmt-exp p {
    font-size: 30px;
}
.page-high {
    display: none;
}
.page-ele {
    display: none;
}
.page-juni {
    display: none;
}
.fs-13 {
    font-size: 13px;
}
/* .p-experiences .md-content__course div:last-child {
    color: #656363;
    font-weight: 100;
    padding-top: 15px;
    font-size: 13px;
} */
.name-exp {
    display: flex;
    padding-top: 15px;
    justify-content: center;
    align-items: flex-start;
}

/* .name-exp--mask-title{
    transform: translateY(-10px)
} */
.sub-cmt-exp {
    font-size: 16px;
    text-align: center;
    margin-top: -5px;
}

/* .md-course-page-container .md-course-services__boxes .md-course-services__box:nth-child(0) {
    order: 2;
}

.md-course-page-container .md-course-services__boxes .md-course-services__box:nth-child(1) {
    order: 1;
} */

.c-improve-refmark-1{
    font-size: 6px;
}
.c-improve-note-1{
    width: fit-content;
    margin-left: auto;
    text-align: left;
    font-size: 13px;
    padding-bottom: 40px;
}

.md-course__bg_white {
    background: #fff;
    border-radius: 10px;
}
.md-course__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 20px;
    letter-spacing: 0.04em;
    font-feature-settings: 'palt' on;
}
.md-course__card {
    background: #EEF6FD;
    padding: 12px 16px;
}
.md-course__card-title {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #182E4C;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 4px;
}
.md-course__card-title img {
    width: 20px;
    flex: 0 0 auto;
    margin: 0;
}
.md-course__card-description {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
}
.md-course__card-description::before {
    content: '';
    background: url('/course/common/img/icon-check.svg') no-repeat center center / contain;
    width: 10px;
    aspect-ratio: 10/13;
}
.md-course__cards-note {
    font-size: 10px;
    margin: -16px 50px auto;
    padding-bottom: 50px;
}

/* block-experience */

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .w-visual__inner {
        width: 90%;
    }
    .img-course {
        width: 350px;
    }
    .md-content__course {
        width: calc(100% - 350px);
    }
    .md-block__services {
        justify-content: space-around;
        gap: 0;
    }
    .head-course-level img {
        width: 50%;
    }
    .md-main-visual__title {
        margin-bottom: 0;
    }
    .ul-total__course {
        flex-wrap: wrap;
    }
    .li-course__title {
        border-right: none;
        border-bottom: 1px solid #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left;
        height: 60px;
        margin-bottom: 0;
        margin-top: 0;
    }
    .li-course__title:first-child {
        border-left: none;
    } 
    .icon-down_arrow {
        position: relative;
        right: 0;
        top: 0;
    }
    .li-course__title .pc {
        display: none;
    }
    .li-course__title:last-child {
        border-bottom: none;
    } 
    .md-content__course {
        padding-right: 0;
    }

    .md-course-level-others__more .cmt-toggle_contents p {
        width: 25%;
    }

    /* block improve */
    .p-improve {
        width: 100%;
    }
    .bg_improve {
        /* border-bottom: 1px solid #707070; */
    }
    .li-step__impr {
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0;
    }
    .step-improve {
        width: 100%;
        background: none;
        margin-bottom: 0;
        padding: 10px 20px;
        border-top: 1px solid #707070;
        border-radius: 0;
        box-shadow: none;
    }
    .step-improve:last-child {
        border-bottom: 1px solid #707070;
    }
    .step-improve img {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }
    .bg_improve img.line_title_impro {
        width: auto;
    }
    /* block improve */

    /* block-experience */

    .head_exp .head_exp-title {
        /* padding-top: 10vw; */
        padding-left: 0;
        font-size: 40px;
    }
    .info-experiences img {
        width: 100%;
        max-width: 300px;
    }
    .btn-bloc__exp {
        flex-direction: column;
    }
    .btn-bloc__exp .btn-details {
        margin-bottom: 0;
    }
    .bg-block__exp .md-btn {
        margin-left: auto;
        margin-right: auto;
    }
    .bg-block__exp .md-btn:last-child {
        margin-top: 25px;
    }

    /* block-experience */
    .c-improve-note-1{
        padding: 10px 0 30px 0;
    }

}

@media screen and (min-width: 769px) {
    .md-course-level-others__btn-wrap .md-btn--extend-info::before {
        position: absolute;
        top: 50%;
        /* right: 1.5rem; */
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        /* margin-top: -10px; */
        color: #fff;
        font-weight: 400;
        font-size: 12px;
        font-family: icons;
        font-style: normal;
        font-variant: normal;
        text-transform: none;
        vertical-align: middle;
        background: #4676bf;
        border-radius: 100px;
        content: "\EA06";
        -webkit-font-feature-settings: normal;
        font-feature-settings: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .md-course-level-others__btn-wrap .md-btn--extend-info[aria-expanded=true]::before {
        /* background: #999; */
        content: "\EA07";
    }
    .md-arrow-down-text-icon {
        position: absolute;
        right: 20px;
        margin-left: 0;
    }
}
@media screen and (max-width: 1200px) {
    .block-improve-wrap {
        width: 100%;
    }
}

@media screen and (max-width: 1100px) {
    .md-course-level-others__more .cmt-toggle_contents p {
        width: 33%;
    }
}

@media screen and (max-width: 1024px) {
    .md-course-level__course_services .md-discuss-contact-wrap {
        max-width: 500px;
    }
    .md-common-main-visual__title {
        font-size: 3rem;
    }
}


@media screen and (max-width: 768px) {
    .pc {
        display: none !important; 
    }
    .sp {
        display: block !important;
    }
    .md-common-main-visual__title {
        order: 1;
        align-self: center;
        margin-bottom: 0;
        padding-bottom: 0;
        color: #182E4C;
        font-size: 2.8rem;
    }
    .md-common-main-visual__title-text {
        border-color: #182E4C;
    }
    .p-common-main-visual__title:before {
        content: unset;
    }
    .md-course-level__section {
        padding: 25px 0 30px 0;
    }
    .md-course-page-container .md-contact {
        padding-bottom: 0;
    }
    .w-visual__inner {
        width: 100%;
    }
    .md-breadcrumb__inner .md-breadcrumb__item:first-child {
        padding-left: 10px;
    }
    .md-breadcrumb__inner .md-breadcrumb__item:last-child {
        padding-right: 10px;
    }
    .p-common-main-visual__inner {
        flex-direction: column;
        align-items: flex-start;
    }
    .md-course-main-text__head {
        font-size: 15px;
    }
    .ul-total__course {
        flex-wrap: wrap;
    }
    .li-course__title {
        font-size: 14px;
        position: relative;
        padding: 20px 0;
        font-weight: bold;
        border-bottom: 1px solid #fff;
        width: 48%;
        border-left: none;
        border-right: none;
        justify-content: left;
        margin: 0;
        height: 50px;
        padding-left: 7px;
        letter-spacing: 0px;
        text-align: left;
    }
    .icon-down_arrow {
        height: 20px;
        width: 20px;
        position: relative;
        right: 0;
        top: 0;
    }
    .li-course__title {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .li-course__title:first-child {
        border-left: none;
    }
    .li-course__title:last-child {
        border-bottom: none;
    }
    .others-plan__title {
        font-size: 18px;
        width: unset;
        border-bottom: none;
    }
    .md-course-level-others__btn-wrap {
        display: flex;
        justify-content: flex-end;
        color: #4D4C4C;
        position: relative;
        box-shadow: 0 -15px 15px #E0F0FF;
    }
    .md-course-level-others__btn-wrap .md-btn--arrow-down::before {
        background-color: #002E74;
        color: #fff;
    }
    .md-course-level-others__btn-wrap .md-btn--extend-info[aria-expanded=true].md-btn--arrow-down::before {
        /* background: #999; */
        content: "\EA19";
    }
    .md-others__toggle-btn {
        /* padding: 10px 20px;
        margin-left: auto; */
        font-size: 13px;
    }
    .w-visual__inner {
        width: 90%;
    }
    .title-entr {
        font-size: 21px;
    }
    .icon_entr02 {
        width: 150px;
    }
    .p-course_info {
        flex-direction: column;
    }
    h3 {
        text-align: center;
        font-size: 21px;
    }
    .img-course-wrap {
        margin-left: -10px;
        margin-right: -10px;
    }
    .img-course {
        width: 100%;
    }
    .md-content__course {
        padding: 0;
        width: 100%;
        font-size: 14px;
        padding-top: 20px;
    }
    .img-bg_entrance02 {
        width: 100%;
    }
    .p-people span {
        font-size: 60px;
    }
    .p-people {
        font-size: 19px;
    }
    .p-school p {
        font-size: 15px;
        padding-bottom: 10px;
    }
    .p-school {
        font-size: 13px;
        width: 100%;
        line-height: 1.5;
    }
    .p-system {
        width: 90%;
        font-size: 16px;
        margin: 27px auto 0 auto;
        justify-content: space-evenly;
        align-items: center;
    }
    .p-system img {
        width: 16px;
        height: 16px;
        top: 22px;
        right: 9px;
        position: unset;
        margin-top: 2px;
    }
    .list-img {
        width: 100%;
    }
    .btn-details {
        width: 100%;
        font-size: 16px;
        padding: 15px 0;
    }
    .btn-details:first-child {
        margin: 0 auto;
    }
    .icon-people {
        width: 40px;
        margin-top: 15px;
        margin-left: 20px;
    }
    .btn-questions {
        width: 90%;
        font-size: 13px;
    }
    .title-exp p {
        font-size: 19px;
        padding-bottom: 10px;
    }
    .title-exp {
        font-size: 11px;
    }
    .p-course_info {
        padding: 20px 10px 20px 10px;
    }
    .btn-details img {
        height: 20px;
        width: 20px;
        top: 18px;
    }
    .bd-exp {
        font-size: 11px;
    }
    .exp-info__title {
        font-size: 14px;
        text-align: center;
    }
    .md-exp-note {
        font-size: 11px;
    }
    .md-block__services {
        flex-direction: column;
    }
    .btn-discuss {
        width: 90%;
        font-size: 17px;
    }
    .header-ser {
        width: 100%;
    }
    .md-block__services h4 {
        font-size: 24px;
        text-align: center;
    }
    .md-block__services {
        width: 100%;
        padding: 30px 0;
    }
    .sub-services {
        width: 90%;
        margin: auto;
    }
    .sub-services div {
        font-size: 14px;
        font-weight: bold;
    }
    .note-services {
        font-size: 9px;
        width: 90%;
        margin: 0 auto;
    }
    .btn-flow {
        flex-direction: column;
        gap: 15px;
        padding: 30px 0;
    }
    .sub-flow {
        width: 100%;
        font-size: 13px;
        padding: 16px;
        text-align: left;
        border-radius: 10px;
    }
    .btn-flow img {
        width: 15px;
        height: 15px;
        top: 18px;
    }
    .head-faq {
        font-size: 19px;
    }
    .icon-faq {
        width: 20px;
    }
    .p-faq {
        width: 100%;
    }
    .ask-faq .icon-q {
        font-size: 16px;
    }
    .ask-faq div {
        font-size: 13px;
    }
    .ask-faq img {
        width: 25px;
        right: 8px;
    }
    .ask-faq {
        padding: 10px;
        margin-bottom: 12px;
    }
    .btn-questions img {
        width: 15px;
    }
    .p-common-main-visual__inner {
        width: 100%;
    }
    .md-main-visual__title {
        font-size: 30px;
        margin-bottom: 0;
        padding-left: 20px;
    }
    .cmt-course {
        font-size: 14px;
    }
    .cmt-info {
        font-size: 12px;
    }
    .head-course-level img {
        width: 100%;
    }
    .md-course-level-others__more {
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 20px;
        color: #1A466B;
        background: #E0F0FF;
        /* border-radius: 15px; */
    }
    /* list phase1 style */
    /* .md-course-level-others__more {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 15px 20px;
        background: #E0F0FF;
        border-radius: 15px;
    } */
    .p-exam {
        margin: 30px 0 0 auto;
    }
    .md-pd-exam__prepa {
        padding: 0;
    }
    .md-course-level-others__more .p-qa-toggle__q>.c-toggle__btn .c-toggle__btn-icon:before {
        width: 25px;
        height: 25px;
        font-size: 12px;
        right: 0;
    }
    /* list phase1 style */
    /* .md-course-level-others__more .p-qa-toggle__q>.c-toggle__btn {
        padding: 10px 40px 10px 0 !important;
    } */
    .md-course-level-others__more .c-toggle__btn-icon {
        margin-left: 0;
    }
    .md-course-level-others__more .cmt-toggle_contents {
        padding-left: 0;
    }
    .md-course-others__cmt-contents {
        display: block;
    }
    .md-course-others__cmt-contents p {
        color: #1A466B;
        font-size: 14px;
        padding-bottom: 0;
        padding-top: 5px;
        width: auto;
    }
    .md-course-level-others__more .cmt-toggle_contents p {
        font-size: 14px;
        padding-bottom: 0;
        padding: 0;
        padding-top: 5px;
        width: auto;
    }
    .md-course__refusal .btn-details {
        margin-top: 27px;
        margin-bottom: 0;
    }
    .title-head-exam h2 {
        font-size: 18px;
        line-height: 1.5;
    }
    /* .head-exam {
        padding: 0 20px;
        height: 63px;
    } */
    .md-exam__prepa .flex {
        display: block;
    }
    .md-exam__prepa div .btn-details:last-child {
        margin-bottom: 0;
    }
    .md-exam__prepa div .btn-details img {
        right: 3px;
    }
    .p-note-course {
        width: 100%;
        font-size: 10px;
    }
    .bg-header-sp {
        height: auto;
        width: 100%;
        margin: auto;
        background: #F1F7FC;
    }
    /* .head-juni .bg-header-sp img {
        width: 80%;
        margin: auto;
    } */
    .head-course-level {
        background: none;
    }
    .md-main-visual__title {
        width: 100%;
        padding: 10px;
        text-align: center;
        display: flex;
        justify-content: center;
        /* background: #224087; */
    }
    /* .btn-exam div {
        font-size: 16px;
    }
    .btn-exam {
        margin-top: 27px;
    } */
    /* .body-juni .md-course-fee__btn-wrap .md-course-fee__btn:last-child {
        margin-top: 22px;
    } */
    .is-open-p, .is-open .is-close-p {
        padding-right: 0;
        padding-top: 3px;
    }
    .btn-others-plan {
        border-bottom: none;
    }
    .md-course-level-others__btn-wrap {
        order: 1;
        justify-self: end;
    }
    .md-pd-exam__prepa {
        padding: 20px 10px;
    }
    .md-exam__prepa .p-course_info {
        padding: 0;
    }
    .mgt-20-sp {
        margin-top: 20px;
    }
    /* block improve */
    .p-improve {
        width: 100%;
    }
    .bg_improve img {
        width: 90%;
    }
    .bg_improve {
        padding: 20px 0;
        /* border-bottom: 1px solid #707070; */
    }
    .li-step__impr {
        flex-direction: column;
        padding: 0;
        /* margin-bottom: 40px; */
    }
    .step-improve {
        width: 100%;
        padding: 10px 20px;
        background: none;
        margin-bottom: 0;
        padding: 10px 20px;
        border-top: 1px solid #707070;
        border-radius: 0;
        box-shadow: none;
    }
    .step-improve:last-child {
        margin-bottom: 0;
        border-bottom: 1px solid #707070;
    }
    .sub-step {
        width: calc(100% - 100px);
    }
    .title-step {
        font-size: 19px;
    }
    .step-improve img {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }
    .bg_improve img.line_title_impro {
        width: 25px;
    }
    .bg_improve1, .bg_improve2 {
        font-size: 24px;
    }
    .bg_improve2 span {
        font-size: 30px;
    }
    .bg_improve3 {
        font-size: 20px;
    }
    /* block improve */

    /* block-experience */
    .cmt-exp {
        font-size: 16px;
        align-self: center;
    }
    .cmt-exp p {
        font-size: 19px;
        /* letter-spacing: -2px; */
        text-align: left;
        /* padding-left: 7px; */
    }
    /* .sub-cmt-exp {
    } */
    .name-exp {
        margin-left: 0;
    }
    .info-experiences .name-exp img {
        margin-right: 0;
    }
    .img_exp-wrap {
        width: 50%;
    }
    
    .head_exp .head_exp-title {
        font-size: 32px;
        padding-top: 25px;
        padding-bottom: 0;
        text-align: center;
        padding-left: 0;
    }
    .head_exp .head_exp-title span {
        margin-left: 0;
    }
    .head_exp {
        align-items: center;
    }
    .p-experiences {
        padding-bottom: 0;
    }
    .info-experiences {
        margin: 0 auto auto auto;
        padding: 10px;
        margin-top: 25px;
        /* margin-top: -70px; */
    }
    .info-experiences .name-exp img {
        width: 60px;
    }
    .btn-bloc__exp {
        flex-direction: column;
        /* padding-bottom: 50px; */
    }
    .btn-bloc__exp .btn-details:last-child {
        margin-bottom: 0;
    }
    .bg-block__exp a {
        font-size: 16px;
    }
    .bg-block__exp a:first-child {
        margin-top: 0;
    }
    .p-experiences .md-bg_white {
        padding: 20px 0 20px 0;
    }
    .btn-bloc__exp {
        margin-top: 20px;
    }
    .bg-block__exp .md-btn {
        margin-left: auto;
        margin-right: auto;
    }
    /* .p-experiences .md-content__course div:last-child {
        font-size: 11px;
    } */
    .name-exp {
        margin-left: 8px;
        margin-right: 8px;
        justify-content: center;
    }
    .info-experiences img {
        max-width: unset;
    }
    .bg-block__exp .md-btn {
        margin-top: 0;
    }
    .bg-block__exp .md-btn:last-child {
        margin-top: 20px;   
    }

    /* block-experience */

    .md-btn-result, .md-btn-address, .md-btn-futoukou, .md-course-level__guide-btn  {
        font-size: 16px;
    }
    .c-improve-note-1{
        font-size: 10px;
        padding: 5px 10px 20px 10px;
    }

    .md-course__cards {
        gap: 10px;
    }
    .md-course__card {
        padding: 12px;
    }
    .md-course__card-title {
        gap: 2px;
        font-size: 14px;
    }
    .md-course__card-title img {
        width: 18px;
    }
    .md-course__card-description {
        gap: 3px;
        font-weight: 700;
        font-size: 10px;
    }
    .md-course__cards-note {
        margin: 0 16px auto;
        padding-bottom: 24px;
    }

}
@media screen and (max-width: 375px) {
    .p-system img {
        right: 6px;
    }
}

@media screen and (max-width: 360px) {
    .md-concerns-detail {
        display: flex;
    }
    .md-concerns-detail-img {
        position: static;
        width: 50%;
        margin-right: -14px;
        margin-bottom: -30px;
        align-self: end;
    }
}

@media screen and (min-width: 415px) and (max-width: 768px) {
    .info-experiences {
        margin-bottom: 3vw;
    }
}