@charset "utf-8";


#contents {
	width: 100%;
	margin: 0;
	background: var(--white);
	padding-bottom: 85px;
}

.org-page * {
	font-size: 14px;
    font-weight: 400;
    color: var(--txt-color);
    font-family: var(--default-font);
}
.org-page {
	background: #FFF;
	padding-bottom: 70px;
}
.breadcrumbs {
	width: fit-content;
	padding: 0;
}

.page__inner {
	width: 1000px;
	margin: 0 auto;
}
	.contents__title-wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 10px;
	}
		.contents__title {
			display: flex;
			align-items: center;
			gap: 12px;
			font-size: 24px;
			font-weight: 700;
			margin-bottom: 12px;
		}
			.contents__title::before {
				content: '';
				display: block;
				background: var(--main-color);
				width: 10px;
				height: 10px;
			}
	.path__contents {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		.page__title {
			display: flex;
			align-items: center;
			gap: 7px;
			font-size: 18px;
			font-weight: 700;
			letter-spacing: 0.05em;
		}
			.page__title::before {
				content: '';
				background: url(/images/librarysearch/icon_path-mansion.webp) no-repeat center / cover;
				display: block;
				width: 26px;
				height: 25px;
			}
		.path__wrap {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			gap: 20px;
			padding: 16px 0 14px;
			max-width: 650px;
		}
			.path__member a {
				display: flex;
				align-items: center;
				min-width: 100px;
				gap: 4px;
				color: #1879A7;
				text-decoration: underline;
			}
			.path__member svg {
				width: 7px;
				height: 11px;
				fill: none;
				stroke: #008cce;
			}

	.page__main {
		position: relative;
		z-index: 1;
	}

	.page__head-title {
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 0.05em;
		color: var(--main-color);
		text-align: center;
		background: #D9EEF8;
		padding: 53px;
		margin-bottom: 40px;
	}
	.search__change {
		margin-bottom: 50px;
	}
		.change__text {
			display: flex;
			align-items: center;
			gap: 12px;
			background: #F7F7F7;
			padding: 18px 22px;
			font-size: 24px;
			font-weight: 700;
			letter-spacing: 0.05em;
			margin-bottom: 22px;
		}
			.change__text::before {
				content: "";
				display: inline-block;
				width: 0;
				height: 0;
				border-left: 8px solid transparent;
				border-right: 8px solid transparent;
				border-top: 14px solid #000000;
				vertical-align: middle;
			}
		.change__button a {
			font-size: 18px;
			font-weight: 700;
			color: #1979A7;
			text-decoration: underline;
		}
	.mansion__result-wrap {
		margin-bottom: 105px;
	}
		.result__list {
			margin-bottom: 40px;
		}
			.result__card:not(:last-child) {
				margin-bottom: 40px;
			}
				.result__card .result__box {
					display: flex;
					gap: 23px;
				}
					.card__image {
						min-width: 220px;
						height: 204px;
					}
						.card__image img {
							width: 100%;
							height: 100%;
							object-fit: cover;
						}
					.card__detail-wrap {
						width: 100%;
						border-top: 3px solid var(--main-color);
						padding-top: 10px;
					}
						.card__top {
							display: flex;
							justify-content: space-between;
							align-items: center;
							margin-bottom: 10px;
						}
							.card__name a {
								font-size: 18px;
								font-weight: 700;
								color: #1879A7;
								text-decoration: underline;
							}
							.card__count {
								display: flex;
								justify-content: center;
								align-items: center;
								width: fit-content;
								height: fit-content;
								border: 1px solid #E00001;
								background: #FFF;
								padding: 1px 12px;
								font-size: 12px;
								font-weight: 700;
								color: #E00001;
							}
						.card__info {
							display: flex;
							align-items: center;
							gap: 23px;
							margin-bottom: 16px;
						}
							[class*="card__text--"] {
								font-size: 16px;
								font-weight: 500;
							}
						.card__data-wrap {
							display: flex;
							gap: 1px;
							background: #F7F7F7;
							position: relative;
						}
							.card__data-wrap::before {
								content: '';
								background: #E0D9D9;
								display: block;
								width: 1px;
								height: 100%;
								position: absolute;
								top: 0;
								left: 50%;
								bottom: 0;
								transform: translateX(-50%);
							}
							[class*="card__data--"] {
								flex: 1;
								width: 100%;
								padding: 11px 20px;
							}
								.card__data-title {
									font-size: 14px;
									font-weight: 700;
									margin-bottom: 7px;
								}
								.card__data-text {
									font-size: 14px;
									font-weight: 500;
									line-height: 1.429;
								}
		.empty-search-message {
			margin-bottom: 105px;
		}
		.empty-search-comment {
			font-size: 16px;
			text-align: center;
		}
		.result__select {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			gap: 31px;
			margin-bottom: 105px;
		}
			.result__limit {
				display: flex;
				align-items: center;
				gap: 10px;
			}
				.result__limit-text {
					font-size: 14px;
					font-weight: 700;
				}
				.bkn-limit {
					width: 80px;
					height: 33px;
					background-image: linear-gradient(180deg, rgba(253, 253, 253, 1), rgba(239, 239, 239, 1));
					border-top: 1px solid #CBCBCB;
					border-left: 1px solid #CBCBCB;
					border-right: 1px solid #CBCBCB;
					border-bottom: 3px solid #CBCBCB;
					text-align: center;
					font-size: 16px;
					text-align: center;
					padding: 0;
					cursor: pointer;
				}
			.result__pager {
				display: flex;
				align-items: center;
				gap: 28px;
			}
				.result__pager-list {
					display: flex;
					align-items: center;
					gap: 8px;
				}
					.result__pager-item,
					.result__pager-item a {
						font-size: 16px;
						font-weight: 500;
						color: #1879A7;
						position: relative;
					}
					.result__pager-item.pager-first,
					.result__pager-item.pager-last {
						color: #969696;
					}
					.result__pager-item.active {
						font-weight: 700;
					}
					.result__pager-item.active::before {
						content: '';
						background: #1879A7;
						width: 14px;
						height: 1px;
						position: absolute;
						bottom: 0;
						left: 50%;
						transform: translateX(-50%);
					}
				.pager__navi {
					width: 140px;
					display: flex;
					position: relative;
				}
					.pager__navi::before {
						content: '';
						background: #CBCBCB;
						width: 1px;
						height: 100%;
						position: absolute;
						top: 0;
						left: 50%;
						bottom: 0;
						transform: translateX(-50%);
					}
					[class*="pager__btn"] {
						width: 70px;
						height: 32px;
						background-image: linear-gradient(180deg, rgba(253, 253, 253, 1), rgba(239, 239, 239, 1));
						border-top: 1px solid #CBCBCB;
						border-bottom: 3px solid #CBCBCB;
						font-size: 16px;
						text-align: center;
					}
					[class*="pager__btn"] a {
						display: block;
						width: 100%;
						height: 100%;
						font-size: 16px;
						cursor: pointer;
					}
					.pager__btn--prev {
						border-left: 1px solid #CBCBCB;
						border-radius: 6px 0 0 6px;
					}
					.pager__btn--next {
						border-right: 1px solid #CBCBCB;
						border-radius: 0 6px 6px 0;
					}

	.mansion__contents--new {
		margin-bottom: 45px;
	}
		.mansion__list {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 30px;
		}
			.mansion__card {
				display: flex;
				align-items: center;
				gap: 15px;
			}
				.mansion__image {
					min-width: 140px;
					width: 140px;
					height: 130px;
				}
					.mansion__image img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				.mansion__name {
					margin-bottom: 9px;
				}
					.mansion__name a {
						font-size: 16px;
						font-weight: 700;
						color: #1879A7;
						text-decoration: underline;
					}
				.mansion__detail {
					display: flex;
					align-items: center;
					gap: 18px;
					margin-bottom: 12px;
				}
					[class*="mansion__text"] {
						font-weight: 500;
						position: relative;
					}
					.mansion__text--price span {
						font-weight: 500;
						color: #E00001;
					}
					.mansion__text--price::after,
					.mansion__text--chikunen::after {
						content: '';
						display: block;
						background: #DBDBDB;
						width: 1px;
						height: 15px;
						position: absolute;
						top: 3px;
						right: -10px;
					}