@media screen and (min-width:1921px) and (max-width:2560px) {
    /*     .location-map {
            height: auto;
        } */
        
    /*     .location-map img {        
            height: auto;          
        } */
        
        .location-info {
            height: 100%;        
        } 
    
        .my-flex-item2 img {
            height: 218px;
        }
    
        .title-banner {
            font-size: 54px;
            margin-bottom: 20px;
            padding-top: 60px;
        }
    
        .title-banner2 {
            font-size: 34px;
        }
    
        .txt-em2 {
            font-size: 24px;
            margin-bottom: 0;
        }
    
        .secret-btn img {
            width: 80%;
            margin-top: 20px;
        }
    }
    
    @media screen and (min-width:1690px) and (max-width:1920px) {
        .nav-flex {
            /* padding:20px 12% 0 20px; */
        }
    
        .my-flex-item-center {
            min-height: 270px;
        }
    
        .banner-btn-lp {
            left: 41%;
        }
    
        .vehicles-img img {
            height: 500px;
        }
    
    /*     .location-map {
            height: auto;
        }
        
        .location-map img {        
            height: auto;          
        } */
        
        .location-info {
            height: 100%;        
        } 
    
        .my-flex-item2 img {
            height: 218px;
        }
    
        .title-banner {
            font-size: 48px;
            margin-bottom: 20px;
            padding-top: 60px;
        }
    
        .title-banner2 {
            font-size: 30px;
        }
    
        .txt-em2 {
            font-size: 22px;
        }
    
        .secret-btn img {
            width: 70%;
            margin-top: 20px;
        }
    
        .my-flex-item-center2 {
            min-height: 443px;
        }
    }
    
    @media screen and (min-width:1440px) and (max-width:1689px) {
    /*     .location-map {
            height: auto;
        }
        
        .location-map img {        
            height: auto;          
        } */
        
        .location-info {
            height: 100%;        
        } 
    
        .my-flex-item-center2 {
            min-height: 370px;
        }
    
        .title-banner {
            font-size: 48px;
            margin-bottom: 20px;
            padding-top: 60px;
        }
    
        .title-banner2 {
            font-size: 30px;
        }
    
        .txt-em2 {
            font-size: 22px;
        }
    
        .secret-btn img {
            width: 70%;
            margin-top: 20px;
        }
    }
    
    @media screen and (max-width:1550px) {
    
        .my-flex-item-center {
            min-height: 270px;
        }
    }
    
    @media screen and (max-width:1380px) {
        .my-flex-item-center {
            min-height: 235px;
        }
    }
    
    @media screen and (max-width:1140px) {
        .nav-item {
            font-size: 0.8rem;
        }
    }
    
    @media screen and (min-width:1025px) and (max-width:1140px) {
        .title-banner {
            font-size: 34px;
        }
    
        .title-banner2 {
            font-size: 22px;
        }
    
        .txt-em2 {
            font-size: 16px;
        }
    }
    
    @media screen and (max-width:1024px) {
    
        .menu-item:last-child a > img {
            width: 250px;
        }
        
        .my-flex-item-center {
            min-height: 187px;
        }
    
        .banner-txt {
            font-size: 26px;
        }
    
        .news-date {
            max-width: 25%;
        }
    
        .news-title {
            max-width: 75%;
        }
        
        .vehicles-img img {
            height: 320px;
        }
    
        .location-info {
            padding: 40px 20px;
        }
    
        .tbl-location-add tr td:first-child {
            width: 20%;
        }
    
        .title-banner {
            font-size: 32px;
            padding-top: 30px;
        }
    
        .txt-em2 {
            font-size: 16px;
        }
    }
    
    
    @media screen and (max-width:1024px) {
        
        .sp-show {
            display: block !important;
        }
    
        .sp-none {
            display: none !important;
        }
    
        .pc-none {
            display: inline-flex !important;
        }
        
        /* Hamburger menu */
        .top-headline.active {
            background: #fff;
            display: block;
        }
    
        .my-logo-sp {
            display: block;
        }
    
        .my-logo-sp.remove {
            display: none;
        }
    
        .my-menu {
            position: relative;
            padding: 15px 0 0 10px;
        }
    
        .my-menu.active {
            background: #000;
            display: block;
            padding-left: 10px;       
        }
        
        .my-menu.active .logo-header {
            margin-left: -10px;
            margin-top: -10px;
        }
        
        .logo-header {
            margin-left: 0;
            position: relative;
            top: 0!important;
        }
        
        .icon-menu {
            position: absolute;      
            top: 8px;
            right: -295%;
            border: 1px solid red;
            padding: 5px 10px;
            color: red;
            cursor: pointer;
        }
        
        .icon-menu.active {
            right: 16px;        
        }
    
        .openMenu {
            display: block!important;
        }
    
        .openMenu.active {
            display: none!important;
        }
    
        .closeMenu {
            display: none !important;
        }
    
        .closeMenu.active {
            display: block !important;
        }
          
        .menu-sp {
            display: none;  
            overflow-y: auto; /* Enable vertical scrolling */
        }
    
        .menu-sp.active {
            display: block;
            position: fixed;
            height: 100vh;
            width: 100%;        
            z-index: 999;
            padding: 0;
            transition: height 3s ease;
            background: #000;;
        }
    
        .menu-flex {
            padding-left: 0;
            margin-top: -8px;
            background: #000;
            padding-bottom: 5px;
        }
    
        .menu-item {
            line-height: 2.4em;
            list-style: none;
            text-align: center;
            padding: 15px 0;
            border-bottom: 1px solid #fff;
        }
    
        .menu-item a {
            color: #fff;
        }
    
        .menu-item.active {
            /* background: rgba(255, 255, 255, 0.6); */
        }
    
        .menu-item.active a {
            color: rgba(195, 34, 39, 1);
        }
    
        .menu-item:last-child {
            border-bottom: none;
        }
        
        .logo-header {
            max-width: 290px;       
        }
        
        .sp-menu-ft {
            background: #fff;
            position: relative;
            z-index: 999;
            top: -17px;
        }
    
        .menu-sp-footer {
            background: #eef4fb;
            width: 100%;   
            padding: 30px 0 0;
            margin-top: -20px;
        }
        
        .txt-footer1 {
            font-size: 16px;
            margin-bottom: 10px;
        }
        
        .txt-footer2 {
            padding: 0 15px;
        }
        
        .tel-ft {
            padding: 0 15px;
        }
        
        .menu-sp-footer .logo-ft {
            display: block;
            margin: 0 auto;
        }
        
        .menu-sp-footer .logo-ft img {
            width: 80%;
            display: block;
            margin: 0 auto 20px;
        }
        
        .menu-sp-footer .icon-tel {
            margin-bottom: -10px;
        }
        
        .menu-sp-footer .map-ft {
            margin-top: 20px;
            margin-bottom: 20px;
        }    
        
        .menu-sp-footer .copyright {
            background: #3572b7;
            color: #fff;
            text-align: center;
            padding: 15px 0;
        }
    
        .top-headline h1 {
            font-size: 13px;
            padding: 10px 5px 10px;
            text-align: center;
        }
    
        .top-headline h1.active {
            padding: 5px 5px;
            text-align: center;
        }
        /*== End hamburger menu ==*/
    }
    
    @media screen and (max-width:992px) { 
        .location-map {
            height: auto;
        }
    
        .location-map img {
            height: auto;
        }
    
        .location-info {
            height: auto;
        }
    
        .tbl-location-add tr td:first-child {
            width: 10%;
        }   
        
        .row.no-gutters.location-wrapper {
            display: block;
        }
    
        .location-wrapper > div:last-child {
            max-width: 100%;
        }
    
        .location-wrapper > div:first-child {
            max-width: 100%;
        }
    }
    
    @media screen and (max-width:991px) { 
        .title-banner {
            font-size: 30px;
        }
    
        .title-banner2 {
            font-size: 22px;
        }
    
        .txt-em2 {
            font-size: 14px;
        }
    
    }
    
    
    
    @media screen and (max-width:834px) { 
        .txt-em {
            font-size: 18px;
        }
    
        .news-date {
            max-width: 30%;
        }
    
        .news-title {
            max-width: 70%;
        }
    
        .location-info {
            padding: 40px 20px;
        }
        
        .tbl-location-add tr td:first-child {
            width: 10%%;
        }   
    
        .title-banner {
            font-size: 28px;        
        }
    
        .txt-em2 {
            font-size: 14px;
            margin-bottom: 0;
        }
        
        .form-group .form-control02 {
            padding: 0;
        }
        
    }
    
    @media screen and (max-width:801px) { 
        .form-group > p {
            display: block;
        }
    
        .form-group p .wpcf7-form-control-wrap {
            width: 100%;
            display: block;
        }
    
        .form-group p label {
            margin: 0 0 10px;
        }
    }
    
    @media screen and (max-width:768px) { 
        .main-content {
            top: 60%;
        }
    
        .main-content-text p {
            font-size: 24px;
        }
    
        .txt-em {
            font-size: 17px;
        }
    
        #interview {
            margin-top: -5px;
        }
    
        #flow {
            margin-top: -5px;
        }
    
        .advantages-wrapper h4 .txt {
            top: -2px;
        }
    
        .benefits-text h4 .txt {
            top: -2px;
        }
    
        .interview-wrapper {
            width: 100%;
        }
    
        .interview-detail {
            width: 100%;
        }
    
        .vehicles-img img {
            height: 250px;
        }
    
        .title-banner {
            font-size: 24px;        
        }
    
        .title-banner2 {
            font-size: 20px;
        }
    
        .txt-em2 {
            font-size: 12px;
            margin-top: 0;
            margin-bottom: 0;
        }
    
        .secret-btn img {
            width: 70%;
            margin-top: -10px;
        }

        .glossary-menu ul li {
            margin-bottom: 20px;
        }
    }
    
    @media screen and (max-width:767px) {
        .advantages-wrapper {	
            width: 100%;
        }
        
        .benefits-wrapper {
            width: 100%;
        }
        
        .icon-menu {
            position: absolute;      
            top: 15px;
            right: 10px;
            border: 1px solid red;
            padding: 5px 10px;
            color: red;
        }
        
        .about-desc {
            margin-left: 0;
        }
        
        .benefits-desc {
            margin-left: 0;
            margin-top: 0;
        }
        
        .conditions-desc {
            margin-left: 0;
        }
        
        
    .location-wrapper {
        margin: 40px 0;
    }
        
        .icon-menu.active {
            right: 10px;
        }
        
        .my-menu.active .logo-header {
            margin-top: -10px;
        }
    
        .banner-btn-lp {
            left: 50%;
        }
       
        #main {
            top: 0;
        }
        
        #top-bar {
            background: #000;
        }
    
        #main h2 img {
            min-height: 300px;        
        }
    
        .main-content {
            top: 60%;
        }
    
        .main-content-text p {
            font-size: 18px;
        }
    
        .main-content-btn a img {
            margin-top: 0;
        }
    
        .banner-img img {
            object-fit: cover;    
            height: 710px;       
            margin-top: 0;
        }

        /* .main-top .banner-img img {
            height: auto;
        } */
    
        .greeting-text p {
            margin-top: 20px;
        }
    
        .recruitment-table table td span {
            padding-left: 0px;
        }
        
        table.tbl-about tr td {
            display: block;
        }
    
        table.tbl-about tr td:first-child {
            font-weight: 700;
            background: #000;
        }
    
        .service-content-wrapper {
            padding: 0;
        }
    
        .service-img-box {
            margin: 0 auto 20px;
        }
    
        .service-btn {
            padding-left: 0;
            text-align: center;
        }
    
        .strength-box h3 {
            font-size: 17px;
        }
    
        .strength-text p {
            text-align: left;
        }
    
        .strength-desc {
            text-align: left;
        }
    
        .voice-content-wrapper {
            width: 100%;
        }
    
        .voice-text p {
            margin-top: 20px;
        }
    
        .voice-img1 {
            margin-bottom: 0;
        }
    
        .voice-text1 {
            margin-bottom: 60px;
        }
    
        .my-flex-item {
            max-width: 100%;
        }
    
        .my-flex-item-center {
            max-width: 100%;
        }
    
        .my-flex-item-center2 {
            max-width: 100%;
        }
    
        .ig-item {
            max-width: 100%;
            margin: 0 0 30px 0
        }
    
        .news-wrap {
            width: 100%;
        }
    
        .news-date {
            max-width: 100%;
        }
    
        .news-title {
            max-width: 100%;
        }
    
        .footer-right {
            margin-top: 40px;
        }
    
        .txt-em {
            font-size: 16px;
        }
    
        .banner-txt {
            font-size: 24px;
            width: 100%;
            text-align: center; 
            display: none;           
        }

        .main-top .banner-txt {
            /* display: none; */
        }


    
        .banner-txt span {
            font-size: 36px;
        }
        
        .title-en {
            font-size: 30px;
        }
    
        .message-img {
            margin-bottom: 20px;
        }
    
        .interview-img {
            margin-bottom: 20px;
        }
    
        #interview2 {
            padding: 40px 0;
        }
    
        #interview3 {
            padding: 40px 0;
        }
    
        .interview-btn img {
            width: 100%;
        }
    
        .advantages-wrapper h4 .num {
            font-size: 36px;
            margin-right: 10px;
        }
    
        .advantages-wrapper h4 {
            font-size: 20px;
        }
        
        .advantages-img {
            margin-bottom: 20px;
        }
    
        .advantages-img h4 {
            text-align: left; 
            font-size: 20px;      
        }
    
        .advantages-img:first-of-type h4 {
            margin-top: 0;;
        }
    
        #flow {
            margin-top: -10px;
        }
    
        .flow-wrapper {
            width: 100%;
        }
    
        .flow-img img {        
            width: 20%;
            margin: 0 auto;
            display: block;
        }
    
        .benefits-text h4 {
            font-size: 20px;
        }
    
        .benefits-text h4 .num {
            font-size: 36px;
            margin-right: 10px;
        }
        .order1-sp {
            order: 1;
        }
    
        .order2-sp {
            order: 2;
        }
    
        #faq-recruit {
            margin-top: -5px;
        }
    
        .faq-recruit-wrapper {
            width: 100%;
        }
    
        .text-position {
            margin-bottom: 40px;
        }
    
        .recruitment-table {
            width: 100%;
        }
    
        .vehicles-table {
            width: 100%;
        }
    
        .recruitment-table table th {
            display: block;
            width: 100%;
        }
    
        .recruitment-table table td {
            display: block;
            width: 100%;
        }
    
        .training-img {
            margin-bottom: 20px;
        }
    
        .tabs-wrap {
            flex-wrap: wrap;
        }
        
        .tab-item {
            max-width: 100%;
            margin: 0;
        }
        
        .tab-item:last-child {
            max-width: 100%;
        }
    
        .tabs-wrap2 {
            flex-wrap: wrap;
        }
        
        .tab-item2 {
            max-width: 100%;
            margin: 0;
        }
        
        .tab-item2:last-child {
            max-width: 100%;
        }
    
        .commendation-text {
            width: 100%;
        }
    
        .banner-btn {
            left: 50%;
            bottom: -65px;
        }        
    
        .tbl-location-add tr td:first-child {
            width: 25%;
        }
    
       .location-map {
            height: auto;
        }
        
        .location-map img {        
            height: auto;          
        }
        
        .location-info {
            height: auto;        
        }    
    
        #secret {
            background: #000;
            overflow-x: hidden;            
        }
    
        #secret .container-fluid {
            padding: 0;
        }
    
        .banner-text {
            width: 100%;
        }
    
        .title-banner {
            font-size: 28px;
            padding-top: 0;
        }
    
        .title-banner2 {
            font-size: 22px;
        }
    
        .txt-em2 {
            font-size: 18px;
            margin-top: 5px;
            margin-bottom: 10px;
        }
    
        .recruit-btn.secret-btn {
            margin-top: 0;
        }
    
        .secret-btn img {
            width: 60%;
            margin-top: 0;
        }
    
        .sp-show767 {
            display: block;
        }   
    
        .sp-none767 {
            display: none;
        }
    
        .banner-img-sp {
            /*width: 100%;*/
			display: none;
        }

        #positions {
            margin-top: 40px;
        }

        #vehicles {
            margin-top: 40px;
        }

        #contact {
            margin-top: 40px;
        }

        .training-desc {
            text-align: left;
        }

        .glossary-btn a:first-child {
            margin-right: 0
        }

        .glossary-btn a:first-child .glossary-btn-img {
            margin: 40px 0 20px;
        }

        .glossary-content-img {
            width: 100%;
            margin: 10px 0;
        }

        .glossary-content-text {
            width: 100%;
        }

        .glossary-menu ul {
            padding-left: 0;
        }

        .glossary-menu ul li {
            margin-bottom: 20px;
            padding: 0 10px;
        }

        .glossary-menu ul li:nth-child(5) {
            border-right: none;
        }
    }
    
    /* Make the form responsive */
    @media (max-width: 768px) {
        .form-group {
            flex-direction: column;
            align-items: flex-start;
        }
    
        .form-group label {
            margin-bottom: 5px;
        }
    
        .form-group .form-control {
            width: 100%;
        }   
    }
    
    @media (max-width: 767px) {
        .contact-form {
            width: 88%;
        }
    
        .form-group p label {
            min-width: 300px;
        }
        
        .commendation-img img {
            float: none;
        }
    
        .vehicles-title {
            margin: 20px auto;
            text-align: center;        
        }
    
        .vehicles-img img {
            height: 250px;
        }
    
        .vehicles-img:first-of-type {
            margin-bottom: 20px;
        }
    
        #vehicles {
            padding: 80px 15px;
        }
    
        .tabs-content2 {
            padding: 0 15px 70px;
        }
        
        .message-wrapper {
            width: 100%;
            margin: 0;
        }
    
        #message .col-md-5 {
            padding: 0;
        }
    
        #interview .col-md-5, #interview2 .col-md-5, #interview3 .col-md-5 {
            padding: 0;
        }
    
        .interview-detail {
            margin: 0;
        }
        
        #benefits .col-md-6.order1-sp {
            padding: 0;
        }
        
        textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control02 {
            width: 100%;
        }
    }
    

        @media screen and (max-width:376px) {
            .glossary-menu ul li {
                font-size: 26px;
            }
        }

        @media screen and (max-width:320px) {
            .glossary-menu ul li {
                font-size: 18px;
            }
        }