@media (min-width: 640px){}
@media (min-width: 768px){}
@media (min-width: 834px){}
@media (min-width: 900px){}
@media (min-width: 1080px){}
@media (min-width: 1152px){}
@media (min-width: 1280px){}
@media (min-width: 1366px){}
@media (min-width: 1440px){}
@media (min-width: 1600px){}
@media (min-width: 1920px){}
@media (min-width: 2280px){}
/* --------------------- */
@media (max-width: 2280px){}
@media (max-width: 1920px){}
@media (max-width: 1600px){}
@media (max-width: 1440px){}
@media (max-width: 1366px){}
@media (max-width: 1280px){
	section.article.slogan .slogan-title .slogan-title-text{
		font-size: 3rem;
	}
	section.article.slogan .btn-wrapper{
		padding-top: 15px;
	}
}
@media (max-width: 1152px){}
@media (max-width: 1080px){
	section.article.slogan .slogan-title .slogan-title-text {
		padding: 10px 20px;
		font-size: 2rem;
	}
	section.article.slogan h4 {
		padding-top: 10px;
		margin-bottom: 0px;
	}
	section.article.slogan-alt p{
		font-size: 1.6rem;
	}
	section.article.slogan .btn-wrapper {
		padding-top: 5px;
	}
}
@media (max-width: 900px){
	.main-content .container{
		max-width: 95%;
	}
	section.article.slogan .slogan-title .slogan-title-text{
		font-size: 1.4rem;
	}
	section.article.slogan .banner img{
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
		width: 125%;
	}
}
@media (max-width: 834px){
	.banner-slide .image-desktop{
		display: none;
	}
	.banner-slide .image-mobile{
		display: block;
	}
	section.article.slogan-alt p{
		width: 75%;
	}
}
@media (max-width: 768px){
	section.article.slogan .banner img{
		width: 100%;
	}
	section.article.slogan h4{
		padding: 15px 15px 0;
	}
	section.article.slogan .description{
		padding: 15px 15px 0;
	}
	section.article.slogan .btn-wrapper{
		padding: 15px 15px 30px;
		text-align: center;
	}
	section.article.slogan-alt p{
		width: 85%;
	}
}
@media (max-width: 640px){
	.banner-slide ul li a .banner-description{
		width: 90%;
	}
		.banner-slide ul li a .banner-description .title {
			font-size: 1.8rem;
		}
		.banner-slide ul li a .banner-description .description {
			padding: 10px 0 10px;
			font-size: 1.3rem;
		}
		.banner-slide ul li a .banner-description .description-btn{
			/*width: 80%;*/
			font-size: 1.1rem;
		}
	section.article.career-intro p{
		width: 100%;
	}
	section.article.slogan h4{
		padding: 0 20px;
	}
	section.article.slogan .description{
		padding: 0 20px;
	}
	section.article.slogan .btn-wrapper{
		padding: 30px 0 0;
		text-align: center;
	}
	section.article.benefit h4 {
		font-size: 2.6rem;
		text-align: center;
	}
	section.article.career-position .btn-wrapper {
		padding: 10px 0 0;
		text-align: center;
		float: none !important;
	}
	section.article.career-position .career-position-list .career-position-list-control{
		display: none;
	}
	section.article.slogan-alt p{
		width: 90%;
		font-size: 1.6rem;
	}
}
@media (max-width: 414px){
	.banner-slide ul li a .banner-description .description-btn{
		width: 60%;
	}
	section.article.slogan{
		padding: 60px 0 60px;
	}
		section.article.slogan .slogan-title .slogan-title-text{
			font-size: 2.4rem;
		}
		section.article.slogan h4 {
			padding: 20px 20px 0;
		}
	section.article.benefit h4{
		font-size: 2.2rem;
	}
	section.article.benefit p br{
		display: none;
	}
	section.article.career-position{
		padding: 20px 0 0;
	}
}
@media (max-width: 375px){
	.banner-slide ul li a .banner-description{
		width: 100%;
	}
	section.article.slogan .slogan-title .slogan-title-text{
		font-size: 2rem;
	}
}
@media (max-width: 320px){}
/* --------------------- */
@media (orientation: landscape){}
/* --------------------- */
@media screen and (max-device-width: 767px) and (orientation: landscape){}
/* --------------------- */
@media screen and (max-device-width: 767px) and (orientation: portrait){}
/* iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){}
/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){}
/* Retina iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2){}
/* Retina iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){}
/* iPad 1 & 2 Media Queries */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2){}
/* iPad 1 & 2 in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){}
/* iPad 1 & 2 in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1){}
/* iPad 1 & 2 in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1){}