@charset "UTF-8";


	
	
/* message
--------------------- */
#message h3 {
	font-size: calc(32 * var(--vw-ratio));
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: calc(20 * var(--vw-ratio));
}


#message .list .row {
	margin-top: calc(100 * var(--vw-ratio));
}
	#message .list .row .text {
		width: 55%;
	}
	#message .list .row:nth-child(2n) .text {
		order: 2;
	}
		#message .list .row .text .en {
			padding-left: calc(20 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1;
			position: relative;
			margin-bottom: calc(15 * var(--vw-ratio));
		}
		#message .list .row .text .en:before {
			content: "";
			width: calc(10 * var(--vw-ratio));
			height: calc(10 * var(--vw-ratio));
			border-radius: 50%;
			background: #1481C2;
			position: absolute;
			top: calc(3 * var(--vw-ratio));
			left: 0;
		}

		#message .list .row .text h3 {
			font-size: calc(32 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: calc(10 * var(--vw-ratio));
		}

		#message .list .row .text h4 {
			font-size: calc(26 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: calc(25 * var(--vw-ratio));
		}

	#message .list .row .pht {
		width: 40%;
		border-radius: calc(20 * var(--vw-ratio));
	}
	#message .list .row:nth-child(2n) .pht {
		order: 1;
	}
@media screen and (max-width: 767px) {
	#message h3 {
		font-size: calc(26 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1.3em;
		margin-bottom: calc(20 * var(--vw-ratio));
	}
	
	#message .list .row {
		display: block;
		margin-top: calc(50 * var(--vw-ratio));
	}
		#message .list .row .text {
			width: 100%;
			margin-bottom: calc(25 * var(--vw-ratio));
		}
			#message .list .row .text .en {
				font-size: calc(16 * var(--vw-ratio));
				padding-left: calc(18 * var(--vw-ratio));
				margin-bottom: calc(12 * var(--vw-ratio));
			}
			#message .list .row .text .en:before {
				width: calc(8 * var(--vw-ratio));
				height: calc(8 * var(--vw-ratio));
				top: calc(4 * var(--vw-ratio));
			}

			#message .list .row .text h3 {
				font-size: calc(26 * var(--vw-ratio));
				margin-bottom: calc(10 * var(--vw-ratio));
			}

			#message .list .row .text h4 {
				font-size: calc(21 * var(--vw-ratio));
				margin-bottom: calc(20 * var(--vw-ratio));
			}

		#message .list .row .pht {
			width: 100%;
		}
}


	
	
/* resources
--------------------- */
#resources .read {
	margin-bottom: calc(45 * var(--vw-ratio));
}

#resources h3 {
	font-size: calc(26 * var(--vw-ratio));
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: calc(20 * var(--vw-ratio));
}

#resources .list .box {
	width: 31%;
}
	#resources .list .box .pht {
		display: flex;
		justify-content: center;
		align-items: center;
		height: calc(240 * var(--vw-ratio));
		background: #EDF5FA;
		border-radius: calc(20 * var(--vw-ratio));
	}

	#resources .list .box h4 {
		font-size: calc(22 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
		margin-top: calc(18 * var(--vw-ratio));
		margin-bottom: calc(15 * var(--vw-ratio));
	}

	#resources .list .box .txt-16.center {
		text-align: center;
	}
@media screen and (max-width: 767px) {
	#resources .read {
		margin-bottom: calc(30 * var(--vw-ratio));
	}

	#resources h3 {
		font-size: calc(22 * var(--vw-ratio));
		margin-bottom: calc(15 * var(--vw-ratio));
	}
	
	#resources .list {
		display: block;
	}
		#resources .list .box {
			width: 100%;
			margin-bottom: calc(30 * var(--vw-ratio));
		}
		#resources .list .box:nth-last-child(1){
			margin-bottom: 0;
		}
			#resources .list .box .pht {
				height: calc(170 * var(--vw-ratio));
				padding: 0 calc(50 * var(--vw-ratio));;
			}
	
			#resources .list .box h4 {
				font-size: calc(20 * var(--vw-ratio));
			}
}


	
	
/* positions
--------------------- */
#positions .read {
	margin-bottom: calc(45 * var(--vw-ratio));
}

