@charset "UTF-8";
/*===================================
plan
===================================*/

.content_Bg {
	background: url(../../common/img/bg.jpg) no-repeat center top / 100% 100%;
	/* color: #b7b08c; */
	padding: 0;
}
.content_Bg-2 {
	background: #dbdbdb;
	color: #163259;
	padding: 0 0 0.1px;
}

.page_MV {
	background: url(../img/mv_plan_pc.jpg) no-repeat center center / cover;
	aspect-ratio: 1200/326;
	position: relative;
}

.page_Head {
	padding: 50px 0;
	text-align: center;
}
.page_Head h2 {
	color: #b7b08c;
	font-size: 25px;
	letter-spacing: 0.38em;
}
.page_Head span {
	color:#FFF;
	font-size: 30px;
	letter-spacing: 0.34em;
	font-weight: 300; /*light*/
	display: block;
	margin: 1.25em auto;
}
.page_Head p {
	font-size: 16px;
	letter-spacing: 0.18em;
	line-height: 1.62889688;
}

section.type_List {
	max-width: 1100px;
  width: 90%;
  margin: 0 auto;
	/*padding: 0 0 60px;*/
}

section.type_List .box_Wrap {
	background: #dbdbdb;
	padding: 60px 60px;
	margin-bottom: 30px;
}
section.type_List .box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0 0 50px;
}
section.type_List .box .txt {
	width:45.5%;
}

.txt h3 {
	font-size: 60px;
	line-height: 1.3;
	letter-spacing: 0.1em;
	padding-bottom: 20px;
	border-bottom: 2px solid #000;
	margin-bottom: 20px;
}
.txt h3 span {
	font-size: 40%;
}
.txt .floor_Plan {
	font-size: 26px;
	line-height: 1.3;
	letter-spacing: 0.06em;
	padding-bottom: 20px;
	border-bottom: 2px solid #000;
	margin-bottom: 20px;
}
.txt .floor_Plan span {
	font-size: 60%;
}

.txt .area {
	padding-bottom: 20px;
	border-bottom: 2px solid #000;
	margin-bottom: 20px;
}
.txt .area p {
	font-size: 13px;
	line-height: 2.0;
	letter-spacing: 0.06em;
}
.txt .area p.floor {
	font-size: 13px;
	line-height: 1.2;
	letter-spacing: 0.06em;
	margin-bottom: 1em;
}
.txt .area p.floor strong {
	font-size: 280%;
}
.txt .area p.floor .font_M {
	font-size: 170%;
}
.txt .area p.floor .font_S {
	font-size: 120%;
}

.txt ul.feature_List {

}
.txt ul.feature_List li {
	font-size: 13px;
	line-height: 1.8;
	letter-spacing: 0.06em;
	padding-left: 1em;
	position: relative;
}
.txt ul.feature_List li::before {
	content: "■";
	position: absolute;
	top:0;
	left:0;
  color: #000;
}

section.type_List .box .fig {
	width:50%;
	/*width: 62.5%;*/
}
section.type_List .box .fig figure {
	/*width:80%;*/
	width:100%;
	margin: 0 auto;
}

section.type_List .box_Wrap .printBtn {
	width:160px;
	margin: 0 auto;
	text-align: center;
}
section.type_List .box_Wrap .printBtn a {
	display: block;
	background: linear-gradient(to right, rgba(162, 137, 85, 1) 0%, rgba(198, 172, 114, 1) 50%, rgba(162, 137, 85, 1) 100%);
	padding: 8px 0 10px;
	text-align: center;
	color:#FFF;
	font-size: 17px;
	line-height: 1.6;
	letter-spacing: 0.06em;
	transition: .3s;
}
section.type_List .box_Wrap .printBtn a .arrow {
	margin-left: 75px;
  width: 50px;
  height: 8px;
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
  transform: skew(45deg);
	transition: .3s;
}
section.type_List .box_Wrap .printBtn a:hover {
	opacity: .7;
	transition: .3s;
}
section.type_List .box_Wrap .printBtn a:hover .arrow {
  width: 60px;
	transition: .3s;
}


section.type_List .box02 {
	padding: 0 0 50px;
}

