* {
    margin: 0;
    padding: 0;
}

:root {
    --text-black: #000;
}

.float-start {
    float: left !important;
}

.me-0 {
    margin-right: 0 !important;
}

.text-white {
    color: #fff!important;
}

.benefit_start_name {
    font-size: 2.5rem;
    right: 0;
    top: 28rem;
    color: var(--magenta);
    line-height: 1.3;
    margin-bottom: 0;
}

.benefit_start_end_item {
    padding: 0.313rem;
    border-radius: 0.75rem;
    margin-bottom: 1.75rem;
}

.benefit_start_end {
    margin-top: 5.25rem;
}

.benefit_start_end_item_all {
    background: rgb(254, 254, 254);
    background: linear-gradient(90deg, rgba(254, 254, 254, 1) 0%, rgba(249, 249, 249, 1) 35%, rgba(233, 233, 233, 1) 100%);
    border-radius: 0.75rem;
    padding: 1.313rem 1.313rem 1.313rem 8.125rem;
}

#landing-page-banner .container-fluid {
    padding: 0;
}

.procedure_top h2 {
    color: var(--text-black);
    font-size: 40px;
}

.bg_procedure {
    padding-top: 40px;
    padding-bottom: 40px;
}

.procedure_solid {
    background: #000;
    width: 100%;
    height: 3px;
    top: 208px;
}

.procedure_item {
    width: 150px;
    margin-right: 10px;
    margin-bottom: 50px;
}

.procedure_top h2 span {
    color: var(--magenta);
}

.procedure_top {
    margin-bottom: 52px;
}

.register_now {
    width: 180px;
    border-radius: 30px;
    font-size: 20px;
    color: var(--magenta);
    padding: 5px;
    background: rgb(254, 193, 15);
    background: linear-gradient(0deg, rgba(254, 193, 15, 1) 0%, rgba(251, 169, 5, 1) 100%);
    border: 2px solid #fff;
    font-size: 18px;
}

.register_now:hover {
    background: rgb(251, 169, 5);
    background: linear-gradient(0deg, rgba(251, 169, 5, 1) 0%, rgba(254, 193, 15, 1) 100%);
    color: var(--magenta);
}

.register_now:before {
    content: '';
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    width: 60px;
    height: 100%;
    top: 0;
    filter: blur(30px);
    transform: translateX(-100px) skewX(-15deg);
    animation: slide 3s infinite 3s;
    z-index: 999;
}

#accordion-material .accordion-item:first-child .accordion-button .icon {
    background: url(../../images/langdingpage/enterprise/Section_4_1_trang.png) center center / contain no-repeat;
    width: 50px;
    height: 50px;
}

#accordion-material .accordion-item:first-child .accordion-button.collapsed .icon {
    background: url(../../images/langdingpage/enterprise/Section_4_1_tim.png) center center / contain no-repeat;
    width: 50px;
    height: 50px;
}

#accordion-material .accordion-item:nth-child(2) .accordion-button .icon {
    background: url(../../images/langdingpage/enterprise/Section_4_2_trang.png) center center / contain no-repeat;
    width: 50px;
    height: 50px;
}

#accordion-material .accordion-item:nth-child(2) .accordion-button.collapsed .icon {
    background: url(../../images/langdingpage/enterprise/Section_4_2_tim.png) center center / contain no-repeat;
    width: 50px;
    height: 50px;
}

#accordion-material .accordion-item:nth-child(3) .accordion-button .icon {
    background: url(../../images/langdingpage/enterprise/Section_4_3_trang.png) center center / contain no-repeat;
    width: 50px;
    height: 50px;
}

#accordion-material .accordion-item:nth-child(3) .accordion-button.collapsed .icon {
    background: url(../../images/langdingpage/enterprise/Section_4_3_tim.png) center center / contain no-repeat;
    width: 50px;
    height: 50px;
}

#accordion-material .accordion-item:nth-child(4) .accordion-button .icon {
    background: url(../../images/langdingpage/enterprise/Section_4_4_trang.png) center center / contain no-repeat;
    width: 50px;
    height: 50px;
}

#accordion-material .accordion-item:nth-child(4) .accordion-button.collapsed .icon {
    background: url(../../images/langdingpage/enterprise/Section_4_4_tim.png) center center / contain no-repeat;
    width: 50px;
    height: 50px;
}

#accordion-material .accordion-item:nth-child(5) .accordion-button .icon {
    background: url(../../images/langdingpage/enterprise/Section_4_4_trang.png) center center / contain no-repeat;
    width: 50px;
    height: 50px;
}

