@charset "utf-8";

/* ==========================================================================
   /guarantee/ — イントロ（プレミア提携＋お車の保証が必要な理由）
   ========================================================================== */

.r-renewal--guarantee .r-guarantee-intro {
	position: relative;
	padding: 38px 0;
	overflow: hidden;
}

.r-renewal--guarantee .r-guarantee-intro__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-color: #b98232;
	background-image: url('../img/renewal/sub/service/premium/pc/premium-bk-img-1920-pc-01.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.r-renewal--guarantee .r-guarantee-intro__inner {
	position: relative;
	z-index: 1;
}

.r-renewal--guarantee .r-guarantee-intro__body {
	display: grid;
	/* 右（画像）カラム：約36.7%（累計-10pt） */
	grid-template-columns: minmax(0, 1.72fr) minmax(0, 1.12fr);
	grid-template-areas:
		"lead visual"
		"desc visual";
	gap: 25px 32px;
	align-items: start;
}

.r-renewal--guarantee .r-guarantee-intro__col--visual {
	grid-area: visual;
}

.r-renewal--guarantee .r-guarantee-intro__desc {
	grid-area: desc;
}

.r-renewal--guarantee .r-guarantee-intro__lead {
	grid-area: lead;
	padding: 0 0 0 5px;
	margin: 0;
	font-family: var(--r-font-base);
	font-weight: 500;
	color: #fff;
}

@media screen and (max-width: 798px) {
	.r-renewal--guarantee .r-guarantee-intro__lead {
		font-size: .875em;
		line-height: 1.44em;
	}
}
@media screen and (min-width: 799px) {
	.r-renewal--guarantee .r-guarantee-intro__lead {
padding: 0 0 0 .3em;
font-size: 1.2rem;
line-height: 1.7;
	}
}


.r-renewal--guarantee .r-guarantee-intro__desc {
	margin: 0 0 0 5px;
	font-family: var(--r-font-base);
	font-size: 1.1em;
	font-weight: 400;
	line-height: 1.55em;
	letter-spacing: 0.04em;
	color: #fff;
}

.r-renewal--guarantee .r-guarantee-intro__photo {
	margin: 0;
	border: 1px solid #fff;
}

.r-renewal--guarantee .r-guarantee-intro__photo picture,
.r-renewal--guarantee .r-guarantee-intro__photo img {
	display: block;
	width: 100%;
	height: auto;
}

.r-renewal--guarantee .r-guarantee-intro__reason {
	margin-top: 1.5em;
	padding: .6em 1.6em 1em;
	background-color: #fff;
	border-radius: 1.2em;
}

.r-renewal--guarantee .r-guarantee-intro__reason-title {
	display: table;
	margin: 0 auto 10px;
	border-bottom: 1px solid #673a1b;
	font-family: var(--r-font-base);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.06em;
	color: #673a1b;
}

.r-renewal--guarantee .r-guarantee-intro__reason-text {
	margin: 0;
	font-family: var(--r-font-base);
	font-size: 1.12em;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
	text-align: left;
	color: #673a1b;
}

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

@media screen and (max-width: 1023px) {
	.r-renewal--guarantee .r-guarantee-intro__bg {
		background-image: url('../img/renewal/sub/service/premium/pc/premium-bk-img-1024-tb.jpg');
	}
}

