/* モデルハウス */

@media screen and (min-width: 641px){

#mod {
	line-height: 200%;
	}

#mod.top dl {
	width: 100%;
	min-height: 567px;
	margin: 0px 0px 100px 0px;
	display: table;
	}

#mod.top dl:last-child {
	margin: 0px;
	}

#mod.top dt {
	width: 53.125%;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	display: table-cell;
	}

#mod.top .joe02 dt {
	background: url(../lp/model001/img/joe02exa0802.jpg) no-repeat center;
	background-size: cover;
	}

#mod.top dl:nth-child(2n) dt {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	}

#mod.top dd {
	width: 46.875%;
	padding: 50px 0px 50px 5%;
	display: table-cell;
	vertical-align: middle;
	}

#mod.top dl:nth-child(2n) dd {
	padding: 50px 5% 50px 0px;
	}

#mod.top dd ol {
	width: 90%;
	max-width: 570px;
	}

#mod.top dl:nth-child(2n) dd ol {
	margin: 0px 0px 0px auto;
	}

#mod.top dd h2 {
	font-size: 40px;
	line-height: 150%;
	letter-spacing: 0.1em;
	margin: 0px 0px 30px 0px;
	}

#mod.top dd h3 {
	font-size: 21px;
	line-height: 200%;
	letter-spacing: 0.1em;
	margin: 0px 0px 30px 0px;
	}

#mod.top dd .tel {
	font-size: 12px;
	margin: 30px 0px 40px 0px;
	}

#mod.top dd .tel p {
	background: url(../img/tel01.svg) no-repeat left center;
	background-size: auto 31px;
	font-size: 42px;
	line-height: 31px;
	letter-spacing: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 53px;
	}

#mod.top dd #mor {
	margin: 0px;
	}

}

@media screen and (max-width: 640px){

#mod {
	line-height: 200%;
	}

#mod.top dl {
	margin: 0px 0px 50px 0px;
	display: flex;
	flex-direction: column;
	}

#mod.top dl:last-child {
	margin: 0px;
	}

#mod.top dt {
	width: 90%;
	height: 300px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin: 0px 0px 30px 0px;
	order: 1;
	}

#mod.top .joe02 dt {
	background: url(../lp/model001/img/joe02exa0802.jpg) no-repeat center;
	background-size: cover;
	}

#mod.top dl:nth-child(2n) dt {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	margin: 0px 0px 30px auto;
	}

#mod.top dd {
	width: 90%;
	line-height: 250%;
	margin: 0px auto;
	order: 2;
	}

#mod.top dd h2 {
	font-size: 28px;
	line-height: 150%;
	letter-spacing: 0.1em;
	margin: 0px 0px 20px 0px;
	}

#mod.top dd h3 {
	font-size: 16px;
	line-height: 200%;
	letter-spacing: 0.1em;
	margin: 0px 0px 20px 0px;
	}

#mod.top dd .tel {
	font-size: 10px;
	margin: 20px 0px 30px 0px;
	}

#mod.top dd .tel p {
	background: url(../img/tel01.svg) no-repeat left center;
	background-size: auto 26px;
	font-size: 36px;
	line-height: 26px;
	letter-spacing: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 47px;
	}

#mod.top dd #mor {
	margin: 0px;
	}

}