.main {
		.main-inner {
			.sec {
				padding: 50px 0;
				position: relative;

				&.sec-mv {
					padding-top: 0;
	}


				.sec-title {
					display: flex;
					text-align: left;
					font-weight: 800;
					font-size: clamp(34px, 5.2vw, 100px);
					/* margin-bottom: clamp(50px, 5.2vw, 100px); */
					margin-bottom: var(--s_30_half);
					letter-spacing: 0.3rem;
					line-height: 1;

					.text-gradation {
						font-size: clamp(25px, 3.65vw, 70px);

						@media screen and (min-width:1000px) {
							display: flex;
							align-items: center;
						}
					}

					&.underLine {
						text-align: center;
						display: block;
						font-size: var(--s_40_half);
						position: relative;
						/* margin-bottom: clamp(70px, 7.8125vw, 150px); */
						margin-bottom: var(--s_100_half);

						&::before {
							content: "";
							width: 10%;
							height: clamp(1.5px, 0.156vw, 3px);
							position: absolute;
							bottom: calc(var(--s_40_half)*-1);
							left: 50%;
							transform: translateX(-50%);
							z-index: 1;
							background-color: var(--mainColor_dark02);
						}
					}

					.inner {
						display: flex;
						align-items: center;
					}

					.title_ja {
						font-size: var(--s_30_half);
						font-style: normal;
					}

					.bigger {
						font-size: clamp(45px, 6.77vw, 130px);
					}
				}
			}

			.sec-slide {
				.slick-slider {
					margin-bottom: 50px;
				}

				.moreBtn_wrapper {
					text-align: right;
					color: var(--mainColor);
				}

				.slick-list {
					transform: skewY(-7deg) !important;

					.slick-track {
						.slick-slide {
							margin-left: 0;
							border: unset;
							margin-bottom: 18px;

							@media screen and (min-width:1000px) {
								margin-left: 20px;

							}


							.slide-item-inner {
								width: 100%;
								margin: 0 auto;
								position: relative;

								@media screen and (min-width:1000px) {
									/* width: 100%; */
								}

								& a {
									display: block;

									.thumbnail {
										overflow: hidden;
										position: relative;

										@media screen and (min-width:1000px) {
											display: block;
										}

										&::before {
											content: "";
											position: absolute;
											top: 0;
											left: 0;
											width: 100%;
											height: 100%;
											background-color: var(--slideMask);
											z-index: 2;
										}

										& img {
											width: 100%;
											height: 100%;
											aspect-ratio: 711 / 350;
											object-fit: cover;
											transform: skewY(7deg) scale(1.25);

											@media screen and (min-width:1000px) {
												aspect-ratio: 45 / 70;
											}
										}

										&.thumbnail_company {
											&::before {
												background-color: unset;
											}
										}
									}

									.post-text {
										position: absolute;
										top: 50%;
										left: 2%;
										z-index: 3;
										width: 96%;
										margin: 0 auto;
										transform: skewY(7deg) translateY(-50%);
										font-weight: 300;

										@media screen and (min-width:1000px) {
											top: 50%;
											left: 2%;

										}

										.post-title {
											font-size: clamp(18px, 1.45vw, 30px);
											font-weight: 400;
											text-align: center;
										}

										.acf_copy {
											/* display: none; */
											font-size: clamp(12px, 1vw, 16px);

											@media screen and (min-width:1000px) {
												display: block;
											}
										}
									}

								}
							}
						}
					}
				}
			}

			.sec-staff_2col_all,
			.sec-department {
				transform: skewY(-7deg);
				background-color: var(--secBg);
				margin-bottom: var(--s_30_half);

				.sec-inner {
					transform: skewY(7deg);
					padding: var(--s_60_half) 0;

					.sec-title {
						.title_all {
							margin-bottom: var(--s_40_half);
						}
					}

					.moreBtn_wrapper {
						text-align: right;
					}
				}



				.staff_2col_unslick {
					width: 93%;
					margin: 0 auto;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					transform: skewY(-7deg);
					margin-bottom: var(--s_60_half);

					.slide-item {
						flex-basis: 48%;

						&:nth-child(-n+2) {
							margin-bottom: 3.5vw;
						}

						.slide-item-inner {
							width: 100%;
							position: relative;

							& a {
								.thumbnail {
									position: relative;
									overflow: hidden;

									&::before {
										content: "";
										position: absolute;
										top: 0;
										left: 0;
										width: 100%;
										height: 100%;
										background-color: var(--slideMask);
										z-index: 2;

									}

									.img-wrapper {
										& img {
											height: auto;
											aspect-ratio: 45 / 70;
											object-fit: cover;
											transform: skewY(7deg);
											scale: 1.25;
										}
									}
								}

								.post-text {
									font-size: clamp(12px, 0.83vw, 16px);
									position: absolute;
									top: 50%;
									left: 0;
									width: 100%;
									text-align: center;
									z-index: 2;
									transform: skewY(7deg);
								}
							}
						}

					}
				}
			}

			.sec-works {
				position: relative;

				@media screen and (min-width:1000px) {
					/* margin-bottom: 160px; */
					/* padding-top: clamp(0px, 6.77vw, 130px); */
					padding-top: clamp(0px, 4.17vw, 80px);
				}

				&::before {
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					/* background-color: var(--secBg); */
					z-index: -2;
					transform: skewY(-7deg);
				}

				.works-inner {
					max-width: 1440px;
					margin: 0 auto;
					font-size: clamp(14px, 1.3vw, 25px);
					margin-bottom: clamp(66px, 9.11vw, 175px);

					.lead {
						text-align: justify;
					}
				}

				.multiple-items_work {
					.slick-list {
						padding: 0 !important;
						width: 100%;
						max-width: 1860px;
						margin-left: auto;

						@media screen and (min-width:1000px) {
							/* width: 96%; */
							width: 80%;
						}

						.slick-track {
							.slide-item {
								.slide-item-inner {
									& a {
										.post-text {
											top: 50%;
											transform: translateY(-50%) skewY(7deg);

											.post-title {
												text-align: center;
											}
										}
									}
								}

							}
						}

					}
				}

			}

			.sec-staff,
			.sec-department {
				background-color: var(--secBg);
				transform: skewY(-7deg);

				@media screen and (min-width:1000px) {
					padding: 150px 0 180px;
					/* padding: 70px 0 100px; */
				}

				.sec-inner {
					/* padding: var(--s_80_half) 0; */
					transform: skewY(7deg);

					.sec-title {
						margin-bottom: var(--s_60_half);
					}

					.category-lead {
						text-align: center;
						max-width: 920px;
						width: 84%;
						margin: 0 auto;
						font-size: var(--s_24_half);
						margin-bottom: var(--s_80_half);
					}

					.slick-slider {
						margin-bottom: 0;

						.slick-list {
							.slick-track {
								.slide-item {
									margin-left: var(--s_20_half);
									transform: scale(1);

									&.slick-active {
										/* pointer-events: none; */
									}

									.slide-item-inner {
										.thumbnail {
											& img {
												aspect-ratio: 45 / 70;

											}
										}

										.post-text {
											@media screen and (min-width:1000px) {
												top: 70%;
											}

											.post-title {
												font-size: clamp(14px, 1.04vw, 20px);
											}
										}
									}
								}
							}
						}
					}

					.moreBtn_wrapper {
						a {
							display: inline-block;

							@media screen and (min-width:1000px) {
								display: inline-block;
							}

							.wrapper {
								justify-content: flex-end;
								max-width: 370px;
							}
						}
					}
				}
			}

			.sec-staff_2col {
				.sec-inner {
					.slick-slider {
						.slick-list {
							.slick-track {
								.slick-slide {
									&>div {
										display: flex;
										justify-content: space-evenly;

										.slide-item {
											width: 45% !important;
											margin-bottom: var(--s_20_half);
											margin-left: 0;

											@media screen and (min-width:1000px) {
												width: 45%;
												margin-bottom: 0;
											}


											.slide-item-inner {
												& a {
													.thumbnail {
														aspect-ratio: 45 / 60;

														& img {}
													}

													.post-text {
														.post-title {
															font-size: clamp(12px, 0.83vw, 16px);
														}
													}
												}
											}
										}
									}


								}
							}
						}
					}
				}
			}

			.sec-department {
				padding: var(--s_60_half) 0;

				.sec-title {
					font-size: var(--s_40_half);
					justify-content: center;
				}
			}



			.sec-recruitmentBtn {
				padding: var(--s_50_half) 0 var(--s_80_half);
				position: unset;

				.sub {
					text-align: center;
					font-size: clamp(20px, 1.5625vw, 30px);
					margin-bottom: var(--s_100_half);
				}

				.btn-wrapper {
					display: flex;
					justify-content: space-between;
					flex-direction: column;
					width: 53.3%;
					margin: 0 auto;

					@media screen and (min-width:1000px) {
						flex-direction: row;
						max-width: 850px;
						justify-content: center;
					}

					.moreBtn_requirements {
						flex-basis: 100%;

						@media screen and (min-width:1000px) {
							flex-basis: 46%;
						}

						&:first-child {
							margin-bottom: 6.6vw;

							@media screen and (min-width:1000px) {
								margin-bottom: 0;
							}
						}

						&:nth-child(2) {
							text-align: right;

							@media screen and (min-width:1000px) {
								margin-left: 4%;
							}
						}

						& a {
							max-width: 100%;
							width: 100%;

							@media screen and (min-width:1000px) {
								max-width: 400px;
								width: 100%;
							}

							.wrapper {
								padding: var(--s_30_half) 30% var(--s_30_half) 15%;
								text-align: left;
							}
						}
					}
				}

				&.btnMidcareer {
					.btn-wrapper {
						width: 70%;

						@media screen and (min-width:1000px) {
							max-width: 950px;
							width: 50%;
						}

						.moreBtn_requirements {
							& a {
								.wrapper {
									padding: var(--s_30_half) 20% var(--s_30_half) 10%;
									font-size: clamp(14px, 1.14vw, 22px);

								}
							}
						}
					}
				}
			}

			.sec-mv {
				padding-bottom: 0;

				@media screen and (min-width:1000px) {
					padding-top: 0;
				}

				.sec-inner {
					.page-title {
						padding: 0;

						& img {
							width: 100%;
						}
					}
				}
			}

			.sec-flow {
				.list_flow {
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					margin-bottom: clamp(30px, 2.92vw, 56px);

					.item {
						list-style: none;
						flex-basis: 46.6%;

						&:not(:last-child) {
							margin-bottom: 5.3vw;

							@media screen and (min-width:1000px) {
								margin-bottom: 0;
							}
						}

						& img {
							width: 100%;
						}

						@media screen and (min-width:1000px) {
							flex-basis: 30%;

							&:nth-child(-n+3) {
								margin-bottom: 2.08vw;
							}
						}
					}
				}

				.alert-disc {
					color: var(--gy);
					line-height: 2;
					font-size: clamp(9px, 0.83vw, 16px);
				}
			}

			.sec-requirements {
				.list_requirements {
					display: flex;
					flex-wrap: wrap;
					font-size: clamp(14px, 1.04vw, 20px);
					flex-direction: column;

					@media screen and (min-width:1000px) {
						flex-direction: row;
					}

					.item-name {
						font-weight: bold;
						color: var(--mainColor_dark02);

						@media screen and (min-width:1000px) {
							flex-basis: 20%;
						}
					}

					.item-content {
						line-height: 2;

						@media screen and (min-width:1000px) {
							flex-basis: 80%;
						}
					}

					.dl-content {
						padding: var(--s_30_half);
						border-top: 1px solid var(--gy);

						&:nth-last-child(-n+2) {
							border-bottom: 1px solid var(--gy);
						}

						&:last-child {
							border-top: none;

							@media screen and (min-width:1000px) {
								border-top: 1px solid var(--gy);
							}
						}

						& a {
							color: var(--mainColor_dark02);
						}

						& p {
							line-height: 1.5em;
						}
					}
				}
			}

			/* MID-CAREER,STAFF-INTERVIEW */
			.sec-postlist {
				margin-top: var(--s_200_half);

				@media screen and (min-width:1000px) {
					margin-top: 0;
				}

				.list_posts {
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;

					.item {
						flex-basis: 48%;
						/* margin-bottom: clamp(42px, 3.125vw, 60px); */
						margin-bottom: clamp(20px, 3.125vw, 60px);
						box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
						transition: var(--transition);

						&:hover {
							box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.2);
							transition: var(--transition);
						}

						@media screen and (min-width:1000px) {
							flex-basis: 30.5%;
						}


						.item__inner {
							.img-wrapper {
								& img {
									width: 100%;
									aspect-ratio: 440 / 250;
									overflow: hidden;
									height: auto;
									object-fit: cover;
								}
							}

							.post_title {
								/* font-size: clamp(19px, 1.4vw, 27px); */
								font-size: clamp(11px, 1.4vw, 27px);
								color: var(--mainColor_dark02);
								/* padding: clamp(29px, 2.08vw, 40px) 0; */
								padding: clamp(20px, 2.08vw, 40px) 10% clamp(20px, 2.08vw, 40px) 3%;
								text-align: center;
								position: relative;
								line-height: 1;

								&::before {
									content: "";
									position: absolute;
									top: 50%;
									right: 4%;
									height: var(--s_30_half);
									width: var(--s_30_half);
									/* background-color: var(--mainColor_dark02); */
									background-image: url(../../images/postlist_arrow.png);
									background-size: contain;
									z-index: 0;
									color: var(--wh);
									border-radius: 50px;
									transform: translateY(-50%);
								}

								@media screen and (min-width:1000px) {
									&::before {
										right: 5%;
									}
								}

								&::after {
									content: "";
									/* position: absolute;
									top: 50%;
									right: calc(2% + 5px);
									height: var(--s_8_half);
									width: var(--s_8_half);
									border-top: solid 1px var(--wh);
									border-right: solid 1px var(--wh);
									z-index: 1;
									transform: translateY(-50%) rotate(45deg); */
								}

								@media screen and (min-width:1000px) {
									&::after {
										right: calc(5% + var(--s_30_half) / 3);
									}
								}

							}

							.moreBtn_requirements {
								width: 86.3%;
								margin: 0 auto;
								margin-bottom: clamp(21px, 1.56vw, 30px);

								& a {
									display: block;
									background: unset;
									border: 1px solid var(--mainColor_dark02);
									padding: 0;

									&:hover {
										.wrapper {
											box-shadow: 1px 1px 5px 0px var(--gy);
										}
									}

									.wrapper {
										padding: var(--s_16-20) var(--btn_requirements_common_02);
										text-align: center;
										font-weight: 500;
										font-size: var(--s_16-20);
										background: unset;

										&::before {
											right: calc(var(--btn_requirements_common_02) + (var(--btn_requirements_common) / 2.7));
											border-top: 1.2px solid var(--wh);
											border-right: 1.2px solid var(--wh);
											width: var(--btn_requirements_common_before);
											height: var(--btn_requirements_common_before);
										}

										&::after {
											right: var(--btn_requirements_common_02);
											background: var(--mainColor_dark02);
											width: var(--btn_requirements_common);
											height: var(--btn_requirements_common);
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}

	/* others */
	& body:not(.home) {
		.main {
			.main-inner {
				.sec-works {
					padding-bottom: 0;

					@media screen and (min-width:1000px) {
						margin-bottom: 0;
						padding-bottom: 50px;
					}
				}

				.sec-staff {
					margin-bottom: clamp(58px, 8.13vw, 156px);
					padding: 0;

					@media screen and (min-width:1000px) {
						margin-bottom: 0;

					}

					.sec-inner {
						/* padding: clamp(75px, 11.9vw, 230px) 0 clamp(84px, 13.5vw, 260px); */
						padding: 150px 0 180px;
					}

					.sec-title {
						/* margin-bottom: var(--s_100_half); */
						margin-bottom: var(--s_30_half);
					}
				}

				.sec-recruitmentBtn {
					padding-top: var(--s_80_half);

					@media screen and (min-width:1000px) {
						padding-top: var(--s_100_half);
					}
				}
			}
		}
	}