@media screen and (min-width: 799px) {
	.r-renewal--guarantee .r-guarantee-intro__inner {
		width: 830px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 798px) {
	.r-renewal--guarantee .r-guarantee-intro {
		padding: 16px 0 25px;
		overflow: visible;
	}

	.r-renewal--guarantee .r-guarantee-intro__bg {
		background-image: url('../img/renewal/sub/service/premium/sp/premium-bk-img-01-sp.jpg');
	}

	.r-renewal--guarantee .r-guarantee-intro__body {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.r-renewal--guarantee .r-guarantee-intro__col--visual {
		width: 100%;
		max-width: none;
	}


	.r-renewal--guarantee .r-guarantee-intro__desc {
		margin-top: 0;
		font-size: .875em;
		line-height: 1.3em !important;
	}

	.r-renewal--guarantee .r-guarantee-intro__reason {
		width: 100vw;
		max-width: 100vw;
		margin-top: 15px;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		padding: 20px 13px;
		border-radius: 0;
	}

	.r-renewal--guarantee .r-guarantee-intro__reason-title {
		font-size: 1.0em;
	}

	.r-renewal--guarantee .r-guarantee-intro__reason-text {
		font-size: 0.98em;
		line-height: 1.4em;
	}
}

/* ==========================================================================
   /guarantee/ — 修理にかかる費用の一例（例えば）
   ========================================================================== */

.r-renewal--guarantee .r-guarantee-example {
	margin: 0;
		padding: 38px 0 48px;
	background-color: #efe7da;
}

@media screen and (min-width: 799px) {
	.r-renewal--guarantee .r-guarantee-example {
	padding: 4.2em 0 1.5em;
	}
}



.r-renewal--guarantee .r-guarantee-example__box {
	--r-guarantee-example-radius: 24px;
	position: relative;
	padding: 30px 32px 32px;
	border-radius: 0 var(--r-guarantee-example-radius) 0 var(--r-guarantee-example-radius);
}
@media screen and (min-width: 799px) {
.r-renewal--guarantee .r-guarantee-example__box {
	padding-bottom: 4em;
}
}

.r-renewal--guarantee .r-guarantee-example__badge {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	display: table;
	margin: 0;
	padding: .4em 2em;
	font-family: var(--r-font-base);
	font-size: 1.7em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.08em;
	color: #fff;
	background-color: #ca1e1c;
	border-radius: 6px;
	transform: translate(-50%, -37%) rotate(-6deg);
	border: 1px solid #fff;
}
@media screen and (min-width: 799px) {
	.r-renewal--guarantee .r-guarantee-example__badge {
		border-radius: .4em;

	}


}

.r-renewal--guarantee .r-guarantee-example__badge span {
	display: block;
}

.r-renewal--guarantee .r-guarantee-example__cases {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px 24px;
	margin-top: 8px;
}

.r-renewal--guarantee .r-guarantee-example__cases-sp {
	display: none;
}

.r-renewal--guarantee .r-guarantee-example__case {
	background-color: #efe7da;
	border: 2px solid #673a1b;
	border-radius: 12px;
	overflow: hidden;
}

.r-renewal--guarantee .r-guarantee-example__case-title {
	padding: 7px 12px 8px;
	font-family: var(--r-font-base);
	font-size: 1.0em;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-align: center;
	color: #fff;
	background-color: #673a1b;
	border-radius: 8px 8px 0 0;
}

.r-renewal--guarantee .r-guarantee-example__case-figure {
	margin: 0 0 8px;
}

.r-renewal--guarantee .r-guarantee-example__case-figure picture,
.r-renewal--guarantee .r-guarantee-example__case-figure img {
	display: block;
	width: 100%;
	height: auto;
}

.r-renewal--guarantee .r-guarantee-example__case-rows {
	display: flex;
	flex-direction: column;
	gap: 4px;
  padding: 0 1em;
}

.r-renewal--guarantee .r-guarantee-example__case-row {
	display: grid;
	grid-template-columns: minmax(0, 27%) minmax(0, 1fr);
	gap: 8px;
	/* align-items: center; */
	font-family: var(--r-font-base);
}

.r-guarantee-example__case-value {
  font-size: 0.88em;
  letter-spacing: -0.010em;
  line-height: 1.3;
}

.r-guarantee-example__case-rows > .r-guarantee-example__case-row:nth-child(2) {
  align-items: center;
}

.r-renewal--guarantee .r-guarantee-example__case-tag {
	--r-guarantee-example-tag-height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: var(--r-guarantee-example-tag-height);
	margin: 0;
	padding: 0 6px;
	font-size: 0.78em;
	font-weight: 400;
	line-height: 1;
	white-space: nowrap;
	text-align: center;
	color: #fff;
	border-radius: 0;
}

.r-renewal--guarantee .r-guarantee-example__case-tag--repair {
	background-color: #956134;
}

.r-renewal--guarantee .r-guarantee-example__case-tag--cost {
	background-color: #c4a882;
}

/* .r-renewal--guarantee .r-guarantee-example__case-value {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	margin: 0;
	padding: 4px 4px 4px 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	text-align: left;
	color: #673a1b;
} */

.r-renewal--guarantee .r-guarantee-example__case-price {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	color: #673a1b;
}

.r-renewal--guarantee .r-guarantee-example__case-model {
  margin: 4px 0 10px 6.4em;
  font-size: 0.88em;
	font-weight: 400;
	line-height: 1.4;
	color: #673a1b;
}

.r-renewal--guarantee .r-guarantee-example__arrow {
	width: 0;
	height: 0;
	margin: 28px auto 20px;
	border-top: 22px solid #ca1e1c;
	border-right: 56px solid transparent;
	border-left: 56px solid transparent;
}

.r-renewal--guarantee .r-guarantee-example__catch {
	margin: 0;
	text-align: center;
}

.r-renewal--guarantee .r-guarantee-example__catch-lead {
	margin: 0;
	font-family: var(--r-font-base);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.04em;
	color: #8e3233;
}

.r-renewal--guarantee .r-guarantee-example__catch-main {
	margin: -8px 0 0;
}

.r-renewal--guarantee .r-guarantee-example__catch-em {
	display: inline;
	font-family: var(--r-font-base);
	font-size: 38px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.05em;
	color: #ca1e1c;
}

.r-renewal--guarantee .r-guarantee-example__catch-zero {
	font-size: 1.15em;
}

.r-renewal--guarantee .r-guarantee-example__note {
	margin: 24px 0 0;
	font-family: var(--r-font-base);
	font-weight: 400;
	line-height: 1.85;
	letter-spacing: 0.04em;
	text-align: left;
	color: #673a1b;
}

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

	.r-renewal--guarantee .r-guarantee-example__note {
		width: 90%;
		margin: 0 auto;
		font-size: 1em;
	}

	.r-renewal--guarantee .r-guarantee-example__cases {
		width: 75%;
		margin: 3em auto 0;
	}
}

@media only screen and (min-width: 798px) and (max-width: 949px) {
  .r-renewal--guarantee .r-guarantee-example__cases {
    width: 90%;
  }
}

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

@media screen and (max-width: 798px) {

	.r-renewal--guarantee .r-guarantee-example__box {
		--r-guarantee-example-radius: 16px;
		padding: 35px 16px 24px;
	}

	.r-renewal--guarantee .r-guarantee-example__badge {
    margin: 2px 0 0;
    padding: 4px 23px;
    font-size: 1.1em;
    border: 1px solid #fff;
	}

	.r-renewal--guarantee .r-guarantee-example__cases {
		display: none;
	}

	.r-renewal--guarantee .r-guarantee-example__cases-sp {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.r-renewal--guarantee .r-guarantee-example__cases-sp img {
		display: block;
		width: 100%;
		height: auto;
	}

	.r-renewal--guarantee .r-guarantee-example__arrow {
		margin-top: 20px;
		border-top-width: 20px;
		border-right-width: 38px;
		border-left-width: 38px;
    margin: 20px auto 2px;
	}

	.r-renewal--guarantee .r-guarantee-example__catch-lead {
		font-size: 16px;
		color: #673a1b;
		letter-spacing:-1px;
	}

	.r-renewal--guarantee .r-guarantee-example__catch-em {
		font-size: 1.6em;
	}

	.r-renewal--guarantee .r-guarantee-example__note {
		margin-top: 2px;
		font-size: 1.035em;
		line-height: 1.30em;
    letter-spacing: 0em;
	}
}

/* ==========================================================================
   /guarantee/ — 充実の保証範囲と保証期間（選べる3タイプ）
   ========================================================================== */

.r-renewal--guarantee .r-guarantee-plans {
	margin: 0;
	padding: 50px 0 48px;
	background-color: #efe7da;
}

.r-renewal--guarantee .r-guarantee-plans__box {
	--r-guarantee-plans-radius: 24px;
	position: relative;
	padding: 0 30px 36px;
	border-radius: 0 var(--r-guarantee-plans-radius) 0 var(--r-guarantee-plans-radius);
}

.r-renewal--guarantee .r-guarantee-plans__badge {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 2;
	display: table;
	margin: 0;
	padding: 10px 36px;
	font-family: var(--r-font-base);
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.08em;
	white-space: nowrap;
	color: #fff;
	background-color: #ca1e1c;
	border-radius: 6px;
	transform: translate(-50%, -50%) rotate(-7deg);
}
@media screen and (max-width: 798px) {
	.r-renewal--guarantee .r-guarantee-plans__badge {
		top: -9px;
		padding: 5px;
		font-size: 1.1em;
		border: 1px solid #fff;
		border-radius: .4em;
	}
}
@media screen and (min-width: 799px) {
	.r-renewal--guarantee .r-guarantee-plans__badge {
		font-size: 1.8em;
		border-radius: .4em;
		transform: translate(-50%, -50%) rotate(-6deg);
	}

}



.r-renewal--guarantee .r-guarantee-plans__badge span {
	display: block;
}

.r-renewal--guarantee .r-guarantee-plans__title {
	margin: 0 -32px 24px;
}

.r-renewal--guarantee .r-guarantee-plans__title img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0 var(--r-guarantee-plans-radius) 0 0;
}

.r-renewal--guarantee .r-guarantee-plans__lead {
	margin: 0 0 24px;
	font-family: var(--r-font-base);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.85;
	letter-spacing: 0.04em;
	text-align: center;
	color: #673a1b;
}

.r-renewal--guarantee .r-guarantee-plans__cols {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
  margin: 0 20px;
}

.r-renewal--guarantee .r-guarantee-plans__col {
	--r-guarantee-plan-color: #458a1f;
	display: flex;
	flex-direction: column;
	border: 1px solid var(--r-guarantee-plan-color);
	border-radius: 0 12px 0 12px;
	overflow: hidden;
}

.r-renewal--guarantee .r-guarantee-plans__col--light {
	--r-guarantee-plan-color: #458a1f;
}

.r-renewal--guarantee .r-guarantee-plans__col--standard {
	--r-guarantee-plan-color: #a10f19;
}

.r-renewal--guarantee .r-guarantee-plans__col--premium {
	--r-guarantee-plan-color: #0025a7;
}

.r-renewal--guarantee .r-guarantee-plans__col-title {
	margin: 0;
	padding: 20px 8px;
	font-family: var(--r-font-base);
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-align: center;
	color: #fff;
	background-color: var(--r-guarantee-plan-color);
}

.r-renewal--guarantee .r-guarantee-plans__spec {
	margin: 0;
	font-family: var(--r-font-base);
	color: var(--r-guarantee-plan-color);
}

.r-renewal--guarantee .r-guarantee-plans__spec-row {
	display: grid;
	grid-template-columns: minmax(0, 37%) minmax(0, 1fr);
	align-items: stretch;
}

.r-renewal--guarantee .r-guarantee-plans__spec-row + .r-guarantee-plans__spec-row {
	border-top: 1px dashed var(--r-guarantee-plan-color);
}

.r-renewal--guarantee .r-guarantee-plans__spec dt {
	display: flex;
	align-items: center;
	justify-content: left;
	margin: 0;
	padding: 6px 6px;
	font-size: 1.0em;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	border-right: 1px dashed var(--r-guarantee-plan-color);
}

.r-renewal--guarantee .r-guarantee-plans__spec dd {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 6px 12px;
	font-size: 1.0em;
	font-weight: 400;
	line-height: 1.4;
}

.r-renewal--guarantee .r-guarantee-plans__col-note {
	margin: 0;
	padding: 10px 20px;
	border-top: 1px solid var(--r-guarantee-plan-color);
	font-family: var(--r-font-base);
	font-size: 0.98em;
	font-weight: 400;
	line-height: 1.2em;
	letter-spacing: 0.02em;
	color: var(--r-guarantee-plan-color);
}

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

@media screen and (max-width: 798px) {
	.r-renewal--guarantee .r-guarantee-plans {
		padding: 0 0 48px;
	}

	.r-renewal--guarantee .r-guarantee-plans__box {
		--r-guarantee-plans-radius: 16px;
		padding: 0 16px 24px;
	}

	.r-renewal--guarantee .r-guarantee-plans__title {
		margin: 0 -16px 20px;
	}


	.r-renewal--guarantee .r-guarantee-plans__lead {
		margin-bottom: 20px;
    font-size: 1.035em;
    line-height: 1.30em;
    letter-spacing: 0em;
		text-align: left;
	}

	.r-renewal--guarantee .r-guarantee-plans__cols {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
    margin: 0;
	}

	.r-renewal--guarantee .r-guarantee-plans__col {
		border-radius: 0 18px 0 18px;
	}

	.r-renewal--guarantee .r-guarantee-plans__col-title {
    padding: 8px;
  }

	.r-renewal--guarantee .r-guarantee-plans__col-title,  
	.r-renewal--guarantee .r-guarantee-plans__spec dt,
	.r-renewal--guarantee .r-guarantee-plans__spec dd {
		font-size: 1.0em;
	}

	.r-renewal--guarantee .r-guarantee-plans__col-note {
		font-size: 0.98em;
		padding: 10px 30px;
	}

  .r-renewal--guarantee .r-guarantee-plans__spec-row {
    display: grid;
    grid-template-columns: minmax(0, 25%) minmax(0, 1fr);
    align-items: stretch;
  }
}

@media only screen and (min-width: 798px) and (max-width: 949px) {
  .r-renewal--guarantee .r-guarantee-plans__col-title {
    font-size: 1.2em;
  }
  .r-renewal--guarantee .r-guarantee-plans__spec-row {
    grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
  }
}

/* ==========================================================================
   /guarantee/ — 24時間365日対応のロードサービス（さらに！）
   ========================================================================== */

.r-renewal--guarantee .r-guarantee-road {
	margin: 0;
	padding: 50px 0 32px;
	background-color: #efe7da;
}
@media screen and (min-width: 799px) {
	.r-renewal--guarantee .r-guarantee-road {
		padding: 7em 0 2.5em;
	}
}


.r-renewal--guarantee .r-guarantee-road__box {
	--r-guarantee-road-radius: 24px;
	position: relative;
	padding: 0 30px 36px;
	border-radius: 0 var(--r-guarantee-road-radius) 0 var(--r-guarantee-road-radius);
}

.r-renewal--guarantee .r-guarantee-road__badge {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 2;
	display: table;
	margin: 0;
	padding: 10px 36px;
	font-family: var(--r-font-base);
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.08em;
	color: #fff;
	background-color: #ca1e1c;
	border-radius: 6px;
	transform: translate(-50%, -50%) rotate(-7deg);
}
@media screen and (max-width: 798px) {
	.r-renewal--guarantee .r-guarantee-road__badge {
    top: 1px;
    padding: 3px 14px;
    margin-bottom: 20px;
    font-size: 1.035em;
    line-height: 1.30em;
    letter-spacing: 0em;
    text-align: left;
	}
}

@media screen and (min-width: 799px) {
	.r-renewal--guarantee .r-guarantee-road__badge {
		padding: .4em 1.5em;
		font-size: 1.8em;
		border-radius: .4em;
		transform: translate(-50%, -50%) rotate(-8deg);
	}

}


.r-renewal--guarantee .r-guarantee-road__badge span {
	display: block;
}

.r-renewal--guarantee .r-guarantee-road__title {
	margin: 0 -32px 24px;
}

.r-renewal--guarantee .r-guarantee-road__title picture,
.r-renewal--guarantee .r-guarantee-road__title img {
	display: block;
	width: 100%;
	height: auto;
}

.r-renewal--guarantee .r-guarantee-road__title img {
	border-radius: 0 var(--r-guarantee-road-radius) 0 0;
}

.r-renewal--guarantee .r-guarantee-road__lead {
	margin: 0 0 24px;
	font-family: var(--r-font-base);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.85;
	letter-spacing: 0.04em;
	text-align: center;
	color: #673a1b;
}

@media screen and (min-width: 799px) {
	.r-renewal--guarantee .r-guarantee-road__lead {
		font-size: 1.125rem;
		line-height: 1.5;
	}

}


.r-renewal--guarantee .r-guarantee-road__cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5em;
}

