.p-intro {
  margin-block: 100px;
  @media (max-width: 767.98px) {
    margin-block: 60px;
  }
}
.p-intro__inner {
}
.p-intro__media {
  border-radius: 30px;
  overflow: clip;
  @media (max-width: 767.98px) {
    border-radius: 15px;
  }
  img {
  }
}
.p-intro__desc {
  margin-top: 94px;
  line-height: calc(40 / 20);
  font-size: var(--font-size-18px);
  @media (max-width: 767.98px) {
    margin-top: 30px;
    font-size: 1.4rem;
  }
}

.p-entry__subtitle {
  margin-right: -0.1em;
  color: #0075c2;
  font-weight: 800;
  line-height: calc(78 / 30);
  font-size: clamp(3rem,6vw,6rem);
  letter-spacing: 0.1em;
}

.p-entry__link {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	align-items: stretch;
	@media (max-width: 767.98px) {
		grid-template-columns: repeat(1,1fr);
	}
	.p-entry__link_title {
		font-size: clamp(2rem,4vw,4rem);
		font-weight: bold;
		text-align: center;
		margin-bottom: 2rem;
		@media (max-width: 767.98px) {
			margin-inline: auto;
		}
	}
	.sinsotu {
		background: #E5F2F9;
		display: flex;
		justify-content: flex-end;
		.p-entry__link_title {
			color: var(--font-base-color);
		}
	}
	.career {
		background: #80BEE2;
		display: flex;
		align-items: stretch;
		.p-entry__link_title {
			color: #FFF;
		}
	}
	.p-entry__inner {
		max-width: 800px;
		width: 90%;
		padding: 5rem 3rem;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		@media (max-width: 767.98px) {
			justify-content: center;
			margin: 0px auto;
			padding: 3rem 0rem;
		}
	}
	.mynavi_inner {
		max-width: 400px;
		width: 90%;
		margin: 0px auto;
	}
	.mynavi_title {
		font-size: clamp(1.8rem,2.4vw,2.4rem);
		font-weight: bold;
		margin-bottom: 1rem;
		display: flex;
		align-items: center;
		gap: 0px 1rem;
		&::before {
			content: '';
			background: var(--back-base-color);
			display: flex;
			width: 30px;
			height: 6px;
		}
	}
	.mynavi_btn {
		background: #FFF;
		padding: 2rem;
		display: flex;
		justify-content: center;
		width: 100%;
		@media (max-width: 767.98px) {
			padding: 1rem 2rem;
		}
	}
	.p-entry__btn_wrap{
		display: flex;
		align-items: center;
		flex-grow: 1;
		.p-entry__btn {
			background: #FFF;
			color: var(--font-base-color);
			border-radius: 50px;
			font-size: clamp(1.8rem,3vw,3rem);
			font-weight: bold;
			padding:  2rem;
			display: flex;
			justify-content: center;
			max-width: 600px;
			width: 90%;
			margin: 0px auto;
			&:hover {
				background: var(--back-base-color);
				color: #FFF;
				transition: 0.6s;
			}
		}
	}
}


