@charset "utf-8";

/* ==========================================================================
   /afterservice/ — 4つのサービスボックス（highlow-low ベース・「」装飾なし）
   ========================================================================== */

.r-renewal--afterservice .r-afterservice-blocks {
	margin: 0;
	padding: 0 0 48px;
	background-color: #efe7da;
}

.r-renewal--afterservice .r-afterservice-block + .r-afterservice-block {
	margin-top: 40px;
}

.r-renewal--afterservice .r-afterservice-block__box {
	--r-afterservice-block-radius: 24px;
	padding: 0 30px 36px;
	border-radius: 0 var(--r-afterservice-block-radius) 0 var(--r-afterservice-block-radius);
	overflow: hidden;
}

.r-renewal--afterservice .r-afterservice-block__title {
	margin: 0 -32px 24px;
}

.r-renewal--afterservice .r-afterservice-block__title picture,
.r-renewal--afterservice .r-afterservice-block__title img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0 var(--r-afterservice-block-radius) 0 0;
}

.r-renewal--afterservice .r-afterservice-block__body {
	display: grid;
	grid-template-columns: 1fr 45%;
	gap: 28px 32px;
	align-items: center;
}

.r-renewal--afterservice .r-afterservice-block__desc {
	margin: 0;
	font-family: var(--r-font-base);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.85;
	letter-spacing: 0.04em;
	color: #673a1b;
}

.r-renewal--afterservice .r-afterservice-block__notes {
	list-style: none;
	order: 3;
	line-height: 1.55;
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
	list-style: none;
	font-family: var(--r-font-base);
	font-weight: 400;
	letter-spacing: 0.02em;
	color: #673a1b;
}


@media screen and (min-width: 799px) {
	.r-renewal--afterservice .r-afterservice-block__notes {
	line-height: 1.65;
	}
}



.r-renewal--afterservice .r-afterservice-block__photo {
	margin: 0;
}

.r-renewal--afterservice .r-afterservice-block__photo img {
	display: block;
	width: 100%;
	height: auto;
}

.r-lower-services__row--top .r-lower-services__btn:nth-child(2) {
  background: #8e3233;
  color: #fff;
  border: solid 1px #8e3233;
}

@media screen and (min-width: 1024px) {
	.r-renewal--afterservice .r-afterservice-block__box {
		width: 850px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 798px) {
	.r-renewal--afterservice .r-afterservice-blocks {
		padding-bottom: 1.4em;
	}

	.r-renewal--afterservice .r-afterservice-block + .r-afterservice-block {
		margin-top: 24px;
	}

	.r-renewal--afterservice .r-afterservice-block__box {
		--r-afterservice-block-radius: 16px;
		padding: 0 .7em .6em;
		border-radius: 0 var(--r-afterservice-block-radius) 0 var(--r-afterservice-block-radius);
	}

	.r-renewal--afterservice .r-afterservice-block__title {
		margin: 0 -.7em .7em;
	}

	.r-renewal--afterservice .r-afterservice-block__body {
		display: flex;
		flex-direction: column;
		gap: .7em;
	}

	.r-renewal--afterservice .r-afterservice-block__col--text,
	.r-renewal--afterservice .r-afterservice-block__col--visual {
		display: contents;
	}

	.r-renewal--afterservice .r-afterservice-block__photo {
		order: 1;
	}

	.r-renewal--afterservice .r-afterservice-block__desc {
		order: 2;
		width: 100%;
		padding-inline: .3em;
		font-size: 1em;
		line-height: 1.25;
		letter-spacing: normal;
	}


}

/* ==========================================================================
   /afterservice/ — 締めコピー（文字のみ）
   ========================================================================== */

.r-renewal--afterservice .r-afterservice-closing {
	margin: 0;
	padding: 0 0 80px;
	background-color: #efe7da;
	text-align: center;
}

.r-renewal--afterservice .r-afterservice-closing__inner {
	margin: 0 auto;
}

.r-renewal--afterservice .r-afterservice-closing__copy {
	margin: 0;
	font-family: var(--r-font-base);
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.04em;
	color: #673a1b;
}
.r-sp-only {
    display: none;
}

@media screen and (min-width: 799px) {
	.r-renewal--afterservice .r-afterservice-block__desc {
		font-size: 18px;
		color: #673a1b;
	}

	.r-renewal--afterservice .r-afterservice-closing__copy {
		font-size: 24px;
		line-height: 1.2em;
		color: #673a1b;
	}
}

@media screen and (min-width: 1024px) {
	.r-renewal--afterservice .r-afterservice-closing__inner {
		width: 800px;
		max-width: 100%;
	}
}

@media screen and (max-width: 798px) {
	.r-renewal--afterservice .r-afterservice-closing {
		padding-bottom: 48px;
	}

	.r-renewal--afterservice .r-afterservice-closing__copy {
		font-size: min(20px, calc(6.25vw - 5px));
		font-weight: 700;
		line-height: 1.7;
	}

	.r-sp-only {
		display: inline;
	}
}

/* =========================================================
   スクロールインアニメーション（全媒体共通）
   発火: body.is-loaded ＋ 各ブロック（data-r-animate）の is-inview
   各サービスブロック共通：見出しfadeup → 説明文FadeLeft → 画像FadeRight
   ========================================================= */
.r-renewal--afterservice .r-afterservice-block[data-r-animate] .r-afterservice-block__title {
	opacity: 0;
	transform: translateY(30px);
}

.r-renewal--afterservice .r-afterservice-block[data-r-animate] .r-afterservice-block__col--text {
	opacity: 0;
	transform: translateX(-30px);
}

.r-renewal--afterservice .r-afterservice-block[data-r-animate] .r-afterservice-block__col--visual {
	opacity: 0;
	transform: translateX(30px);
}

body.is-loaded .r-renewal--afterservice .r-afterservice-block[data-r-animate].is-inview .r-afterservice-block__title {
	animation: r-anim-fade-up 0.8s ease 0s forwards;
}

body.is-loaded .r-renewal--afterservice .r-afterservice-block[data-r-animate].is-inview .r-afterservice-block__col--text {
	animation: r-anim-fade-left 0.8s ease 0.2s forwards;
}

body.is-loaded .r-renewal--afterservice .r-afterservice-block[data-r-animate].is-inview .r-afterservice-block__col--visual {
	animation: r-anim-fade-right 0.8s ease 0.4s forwards;
}

/* クロージング：コピー fadeup */
.r-renewal--afterservice .r-afterservice-closing[data-r-animate] .r-afterservice-closing__copy {
	opacity: 0;
	transform: translateY(30px);
}

body.is-loaded .r-renewal--afterservice .r-afterservice-closing[data-r-animate].is-inview .r-afterservice-closing__copy {
	animation: r-anim-fade-up 0.8s ease 0s forwards;
}

@media (prefers-reduced-motion: reduce) {
	.r-renewal--afterservice [data-r-animate] .r-afterservice-block__title,
	.r-renewal--afterservice [data-r-animate] .r-afterservice-block__col--text,
	.r-renewal--afterservice [data-r-animate] .r-afterservice-block__col--visual,
	.r-renewal--afterservice [data-r-animate] .r-afterservice-closing__copy {
		opacity: 1;
		transform: none;
		animation: none;
	}
}