@charset "utf-8";

h1{
	position:relative;
}
h1 img{
	max-width:1300px;
	width:100%;
}
h1 span{
	display:block;
	width:100%;
	line-height:2.6;
	font-size:38px;
	color:#283A91;
	background:url(../images/property/h1_tit.png)no-repeat center center;
	background-size:100% 100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
@media screen and (max-width:1300px){
	h1 span{
		font-size:2.9vw;
	}
}
@media screen and (max-width:768px){
	h1 span{
		line-height:2.6;
		font-size:5.4vw;
		background:url(../images/property/h1_tit_s.png)no-repeat center center;
		background-size:100% 100%;
	}
}


/* .cont */
.cont{
	max-width:990px;
	width:94%;
	margin:auto;
	padding:60px 0 0;
}
.cont h2{
	margin-bottom:-30px;
	font-size:34px;
	color:#283A91;
}
.cont h2:before{
	content:'■';
	display:inline-block;
	transform:scale(0.5,1);
}
.cont h2:after{
	content:'■';
	display:inline-block;
	transform:scale(0.5,1);
}
.cont section{
	margin-top:100px;
	border:4px solid #283A91;
	border-top:none;
	position:relative;
}
.cont section > span{
	line-height:2;
	padding:0 1em;
	font-size:22px;
	color:#283A91;
	border:4px solid #283A91;
	border-bottom:none;
	border-radius:0.6em 0.6em 0 0;
	position:absolute;
	bottom:100%;
	left:-4px;
}
.cont section > span.new:before{
	content:'NEW!';
	display:inline-block;
	vertical-align:middle;
	line-height:1.3;
	margin:0 0.5em 0.2em -0.5em;
	padding:0 1em;
	font-size:15px;
	font-weight:bold;
	color:#CC141C;
	background-color:#FFE100;
}
.cont section h3{
	line-height:1.1;
	padding:0.4em 1em;
	background-color:#283A91;
	font-size:33px;
	color:#fff;
}
.cont section h3 span:first-child{
	display:inline-block;
	margin:0 0.5em;
	font-size:25px;
	vertical-align:0.1em;
}
.cont section h3 span:last-child{
	display:inline-block;
}
.cont section ul{
	padding:0.5em 1em;
	font-size:21px;
	font-weight:bold;
	color:#283A91;
}
.cont section > ul li{
	line-height:1.5;
	display:inline-block;
	margin:0 0.5em;
}

.cont section > div{
	border-top:4px solid #283A91;
	padding:20px;
	text-align:left;
	display: -webkit-flex;
	display: flex;
}
.cont section > div figure{
	width:283px;
	margin-right:1.5em;
}
.cont section > div > dl{
	padding:0;
}
.cont section > div > dl dt{
	margin-bottom:0.3em;
	font-size:32px;
	font-weight:bold;
}
.cont section > div > dl dt .blue{
	display:inline-block;
	vertical-align:top;
	line-height:1.8;
	background-color:#283A91;
	font-size:15px;
	font-family: 'Noto Sans JP', sans-serif;
	color:#fff;
	padding:0 1em;
}
.cont section > div > dl dt .large{
	line-height:0.6;
	font-size:52px;
	color:#C8161D;
}
.cont section > div > dl dt .small{
	margin-left:-0.5em;
	font-size:22px;
	color:#C8161D;
}
.cont section > div + a{
	display:block;
	line-height:2;
	padding:0 0.5em 0 1.5em;
	font-size:19px;
	color:#fff;
	background-color:#283A91;
	position:absolute;
	right:0;
	bottom:0;
}
@media screen and (max-width:768px){
	.cont{
		width:80%;
		margin:auto;
		padding:8% 0 0;
	}
	.cont h2{
		margin-bottom:-10%;
		font-size:6vw;
	}
	.cont section{
		margin:28% 0 8%;
		border:2px solid #283A91;
	}
	.cont section > span{
		font-size:3.8vw;
		border:2px solid #283A91;
		left:-2px;
	}
	.cont section > span.new:before{
		font-size:3.4vw;
	}
	.cont section h3{
		padding:0.3em 1em 0.5em;
		font-size:5.6vw;
	}
	.cont section h3 span:first-child{
		display:inline-block;
		font-size:4vw;
		vertical-align:0.1em;
	}
	.cont section ul{
		padding:0.3em 1.5em;
		font-size:3.6vw;
	}
	.cont section > ul li{
		display:block;
		margin:0;
		text-align:left;
	}
	
	.cont section > div{
		border-top:2px solid #283A91;
		padding:5%;
		display: block;
	}
	.cont section > div figure{
		width:65%;
		margin:0 auto 1em;
	}
	.cont section > div > dl{
		padding:0;
	}
	.cont section > div > dl dt{
		line-height:1.2;
		font-size:7vw;
	}
	.cont section > div > dl dt .blue{
		font-size:3vw;
	}
	.cont section > div > dl dt .large{
		margin-right:-0.1em;
		font-size:10vw;
	}
	.cont section > div > dl dt .small{
		font-size:4.2vw;
	}
	.cont section > div > dl dd span.block{
		display:block;
	}
	.cont section > div + a{
		display:block;
		line-height:2;
		padding:0 0.5em 0 1.5em;
		font-size:4vw;
		position:static;
		right:auto;
		bottom:auto;
	}
}


/* #garage */
#garage{
	padding-bottom:180px;
}
#garage h2{
	margin-bottom:-3%;
}
#garage section{
	margin-top:10%;
}
#garage section p{
	padding-left:2em;
	line-height:2.8;
	font-size:24px;
	font-weight:bold;
	color:#283A91;
	cursor:pointer;
}
#garage section p img{
	width:1.5em;
	margin-left:0.5em;
}
#garage section > div{
	padding:30px 0;
	display:none;
	
}
#garage section > div .close{
	display:block;
	width:1.2em;
	height:1.2em;
	line-height:1.2;
	text-align:center;
	font-size:32px;
	color:#fff;
	background-color:#283A91;
	border-radius:50%;
	cursor:pointer;
	position:absolute;
	left:88%;
}
#garage section > div ul{
	max-width:700px;
	width:94%;
	margin:auto;
}
#garage section > div ul li{
	padding:20px 0 0;
}
#garage section > div ul li > span{
	line-height:1.8;
	padding:0 1.5em;
	display:inline-block;
	vertical-align:bottom;
	border:4px solid #283A91;
	border-bottom:none;
	border-radius:0.6em 0.6em 0 0;
	font-size:22px;
	color:#283A91;
}
#garage section > div ul li dl{
	border:4px solid #283A91;
	border-top:none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#garage section > div ul li dl div:first-child{
	width:100%;
}
#garage section > div ul li dl div:nth-child(2){
	width:55%;
}
#garage section > div ul li dl div:last-child{
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
#garage section > div ul li dl div dt{
	line-height:2.2;
	padding:0 1em;
	background-color:#283A91;
	font-size:17px;
	color:#fff;
}
#garage section > div ul li dl div:nth-child(n+3) dt{
	border-left:4px solid #fff;
}
#garage section > div ul li dl div dd{
	height:calc(100% - 1.8em);
	line-height:1.3;
	padding:0.5em 1em;
	font-size:20px;
	color:#000;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#garage section > div ul li dl div:nth-child(n+3) dd{
	border-left:4px solid #283A91;
}
#garage section > div ul li dl.soon div{
	width:100%;
	text-align:center;
}
#garage section > div ul li dl.soon div dd{
	display:block;
}