.r-renewal--guarantee .r-guarantee-road__card {
	display: flex;
	flex-direction: column;
	padding: .6em .4em;
	background-color: #f4f4f4;
	border: 1px solid #cfcfcf;
	border-radius: 8px;
}

.r-renewal--guarantee .r-guarantee-road__card-text {
	margin: 0;
	font-family: var(--r-font-base);
	font-weight: 700;
	line-height: 1.2em;
	letter-spacing: -0.050em;
	text-align: center;
	color: #3a3a3a;
}

.r-renewal--guarantee .r-guarantee-road__card-figure {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex: 1;
	min-height: 96px;
	margin: -1em 0 0;
}
@media screen and (min-width: 799px) {
	.r-renewal--guarantee .r-guarantee-road__card-figure {
		margin-top: 0;
	}
}


@media screen and (min-width: 799px) {
.r-guarantee-road__card:nth-child(n+4) .r-guarantee-road__card-figure {
	position: relative;
	z-index: -1;
	margin-top: -1.4em;
}
}

.r-renewal--guarantee .r-guarantee-road__card-figure picture {
	display: block;
}

.r-renewal--guarantee .r-guarantee-road__card-figure img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 88px;
}

@media screen and (min-width: 799px) {
	.r-renewal--guarantee .r-guarantee-road__cards {
		width: min(100%,652px);
		margin-inline: auto;
	}

	.r-renewal--guarantee .r-guarantee-road__card {
		border: 2px solid #595857;
		border-radius: 1.6em;
	}

	.r-renewal--guarantee .r-guarantee-road__card-text {
    font-size: 1em;
	}
}

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

