@charset "UTF-8";



/*********** 共通・背景 *************/



/*********** ↑共通・背景 *************/




.plan_mbt-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

.plan_mbt-wrap li {
	width: 47.58%;
	background: #999;
	margin-top: 40px;
	transition: all .2s ease;
}

.plan_mbt-wrap li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	color: #fff;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	width: 100%;
	padding: 20px;
}

.plan_mbt-wrap .txt1 {
	font-size: 3.5rem;
	line-height: 1.8;
	width: 100%;
	text-shadow: 0 0 20px rgba(0,0,0,0.5);
}

.plan_mbt-wrap .txt2 {
	font-size: 1.8rem;
	line-height: 1.8;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
}


.plan_mbt-wrap li:nth-child(1) {
	background: #757896;
}

.plan_mbt-wrap li:nth-child(2) {
	background: #b89a71;
}

.plan_mbt-wrap li:nth-child(3) {
	background: #5396b3;
}

.plan_mbt-wrap li:nth-child(4) {
	background: #9c9c9d;
}

.plan_mbt-wrap li:nth-child(5) {
	background: #cfa4b1;
}

.plan_mbt-wrap li:nth-child(6) {
	background: #73b3b2;
}

.plan_mbt-wrap li:hover {
	filter: brightness(130%);
}

.plan_mbt-wrap li:nth-child(n+5):hover {
	filter: brightness(120%);
}



.plan_mbt-copy {
	font-size: 3.0rem;
	font-weight: 400;
	text-align: center;
	margin-top: 60px;

}






/*********** cont共通 *************/

.cont {
	margin-top: 120px;
}

.cont .obi {
	color: #fff;
	font-size: 3.5rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	background: #999;
	padding: 5px;
	margin-top: 10px;
}

.cont .head {
	font-size: 3.5rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

.cont .type-ttl {
	font-size: 3.0rem;
	font-weight: 400;
	line-height: 1.4;
	border-left: 12px solid #000;
	padding-left: 0.5em;
}


.cont-bt {
	width: 300px;
}

.cont-bt a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 70px;
	padding-right: 20px;
	color: #6d5b2a;
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	border: 1px solid #6d5b2a;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease;
}

.cont-bt a::before {
	content: "";
	display: block;
	background-image: url("../images/bt_triangle02.png");
	background-size: cover;
	width: 8px;
	height: 12px;
	margin-left: 20px;
	margin-right: 20px;
}

.cont-bt a:hover {
	background: #c5bdaa;
}


/*********** ↑cont共通 *************/




/*********** maisonette *************/

.cont.maisonette .obi {
	background: #757896;
}

.cont.maisonette .head {
	color: #757896;
}

.cont.maisonette .type-ttl {
	color: #757896;
	border-left: 12px solid #757896;
	margin-top: 100px;
}

.maisonette_cont-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.maisonette_cont-wrap > li:nth-child(1) {
	width: 64.17%;
}

.maisonette_cont-wrap > li:nth-child(2) {
	width: 28.17%;
}

.maisonette_01 {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.maisonette_01 li:nth-child(1) {
	width: auto;
}

.maisonette_01 li:nth-child(2) {
	width: 49.09%;
}

/*********** ↑maisonette *************/




/*********** bright *************/

.cont.bright .obi {
	background: #b89a71;
}

.cont.bright .head {
	color: #b89a71;
}

.cont.bright .type-ttl {
	color: #b89a71;
	border-left: 12px solid #b89a71;
	margin-top: 60px;
}

.bright .cont-bt {
	margin-top: 40px;
}

.bright_cont-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.bright_cont-wrap li:nth-child(1) {
	width: 47.25%;
}

.bright_cont-wrap li:nth-child(2) {
	width: 46.5%;
}

.bright_01 {
	width: 92.59%;
	margin-top: 40px;
}

/*********** ↑bright *************/




/*********** roofbalcony *************/

.cont.roofbalcony .obi {
	background: #5396b3;
}

.cont.roofbalcony .head {
	color: #5396b3;
}

.cont.roofbalcony .type-ttl {
	color: #5396b3;
	border-left: 12px solid #5396b3;
	margin-bottom: 40px;
}

.roofbalcony .cont-bt {
	margin-top: 0;
}

.roofbalcony_cont-wrap1 {
	display: grid;
	grid-template-columns: 51.08% 42.58%;
	grid-template-rows: auto auto;
	justify-content: space-between;
}

.roofbalcony_cont-wrap1 li:nth-child(1) {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.roofbalcony_cont-wrap1 li:nth-child(2) {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	align-self: flex-end;
}

.roofbalcony_cont-wrap1 li:nth-child(3) {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
}

.roofbalcony_cont-wrap2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}

.roofbalcony_cont-wrap2 li:nth-child(1) {
	width: 32.25%;
}

.roofbalcony_cont-wrap2 li:nth-child(2) {
	width: 66.33%;
}

.roofbalcony_02 {
	margin-top: 60px;
}

/*********** ↑roofbalcony *************/





/*********** goodmorning *************/

.cont.goodmorning .obi {
	background: #9c9c9d;
}

.cont.goodmorning .head {
	color: #9c9c9d;
}

.cont.goodmorning .type-ttl {
	color: #9c9c9d;
	border-left: 12px solid #9c9c9d;
	margin-top: 60px;
}

.goodmorning .cont-bt {
	margin-top: 50px;
}

.goodmorning_cont-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}

