@charset "utf-8";
.global_nav__menu_list__item.career a::before {
	background-color: var(--color--red);
}
#career {

}
		.fv {
			width: 100%;
			height: auto;
			padding: 105px 0 110px;
		}
			.fv__inner {
				width: 49.3%;
				height: auto;
				margin: 0 auto;
			}
				.fv__heading {
					width: 100%;
					height: auto;
					margin: 0 auto 42px;
				}
					.fv__heading__main {
						width: 100%;
						height: auto;
					}
				.fv__contents {
					width: 100%;
					height: auto;
				}
					.fv__contents__txt {
						width: 100%;
						height: auto;
						font-size: 1.71875vw;
						font-weight: 700;
						line-height: 1.7;
						white-space: nowrap;
						font-feature-settings: "palt";
					}
		.career__contents {
			width: 100%;
			height: auto;
			padding: 0 0 132px;
		}
			.career__contents__inner {
				width: 100%;
				height: auto;
				margin: 0 auto;
			}
				.career__contents__heading {
					width: 91.6666%;
					height: 25px;
					margin: 0 auto 16px;
				}
					.career__contents__heading img {
						width: auto;
						height: 100%;
					}
				.career__contents__txt {
					width: 91.6666%;
					height: auto;
					margin: 0 auto 35px;
					font-size: 18px;
					font-weight: 500;
					line-height: 1.8;
					letter-spacing: -0.01em;
				}
				.career__flow_wrap {
					width: 100%;
					height: auto;
					padding: 47px 0 45px;
					background-color: #dbdcdc;
					overflow: hidden;
					position: relative;
				}
					.flow_list {
						width: 94.5%;
						height: auto;
						margin: 0 auto;
					}
						.flow_list__item {
							border-radius: 12px;
							background-color: var(--color--white);
						}
							.flow_list__item__step {
								display: flex;
								justify-content: center;
								align-items: center;
								width: 100%;
								height: 323px;
								border-radius: 12px 12px 0 0;
								cursor: pointer;
								background-color: var(--color--white);
								color: var(--color--black);
							}
							.flow_list__item__step.unhover {
								cursor: initial;
							}
						@media (any-hover: hover) {
							.flow_list__item__step {
								transition: .3s;
							}
							.flow_list__item__step:not(.unhover):hover {
								background-color: var(--color--red);
								color: var(--color--white);
							}
						}
								.flow_list__item__step__txt {
									width: 100%;
									height: auto;
									font-size: 23px;
									font-weight: 700;
									line-height: 1.57;
									letter-spacing: 0em;
									text-align: center;
								}
							.flow_list__item__salary {
								display: flex;
								justify-content: center;
								align-items: center;
								width: 100%;
								height: 170px;
								position: relative;
							}
								.flow_list__item__salary__txt {
									width: 100%;
									height: auto;
									font-size: 21px;
									font-weight: 700;
									line-height: 1.57;
									letter-spacing: 0em;
									text-align: center;
								}
								.flow_list__item__arrow {
									width: 100%;
									height: 3px;
									position: absolute;
									top: 1px;
									left: 0;
									transform: translate(0%,-50%);
								}
									.flow_list__item:first-of-type .flow_list__item__arrow::before {
										content: '';
										display: block;
										width: 13px;
										height: 13px;
										border-radius: 50%;
										background-color: var(--color--black);
										position: absolute;
										top: 0;
										left: 50%;
										transform: translate(-50%,-50%);
									}
									.flow_list__item:last-of-type .flow_list__item__arrow::before {
										content: '';
										display: block;
										width: 0;
										height: 0;
										border-style: solid;
										border-top: 8px solid transparent;
										border-bottom: 8px solid transparent;
										border-left: 15px solid var(--color--black);
										border-right: 0;
										position: absolute;
										top: 0;
										left: 50%;
										transform: translate(-50%,-50%);
									}
									.flow_list__item__arrow::after {
										content: '';
										display: block;
										width: calc(100% + 18px);
										height: 0px;
										border-top: dotted 3px var(--color--black);
										position: absolute;
										top: 0px;
										left: 50%;
										transform: translate(-50%,-50%);
									}
									.flow_list__item:first-of-type .flow_list__item__arrow::after {
										content: '';
										display: block;
										width: calc(50% + 11px);
										height: 0px;
										border-top: dotted 3px var(--color--black);
										position: absolute;
										top: 0px;
										left: 50%;
										transform: translate(0%,-50%);
									}
									.flow_list__item:last-of-type .flow_list__item__arrow::after {
										content: '';
										display: block;
										width: calc(50% + 11px);
										height: 0px;
										border-top: dotted 3px var(--color--black);
										position: absolute;
										top: 0px;
										left: 50%;
										transform: translate(-100%,-50%);
									}
				.flow_list__prev,
				.flow_list__next {
					width: 64px;
					height: 64px;
					border-radius: 50%;
					background-color: var(--color--dark_gray);
					transition: .3s;
				}
				.flow_list__prev {
					padding-right: 6px;
				}
				.flow_list__next {
					padding-left: 6px;
				}
				.flow_list__prev:hover,
				.flow_list__next:hover {
					background-color: #7C7C7C;
				}
					.flow_list__prev img,
					.flow_list__next img {
						width: 26px;
						height: auto;
						user-select: none;
					}