@media screen and (max-width: 798px) {

	.r-renewal--guarantee .r-guarantee-road__box {
		--r-guarantee-road-radius: 16px;
		padding: 0 16px 24px;
	}

	.r-renewal--guarantee .r-guarantee-road__title {
		margin: 0 -16px 12px;
	}


	.r-renewal--guarantee .r-guarantee-road__lead {
		margin-bottom: 20px;
    font-size: 1.0em;
    line-height: 1.2em;
		text-align: left;
	}

	.r-renewal--guarantee .r-guarantee-road__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.r-renewal--guarantee .r-guarantee-road__card {
		padding: 3px 9px;
		border: 2px solid #595857;
		border-radius: 10px;
	}

	.r-renewal--guarantee .r-guarantee-road__card-text {
		font-size: 0.8em;
		font-weight: 700;
		text-align: left;
	}

	.r-renewal--guarantee .r-guarantee-road__card-figure {
		min-height: 80px;
	}

	.r-renewal--guarantee .r-guarantee-road__card-figure img {
		max-height: 60px;
	}
}

/* ==========================================================================
   /guarantee/ — 期間満了後も再申し込み可能
   ========================================================================== */

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

.r-renewal--guarantee .r-guarantee-renew__box {
	--r-guarantee-renew-radius: 24px;
	position: relative;
	padding: 0 30px 36px;
	border-radius: 0 var(--r-guarantee-renew-radius) 0 var(--r-guarantee-renew-radius);
}