#positions .list .box {
	width: 48%;
}
	#positions .list .box .pht {
		border-radius: calc(20 * var(--vw-ratio));
	}

	#positions .list .box .label {
		width: calc(80 * var(--vw-ratio));
		height: calc(24 * var(--vw-ratio));
		background: #1481C2;
		border-radius: calc(12 * var(--vw-ratio));
		font-weight: 700;
		text-align: center;
		margin: calc(-12 * var(--vw-ratio)) auto 0 auto;
		position: relative;
		z-index: 2;
	}

	#positions .list .box h4 {
		font-size: calc(22 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
		margin-top: calc(15 * var(--vw-ratio));
		margin-bottom: calc(12 * var(--vw-ratio));
	}

	#positions .list .box .txt-16 {
		text-align: center;
	}


#positions .row .text {
	width: 55%;
}
	#positions .row .text .en {
		padding-left: calc(20 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1;
		position: relative;
		margin-bottom: calc(15 * var(--vw-ratio));
	}
	#positions .row .text .en:before {
		content: "";
		width: calc(10 * var(--vw-ratio));
		height: calc(10 * var(--vw-ratio));
		border-radius: 50%;
		background: #1481C2;
		position: absolute;
		top: calc(3 * var(--vw-ratio));
		left: 0;
	}

	#positions .row .text h3 {
		font-size: calc(32 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1.3em;
		margin-bottom: calc(10 * var(--vw-ratio));
	}

	#positions .row .text h4 {
		font-size: calc(26 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1.3em;
		margin-bottom: calc(25 * var(--vw-ratio));
	}

#positions .row .pht {
	width: 40%;
	border-radius: calc(20 * var(--vw-ratio));
}
@media screen and (max-width: 767px) {
	#positions .read {
		margin-bottom: calc(30 * var(--vw-ratio));
	}
	
	#positions .list {
		display: block;
	}
		#positions .list .box {
			width: 100%;
			margin-bottom: calc(40 * var(--vw-ratio));
		}
		#positions .list .box:nth-last-child(1){
			margin-bottom: 0;
		}
			#positions .list .box h4 {
				margin-top: calc(12 * var(--vw-ratio));
				font-size: calc(20 * var(--vw-ratio));
			}


	#positions .row {
		display: block;
	}
		#positions .row .text {
			width: 100%;
			margin-bottom: calc(25 * var(--vw-ratio));
		}
			#positions .row .text .en {
				font-size: calc(16 * var(--vw-ratio));
				padding-left: calc(18 * var(--vw-ratio));
				margin-bottom: calc(12 * var(--vw-ratio));
			}
			#positions .row .text .en:before {
				width: calc(8 * var(--vw-ratio));
				height: calc(8 * var(--vw-ratio));
				top: calc(4 * var(--vw-ratio));
			}

			#positions .row .text h3 {
				font-size: calc(26 * var(--vw-ratio));
				margin-bottom: calc(10 * var(--vw-ratio));
			}

			#positions .row .text h4 {
				font-size: calc(21 * var(--vw-ratio));
				margin-bottom: calc(20 * var(--vw-ratio));
			}

		#positions .row .pht {
			width: 100%;
		}
}


	
	
/* job
--------------------- */
#job ul.tabs li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 49%;
	height: calc(56 * var(--vw-ratio));
	background: #fff;
	border: solid 1px #ddd;
	line-height: 1.3em;
	font-weight: 700;
	color: #BCBCBC;
	text-align: center;
	position: relative;
	cursor: pointer;
}
#job ul.tabs li:before,
#job ul.tabs li:after {
	content: "";
	position: absolute;
	top: 50%;
	right: calc(20 * var(--vw-ratio));
	margin-top: calc(-4.5 * var(--vw-ratio));
	width: calc(2 * var(--vw-ratio));
	height: calc(9 * var(--vw-ratio));
	border-radius: 9999px;
	background: #BCBCBC;
	transform-origin: 50% calc(100% - 1px);
}
#job ul.tabs li:before {
	transform: rotate(45deg);
}
#job ul.tabs li:after {
	transform: rotate(-45deg);
}
#job ul.tabs li.select {
	background: #1481C2;
	border: solid 1px #1481C2;
	color: #fff;
}
#job ul.tabs li.select:before,
#job ul.tabs li.select:after {
	background: #fff;
}

#job .content .cell.hide {
	display: none;
}
	#job .content .cell table {
		width: 100%;
		border-collapse: collapse;
	}
		#job .content .cell table th {
			width: calc(230 * var(--vw-ratio));
			border-bottom: solid 1px #ddd;
			padding: calc(30 * var(--vw-ratio)) 0 calc(30 * var(--vw-ratio)) calc(20 * var(--vw-ratio));
			text-align: left;
		}
		#job .content .cell table td {
			border-bottom: solid 1px #ddd;
			padding: calc(30 * var(--vw-ratio)) 0 calc(30 * var(--vw-ratio)) 0;
			text-align: left;
		}
