@charset "UTF-8";


	

	
/* fv
--------------------- */
#fv {
	width: 100%;
	overflow: hidden;
	margin-top: 120px;
	position: relative;
}
#fv:before {
	content: "";
	width: 92%;
	height: 70%;
	background: url("../common/images/pafetitle_bg.webp") no-repeat center / cover;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}
	#fv .loopSlider {
		height: 500px;
		position: relative;
	}
		#fv .loopSlider .loopslider_wrap {
			height: 500px;
			display: -webkit-flex;
			display: flex;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}
			#fv .loopSlider .loopslider_wrap ul {
				display: -webkit-flex;
				display: flex;
			}
				#fv .loopSlider .loopslider_wrap ul li {
					width: 500px;
					margin: 0 30px;
					position: relative;
				}
				#fv .loopSlider .loopslider_wrap ul li:before {
					content: "";
					width: 100%;
					height: 100%;
					background: #002153;
					opacity: 0.1;
					position: absolute;
					top: 10px;
					left: 10px;
					z-index: -1;
				}
	
		#fv .loop-control {
			position: absolute;
			z-index: 11;
			bottom: 100px;
			right: 90px;
			width: fit-content;
		}
			#fv .loop-control .loop-pause,
			#fv .loop-control .loop-start {
				width: 40px;
				height: 40px;
				border: 0;
				cursor: pointer;
				transition: all .3s;
			}
			#fv .loop-control .loop-start {
				margin-right: 5px;
				background: url(../images/swiper_start_black.svg) no-repeat center / cover;
			}
			#fv .loop-control .loop-start:hover {
				background: url(../images/swiper_start_white.svg) no-repeat center / cover;
			}
			#fv .loop-control .loop-start.active {
				background: url(../images/swiper_start_white.svg) no-repeat center / cover;
			}

			#fv .loop-control .loop-pause {
				background: url(../images/swiper_pause_black.svg) no-repeat center / cover;
			}
			#fv .loop-control .loop-pause:hover {
				background: url(../images/swiper_pause_white.svg) no-repeat center / cover;
			}
			#fv .loop-control .loop-pause.active {
				background: url(../images/swiper_pause_white.svg) no-repeat center / cover;
			}
	
	#fv .text {
		padding: 50px 0 50px 15%;
	}
		#fv .text h1 {
			font-size: 5.0rem;
			font-weight: 700;
			line-height: 1;
			margin-bottom: 20px;
		}
		#fv .text .en {
			font-size: 2.2rem;
			font-weight: 500;
			line-height: 1;
		}

	#fv .bnr {
		width: 250px;
		position: absolute;
		bottom: 40px;
		right: 20%;
		z-index: 2;
		transition: all 0.3s;
	}
