@charset "utf-8";
/* CSS Document */

.page_ttl_wrap {
	background: url("../images/funeral/page_ttl_bg.jpg");	
}

.inner_wrap {
	max-width: 1000px;
}

.page_intro {
	text-align: center;
	font-size: clamp(16px,2vw,20px);
	line-height: 200%;
	display: grid;
	row-gap: 2rem;
	max-width: 1200px;
	width: 90%;
	margin: 0px auto;
}

section#flow {
	padding-block: 0px 10vh;
}

.flow_wrap {
	margin-top: 3vh;
}

.flow_inner {
	display: grid;
	grid-template-columns: 2fr 1fr;
	padding: 2rem;
	gap: 2rem 4rem;
	background: #F8F8F8;
	@media screen and (max-width: 599px) {
		grid-template-columns: 1fr;
	}
	&:nth-of-type(n+2) {
		margin-top: 1rem;
	}
	.flow_inner_left {
		dt {
			font-size: clamp(22px,3vw,30px);
			font-weight: 500;
			background: none;
			border-bottom: 1px solid #707070;
			text-align: left;
			color: #000;
			& > small {
				font-size: clamp(16px,2vw,20px);
			}
		}
		dd {
			padding-block: 2rem 0px;
			font-weight: 500;
			line-height: 160%;
		}
	}
}

.flow_inner_list {
	display: grid;
	row-gap: 2px;
	li {
		display: flex;
		column-gap: 2px;
		&::before {
			content: '●';
			font-size: 10px;
		}
		span {
			color: #000;
		}
	}
}