@charset "UTF-8";
/* CSS Document */



/* pagetitle */
#pagetitle.recruitment {
	background: url("../img/recruitment/pagetitle_pht.jpg") no-repeat left 65% center / cover;
}
#pagetitle.faq {
	background: url("../img/faq/pagetitle_pht.jpg") no-repeat center / cover;
}



/* recruitment */
#recruitment .inner {
	max-width: 1000px;
}
	#recruitment .inner ul.tablink li {
		width: 49%;
		display: flex;
		justify-content: center;
		align-items: center;
		border: solid 1px #ddd;
		height: 66px;
		font-size: 2.0rem;
		font-weight: 700;
		color: #747474;
		text-align: center;
		cursor: pointer;
	}
	#recruitment .inner ul.tablink li.select {
		background: linear-gradient(to bottom right, #091E45, #114993);
		border: none;
		color: #fff;
	}


	#recruitment .inner .hide {
		display: none;
	}


	#recruitment .inner .bnr {
		padding-top: 60px;
		max-width: 600px;
		margin: auto;
	}
		#recruitment .inner .bnr a:hover {
			opacity: 0.7;
		}


	#recruitment .inner h2 {
		font-size: 2.4rem;
		line-height: 1.4em;
		text-align: center;
		margin-top: 40px;
		margin-bottom: 40px;
	}


	#recruitment .inner table {
		width: 100%;
		border-collapse: collapse;
	}
		#recruitment .inner table th {
			width: 170px;
			border-bottom: solid 1px #02183B;
			padding: 50px 0;
			font-size: 1.8rem;
			font-weight: 500;
			text-align: left;
			vertical-align: top;
		}
		#recruitment .inner table td {
			border-bottom: solid 1px #ddd;
			padding: 50px 20px;
		}
		#recruitment .inner table tr:nth-child(1) th {
			border-top: solid 1px #02183B;
		}
		#recruitment .inner table tr:nth-child(1) td {
			border-top: solid 1px #ddd;
		}
			#recruitment .inner table td h3 {
				font-size: 1.8rem;
				font-weight: 700;
			}

			#recruitment .inner table td .txt {
				margin-bottom: 15px;
			}
			#recruitment .inner table td .txt:nth-last-child(1) {
				margin-bottom: 0;
			}



/* faq-wrap */
#faq01 {
	padding-top: 100px;
}
	.faq-wrap .list dl {
		background: linear-gradient(to bottom right, rgba(9,30,69,0.05), rgba(17,73,147,0.05));
		margin-bottom: 20px;
	}
	.faq-wrap .list dl:nth-last-child(1) {
		margin-bottom: 0;
	}
		.faq-wrap .list dl dt {
			padding: 20px 30px 20px 70px;
			position: relative;
			font-size: 2.0rem;
			line-height: 1.3em;
			font-weight: 500;
			cursor: pointer;
		}
		.faq-wrap .list dl dt.active {
			color: #00214B;
		}
		.faq-wrap .list dl dt:before {
			content: "Q";
			font-size: 2.2rem;
			font-family: 'Raleway', sans-serif;
			font-weight: 600;
			color: #00214B;
			line-height: 1;
			position: absolute;
			top: 22px;
			left: 30px;
		}
			.faq-wrap .list dl dt span {
				display: block;
				position: relative;
				padding-right: 20px;
			}
			.faq-wrap .list dl dt span:before {
				content: "";
				width: 20px;
				height: 1px;
				background: #00214B;
				position: absolute;
				top: 50%;
				right: 0;
				margin-top: -0.5px;
			}
			.faq-wrap .list dl dt span:after {
				content: "";
				width: 1px;
				height: 20px;
				background: #00214B;
				position: absolute;
				top: 50%;
				right: 10px;
				margin-top: -10px;
			}
			.faq-wrap .list dl dt.active span:after {
				display: none;
			}

		.faq-wrap .list dl dd {
			display: none;
			padding: 0 30px 20px 70px;
			position: relative;
		}
		.faq-wrap .list dl dd:before {
			content: "A";
			font-size: 2.2rem;
			font-family: 'Raleway', sans-serif;
			font-weight: 600;
			color: #B53702;
			line-height: 1;
			position: absolute;
			top: 5px;
			left: 30px;
		}
			.faq-wrap .list dl dd .txt {
				font-size: 1.5rem;
			}
			.faq-wrap .list dl dd a {
				text-decoration: underline;
			}
			.faq-wrap .list dl dd a:hover {
				text-decoration: none;
			}
      








/* max 767px */
@media screen and (max-width: 767px) {



/* recruitment */
#recruitment .inner ul.tablink li {
	width: 49%;
	height: 50px;
	font-size: 1.6rem;
}


#recruitment .inner .bnr {
	padding-top: 40px;
}


#recruitment .inner h2 {
	font-size: 1.8rem;
	margin-top: 25px;
	margin-bottom: 25px;
}


#recruitment .inner table th {
	display: block;
	width: 100%;
	border-bottom: none;
	padding: 20px 15px 5px 15px;
	font-size: 1.6rem;
	color: #02183B;
}
#recruitment .inner table td {
	display: block;
	width: 100%;
	border-bottom: solid 1px #ddd;
	padding: 0 15px 20px 15px;
}
#recruitment .inner table tr:nth-child(1) th {
	border-top: solid 1px #ddd;
}
#recruitment .inner table tr:nth-child(1) td {
	border-top: none;
}
	#recruitment .inner table td h3 {
		font-size: 1.4rem;
	}

	#recruitment .inner table td .txt {
		margin-bottom: 12px;
		line-height: 1.8em;
	}



/* faq */
#faq01 {
	padding-top: 50px;
}
	.faq-wrap .list dl {
		margin-bottom: 20px;
	}
		.faq-wrap .list dl dt {
			padding: 15px 20px 15px 45px;
			font-size: 1.6rem;
		}
		.faq-wrap .list dl dt:before {
			font-size: 1.8rem;
			top: 50%;
			left: 20px;
			margin-top: -10px;
		}
			.faq-wrap .list dl dt span {
				display: block;
				position: relative;
			}
			.faq-wrap .list dl dt span:before {
				content: "";
				width: 20px;
				height: 1px;
				background: #00214B;
				position: absolute;
				top: 50%;
				right: 0;
				margin-top: -0.5px;
			}
			.faq-wrap .list dl dt span:after {
				content: "";
				width: 1px;
				height: 20px;
				background: #00214B;
				position: absolute;
				top: 50%;
				right: 10px;
				margin-top: -10px;
			}
			.faq-wrap .list dl dt.active span:after {
				display: none;
			}

		.faq-wrap .list dl dd {
			padding: 0 20px 15px 45px;
		}
		.faq-wrap .list dl dd:before {
			top: 2px;
			left: 20px;
		}
			.faq-wrap .list dl dd .txt {
				font-size: 1.3rem;
				line-height: 1.8em;
			}
	
	
	
	
	
	
}