.service__description {
	max-width: 60rem;
	margin-inline: auto;
	margin-bottom: clamp(4rem, 2.7rem + 5.33vw, 7.5rem);
}
.service__ttl {
	text-align: center;
	margin-bottom: clamp(2rem, 1.44rem + 2.29vw, 3.5rem);
}
.service__description div p {
	line-height: 2em;
}
.service__description div p:not(:last-child) {
	margin-bottom: 1.25rem;
}

/* ーーー スライダー下余白 ーーー */
.service__slider {
	margin-bottom: clamp(4rem, 2.7rem + 5.33vw, 7.5rem);
}

/* ーーー 背景 ーーー */
.service__maincontent {
	position: relative;
	padding: clamp(4rem, 2.7rem + 5.33vw, 7.5rem) 0;
}
.service__maincontent::before {
	position: absolute;
    content: "";
	top: 0;
	left: calc( 50% - 50vw );
	width: 100vw;
	height: 100%;
	background: var(--bgi);
	z-index: -99999;
}
/* ー グリッドレイアウト ー */
.service__grid-block {
  display: grid;
  grid-template-columns: 1fr;
}
.service__grid-block:not(:last-child) {
	margin-bottom: clamp(2.5rem, 1.57rem + 3.81vw, 5rem);
}
.grid-item1 {
  margin-bottom: clamp(1rem, .07rem + 3.81vw , 3.5rem);
}
.grid-item2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}
.grid-item2 img {
  width: 100%;
  height: 15rem;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}
@media (min-width: 600px) {
  .service__grid-block {
    grid-template-columns: minmax(0, 36.25rem) minmax(0, 33.75rem);
    column-gap: clamp(2.5rem, 1.57rem + 3.81vw, 5rem);
  }
  .grid-item1 {
    grid-column: 1;
    grid-row: 1;
	padding-top: 2.5rem;
  }
  .grid-item2 {
    grid-column: 2;
    grid-row: 1 / 4;
	margin-bottom: unset;
  }
  .grid-item2 img {
    height: auto;
    aspect-ratio: 3 / 4;
    max-height: 40rem;
  }
  .grid-item3 {
    grid-column: 1;
    grid-row: 2;
  }
  .--grid-reverse_2 {
	grid-column: 2;
  }
  .--grid-reverse_1 {
	grid-column: 1;
  }
}
/* ー グリッドレイアウト内のテキスト設定 ー */
.grid-item1 h3 {
	display: flex;
	gap: .75rem;
	align-items: baseline;
}
.service__ttl-number {
	font-size: clamp(2.5rem, 2.13rem + 1.52vw, 3.5rem);
	letter-spacing: .04em;
	color: var(--c-light);
	--c-current: var(--c-act01);
    --position: 1px;
    --blur: 1px;
    text-shadow: var(--position) var(--position) var(--blur) var(--c-current), calc(var(--position)* -1) calc(var(--position)* -1) var(--blur) var(--c-current), calc(var(--position)* -1) var(--position) var(--blur) var(--c-current), var(--position) calc(var(--position)* -1) var(--blur) var(--c-current), 0 var(--position) var(--blur) var(--c-current), 0 calc(var(--position)* -1) var(--blur) var(--c-current), calc(var(--position)* -1) 0 var(--blur) var(--c-current), var(--position) 0 var(--blur) var(--c-current);
}
@media (min-width: 600px) {
	.grid-item1 h3 {
		gap: unset;
		flex-direction: column;
	}
}
.service__naiyou {
	line-height: 2em;
	margin-bottom: clamp(2rem, 1.44rem + 2.29vw, 3.5rem);
}
.service__naiyou-btn {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}