.re-header {
    display: none;
}

.re-menu {
    display: none;
}

.re-hide {
    display: block;
}

.re-show {
    display: none;
}

.re-banner-hide {
    display: block;
}

.re-banner-show {
    display: none;
}

@media screen and (max-width: 1199px) {

    body {
        padding: 65px 0 0 0;
    }

    body.s-text {
        padding: 65px 0 0 0;
    }

    body.l-text {
        padding: 65px 0 0 0;
    }

    .re-hide {
        display: none;
    }

    .re-show {
        display: block;
    }

    .header {
        display: none;
    }

    .header-top-bar {
        display: none;
    }

    .re-header-bar {
        display: block;
    }

    .re-header-bar .container {
        max-width: 100%;
    }

    .re-header {
        display: block;
        padding: 0 20px 0 15px;
        background-color: rgba(93, 111, 118, 0.95);
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 65px;
        z-index: 2000;
        border-bottom: solid 1px #5D6F76;
        box-shadow: 3px 3px 9px rgba(93, 111, 118, 0.35);
    }

    .re-header .row {
        height: 65px;
    }

    .re-header a {
        color: #5D6F76;
        text-decoration: none;
    }

    .menu-open {
        display: inline-block;
        cursor: pointer;
    }

    .menu-close {
        display: none;
        cursor: pointer;
    }

    .re-menu {
        display: block;
        background-color: rgba(299, 299, 299, 0.95);
        width: 100%;
        height: 100%;
        padding-bottom: 100px;
        overflow-x: scroll;
        left: 0;
        top: -100%;
        z-index: 1800;
        position: fixed;
        transition: all 0.3s ease 0s;
        opacity: 0;
    }

    .re-menu.show {
        top: 65px;
        opacity: 1;
    }

    .re-menu ul {
        margin: 0;
        padding: 0;
    }

    .re-menu ul li a {
        margin: 0 !important;
        color: #5D6F76;
        text-decoration: none;
        width: 100%;
        display: block;
        padding: 15px 0 10px 15px;
        border-bottom: solid 1px #A1A9AC;
    }


    .re-menu a {
        color: #5D6F76;
        text-decoration: none;
    }

    .re-menu .test-btn a {
        padding: 10px 60px;
        box-shadow: 3px 3px 9px #ccc;
    }

    .home-part2-bg {
        display: none;
    }

    .home-part2 img {
        max-width: 75%;
    }

    .re-home-bg-2 {
        display: block;
    }

    .home-part4 {
        padding: 25px 0;
    }

    .home-top-banner-mask h2 {
        font-size: 1.3em;
        min-height: 0;
    }

    .home-top-banner-mask img {
        max-width: 250px;
    }

    .home-part2 {
        padding: 100px 0 50px 0;
    }

    .home-part2 h2 {
        font-size: 2.5em;
    }

    .scroll-down-learn-more {
        width: 42px;
        height: 42px;
    }

    .home-part4 {
        padding: 25px 0 0 0;
    }

    .home-part4.section-2 {
        padding: 0 0 50px 0;
    }

    .home-top-banner {
        height: auto;
        overflow: visible;
    }

    #videoWrapper {
        height: 220px;
    }

    .home-top-banner-mask {
        position: relative;
        bottom: 0;
        height: auto;
        background-image: none;
    }

    .kei-subpage-bg {
        right: 0;
    }

    .kei-subpage-bg img {
        max-width: 100%;
        height: auto;
        max-height: 46px;
    }

    .kei-subpage-bg.style-02 {
        position: relative;
        right: auto;
        left: auto;
    }

    .kei-subpage-bg-style-03 {
        background-image: none !important;
    }

    .re-menu ul li ul li a {
        padding: 3px 15px 3px 48px;
        background-image: url(../images/responsive_menu_arrow.png);
        background-position: 35px center;
        background-repeat: no-repeat;
        background-size: 7px auto;
        border-bottom: none;
    }

    .re-menu ul li ul {
        border-bottom: solid 1px #A1A9AC;
    }

    .re-menu ul li a.have-lv2 {
        border-bottom: none;
    }
}

