@charset "UTF-8";
/*=======================================
採用情報
=========================================*/
.p-recruit__wrap {
		padding-top: 17.285vw; }

.p-recruit .page-title {
		margin-left: 4vw; }
		.p-recruit .page-title p.en {
				font-size: clamp(67.5px, 6.429vw, 108px);
				line-height: 110%;
				font-weight: 600;
				font-family: Manrope, "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
				margin-bottom: 1.714vw; }
		.p-recruit .page-title h1 {
				font-size: clamp(12px, 1.143vw, 19.2px);
				line-height: 125%;
				font-weight: 500;
				position: relative;
				padding-left: 1.143vw; }
				.p-recruit .page-title h1::before {
						content: "";
						width: 0.571vw;
						height: 0.357vw;
						position: absolute;
						left: 0;
						top: 0;
						bottom: 0;
						margin: auto;
						background-color: #E10000; }

.p-recruit .page-content {
		margin-top: -2.857vw; }
		.p-recruit .page-content .sec__wrap {
				margin-left: 4vw;
				margin-right: 4vw; }
		.p-recruit .page-content .sec-title {
				padding-top: 5.714vw;
				border-top: 1px solid rgba(0, 0, 0, 0.2);
				display: flex;
				position: relative; }
				.p-recruit .page-content .sec-title::before {
						content: "";
						width: 4.286vw;
						height: 5px;
						background-color: #E10000;
						position: absolute;
						top: -5px;
						left: 0; }
				.p-recruit .page-content .sec-title h3 {
						font-size: clamp(24px, 2.286vw, 38.4px);
						line-height: 125%;
						font-weight: 500;
						width: 49%;
						margin-right: auto; }
						.p-recruit .page-content .sec-title h3 span {
								font-size: clamp(9px, 0.857vw, 14.4px);
								line-height: 125%;
								font-weight: 500;
								display: block;
								margin-bottom: 0.857vw; }
				.p-recruit .page-content .sec-title p {
						font-size: clamp(12px, 1.143vw, 19.2px);
						line-height: 180%;
						font-weight: 400;
						width: 49%; }
		.p-recruit .page-content .recruit-top .flex {
				display: flex;
				margin-top: 7.642vw;
				margin-bottom: 14.714vw; }
		.p-recruit .page-content .recruit-top .img1 {
				width: 16.714vw;
				margin-left: auto;
				margin-right: 20.357vw; }
		.p-recruit .page-content .recruit-top .img2 {
				width: 25.7%;
				order: 1;
				position: relative;
				top: 10.214vw; }
		.p-recruit .page-content .recruit-top .img3 {
				width: 31.15%;
				margin-left: auto;
				order: 3; }
		.p-recruit .page-content .recruit-top .txt {
				order: 2;
				width: 37.7%;
				position: absolute;
				left: 0;
				right: 0;
				margin: 0 auto;
				padding-top: 1.714vw; }
				.p-recruit .page-content .recruit-top .txt h2 {
						font-size: clamp(36px, 3.429vw, 57.6px);
						line-height: 135%;
						font-weight: 500;
						margin-bottom: 6.571vw;
						text-align: center; }
				.p-recruit .page-content .recruit-top .txt p {
						font-size: clamp(12px, 1.143vw, 19.2px);
						line-height: 180%;
						width: 31.285vw;
						margin: 0 auto; }
		.p-recruit .page-content table {
				width: 100%;
				margin-top: 7.714vw;
				margin-bottom: 5.714vw; }
				.p-recruit .page-content table tr:first-child td > div {
						border-top: 1px solid #000; }
				.p-recruit .page-content table tr td {
						width: calc( 100% - 15.642vw); }
						.p-recruit .page-content table tr td > div {
								font-size: clamp(12px, 1.143vw, 19.2px);
								line-height: 180%;
								border-top: 1px solid rgba(0, 0, 0, 0.15);
								padding: 12px 0 20px; }
						.p-recruit .page-content table tr td:first-child {
								width: 13.928vw; }
								.p-recruit .page-content table tr td:first-child > div {
										margin-right: 1.714vw; }
		.p-recruit .page-content .link {
				text-align: center; }
				.p-recruit .page-content .link a {
						font-size: clamp(12.75px, 1.214vw, 20.4px);
						line-height: 125%;
						font-weight: 500;
						color: #FFF;
						background-color: #242424;
						text-decoration: none;
						text-align: center;
						width: 25vw;
						display: block;
						padding: 1.714vw 0;
						margin: 0 auto;
						border-radius: 5px; }
				.p-recruit .page-content .link p {
						font-size: clamp(12px, 1.143vw, 19.2px);
						line-height: 180%;
						font-weight: 700;
						margin-top: 2.142vw; }

/* ----------------------------- スマホ（～767px） */
@media screen and (max-width: 767px) {
		.p-recruit__wrap {
				padding-top: 34.133vw; }
		.p-recruit .page-title {
				margin-left: 6.4vw;
				padding-bottom: 12.8vw; }
				.p-recruit .page-title p.en {
						font-size: clamp(37.5px, 13.333vw, 60px);
						margin-bottom: 5.333vw; }
				.p-recruit .page-title h1 {
						font-size: clamp(11.25px, 4vw, 18px);
						padding-left: 4.267vw; }
						.p-recruit .page-title h1::before {
								width: 2.133vw;
								height: 5px; }
		.p-recruit .page-content {
				margin-top: initial; }
				.p-recruit .page-content .sec__wrap {
						margin-left: 6.4vw;
						margin-right: 6.4vw; }
				.p-recruit .page-content .sec-title {
						padding-top: 10.667vw;
						display: block; }
						.p-recruit .page-content .sec-title::before {
								width: 8vw; }
						.p-recruit .page-content .sec-title h3 {
								font-size: clamp(18px, 6.4vw, 28.8px);
								width: auto;
								margin-right: initial; }
								.p-recruit .page-content .sec-title h3 span {
										font-size: clamp(9px, 3.2vw, 14.4px);
										margin-bottom: 3.2vw; }
						.p-recruit .page-content .sec-title p {
								font-size: clamp(11.25px, 4vw, 18px);
								width: auto;
								margin-top: 9.6vw; }
				.p-recruit .page-content .recruit-top .flex {
						display: block;
						margin-top: 12.8vw;
						margin-bottom: 32vw; }
				.p-recruit .page-content .recruit-top .img1 {
						width: 48vw;
						margin-right: 4.533vw; }
				.p-recruit .page-content .recruit-top .img2 {
						top: initial;
						width: 49.6vw;
						margin-top: 12.8vw; }
				.p-recruit .page-content .recruit-top .img3 {
						width: 75.2vw;
						margin-top: 9.6vw; }
				.p-recruit .page-content .recruit-top .txt {
						position: initial;
						width: auto;
						padding: 0 6.4vw; }
						.p-recruit .page-content .recruit-top .txt h2 {
								font-size: clamp(27px, 9.6vw, 43.2px);
								margin-bottom: 12.8vw;
								text-align: left; }
						.p-recruit .page-content .recruit-top .txt p {
								font-size: clamp(11.25px, 4vw, 18px);
								width: auto; }
				.p-recruit .page-content table {
						display: block;
						margin-top: 12.8vw;
						margin-bottom: 9.6vw; }
						.p-recruit .page-content table tbody {
								display: block; }
						.p-recruit .page-content table tr {
								display: block;
								padding: 3.2vw 0 6.4vw;
								border-top: 1px solid rgba(0, 0, 0, 0.15); }
								.p-recruit .page-content table tr td {
										display: block;
										width: auto !important; }
										.p-recruit .page-content table tr td:first-child div {
												font-size: clamp(11.25px, 4vw, 18px);
												font-weight: 500;
												margin-bottom: 3.2vw; }
										.p-recruit .page-content table tr td > div {
												font-size: clamp(10.5px, 3.733vw, 16.8px);
												border: none !important;
												padding: initial !important; }
				.p-recruit .page-content .link a {
						width: auto;
						font-size: clamp(11.25px, 4vw, 18px);
						padding: 5.5vw; }
				.p-recruit .page-content .link p {
						font-size: clamp(10.5px, 3.733vw, 16.8px);
						margin-top: 5.333vw; } }