img{
	max-width: 100%;
}



.mainte_headline01{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}

.mainte_headline02{
	font-size: 16px;
	font-weight: bold;
	color: #053A7F;
	margin-bottom: 10px;
}

.img_border img{
	border: 1px solid #ddd;
}

.mainte_price_wrap{
	display: flex;
	justify-content: center;
	gap: 30px;
	.mainte_faetured_img{
		width: 300px;
		height: 200px;
	}
	.mainte_faetured_img.height_340{
		height: 340px;
	}
	.mainte_table{
		margin-bottom: 0;
		width: calc(100% - 330px);
		th{
			font-size: 14px;
			font-weight: normal;
			height: 50px;
		}
	}
}


.mainte_feature_wrap{
	display: flex;
	gap: 30px;
	margin-top: 30px;
}

.mainte_feature_wrap:has(div.box_one-column){
	gap: 20px;
	flex-direction: column;
}

.manite_feature_box:not(.box_one-column){
	width: 50%;
}


.manite_feature_box{
	background: #F2F5F8;
	padding: 25px 30px 30px;
	h3{
		font-size: 18px;
		font-weight: bold;
		color: #053A7F;
		text-align: center;
		margin-bottom: 20px;
	}
	h4{
		font-size: 16px;
		line-height: 1.5;
		font-weight: bold;
		margin-bottom: 10px;
	}
	img{
		width: 50%;
		display: block;
		margin: 0 auto;
	}
	img + img{
		margin-top: 10px;
	}
}
.manite_feature_box.box_one-column{
	padding: 30px 40px;
}



.manite_feature_box_item{
	display: flex;
	gap: 30px;
	.img{
		width: 340px;
		img{
			width: 100%;
		}
	}
	.text{
		width: calc(100% - 370px);
		p{
			font-size: 14px;
			line-height: 1.75;
		}
	}
}

.manite_feature_box_item + .manite_feature_box_item{
	margin-top: 20px;
}

.manite_feature_list{
	li{
		position: relative;
		padding-left: 15px;
	}
	li::before{
		 content: '⚫︎';
		 font-size: 12px;
		 color: #658DC1;
		 display: block;
		 position: absolute;
		 left: 0;
		 top: 50%;
		 transform: translateY(-50%);
		}

}

.mainte_table{
	th{
		background-color: #DDDDDD;
		color: #333;
		font-weight: bold;
		font-size: 10px;
		text-align: center;
		border: 1px solid #E9EAEA;
		line-height: 1.5;
	}
	td{
		border: 1px solid #E9EAEA;
		text-align: center;
		font-size: 15.6px;
		font-weight: bold;
	}
	tr:nth-of-type(6),tr:nth-of-type(8),tr:nth-of-type(10),tr:nth-of-type(12){
		background-color: #F4F4F4;
		border-bottom: 2px solid #ddd;
	}
	tr:nth-of-type(4){
		border-bottom: 2px solid #ddd;
	}
	tr.bg_white{
		background-color: #fff;
	}
	.th_bd_white{
		border-bottom: 2px solid #fff;
	}
	.th_grade{
		text-align: center;
		th:nth-of-type(1){
			width: 134px;
		}
		th:nth-of-type(2){
			background-color: #009CDC;
			color: #fff;
		}
		th:nth-of-type(3){
			background-color: #046DAF;
			color: #fff;
		}
		th:nth-of-type(4){
			background-color: #064086;
			color: #fff;
		}
	}
	.th_grade_detail{
		th:nth-of-type(-n+3){
			background-color: #009CDC;
			color: #fff;
		}
		th:nth-of-type(n+4):nth-of-type(-n+5){
			background-color: #046DAF;
			color: #fff;
		}
		th:nth-of-type(n+6):nth-of-type(-n+8){
			background-color: #064086;
			color: #fff;
		}
	}
	.th_grade_img{
		td{
			padding: 0;
			width: 102px;
		}
	}
		caption{
			padding-left:0;
		}

}

.table_caption{
	li{
		padding-left: 1em;
		position: relative;
	}
	li:before{
			position: absolute;
			content: '※';
			display: block;
			left: 0;
		}
}

.table_caption.caption_dia{
	li:before{
			position: absolute;
			content: '◆';
			display: block;
			left: 0;
		}
}

.mainte_table.table_tire{
	margin-bottom: 30px;
	th,td{
		font-weight: normal;
	}
	th{
		font-size: 14px;
	}
	tr{
		background-color: initial;
		border-bottom: 1px solid #ddd;
	}
	tr:nth-of-type(odd){
		background: #F4F4F4;
		border-bottom: 2px solid #ddd;
	}
	tr:last-child{
		border-bottom: 1px solid #ddd;
	}
	.tr_bg_white{
		background: initial!important;
	}
}

.l-section-inner{
	max-width: 960px;
	margin: 0 auto;
	padding: 80px 0;

}
.l-section-wrap.wrap_blue{
	background: #f2f5f8;
}

.mainte_content_block{
	width: 100%;
}
.mainte_content_block	+ .mainte_content_block{
	margin-top: 80px;		
}

.mainte_content_block:nth-of-type(3){
	.manite_feature_box img{
		width: 223px;
	}
}

.mainte_content_block:nth-of-type(4){
	.manite_feature_box img{
		width: 330px;
	}
}

.mainte_bnr_list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: space-between;
}

.mainte_bnr_list li:nth-of-type(3){
	width: 100%;
}

.mainte_bnr_list li:nth-of-type(3) img{
	width: 100%;
}

.mainte_flow_list{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	li{
		width: calc((100% - 50px) / 6);
		background: #F2F5F8;
		padding: 24px 12px;
		position: relative;
		h3{
			font-size: 16px;
			font-weight: bold;
		}
		.number{
			font-size: 22px;
			font-weight: bold;
			color: #053A7F;
			font-family: 'Roboto';
			line-height: 1;
			position: absolute;
			top: -10px;
		}
		p{
			font-size: 12px;
			margin-top: 4px;
		}
	}
}

@media(max-width:767px) {
	.mainte_price_wrap {
		flex-direction: column;
	.mainte_faetured_img{
		width: 100%;
		height: auto;
	}
	.mainte_table{
		width: 100%;
	}
	.mainte_faetured_img.height_340{
		height: auto;
	}
	}
	.table_wrap{
		overflow-x: scroll;
	}
	.mainte_table{
		white-space: nowrap;
		.th_grade_img{
		td{
			min-width: 100px;
			width: 100px;
		}
		}
	}
	.mainte_table.table_auto{
		white-space: wrap;
	}
	.mainte_feature_wrap{
		flex-direction: column;
	}
	.manite_feature_box:not(.box_one-column){
		width: 100%;
		padding: 30px;
	}
	.manite_feature_box.box_one-column{
		padding: 30px;
	}
	.manite_feature_box{
		img{
			width: 100%;
		}
	}

	.manite_feature_box_item{
		flex-direction: column;
		gap: 15px;
		.img,.text{
			width: 100%;
		}
		h4{
			margin-bottom: 4px;
			padding: 0;
		}
	}
	.manite_feature_list{
		li::before{
			top: 1em;
		}
	}
	.mainte_flow_list{
		flex-wrap: wrap;
		li{
			width: calc((100% - 20px) / 2);
			margin-bottom: 30px;
		}
	}
	.mainte_content_block:nth-of-type(3){
	.manite_feature_box img{
		width: 100%;
	}
}

.mainte_content_block:nth-of-type(4){
	.manite_feature_box img{
		width: 100%;
	}
}

}