@charset "utf-8";

body {
	overflow-x: hidden;
}
/*--------------------------------------------
RESET
--------------------------------------------*/
#contents_outer {
	background-color: #fff!important;
}
	#contents {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		overflow: hidden;
	}

	.base * {
		font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN','Meiryo', sans-serif;
		font-size: 16px;
		color: #333;
		box-sizing: border-box;
	}


/*--------------------------------------------
COMMON
--------------------------------------------*/
.wrap {
	max-width: 1080px;
	margin: auto;
}

	.section__inner {
		padding: 60px 0 80px;
	}
		.section__title {
			font-size: 40px;
			font-weight: 700;
			letter-spacing: 0.05em;
			text-align: center;
			line-height: 1.33;
			margin: 0 0 92px;
			position: relative;
		}
			.section__title::after{
				display: block;
				content: "";
				width: 150px;
				height: 6px;
				background-color: #299668;
				border-radius: 5px;
				position: absolute;
				left: 0;
				right: 0;
				bottom: -40px;
				margin: auto;
			}
.-bgAccent {
	background-color: #FAFCFC;
}
.svg-icon {
	display: none;
}

/*--------------------------------------------
HERO
--------------------------------------------*/
.hero {
	width: 100%;
	height: 600px;
}
	.hero__inner {
		width: 100%;
		height: 100%;
		background: url(/images/bg_main.jpg) no-repeat center / cover;
		padding: 45px 0 0;
	}
		.hero__catch {
			font-size: 80px;
			font-weight: 700;
			line-height: 1.25;
			color: #000;
		}

/*--------------------------------------------
NAVIGATION
--------------------------------------------*/
.navigation {
	width: 100%;
	height: 120px;
}
	.navigation__inner {
		width: 100%;
		height: 100%;
		background-color: #299668;
	}
		.navigation-block {
			width: 100%;
			height: 100%;
			position: relative;
		}
			.navigation-list {
				display: flex;
				position: absolute;
				top: -40px;
				left: 0;
			}
				.navigation-list__item:not(:last-child) {
					margin-right: 20px;
				}
					.navigation-card {
						display: block;
						width: 200px;
						height: 144px;
						background-color: #299668;
						border: 4px solid #fff;
						border-radius: 5px;
						padding: 30px 0 0;
						text-align: center;
						transition: all .2s;
					}
					.navigation-card:hover {
						text-decoration: none;
						transform: translateY(-3px);
						box-shadow: 0 10px 20px rgba(5, 64, 39, 0.2);
						transition: all .2s;
					}
						.navigation-card__title {
							font-size: 26px;
							font-weight: 700;
							color: #fff;
							line-height: 1.33;
							margin: 0 0 15px;
						}
						.navigation-card__text {
							color: #fff;
							font-size: 14px;
						}
						.third-card {
							padding-top: 15px;
						}

/*--------------------------------------------
物件
--------------------------------------------*/
.bkn-blcok {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	.bkn-blcok::after {
		display: block;
		content: "";
		width: 340px;
		height: 1px;
	}
	.bkn-card {
		width: 340px;
	}
		.bkn-card__link {
			display: block;
			transition: all .2s;
		}
		.bkn-card__link:hover {
			text-decoration: none;
		}
			.bkn-card__image {
				width: 100%;
				height: 240px;
				background-color: #299668;
				transition: all .2s;
				position: relative;
				margin: 0 0 10px;
			}
			.bkn-card__link:hover .bkn-card__image {
				transform: translateY(-3px);
				box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
				transition: all .2s;
			}
					.bkn-type__item {
						display: flex;
						justify-content: center;
						align-items: center;
						height: 30px;
						background-color: #F11F1F;
						padding: 0 12px;
						font-weight: 700;
						color: #fff;
						position: absolute;
						top: 10px;
						left: 10px;
						display: flex;
						z-index: 1;
					}
					.bkn-type__item:not(:last-child) {
						margin-right: 6px;
					}

			.bkn-info * {
				letter-spacing: 0.05em;
			}
			.bkn-info {
				display: flex;
				justify-content: space-between;
				align-items: center;
				transition: all .2s;
			}
			.bkn-info02 {
				transition: all .2s;
			}
			.bkn-card__link:hover .bkn-info {
				text-decoration: underline;
			}
				.bkn-info__name {
					width: 233px;
					font-size: 14px;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				.bkn-info__address {
					margin-top: 5px;
					width: 233px;
					font-size: 14px;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				.bkn-info__price {
					font-size: 14px;
				}
					.bkn-info__price .price {
						font-size: 18px;
					}

/*--------------------------------------------
現在販売中の物件
--------------------------------------------*/
.onSale .section__inner {
	padding: 70px 0 70px;
}

/*--------------------------------------------
取引実績
--------------------------------------------*/
.achievement .bkn-info__address {
	width: 100%;
}
	.bkn-button-area {
		width: 950px;
		margin: 70px auto 0;
	}

/*--------------------------------------------
新着情報
--------------------------------------------*/
.newInfo .section__inner {
	padding: 60px 0 70px;
}
	.newInfo-data * {
		letter-spacing: 0.05em;
	}
	.newInfo-data {
		display: flex;
		border-bottom: 1px solid #CCCCCC;
		padding-bottom: 18px;
		margin-bottom: 18px;
	}
	.newInfo-data:last-child {
		border-bottom: none;
		margin: 0;
	}
		.newInfo-data__title {
			width: 108px;
			color: #777777;
			line-height: 1.875;
		}
		.newInfo-data__desc {
			width: calc(100% - 108px);
			line-height: 1.875;
		}

/* オフィシャルスポンサー */
.content__sponser{
	margin: 0 auto;
    max-width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	background: #FBFBFB;
	padding: 70px 0 80px;
}
	.uper__sponser{
		text-align: center;
		font-size: 20px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		margin-bottom: 60px;
	}
	.wrap__sponser{
		display: flex;
		width: 430px;
		align-items: center;
		justify-content: space-between;
		margin: 0 auto;
		font-family: 'Noto Sans JP', sans-serif;
	}
	.logo__spo a:hover{
		opacity: 0.6;
	}
	.logo__spo span{
		font-size: 26px;
		font-weight: bold;
		display: block;
		text-align: center;
		font-family: 'Noto Sans JP', sans-serif;
	}
#backtop img{
	display: none;
}