#accordion-material .accordion-item:nth-child(5) .accordion-button.collapsed .icon {
    background: url(../../images/langdingpage/enterprise/Section_4_5_tim.png) center center / contain no-repeat;
    width: 50px;
    height: 50px;
}

#four-materials {
    background: url(../../images/langdingpage/enterprise/Section_4_bg.png);
    background-color: #d0d1d3;
}

@keyframes slide {
    0% {
        transform: translateX(-100px) skewX(-15deg);
    }
    100% {
        transform: translateX(800px) skewX(-15deg);
    }
}

.procedure_item p {
    margin-bottom: 0;
    font-size: 18px;
    margin-top: 20px;
}

.benefit_start_end_icon {
    background: url("../../images/langdingpage/enterprise/benefit_item_icon.png") top center no-repeat;
    background-size: cover;
    height: 5.5rem;
    width: 6.063rem;
    left: 0.438rem;
    top: -0.625rem;
}

.procedure_item_number {
    background: url("../../images/langdingpage/enterprise/procedure_number.png") top center no-repeat;
    background-size: cover;
    width: 152px;
    height: 46px;
    margin-bottom: 21px;
}

.benefit_start_end_icon span {
    font-size: 50px;
}

.benefit_start_end_item_all p {
    margin-bottom: 0;
    font-size: 1rem;
}

.benefit_start_end_item_all p strong {
    font-size: 1rem;
    color: var(--magenta);
}

.why_choose_item {
    margin-top: 40px;
    padding-top: 45px;
}

.benefit_start_name span {
    color: var(--text-black);
    font-weight: 400;
}

.why_choose_item img {
    height: 90px;
    display: block;
    margin-bottom: 20px;
}

.why_choose_item p {
    margin-bottom: 0;
    text-align: justify;
    font-size: 18px;
}

.why_choose_item_1 {
    padding-left: 24px;
    padding-right: 45px;
    margin-left: 20px;
}

.why_choose_item_2 {
    padding-left: 40px;
    padding-right: 13px;
}

.why_choose_item_3 {
    padding-left: 10px;
    padding-right: 17px;
    margin-left: 0;
}

.why_choose_item_4 {
    padding-left: 20px;
    padding-right: 20px;
}

.why_choose_item p strong {
    font-size: 18px;
}

.benefit {
    background: url("../../images/langdingpage/enterprise/bg_benefit.jpg") top center no-repeat;
    background-size: contain;
}

.why_choose_main {
    background: url("../../images/langdingpage/enterprise/bg_why.png") top center no-repeat;
    background-size: cover;
    height: 682px;
}

h1.title {
    position: absolute;
    z-index: -1;
    top: -50px;
}

.benefit_start {
    margin-top: 10.625rem;
}

.procedure_item img {
    margin-bottom: 24px;
}

.procedure_item_number span {
    font-size: 30px;
    color: var(--magenta);
    line-height: 42px;
    display: block;
}

.procedure_item_icon {
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background: #000;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.why_choose {
    padding-top: 60px;
}

.why_choose_top h2 {
    font-size: 40px;
    color: var(--text-black);
}

.why_choose_top h2 span {
    color: var(--magenta);
}

.why_choose_main {
    margin-top: 40px;
}

.why_choose_item_5 {
    padding-left: 32px;
    padding-right: 20px;
}

.why_choose_item_6 {
    padding-left: 40px;
    padding-right: 13px;
}

.why_choose_item_7 {
    padding-left: 10px;
    padding-right: 17px;
}

.why_choose_item_8 {
    padding-left: 20px;
    padding-right: 20px;
}

.study_program {
    padding-top: 50px;
    padding-bottom: 50px;
}

.study_program h2 span {
    color: var(--magenta);
}

.study_program h2 {
    font-size: 40px;
    margin-bottom: 0;
}

.study_program_item_top {
    background: url("../../images/langdingpage/enterprise/study_program_item_top.png") top center no-repeat;
    background-size: contain;
    height: 110px;
}

.study_program_item_main {
    background: #ddd;
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
    padding: 25px 19px;
    min-height: 260px;
    margin-top: 20px;
}

.study_program_item_top p {
    padding-top: 55px;
    font-size: 18px;
    margin-bottom: 0;
}

.study_program_top .study_program_top_caption {
    margin-bottom: 0;
    font-size: 20px;
    color: var(--text-black);
    padding: 20px 0;
}

.study_program_item_main {
    margin-bottom: 50px;
}