.r-renewal--guarantee .r-guarantee-renew__title {
	margin: 0 -32px 24px;
}

.r-renewal--guarantee .r-guarantee-renew__title picture,
.r-renewal--guarantee .r-guarantee-renew__title img {
	display: block;
	width: 100%;
	height: auto;
}

.r-renewal--guarantee .r-guarantee-renew__title img {
	border-radius: 0 var(--r-guarantee-renew-radius) 0 0;
}

.r-renewal--guarantee .r-guarantee-renew__lead {
	margin: 0 0 24px;
	font-family: var(--r-font-base);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.85;
	letter-spacing: 0.04em;
	text-align: left;
	color: #673a1b;
}
@media screen and (min-width: 799px) {
	.r-renewal--guarantee .r-guarantee-renew__lead {
		width: 80%;
		margin: 2em auto 1.5em;
		font-size: 1.125rem;
		line-height: 1.6;

	}

}


.r-renewal--guarantee .r-guarantee-renew__figure {
	margin: 0;
	text-align: center;
}

.r-renewal--guarantee .r-guarantee-renew__figure picture {
	display: inline-block;
}

.r-renewal--guarantee .r-guarantee-renew__figure img {
	display: block;
	width: 100%;
	max-width: 781px;
	height: auto;
	margin: 0 auto;
}