.p-job {
  margin-block: 100px 100px;
  padding-bottom: 200px;
  background-image: linear-gradient(to bottom, transparent calc(159px / 2), #f8f8f2 calc(159px / 2));
  @media (max-width: 767.98px) {
    margin-block: 60px;
    padding-bottom: 60px;
    background-image: linear-gradient(to bottom, transparent calc(53px / 2), #f8f8f2 calc(53px / 2));
  }
}
.p-job__head {
}
.p-job__head-inner {
}
.p-job__title {
  margin-right: -0.02em;
  color: #0075c2;
  font-family: var(--ff-roboto);
  font-weight: 700;
  line-height: calc(159 / 120);
  font-size: 12rem;
  letter-spacing: 0.02em;
  @media (max-width: 767.98px) {
    font-size: 4rem;
  }
}
.p-job__subtitle {
  margin-right: -0.1em;
  color: #0075c2;
  font-weight: 800;
  line-height: calc(78 / 30);
  font-size: clamp(3rem,6vw,6rem);
  letter-spacing: 0.1em;
}
.p-job__body {
  margin-top: 50px;
  @media (max-width: 767.98px) {
    margin-top: 40px;
  }
}
.p-job__body-inner {
}
.p-job__category {
  &:nth-child(n + 2 of &) {
    margin-top: 194px;
    @media (max-width: 767.98px) {
      margin-top: 60px;
    }
  }
}
.p-job__category-title {
  padding-block: calc(18 / 30 * 1em);
  border-left: 5px solid #0075c2;
  border-right: 5px solid #0075c2;
  padding-left: 1em;
  background-color: #fff;
  color: #0075c2;
  font-weight: 800;
  line-height: calc(44 / 30);
  font-size: 3rem;
  letter-spacing: 0.2em;
  @media (max-width: 767.98px) {
    border-left-width: 4px;
    border-right-width: 4px;
    font-size: 2.2rem;
  }
}
.p-job__nopost {
  margin-top: 50px;
  @media (max-width: 767.98px) {
    margin-top: 40px;
  }
}
.p-job__entries {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 62px;
  column-gap: 21px;
  margin-top: 50px;
  @media (max-width: 767.98px) {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 40px;
    margin-top: 40px;
  }
}
.p-job__entries-item {
  grid-row: span 3;
  display: grid;
  grid-template-rows: subgrid;
}
.p-job__entry {
  grid-row: span 3;
  display: grid;
  grid-template-rows: subgrid;
}
.p-job__entry-link {
  grid-row: span 3;
  display: grid;
  grid-template-rows: subgrid;
  row-gap: 0;
  border-radius: 24px;
  background-color: #fff;
  overflow: clip;
  position: relative;
  isolation: isolate;
  &:hover {
  	opacity: 0.6;
	transition: 0.6s;
  }
  @media (max-width: 767.98px) {
    border-radius: 16px;
  }
}
.p-job__entry-head {
  padding-block: 55px 48px;
  padding-inline: 10px;
  background-color: #0075c2;
  color: #fff;
  @media (max-width: 767.98px) {
    padding-block: 30px;
  }
}
.p-job__entry-title {
  font-weight: 800;
  line-height: calc(58 / 40);
  font-size: clamp(2.4rem,3vw,4rem);
  text-align: center;
  @media (max-width: 767.98px) {
    font-size: 2.4rem;
  }
}
.p-job__entry-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 16px;
  margin-top: 14.4px;
  @media (max-width: 767.98px) {
    column-gap: 14px;
    margin-top: 12px;
  }
}
.p-job__entry-tag {
  line-height: calc(24 / 16);
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  @media (max-width: 767.98px) {
    font-size: 1.4rem;
  }
}
.p-job__entry-body {
  padding-block: 39px 47px;
  padding-inline: calc(24 / 386 * 100%);
  @media (max-width: 767.98px) {
    padding-block: 30px;
  }
}
.p-job__entry-desc {
  margin-block: -2px;
  margin-right: -0.027em;
  line-height: calc(28 / 16);
  font-size: var(--font-size-18px);
  letter-spacing: 0.027em;
  @media (max-width: 767.98px) {
    font-size: 1.4rem;
  }
}
.p-job__entry-foot {
  padding-block: 23px;
  padding-inline: calc(61 / 386 * 100%);
  background-color: #e5f2f9;
  @media (max-width: 767.98px) {
    padding-block: 20px;
  }
}
.p-job__entry-location {
  margin-right: -0.1em;
  line-height: calc(26 / 18);
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  @media (max-width: 767.98px) {
    font-size: 1.4rem;
  }
}

.p-job__entry-arrow {
  width: 71px;
  min-height: fit-content;
  aspect-ratio: 1;
  border-radius: 20px;
  background-color: #0075c2;
  position: absolute;
  right: 16.5px;
  bottom: 21px;
  @media (max-width: 767.98px) {
    width: 60px;
    right: 15px;
    bottom: 15px;
  }
  &::before {
    content: "";
    display: block;
    width: calc(23.031 / 71 * 100%);
    min-height: fit-content;
    aspect-ratio: 23.031 / 28.172;
    margin: auto;
    background-color: #fff;
    mask: url(../img/recruit/icon-arrow-card.svg) no-repeat center center / contain;
    position: absolute;
    inset: 0;
    transition: background-color 0.3s;
  }
}