.study_program_item_main ul {
    padding-left: 40px !important;
}

.study_program_item_main ul li {
    font-size: 18px;
    color: var(--text-black);
    padding-bottom: 10px;
}

.figure-wrap {
    margin-top: 7rem;
    box-shadow: rgba(0, 0, 0, 0.35) 0 8px 10px;
    border-radius: 15px;
    width: 99%;
}

.commitment_credibility {
    padding-top: 6rem;
}

.commitment_credibility_top p {
    margin-bottom: 0;
    font-size: 40px;
    color: var(--magenta);
}

.figure-wrap .brief {
    padding-left: 14px;
    padding-right: 14px;
    height: 350px;
}

.figure-wrap .name {
    font-size: 20px;
    color: var(--magenta);
    padding-top: 8rem;
}

.figure-wrap ul {
    padding-left: 0;
    list-style: none;
}

.figure-wrap ul li {
    position: relative;
    padding-left: 14px;
    font-size: 18px;
    line-height: 1.5;
    color: var(--text-black);
    text-align: justify;
}

.teacher .slick-prev {
    left: -50px;
}

.teacher .slick-next {
    right: -50px;
}

.teacher {
    background: url("../../../images/courses/khoa-hoc-tieng-anh-giao-tiep-cho-doanh-nghiep/bg_teacher.jpg") top center no-repeat;
    background-size: contain;
    margin-top: -15rem;
    padding-top: 15rem;
}

.figure-wrap ul li:before {
    background: url("../../../images/courses/khoa-hoc-tieng-anh-giao-tiep-cho-doanh-nghiep/icon_dot.png") top left no-repeat !important;
    position: absolute;
    content: '';
    width: 7px;
    height: 6px;
    top: 10px;
    left: 0;
}


/* .slick-prev {
    background: url("../../../images/courses/khoa-hoc-tieng-anh-giao-tiep-cho-doanh-nghiep/icon_prev.png") top left no-repeat !important;
    width: 47px;
    height: 46px;
} */

.slick-prev:hover,
.slick-next:hover {
    box-shadow: unset !important;
}


/* 
.slick-next {
    background: url("../../../images/courses/khoa-hoc-tieng-anh-giao-tiep-cho-doanh-nghiep/icon_next.png") top left no-repeat !important;
    width: 47px;
    height: 46px;
} */

.slick-prev:before,
.slick-next:before {
    content: '';
}

.figure-wrap .thumb {
    top: -5rem;
    left: 18%;
    width: 180px;
    border-radius: 180px;
}

.teacher_top h2 {
    font-size: 40px;
    color: var(--magenta);
    padding-bottom: 20px;
}

.bg_importance {
    padding: 50px 0;
}

.teacher_top h2 span {
    color: var(--text-black);
}

.teacher_caption p {
    margin-bottom: 0;
    font-size: 18px;
    color: var(--text-black);
    padding-bottom: 10px;
}

.importance_top h2 {
    font-size: 40px;
    color: var(--text-black);
}

.importance_top h2 span {
    color: var(--magenta);
}

#share-zone .slider-wrapper {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#share-zone-slider.slider {
    width: 100%;
    margin: 20px auto 0 auto;
}

#share-zone-slider .slick-track {
    display: flex !important;
    padding: 1rem 0;
}

#share-zone-slider .slick-slide {
    transition: all ease-in-out .3s;
    transform: translate3d(45%, 0, 0) scale(0.8);
}

#share-zone-slider .slick-slide {
    height: auto;
}

#share-zone-slider .slick-slide iframe {
    width: 460px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 12px;
}

#share-zone-slider .slick-current {
    transform: scale(1);
    opacity: 1;
}

.importance_main .slick-list {
    padding: 0 !important;
}

#share-zone-slider .slick-current~.slick-slide {
    transform: translate3d(-45%, 0, 0) scale(0.8);
}

.importance_main {
    margin-left: -24px;
}

#share-zone-slider .slick-active {
    z-index: 3;
}

.importance_main .slick-next {
    right: -50px;
}

.importance_main .slick-prev {
    left: -10px;
}

#share-zone-slider .slick-center {
    z-index: 9;
}

#share-zone-slider .slick-center>img {
    height: 100%;
}

.importance_main {
    margin-top: 20px;
}

#partner .slick-slide img {
    width: 95%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-dots {
    position: static !important;
}

