@charset "UTF-8";
/*----------
	地域社会とのつながり
----------*/
/*-----------
	p-art
----------*/
.p-art {
	display: flex;
	max-width: 900px;
	margin-inline: auto;
	gap: 0 15px;
}
@media (width >= 768px), print {
	.p-art {
		gap: 0 36px;
	}
}

/*-----------
	p-contentsbox
----------*/
.p-contentsbox__head {
	position: relative;
	padding: 8px 20px;
	margin-bottom: 10px;
	background-color: #DCE8E8;
	border-radius: 10px;
}
.p-contentsbox__title {
	color: var(--color-txt);
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
}
.p-contentsbox__day {
	color: var(--color-txt);
	font-size: 1.5rem;
	font-weight: 600;
	text-align: right;
}
.p-contentsbox__body {
	padding: 30px 20px;
	background-color: var(--color-bg);
	border-radius: 10px;
}
.p-contentsbox__text dt {
	position: relative;
	padding-left: 16px;
	line-height: var(--line-height-l);
}
.p-contentsbox__text dt::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #446383;
	font-size: 1.4rem;
}
.p-contentsbox__text + .p-contentsbox__text {
	margin-top: 20px;
}
.p-contentsbox__text dd {
	line-height: var(--line-height-m);
	padding-left: 16px;
}
@media (width >= 768px), print {
	.p-contentsbox__head {
		padding: 11px 30px;
		margin-bottom: 10px;
		border-radius: 10px;
	}
	.p-contentsbox__title {
		font-size: 2.4rem;
	}
	.p-contentsbox__day {
		position: absolute;
		top: 0;
		right: 30px;
		font-size: 1.6rem;
		line-height: 70px;
	}
	.p-contentsbox__body {
		padding: 40px 30px;
	}
	.p-contentsbox__text dt::before {
		top: 10px;
	}
}