/* Scss Document */
/* Scss Document */
#sumikae {
	margin-bottom: 60px;
}
#sumikae .lttl {
	background: url("../images/sell/sell_ico.png") top center no-repeat;
}
#sumikae figure {
	margin-bottom: 50px;
	text-align: center;
}
#sumikae .img_list {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	margin-bottom: 30px;
}
#sumikae p {
	font-size: 1.8rem;
	line-height: 2.0;
}
#sumikae p.center {
	text-align: center;
}
#flow {
	margin-bottom: 60px;
}
#flow h2 {
	margin-bottom: 30px;
	color: #464637;
	font-size: 2.8rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: .1em;
}
#flow li {
	position: relative;
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	margin-bottom: 60px;
}
#flow li:after {
	position: absolute;
	bottom: -48px;
	left: 35px;
	content: '';
	width: 33px;
	height: 33px;
	background: url("../images/sell/flow_arrow.png") top left no-repeat;
}
#flow li:last-child:after {
	content: none;
}
#flow li .num {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width: 100px;
	padding: 10px 0;
	background: #ACAC9D;
	color: #FFF;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
#flow li .ttl {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width: 170px;
	padding: 10px 0;
	padding-left: 1em;
	background: #F6F0E1;
	color: #CC594B;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: .1em;
}
#flow li .ttl span {
	display: block;
	font-size: 1.4rem;
	text-indent: -1em;
}
#flow li .des {
	width: 630px;
	padding: 10px 0;
	background: #F6F0E1;
	font-size: 1.5rem;
	line-height: 1.8;
}
#satei, #satei2 {
	margin-bottom: 60px;
}
#satei h2, #satei2 h2 {
	margin-bottom: 30px;
	color: #464637;
	font-size: 2.8rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: .1em;
}
#satei .sttl span, #satei2 .sttl span {
	display: block;
	font-size: 1.4rem;
	font-weight: normal;
}
#satei p, #satei2 p {
	margin-bottom: 10px;
	font-size: 1.6rem;
	line-height: 1.8;
}
#satei .note, #satei2 .note {
	font-size: 1.3rem;
}
#satei .note#satei2 .note {
	color: #B20000;
}
#satei .ch_list, #satei2 .ch_list {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
#satei .ch_list li, #satei2 .ch_list li {
	min-width: 40%;
	margin-right: 2em;
}
#satei .btn, #satei2 .btn {
	text-align: center;
}
#satei .btn a, #satei2 .btn a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 300px;
	margin: 0 auto;
	padding: 20px;
	background: url(../images/common/arrow_white_right_l.png) top 50% right 0.5em no-repeat, #D05B49;
	color: #FFF;
	font-size: 2.0rem;
	text-align: center;
	text-decoration: none;
}
#satei .btn a:hover, #satei2 .btn a:hover {
	transition: .3s;
	opacity: .6;
}
label.list {
	width: 50%;
	display: block;
	float: left;
}
.pamphlet {
	background-color: #F6F0E1;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	clear: both;
	width: 860px;
}
.pamphlet {
	overflow: hidden;
	margin-bottom: 40px;
}
.pamphlet div.pamphlet_txt {
	float: left;
	width: 630px;
	margin-bottom: 20px;
}
.pamphlet div.imagephoto {
	float: right;
	width: 200px;
	margin-bottom: 20px;
}
.pamphlet .mgb30 {
	margin-bottom: 30px;
}
/*-------------------
ここから join-test用css
-------------------*/
#satei2 .pamphlet_test {
	background-color: #F6F0E1;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	clear: both;
	width: 860px;
}
#satei2 .pamphlet_test .imagephoto {
	margin-bottom: 20px;
}
#satei2 .pamphlet_test .pamphlet_txt {
	margin-bottom: 20px;
}
#satei2 .pamphlet_test .mgb30 {
	margin-bottom: 30px;
}
/*-------------------
ここまで join-test用css
-------------------*/
.member {
	background-color: #F6F0E1;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	clear: both;
	width: 860px;
}
.member div.member_txt {
	float: left;
	width: 630px;
}
.member div dl {
	width: 100%;
}
.member div dl dt {
	font-weight: 600;
	color: #CD5A4B;
	font-size: 120%;
	margin-bottom: 20px;
	clear: both;
	line-height: 160%;
}
.member div dl dt strong {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	display: block;
	background-color: #CD5A4B;
	color: #FFFFFF;
	width: 100px;
	text-align: center;
	float: left;
}
.member div dl dt span {
	float: left;
	display: block;
	padding-left: 20px !important;
	width: 500px;
}
.member div dl dd {
	line-height: 160%;
	font-size: 90%;
	clear: both;
}
.member div.imagephoto {
	float: right;
}
.member:after, .member div dl dt:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.joinbtn {
	text-align: center;
}
p.note {
	font-size: 1.3rem;
}
p.red {
	color: #B20000;
}
.clear {
	clear: both !important;
}
@media screen and (max-width: 640px) {
	#side {
		order: 2;
	}
	#main {
		order: 1;
	}
	#sumikae {
		padding: 3.33vw;
		margin-bottom: 5.83vw;
	}
	#sumikae figure {
		margin-bottom: 5.83vw;
	}
	#sumikae .img_list {
		margin-bottom: 3.33vw;
	}
	#sumikae p {
		font-size: 1.6rem;
		line-height: 1.8;
	}
	#sumikae p.center {
		text-align: left;
	}
	#flow {
		padding: 3.33vw;
		margin-bottom: 5.83vw;
	}
	#flow h2 {
		margin-bottom: 2.0rem;
		font-size: 2.0rem;
	}
	#flow li {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 13vw;
	}
	#flow li:after {
		position: absolute;
		bottom: -10vw;
		left: 16vw;
		content: '';
		width: 7vw;
		height: 7vw;
		background: url("../images/sell/flow_arrow.png") top left no-repeat;
		background-size: 7vw;
	}
	#flow li .num {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		width: 40%;
		padding: 3vw;
	}
	#flow li .ttl {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		width: 60%;
		padding: 3vw;
		letter-spacing: 0;
	}
	#flow li .des {
		width: 100%;
		padding: 3.33vw;
	}
	#satei, #satei2 {
		padding: 3.33vw;
		margin-bottom: 5.83vw;
	}
	#satei h2, #satei2 h2 {
		margin-bottom: 2.0rem;
		font-size: 2.0rem;
	}
	#satei .ch_list li, #satei2 .ch_list li {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		min-width: 100%;
		margin-right: 0;
		padding-left: 1em;
		text-indent: -1.5em;
	}
	#satei .btn a, #satei2 .btn a {
		width: 80%;
		padding: 3.33vw;
		background: url(../images/common/search_arrow_white.png) top 50% right 0.5em no-repeat, #D05B49;
		font-size: 1.6rem;
		line-height: 1.2;
	}
	.pamphlet {
		margin-bottom: 30px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		clear: both;
		width: 100%;
	}
	.pamphlet div.pamphlet_txt {
		float: none;
		width: auto;
		margin-right: auto;
		margin-left: auto;
		padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
	}
	.pamphlet div.imagephoto {
		float: none;
		clear: both;
		text-align: center;
		margin-bottom: 30px;
	}
	/*-------------------
	ここから join-test用css
	-------------------*/
	#satei2 .pamphlet_test {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding: 20px;
	}
	/*-------------------
	ここまで join-test用css
	-------------------*/
	.member {
		margin-bottom: 30px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		clear: both;
		width: 100%;
	}
	.member div.member_txt {
		float: none;
		width: auto;
		margin-right: auto;
		margin-left: auto;
		padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
	}
	.member div dl {
		width: 100%;
	}
	.member div dl dt {
		font-weight: 600;
		color: #CD5A4B;
		font-size: 120%;
		margin-bottom: 0px;
		clear: both;
		line-height: 160%;
		text-align: center;
	}
	.member div dl dt strong {
		padding-top: 2px;
		padding-right: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		font-size: 80%;
		width: auto;
		text-align: center;
		float: none;
		clear: both;
		margin-bottom: 10px;
	}
	.member div dl dt span {
		float: none;
		display: block;
		padding-left: 0px !important;
		margin-bottom: 10px;
		width: auto;
		clear: both;
		font-size: 90%;
	}
	.member div dl dd {
		line-height: 160%;
		font-size: 90%;
		clear: both;
	}
	.member div.imagephoto {
		float: none;
		clear: both;
		text-align: center;
		margin-bottom: 30px;
	}
	label.list {
		width: 100%;
		display: block;
		float: none;
		clear: both;
	}
	/*--------------------
	かんたん登録　https://kobe-fudosan.com/join/
	validation のcss
	---------------------*/
	.formError .formErrorArrow {
		margin: -2px 0 0 15vw;
	}
}