.slick-dots li button:before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAJCAYAAAAsCDz7AAAATElEQVQokWP8//8/w1llLXkGBgZGBtqB74xnlDQtGRgYjtHQEhD4xcTAwMBGY0tAgI2JDpaAwahFg98iFgYGhlcMDAz3aZqPGBheAwBB/AsS2jBY8wAAAABJRU5ErkJggg==) !important;
}

.partner_left_top h2 {
    font-size: 25px;
    color: var(--text-black);
}

.partner_left_top h2 span {
    color: var(--magenta);
    font-size: 40px;
}

.partner_left_main {
    width: 90%;
    margin-top: 10px;
    font-size: 18px;
    color: var(--text-black);
    text-align: justify;
}

.media-slider .item_all {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
    padding: 10px;
    border-radius: 10px;
    width: 93%;
    height: 345px;
    margin-left: auto;
    margin-right: auto;
}

.media_start {
    font-family: 'SVN-GilroyBold';
    padding-top: 20px;
    padding-bottom: 10px;
}

.media-slider .item_all .media_on_top {
    height: 222px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 10px;
}

.media_end img {
    margin-top: 10px;
}

#media .slick-initialized .slick-slide {
    height: 380px;
}

#media .title span {
    color: var(--text-black);
}

#media {
    background: url("../../../images/courses/khoa-hoc-tieng-anh-giao-tiep-cho-doanh-nghiep/bg_myself_english.png") bottom center no-repeat;
    background-size: cover;
    height: 650px;
}

#media h2 {
    padding: 50px 0;
}

#media .slick-prev {
    left: -50px;
}

#media .slick-next {
    right: -50px;
}

#partner .slick-prev {
    left: -50px;
}

#partner .slick-next {
    right: -50px;
}

#partner .slick-prev,
#partner .slick-next {
    top: 45%;
}

#media h2 {
    font-size: 40px;
    color: var(--magenta);
}

.photo_top h2 {
    font-size: 40px;
    padding-bottom: 30px;
}

.photo_top h2 span {
    color: var(--magenta);
}

.student-testimonial {
    margin-bottom: 25px;
}

#partner {
    padding-top: 50px;
}

.mobile {
    display: none;
}

.owl-carousel .owl-item img {
    aspect-ratio: 3/2;
}

.teacher_caption {
    padding: 0 20px;
    text-align: center;
}

.ladi-transition {
    font-size: 30px;
    color: var(--magenta);
    margin: 30px 0
}

#questions {
    padding-left: 40px
}

#questions li {
    list-style-type: disc;
    font-size: 18px;
    margin-bottom: 15px;
}

#questions li::marker {
    font-size: 20px;
    color: var(--magenta);
}
#teachers .header {
    width: 100%;
    max-width: calc(10% + 1320px);
    margin: 0px auto;
    padding: 0px 5%;
}

