@charset "utf-8";

.leadSec{}
.leadTtl{
	display:table;
	color:var(--main-color);
	text-decoration:underline double var(--main-color);
	line-height:1.5;
}
.leadTxt{line-height:1.866;}
.itemMainteSec{background-color:var(--white-color);}
.itemMainteTtl{
	display:block;
	line-height:1.0;
}
.itemMainteList{
	display:flex;
	justify-content:space-between;
	list-style:none;
}
.itemMainteList li{display:block;}
.itemMainteName{
	display:block;
	line-height:1.0;
}
.itemMainteCaution{margin-top:2rem;}
.priceSec{text-align:center;}
.priceSec *{line-height:1.0;}
.priceTbl{margin:0 auto;}
.priceTtl{
	display:block;
	background-color:var(--main-color);
	color:var(--white-color);
}
.priceDl dd{
	display:flex;
	justify-content:center;
	flex-direction:column;
	background-color:var(--white-color);
	border:1px solid #dcdcdc;
}
.dlBring dt{background-color:#dcdcdc;}
.dlSeino dt{
	background-color:#4a4a4a;
	color:var(--white-color);
}
.priceInt{vertical-align:baseline;}
.priceInt > *{
	display:inline-block;
	vertical-align:middle;
}
.priceNote{
	display:block;
	line-height:1.0;
}
.priceCaution{
	margin:0 auto;
	list-style:none;
	text-align:left;
}
.priceCaution li{
	display:block;
	position:relative;
	padding-left:24px;
}
.priceSec .priceCaution li{line-height:1.2;}
.priceCaution li:before{
	content:"※";
	position:absolute;
	top:0;
	left:0;
}
.mainteFlow{display:grid;}
.mainteTtl{
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:var(--main-color);
	color:var(--white-color);
}
.mainteStep{
	display:block;
	position:relative;
}
.stepInt{
	position:absolute;
	display:block;
	line-height:1.0;
	color:var(--main-color);
	z-index:1;
}
.mainteStep figcaption{}
.mainteSttl{
	display:block;
	line-height:1.0;
	color:var(--main-color);
}
.mainteTxt{line-height:1.75;}
.consumSec{
	margin:0 auto;
	background-color:var(--main-color);
	color:var(--white-color);
	overflow:hidden;
}
.consumTtl{
	display:block;
	line-height:1.0;
}
.consumTxt{line-height:1.75;}
@media screen and (max-width:1023.98px){
	.leadTtl{
		font-size:20px;
		text-underline-offset:6px;
	}
	.leadTxt{
		margin-top:18px;
		font-size:12px;
	}
	.itemMainteSec{
		padding:40px 8vw;
		margin-top:40px;
		margin-right:-8vw;
		margin-left:-8vw;
	}
	.itemMainteTtl{font-size:18px;}
	.itemMainteList{
		flex-wrap:wrap;
		margin-top:24px;
	}
	.itemMainteList li{width:48%;}
	.itemMainteList li:nth-child(n+3){margin-top:24px;}
	.itemMainteList img{border-radius:8px;}
	.itemMainteName{
		margin-top:13px;
		font-size:13px;
	}
	.priceSec{margin-top:min(90px,7.5vw);}
	.priceTbl{
		display:block;
		width:100%;
	}
	.priceTtl{
		padding:18px 2%;
		font-size:18px;
	}
	.priceDl{
		display:grid;
		grid-template-columns:88px 1fr;
		width:100%;
	}
	.priceDl dt{
		padding:14px 5%;
		font-size:14px;
	}
	.priceDl dt span{
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		height:100%;
		line-height:1.6;
	}
	.priceDl dd{
		height:100%;
		padding:20px 5% 20px;
	}
	.priceInt{font-size:15px;}
	.pricePlus{
		margin:2px auto 4px;
		font-size:15px;
	}
	.priceInt strong{font-size:24px;}
	.priceInt > *+*{margin-left:3px;}
	.priceNote{margin-top:8px;}
	.dlSeino dd{border-top:none;}
	.priceCaution{
		width:100%;
		margin-top:16px;
		font-size:12px;
	}
	.priceCaution li+li{margin-top:10px;}
	.mainteFlow{margin-top:84px;}
	.mainteTtl{
		font-size:18px;
		border-radius:8px;
	}
	.mainteStep{margin-top:40px;}
	.stepInt{
		top:-14px;
		left:14px;
		font-size:36px;
	}
	.mainteStep img{border-radius:8px;}
	.mainteStep figcaption{margin-top:24px;}
	.mainteSttl{font-size:15px;}
	.mainteTxt{
		margin-top:10px;
		font-size:12px;
	}
	.consumSec{
		width:100%;
		margin-top:76px;
		border-radius:8px;
	}
	.consumSec img{width:100%;}
	.consumSec figcaption{
		width:100%;
		padding:24px 5%;
	}
	.consumTtl{font-size:15px;}
	.consumTxt{
		margin-top:15px;
		font-size:12px;
	}
}
@media screen and (min-width:1024px){
	.pageContent{width:min(1200px,100%);}
	.leadTtl{
		font-size:min(30px,2.5vw);
		text-underline-offset:min(10px,0.833vw);
	}
	.leadTxt{
		margin-top:min(24px,2vw);
		font-size:min(15px,1.25vw);
	}
	.itemMainteSec{
		width:100vw;
		margin-top:min(74px,6.167vw);
		padding-top:min(84px,7vw);
		padding-bottom:min(120px,10vw);
	}
	.itemMainteTtl{font-size:min(24px,2vw);}
	.itemMainteList{margin-top:min(34px,2.833vw);}
	.itemMainteList li{width:23%;}
	.itemMainteList img{border-radius:min(10px,0.833vw);}
	.itemMainteName{
		margin-top:min(18px,1.5vw);
		font-size:min(18px,1.5vw);
	}
	.priceSec{margin-top:min(90px,7.5vw);}
	.priceTbl{
		display:grid;
		grid-template:"priceTtl priceTtl" auto "priceBring priceSeino" 1fr / 50% 50%;
		width:min(1000px,96%);
	}
	.priceTtl{
		grid-area:priceTtl;
		padding:min(25px,2.083vw) 2%;
		font-size:min(24px,2vw);
	}
	.priceDl dt{
		padding:min(18px,1.5vw) 2%;
		font-size:min(18px,1.5vw);
	}
	.priceDl dd{
		height:calc(100% - min(54px,4.5vw));
		padding:min(28px,2.333vw) 2% min(24px,2vw);
	}
	.priceInt{font-size:min(22px,1.833vw);}
	.pricePlus{
		margin:min(2px,0.167vw) auto min(4px,0.333vw);
		font-size:min(22px,1.833vw);
	}
	.priceInt strong{font-size:min(36px,3vw);}
	.priceInt > *+*{margin-left:4px;}
	.priceNote{margin-top:min(10px,0.833vw);}
	.dlBring{grid-area:priceBring;}
	.dlSeino{grid-area:priceSeino;}
	.dlSeino dd{border-left:none;}
	.priceCaution{
		width:min(1000px,96%);
		margin-top:min(12px,1vw);
		font-size:min(15px,1.25vw);
	}
	.priceCaution li+li{margin-top:min(12px,1vw);}
	.mainteFlow{
		grid-template-columns:repeat(3,31.666%);
		grid-template-rows:repeat(2,atuo);
		gap:min(92px,7.667vw) 2.501%;
		margin-top:min(120px,10vw);
	}
	.mainteTtl{
		font-size:min(24px,2vw);
		border-radius:min(10px,0.833vw);
	}
	.mainteStep{}
	.stepInt{
		top:max(-22px,-1.833vw);
		left:min(19px,1.583vw);
		font-size:min(50px,4.167vw);
	}
	.mainteStep img{border-radius:min(10px,0.833vw);}
	.mainteStep figcaption{margin-top:min(26px,2.167vw);}
	.mainteSttl{font-size:min(22px,1.833vw);}
	.mainteTxt{
		margin-top:min(14px,1.167vw);
		font-size:min(16px,1.333vw);
	}
	.consumSec{
		display:flex;
		justify-content:space-between;
		align-items:center;
		width:min(1000px,96%);
		margin-top:min(110px,9.167vw);
		border-radius:min(10px,0.833vw);
	}
	.consumSec img{width:40%;}
	.consumSec figcaption{
		width:60%;
		padding:10px 10%;
	}
	.consumTtl{font-size:min(22px,1.833vw);}
	.consumTxt{
		margin-top:min(20px,1.667vw);
		font-size:min(16px,1.333vw);
	}
}
@media screen and (min-width:1024px) and (max-width:1239.98px){
	.itemMainteSec{
		margin-right:-4vw;
		margin-left:-4vw;
		padding-right:4vw;
		padding-left:4vw;
	}
}
@media screen and (min-width:1240px){
	.itemMainteSec{
		margin-right:calc(600px - 50vw);
		margin-left:calc(600px - 50vw);
		padding-right:calc(50vw - 600px);
		padding-left:calc(50vw - 600px);
	}
}