@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:960px){
#sysMain {
	width: 90%;
	max-width: 1200px;
	height: auto;
	padding: 0px 0px 150px !important;
	margin: auto auto;
}
	.recruit-container {
		width: 100%;
	}
		.recruit-container .sysContent {
			width: 100%;
		}
			.recruit-heading_image {
				width: 100%;
				height: auto;
			}
					.recruit-heading_image img {
						width: 100%;
						height: auto;
					}

			.recruit-main {
				width: 100%;
				padding: 50px 0px;
			}
				.recruit-main-txt {
					width: 100%;
					padding: 0px 0px 40px;
					margin: auto auto 40px;
					border-bottom: solid 1px #ffffff;
					font-size: 15px;
					text-align: justify;
					position: relative;
				}
				.recruit-main-txt:before {
					content: '';
					width: 55px;
					height: 0;
					border-bottom: solid 1px #CE8003;
					position: absolute;
					bottom: -1px;
					left: 0;
				}
				.recruit-main-contact_list {
					width: 100%;
					margin: auto auto 25px !important;
					display: flex;
					justify-content: center;
					align-items: flex-start;
				}
					.recruit-main-contact_item {
						width: 430px;
						margin: 0px 15px;
					}
						.recruit-main-contact_item a {
							display: block;
							width: 100%;
							height: auto;
							transition: .2s;
							transform: scale(1.0);
						}
						.recruit-main-contact_item a:hover {
							transform: scale(1.03);
						}
							.recruit-main-contact_item a img {
								width: 100%;
								height: auto;
							}

				.recruit-main-note {
					width: 100%;
					margin: auto auto;
					font-size: 14px;
					line-height: 1.6;
					font-feature-settings : "palt";
				}

			.recruit-top-image {
				width: 100%;
				height: auto;
				margin-bottom: 60px;
			}
				.recruit-top-image img {
					width: 100%;
					height: auto;
				}

			.recruit-middle-image {
				width: 100%;
				height: auto;
				margin-bottom: 60px;
			}
				.recruit-middle-image img {
					width: 100%;
					height: auto;
				}

			.recruit-company_info-list {
				width: 100%;
				padding: 0px 0px 80px;
				margin: auto auto 80px;
				border-bottom: solid 1px #ffffff;
				font-size: 15px;
				text-align: justify;
				position: relative;
			}
			.recruit-company_info-list:before {
				content: '';
				width: 55px;
				height: 0;
				border-bottom: solid 1px #CE8003;
				position: absolute;
				bottom: -1px;
				left: 0;
			}
				.recruit-company_info-item {
					width: 100%;
					margin-bottom: 60px;
					display: flex;
					justify-content: space-between;
					align-items: center;
					flex-wrap: wrap;
				}
				.recruit-company_info-item:nth-of-type(2n) {
					flex-direction: row-reverse;
				}
				.recruit-company_info-item:last-of-type {
					margin-bottom: 0px;
				}
					.recruit-company_info-heading {
						width: 100%;
						padding: 50px 0px;
						font-size: 24px;
						font-weight: 700;
						line-height: 1.6;
						text-align: center;
						color: #FFB53E;
					}
					.recruit-company_info-image {
						width: 40%;
						height: auto;
					}
						.recruit-company_info-image img {
							width: 100%;
							height: auto;
						}
					.recruit-company_info-details {
						width: 60%;
						padding-left: 40px;
						font-size: 15px;
						text-align: justify;
					}
					.recruit-company_info-item:nth-of-type(2n) .recruit-company_info-details {
						padding-left: 0px;
						padding-right: 40px;
					}

			.recruit-charm {
				width: 100%;
				padding: 0px 0px 80px;
				margin: auto auto 80px;
				border-bottom: solid 1px #ffffff;
				font-size: 15px;
				text-align: justify;
				position: relative;
			}
			.recruit-charm:before {
				content: '';
				width: 55px;
				height: 0;
				border-bottom: solid 1px #CE8003;
				position: absolute;
				bottom: -1px;
				left: 0;
			}
				.recruit-charm-image {
					width: 50%;
					height: auto;
					margin: auto auto 50px;
				}
					.recruit-charm-image img {
						width: 100%;
						height: auto;
					}
				.recruit-charm-txt {
					width: 100%;
					font-size: 15px;
					text-align: justify;
				}

			.recruit-application {
				width: 100%;
			}
				.recruit-application-image {
					width: 100%;
					height: auto;
					margin: auto auto 80px;
				}
					.recruit-application-image img {
						width: 100%;
						height: auto;
					}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