@media screen and (max-width: 1024px) {
	#fv {
		margin-top: 70px;
	}
	#fv:before {
		height: 80%;
	}
		#fv .loopSlider {
			height: 50vw;
		}
			#fv .loopSlider .loopslider_wrap {
				height: 50vw;
			}
				#fv .loopSlider .loopslider_wrap ul li {
					width: 50vw;
					margin: 0 3vw;
				}
				#fv .loopSlider .loopslider_wrap ul li:before {
					top: 1vw;
					left: 1vw;
				}
		
		#fv .loop-control {
			bottom: 9.5vw;
			right: 4vw;
		}
			#fv .loop-control .loop-pause,
			#fv .loop-control .loop-start {
				width: 4vw;
				height: 4vw;
			}
			#fv .loop-control .loop-start {
				margin-right: .5vw;
			}

		#fv .text {
			padding: 5vw 0 5vw 15vw;
		}
			#fv .text h1 {
				font-size: 5.0vw;
				margin-bottom: 2vw;
			}
			#fv .text .en {
				font-size: 2.2vw;
			}

		#fv .bnr {
			width: 22vw;
			bottom: 4vw;
			right: 15vw;
		}
}
@media screen and (max-width: 767px) {
	#fv:before {
		width: 100%;
		height: 80%;
	}
		#fv .loopSlider {
			height: 70vw;
		}
			#fv .loopSlider .loopslider_wrap {
				height: 70vw;
			}
				#fv .loopSlider .loopslider_wrap ul li {
					width: 70vw;
					margin: 0 4vw;
				}
				#fv .loopSlider .loopslider_wrap ul li:before {
					top: 2vw;
					left: 2vw;
				}
		
		#fv .loop-control {
			bottom: 4vw;
			right: 14vw;
		}
			#fv .loop-control .loop-pause,
			#fv .loop-control .loop-start {
				width: 7.3vw;
				height: 7.3vw;
			}
			#fv .loop-control .loop-start {
				margin-right: 1.7vw;
			}

		#fv .text {
			padding: 7vw 0 7vw 7%;
		}
			#fv .text h1 {
				font-size: 7.4vw;
				margin-bottom: 2vw;
			}
			#fv .text .en {
				font-size: 3.8vw;
			}

		#fv .bnr {
			width: 30vw;
			bottom: 16vw;
			right: 7%;
		}
}




	
/* at-first
--------------------- */
#at-first {
	overflow: hidden;
}
	#at-first .pickup {
		padding-top: 20px;
		margin-bottom: 70px;
	}
		#at-first .pickup a.linkbox {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 46%;
			border: solid 1px #002153;
			position: relative;
		}
			#at-first .pickup a.linkbox .pht {
				width: 40%;
				margin-top: -40px;
				margin-left: -20px;
			}

			#at-first .pickup a.linkbox .text {
				width: 60%;
				padding: 40px 40px 40px 20px;
			}
				#at-first .pickup a.linkbox .text .head {
					font-size: 1.4rem;
					font-weight: 500;
					line-height: 1;
					margin-bottom: 12px;
				}

				#at-first .pickup a.linkbox .text h3 {
					font-size: 2.2rem;
					font-weight: 700;
					line-height: 1.3em;
					margin-bottom: 15px;
				}

				#at-first .pickup a.linkbox .text .read {
					font-size: 1.4rem;
					line-height: 1.8em;
					margin-bottom: 15px;
				}

	#at-first .swiper-container {
		position: relative;
		padding: 0;
	}
		#at-first .swiper-container a.swiper-slide {
			display: block;
		}
			#at-first .swiper-container a.swiper-slide .pht-bg {
				position: relative;
			}
			#at-first .swiper-container a.swiper-slide .pht-bg:before {
				content: "";
				width: 100%;
				height: 100%;
				background: #002153;
				opacity: 0.1;
				position: absolute;
				top: 10px;
				left: 10px;
				z-index: -1;
			}

			#at-first .swiper-container a.swiper-slide .text {
				padding-top: 25px;
				padding-left: 10px;
				position: relative;
			}
			#at-first .swiper-container a.swiper-slide .text:before {
				content: "";
				width: 15px;
				height: 15px;
				background: url("../common/images/icon_arrow_black.svg") no-repeat center / 100%;
				position: absolute;
				top: 24px;
				right: 0;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#at-first .swiper-container a.swiper-slide:hover .text:before {
				background: url("../common/images/icon_arrow_blue.svg") no-repeat center / 100%;
			}
			#at-first .swiper-container a.swiper-slide .text.external:before {
				width: 14px;
				height: 14px;
				background: url("../common/images/icon_external_black.svg") no-repeat center / 100%;
			}
			#at-first .swiper-container a.swiper-slide:hover .text.external:before {
				background: url("../common/images/icon_external_blue.svg") no-repeat center / 100%;
			}
				#at-first .swiper-container a.swiper-slide .text .head {
					font-size: 1.2rem;
					font-weight: 500;
					line-height: 1;
					margin-bottom: 10px;
				}

				#at-first .swiper-container a.swiper-slide .text h3 {
					font-size: 1.8rem;
					font-weight: 700;
					line-height: 1.3em;
					margin-bottom: 8px;
				}

				#at-first .swiper-container a.swiper-slide .text .read {
					font-size: 1.2rem;
					line-height: 1.8em;
				}
