/*
Theme Name: M&M行政書士事務所 SWELL Child
Description: M&M行政書士事務所のSWELL子テーマ
Author: M&M行政書士事務所
Template: swell
Version: 1.0.1
Text Domain: mandmoffice
*/

/* 公開用のデザインは assets/css/mandm-site.css から読み込みます。 */

/* SWELLの既存料金ページ末尾に追加する障害福祉・介護料金枠 */
.mandm-price-addon {
	margin-top: 4.5rem;
	padding: clamp(1.5rem, 4vw, 3rem);
	border-top: 3px solid #10253f;
	background: #f3f7f7;
	color: #202c35;
}
.mandm-price-addon__eyebrow {
	margin: 0 0 .35rem;
	color: #147b8b;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .14em;
}
.mandm-price-addon h2 {
	position: static;
	margin: 0 0 1rem;
	padding: 0;
	border: 0;
	box-shadow: none;
	background: transparent;
	color: #10253f;
}
.mandm-price-addon h2::before,
.mandm-price-addon h2::after {
	display: none !important;
	content: none !important;
}
.mandm-price-addon__list {
	margin: 1.75rem 0;
	border-top: 1px solid #10253f;
}
.mandm-price-addon__list div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 1rem;
	padding: 1rem 0;
	border-bottom: 1px solid #cbd5d7;
}
.mandm-price-addon__list dt,
.mandm-price-addon__list dd {
	margin: 0;
}
.mandm-price-addon__list dt {
	font-weight: 700;
}
.mandm-price-addon__list dd {
	color: #147b8b;
	font-weight: 700;
}
.mandm-price-addon__note {
	color: #657179;
	font-size: .92rem;
}
.mandm-price-addon__links {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	margin-top: 1.5rem;
}
.mandm-price-addon__links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: .75rem 1.25rem;
	border: 1px solid #10253f;
	color: #10253f;
	font-weight: 700;
	text-decoration: none;
}
.mandm-price-addon__links a:last-child {
	color: #fff;
	background: #10253f;
}
@media (max-width: 600px) {
	.mandm-price-addon__list div {
		grid-template-columns: 1fr;
		gap: .25rem;
	}
	.mandm-price-addon__links {
		display: grid;
	}
}