@media screen and (max-width:768px){
	#garage{
		width:auto;
		padding-bottom:20%;
	}
	#garage h2{
		margin-bottom:-3%;
	}
	#garage section{
		margin-top:10%;
	}
	#garage section p{
		padding-left:2em;
		line-height:2.8;
		font-size:4.2vw;
		font-weight:bold;
		color:#283A91;
		cursor:pointer;
	}
	#garage section p img{
		width:1.5em;
		margin-left:0.5em;
	}
	#garage section > div{
		padding:3% 0;
		display:none;
		
	}
	#garage section > div .close{
		font-size:7vw;
		left:auto;
		right:3%;
	}
	#garage section > div ul{
		max-width:700px;
		width:94%;
		margin:auto;
	}
	#garage section > div ul li{
		padding:5% 0 0;
	}
	#garage section > div ul li > span{
		border:2px solid #283A91;
		border-bottom:none;
		font-size:3.8vw;
	}
	#garage section > div ul li dl{
		border:2px solid #283A91;
		border-top:none;
	}
	#garage section > div ul li dl div dt{
		padding:0 0.5em;
		font-size:3.4vw;
	}
	#garage section > div ul li dl div:nth-child(n+3) dt{
		border-left:2px solid #fff;
	}
	#garage section > div ul li dl div dd{
		height:calc(100% - 2.1em);
		line-height:1.3;
		padding:0.5em 0.5em;
		font-size:3.6vw;
	}
	#garage section > div ul li dl div:nth-child(n+2) dd{
		font-size:3.4vw;
	}
	#garage section > div ul li dl div:nth-child(n+3) dd{
		border-left:2px solid #283A91;
	}
}


