@charset "utf-8";
	
:root{
}

#hiyou{/*修理料金に含まれる費用*/
	ul{
		display:grid;
		grid-template-columns: repeat(auto-fill,minmax(min(250px,100%),1fr));
		gap:20px;
		border-bottom:none;
		li{
			display: grid;
  		grid-template-rows: subgrid;
  		grid-row: span 3;
			gap:10px;
			border:1px solid silver;
			padding:20px;
			border-radius: 10px;
			h4{
				font-size: 1.2rem;
				color:rgb(var(--mainColor));
				font-weight: 600;
			}
			div{
				color:red;
				font-weight: 600;
				align-self: center;
				strong{
					font-size: 1.2rem;
					font-weight: 600;
					
				}
			}
			> aside{
				text-align: left;
			}
		}
	}
	> p{
		margin:10px auto 0 auto;
		text-align: right;
	}
}
	
	#example{
		> p{
			text-align:left;
			strong{
				color:#f80040;
			}
		}
		> div{
			margin-top:30px;
			background:#FAFAFA;
			border:1px solid silver;
			h3{
				background:#999;
				color:white;
				font-size: 1.2rem;
				font-weight:bold;
				padding:0.5em 0 0.3em 0;
			}
			> div{
				padding:20px;
				display:flex;
				flex-wrap:wrap;
				> p{
					align-self:center;
					width:21%;
					padding:20px 2%;
					> img{
						object-fit: cover;
						border-radius:50%;
						}
					}
				dl{
					width:72%;
					margin-left:3%;
					display:flex;
					flex-wrap:wrap;
					border-bottom:1px solid silver;
					font-size: 1.2rem;
					dt{
						width:60%;
						border-top:1px solid silver;
						padding:0.7em 0 0.5em 0;
						strong{
							color:#f80040;
						}
					}
					dd{
						width:40%;
						border-top:1px solid silver;
						padding:0.7em 0 0.5em 0;
						strong{
							color:#f80040;
						}
						&::before{
							content:"＋";
						}
						&:first-of-type,
						&:last-of-type{
							&::before{
								content:"";
							}
						}
					}
				}
			}
			@media (max-width: 480px) {
				> div{
					> p{
						width:auto;
						padding:20px 25%;
						}
					dl{
						width:auto;
						margin-left:0%;
						}
					}
				}
			}
		}
	
	#konohoka{
		text-align:left;
		padding:30px 0 0 0;
		ul{
			padding:15px 0;
			li{
				margin:0 0 0 3em;
				list-style:disc;
				font-size: 1.2rem;
				color:rgb(var(--mainColor));
				
				}
			}
		}