@charset "utf-8";
#application {
	width: 100%;
	height: auto;
	padding: 0;
}
	.application__inner {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
		.page_heading {
			margin-bottom: 90px;
		}
		.application__contents {
			width: 90%;
			max-width: 840px;
			height: auto;
			padding: 0 0 60px;
			margin: 0 auto;
		}
			.application__job_name {
				width: 100%;
				height: auto;
				margin: 0 auto 40px;
				font-size: 32px;
				font-weight: 500;
				line-height: 1.5;
				letter-spacing: 0.08em;
			}
			.application__job_details__list {
				width: 100%;
				height: auto;
				margin: 0 auto;
			}
				.application__job_details__list__item {
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					width: 100%;
					height: auto;
					padding: 18px 0;
					border-bottom: solid 1px #F2F2F2;
					font-size: 16px;
					font-weight: 500;
					line-height: calc(27 / 16);
					letter-spacing: 0em;
				}
					.application__job_details__list__item dt {
						width: 140px;
						height: auto;
					}
					.application__job_details__list__item dd {
						flex: 1;
						height: auto;
					}
		.application__entry_btn_area {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 90%;
			max-width: 840px;
			height: auto;
			margin: 0 auto 48px;
		}
			.application__entry_btn_wrap {
				width: calc((270 / 840) * 100%);
				height: 80px;
			}
				.application__entry_btn {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					height: 100%;
					border-radius: 9999px;
					font-size: 16px;
					font-weight: 600;
					line-height: 1;
					color: var(--color--white);
					position: relative;
				}
				.application__entry_btn._form_btn {
					border: solid 2px #90AC46;
					background-color: #90AC46;
				}
				.application__entry_btn._tel_btn {
					border: solid 2px var(--color--red);
					background-color: var(--color--red);
				}
				.application__entry_btn._line_btn {
					border: solid 2px #06c755;
					background-color: #06c755;
				}
					.application__entry_btn__line {
						width: 64px;
						height: auto;
						margin-right: 5px;
					}
						.application__entry_btn__line svg {
							display: block;
							width: 100%;
							height: auto;
							fill: var(--color--white);
						}
					.application__entry_btn__icon {
						width: 30px;
						height: auto;
						position: absolute;
						top: 50%;
						right: calc((10 / 270) * 100%);
						transform: translate(0%,-50%);
					}
						.application__entry_btn__icon svg {
							fill: var(--color--white);
						}
			@media (any-hover: hover) {
				.application__entry_btn {
					transition: .3s;
				}
				.application__entry_btn:hover {
					background-color: var(--color--white);
				}
				.application__entry_btn._form_btn:hover {
					color: #90AC46;
				}
				.application__entry_btn._tel_btn:hover {
					color: var(--color--red);
				}
				.application__entry_btn._line_btn:hover {
					color: #06c755;
				}
						.application__entry_btn__line svg {
							transition: .3s;
						}
						.application__entry_btn:hover .application__entry_btn__line svg {
							fill: #06c755;
						}
					.application__entry_btn__icon {
						transition: .3s;
					}
						.application__entry_btn__icon svg {
							transition: .3s;
						}
						.application__entry_btn._form_btn:hover .application__entry_btn__icon svg {
							fill: #90AC46;
						}
						.application__entry_btn._tel_btn:hover .application__entry_btn__icon svg {
							fill: var(--color--red);
						}
						.application__entry_btn._line_btn:hover .application__entry_btn__icon svg {
							fill: #06c755;
						}
			}
		.application__line_contact {
			width: 100%;
			height: auto;
			margin: 0 auto 100px;
		}
			.application__line_contact__contents {
				display: flex;
				justify-content: space-between;
				align-items: center;
				width: 100%;
				max-width: 600px;
				height: auto;
				padding: 12px 16px;
				margin: 0 auto;
				border: solid 6px #00B802;
				background-color: var(--color--white);
			}
				.application__line_contact__txt {
					flex: 1;
					font-size: 20px;
					font-weight: 600;
					line-height: 1.4;
					text-align: center;
					color: var(--color--black);
				}
				.application__line_contact__barcode {
					width: calc((120 / 588) * 100%);
					height: auto;
				}

/* PC ================================================== */
@media all and (min-width: 769px){

}

/* Tablet ================================================== */
@media all and (max-width: 768px){
#application {
	padding: 0 0 120px;
}
	.application__inner {
		width: 100%;
	}
		.page_heading {
			margin-bottom: 40px;
		}
		.application__contents {
			width: calc((344 / 390) * 100%);
			padding: 0 0 60px;
		}
			.application__job_name {
				font-size: 24px;
			}
				.application__job_details__list__item {
					padding: 16px 0;
					font-size: 14px;
				}
					.application__job_details__list__item dt {
						width: 110px;
					}
		.application__entry_btn_area {
			flex-direction: column;
			justify-content: flex-start;
			row-gap: 16px;
			width: calc((344 / 390) * 100%);
			max-width: 400px;
			margin: 0 auto 40px;
		}
			.application__entry_btn_wrap {
				width: 100%;
				height: 60px;
			}
				.application__entry_btn {
					font-size: 14px;
				}
					.application__entry_btn__line {
						width: 50px;
					}
		.application__line_contact {
			margin: 0 auto 80px;
		}
			.application__line_contact__contents {
				flex-direction: column-reverse;
				justify-content: flex-start;
				padding: 18px 16px;
			}
				.application__line_contact__txt {
					flex: initial;
					width: 100%;
					margin-top: 10px;
					font-size: 16px;
				}
				.application__line_contact__barcode {
					width: 100px;
					margin: 0 auto;
				}
}

/* SP ================================================== */
@media all and (max-width: 575px){

}