/* >> career Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.careerPage{
	.careerVideo{
		max-width: 1200px;
		margin: 2rem auto 0;
		.video-container{
			position: relative;
			padding-bottom: 56.25%;
			padding-top: 30px;
			height: 0;
			overflow: hidden;
			iframe{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
		}
		.buttonWrapper{
			margin-top: 3.5rem;
		}
	}
	.section--cta{
		background-color: $color-section;
		background-image: url("../images/quote-bg.svg");
		.contentWrapper{
			padding: 0;
			justify-content: center;
			text-align: center;
			.cimsor-h3{color: #fff;}
		}
	}
	.section--split{
		.form__title{
			margin-bottom: 0;
		}
		.form__subtitle{
			color: #fff;
			margin-bottom: 3rem;
		}
	}
	.section--info{
		background-color: transparent;
		text-align: center;
		.contentWrapper{
			max-width: 800px;
			.statText{
				padding: 0;
				margin: 0;
				background-color: transparent;
			}
			.sectionTitle{margin-bottom: 3rem;}
			span{
				color: $color-primary;
			}
		}
	}
	.careerList{
		padding: 0;
		background-color: transparent;
		.sectionTitle{
			position: relative; 
			margin: 0 auto; 
			text-align: center; 
			font-family: $titleFont; 
			font-size: 1.2rem; 
			line-height: 1.2;
			font-weight: 800; 
			padding: 4rem 2rem;
			text-transform: none; 
			color: $color-title;
			@media #{$mq-tab}{font-size: 1.4rem;}
			@media #{$mq-iPad_land}{font-size: 2rem; }
			@media #{$mq-pc_1400}{font-size: 3rem; }
		}
		.careerContainer{
			@extend %flexBox;
			background-color: $color-section;
			flex-direction: column-reverse;
			align-items: stretch;
			@media #{$mq-iPad_land}{flex-direction: row;}
			.career-block{
				width: 100%;
				@media #{$mq-iPad_land}{width: 50%;}
				.cimsor-h4-color{
					margin-bottom: 2rem;
				}
				.career-logo{
					img{
						max-width: 400px;
						margin: 0px auto 2rem auto;
					}
				}
				.statText{
					padding: 0;
					background-color: transparent;
					&:before{
						display: none;
					}
				}
				&.career-text{
					align-self: center;
					padding: 2rem;
					@media #{$mq-iPad_port}{padding: 3rem;}
					.block-info{font-size: 14px; margin-bottom: 2rem;}
					span{
						color: $color-primary;
					}
				}
				&.career-img{
					display: flex;
					img{
						object-fit: cover;
					}
				}
			}
			&:nth-child(2n){
				flex-direction: column;
				@media #{$mq-iPad_land}{flex-direction: row;}
			}
			&:last-child{
				text-align: center;
				@media #{$mq-iPad_land}{text-align: left;}
			}
			&.careerContainer-full{
				background: url("../images/career/bg-05.jpg") no-repeat center center;
				background-size: cover;
				.career-block{
					width: 100%;
					max-width: 1200px;
					margin: 0 auto;
				}
			}
		}
		.statText{
			padding: 0;
			margin: 0 auto;
		}
	}
}