.r-renewal--guarantee .r-guarantee-renew__notes {
	margin: 0;
	padding: 0;
	list-style: none;
}

.r-renewal--guarantee .r-guarantee-renew__notes li {
	margin: 0;
	font-family: var(--r-font-base);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.55;
	letter-spacing: 0.04em;
	color: #673a1b;
}

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

@media screen and (max-width: 798px) {
	.r-renewal--guarantee .r-guarantee-renew {
		padding-bottom: 32px;
	}

	.r-renewal--guarantee .r-guarantee-renew__box {
		--r-guarantee-renew-radius: 16px;
		padding: 0 16px 24px;
	}

	.r-renewal--guarantee .r-guarantee-renew__title {
		margin: 0 -16px 20px;
	}

	.r-renewal--guarantee .r-guarantee-renew__lead {
    margin-bottom: 20px;
    font-size: 1.035em;
    line-height: 1.30em;
    letter-spacing: 0em;
    text-align: left;
	}

	.r-renewal--guarantee .r-guarantee-renew__figure {
		margin-bottom: 0;
	}

	.r-renewal--guarantee .r-guarantee-renew__notes li {
		padding-left: 1em;
		font-size: 16px;
		line-height: 1.5;
		text-indent: -1em;
	}
}

/* ==========================================================================
   /guarantee/ — 保証部品一覧表のPDFを見る
   ========================================================================== */

.r-renewal--guarantee .r-guarantee-pdf {
	margin: 0;
	padding: 50px 0;
	background-color: #b38247;
}

.r-renewal--guarantee .r-guarantee-pdf__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 360px);
	gap: 32px;
	align-items: center;
}

.r-renewal--guarantee .r-guarantee-pdf__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 24px;
	font-family: var(--r-font-base);
	font-size: 1.0em;
	font-weight: 400;
	line-height: 1.2em;
	letter-spacing: 0.04em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 1px solid #fff;
	transition: background-color 0.2s ease, color 0.2s ease;
  margin: 0 28px;
}

@media screen and (max-width: 798px) {
	.r-renewal--guarantee .r-guarantee-pdf__btn {
		min-height: 50px;
		font-size: 1.0em;
		color: #673a1b;
		background-color: #fff;
		border-color: #fff;
	}
}
@media screen and (min-width: 799px) {
	.r-renewal--guarantee .r-guarantee-pdf__btn {
		padding: .7em 1em;
		font-size: 1.8em;
	}
}


.r-renewal--guarantee .r-guarantee-pdf__btn:hover,
.r-renewal--guarantee .r-guarantee-pdf__btn:focus-visible {
	color: #b38247;
	background-color: #fff;
}

.r-renewal--guarantee .r-guarantee-pdf__thumb {
	display: block;
}

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

@media screen and (min-width: 799px) {
	.r-renewal--guarantee .r-guarantee-pdf__inner {
		width: 850px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		grid-template-columns: minmax(0, 1fr) 50%;
		gap: 0;
	}
}

@media screen and (max-width: 798px) {
	.r-renewal--guarantee .r-guarantee-pdf {
		padding: 32px 0;
	}

	.r-renewal--guarantee .r-guarantee-pdf__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
	}

	.r-renewal--guarantee .r-guarantee-pdf__col--btn {
		order: 2;
	}

	.r-renewal--guarantee .r-guarantee-pdf__col--visual {
		order: 1;
		max-width: 210px;
		margin: 0 auto;
	}


	.r-renewal--guarantee .r-guarantee-pdf__btn:hover,
	.r-renewal--guarantee .r-guarantee-pdf__btn:focus-visible {
		color: #673a1b;
		background-color: #fff;
	}
}

/* =========================================================
   スクロールインアニメーション（全媒体共通）
   発火: body.is-loaded ＋ 各セクション（data-r-animate）の is-inview
   ※実装セクション構成に合わせて、指定のアニメ種別を各セクションへ適用
   ========================================================= */

/* --- グループA：導入 --- */
.r-renewal--guarantee .r-guarantee-intro[data-r-animate] .r-guarantee-intro__lead {
	opacity: 0;
	transform: translateX(-30px);
}

.r-renewal--guarantee .r-guarantee-intro[data-r-animate] .r-guarantee-intro__photo {
	opacity: 0;
	transform: translateX(30px);
}

