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

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

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

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

					.bigger {
						font-size: var(--s_130_half);

						/* font-size: clamp(68px, 8.33vw, 160px); */
					}
				}
			}

			.sec-mv {
				padding: 0;

				.moreBtn_requirements {
					text-align: center;
					margin: var(--s_100_half) 0;

					& a {
						max-width: 630px;
					}

					.wrapper {
						padding: var(--s_30_half) var(--s_100_half) var(--s_30_half) var(--s_60_half);

						&::before {
							right: calc(5% + (clamp(23.5px, 2.45vw, 47px) / 2.5));
						}

						&::after {
							right: calc(2% + (clamp(23.5px, 2.45vw, 47px) / 2.5));
						}
					}

					.btn_text {
						font-size: var(--s_30_half);
					}
				}
			}

			.sec-message {
				.content-wrapper {
					position: relative;

					&::before {
						content: '';
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
						transform: skewY(-7deg);
						z-index: -1;
					}
				}

			}

			.sec-mv {
				& img {
					width: 100%;
				}

				.text_box {
					width: 88%;
					margin: 0 auto;
					text-align: center;
					padding: clamp(70px, 9.9vw, 190px) 0;
					color: var(--gy_dark);

					.heading-title {
						font-size: clamp(25px, 3.125vw, 60px);
						margin-bottom: clamp(50px, 6.25vw, 100px);
					}

					.lead {
						font-size: var(--s_30_half);
					}
				}
			}

			.sec-message {
				padding: 0;
				position: relative;

				.content-wrapper {
					padding-bottom: 15vw;
					margin-bottom: var(--s_200_half);

					&::before {
						background-image: var(--gradation);
						margin: clamp(30px, 13vw, 60px) 0 0;
						/* top: 47%; */
						height: 100%;
						bottom: 0;
						left: 0;
					}

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

						&::before {
							margin: clamp(30px, 13vw, 60px) 0 0;
							top: 47%;
							left: 0;
							transform: translateY(-50%) skewY(-7deg);
							height: 82%;
						}

					}
				}

				.en_serif {

					display: none;

					@media screen and (min-width:1000px) {
						display: block;
						color: var(--mainColor_dark);
						opacity: 0.3;
						font-size: 10.52vw;
						position: absolute;
						left: 0;
						top: 57%;
						transform: rotate(90deg) translateX(-50%) translateY(-50%);
						transform-origin: left;
						line-height: 0.9;
						font-style: normal;
						letter-spacing: 0.5rem;
						z-index: 3;
					}
				}

				.sec-inner {
					.sec-title {
						@media screen and (min-width:1000px) {
							margin-bottom: -75px;
						}
					}

					.content-wrapper {
						& img {
							width: 100%;
						}

						.content {
							@media screen and (min-width:1000px) {
								&:nth-of-type(2n-1) {
									.btn-wrapper {
										flex-direction: row-reverse;
									}
								}
							}

							.btn-wrapper {
								position: relative;


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

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

								&>.img-wrapper {
									margin-bottom: 13.3vw;
									margin-left: 8%;

									@media screen and (min-width:1000px) {
										flex-basis: 55%;
										margin-top: 0;
										margin-bottom: 0;
										margin-left: 0;
									}
								}

								.text-wrapper {
									@media screen and (min-width:1000px) {
										flex-basis: 45%;
										position: unset;
										display: flex;
										flex-direction: column;
										justify-content: center;
										align-items: center;
									}

									.inner {
										width: 84%;

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

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

										.ja-sub {
											font-size: var(--s_60_half);
											line-height: 1.15;
											margin-bottom: clamp(10px, 1vw, 30px);
										}
									}

									.en-title {
										font-weight: 300;
										margin-bottom: clamp(30px, 3.9vw, 75px);
									}
								}
							}

							&.content_ceo {
								margin-bottom: clamp(34px, 14vw, 138px);

								.btn-wrapper {
									align-items: end;
								}
							}

							&.content_recruit {
								.btn-wrapper {
									align-items: flex-start;

									.text-wrapper {
										margin-top: 35px;
									}
								}
							}
						}
					}
				}
			}

			.sec-company {
				margin-bottom: 0;
				padding-bottom: 0;

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

				.content-wrapper_1440 {
					width: 100%;

					@media screen and (min-width:1000px) {
						max-width: 1440px;
						width: 84%;
						margin: 0 auto;
					}
				}

				.list-company {
					max-width: 1200px;
					margin: 0 auto;

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

					.item {



						& a {
							transition: var(--transition);
							display: block;
							/* transform: skewY(-7deg); */
							vertical-align: middle;


							&:hover {
								/* box-shadow: 2px 2px 2px 2px var(--gy); */
								opacity: 0.7;
								transition: var(--transition);
							}

							& img {}
						}

						& img {
							width: 100%;
						}

					}


				}
			}

			.sec-freshers {
				.img-wrapper {
					width: 90%;
					margin-left: auto;
				}

				.content-wrapper {
					@media screen and (min-width:1000px) {
						display: flex;
						flex-direction: row-reverse;
					}

					.img-wrapper {
						@media screen and (min-width:1000px) {
							flex-basis: 50%;
						}
					}

					.text-wrapper {
						@media screen and (min-width:1000px) {
							display: flex;
							justify-content: center;
							align-items: center;
							flex-basis: 50%;
						}

						.unit_text {
							@media screen and (min-width:1000px) {
								display: flex;
								flex-direction: column;
								justify-content: center;
								align-items: end;
								flex-basis: 50%;
							}

							.sec-title-wrapper {
								@media screen and (min-width:1000px) {
									width: 100%;
								}

								.sec-title {
									@media screen and (min-width:1000px) {
										display: block;
										text-align: left;
									}
								}
							}

						}
					}
				}


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

				}
			}

			.sec-environment {
				padding: 0;
				background-image: var(--gradation_environment);
				transform: skewY(-7deg);

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

					.sec-title {
						margin-bottom: clamp(50px, 6.77vw, 130px);

						.c_wh {
							-webkit-text-fill-color: var(--wh);
						}
					}

				}


				.btn-wrapper {
					display: grid;
					flex-wrap: wrap;
					grid-template-columns: 1fr 1fr;
					gap: 5%;
					padding-bottom: 10%;

					@media screen and (min-width:1000px) {
						grid-template-columns: 1fr 1fr 1fr;
					}

					& a {
						/* flex-basis: 50%; */
						display: block;
						/* margin-bottom: var(--font_10xl_half); */

						transition: var(--transition);

						&:hover {
							box-shadow: 5px 5px 10px 3px rgba(0, 0, 0, 0.3);
							transition: var(--transition);
						}
					}

					& img {
						width: 100%;
					}
				}
			}

			.sec-career {
				padding: 0;
				position: relative;

				.content-wrapper {
					/* margin: var(--s_150_half) 0; */
					/* margin: var(--s_50_half) 0; */
					margin-bottom: var(--s_80_half);

					&::before {
						background-image: var(--gradation);
						margin: clamp(30px, 13vw, 60px) 0 0;
						/* top: 47%; */
						height: 100%;
						bottom: 0;
						left: 0;
					}

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

						&::before {
							margin: clamp(30px, 13vw, 60px) 0 0;
							top: 47%;
							left: 0;
							transform: translateY(-50%) skewY(-7deg);
							height: 82%;
						}

					}
				}

				.en_serif {
					display: none;

					@media screen and (min-width:1000px) {
						display: block;
						color: var(--mainColor_dark);
						opacity: 0.3;
						font-size: 10.52vw;
						position: absolute;
						left: 0;
						top: 57%;
						transform: rotate(90deg) translateX(-50%) translateY(-50%);
						transform-origin: left;
						line-height: 0.9;
						font-style: normal;
						letter-spacing: 0.5rem;
						z-index: 3;
					}
				}

				.sec-inner {
					.content-wrapper {
						& img {
							width: 100%;
						}

						.content {
							@media screen and (min-width:1000px) {
								&:nth-of-type(2n-1) {
									.btn-wrapper {
										flex-direction: row-reverse;
									}
								}
							}

							.btn-wrapper {
								position: relative;

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

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

								&>.img-wrapper {
									margin-bottom: 13.3vw;
									margin-left: 8%;

									@media screen and (min-width:1000px) {
										flex-basis: 55%;
										margin-top: 0;
										margin-bottom: 0;
										margin-left: 0;
									}
								}

								.text-wrapper {
									@media screen and (min-width:1000px) {
										flex-basis: 65%;
										position: unset;
										display: flex;
										flex-direction: column;
										justify-content: center;
										align-items: center;
									}

									.inner {
										width: 100%;
										padding-left: 8%;

										@media screen and (min-width:1000px) {
											display: inline-block;
											width: 70%;
											margin-left: 0;
										}

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

										.ja-title {
											font-size: clamp(35px, 4.17vw, 80px);
											line-height: 1.15;
											margin-bottom: clamp(10px, 1vw, 30px);
											letter-spacing: 0;
											font-weight: 700;
										}

										.en-title {
											font-weight: 400;

											@media screen and (min-width:1000px) {
												margin-bottom: clamp(30px, 3.9vw, 75px);
											}
										}

										.moreBtn_requirements {
											text-align: right;
											padding-right: 8%;

											@media screen and (min-width:1000px) {
												text-align: left;
											}
										}
									}
								}
							}

							&.content_freshers {
								margin: var(--s_80_half) 0;

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

								.btn-wrapper {
									align-items: end;

									.text-wrapper {
										.inner {
											margin-left: auto;
										}
									}
								}
							}

							&.content_midcareer {
								.btn-wrapper {
									align-items: flex-start;

									.text-wrapper {
										margin-top: 35px;
									}
								}
							}
						}
					}
				}
			}

			.sec-blog {
				padding: var(--s_20_half) 0;

				.sec-title {
					justify-content: center;
					margin: var(--s_100_half) 0;

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

					.text-gradation {
						font-size: clamp(35px, 4.17vw, 80px);
					}
				}

				.list_posts {
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					margin-bottom: var(--s_50_half);

					.item {
						flex-basis: 48%;

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

						&:nth-child(-n+2) {
							margin-bottom: var(--s_30_half);

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

						.item__inner {
							.img-wrapper {
								margin-bottom: var(--s_4_half);
							}

							& img {
								height: auto;
								aspect-ratio: 440 / 250;
								overflow: hidden;
								object-fit: cover;
							}

							.postInfo {
								padding: var(--s_4_half) 0 var(--s_10_half);

								& time {
									display: block;
									font-size: var(--s_10-14);
									padding-bottom: var(--s_4_half);
									color: var(--gy);
									font-weight: 500;
								}

								.post_category {
									font-size: var(--s_10-14);
									padding-bottom: var(--s_4_half);
									color: var(--gy_dark);

									.post-categories {
										& li {
											display: inline-block;
											padding-bottom: var(--s_4_half);

											& a[rel='category tag'] {
												display: block;
												padding: var(--s_3_half) var(--s_10_half);
												border: solid 1px var(--gy_dark);
												border-radius: 5px;
											}
										}
									}
								}

								.post_title {
									padding: 0;
									text-align: left;
									font-size: var(--s_14-18);
									font-weight: 500;
									line-height: 1.2;
									color: var(--mainColor_dark);

									&::before {
										display: none;
									}
								}
							}
						}
					}
				}

				.moreBtn_wrapper {
					text-align: right;
					margin-bottom: var(--s_100_half);
					;

					& a {
						display: inline-block;
						margin-left: auto;

						.wrapper {
							justify-content: end;

							.text {
								font-size: var(--s_22_half);
							}

							.img-wrapper {
								width: 40%;

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