#sysMain {
	width: 100%;
	height: auto;
	padding: 0px 0px 50px !important;
	margin: auto auto;
}
	.recruit-container {
		width: 100%;
	}
		.recruit-container .sysContent {
			width: 100%;
		}
			.recruit-heading_image {
				width: 100%;
				height: auto;
			}
					.recruit-heading_image img {
						width: 100%;
						height: auto;
					}

			.recruit-main {
				width: 90%;
				padding: 50px 0px;
				margin: auto auto;
			}
				.recruit-main-txt {
					width: 100%;
					padding: 0px 0px 40px;
					margin: auto auto 40px;
					border-bottom: solid 1px #ffffff;
					font-size: 14px;
					text-align: justify;
					position: relative;
				}
				.recruit-main-txt:before {
					content: '';
					width: 55px;
					height: 0;
					border-bottom: solid 1px #CE8003;
					position: absolute;
					bottom: -1px;
					left: 0;
				}
				.recruit-main-contact_list {
					width: 100%;
					margin: auto auto 15px !important;
					display: flex;
					justify-content: space-between;
					align-items: center;
				}
					.recruit-main-contact_item {
						width: 48%;
					}
						.recruit-main-contact_item a {
							display: block;
							width: 100%;
							height: auto;
						}
							.recruit-main-contact_item a img {
								width: 100%;
								height: auto;
							}

				.recruit-main-note {
					width: 100%;
					margin: auto auto;
					font-size: 13px;
					line-height: 1.6;
					font-feature-settings : "palt";
				}

			.recruit-top-image {
				width: 100%;
				height: auto;
			}
				.recruit-top-image img {
					width: 100%;
					height: auto;
				}

			.recruit-middle-image {
				width: 100%;
				height: auto;
			}
				.recruit-middle-image img {
					width: 100%;
					height: auto;
				}

			.recruit-company_info-list {
				width: 90%;
				padding: 0px 0px 40px;
				margin: auto auto 40px;
				border-bottom: solid 1px #ffffff;
				font-size: 15px;
				text-align: justify;
				position: relative;
			}
			.recruit-company_info-list:before {
				content: '';
				width: 55px;
				height: 0;
				border-bottom: solid 1px #CE8003;
				position: absolute;
				bottom: -1px;
				left: 0;
			}
				.recruit-company_info-item {
					width: 100%;
				}
				.recruit-company_info-item:last-of-type {
					margin-bottom: 0px;
				}
					.recruit-company_info-heading {
						width: 100%;
						padding: 40px 0px;
						font-size: 16px;
						font-weight: 700;
						line-height: 1.6;
						text-align: center;
						color: #FFB53E;
						font-feature-settings : "palt";
					}
					.recruit-company_info-image {
						width: 100%;
						height: auto;
						margin: auto auto 25px;
					}
						.recruit-company_info-image img {
							width: 100%;
							height: auto;
						}
					.recruit-company_info-details {
						width: 100%;
						font-size: 14px;
						text-align: justify;
					}

			.recruit-charm {
				width: 90%;
				padding: 0px 0px 40px;
				margin: auto auto 40px;
				border-bottom: solid 1px #ffffff;
				font-size: 15px;
				text-align: justify;
				position: relative;
			}
			.recruit-charm:before {
				content: '';
				width: 55px;
				height: 0;
				border-bottom: solid 1px #CE8003;
				position: absolute;
				bottom: -1px;
				left: 0;
			}
				.recruit-charm-image {
					width: 100%;
					height: auto;
					margin: auto auto 25px;
				}
					.recruit-charm-image img {
						width: 100%;
						height: auto;
					}
				.recruit-charm-txt {
					width: 100%;
					font-size: 14px;
					text-align: justify;
				}

			.recruit-application {
				width: 90%;
				margin: auto auto;
			}
				.recruit-application-image {
					width: 100%;
					height: auto;
					margin: auto auto 60px;
				}
					.recruit-application-image img {
						width: 100%;
						height: auto;
					}
}

