@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;
	}

	.vid-frame {
		width: 100%;
		height: 82%;
	}

	.dl-pausevid__vid {
		width: 94%;
		height: 400px;
		top: -42px;
	}

	#site-photos .dl-pausevid__vid {
		height: 42vw;
	}
}


@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;
	}

	#ceo-interview {
		padding: 80px 0 0;
	}

	.dl-pausevid__vid {
		width: 94%;
		height: 301px;
		top: -89px;
	}

	.vid-frame {
		height: 63%;
	}

	.video__controls {
		bottom: 110px;
	}

}

@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%;
		margin: 20px 0;
	}

	.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:768px) {
	.dl-pausevid__vid {
		width: 94%;
		height: 280px;
		top: -94px;
	}

	.vid-frame {
		height: 60%;
	}

}

@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;
	}

	#ceo-interview {
		padding: 80px 0 0;
	}

	.top-video-wrapper2,
	.top-video-wrapper3,
	.top-video-wrapper4 {
		display: none;
	}

	.dl-pausevid__vid {
		height: auto;
		top: 34px;
		width: 91%;
	}

	.vid-frame {
		height: 138%;
		width: 100%;
	}

	.video__controls {
		bottom: -260px;
	}

}

/* 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%;
	}

	.recruitment-blog-wrapper {
		display: block;
	}
}


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

	#ceo-interview {
		padding: 80px 0 280px;
	}

	.dl-pausevid__vid {
		height: auto;
		top: 51px;
		width: 91%;
	}

	.vid-frame {
		height: 117%;
		width: 100%;
	}

	.video__controls {
		bottom: -180px;
	}
}

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

@media screen and (max-width:1024px) {
	.glossary-btn a:nth-child(3n) {
		padding: 20px 0 0;
		display: block;
	}

	.recruitment-blog__content {
		margin: 10px auto;
	}.

	recruitment-blog__content {
		width: 90%;
	}

	#recruitment-blog .col-md-4 {
		margin: 0 10px 0 0;
		text-align: center;
	}

	.recruitment-blog__subcontent2 {
		text-align: left;
	}

	.dl-pausevid__vid {
		height: 360px;
	}
	
	#ceo-interview .slider__container-site-photos,
	#interview .slider__container-site-photos {
        height: 100%;
        top: 0;
        border-radius: 2vw;
        margin: 0;
    }
    
    #ceo-interview .slider__item-site-photos > video,
	#interview .slider__item-site-photos > video {
        height: 100%;
        top: 0;
        border-radius: 10px;
    }
	
	#ceo-interview .vid-frame,
	#interview .vid-frame {
		height: 32vw;
	}
}

@media screen and (max-width: 991px) {
    #ceo-interview .slider__item-site-photos > video,
	#interview .slider__item-site-photos > video {
        height: 100%;
        top: 0;
        border-radius: 10px;
    }

    #ceo-interview .slider__container-site-photos,
	#interview .slider__container-site-photos {
        width: 90%;
    }
}

@media screen and (max-width:820px) {
	#ceo-interview .slider__container-site-photos,
	#interview .slider__container-site-photos,
	.slider-nav__arrows-site-photos {
		margin: 20px auto;
		width: calc(30% - 35px);
	}

	#ceo-interview .slider__container-site-photos,
	#interview .slider__container-site-photos {
		top: -7%;
		width: 100%;
	}
}

@media screen and (max-width:768px) {
	width: calc(30% - 25px);
}

@media screen and (max-width:767px) {
	img.recruitment-blog__image {
		height:unset;
	}
}

@media screen and (max-width:767px) {
	.glossary-btn a:nth-child(2n) {
		margin: 0;
	}

	.site-photos-flex {
		display: block;
	}

	.site-photos-item {
		width: 100%;
		margin: 0 0 40px;
	}

	#site-photos .dl-pausevid__vid {
		height: 150vw;
		top: 0;
	}

	#welcome-truck .title-jp {
		margin: 40px 0;
	}

	.welcome-truck-desc {
		margin: 0 0 20px;
	}

	#recruitment-blog .col-md-4 {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.recruitment-blog__content {
		margin: 10px 0 40px;
	}

	#ceo-interview .slider__container-site-photos,
	#interview .slider__container-site-photos {
		top: -12%;
		width: 100%;
	}

	#ceo-interview .dl-pausevid__vid,
	#interview .dl-pausevid__vid {
		height: 580px;
	}


	#ceo-interview .vid-frame,
	#interview .vid-frame {
		top: unset;
		left: unset;
		transform: unset;
	}

	#ceo-interview .slider__container-site-photos,
	#interview .slider__container-site-photos,
	.slider-nav__arrows-site-photos {
		width: 96%;
		text-align: center;
		top: 0;
		margin: 0;
	}

	#ceo-interview .slider__container-site-photos,
	#interview .slider__container-site-photos {
		height: 100%;
	}

	#ceo-interview .dl-pausevid__vid,
	#interview .dl-pausevid__vid {
		height: 615px;
		height: 100%;
		top: 0;
	}
	
	#ceo-interview .slider__container-site-photos,
	#interview .slider__container-site-photos {
        border-radius: 12vw;
    }
    #ceo-interview .slider__container-site-photos,
	#interview .slider__container-site-photos {
        width: 97%;
    }
	#ceo-interview .slider-nav__arrows-site-photos,
	#interview .slider-nav__arrows-site-photos {
		transform: unset;
		margin: 10px 0 0;
	}
	
	.item-hide-sp {
		display: none;
	}
	
	 .pagination {
        float: unset!important;
    }
	
	.welcome-truck-desc {
		text-align: left;
	}

	#welcome-truck .title-jp {
		text-align: left;
		margin: 20px 0;
	}

	#welcome-truck .col-sm-12 {
		margin: 0;
		padding: 0;
	}
	
    #ceo-interview .vid-frame,
	#interview .vid-frame {
            height: 100%;
            max-height: unset;
        }
}