/***************************************
	PC版アフターケアページ用CSS
	
	
***************************************/


/* アフターケアトップページ */

	/* トップ画像 */

.aftercare-top-image{
	position:relative;
	text-align:center;
	background:#dbeaee;
	/*
	text-align:right;
	background: #6FC8DD;
	background: linear-gradient(176deg,rgba(111, 200, 221, 1) 0%, rgba(255, 238, 204, 1) 48%, rgba(237, 186, 83, 1) 100%);
	line-height:1;
	*/
}

.aftercare-top-image img{
	/*
	max-width:800px;
	*/
	max-width:1280px;
}

/*
.aftercare-top-image .aftercare-top-image-caption{
	position:absolute;
	top:60%;
	left:6%;
	font-size:38px;
	text-align:left;
	line-height:1.6;
}
*/

	/* 3つの安心 */
	

.aftercare-three-peace-section{
	position:relative;
	padding:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
}

.aftercare-three-peace-section .aftercare-three-peace-point1{
	background:#bbeecc;
	border-radius:1000px;
	color:#2a3133;
	text-align:center;
	height:240px;
	width:240px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:160px 0 0 0;
	opacity:0.8;
}

.aftercare-three-peace-section .aftercare-three-peace-point2{
	background:#eeeecc;
	border-radius:1000px;
	color:#2a3133;
	text-align:center;
	height:240px;
	width:240px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:-180px 0 0 -140px;
	opacity:0.8;
}

.aftercare-three-peace-section .aftercare-three-peace-point3{
	background:#ccddee;
	border-radius:1000px;
	color:#2a3133;
	text-align:center;
	height:240px;
	width:240px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:160px 0 0 -140px;
	opacity:0.8;
}


	/* 保証プラン */
	
.aftercare-maintenance-plan-data-wrapper{
	width:1000px;
	margin:20px auto 40px;
}
	
.aftercare-maintenance-plan-data{
	font-size:14px;
	padding-bottom:60px;
}

.aftercare-maintenance-plan-data .aftercare-maintenance-plan-data-period-row,
.aftercare-maintenance-plan-data .aftercare-maintenance-plan-data-free-row,
.aftercare-maintenance-plan-data .aftercare-maintenance-plan-data-paid-row,
.aftercare-maintenance-plan-data .aftercare-maintenance-plan-data-guarantee-row{
	display:flex;
	align-items:center;
}

.aftercare-maintenance-plan-data .aftercare-maintenance-plan-data-period-row .aftercare-maintenance-plan-data-period-title{
	padding:3px;
	margin:2px;
	width:65px;
	min-width:65px;
	max-width:65px;
	height:65px;
	min-height:65px;
	max-height:65px;
	background:#eeeeee;
	display:flex;
	align-items:center;
	justify-content:center;
}

.aftercare-maintenance-plan-data .aftercare-maintenance-plan-data-period-row .aftercare-maintenance-plan-data-period-cell{
	padding:3px;
	margin:2px;
	width:65px;
	min-width:65px;
	max-width:65px;
	height:65px;
	min-height:65px;
	max-height:65px;
	background:#eeeeee;
	display:flex;
	align-items:center;
	justify-content:center;
}

.aftercare-maintenance-plan-data .aftercare-maintenance-plan-data-free-row .aftercare-maintenance-plan-data-free-title{
	padding:3px;
	margin:2px;
	width:65px;
	min-width:65px;
	max-width:65px;
	height:65px;
	min-height:65px;
	max-height:65px;
	background:#eeeeee;
	display:flex;
	align-items:center;
	justify-content:center;
}


.aftercare-maintenance-plan-data .aftercare-maintenance-plan-data-free-row .aftercare-maintenance-plan-data-free-cell{
	padding:3px;
	margin:2px;
	width:65px;
	min-width:65px;
	max-width:65px;
	height:65px;
	min-height:65px;
	max-height:65px;
	background:#cce6ee;
	display:flex;
	align-items:center;
	justify-content:center;
}



.aftercare-maintenance-plan-data .aftercare-maintenance-plan-data-paid-row .aftercare-maintenance-plan-data-paid-title{
	padding:3px;
	margin:2px;
	width:65px;
	min-width:65px;
	max-width:65px;
	height:65px;
	min-height:65px;
	max-height:65px;
	background:#eeeeee;
	display:flex;
	align-items:center;
	justify-content:center;
}