/* SP ================================================== */
@media all and (max-width:559px){
#sysMain {
	width: 100%;
	height: auto;
	padding: 0px 0px 50px !important;
	margin: auto auto;
}
	.recruit-container {
		width: 100%;
	}
		.recruit-container .sysContent {
			width: 100%;
		}
			.recruit-heading_image {
				width: 100%;
				height: auto;
			}
					.recruit-heading_image img {
						width: 100%;
						height: auto;
					}

			.recruit-main {
				width: 90%;
				padding: 50px 0px;
				margin: auto auto;
			}
				.recruit-main-txt {
					width: 100%;
					padding: 0px 0px 40px;
					margin: auto auto 40px;
					border-bottom: solid 1px #ffffff;
					font-size: 14px;
					text-align: justify;
					position: relative;
				}
				.recruit-main-txt:before {
					content: '';
					width: 55px;
					height: 0;
					border-bottom: solid 1px #CE8003;
					position: absolute;
					bottom: -1px;
					left: 0;
				}
				.recruit-main-contact_list {
					width: 100%;
					margin: auto auto 15px !important;
				}
					.recruit-main-contact_item {
						width: 100%;
						margin-bottom: 10px;
					}
					.recruit-main-contact_item:last-of-type {
						margin-bottom: 0px;
					}
						.recruit-main-contact_item a {
							display: block;
							width: 100%;
							height: auto;
						}
							.recruit-main-contact_item a img {
								width: 100%;
								height: auto;
							}

				.recruit-main-note {
					width: 100%;
					margin: auto auto;
					font-size: 13px;
					line-height: 1.6;
					font-feature-settings : "palt";
				}

			.recruit-top-image {
				width: 100%;
				height: auto;
			}
				.recruit-top-image img {
					width: 100%;
					height: auto;
				}

			.recruit-middle-image {
				width: 100%;
				height: auto;
			}
				.recruit-middle-image img {
					width: 100%;
					height: auto;
				}

			.recruit-company_info-list {
				width: 90%;
				padding: 0px 0px 40px;
				margin: auto auto 40px;
				border-bottom: solid 1px #ffffff;
				font-size: 15px;
				text-align: justify;
				position: relative;
			}
			.recruit-company_info-list:before {
				content: '';
				width: 55px;
				height: 0;
				border-bottom: solid 1px #CE8003;
				position: absolute;
				bottom: -1px;
				left: 0;
			}
				.recruit-company_info-item {
					width: 100%;
				}
				.recruit-company_info-item:last-of-type {
					margin-bottom: 0px;
				}
					.recruit-company_info-heading {
						width: 100%;
						padding: 40px 0px;
						font-size: 16px;
						font-weight: 700;
						line-height: 1.6;
						text-align: center;
						color: #FFB53E;
						font-feature-settings : "palt";
					}
					.recruit-company_info-image {
						width: 100%;
						height: auto;
						margin: auto auto 25px;
					}
						.recruit-company_info-image img {
							width: 100%;
							height: auto;
						}
					.recruit-company_info-details {
						width: 100%;
						font-size: 14px;
						text-align: justify;
					}

			.recruit-charm {
				width: 90%;
				padding: 0px 0px 40px;
				margin: auto auto 40px;
				border-bottom: solid 1px #ffffff;
				font-size: 15px;
				text-align: justify;
				position: relative;
			}
			.recruit-charm:before {
				content: '';
				width: 55px;
				height: 0;
				border-bottom: solid 1px #CE8003;
				position: absolute;
				bottom: -1px;
				left: 0;
			}
				.recruit-charm-image {
					width: 100%;
					height: auto;
					margin: auto auto 25px;
				}
					.recruit-charm-image img {
						width: 100%;
						height: auto;
					}
				.recruit-charm-txt {
					width: 100%;
					font-size: 14px;
					text-align: justify;
				}

			.recruit-application {
				width: 90%;
				margin: auto auto;
			}
				.recruit-application-image {
					width: 100%;
					height: auto;
					margin: auto auto 60px;
				}
					.recruit-application-image img {
						width: 100%;
						height: auto;
					}
}