@charset "utf-8";

/*resultsページ*/
section.box{
	width:90%;
	border:1px solid #ccc;
	margin: 1em 1em;
	padding: 0 1em 1em 1em;
}
/* ▼区分マンション▼ */
.title{
	width: 40%;
	color: #fff;
	font-size:1.2em;
	position: relative;
	margin-top:0.2em;
	margin-left: -1.2em;
	letter-spacing: 0.5em;
	padding: 8px 16px;
	background: #fc8e1b;
}
.title:before{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border: 8px solid #fff;
	border-top: 8px solid rgba(0,0,0,0.5);
	border-left: 8px solid rgba(0,0,0,0.5);
}
/* ▼土地▼ */
.title2{
	width: 40%;
	color: #fff;
	font-size:1.2em;
	position: relative;
	margin-top:0.2em;
	margin-left: -1.2em;
	letter-spacing: 0.5em;
	padding: 8px 16px;
	background: #ff69b4;
}
.title2:before{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border: 8px solid #fff;
	border-top: 8px solid rgba(0,0,0,0.5);
	border-left: 8px solid rgba(0,0,0,0.5);
}
/* ▼一棟収益など▼ */
.title3{
	width: 40%;
	color: #fff;
	font-size:1.2em;
	position: relative;
	margin-top:0.2em;
	margin-left: -1.2em;
	letter-spacing: 0.5em;
	padding: 8px 16px;
	background: #008000;
}
.title3:before{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border: 8px solid #fff;
	border-top: 8px solid rgba(0,0,0,0.5);
	border-left: 8px solid rgba(0,0,0,0.5);
}

/* ▼中古戸建▼ */
.title4{
	width: 40%;
	color: #fff;
	font-size:1.2em;
	position: relative;
	margin-top:0.2em;
	margin-left: -1.2em;
	letter-spacing: 0.5em;
	padding: 8px 16px;
	background: #1e90ff;
}
.title4:before{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border: 8px solid #fff;
	border-top: 8px solid rgba(0,0,0,0.5);
	border-left: 8px solid rgba(0,0,0,0.5);
}

section dl{ margin-top:1em; }
.flexbox{
	display: flex;
	margin: 0.2em 0;
}
.flexbox dt{
	width: 15%;
	color: #505050;/*文字色*/
	padding: 0.5em;/*文字周りの余白*/
	display: inline-block;/*おまじない*/
	background: #dbebf8;/*背景色*/
	vertical-align: middle;
	border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
	font-weight: bold;
}
.flexbox dt:before{
	content: '●';
	color: white;
	margin-right: 0.5em;
}
.flexbox dd{
	width: 85%;
	vertical-align: middle;
	padding: 0.5em;/*文字周りの余白*/
	border-bottom: 2px dotted #dbebf8;
	letter-spacing: 0.2em;
}
.ltsp02{ letter-spacing: 0.2em;}
.ltsp05{ letter-spacing: 0.5em;}
.ltsp08{ letter-spacing: 0.8em;}
.ltsp1{ letter-spacing: 1em;}
.ltsp2{ letter-spacing: 2em;}