@charset "UTF-8";
main{
	padding-bottom:120px;
}
.example-list li{
	background: #fff;
	padding: 44px;
	margin-bottom: 80px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.tmp-ttl02{
	width: 100%;
	margin-bottom: 30px;
}
.tmp-ttl02 a{
	color: #670001;
}
.example-list .pic{
	width: 30%;
	display: block;
}
.example-list table{
	width: 66.8%;
	letter-spacing: .1em;
	line-height: 1.75;
}
.example-list tr{
	border-bottom: 2px dotted #ccc;
}
.example-list th{
	text-align: left;
	font-weight: 700;
	color: #e87c17;
	width: 27.5%;
	padding-bottom: 15px;
	vertical-align: top;
}
.example-list tr:not(:nth-of-type(1)) th,
.example-list tr:not(:nth-of-type(1)) td{
	padding-top: 15px;
}
.example-list td{
	width: 72.5%;
	padding-bottom: 15px;
}
.example-list .btn01{
	margin-top: 30px;
}

@media screen and (max-width: 768px){
	#key-visual .pic img{
		/* object-position: 87% center; */
	}
	.tmp-ttl02{
		margin-bottom: 5rem;
	}
	.example-list li{
		padding: 6rem 4rem;
		margin-bottom: 6rem;
		display: block;
	}

	.example-list .pic{
		width: 100%;
		margin-bottom: 5rem;
	}
	.example-list table{
		border-top: .4rem dotted #ccc;
		width: 100%;
	}
	.example-list tr{
		border-bottom: .4rem dotted #ccc;
	}
	.example-list th{
		padding-top: 3rem;
		padding-bottom: 3rem;
		width: 30%;
	}
	.example-list td{
		padding-top: 3rem !important;
		padding-bottom: 3rem;
		width: 70%;
	}

	.example-list .btn01{
		margin-top: 4rem;
	}


}