@media screen and (max-width: 1024px) {
	#at-first .pickup {
		padding-top: 2vw;
		margin-bottom: 6vw;
	}
		#at-first .pickup a.linkbox {
			width: 47%;
		}
			#at-first .pickup a.linkbox .pht {
				width: 35%;
				margin-top: 0;
				margin-left: -2vw;
			}

			#at-first .pickup a.linkbox .text {
				width: 65%;
				padding: 3vw 3vw 3vw 1vw;
			}
				#at-first .pickup a.linkbox .text .head {
					font-size: 1.4vw;
					margin-bottom: 1.0vw;
				}

				#at-first .pickup a.linkbox .text h3 {
					font-size: 2.0vw;
					margin-bottom: 1.2vw;
				}

				#at-first .pickup a.linkbox .text .read {
					font-size: 1.4vw;
					line-height: 1.8em;
					margin-bottom: 1.5vw;
				}

	#at-first .swiper-container a.swiper-slide .pht-bg:before {
		top: 1vw;
		left: 1vw;
	}

	#at-first .swiper-container a.swiper-slide .text {
		padding-top: 2.5vw;
		padding-left: 0;
	}
	#at-first .swiper-container a.swiper-slide .text:before {
		width: 1.3vw;
		height: 1.3vw;
		top: 2.4vw;
	}
	#at-first .swiper-container a.swiper-slide .text.external:before {
		width: 1.25vw;
		height: 1.25vw;
	}
		#at-first .swiper-container a.swiper-slide .text .head {
			font-size: 1.0vw;
			margin-bottom: 1.0vw;
		}

		#at-first .swiper-container a.swiper-slide .text h3 {
			font-size: 1.5vw;
			margin-bottom: 0.8vw;
		}

		#at-first .swiper-container a.swiper-slide .text .read {
			font-size: 1.1vw;
		}
}
@media screen and (max-width: 767px) {
	#at-first .pickup {
		display: block;
		padding-top: 2vw;
		margin-bottom: 10vw;
	}
		#at-first .pickup a.linkbox {
			width: 100%;
			margin-bottom: 7vw;
		}
		#at-first .pickup a.linkbox:nth-last-child(1) {
			margin-bottom: 0;
		}
			#at-first .pickup a.linkbox .pht {
				width: 35%;
				margin-top: 0;
				margin-left: -8.5%;
			}
			#at-first .pickup a.linkbox:nth-child(2) .pht {
				margin-right: -8.5%;
				order: 2;
			}

			#at-first .pickup a.linkbox .text {
				width: 65%;
				padding: 6vw 6vw 6vw 0;
			}
			#at-first .pickup a.linkbox:nth-child(2) .text {
				padding: 6vw 0 6vw 6vw;
				order: 1;
			}
				#at-first .pickup a.linkbox .text .head {
					font-size: 2.8vw;
					margin-bottom: 3.0vw;
				}

				#at-first .pickup a.linkbox .text h3 {
					font-size: 4.4vw;
					margin-bottom: 3.0vw;
				}

				#at-first .pickup a.linkbox .text .read {
					font-size: 3.2vw;
					line-height: 1.7em;
					margin-bottom: 3.5vw;
				}

	#at-first .swiper-container {
		padding-bottom: 11vw;
	}
		#at-first .swiper-container a.swiper-slide .pht-bg:before {
			top: 2vw;
			left: 2vw;
		}

		#at-first .swiper-container a.swiper-slide .text {
			padding-top: 6vw;
			padding-left: 0;
		}
		#at-first .swiper-container a.swiper-slide .text:before {
			width: 4.0vw;
			height: 4.0vw;
			top: 4.8vw;
		}
		#at-first .swiper-container a.swiper-slide .text.external:before {
			width: 3.9vw;
			height: 3.9vw;
			top: 4.8vw;
		}
			#at-first .swiper-container a.swiper-slide .text .head {
				font-size: 2.8vw;
				margin-bottom: 2.5vw;
			}

			#at-first .swiper-container a.swiper-slide .text h3 {
				font-size: 4.2vw;
				margin-bottom: 2.5vw;
			}

			#at-first .swiper-container a.swiper-slide .text .read {
				font-size: 3.0vw;
				line-height: 1.7em;
			}

			#at-first .swiper-container .swiper-pagination {
				bottom: 1.9vw;
			}
				#at-first .swiper-container .swiper-pagination .swiper-pagination-bullet {
					width: 2vw;
					height: 2vw;
					border-radius: 1vw;
					background: #002153;
					border: none;
					opacity: 0.3;
					transition: 0.3s;
					-webkit-transition: 0.3s;
				}
				#at-first .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
					width: 4vw;
					background: #002153;
					opacity: 1;
				}
			#at-first .swiper-container .swiper-control {
				width: fit-content;
				position: absolute;
				z-index: 11;
				bottom: 0;
				right: 0;
			}
				#at-first .swiper-container .swiper-control .swiper_pause,
				#at-first .swiper-container .swiper-control .swiper_start {
					width: 7.3vw;
					height: 7.3vw;
					border: 0;
					cursor: pointer;
					transition: all .3s;
				}
				#at-first .swiper-container .swiper-control .swiper_start {
					margin-right: 1vw;
					background: url(../images/swiper_start_black.svg) no-repeat center / cover;
				}
				#at-first .swiper-container .swiper-control .swiper_start:hover {
					background: url(../images/swiper_start_white.svg) no-repeat center / cover;
				}
				#at-first .swiper-container .swiper-control .swiper_start.active {
					background: url(../images/swiper_start_white.svg) no-repeat center / cover;
				}

				#at-first .swiper-container .swiper-control .swiper_pause {
					background: url(../images/swiper_pause_black.svg) no-repeat center / cover;
				}
				#at-first .swiper-container .swiper-control .swiper_pause:hover {
					background: url(../images/swiper_pause_white.svg) no-repeat center / cover;
				}
				#at-first .swiper-container .swiper-control .swiper_pause.active {
					background: url(../images/swiper_pause_white.svg) no-repeat center / cover;
				}
}




	
/* people
--------------------- */
#people .list {
	margin-bottom: 70px;
}
	#people .list a.linkbox {
		display: block;
		width: 47%;
	}
		#people .list a.linkbox .pht-bg {
			position: relative;
		}
		#people .list a.linkbox .pht-bg:before {
			content: "";
			width: 100%;
			height: 100%;
			background: #002153;
			opacity: 0.1;
			position: absolute;
			top: 10px;
			left: 10px;
			z-index: -1;
		}

		#people .list a.linkbox .text {
			padding-top: 35px;
			padding-left: 10px;
			padding-right: 50px;
			background: url("../common/images/icon_arrow_black.svg") no-repeat right bottom 5px / 20px;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#people .list a.linkbox:hover .text {
			background: url("../common/images/icon_arrow_blue.svg") no-repeat right bottom 5px / 20px;
		}
			#people .list a.linkbox .text .head {
				font-size: 1.4rem;
				font-weight: 500;
				line-height: 1;
				margin-bottom: 12px;
			}

			#people .list a.linkbox .text h3 {
				font-size: 2.6rem;
				font-weight: 700;
				line-height: 1.3em;
				margin-bottom: 10px;
			}
