@charset "utf-8";
/*------------------------------------------------------------
	aftercare
------------------------------------------------------------*/
#main .headLine01 {
	margin-bottom: 5.9rem;
}
#main .headLine01 .en {
	margin-bottom: 0.4rem;
}
#main .headLine01 .en img {
	width: 52.7rem;
}
#main .imgBox {
	margin-bottom: 8rem;
	padding: 10rem 0 8rem;
	background: url(../img/common/bg01.png) repeat left top / 1.5rem;
}
#main .imgBox .photoBox img {
	width: 100%;
}
#main .imgBox .ttl {
	padding: 5.3rem 0 3.3rem;
	max-width: 43rem;
	min-height: 13.6rem;
	position: relative;
	font-size: 2.6rem;
	font-weight: 400;
}
#main .imgBox .ttl::before {
	width: 2.9rem;
	position: absolute;
	left: 0;
	top: 0;
	aspect-ratio: 58/48;
	background: url(../img/common/icon16.png) no-repeat left top / 100%;
	content: '';
}
#main .imgBox .ttl span {
	background: linear-gradient(#2C2C2C, #2C2C2C) no-repeat left bottom / 100% 0.1rem;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
#main .imgBox .textBox p {
	line-height: 2.25;
}
#main .guarantee {
	padding: 11.9rem 0;
	background: #F8F8F8;
}
#main .guarantee .content {
	width: 94rem;
}
#main .guarantee .ttl {
	margin-bottom: 3.9rem;
	text-align: center;
	font-size: 2.6rem;
	font-weight: 400;
}
#main .guarantee table {
	width: 100%;
	border-collapse: collapse;
}
#main .guarantee th,
#main .guarantee td {
	padding: 1.6rem 1.9rem;
	height: 16rem;
	font-weight: 400;
	line-height: 2;
	box-sizing: border-box;
	border: 0.1rem solid #C7C7C7;
}
#main .guarantee thead th {
	padding: 0.5rem 2rem;
	height: 4.7rem;
	background: #fff;
}
#main .guarantee thead .wid01 {
	width: 15%;
}
#main .guarantee thead .wid02 {
	width: 65.8%;
}
#main {
	margin-bottom: 12rem;
}
@media all and (min-width: 897px) {
	#main .imgBox {
		display: grid;
		grid-template-columns: 1fr calc(50% + 2.6rem);
		grid-auto-rows: auto 1fr;
		gap: 0 9.4rem;
	}
	#main .imgBox .photoBox {
		grid-column: 2;
		grid-row: 1 / 3;
	}
	#main .imgBox .ttlbox {
		grid-column: 2;
		grid-row: 1;
	}
	#main .imgBox .ttl {
		margin-left: auto;
		max-width: 43rem;
	}
	#main .imgBox .textBox {
		grid-column: 1;
		grid-row: 2;
	}
	#main .imgBox .textBox .innerBox {
		max-width: 43rem;
		margin-left: auto;
	}
	#main .imgBox.rev {
		grid-template-columns: calc(50% + 2.6rem) 1fr;
	}
	#main .imgBox.rev .ttlBox {
		grid-column: 2;
	}
	#main .imgBox.rev .ttlBox .ttl {
		margin-left: 0;
	}
	#main .imgBox.rev .photoBox {
		grid-column: 1;
	}
	#main .imgBox.rev .textBox {
		grid-column: 2;
	}
	#main .imgBox.rev .textBox .innerBox {
		margin-left: 0;
	}
}
@media all and (max-width: 896px) {
	#main .headLine01 .en img {
		width: 22.7rem;
	}
	#main .imgBox {
		margin-bottom: 7.5rem;
		padding: 10rem 2rem 8rem;
	}
	#main .imgBox .ttl {
		padding: 6.1rem 0 3.9rem;
		max-width: initial;
		min-height: initial;
		font-size: 2rem;
	}
	#main .imgBox .photoBox {
		margin: 0 -2rem 3.6rem 0;
	}
	#main .imgBox .textBox p {
		line-height: 2;
	}
	#main .imgBox.rev .photoBox {
		margin-left: -2rem;
		margin-right: 0;
	}
	#main .guarantee .content {
		width: auto;
	}
	#main .guarantee .ttl {
		font-size: 2.2rem;
	}
	#main .guarantee th,
	#main .guarantee td {
		padding: 1.1rem 1rem;
		height: auto;
		font-size: 1.2rem;
		line-height: 1.5;
	}
	#main .guarantee thead th {
		padding: 1.1rem 1rem;
		height: auto;
	}
	#main .guarantee thead .wid01 {
		width: 18%;
	}
	#main .guarantee thead .wid02 {
		width: 60.5%;
	}
	#main {
		margin-bottom: 8rem;
	}
}