@media (max-width: 767px) {
    .partner_left_main {
        width: 100%;
    }
    .media-slider .item_all .media_on_top {
        height: auto;
    }
    .media_start {
        padding-top: 5px;
        padding-bottom: 0;
        font-size: 15px;
    }
    .procedure_item_two {
        display: none;
    }
    .procedure_main_start {
        top: 52.5%;
        left: -2px;
        z-index: 1;
        cursor: pointer;
    }
    .procedure_main_end {
        top: 52.5%;
        right: -2px;
        z-index: 1;
        cursor: pointer;
    }
    .slick-prev {
        width: 30px;
        height: 30px;
        background-size: cover !important;
    }
    .slick-next {
        width: 30px;
        height: 30px;
        background-size: cover !important;
    }
    .figure-wrap {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .figure-wrap ul li {
        font-size: 16px;
    }
    .figure-wrap .name {
        font-size: 18px;
        padding-top: 5rem;
    }
    .figure-wrap .thumb {
        width: 150px;
        left: 23%;
    }
    .figure-wrap .brief {
        height: unset;
        padding-bottom: 10px;
    }
    .mobile {
        display: block;
    }
    .pc {
        display: none;
    }
    .procedure_solid {
        background: url("../../../images/courses/khoa-hoc-tieng-anh-giao-tiep-cho-doanh-nghiep/procedure_solid_mobile.png") bottom center no-repeat;
        background-size: contain;
        height: 9px;
        top: 139px;
    }
    .procedure_item p {
        font-size: 12px;
        margin-top: 55px;
    }
    .procedure_item_icon {
        display: none;
    }
    .procedure_item {
        width: 20%;
        margin-right: 18px;
        margin-bottom: 0;
    }
    .procedure_item_number span {
        font-size: 15px;
        line-height: 20px;
    }
    .procedure_item img {
        max-width: 95%;
        display: block;
        margin-left: 10px;
        margin-right: auto;
    }
    .procedure_item_number {
        width: 100%;
        height: 36px;
        background-size: contain;
        margin-left: 10px;
    }
    .benefit_start_name {
        font-size: 20px;
        top: 12rem;
    }
    .benefit_start {
        margin-top: 42px;
    }
    .benefit {
        background: #eee url("../../../images/courses/khoa-hoc-tieng-anh-giao-tiep-cho-doanh-nghiep/bg_benefit_mobile.png") top center no-repeat;
        background-size: contain;
    }
    .benefit_start_end_icon {
        width: 68px;
        height: 60px;
        background-size: contain;
    }
    .benefit_start_end_icon span {
        font-size: 25px;
    }
    .benefit_start_end_item_all {
        padding: 5px 15px 5px 80px;
    }
    .benefit_start_end_item_all p {
        font-size: 14px;
        text-align: justify;
    }
    .benefit_start_end_item_all p strong {
        font-size: 14px;
    }
    .benefit_start_end {
        margin-top: 2rem;
    }
    .procedure_top h2 {
        font-size: 25px;
    }
    .study_program h2 {
        font-size: 25px;
    }
    .study_program_top p {
        font-size: 14px;
        text-align: justify !important;
    }
    .study_program_top p span {
        display: inline-block !important;
    }
    .study_program {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .study_program_item_top p {
        font-size: 15px;
        padding-top: 50px;
    }
    .study_program_item_main ul li {
        font-size: 15px;
        padding-bottom: 5px;
    }
    .study_program_item_main ul {
        padding-left: 30px !important;
    }
    .study_program_item_main {
        min-height: unset;
        margin-bottom: 30px;
    }
    .teacher_top h2 {
        font-size: 25px;
    }
    .why_choose_main {
        background: url("../../images/langdingpage/enterprise/bg_why_mobile.png") top center no-repeat;
        background-size: cover;
        height: 794px;
        margin-top: 20px;
    }
    .bg_procedure {
        padding-bottom: 20px;
    }
    .why_choose_item img {
        height: 55px;
        margin-bottom: 10px;
    }
    .teacher_caption p {
        font-size: 14px;
        text-align: justify !important;
    }
    .teacher_caption p span {
        display: inline-block !important;
    }
    .why_choose_item {
        margin-top: 0;
        padding-left: 13px;
        padding-right: 16px;
    }
    .why_choose_item_1 {
        padding-left: 0;
        padding-right: 0;
        margin-left: 10px;
        padding-top: 55px;
    }
    .why_choose_item_5 {
        padding-top: 82px;
        padding-left: 18px;
        padding-right: 15px;
    }
    .why_choose_item_6 {
        padding-top: 80px;
        padding-left: 12px;
        padding-right: 23px;
    }
    .why_choose_item_7 {
        padding-top: 50px;
        padding-left: 12px;
        padding-right: 0;
    }
    .why_choose_item_8 {
        padding-top: 50px;
    }
    .why_choose_item_3 {
        padding-top: 40px;
        padding-right: 5px;
    }
    .why_choose_item_3 img {
        height: 40px;
        margin-bottom: 5px;
    }
    .why_choose_item_4 img {
        height: 40px;
        margin-bottom: 5px;
    }
    .why_choose_item p {
        font-size: 11px;
    }
    .why_choose_item p strong {
        font-size: 11px;
    }
    .why_choose_item_2 {
        padding-left: 15px;
    }
    .teacher .slick-next {
        right: 0;
    }
    .teacher .slick-prev {
        left: 0;
    }
    .importance_top h2 {
        font-size: 25px;
    }
    .importance_main .slick-next {
        right: 0;
    }
    .importance_main {
        margin-left: 0;
        margin-top: 0;
    }
    #share-zone-slider .slick-slide iframe {
        width: 100%;
        height: 200px;
    }
    .importance_main .slick-prev {
        left: 0;
    }
    .media_end img {
        max-width: 50% !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }
    #media {
        height: auto;
        background-position: bottom center;
    }
    .bg_importance {
        padding: 0;
    }
    .media-slider .item_all {
        height: auto;
        width: 100%;
    }
    .owl-carousel .owl-item img {
        width: 100%;
    }
    #share-zone-slider.slider {
        margin: 0 auto 0 auto;
    }
    .photo_top h2 {
        font-size: 25px;
        padding-top: 15px;
    }
    #media .slick-initialized .slick-slide {
        height: auto;
        padding-bottom: 20px;
    }
    .lmc_footer {
        margin-top: -24px !important;
    }
    .media-slider {
        padding-bottom: 20px;
    }
    #partner .slick-prev,
    #partner .slick-next {
        top: 48%;
    }
    .student-testimonial {
        margin-bottom: 0;
    }
    #partner {
        padding-top: 0;
    }
    #partner .slick-prev {
        left: 0;
    }
    #partner .slick-next {
        right: 0;
    }
    .partner_left_top h2 span {
        font-size: 25px;
        display: inline-block !important;
    }
    #media h2 {
        font-size: 25px;
        padding-top: 0;
        padding-bottom: 20px;
    }
    #media .slick-prev {
        left: 0;
    }
    #media .slick-next {
        right: 0;
    }
    .why_choose_top h2 {
        font-size: 25px;
    }
    .ladi-transition {
        font-size: 24px;
    }
    /* #SECTION2 {
        padding: 30px 0
    } */
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .mobile {
        display: block;
    }
    .pc {
        display: none;
    }
    .procedure_item_two {
        display: none;
    }
    .benefit_start {
        margin-top: 2rem;
    }
    .benefit_start_name {
        font-size: 1.2rem;
        top: 26rem;
    }
    .benefit_start_end_item_all {
        padding: 10px 10px 10px 77px;
    }
    .benefit_start_end_icon {
        width: 68px;
        height: 60px;
        background-size: contain;
    }
    .benefit {
        background-size: cover;
    }
    .benefit_start_end_icon span {
        font-size: 30px;
    }
    .benefit_start_end_item_all p {
        font-size: 14px;
    }
    .benefit_start_end_item_all p strong {
        font-size: 14px;
    }
    .procedure_solid {
        top: 192px;
    }
    .procedure_item_icon {
        margin-top: 24px;
    }
    .procedure_item_number span {
        line-height: 33px;
    }
    .procedure_item_number {
        width: 100%;
        height: 36px;
        background-size: contain;
        margin-left: 10px;
    }
    .why_choose_main .mobile {
        display: none;
    }
    .why_choose_main .pc {
        display: block;
    }
    .why_choose_main {
        background-size: 100% 100%;
        height: 490px;
        width: 100%;
    }
    .why_choose_item_1 {
        padding-top: 60px !important;
        padding-left: 0;
        padding-right: 0;
    }
    .why_choose_item_2 {
        padding-top: 60px !important;
        padding-left: 25px;
    }
    .why_choose_item_3 {
        padding-top: 60px !important;
    }
    .why_choose_item_4 {
        padding-top: 60px !important;
        padding-left: 7px;
    }
    .why_choose_item_5 {
        padding-top: 30px !important;
        padding-left: 20px;
        padding-right: 0;
    }
    .why_choose_item_6 {
        padding-top: 30px !important;
        padding-left: 20px;
        padding-right: 5px;
    }
    .why_choose_item_7 {
        padding-top: 30px !important;
        padding-left: 5px;
        padding-right: 10px;
    }
    .why_choose_item_8 {
        padding-top: 30px !important;
        padding-left: 5px;
        padding-right: 20px;
    }
    .why_choose_item img {
        height: 40px;
        margin-bottom: 5px;
    }
    .why_choose_item p {
        font-size: 12px;
    }
    .why_choose_item p strong {
        font-size: 12px;
    }
    .why_choose_item {
        margin-top: 0;
        padding-top: 0;
    }
    .procedure_main_start {
        top: 39%;
        left: -2px;
        z-index: 1;
        cursor: pointer;
    }
    .procedure_main_start img {
        width: 47px;
    }
    .procedure_main_end img {
        width: 47px;
    }
    .procedure_main_end {
        top: 39%;
        right: -2px;
        z-index: 1;
        cursor: pointer;
    }
    .study_program_item_top p {
        padding-top: 26px;
        font-size: 12px;
        padding-left: 16px;
    }
    .study_program_item_top {
        height: 58px;
    }
    .study_program_item_main ul {
        padding-left: 10px !important;
    }
    .study_program_item_main ul li {
        font-size: 14px;
    }
    .study_program_item_main {
        margin-bottom: 40px;
    }
    .figure-wrap .thumb {
        width: 120px;
        left: 20%;
        top: -4rem;
    }
    .figure-wrap .name {
        padding-top: 5rem;
        font-size: 15px;
    }
    .figure-wrap ul li {
        font-size: 15px;
    }
    .figure-wrap .brief {
        height: 310px;
    }
    .teacher_caption p {
        font-size: 15px;
    }
    .figure-wrap {
        margin-top: 5rem;
    }
    #partner .slick-prev {
        left: 0;
    }
    #partner .slick-next {
        right: 0;
    }
    .media-slider .item_all .media_on_top {
        height: auto;
    }
    #media .slick-prev {
        left: -28px;
    }
    #media .slick-next {
        right: -15px;
    }
    .media_start {
        font-size: 14px;
    }
    .media_end img {
        margin-top: 0;
    }
    #partner .slick-prev,
    #partner .slick-next {
        top: 45%;
    }
    .student-testimonial {
        margin-bottom: 0;
    }
    #partner {
        padding-top: 10px;
    }
    .importance_main .slick-next {
        right: 0;
    }
    .importance_main .slick-prev {
        left: 0;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1151px) {
    .benefit_start_name {
        font-size: 1.7rem;
        top: 31rem;
    }
    .benefit {
        background-size: cover;
    }
    .procedure_item {
        width: 105px;
    }
    .procedure_item_number {
        background-size: contain;
        width: 100%;
        height: 31px;
    }
    .why_choose_main {
        background-size: contain;
        height: 494px;
    }
    .study_program_item_top {
        height: 78px;
    }
    .procedure_item_number span {
        font-size: 25px;
        line-height: 28px;
    }
    .procedure_solid {
        top: 193px;
    }
    .why_choose_item {
        margin-top: 10px;
    }
    .why_choose_item img {
        height: 50px;
    }
    .why_choose_item_1 {
        padding-left: 0;
        padding-right: 0;
    }
    .why_choose_item p {
        font-size: 14px;
    }
    .why_choose_item p strong {
        font-size: 14px;
    }
    .why_choose_item_2 {
        padding-left: 31px;
        padding-right: 8px;
    }
    .why_choose_item_3 {
        padding-left: 0;
        padding-right: 10px;
    }
    .why_choose_item_4 {
        padding-left: 10px;
    }
    .study_program_item_top p {
        padding-top: 38px;
        font-size: 15px;
        padding-left: 20px;
    }
    .study_program_item_main ul {
        padding-left: 20px !important;
    }
    .study_program_item_main ul li {
        font-size: 16px;
    }
    .teacher .slick-prev {
        left: -24px;
    }
    .teacher .slick-next {
        right: -25px;
    }
    .figure-wrap .thumb {
        width: 130px;
        top: -4rem;
    }
    .figure-wrap .name {
        padding-top: 5rem;
        font-size: 15px;
    }
    .figure-wrap ul li {
        font-size: 16px;
    }
    #share-zone-slider .slick-slide iframe {
        width: 560px;
        height: 319px;
    }
    .importance_main .slick-next {
        right: 0;
    }
    #partner .slick-next {
        right: -20px;
    }
    #partner .slick-prev {
        left: -20px;
    }
    .media-slider .item_all .media_on_top {
        height: auto;
    }
    #media .slick-prev {
        left: 0;
    }
    #media .slick-next {
        right: 0;
    }
    #media .slick-prev,
    #media .slick-next {
        top: 40%;
    }
    .media_start {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1152px) and (max-width: 1199px) {
    .benefit {
        background-size: cover;
    }
    .benefit_start_name {
        top: 31rem;
        font-size: 1.7rem;
    }
    .procedure_item {
        width: 105px;
    }
    .procedure_item_number {
        background-size: contain;
        width: 100%;
    }
    .procedure_item_number span {
        font-size: 25px;
        line-height: 29px;
    }
    .why_choose_main {
        background-size: contain;
    }
    .why_choose_item img {
        height: 50px;
        margin-bottom: 5px;
    }
    .why_choose_item {
        margin-top: 15px;
    }
    .why_choose_item_1 {
        margin-left: 0;
        padding-right: 0;
    }
    .why_choose_item p {
        font-size: 14px;
    }
    .why_choose_item p strong {
        font-size: 14px;
    }
    .why_choose_item_2 {
        padding-left: 29px;
        padding-right: 10px;
    }
    .why_choose_item_3 {
        padding-left: 0;
        padding-right: 13px;
    }
    .why_choose_item_4 {
        padding-left: 12px;
        padding-right: 20px;
    }
    .why_choose_main {
        height: 494px;
    }
    .study_program_item_top p {
        font-size: 15px;
        padding-top: 38px;
        padding-left: 20px;
    }
    .study_program_item_top {
        height: 79px;
    }
    .study_program_item_main ul {
        padding-left: 20px !important;
    }
    .study_program_item_main ul li {
        font-size: 15px;
    }
    .figure-wrap .thumb {
        width: 130px;
        top: -4rem;
    }
    .figure-wrap .name {
        padding-top: 5rem;
        font-size: 15px;
    }
    .figure-wrap ul li {
        font-size: 16px;
    }
    #share-zone-slider .slick-slide iframe {
        width: 60%;
        height: 320px;
    }
    .media-slider .item_all .media_on_top {
        height: auto;
    }
    .media_start {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .benefit {
        background-size: cover;
    }
    .importance_main .slick-next {
        right: 0;
    }
    .importance_main .slick-prev {
        left: 0;
    }
    #partner .slick-next {
        right: -16px;
    }
    #partner .slick-prev {
        left: -16px;
    }
    .media-slider .item_all .media_on_top {
        height: auto;
    }
}

