@charset "UTF-8";

/*------------------------------------------------

		table

------------------------------------------------*/
.md_column_text .md_column_table.is_type th {
	font-size: 1.4rem;
	width: 40%;
	text-align: left;
}
.md_column_text .md_column_table.is_type td {
	width: 60%;
}
.md_column_text .md_column_table.is_total_price th {
	font-size: 1.4rem;
}
.md_column_text .md_column_table.is_total_price th span {
	font-size: 1.2rem;
	letter-spacing: 0;
}
.md_column_text .md_column_table.is_total_price thead th {
	padding: 12px 4px;
}
.md_column_text .md_column_table.is_total_price tbody th {
	width: 32.5%;
	text-align: left;
}
.md_column_text .md_column_table.is_total_price td {
	width: 21.5%;
	text-align: center;
}
.md_column_text .md_column_table.is_merit th {
	font-size: 1.4rem;
}
.md_column_text .md_column_table.is_merit tbody th {
	width: 30%;
	text-align: left;
}
.md_column_text .md_column_table.is_merit td {
	width: 35%;
}
@media (max-width: 767px) {
	.md_column_text .md_column_table.is_type tr + tr {
		border-top: 1px solid #cac2c2;
		margin-top: 12px;
	}
	.md_column_text .md_column_table.is_type th {
		text-align: center;
	}
	.md_column_text .md_column_table.is_type th,
	.md_column_text .md_column_table.is_type td {
		width: 100%;
	}
	.md_column_text .md_column_table.is_total_price tr + tr {
		border-top: 1px solid #cac2c2;
		margin-top: 12px;
	}
	.md_column_text .md_column_table.is_total_price thead th {
		display: none;
	}
	.md_column_text .md_column_table.is_total_price tbody th {
		width: 100%;
	}
	.md_column_text .md_column_table.is_total_price tbody th {
		width: 100%;
		text-align: center;
	}
	.md_column_text .md_column_table.is_total_price td {
		width: 100%;
		padding: 0;
		position: relative;
	}
	.md_column_text .md_column_table.is_total_price td:before {
		align-items: center;
		border-right: 1px solid #cac2c2;
		background: #eee;
		display: flex;
		font-size: 1.2rem;
		justify-content: center;
		width: 65%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		white-space: pre;
	}
	.md_column_text .md_column_table.is_total_price td:first-of-type:before {
		content: '窓数1窓\A例：ワンルーム／1Kの一人暮らし';
	}
	.md_column_text .md_column_table.is_total_price td:nth-of-type(2)::before {
		content: '窓数3窓\A例：1LDKの二人暮らし	';
	}
	.md_column_text .md_column_table.is_total_price td:last-of-type::before {
		content: '窓数6窓\A例：3LDK以上で家族4人';
	}
	.md_column_text .md_column_table.is_total_price td + td {
		border-top: none;
	}
	.md_column_text .md_column_table.is_total_price td p {
		width: 35%;
		margin-left: auto;
		padding: 24px 12px;
	}
	.md_column_text .md_column_table.is_merit tr + tr {
		border-top: 1px solid #cac2c2;
		margin-top: 12px;
	}
	.md_column_text .md_column_table.is_merit thead th {
		display: none;
	}
	.md_column_text .md_column_table.is_merit tbody th {
		width: 100%;
		text-align: center;
	}
	.md_column_text .md_column_table.is_merit td {
		width: 100%;
		padding: 0;
		position: relative;
	}
	.md_column_text .md_column_table.is_merit td:before {
		align-items: center;
		border-right: 1px solid #cac2c2;
		background: #eee;
		display: flex;
		justify-content: center;
		width: 30%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.md_column_text .md_column_table.is_merit td:first-of-type:before {
		content: 'メリット';
	}
	.md_column_text .md_column_table.is_merit td:last-of-type::before {
		content: 'デメリット';
	}
	.md_column_text .md_column_table.is_merit td + td {
		border-top: none;
	}
	.md_column_text .md_column_table.is_merit td p {
		width: 70%;
		margin-left: auto;
		padding: 12px;
	}
}