@media screen and (max-width: 767px) {
	#job ul.tabs li {
		font-size: calc(15 * var(--vw-ratio));
	}
	#job ul.tabs li:before,
	#job ul.tabs li:after {
		right: calc(15 * var(--vw-ratio));
	}

	#job .content .cell table th {
		display: block;
		width: 100%;
		border-bottom: none;
		padding: calc(30 * var(--vw-ratio)) 0 calc(10 * var(--vw-ratio)) 0;
	}
	#job .content .cell table td {
		display: block;
		width: 100%;
		padding: 0 0 calc(30 * var(--vw-ratio)) 0;
	}
}


	
	
/* faq
--------------------- */
#faq .row {
	margin-bottom: calc(40 * var(--vw-ratio));
}
#faq .row:nth-last-child(1) {
	margin-bottom: 0;
}
	#faq .row h3 {
		font-size: calc(30 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1.3em;
		margin-bottom: calc(20 * var(--vw-ratio));
	}

	#faq .row .box {
		border-radius: calc(10 * var(--vw-ratio));
		overflow: hidden;
		margin-bottom: calc(20 * var(--vw-ratio));
	}
	#faq .row .box:nth-last-child(1) {
		margin-bottom: 0;
	}
		#faq .row .box h4 {
			background: #EDF5FA;
			padding: calc(20 * var(--vw-ratio)) calc(70 * var(--vw-ratio)) calc(20 * var(--vw-ratio)) calc(70 * var(--vw-ratio));
			line-height: 1.3em;
			position: relative;
			cursor: pointer;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#faq .row .box h4.active {
			color: #1481C2;
		}
		#faq .row .box h4:before {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			content: "Q";
			height: 100%;
			font-size: calc(23 * var(--vw-ratio));
			font-family: "Lato", sans-serif;
			font-weight: 700;
			color: #1481C2;
			position: absolute;
			top: 0;
			left: calc(30 * var(--vw-ratio));
		}
		#faq .row .box h4:after {
			content: "";
			width: calc(20 * var(--vw-ratio));
			height: calc(20 * var(--vw-ratio));
			background: url("../img/recruit/icon_plus.svg") no-repeat center / 100%;
			position: absolute;
			top: 50%;
			right: calc(30 * var(--vw-ratio));
			margin-top: calc(-10 * var(--vw-ratio));
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#faq .row .box h4.active:after {
			transform: rotate(-135deg);
		}

		#faq .row .box .text {
			display: none;
			padding: calc(20 * var(--vw-ratio)) calc(30 * var(--vw-ratio)) calc(20 * var(--vw-ratio)) calc(70 * var(--vw-ratio));
			border: solid 1px #ddd;
			border-top: none;
			border-radius: 0 0 calc(10 * var(--vw-ratio)) calc(10 * var(--vw-ratio));
			position: relative;
		}
		#faq .row .box .text:before {
			content: "A";
			font-size: calc(23 * var(--vw-ratio));
			font-family: "Lato", sans-serif;
			font-weight: 700;
			color: #BCBCBC;
			position: absolute;
			top: calc(13 * var(--vw-ratio));
			left: calc(30 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	#faq .row {
		margin-bottom: calc(35 * var(--vw-ratio));
	}
		#faq .row h3 {
			font-size: calc(22 * var(--vw-ratio));
			margin-bottom: calc(15 * var(--vw-ratio));
		}

		#faq .row .box {
			margin-bottom: calc(15 * var(--vw-ratio));
		}
			#faq .row .box h4 {
				padding: calc(17 * var(--vw-ratio)) calc(47 * var(--vw-ratio)) calc(17 * var(--vw-ratio)) calc(52 * var(--vw-ratio));
				font-size: calc(18 * var(--vw-ratio));
			}
			#faq .row .box h4:before {
				font-size: calc(20 * var(--vw-ratio));
				left: calc(18 * var(--vw-ratio));
			}
			#faq .row .box h4:after {
				right: calc(20 * var(--vw-ratio));
			}

			#faq .row .box .text {
				display: none;
				padding: calc(17 * var(--vw-ratio)) calc(20 * var(--vw-ratio)) calc(17 * var(--vw-ratio)) calc(52 * var(--vw-ratio));
			}
			#faq .row .box .text:before {
				font-size: calc(20 * var(--vw-ratio));
				top: calc(13 * var(--vw-ratio));
				left: calc(20 * var(--vw-ratio));
			}
				#faq .row .box .text .txt-16 {
					font-size: calc(15 * var(--vw-ratio));
				}
}