@media only screen and (max-width: 320px) {
    .partner_left_top h2 span {
        font-size: 16px;
        color: var(--magenta);
    }
    .why_choose_item_8 {
        padding-top: 20px;
    }
    .partner_left_top h2 {
        font-size: 16px;
        text-align: center;
        color: var(--text-black);
    }
    .partner_left_main {
        font-size: 15px;
    }
    .procedure_item {
        width: 18%;
    }
    .procedure_item_number {
        height: 16px;
    }
    .procedure_item_number span {
        font-size: 12px;
        line-height: 15px;
    }
    .benefit_start_name {
        font-size: 17px;
        top: 9rem;
    }
    .procedure_solid {
        top: 110px;
    }
    .procedure_item p {
        margin-top: 4rem;
    }
    .procedure_main_start {
        top: 126px;
    }
    .procedure_main_end {
        top: 126px;
    }
    .procedure_top {
        margin-bottom: 20px;
    }
    .why_choose_item_2 {
        padding-top: 38px;
    }
    .why_choose_item_1 {
        padding-top: 38px;
    }
    .why_choose_item_5 {
        padding-top: 14px;
    }
    .why_choose_item_6 {
        padding-top: 18px;
        padding-left: 16px;
        padding-right: 12px;
    }
    .why_choose_item_3 {
        padding-top: 50px;
    }
    .why_choose_item_7 {
        padding-left: 9px;
        padding-top: 19px;
    }
    .study_program_item_top p {
        padding-top: 38px;
    }
    .study_program_item_top {
        height: 79px;
    }
    .figure-wrap .thumb {
        width: 120px;
        top: -4rem;
    }
    .figure-wrap {
        margin-top: 4rem;
    }
}