@media screen and (max-width: 1024px) {
	#people .list {
		margin-bottom: 6vw;
	}
		#people .list a.linkbox .pht-bg:before {
			top: 1vw;
			left: 1vw;
		}

		#people .list a.linkbox .text {
			padding-top: 3.5vw;
			padding-left: 1vw;
			padding-right: 5vw;
			background: url("../common/images/icon_arrow_black.svg") no-repeat right bottom 0.5vw / 2vw;
		}
		#people .list a.linkbox:hover .text {
			background: url("../common/images/icon_arrow_blue.svg") no-repeat right bottom 0.5vw / 2vw;
		}
			#people .list a.linkbox .text .head {
				font-size: 1.4vw;
				margin-bottom: 1.2vw;
			}

			#people .list a.linkbox .text h3 {
				font-size: 2.4vw;
				margin-bottom: 1vw;
			}
}
@media screen and (max-width: 767px) {
	#people .list {
		display: block;
		margin-bottom: 10vw;
	}
		#people .list a.linkbox {
			width: 100%;
			margin-bottom: 8vw;
		}
		#people .list a.linkbox:nth-last-child(1) {
			margin-bottom: 0;
		}
			#people .list a.linkbox .pht-bg:before {
				top: 2vw;
				left: 2vw;
			}

			#people .list a.linkbox .text {
				padding-top: 7vw;
				padding-left: 1vw;
				padding-right: 0;
				background: url("../common/images/icon_arrow_black.svg") no-repeat right bottom 1vw / 5vw;
			}
			#people .list a.linkbox:hover .text {
				background: url("../common/images/icon_arrow_blue.svg") no-repeat right bottom 1vw / 5vw;
			}
				#people .list a.linkbox .text .head {
					font-size: 2.8vw;
					margin-bottom: 3.0vw;
				}

				#people .list a.linkbox .text h3 {
					font-size: 4.8vw;
					margin-bottom: 3vw;
				}

				#people .list a.linkbox .text .txt {
					padding-right: 10vw;
				}
}




	
/* aaaa
--------------------- */
#interview {
	overflow: hidden;
	position: relative;
}
#interview:before {
	content: "";
	width: 50%;
	height: 45%;
	background: url("../common/images/pafetitle_bg.webp") no-repeat center / cover;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
	#interview .ttlbox {
		width: 45%;
		padding-top: 30px;
		padding-bottom: 50px;
	}
		#interview .ttlbox .head {
			font-size: 1.4rem;
			font-weight: 500;
			line-height: 1;
			margin-bottom: 12px;
		}

		#interview .ttlbox h3 {
			font-size: 2.6rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: 10px;
		}

	#interview .swiper-container {
		position: relative;
	}
		#interview .swiper-container a.swiper-slide {
			display: block;
		}
			#interview .swiper-container a.swiper-slide .pht-bg {
				position: relative;
			}
			#interview .swiper-container a.swiper-slide .pht-bg:before {
				content: "";
				width: 100%;
				height: 100%;
				background: #002153;
				opacity: 0.1;
				position: absolute;
				top: 10px;
				left: 10px;
				z-index: -1;
			}

			#interview .swiper-container a.swiper-slide .text {
				padding: 0 10px;
				background: url("../common/images/icon_arrow_black.svg") no-repeat right 10px bottom 5px / 20px;
				position: relative;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#interview .swiper-container a.swiper-slide:hover .text {
				background: url("../common/images/icon_arrow_blue.svg") no-repeat right 10px bottom 5px / 20px;
			}
				#interview .swiper-container a.swiper-slide .text .job {
					margin-top: -15px;
					text-align: center;
					margin-bottom: 15px;
				}
					#interview .swiper-container a.swiper-slide .text .job span {
						display: inline-block;
						height: 30px;
						background: #fff;
						padding: 0 15px;
						border: solid 1px #007CB5;
						border-radius: 15px;
						font-size: 1.4rem;
						font-weight: 500;
						line-height: 29px;
					}

				#interview .swiper-container a.swiper-slide .text .catch {
					font-size: 1.8rem;
					font-weight: 700;
					line-height: 1.4em;
					margin-bottom: 12px;
				}

				#interview .swiper-container a.swiper-slide .text h3 {
					font-size: 2.6rem;
					font-weight: 500;
					line-height: 1;
					margin-bottom: 10px;
				}

				#interview .swiper-container a.swiper-slide .text .join {
					font-size: 1.3rem;
					line-height: 1.6em;
				}

		#interview .swiper-container .swiper-pagination {
			bottom: 0;
		}
			#interview .swiper-container .swiper-pagination .swiper-pagination-bullet {
				width: 8px;
				height: 8px;
				border-radius: 4px;
				background: #002153;
				border: none;
				opacity: 0.3;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#interview .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
				width: 20px;
				background: #002153;
				opacity: 1;
			}


		#interview .swiper-container .swiper-button-prev {
			width: 58px;
			height: 58px;
			background: url("../common/images/btn_slider_prev.svg") no-repeat center / 100%;
			border-radius: 50%;
			top: 22%;
			left: -23px;
			margin: 0;
		}
		#interview .swiper-container .swiper-button-prev:after {
			display: none;
		}

		#interview .swiper-container .swiper-button-next {
			width: 58px;
			height: 58px;
			background: url("../common/images/btn_slider_next.svg") no-repeat center / 100%;
			border-radius: 50%;
			top: 22%;
			right: -23px;
			margin: 0;
		}
		#interview .swiper-container .swiper-button-next:after {
			display: none;
		}

		#interview .swiper-container .swiper-control {
			position: relative;
			z-index: 11;
			width: fit-content;
			margin-left: auto;
			padding-top: 25px;
		}
			#interview .swiper-container .swiper-control .swiper_pause,
			#interview .swiper-container .swiper-control .swiper_start {
				width: 40px;
				height: 40px;
				border: 0;
				cursor: pointer;
				transition: all .3s;
			}
			#interview .swiper-container .swiper-control .swiper_start {
				margin-right: 5px;
				background: url(../images/swiper_start_black.svg) no-repeat center / cover;
			}
			#interview .swiper-container .swiper-control .swiper_start:hover {
				background: url(../images/swiper_start_white.svg) no-repeat center / cover;
			}
			#interview .swiper-container .swiper-control .swiper_start.active {
				background: url(../images/swiper_start_white.svg) no-repeat center / cover;
			}

			#interview .swiper-container .swiper-control .swiper_pause {
				background: url(../images/swiper_pause_black.svg) no-repeat center / cover;
			}
			#interview .swiper-container .swiper-control .swiper_pause:hover {
				background: url(../images/swiper_pause_white.svg) no-repeat center / cover;
			}
			#interview .swiper-container .swiper-control .swiper_pause.active {
				background: url(../images/swiper_pause_white.svg) no-repeat center / cover;
			}