@media screen and (max-width: 1024px) {
    .score-board-score .score-img-box .s-text{
        top: 65%;
        left: 57%;
    }
    .home-part2-bg {
        background-image: url("../images/nikkei_bg01.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        right: 0;
        margin-right: -35%;
        top: -100px;
        width: 400px;
        height: 200px;
        z-index: 150;
    }

    .tab button {
        padding: 12px 12px;
    }

    .article-box-img {
        height: 150px;
    }

    .course-selection-card > h4.text {
        font-size: 1.2em;
        bottom: 0%;
    }

    .page-path {
        display: none;
    }

    a.close-all-btn {
        background-size: 34px auto;
        background-position: right center;
    }

    a.open-all-btn {
        background-size: 34px auto;
        background-position: right center;
    }

    select.courses-section {
        font-size: 0.85em;
    }

    .non-qf-courses-box h4 {
        font-size: 1.10em;
    }

    .title-style-01 {
        margin-top: 20px;
        padding-right: 0;
    }

    .text-style-01 {
        margin-top: 0;
    }

    .bottom-under-line {
        padding: 15px 0 15px 0;
        margin-bottom: -15px;
    }

    .application-box {
        padding: 40px 20px;
    }

    .success-box {
        padding: 40px 20px;
    }

    .time-card-group {
        padding: 15px;
        height: 320px;
        overflow-y: auto;
        overflow-x: hidden;
        border: solid 1px #eee;
        border-radius: 8px;
        margin-bottom: 40px;
    }

    /* width */
    .time-card-group::-webkit-scrollbar {
        width: 12px;
    }

    /* Track */
    .time-card-group::-webkit-scrollbar-track {
        background: #ddd;
        border-radius: 8px;
    }

    /* Handle */
    .time-card-group::-webkit-scrollbar-thumb {
        background: #32A0A0;
        border-radius: 8px;
    }

    .timer-area-box {
        width: 100%;
        padding: 35px 15px 35px 15px;
    }

}

@media screen and (max-width: 991px) {
    .submitFiltersButton, .clearFiltersButton {
        margin-top: 5px;
    }

    .container {
        max-width: 100%;
    }

    .container.small {
        max-width: 100%;
    }

    .course-right-arrow.swiper-button-prev {
        top: 300px;
    }

    .course-left-arrow.swiper-button-next {
        top: 300px;
    }

    .home-part6 .top-margin {
        margin-top: 0;
    }

    .home-part6 .event-box {
        width: 380px;
        max-width: 100%;
        margin-top: 0;
    }

    .event-box-icon {
        top: -10px;
    }

    .course-arrow-group {
        position: static;
    }

    .home-part5 .article-box {
        min-height: auto;
    }

    .home-part5 .article-box.box-margin-top {
        margin-top: 35px;
    }

    .home-part5 .top-margin {
        margin-top: 0;
    }

    .home-part5 p {
        margin: 15px 0 5px 0;
    }

    a.course-floating-btn {
        padding: 5px 0;
    }

    .subpage-banner {
        height: 150px;
    }

    .subpage-banner .row {
        height: 150px;
    }

    .floating-icon {
        display: none;
    }

    .page-path {
        padding: 10px 20px;
    }

    .current-vacancies-title {
        min-height: auto;
    }

    .current-vacancies-img {
        background-size: 100% auto;
        height: 120px;
    }

    .current-vacancies-img:hover {
        background-size: 110% auto;
    }

    /*.current-box {*/
    /*    margin-top: 35px;*/
    /*}*/

    .current-box p {
        margin: 5px 0 25px 0;
    }

    .current-card-text iframe, .article-card-text iframe {
        height: 300px;
    }

    .current-card-text, .article-card-text {
        padding: 40px 20px;
    }

    .footer {
        padding: 25px 0;
        font-size: 0.8em;
    }

    .footer p {
        margin-top: 15px;
    }

    .footer-logo-box img {
        max-height: 100px;
    }

    .article-tab.no-margin {
        margin: 15px 0;
        display: inline-block;
    }

    .subpage h2 {
        font-size: 1.5em;
    }

    .subpage h3 {
        font-size: 1.5em;
    }

    .course-content-area .current-vacancies-img {
        height: 180px;
    }

}

@media screen and (max-width: 768px) {

    .re-banner-hide {
        display: none;
    }

    .re-banner-show {
        display: block;
    }

    .course-floating-box {
        width: 100%;
        height: auto;
        left: 0;
    }

    .course-floating-text {
        height: 100px;
    }

    .article-area-box-img {
        width: 100%;
        background-size: 100% auto;
    }

    .article-area-box:hover .article-area-box-img {
        background-size: 110% auto;
    }

    .proficiency-test-box {
        min-height: 25vh;
        background: #FCFCFC;
        border: solid 1px #E8E6D7;
        box-shadow: 2px 2px 4px #ccc;
        border-radius: 30px;
        padding: 20px 25px;
    }

    .proficiency-test-box .row {
        min-height: 25vh;
    }

}

@media screen and (max-width: 575px) {
    .subpage-content.large, .subpage-content.large .row{
        min-height:500px;
    }

    .test-landing-bg{
        width: 470px;
        height: 420px;
    }

    .score-board-score .score-img-box .s-text{
        top: 63%;
        left: 60%;
    }
}

@media screen and (max-width: 525px) {
    .footer-logo-box img {
        max-height: 80px;
    }
}

@media screen and (max-width: 425px) {
    .footer-logo-box img {
        max-height: 65px;
    }

    .non-qf-courses-box.more-style h4 {
        background-position: right 8px center;
    }

    .score-board-score .score-img-box .s-text{
        top: 65%;
        left: 60%;
    }
}

@media screen and (max-width: 500px) {

    .course-floating-box {
        width: 100%;
        height: auto;
        left: 0;
    }

    .course-floating-box img {
        display: none;
    }

    .course-floating-text {
        margin-top: 40px;
    }


}