@media only screen and (min-width: 321px) and (max-width: 344px) {
    .procedure_item {
        width: 19%;
    }
    .benefit_start_name {
        font-size: 18px;
        top: 10rem;
    }
    .why_choose_item_5 {
        padding-top: 10px;
    }
    .why_choose_item_6 {
        padding-top: 10px;
    }
    .why_choose_item_3 {
        padding-top: 52px;
    }
    .why_choose_item_7 {
        padding-top: 24px;
    }
    .why_choose_item_8 {
        padding-top: 24px;
    }
    .procedure_main_end {
        top: 50%;
    }
    .procedure_main_start {
        top: 50%;
    }
    .study_program_item_top p {
        padding-top: 40px;
    }
}

@media only screen and (min-width: 345px) and (max-width: 375px) {
    .procedure_item {
        width: 19%;
    }
    .procedure_main_start {
        top: 155px;
    }
    .procedure_main_end {
        top: 155px;
    }
    .why_choose_item_7 {
        padding-top: 65px;
    }
    .why_choose_item_8 {
        padding-top: 55px;
    }
    .why_choose_item_5 {
        padding-top: 35px;
    }
    .why_choose_item_6 {
        padding-top: 28px;
    }
    .why_choose_item_3 {
        padding-top: 20px;
    }
    .why_choose_item_4 {
        padding-top: 30px
    }
}

@media only screen and (min-width: 376px) and (max-width: 390px) {
    .why_choose_item_7 {
        padding-top: 55px;
    }
    .why_choose_item_8 {
        padding-top: 55px;
    }
    .why_choose_item_4 {
        padding-top: 60px;
    }
}

@media only screen and (min-width: 391px) and (max-width: 425px) {
    .why_choose_item_4 {
        padding-top: 50px;
    }
    .why_choose_item_7 {
        padding-top: 50px;
    }
    .why_choose_item_8 {
        padding-top: 50px;
    }
    #share-zone-slider .slick-slide iframe {
        height: 226px;
    }
}