@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:960px){
#recruit {
	width: 100%;
	padding: 100px 0px 0px;
	position: relative;
}
	.recruit-cloud {
		width: 57.75%;
		max-width: 690px;
		height: auto;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
	}
		.recruit-cloud img {
			width: 100%;
			height: auto;
		}

	.recruit--inner {
		width: 100%;
		margin: auto auto;
	}
		.section-heading {
			width: 90%;
			max-width: 1100px;
			margin: auto auto 90px;
		}
		.greeting {
			width: 90%;
			max-width: 1100px;
			margin: auto auto 150px;
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
		}
			.greeting-details {
				width: 59.3%;
			}
				.greeting-heading {
					width: 82%;
					margin-top: -10px;
					margin-bottom: 40px;
					font-family: 'shippori-antique', sans-serif;
					font-size: 42px;
					line-height: 1.4;
					color: #000000;
				}
				.greeting-txt {
					width: 82%;
					margin-bottom: 40px;
					font-size: 16px;
					line-height: 2.0;
					text-align: justify;
				}
				.greeting-name {
					width: 82%;
					font-family: 'shippori-antique', sans-serif;
					font-size: 20px;
					color: #000000;
				}
					.greeting-name span {
						margin-left: 28px;
						font-size: 38px;
					}

			.greeting-image {
				width: 40.7%;
				height: auto;
			}
				.greeting-image img {
					width: 100%;
					height: auto;
				}

		.workers {
			width: 100%;
			padding: 75px 0px 200px;
			margin: auto auto;
			position: relative;
		}
			.workers-cloud {
				width: 42.6%;
				max-width: 510px;
				height: auto;
				position: absolute;
				top: 0;
				right: 0;
				z-index: -1;
			}
				.workers-cloud img {
					width: 100%;
					height: auto;
				}
			.workers-heading {
				width: 90%;
				max-width: 1000px;
				margin: auto auto 65px;
				font-family: 'shippori-antique', sans-serif;
				font-size: 28px;
				color: #000000;
			}
			.workers-list_container {
				width: 90%;
				max-width: 1000px;
				margin: auto auto;
			}
				.workers-list {
					width: 100%;
				}
					.workers-item {
						width: 100%;
						margin: auto auto 70px;
						display: flex;
						justify-content: space-between;
						align-items: flex-start;
					}
					.workers-item:nth-of-type(2n) {
						flex-direction: row-reverse;
					}
					.workers-item:last-of-type {
						margin-bottom: 0px !important;
					}
						.workers-image {
							width: 32.6%;
							height: auto;
						}
							.workers-image img {
								width: 100%;
								height: auto;
							}

						.workers-details {
							width: 67.4%;
							padding-left: 50px;
							height: auto;
						}
						.workers-item:nth-of-type(2n) .workers-details {
							padding-left: 0px !important;
							padding-right: 50px;
						}
							.workers-info {
								padding-left: 20px;
								padding-bottom: 5px;
								margin-bottom: 35px;
								border-left: solid 4px #E6CA81;
							}
								.workers-year {
									margin-bottom: 15px;
									font-size: 12px;
									color: #E9D6A9;
								}
								.workers-position {
									margin-bottom: 5px;
									font-size: 12px;
									color: #000000;
								}
								.workers-name {
									font-family: 'shippori-antique', sans-serif;
									font-size: 32px;
									line-height: 1.0;
									color: #000000;
								}

							.workers-txt {
								width: 100%;
								text-align: justify;
							}

				.swiper-button-prev,
				.swiper-button-next {
					display: none;
				}

		.employment_info {
			width: 100%;
			padding: 75px 0px 245px;
			background-color: #FCFAF4;
			position: relative;
		}
			.employment_info-cloud {
				width: 30%;
				max-width: 400px;
				height: auto;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
			}
				.employment_info-cloud img {
					width: 100%;
					height: auto;
				}
			.employment_info-heading {
				width: 100%;
				margin: auto auto 65px;
				font-family: 'shippori-antique', sans-serif;
				font-size: 28px;
				text-align: center;
				color: #000000;
				position: relative;
				z-index: 2;
			}
			.employment_info-list {
				width: 90%;
				max-width: 1000px;
				margin: auto auto 60px !important;
				position: relative;
				z-index: 2;
			}
				.employment_info-item {
					width: 100%;
					border-bottom: dotted 1px #DEDEDE;
				}
					.employment_info-item_inner {
						width: 100%;
						padding: 25px 0px;
						display: flex;
						justify-content: space-between;
						align-items: flex-start;
					}
						.employment_info-item_heading {
							width: 160px;
							font-size: 20px;
						}
						.employment_info-item_details {
							width: calc(100% - 160px);
							padding-top: 2px;
							font-size: 16px;
							line-height: 2.0;
						}

			.employment_info-contact {
				display: block;
				width: 430px;
				height: 84px;
				margin: auto auto;
				background-color: #00097E;
				font-size: 20px;
				text-align: center;
				line-height: 84px;
				letter-spacing: 0.0em;
				border-radius: 10px;
				color: #ffffff;
			}
			.recruit_no{width: 600px; margin: 0 auto 100px; z-index: 3; text-align: center;} 
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
#recruit {
	width: 100%;
	padding: 40px 0px 0px;
}
	.recruit-cloud {
		width: 78.5%;
		height: auto;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
	}
		.recruit-cloud img {
			width: 100%;
			height: auto;
		}

	.recruit--inner {
		width: 100%;
		margin: auto auto;
	}
		.recruit--inner .section-heading {
			width: 100%;
			margin: auto auto 35px;
			text-align: center;
		}
		.greeting {
			width: 90%;
			margin: auto auto 45px;
		}
			.greeting-details {
				width: 100%;
			}
				.greeting-image {
					width: 50%;
					height: auto;
					margin: auto auto 30px;
				}
					.greeting-image img {
						width: 100%;
						height: auto;
					}
				.greeting-heading {
					width: 100%;
					margin-bottom: 20px;
					font-family: 'shippori-antique', sans-serif;
					font-size: 24px;
					line-height: 1.4;
					text-align: justify;
					color: #000000;
				}
				.greeting-txt {
					width: 100%;
					margin-bottom: 30px;
					font-size: 16px;
					line-height: 2.0;
					text-align: justify;
				}
				.greeting-name {
					width: 100%;
					font-family: 'shippori-antique', sans-serif;
					font-size: 14px;
					text-align: right;
					color: #000000;
				}
					.greeting-name span {
						margin-left: 20px;
						font-size: 32px;
					}

		.workers {
			width: 100%;
			padding: 100px 0px 0px;
			margin: auto auto;
			position: relative;
		}
			.workers-cloud {
				width: 53.3%;
				height: auto;
				position: absolute;
				top: 0;
				right: 0;
				z-index: -1;
			}
				.workers-cloud img {
					width: 100%;
					height: auto;
				}
			.workers-heading {
				width: 90%;
				margin: auto auto 20px;
				font-family: 'shippori-antique', sans-serif;
				font-size: 24px;
				color: #000000;
				text-align: center;
			}
			.workers-list_container {
				width: 100%;
				margin: auto auto;
			}
				.workers-list {
					width: 100%;
				}
					.workers-item {
						width: 100%;
						padding: 0px 5% 100px;
						background-color: #ffffff;
					}
						.workers-image {
							width: 50%;
							height: auto;
							margin: auto auto 17px;
						}
							.workers-image img {
								width: 100%;
								height: auto;
							}

						.workers-details {
							width: 100%;
							height: auto;
						}
							.workers-info {
								margin-bottom: 20px;
							}
								.workers-year {
									margin-bottom: 2px;
									font-size: 12px;
									color: #E9D6A9;
								}
								.workers-position {
									margin-bottom: 11px;
									font-size: 12px;
									color: #000000;
								}
								.workers-name {
									font-family: 'shippori-antique', sans-serif;
									font-size: 32px;
									line-height: 1.0;
									color: #000000;
								}

							.workers-txt {
								width: 100%;
								text-align: justify;
							}

				.swiper-button-prev,
				.swiper-button-next {
					width: 54px !important;
					height: auto;
					top: 22% !important;
					outline: none;
				}
					.swiper-button-prev img,
					.swiper-button-next img {
						width: 100%;
						height: auto;
					}


		.employment_info {
			width: 100%;
			padding: 30px 0px 135px;
			background-color: #FCFAF4;
			position: relative;
		}
			.employment_info-cloud {
				width: 73%;
				height: auto;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
			}
				.employment_info-cloud img {
					width: 100%;
					height: auto;
				}
			.employment_info-heading {
				width: 100%;
				margin: auto auto 30px;
				font-family: 'shippori-antique', sans-serif;
				font-size: 28px;
				text-align: center;
				color: #000000;
				position: relative;
				z-index: 2;
			}
			.employment_info-list {
				width: 90%;
				margin: auto auto 35px !important;
				position: relative;
				z-index: 2;
			}
				.employment_info-item {
					width: 100%;
					margin: auto auto 30px;
					border-bottom: dotted 1px #DEDEDE;
				}
					.employment_info-item_inner {
						width: 100%;
						padding: 0px 0px 30px;
					}
						.employment_info-item_heading {
							width: 100%;
							margin-bottom: 12px;
							font-size: 14px;
						}
						.employment_info-item_details {
							width: 100%;
							font-size: 16px;
							line-height: 1.5;
						}

			.employment_info-contact {
				display: block;
				width: 90%;
				height: 84px;
				margin: auto auto;
				background-color: #00097E;
				font-size: 20px;
				text-align: center;
				line-height: 84px;
				letter-spacing: 0.0em;
				border-radius: 10px;
				color: #ffffff;
			}
			.recruit_no{width: 600px; margin: 0 auto 100px; z-index: 3; text-align: center;} 
}