/* #low */
#low{
	padding-bottom:80px;
}
#low section{
	margin-top:80px;
	border:none;
}
#low section h3{
	padding:0.6em 1em;
}
#low section > div{
	border-top:none;
	padding:0;
	display:block;
}
#low section #slick{
	max-width:600px;
	width:80%;
	margin:1.5em auto 60px;
}
#low section #slick .item{
	padding:0 10px;
	position:relative;
}
#low section #slick .item a p{
	padding:0.3em;
	line-height:1.1;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	background-color:#283A91;
	color:#fff;
	position:absolute;
	right:1.5em;
	bottom:1em;
}
#low section #slick .item a:hover{
	opacity:1;
}
#low section #slick .item a p span{
	display:block;
	font-size:21px;
}
#low section > .point{
	font-weight:bold;
	text-align:left;
	color:#283A91;
}
#low section > .point dt{
	font-size:30px;
	text-indent:-0.5em;
}
#low section > .point dd{
	padding:0.5em;
	font-size:22px;
	border:4px solid;
}
#low section > a{
	line-height:2.6;
	margin:1.2em 0;
	padding:0 2.2em;
	display:inline-block;
	font-size:27px;
	color:#fff;
	background-color:#283A91;
	border-radius:1.3em;
}
#low section > a img{
	width:30px;
	margin-left:0.5em;
}
#low section > .price{
	padding:30px 20px 30px 40px;
	background-color:#EFEFEF;
}
#low section > .price p{
	min-width:300px;
	padding:0 1em 0.3em 0;
	display:inline-block;
	vertical-align:top;
	font-size:38px;
	white-space:nowrap;
}
#low section > .price p .blue{
	display:inline-block;
	vertical-align:top;
	line-height:2;
	background-color:#283A91;
	font-size:18px;
	font-family: 'Noto Sans JP', sans-serif;
	color:#fff;
	padding:0 1em;
}
#low section > .price p .large{
	line-height:0.6;
	font-size:62px;
	color:#C8161D;
	margin-right:-0.1em;
}
#low section > .price p .small{
	display:block;
	text-indent:-0.5em;
	font-size:26px;
	color:#C8161D;
}
#low section > .price ul{
	display:inline-block;
	padding:0;
	color:#3E3A39;
	font-size:22px;
}
#low section .spec{
	margin-top:1.2em;
	text-align:left;
	font-size:24px;
}
#low section .spec dt{
	padding:0.3em 1em;
	font-size:20px;
	background-color:#EFEFEF;
}
#low section .spec dd{
	padding:0.5em 1em;
	font-weight:bold;
}
#low section .spec dd span{
	display:block;
	font-size:22px;
	color:#C8161D;
}


@media screen and (max-width:768px){
	#low{
		padding-bottom:8%;
	}
	#low section{
		margin-top:16%;
		border:none;
	}
	#low section .new_smart{
		width:4.5em;
		line-height:1.3;
		padding:0;
		position:static;
		border:none;
		color:#CC141C;
		background-color:#FFE100;
		border-radius:0;
	}
	#low section #slick{
		width:calc(100% + 10px);
		margin:1.2em auto 60px;
		transform:translateX(-5px);
	}
	#low section #slick .item{
		padding:0 5px;
		position:relative;
	}
	#low section #slick .item a p{
		padding:0.5em;
		font-size:3vw;
	}
	#low section #slick .item a:hover{
		opacity:1;
	}
	#low section #slick .item a p span{
		display:block;
		font-size:3.8vw;
	}
	#low section > .point dt{
		font-size:5vw;
	}
	#low section > .point dd{
		font-size:4.2vw;
		border:2px solid;
	}
	#low section > a{
		font-size:4.2vw;
	}
	#low section > a img{
		width:1.2em;
		margin-left:0.5em;
	}
	#low section > .price{
		padding:5%;
	}
	#low section > .price p{
		padding:0 0 0.3em;
		font-size:6vw;
	}
	#low section > .price p .blue{
		font-size:3vw;
	}
	#low section > .price p .large{
		line-height:0.8;
		font-size:10vw;
	}
	#low section > .price ul{
		display:block;
		padding:0;
		font-size:3.6vw;
	}
	#low section > .price ul li span{
		display:block;
	}
	#low section > .price ul li span.inline{
		display:inline;
	}
	#low section .spec{
		font-size:3.6vw;
	}
	#low section .spec dt{
		font-size:3.4vw;
	}
	#low section .spec dd span{
		font-size:3vw;
	}
}