.goodmorning_cont-wrap li:nth-child(1) {
	width: 46.25%;
}

.goodmorning_cont-wrap li:nth-child(2) {
	width: 48.92%;
}

.goodmorning_01 {
	margin-top: 80px;
}

/*********** ↑goodmorning *************/





/*********** airykitchen *************/

.cont.airykitchen .obi {
	background: #cfa4b1;
}

.cont.airykitchen .head {
	color: #ca7c98;
}

.cont.airykitchen .type-ttl {
	color: #ca7c98;
	border-left: 12px solid #ca7c98;
	margin-top: 60px;
}

.airykitchen .cont-bt {
	margin-top: 50px;
}

.airykitchen_cont-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.airykitchen_cont-wrap li:nth-child(1) {
	width: 46.92%;
}

.airykitchen_cont-wrap li:nth-child(2) {
	width: 47.58%;
}

.airykitchen_02 {
	margin-top: 20px;
}

/*********** ↑airykitchen *************/





/*********** minimal *************/

.cont.minimal .obi {
	background: #73b3b2;
}

.cont.minimal .head {
	color: #73b3b2;
}

.cont.minimal .type-ttl {
	color: #73b3b2;
	border-left: 12px solid #73b3b2;
	margin-top: 20px;
}

.minimal .cont-bt {
	margin-top: 0;
}

.minimal_cont-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}

.minimal_cont-wrap li:nth-child(1) {

}

.minimal_cont-wrap li:nth-child(2) {

}

.minimal_01 {
	margin-top: 40px;
}


/** asset **/

.asset-wrap {
	max-width: 1090px;
	margin: 0 auto;
	margin-top: 80px;
}

.asset-wrap .ttl {
	width: 20.09%;
}

.asset-wrap hr {
	border-top: 1px solid #6e5c2b;
	margin-top: 20px;
}

.asset_01-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}

.asset_01-wrap li:nth-child(1) {
	width: 48%;
}

.asset_01-wrap li:nth-child(2) {
	width: 48%;
}

.asset_01-wrap .txt-head-l {
	color: #73b3b2;
	font-size: 3.0rem;
}

.asset_01 {
	width: 80%;
	margin-top: 30px;
}

.asset-list {
	color: #6d5b2a;
	line-height: 2.0;
}

.asset-list dt {
	font-weight: 400;
}

.asset-list dd {
	font-weight: 400;
	padding-left:1em;
	text-indent:-1em;
}

/** ↑asset **/

/*********** ↑minimal *************/






.otherplan-bt {
	margin-top: 100px;
}

.otherplan-bt a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #6e5c2b;
	font-size: 2.0rem;
	text-align: center;
	line-height: 1.2;
	text-decoration: none;
	background: #fff;
	border: 1px solid #6e5c2b;
	width: 100%;
	padding: 25px;
	transition: all .2s ease;
}

.otherplan-bt a:hover {
	background: #c5bdaa;
}

.plan_casbee {
	width: 28.5%;
	margin: 0 auto;
	margin-top: 100px;
}











.anc_maisonette,
.anc_bright,
.anc_roofbalcony,
.anc_goodmorning,
.anc_airykitchen,
.anc_minimal {
	display: block;
    padding-top: 100px;
	margin-top: -100px;
}