.modal {
	display: none;
	width: 100%;
	height: 100vh;
	height: 100svh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
	.modal__bk {
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.2);
		z-index: 1;
	}
	.modal__contents {
		padding: 25px;
		background-color: var(--color--red);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 2;
	}
		.modal__close_btn {
			width: 64px;
			height: 64px;
			border-radius: 50%;
			background-color: #727171;
			position: absolute;
			top: -12px;
			right: -20px;
			z-index: 1;
			cursor: pointer;
		}
			.modal__close_btn::before,
			.modal__close_btn::after {
				content: '';
				display: block;
				width: 33px;
				height: 2px;
				background-color: var(--color--white);
				position: absolute;
				top: 50%;
				left: 50%;
			}
			.modal__close_btn::before {
				transform: translate(-50%,-50%) rotate(45deg);
			}
			.modal__close_btn::after {
				transform: translate(-50%,-50%) rotate(-45deg);
			}
		.modal__contents__inner {
			width: 280px;
			height: auto;
			padding: 41px 18px 19px;
			background-color: var(--color--white);
			position: relative;
		}
			.modal__contents__number {
				width: auto;
				height: auto;
				font-size: 16px;
				font-weight: 500;
				line-height: 1;
				letter-spacing: 0em;
				position: absolute;
				top: 15px;
				left: 10px;
			}
			.modal__contents__heading {
				width: 100%;
				height: 46px;
				margin: 0 auto 16px;
				border-bottom: solid 1px var(--color--black);
			}
				.modal__contents__heading__txt {
					width: 100%;
					height: auto;
					font-size: 26px;
					font-weight: 700;
					line-height: 1.423;
					letter-spacing: 0em;
					text-align: center;
				}
			.modal__contents__work {
				width: 100%;
				height: auto;
			}
				.modal__contents__work dt {
					width: 100%;
					height: auto;
					margin: 0 auto 10px;
					font-size: 21px;
					font-weight: 700;
					line-height: 1.8;
					letter-spacing: 0em;
				}
				.modal__contents__work dd {
					width: 100%;
					height: auto;
					font-size: 18px;
					font-weight: 500;
					line-height: 1.5;
					letter-spacing: 0em;
					white-space: nowrap;
				}
					.modal__contents__work dd ul {
						width: 100%;
						height: auto;
					}
						.modal__contents__work dd ul li {
							width: 100%;
							height: auto;
							padding-left: 18px;
							position: relative;
						}
						.modal__contents__work dd ul li::before {
							content: '・';
							position: absolute;
							left: 0;
						}
					.empty_txt {
						font-size: 18px;
						font-weight: 500;
						line-height: 1.5;
						letter-spacing: 0em;
					}
			.modal__contents__salary {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 80px;
				border: solid 2px var(--color--red);
				margin: 7px auto 0;
			}
				.modal__contents__salary__txt {
					width: 100%;
					height: auto;
					font-size: 20px;
					font-weight: 700;
					line-height: 1.55;
					letter-spacing: 0.05em;
					text-align: center;
					color: var(--color--red);
				}
					.modal__contents__salary__txt strong {
						font-size: 24px;
					}
					.modal__contents__salary__txt span {
						font-size: 18px;
					}
					.modal__contents__salary__txt small {
						font-size: 17px;
					}

/* PC ================================================== */
@media all and (min-width:1280px){
					.fv__contents__txt {
						font-size: 22px;
					}
}

/* SP ================================================== */
@media all and (max-width:768px){
		.fv {
			padding: 45px 0 80px;
		}
			.fv__inner {
				width: 85%;
			}
				.fv__heading {
					margin: 0 auto 6.666vw;
				}
					.fv__heading__main {
						width: 88%;
					}
					.fv__contents__txt {
						font-size: 14px;
						white-space: initial;
					}

				.career__contents__heading {
					height: 18px;
				}
				.career__contents__txt {
					margin: 0 auto 25px;
					font-size: 16px;
				}
							.flow_list__item__step {
								height: 250px;
							}
								.flow_list__item__step__txt {
									font-size: 20px;
								}
							.flow_list__item__salary {
								height: 130px;
							}
								.flow_list__item__salary__txt {
									font-size: 18px;
								}
				.flow_list__prev,
				.flow_list__next {
					width: 32px;
					height: 32px;
					top: 42%;
				}
				.flow_list__prev {
					padding-right: 4px;
				}
				.flow_list__next {
					padding-left: 4px;
				}
					.flow_list__prev img,
					.flow_list__next img {
						width: 13px;
					}
}
@media all and (max-width:575px){
	.modal__contents {
		padding: 20px;
	}
		.modal__close_btn {
			width: 50px;
			height: 50px;
			top: -10px;
			right: -15px;
		}
			.modal__close_btn::before,
			.modal__close_btn::after {
				width: 28px;
			}
			.modal__contents__number {
				font-size: 14px;
				top: 12px;
				left: 7px;
			}
				.modal__contents__heading__txt {
					font-size: 24px;
				}
				.modal__contents__work dt {
					font-size: 18px;
				}
				.modal__contents__work dd {
					font-size: 16px;
				}
					.empty_txt {
						font-size: 16px;
					}
			.modal__contents__salary {
				height: 80px;
				margin: 6px auto 0;
			}
				.modal__contents__salary__txt {
					font-size: 18px;
				}
					.modal__contents__salary__txt strong {
						font-size: 20px;
					}
					.modal__contents__salary__txt span {
						font-size: 16px;
					}
					.modal__contents__salary__txt small {
						font-size: 15px;
					}
}