@media screen and (max-width: 1024px) {
	#interview .ttlbox {
		padding-top: 3.0vw;
		padding-bottom: 5.0vw;
	}
		#interview .ttlbox .head {
			font-size: 1.4vw;
			margin-bottom: 1.2vw;
		}

		#interview .ttlbox h3 {
			font-size: 2.4vw;
			margin-bottom: 1.0vw;
		}

	
	#interview .swiper-container a.swiper-slide .pht-bg:before {
		top: 1vw;
		left: 1vw;
	}

	#interview .swiper-container a.swiper-slide .text {
		padding: 0 1vw;
		background: url("../common/images/icon_arrow_black.svg") no-repeat right 1vw bottom 1vw / 2vw;
	}
	#interview .swiper-container a.swiper-slide:hover .text {
		background: url("../common/images/icon_arrow_blue.svg") no-repeat right 1vw bottom 1vw / 2vw;
	}
		#interview .swiper-container a.swiper-slide .text .job {
			margin-top: -1.5vw;
			margin-bottom: 1.5vw;
		}
			#interview .swiper-container a.swiper-slide .text .job span {
				height: 3vw;
				padding: 0 1.5vw;
				border-radius: 1.5vw;
				font-size: 1.4vw;
				line-height: 2.9vw;
			}

		#interview .swiper-container a.swiper-slide .text .catch {
			font-size: 2vw;
			margin-bottom: 1.2vw;
		}

		#interview .swiper-container a.swiper-slide .text h3 {
			font-size: 2.6vw;
			margin-bottom: 1.0vw;
		}

		#interview .swiper-container a.swiper-slide .text .join {
			font-size: 1.3vw;
		}

	#interview .swiper-container .swiper-pagination .swiper-pagination-bullet {
		width: 0.8vw;
		height: 0.8vw;
		border-radius: 0.4vw;
	}
	#interview .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
		width: 2.0vw;
	}


	#interview .swiper-container .swiper-button-prev {
		width: 5.8vw;
		height: 5.8vw;
		top: 22%;
		left: -2.3vw;
	}
	#interview .swiper-container .swiper-button-next {
		width: 5.8vw;
		height: 5.8vw;
		right: -2.3vw;
	}

	#interview .swiper-container .swiper-control {
		padding-top: 2vw;
	}
		#interview .swiper-container .swiper-control .swiper_pause,
		#interview .swiper-container .swiper-control .swiper_start {
			width: 4vw;
			height: 4vw;
		}
		#interview .swiper-container .swiper-control .swiper_start {
			margin-right: .5vw;
		}
}
@media screen and (max-width: 767px) {
	#interview .ttlbox {
		width: 100%;
		padding-top: 5.0vw;
		padding-bottom: 6.0vw;
	}
		#interview .ttlbox .head {
			font-size: 2.8vw;
			margin-bottom: 3vw;
		}

		#interview .ttlbox h3 {
			font-size: 4.8vw;
			margin-bottom: 3vw;
		}

	#interview .swiper-container {
		padding-bottom: 11vw;
	}
		#interview .swiper-container a.swiper-slide .pht-bg:before {
			top: 2vw;
			left: 2vw;
		}

		#interview .swiper-container a.swiper-slide .text {
			padding: 0;
			background: url("../common/images/icon_arrow_black.svg") no-repeat right 0 bottom 1vw / 4vw;
		}
		#interview .swiper-container a.swiper-slide:hover .text {
			background: url("../common/images/icon_arrow_blue.svg") no-repeat right 1vw bottom 1vw / 4vw;
		}
			#interview .swiper-container a.swiper-slide .text .job {
				margin-top: -4vw;
				margin-bottom: 1.5vw;
			}
				#interview .swiper-container a.swiper-slide .text .job span {
					height: 6vw;
					padding: 0 3vw;
					border-radius: 3vw;
					font-size: 3.0vw;
					line-height: 5.9vw;
				}

			#interview .swiper-container a.swiper-slide .text .catch {
				font-size: 3.3vw;
				margin-bottom: 3vw;
			}

			#interview .swiper-container a.swiper-slide .text h3 {
				font-size: 4.6vw;
				margin-bottom: 2.0vw;
			}

			#interview .swiper-container a.swiper-slide .text .join {
				font-size: 2.8vw;
			}

		#interview .swiper-container .swiper-pagination .swiper-pagination-bullet {
			width: 2vw;
			height: 2vw;
			border-radius: 1vw;
		}
		#interview .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
			width: 4.0vw;
		}

		#interview .swiper-container .swiper-button-prev,
		#interview .swiper-container .swiper-button-next {
			display: none;
		}
		
		#interview .swiper-container .swiper-control {
			position: absolute;
			bottom: -2vw;
			right: 0;
		}
			#interview .swiper-container .swiper-control .swiper_pause,
			#interview .swiper-container .swiper-control .swiper_start {
				width: 7.3vw;
				height: 7.3vw;
			}
			#interview .swiper-container .swiper-control .swiper_start {
				margin-right: 1.7vw;
			}
}




	
/* recruit
--------------------- */
#recruit .bg {
	padding: 100px 0;
}
#recruit .list a.linkbox {
	display: block;
	width: 48%;
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	padding: 40px;
	position: relative;
}
#recruit .list a.linkbox:hover {
	background: rgba(255, 255, 255, 1);
}
#recruit .list a.linkbox:before {
	content: "";
	width: 20px;
	height: 20px;
	background: url("../common/images/icon_arrow_black.svg") no-repeat center / 100%;
	position: absolute;
	top: 50%;
	right: 40px;
	margin-top: -10px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