section.type_List .box02 .txt {
	display: flex;
	justify-content:flex-start;
	align-items:center;
}
.box02 .txt li {
	padding-right: 10px;
	border-right: 2px solid #000;
	margin-right: 20px;

	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:flex-start;
	height:180px;
}
.box02 .txt li:nth-child(1) { width:15%; }
.box02 .txt li:nth-child(2) { width:12%; }
.box02 .txt li:nth-child(3) { width:32%; }
.box02 .txt li:nth-child(4) {
	width:33%;
	padding-right: 0;
	border-right: none;
	margin-right: 0;
	white-space: nowrap;
}

.box02 .txt h3 {
	padding-bottom: 0; /* 打ち消し */
	border-bottom: none;
	margin-bottom: 0;
}
.box02 .txt h3 span {
	font-size: 40%;
}
.box02 .txt .floor_Plan {
	white-space: nowrap;
	padding-bottom: 0; /* 打ち消し */
	border-bottom: none;
	margin-bottom: 0;
}
.box02 .txt .floor_Plan span {
	font-size: 60%;
}

.ftype .box02 .txt .floor_Plan {
	text-align: center;
}

.box02 .txt .area {

	padding-bottom: 0; /* 打ち消し */
	border-bottom: none;
	margin-bottom: 0;
}
.box02 .txt ul.feature_List {

}
.box02 .txt ul.feature_List li {
	width:inherit;
	border-right: none;
	height:inherit;
}

section.type_List .box02 .fig figure {
	width:100%;
	margin: 30px auto 0;
}


.hanrei {
	padding: 0 0 50px;
}
.hanrei figure {
	max-width: 300px;
	width:94%;
	margin: 0 auto;
}
.hanrei p {
	text-align:center;
	font-size: 11px;
	line-height: 1.3;
	letter-spacing: 0.06em;
}

.att {
	width:94%;
	margin: 0 auto;
	color:#b7b08c;
	font-size: 11px;
	line-height: 1.3;
	letter-spacing: 0.06em;
}

/* pc sp きかなかったので個別指定 */
.ftype .box02.pc { display: block;}
.ftype .box.sp { display: none;}


.notes_Wrap {
	color:#b7b08c;
	max-width: 1100px;
	padding: 0 0 30px;
}

.footer_tel {
	color: #fff;
}

/*     tab
--------------------*/
@media screen and (min-width: 768px) and (max-width: 1024px){

}

/*     調整
--------------------*/
@media screen and (min-width: 768px) and (max-width: 1140px){

	.ftype .box02.pc {
		display: none;
	}

	.ftype .box.sp {
		display: block;
	}

	section.type_List .ftype .box .txt {
    width: 100%;
	}
	section.type_List .ftype .box .fig {
		margin-top: 30px;
    width: 100%;
	}

	section.type_List .ftype .box .txt .pc {
    width: 100%;
	}

}


/*     sp
--------------------*/
@media screen and (max-width: 767px) {

	.content_Bg {
		padding: 0;
	}

	.page_MV {
		background: url(../img/mv_plan_sp.jpg) no-repeat center center / cover;
		aspect-ratio: 750/532;
	}

	.page_Head {
		padding: 30px 0;
	}
	.page_Head span {
		margin: 0.8em auto 0.5em;
	}




	section.type_List {
		/*padding: 0 0 30px;*/
		max-width: 100%;
		width: 100%;
	}

	section.type_List .box_Wrap {
		padding: 30px 30px;
		margin-bottom: 30px;
	}
	section.type_List .box {
		flex-direction: column;
	}
	section.type_List .box .txt {
		width:100%;
	}

	.txt .area p {
		font-size: 13px;
	}
	.txt .area p.floor {
		font-size: 13px;
	}

	.txt ul.feature_List li {
		font-size: 13px;
	}


	section.type_List .box .fig {
		margin-top: 30px;
		width:100%;
	}
	section.type_List .box .fig figure {
		width:100%;
	}

	section.type_List .box_Wrap .printBtn {
		display: none;
	}

	.hanrei {
		padding: 0 0 30px;
	}
	.hanrei p {
		text-align:left;
	}

	/* pc sp きかなかったので個別指定 */
	.ftype .box02.pc { display: none;}
	.ftype .box.sp { display: block;}


	.brand_Wrap {
		margin: 0 auto 50px;
	}

}





/*-----------------------------
印刷
-----------------------------*/
@media print {

	body {
    width: 60%;
    max-width: 800px;
    margin: 0 auto;
	}

	.printBtn {
		display: none;
	}
}