/* SP ================================================== */
@media all and (max-width:559px){
#recruit {
	width: 100%;
	padding: 40px 0px 0px;
}
	.recruit-cloud {
		width: 78.5%;
		height: auto;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
	}
		.recruit-cloud img {
			width: 100%;
			height: auto;
		}

	.recruit--inner {
		width: 100%;
		margin: auto auto;
	}
		.recruit--inner .section-heading {
			width: 100%;
			margin: auto auto 35px;
			text-align: center;
		}
		.greeting {
			width: 80%;
			margin: auto auto 45px;
		}
			.greeting-details {
				width: 100%;
			}
				.greeting-image {
					width: 100%;
					height: auto;
					margin: auto auto 30px;
				}
					.greeting-image img {
						width: 100%;
						height: auto;
					}
				.greeting-heading {
					width: 100%;
					margin-bottom: 20px;
					font-family: 'shippori-antique', sans-serif;
					font-size: 28px;
					line-height: 1.4;
					text-align: justify;
					color: #000000;
				}
				.greeting-txt {
					width: 100%;
					margin-bottom: 30px;
					font-size: 14px;
					line-height: 1.6;
					text-align: justify;
				}
				.greeting-name {
					width: 100%;
					font-family: 'shippori-antique', sans-serif;
					font-size: 14px;
					text-align: right;
					color: #000000;
				}
					.greeting-name span {
						margin-left: 20px;
						font-size: 24px;
					}

		.workers {
			width: 100%;
			padding: 100px 0px 0px;
			margin: auto auto;
			position: relative;
		}
			.workers-cloud {
				width: 53.3%;
				height: auto;
				position: absolute;
				top: 0;
				right: 0;
				z-index: -1;
			}
				.workers-cloud img {
					width: 100%;
					height: auto;
				}
			.workers-heading {
				width: 90%;
				margin: auto auto 20px;
				font-family: 'shippori-antique', sans-serif;
				font-size: 24px;
				color: #000000;
				text-align: center;
			}
			.workers-list_container {
				width: 100%;
				margin: auto auto;
			}
				.workers-list {
					width: 100%;
				}
					.workers-item {
						width: 100%;
						padding: 0px 5% 100px;
						background-color: #ffffff;
					}
						.workers-image {
							width: 100%;
							height: auto;
							margin-bottom: 17px;
						}
							.workers-image img {
								width: 100%;
								height: auto;
							}

						.workers-details {
							width: 100%;
							height: auto;
						}
							.workers-info {
								margin-bottom: 20px;
							}
								.workers-year {
									margin-bottom: 2px;
									font-size: 12px;
									color: #E9D6A9;
								}
								.workers-position {
									margin-bottom: 11px;
									font-size: 12px;
									color: #000000;
								}
								.workers-name {
									font-family: 'shippori-antique', sans-serif;
									font-size: 32px;
									line-height: 1.0;
									color: #000000;
								}

							.workers-txt {
								width: 100%;
								text-align: justify;
							}

				.swiper-button-prev,
				.swiper-button-next {
					width: 54px !important;
					height: auto;
					top: 18% !important;
					outline: none;
				}
					.swiper-button-prev img,
					.swiper-button-next img {
						width: 100%;
						height: auto;
					}


		.employment_info {
			width: 100%;
			padding: 30px 0px 135px;
			background-color: #FCFAF4;
			position: relative;
		}
			.employment_info-cloud {
				width: 73%;
				height: auto;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
			}
				.employment_info-cloud img {
					width: 100%;
					height: auto;
				}
			.employment_info-heading {
				width: 100%;
				margin: auto auto 30px;
				font-family: 'shippori-antique', sans-serif;
				font-size: 28px;
				text-align: center;
				color: #000000;
				position: relative;
				z-index: 2;
			}
			.employment_info-list {
				width: 90%;
				margin: auto auto 35px !important;
				position: relative;
				z-index: 2;
			}
				.employment_info-item {
					width: 100%;
					margin: auto auto 30px;
					border-bottom: dotted 1px #DEDEDE;
				}
					.employment_info-item_inner {
						width: 100%;
						padding: 0px 0px 30px;
					}
						.employment_info-item_heading {
							width: 100%;
							margin-bottom: 12px;
							font-size: 14px;
						}
						.employment_info-item_details {
							width: 100%;
							font-size: 16px;
							line-height: 1.5;
						}

			.employment_info-contact {
				display: block;
				width: 90%;
				height: 55px;
				margin: auto auto;
				background-color: #00097E;
				font-size: 16px;
				font-weight: 600;
				text-align: center;
				line-height: 55px;
				letter-spacing: 0.0em;
				border-radius: 100px;
				color: #ffffff;
			}
			.recruit_no{width: 80%; margin: 0 auto 60px; z-index: 100; text-align: center;} 
}