.r-renewal--guarantee .r-guarantee-intro[data-r-animate] .r-guarantee-intro__desc,
.r-renewal--guarantee .r-guarantee-intro[data-r-animate] .r-guarantee-intro__reason-text {
	opacity: 0;
	transform: translateY(30px);
}

.r-renewal--guarantee .r-guarantee-intro[data-r-animate] .r-guarantee-intro__reason-title {
	opacity: 0;
	clip-path: inset(0 100% 0 0);
}

body.is-loaded .r-renewal--guarantee .r-guarantee-intro[data-r-animate].is-inview .r-guarantee-intro__lead {
	animation: r-anim-fade-left 0.8s ease 0s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-intro[data-r-animate].is-inview .r-guarantee-intro__photo {
	animation: r-anim-fade-right 0.8s ease 0.2s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-intro[data-r-animate].is-inview .r-guarantee-intro__desc {
	animation: r-anim-fade-up 0.8s ease 0.4s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-intro[data-r-animate].is-inview .r-guarantee-intro__reason-title {
	animation: r-anim-slide-reveal-left 0.8s ease 0.6s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-intro[data-r-animate].is-inview .r-guarantee-intro__reason-text {
	animation: r-anim-fade-up 0.8s ease 0.8s forwards;
}

/* --- グループB：概要（修理費用例）見出し fadeup → カード/強調 ZoomIn --- */
/* バッジは translate(-50%,-50%) rotate(-7deg) で配置・傾きを保持しているため opacity のみ */
.r-renewal--guarantee .r-guarantee-example[data-r-animate] .r-guarantee-example__badge {
	opacity: 0;
}

.r-renewal--guarantee .r-guarantee-example[data-r-animate] .r-guarantee-example__note {
	opacity: 0;
	transform: translateY(30px);
}

.r-renewal--guarantee .r-guarantee-example[data-r-animate] .r-guarantee-example__case,
.r-renewal--guarantee .r-guarantee-example[data-r-animate] .r-guarantee-example__catch {
	opacity: 0;
	transform: scale(0.9);
}

body.is-loaded .r-renewal--guarantee .r-guarantee-example[data-r-animate].is-inview .r-guarantee-example__badge {
	animation: r-anim-fade-in 0.8s ease 0s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-example[data-r-animate].is-inview .r-guarantee-example__case:nth-of-type(1) {
	animation: r-anim-zoom-in 0.8s ease 0.2s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-example[data-r-animate].is-inview .r-guarantee-example__case:nth-of-type(2) {
	animation: r-anim-zoom-in 0.8s ease 0.4s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-example[data-r-animate].is-inview .r-guarantee-example__catch {
	animation: r-anim-zoom-in 0.8s ease 0.6s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-example[data-r-animate].is-inview .r-guarantee-example__note {
	animation: r-anim-fade-up 0.8s ease 0.8s forwards;
}

/* --- グループC：プラン比較 見出しRotateY → プランカードRotateY --- */
/* バッジは配置・傾きを保持するため opacity のみ */
.r-renewal--guarantee .r-guarantee-plans[data-r-animate] .r-guarantee-plans__badge {
	opacity: 0;
}

.r-renewal--guarantee .r-guarantee-plans[data-r-animate] .r-guarantee-plans__lead {
	opacity: 0;
	transform: translateX(30px);
}

.r-renewal--guarantee .r-guarantee-plans[data-r-animate] .r-guarantee-plans__title,
.r-renewal--guarantee .r-guarantee-plans[data-r-animate] .r-guarantee-plans__col {
	opacity: 0;
	transform: rotateY(-75deg);
	transform-origin: center center;
	backface-visibility: hidden;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-plans[data-r-animate].is-inview .r-guarantee-plans__badge {
	animation: r-anim-fade-in 0.8s ease 0s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-plans[data-r-animate].is-inview .r-guarantee-plans__lead {
	animation: r-anim-fade-right 0.8s ease 0.2s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-plans[data-r-animate].is-inview .r-guarantee-plans__title {
	animation: r-anim-rotate-y 0.8s ease 0.4s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-plans[data-r-animate].is-inview .r-guarantee-plans__col:nth-of-type(1) {
	animation: r-anim-rotate-y 0.8s ease 0.6s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-plans[data-r-animate].is-inview .r-guarantee-plans__col:nth-of-type(2) {
	animation: r-anim-rotate-y 0.8s ease 0.8s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-plans[data-r-animate].is-inview .r-guarantee-plans__col:nth-of-type(3) {
	animation: r-anim-rotate-y 0.8s ease 1s forwards;
}

/* --- 保証部品一覧PDF：ボタン・資料画像 fadeup --- */
.r-renewal--guarantee .r-guarantee-pdf[data-r-animate] .r-guarantee-pdf__col--btn,
.r-renewal--guarantee .r-guarantee-pdf[data-r-animate] .r-guarantee-pdf__col--visual {
	opacity: 0;
	transform: translateY(30px);
}

body.is-loaded .r-renewal--guarantee .r-guarantee-pdf[data-r-animate].is-inview .r-guarantee-pdf__col--btn {
	animation: r-anim-fade-up 0.8s ease 0s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-pdf[data-r-animate].is-inview .r-guarantee-pdf__col--visual {
	animation: r-anim-fade-up 0.8s ease 0.2s forwards;
}

/* --- グループD：ロードサービス 見出しfadeup/帯slideReveal → カードZoomIn --- */
/* バッジは配置・傾きを保持するため opacity のみ */
.r-renewal--guarantee .r-guarantee-road[data-r-animate] .r-guarantee-road__badge {
	opacity: 0;
}

.r-renewal--guarantee .r-guarantee-road[data-r-animate] .r-guarantee-road__lead {
	opacity: 0;
	transform: translateY(30px);
}

.r-renewal--guarantee .r-guarantee-road[data-r-animate] .r-guarantee-road__title {
	opacity: 0;
	clip-path: inset(0 100% 0 0);
}

.r-renewal--guarantee .r-guarantee-road[data-r-animate] .r-guarantee-road__card {
	opacity: 0;
	transform: scale(0.9);
}

body.is-loaded .r-renewal--guarantee .r-guarantee-road[data-r-animate].is-inview .r-guarantee-road__badge {
	animation: r-anim-fade-in 0.8s ease 0s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-road[data-r-animate].is-inview .r-guarantee-road__title {
	animation: r-anim-slide-reveal-left 0.8s ease 0.2s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-road[data-r-animate].is-inview .r-guarantee-road__lead {
	animation: r-anim-fade-up 0.8s ease 0.4s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-road[data-r-animate].is-inview .r-guarantee-road__card:nth-of-type(1) {
	animation: r-anim-zoom-in 0.8s ease 0.6s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-road[data-r-animate].is-inview .r-guarantee-road__card:nth-of-type(2) {
	animation: r-anim-zoom-in 0.8s ease 0.8s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-road[data-r-animate].is-inview .r-guarantee-road__card:nth-of-type(3) {
	animation: r-anim-zoom-in 0.8s ease 1s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-road[data-r-animate].is-inview .r-guarantee-road__card:nth-of-type(4) {
	animation: r-anim-zoom-in 0.8s ease 1.2s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-road[data-r-animate].is-inview .r-guarantee-road__card:nth-of-type(5) {
	animation: r-anim-zoom-in 0.8s ease 1.4s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-road[data-r-animate].is-inview .r-guarantee-road__card:nth-of-type(6) {
	animation: r-anim-zoom-in 0.8s ease 1.6s forwards;
}

/* --- グループF：再申し込み 見出しslideReveal → 説明/図/注意 fadeup・RotateY --- */
.r-renewal--guarantee .r-guarantee-renew[data-r-animate] .r-guarantee-renew__lead,
.r-renewal--guarantee .r-guarantee-renew[data-r-animate] .r-guarantee-renew__notes {
	opacity: 0;
	transform: translateY(30px);
}

.r-renewal--guarantee .r-guarantee-renew[data-r-animate] .r-guarantee-renew__title {
	opacity: 0;
	clip-path: inset(0 100% 0 0);
}

.r-renewal--guarantee .r-guarantee-renew[data-r-animate] .r-guarantee-renew__figure {
	opacity: 0;
	transform: rotateY(-75deg);
	transform-origin: center center;
	backface-visibility: hidden;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-renew[data-r-animate].is-inview .r-guarantee-renew__title {
	animation: r-anim-slide-reveal-left 0.8s ease 0s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-renew[data-r-animate].is-inview .r-guarantee-renew__lead {
	animation: r-anim-fade-up 0.8s ease 0.2s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-renew[data-r-animate].is-inview .r-guarantee-renew__figure {
	animation: r-anim-rotate-y 0.8s ease 0.4s forwards;
}

body.is-loaded .r-renewal--guarantee .r-guarantee-renew[data-r-animate].is-inview .r-guarantee-renew__notes {
	animation: r-anim-fade-up 0.8s ease 0.6s forwards;
}

@media (prefers-reduced-motion: reduce) {
	.r-renewal--guarantee [data-r-animate] .r-guarantee-intro__lead,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-intro__photo,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-intro__desc,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-intro__reason-title,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-intro__reason-text,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-example__note,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-example__case,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-example__catch,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-plans__lead,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-plans__title,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-plans__col,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-pdf__col--btn,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-pdf__col--visual,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-road__lead,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-road__title,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-road__card,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-renew__lead,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-renew__notes,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-renew__title,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-renew__figure {
		opacity: 1;
		transform: none;
		clip-path: none;
		animation: none;
	}

	/* バッジは配置・傾きの transform を保持したまま表示 */
	.r-renewal--guarantee [data-r-animate] .r-guarantee-example__badge,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-plans__badge,
	.r-renewal--guarantee [data-r-animate] .r-guarantee-road__badge {
		opacity: 1;
		animation: none;
	}
}