@charset "UTF-8";


	
	
/* job
--------------------- */
.job {
	overflow: hidden;
}
#technicalt {
	background: url("../../common/img/bg-gr.png") no-repeat center bottom / 100%;
}
	.job .text-pht .text {
		width: 48%;
	}
	#sales .text-pht .text {
		order: 2;
	}

	.job .text-pht .pht {
		width: 48%;
		border-radius: 5px;
		overflow: hidden;
	}
	#sales .text-pht .pht {
		order: 1;
	}
		.job .text-pht .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	.job .flow {
		margin-top: 5%;
		text-align: center;
	}
		.job .flow h3 {
			font-size: 3.0rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: 15px;
		}
			.job .flow h3 span {
				font-size: 2.0rem;
			}

		.job .flow img {
			max-width: 1100px;
		}
@media screen and (max-width: 1024px) {
	.job .flow {
		margin-top: 45px;
	}
		.job .flow h3 {
			font-size: 2.4rem;
			margin-bottom: 12px;
		}
			.job .flow h3 span {
				font-size: 1.6rem;
			}
}
@media screen and (max-width: 768px) {
	.job .text-pht {
		display: block;
	}
		.job .text-pht .text {
			width: 100%;
			margin-bottom: 20px;
		}

		.job .text-pht .pht {
			width: 100%;
		}

	.job .flow {
		margin-top: 40px;
	}
		.job .flow h3 {
			font-size: 2.0rem;
		}
			.job .flow h3 span {
				font-size: 1.4rem;
			}

		.job .flow .js-scrollable {
			width: 116%;
			margin-left: -8%;
			padding: 0 7%;
		}
		.job .flow img {
			max-width: 100%;
			min-width: 700px;
		}
}


	
	
/* pagetitle-interview
--------------------- */
#pagetitle-interview.movie-bg {
	background: rgba(0,0,0,0.3);
}
	#pagetitle-interview .movie {
		width: 100%;
		height: 100vh;
		height: 100dvh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
	}
		#pagetitle-interview .movie video {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#pagetitle-interview .mainpht {
		width: 100%;
		height: 100vh;
		height: 100dvh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
	}
		#pagetitle-interview .mainpht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#pagetitle-interview .inner {
		height: 100vh;
		height: 100dvh;
	}
		#pagetitle-interview .head {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding-top: 130px;
		}
			#pagetitle-interview .head .number {
				font-size: 3.6rem;
				font-weight: 600;
				line-height: 1;
				margin-right: 30px;
			}

			#pagetitle-interview .head .parent {
				font-size: 1.4rem;
				font-weight: 500;
				line-height: 1;
			}
				#pagetitle-interview .head .parent span {
					font-size: 2.2rem;
				}

		#pagetitle-interview .text {
			position: absolute;
			bottom: 50px;
			left: 5%;
		}
			#pagetitle-interview .text .catch {
				font-size: 3.4rem;
				font-weight: 700;
				line-height: 1.4em;
				margin-bottom: 40px;
			}

			#pagetitle-interview .text .profile {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-bottom: 15px;
			}
				#pagetitle-interview .text .profile h1 {
					font-size: 3.2rem;
					font-weight: 600;
					line-height: 1;
					margin-right: 20px;
				}

				#pagetitle-interview .text .profile .label {
					display: inline-block;
					border-radius: 5px;
					border: solid 1px #fff;
					font-size: 1.4rem;
					font-weight: 500;
					line-height: 1;
					padding: 6px 6px 5px 6px;
					margin-top: -5px;
				}

			#pagetitle-interview .text .job {
				font-size: 1.5rem;
				font-weight: 500;
				line-height: 1.6em;
			}
@media screen and (max-width: 1024px) {
	#pagetitle-interview .head {
		padding-top: 90px;
	}
		#pagetitle-interview .head .number {
			font-size: 3.0rem;
			margin-right: 25px;
		}

		#pagetitle-interview .head .parent {
			font-size: 1.2rem;
		}
			#pagetitle-interview .head .parent span {
				font-size: 2.0rem;
			}

	#pagetitle-interview .text {
		bottom: 40px;
	}
		#pagetitle-interview .text .catch {
			font-size: 3.0rem;
		}

		#pagetitle-interview .text .profile h1 {
			font-size: 3.0rem;
		}

		#pagetitle-interview .text .profile .label {
			font-size: 1.3rem;
		}

		#pagetitle-interview .text .job {
			font-size: 1.4rem;
		}
}
@media screen and (max-width: 768px) {
	#pagetitle-interview.os .movie video {
		width: 170%;
		margin-left: -70%;
	}
	
	#pagetitle-interview .head {
		padding-top: 70px;
	}
		#pagetitle-interview .head .number {
			font-size: 2.6rem;
			margin-right: 20px;
		}

		#pagetitle-interview .head .parent {
			font-size: 1.0rem;
		}
			#pagetitle-interview .head .parent span {
				font-size: 1.8rem;
			}

	#pagetitle-interview .text {
		bottom: 30px;
		left: 7%;
	}
		#pagetitle-interview .text .catch {
			font-size: 2.3rem;
			margin-bottom: 30px;
		}

		#pagetitle-interview .text .profile h1 {
			font-size: 2.8rem;
		}

		#pagetitle-interview .text .profile .label {
			font-size: 1.2rem;
		}

		#pagetitle-interview .text .job {
			font-size: 1.3rem;
		}
}


	
	