.aftercare-maintenance-plan-data .aftercare-maintenance-plan-data-paid-row .aftercare-maintenance-plan-data-paid-cell{
	padding:3px;
	margin:2px;
	width:65px;
	min-width:65px;
	max-width:65px;
	height:65px;
	min-height:65px;
	max-height:65px;
	/*
	background:#eecccc;
	*/
	background:#f4ebeb;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
}

.aftercare-maintenance-plan-data .aftercare-maintenance-plan-data-paid-row .aftercare-maintenance-plan-data-paid-cell img{
	margin:2px;
	width:60px;
}

.aftercare-maintenance-plan-data .aftercare-maintenance-plan-data-guarantee-row .aftercare-maintenance-plan-data-guarantee-title{
	padding:3px;
	margin:2px;
	width:65px;
	min-width:65px;
	max-width:65px;
	height:65px;
	min-height:65px;
	max-height:65px;
	background:#eeeeee;
	display:flex;
	align-items:center;
	justify-content:center;
}

.aftercare-maintenance-plan-data .aftercare-maintenance-plan-data-guarantee-row .aftercare-maintenance-plan-data-guarantee-within{
	padding:3px;
	margin:2px;
	width:515px;
	min-width:515px;
	max-width:515px;
	height:65px;
	min-height:65px;
	max-height:65px;
	background:#ffcc00;
	display:flex;
	align-items:center;
	justify-content:center;
}

.aftercare-maintenance-plan-data .aftercare-maintenance-plan-data-guarantee-row .aftercare-maintenance-plan-data-guarantee-extension{
	padding:3px;
	margin:2px;
	width:215px;
	min-width:215px;
	max-width:215px;
	height:65px;
	min-height:65px;
	max-height:65px;
	background:#ffeecc;
	display:flex;
	align-items:center;
	justify-content:center;
}

.aftercare-maintenance-plan-data .aftercare-maintenance-plan-data-guarantee-row .aftercare-maintenance-plan-data-guarantee-extension-30{
	padding:3px;
	margin:2px;
	width:365px;
	min-width:365px;
	max-width:365px;
	height:65px;
	min-height:65px;
	max-height:65px;
	background:#ffeecc;
	display:flex;
	align-items:center;
	justify-content:center;
}


	/* 長期保証項目 */

.long-term-guarantee-items-section{
	display:grid;
	grid-template-columns: 200px auto auto; /* 3列 */
	grid-template-rows: repeat(4, auto);

}

.long-term-guarantee-items-section .long-term-guarantee-item-title{
	margin-bottom:20px;
	margin-right:10px;
	background:#dbeaee;
	padding:10px 20px;
}

.long-term-guarantee-items-section .long-term-guarantee-item-description{
	margin-bottom:20px;
	margin-right:10px;
	border-bottom: 3px solid #dbeaee;
	padding:10px 20px;
}

.long-term-guarantee-items-section .long-term-guarantee-item-period{
	grid-column: 3 / 4;  /* 3列目 */
	grid-row: 1 / span 5; /* 4行分またがる */
	place-content: center;
	padding:10px 20px;
	font-size:20px;
	background:#ffeecc;
	margin-bottom:20px;
}

		
	/* 自社で一貫 */	
	

.aftercare-onestop-section{
	display:flex;
	width:1000px;
	margin:20px auto 80px;
	align-items:center;
}
		
.aftercare-onestop-figures{
	position:relative;
	padding:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	width:100%;
}

.aftercare-onestop-figures .aftercare-onestop-figure1{
	width:100%;
	background:#bbeecc;
	border-radius:1000px;
	color:#2a3133;
	text-align:center;
	height:240px;
	width:240px;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0.8;
}

.aftercare-onestop-figures .aftercare-onestop-figure2{
	width:100%;
	background:#eeeecc;
	border-radius:1000px;
	color:#2a3133;
	text-align:center;
	height:240px;
	width:240px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 0 0 -40px;
	opacity:0.8;
}

dl.aftercare-onestop-description{
	width:100%;
}


dl.aftercare-onestop-case-section{
	display:flex;
	width:1000px;
	margin:0 auto 40px;
}

dl.aftercare-onestop-case-section > div{
	width:100%;
	margin:0 20px;
}

dl.aftercare-onestop-case-section dt{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	padding:0 20px 10px;
	border-bottom: 3px dotted #dbeaee;
}

dl.aftercare-onestop-case-section dd{
	padding:10px 20px;
}

dl.aftercare-onestop-case-section dd ul.aftercare-onestop-case-list{
	list-style:disc;
	margin-left:20px;
}