@charset "UTF-8";

/*------------------------
間取りページ共通
------------------------*/
#outline {

}
.outline-block h2{
	color: var(--green);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-align: center;
	/* border: 1px solid var(--green); */
}
.outline-block .outline-table th{
	font-weight: 600;
		border-bottom: 1px solid var(--green);
}
.outline-block .outline-table td{
	border-bottom: 1px dotted var(--green);

}
/*------------------------
PC
------------------------*/
@media screen and (min-width: 768px) {
	.outline-block{
		margin-bottom: 30px;
	}
	.outline-block h2{
		font-size: 24px;
		margin-bottom: 22px;
		/* padding: 11px 10px 11px 15px; */
	}
	.outline-block .outline-table {
		font-size: 16px;
		margin:0 5px
	}
	.outline-block .outline-table th,
	.outline-block .outline-table td{
		padding: 22px 10px 22px;
		padding-left: 20px;
		vertical-align: top;
	}
	.outline-block .outline-table th{
		width: 20%;
		padding-left: 5px;
	}

}
/*------------------------
SP
------------------------*/
@media screen and (max-width: 767px) {
	#outline {
	}
	.outline-block{
		margin-bottom: 8vw;
	}
	.outline-block h2{
		font-size: 4.27vw;
		margin-bottom:4vw;
		/* padding: 2.4vw 2.67vw 2.4vw 4vw; */
	}
	.outline-block .outline-table {
		margin: 0 1.33vw;
	}
	.outline-block .outline-table th,
	.outline-block .outline-table td{
		padding:4.8vw 0 4.8vw;
		vertical-align: top;
		font-size: 3.47vw;

	}
	.outline-block .outline-table th{
		width: 8em;
	}
	.outline-block .outline-table td{
		padding-left: 1.6vw;
	}
	.outline-notes{
		font-size: 2.93vw;
	}
	.outline-notes p{
		margin-bottom: 0.3em;
	}
}