/* interview
--------------------- */
.interview {
	background: #fff;
	overflow: hidden;
}
	.interview h3.blue {
		font-size: 2.2rem;
		font-weight: 700;
		line-height: 1.5em;
		margin-bottom: 12px;
	}

	.interview .pht {
		overflow: hidden;
	}
		.interview .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}


	#description .text {
		width: 58%;
		order: 2;
	}

	#description .pht {
		width: 40%;
		margin-left: -6%;
		border-radius: 0 5px 5px 0;
		order: 1;
	}


	#important .text {
		padding: 0 10% 50px 10%;
	}

	#important .pht {
		width: 106%;
		margin-right: -6%;
		border-radius: 5px 0 0 5px;
	}


	#rewarded-reason .text.flex-start {
		margin-bottom: 70px;
	}
		#rewarded-reason .text.flex-start .ttl {
			width: 35%;
		}

		#rewarded-reason .text.flex-start .area {
			width: 52%;
		}

	#rewarded-reason .text.full {
		width: 58%;
		margin-top: -50px;
	}

#rewarded-reason {
	background: #fff url("../../common/img/bg-white.png") no-repeat center top / 100%;
}
	#rewarded-reason ul.pht-list {
		margin-left: -6%;
	}
		#rewarded-reason ul.pht-list li {
			overflow: hidden;
		}
		#rewarded-reason ul.pht-list li:nth-child(1) {
			width: 50%;
			border-radius: 0 5px 5px 0;
		}
		#rewarded-reason ul.pht-list li:nth-child(2) {
			width: 32%;
			margin-top: 140px;
			border-radius: 5px;
		}
@media screen and (max-width: 1024px) {
	.interview h3.blue {
		font-size: 2.0rem;
	}
	
	
	#description .text {
		width: 53%;
	}

	#description .pht {
		width: 45%;
	}


	#important .text {
		padding: 0 10% 40px 10%;
	}


	#rewarded-reason .text.flex-start {
		margin-bottom: 70px;
	}
		#rewarded-reason .text.flex-start .ttl {
			width: 35%;
		}

		#rewarded-reason .text.flex-start .area {
			width: 55%;
		}

	#rewarded-reason .text.full {
		width: 58%;
		margin-top: -60px;
	}

	#rewarded-reason ul.pht-list li:nth-child(2) {
		margin-top: 100px;
	}
}
@media screen and (max-width: 768px) {
	.interview h3.blue {
		font-size: 1.7rem;
	}
	
	
	#description .inner {
		display: block;
	}
		#description .text {
			width: 100%;
			margin-bottom: 30px;
		}

		#description .pht {
			width: 108%;
			margin-left: -8%;
		}


	#important .text {
		padding: 0 0 30px 0;
	}
	
	#important .pht {
		aspect-ratio: 16 / 9;
	}


	#rewarded-reason .text.flex-start {
		display: block;
		margin-bottom: 30px;
	}
		#rewarded-reason .text.flex-start .ttl {
			width: 100%;
		}

		#rewarded-reason .text.flex-start .area {
			width: 100%;
		}

	#rewarded-reason .text.full {
		width: 100%;
		margin-top: 45px;
	}

	#rewarded-reason ul.pht-list li:nth-child(1) {
		width: 67%;
		margin-left: -8%;
	}
	#rewarded-reason ul.pht-list li:nth-child(2) {
		margin-top: 60px;
	}
}


	
	
/* schedule
--------------------- */
#schedule {
	overflow: hidden;
}
#schedule.movie-bg {
	background: rgba(0,0,0,0.5);
}
	#schedule .swiper-container {
		position: relative;
		padding: 40px 0 0 0;
	}
		#schedule .swiper-container .swiper-slide {
			position: relative;
			padding-right: 50px;
		}
		#schedule .swiper-container .swiper-slide:before {
			content: "";
			width: 100%;
			height: 1px;
			background: #fff;
			position: absolute;
			top: 56px;
			left: 0;
		}
			#schedule .swiper-container .swiper-slide time {
				display: block;
				font-size: 3.0rem;
				font-weight: 600;
				line-height: 1;
				margin-bottom: 20px;
				padding-bottom: 35px;
				position: relative;
			}
			#schedule .swiper-container .swiper-slide time:before {
				content: "";
				width: 18px;
				height: 18px;
				border-radius: 50%;
				background: #fff;
				position: absolute;
				bottom: 0;
				left: 0;
			}

		#schedule .swiper-container .swiper-slide h3 {
			font-size: 2.0rem;
			font-weight: 700;
			line-height: 1.3em;
		}

		#schedule .swiper-container .swiper-button-prev {
			width: 60px;
			height: 60px;
			background: url("../img/interview/btn_arrow_prev.svg") no-repeat center / 100%;
			border-radius: 50%;
			top: -70px;
			left: auto;
			right: 75px;
			margin: 0;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#schedule .swiper-container .swiper-button-prev:after {
			display: none;
		}

		#schedule .swiper-container .swiper-button-next {
			width: 60px;
			height: 60px;
			background: url("../img/interview/btn_arrow_next.svg") no-repeat center / 100%;
			border-radius: 50%;
			top: -70px;
			right: 0;
			margin: 0;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#schedule .swiper-container .swiper-button-next:after {
			display: none;
		}

		#schedule .swiper-container .swiper-button-prev:hover,
		#schedule .swiper-container .swiper-button-next:hover {
			opacity: 0.7;
		}