#recruit .list a.linkbox:hover:before {
	background: url("../common/images/icon_arrow_blue.svg") no-repeat center / 100%;
}
	#recruit .list a.linkbox .head {
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 1;
		margin-bottom: 8px;
	}

	#recruit .list a.linkbox h3 {
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.3em;
	}
@media screen and (max-width: 1024px) {
	#recruit .bg {
		padding: 10vw 0;
	}
	#recruit .list a.linkbox {
		width: 48%;
		padding: 4vw;
	}
	#recruit .list a.linkbox:before {
		width: 2vw;
		height: 2vw;
		right: 4vw;
		margin-top: -1vw;
	}
		#recruit .list a.linkbox .head {
			font-size: 1.4vw;
			margin-bottom: 0.8vw;
		}

		#recruit .list a.linkbox h3 {
			font-size: 2.4vw;
		}
}
@media screen and (max-width: 767px) {
	#recruit .bg {
		padding: 13vw 0;
	}
	#recruit .list {
		display: block;
	}
		#recruit .list a.linkbox {
			width: 100%;
			padding: 5vw;
			margin-top: 5vw;
		}
		#recruit .list a.linkbox:before {
			width: 4vw;
			height: 4vw;
			right: 5vw;
			margin-top: -2vw;
		}
			#recruit .list a.linkbox .head {
				font-size: 2.8vw;
				margin-bottom: 2vw;
			}

			#recruit .list a.linkbox h3 {
				font-size: 4.4vw;
			}
}