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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/





	
/* pagetitle
--------------------- */
#pagetitle {
	background: url(../img/job/pagetitle.jpg) no-repeat center top / cover;
}





	
/* read
--------------------- */
#read {
	padding: 100px 0;
}
	#read .txt {
		font-size: 1.5rem;
		line-height: 34px;
	}





	
/* set
--------------------- */
.set {
	width: 100%;
	padding: 0 0 150px 0;
	background: #f3f3f3;
}
	.set .mainpht {
		width: 100%;
		height: 380px;
		position: relative;
	}
	#set01 .mainpht {
		background: url("../img/job/bg01.jpg") no-repeat center / cover;
	}
	#set02 .mainpht {
		background: url("../img/job/bg02.jpg") no-repeat center / cover;
	}
	#set03 .mainpht {
		background: url("../img/job/bg03.jpg") no-repeat center / cover;
	}
	#set04 .mainpht {
		background: url("../img/job/bg04.jpg") no-repeat center / cover;
	}
	#set05 .mainpht {
		background: url("../img/job/bg06.jpg") no-repeat center / cover;
	}
	.set .mainpht:before {
		content: "";
		width: 1200px;
		height: 80px;
		background: #fff;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -600px;
	}
		.set .mainpht .head {
			width: 100%;
			color: #fff;
			font-size: 2.6rem;
			text-align: center;
			position: absolute;
			top: -23px;
			left: 0;
		}
			.set .mainpht .head span {
				padding-left: 3px;
			}
			#set01 .mainpht .head span {
				background: #8ac43f;
			}
			#set02 .mainpht .head span {
				background: #f3757a;
			}
			#set03 .mainpht .head span {
				background: #f7a5a9;
			}
			#set04 .mainpht .head span {
				background: #f5911e;
			}
			#set05 .mainpht .head span {
				background: #66bae7;
			}


		.set .mainpht h2 {
			font-size: 3.0rem;
			text-align: center;
			line-height: 55px;
			letter-spacing: 0.2em;
			color: #fff;
			padding-top: 100px;
		}


	.set .whitebox {
		background: #fff;
		padding: 0 80px 80px 80px;
	}
		.set .whitebox .txt {
			font-size: 1.5rem;
			line-height: 32px;
		}

		.set .whitebox .btn {
			width: 300px;
			margin: 30px auto 0 auto;
		}
			.set .whitebox .btn a {
				display: flex;
				justify-content: center;
				align-items: center;
				height: 70px;
				border-radius: 35px;
				background: #4481eb;
				background: -moz-linear-gradient(top left, #04befe 0%, #4481eb 100%);
				background: -webkit-gradient(linear, left top, right bottom, from(#04befe), to(#4481eb));
				background: -webkit-linear-gradient(top left, #04befe 0%, #4481eb 100%);
				background: -o-linear-gradient(top left, #04befe 0%, #4481eb 100%);
				background: linear-gradient(to bottom right, #04befe 0%, #4481eb 100%);
				font-size: 1.5rem;
				line-height: 1.4em;
				color: #fff;
			}

		.set .whitebox .tithead {
			width: 100%;
			font-size: 2.4rem;
			color: #fff;
			text-align: center;
			margin-top: 60px;
		}
			.set .whitebox .tithead span {
				background: #000;
			}

		.set .whitebox .flex .box {
			width: 32%;
			margin-right: 2%;
		}
		.set .whitebox .flex .box:nth-child(3n) {
			margin-right: 0;
		}
		.set .whitebox .flex .box:nth-child(4) {
			margin-top: 2%;
		}
			.set .whitebox .flex .box a {
				display: block;
				height: 282px;
				position: relative;
			}
			.set .whitebox .flex .box a:before {
				content: "";
				background: url("../img/job/icon_arrow.png") no-repeat 95% center;
				width: 7px;
				height: 12px;
				position: absolute;
				bottom: 25px;
				left: 88%;
				z-index: 2;
			}
				.set .whitebox .flex .box a .headtxt {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					width: 94%;
					height: 66px;
					padding: 0 15px;
					background: #4481eb;
					background: -moz-linear-gradient(top left, #04befe 0%, #4481eb 100%);
					background: -webkit-gradient(linear, left top, right bottom, from(#04befe), to(#4481eb));
					background: -webkit-linear-gradient(top left, #04befe 0%, #4481eb 100%);
					background: -o-linear-gradient(top left, #04befe 0%, #4481eb 100%);
					background: linear-gradient(to bottom right, #04befe 0%, #4481eb 100%);
					font-size: 1.4rem;
					color: #fff;
					line-height: 1.4em;
					letter-spacing: 0.06em;
					text-align: left;
					position: absolute;
					bottom: 0;
					left: 0;
				}

		#set02 .whitebox dl {
			margin-bottom: 10px;
		}
		#set02 .whitebox dl:nth-child(2) {
			margin-bottom: 0;
		}
			#set02 .whitebox dl dt {
				width: 100px;
				font-size: 1.5rem;
				line-height: 32px;
			}
			#set02 .whitebox dl dd {
				width: -webkit-calc(100% - 100px);
				width: calc(100% - 100px);
				font-size: 1.5rem;
				line-height: 32px;
			}

		#set05 .whitebox dl {
			padding-bottom: 25px;
			margin-bottom: 25px;
			border-bottom: dashed 1px #ddd;
		}
		#set05 .whitebox dl:nth-child(4) {
			padding-bottom: 0;
			margin-bottom: 0;
			border-bottom: none;
		}
			#set05 .whitebox dl dt {
				font-size: 2.2rem;
				font-weight: 500;
				color: #008cd6;
				margin-bottom: 5px;
			}
			#set05 .whitebox dl dd {
				font-size: 1.5rem;
				line-height: 30px;
			}

		#set05 .whitebox .txt_right {
			text-align: right;
		}






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





	
/* set
--------------------- */
.set .mainpht {
	height: 340px;
}
.set .mainpht:before {
	height: 50px;
	content: "";
	width: 90%;
	left: 5%;
	margin-left: 0;
}


.set .whitebox {
	padding: 0 50px 50px 50px;
}
	.set .whitebox .flex .box a .headtxt {
		padding: 0 15px 0 10px;
		font-size: 1.2rem;
		line-height: 1.2em;
	}











}

	







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





	
/* read
--------------------- */
#read {
	padding: 60px 0;
}
	#read .txt {
		font-size: 1.4rem;
		line-height: 2em;
	}





	