@media screen and (max-width: 1024px) {
	#schedule .swiper-container .swiper-slide:before {
		top: 49px;
	}
		#schedule .swiper-container .swiper-slide time {
			font-size: 2.6rem;
			margin-bottom: 18px;
			padding-bottom: 30px;
		}
		#schedule .swiper-container .swiper-slide time:before {
			width: 16px;
			height: 16px;
		}

	#schedule .swiper-container .swiper-slide h3 {
		font-size: 1.7rem;
	}

	#schedule .swiper-container .swiper-button-prev {
		width: 50px;
		height: 50px;
		top: -60px;
		right: 65px;
	}

	#schedule .swiper-container .swiper-button-next {
		width: 50px;
		height: 50px;
		top: -60px;
	}
}
@media screen and (max-width: 768px) {
	#schedule .swiper-container {
		padding-top: 20px;
	}
		#schedule .swiper-container .swiper-slide:before {
			top: 46px;
		}
			#schedule .swiper-container .swiper-slide time {
				font-size: 2.4rem;
			}

		#schedule .swiper-container .swiper-slide h3 {
			font-size: 1.6rem;
		}

		#schedule .swiper-container .swiper-button-prev {
			width: 40px;
			height: 40px;
			top: -60px;
			right: 50px;
		}

		#schedule .swiper-container .swiper-button-next {
			width: 40px;
			height: 40px;
			top: -60px;
		}
}


	
	
/* interview-list
--------------------- */
#interview-list {
	overflow: hidden;
}
	#interview-list .swiper-container {
		padding: 5px 0 50px 0;
		position: relative;
	}
		#interview-list .swiper-container a.linkbox {
			display: block;
		}
			#interview-list .swiper-container a.linkbox .join {
				margin-top: 22px;
				font-size: 1.4rem;
				line-height: 1;
				margin-bottom: 10px;
			}

			#interview-list .swiper-container a.linkbox h3 {
				font-size: 1.8rem;
				font-weight: 500;
				line-height: 1.4em;
				margin-bottom: 20px;
			}

		#interview-list .swiper-container .swiper-pagination {
			bottom: 0;
		}
			#interview-list .swiper-container .swiper-pagination .swiper-pagination-bullet {
				width: 20px;
				height: 2px;
				border-radius: 0;
				background: #D0D0D0;
				border: none;
				opacity: 1;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#interview-list .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
				background: #0962A8;
				opacity: 1;
			}
@media screen and (max-width: 768px) {
	#interview-list .swiper-container {
		padding: 5px 0 40px 0;
}
		#interview-list .swiper-container a.linkbox .join {
			margin-top: 18px;
			font-size: 1.2rem;
		}

		#interview-list .swiper-container a.linkbox h3 {
			font-size: 1.6rem;
			margin-bottom: 15px;
		}
			#interview-list .swiper-container a.linkbox h3 br {
				display: none;
			}
}


	
	
/* interview-all
--------------------- */
#interview-all a.linkbox {
	display: block;
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 50px;
}
#interview-all a.linkbox:nth-child(3n) {
	margin-right: 0;
}
	#interview-all a.linkbox .join {
		margin-top: 22px;
		font-size: 1.4rem;
		line-height: 1;
		margin-bottom: 10px;
	}

	#interview-all a.linkbox h3 {
		font-size: 1.8rem;
		font-weight: 500;
		line-height: 1.4em;
		margin-bottom: 20px;
	}
@media screen and (max-width: 1024px) {
	#interview-all a.linkbox {
		width: 47.5%;
		margin-right: 5%;
		margin-bottom: 40px;
	}
	#interview-all a.linkbox:nth-child(3n) {
		margin-right: 5%;
	}
	#interview-all a.linkbox:nth-child(2n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 768px) {
	#interview-all .inner {
		display: block;
	}
		#interview-all a.linkbox {
			width: 100%;
			margin-right: 0;
			margin-bottom: 35px;
		}
		#interview-all a.linkbox:nth-child(3n) {
			margin-right: 0;
		}
		#interview-all a.linkbox:nth-last-child(1) {
			margin-bottom: 0;
		}
			#interview-all a.linkbox .join {
				margin-top: 18px;
				font-size: 1.2rem;
			}

			#interview-all a.linkbox h3 {
				font-size: 1.6rem;
				margin-bottom: 15px;
			}
}