/* set
--------------------- */
.set {
	padding: 0 0 80px 0;
}
	.set .mainpht {
		width: 100%;
		height: 200px;
	}
	.set .mainpht:before {
		content: "";
		height: 25px;
		borrom: 0;
	}
		.set .mainpht .head {
			font-size: 1.8rem;
			top: -16px;
		}

		.set .mainpht h2 {
			font-size: 1.8rem;
			line-height: 1.4em;
			letter-spacing: 0.1em;
			padding-top: 40px;
		}
		#set02 .mainpht h2 {
			padding-top: 55px;
		}


	.set .whitebox {
		padding: 0 25px 25px 25px;
	}
		.set .whitebox .txt {
			font-size: 1.4rem;
			letter-spacing: 0.1em;
			line-height: 2em;
		}

		.set .whitebox .btn {
			width: 90%;
			margin: 20px auto 0 auto;
		}
			.set .whitebox .btn a {
				height: 60px;
				border-radius: 30px;
				font-size: 1.3rem;
				letter-spacing: 0.1em;
				line-height: 1.4em;
			}

		.set .whitebox .tithead {
			font-size: 1.8rem;
			margin-top: 40px;
		}

		.set .whitebox .flex {
			display: block;
		}
		.set .whitebox .flex .box {
			width: 100%;
			margin-right: 0;
			margin-bottom: 20px;
		}
		.set .whitebox .flex .box:nth-child(3n) {
			margin-right: 0;
			margin-bottom: 0;
		}
		.set .whitebox .flex .box:nth-child(4) {
			margin-top: 20px;
		}
			.set .whitebox .flex .box a {
				height: 250px;
			}
				.set .whitebox .flex .box a .headtxt {
					padding: 0 15px;
					font-size: 1.3rem;
					line-height: 1.4em;
					letter-spacing: 0.06em;
				}

		#set02 .whitebox dl {
			display: block;
		}
			#set02 .whitebox dl dt {
				width: 100%;
				font-size: 1.4rem;
				line-height: 1.6em;
			}
			#set02 .whitebox dl dd {
				width: 100%;
				font-size: 1.4rem;
				line-height: 2em;
				letter-spacing: 0.1em;
			}

		#set05 .whitebox dl {
			padding-bottom: 25px;
			margin-bottom: 25px;
			border-bottom: dashed 1px #ddd;
		}
		#set05 .whitebox dl:nth-child(4) {
			padding-bottom: 0;
			margin-bottom: 0;
			border-bottom: none;
		}
			#set05 .whitebox dl dt {
				font-size: 1.7rem;
				margin-bottom: 0;
			}
			#set05 .whitebox dl dd {
				font-size: 1.4rem;
				line-height: 2em;
				letter-spacing: 0.1em;
			}








	
	
	

}