@charset "utf-8";
.item_all {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 100px 50px;
}
.property_item {
		border-radius: 20px;
		background: #fff;
		box-sizing: border-box;
		padding: 0;
		box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.photo_wrap {
		padding: 10px 10px 0;
}
.item_photo {
		margin-bottom: 20px;
		overflow: hidden
}
.item_photo img {
		border-radius: 16px 16px 0 0;
		width: 100%;
		height: auto;
		aspect-ratio: 10 / 6.5;
		object-fit: cover;
		transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
		.item_photo a:hover img {
				transform: scale(1.05)
		}
}
.item_captiton {
		padding: 0 25px 20px
}
.item_catch {
		font-size: 22px;
		line-height: 1.2;
		font-family: "MOBO700";
		height: 2.8em;
		margin: 0;
}
.item_name {
		font-size: 22px;
		line-height: 1.4;
		font-family: "MOBO700";
		margin: 0 0 15px;
}
.item_captiton p {
		font-size: 15px;
		font-family: "MOBO600";
		line-height: 1.8;
		margin: 0 0 15px
}
.spec_gr {
		margin-bottom: 15px;
}
.spec_gr sup {
		font-size: 10px;
}
.spec_gr dl {
		display: flex;
		margin: 0 0 4px;
		line-height: 1.5;
		font-family: "MOBO600";
		font-size: 14px;
}
.spec_gr dl dt {
		color: #929292;
		width: 5em;
}
.spec_gr dl dd {
		flex: 1
}
.tag {
		display: flex;
		list-style: none;
		flex-wrap: wrap;
}
.tag li {
		font-size: 12px;
		font-family: "MOBO600";
		line-height: 1;
		margin: 0 10px 10px 0;
}
.tag li a {
		display: flex;
		align-items: center;
		padding: 0 10px;
		border-radius: 6px;
		background: #1b1b1b;
		color: #fff;
		text-decoration: none;
		height: 30px;
		box-sizing: border-box;
		border: 2px solid #1b1b1b;
		transition: background 0.3s;
}
@media (hover: hover) {
		.tag li a:hover {
				background: #fff;
				color: #1b1b1b;
		}
}
ul.spec {
		list-style: none
}
ul.spec li {
		font-size: 16px;
		margin: 0 0 10px;
		font-family: "MOBO600";
}
ul.spec li:last-child {
		margin-bottom: 0;
}
.readmore {
		text-align: center;
		border-top: 1px solid #e4e4e4;
		font-size: 16px;
		font-family: "MOBO700";
}
.readmore a {
		color: #1b1b1b;
		text-decoration: none;
		display: block;
		text-align: center;
		padding: 25px 0;
		background: #fff;
		transition: background 0.2s;
		border-radius: 0 0 18px 18px;
}
@media (hover: hover) {
		.readmore a:hover {
				background: #f5f5f5;
		}
}
@media(max-width: 960px) {
		.item_all {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 20px;
		}
		.item_captiton {
				padding: 0 15px 15px
		}
		.tag li {
				font-size: 11px;
				margin: 0 7px 7px 0;
		}
		.tag li a {
				padding: 0 6px;
				border-radius: 4px;
				height: 28px;
		}
}
@media(max-width: 767px) {
		.item_all {
				display: block;
				gap: 0;
		}
		.property_item {
				border-radius: 16px;
				box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
				margin: 0 0 30px;
		}
		.photo_wrap {
				padding: 10px 10px 0;
		}
		.item_photo img {
				border-radius: 11px 11px 0 0;
		}
		.item_photo {
				margin-bottom: 10px;
		}
		.item_captiton {
				padding: 0 15px 15px
		}
		.item_catch {
				font-size: 20px;
				height: auto;
				margin: 0 0 15px;
		}
		.item_name {
				font-size: 20px;
				margin: 0 0 15px;
		}
		.item_captiton p {
				font-size: 14px;
				margin: 0 0 15px
		}
		.spec_gr dl {
				margin: 0 0 4px;
				font-size: 13px;
		}
		.spec_gr dl dt {
				width: 5.5em;
		}
		.tag li {
				font-size: 11px;
				margin: 0 5px 5px 0;
		}
		.tag li a {
				padding: 0 5px;
				height: 28px;
				border-radius: 6px;
		}
		ul.spec li {
				font-size: 14px;
				margin: 0 0 8px;
		}
		.readmore {
				font-size: 15px;
		}
		.readmore a {
				padding: 20px 0;
				border-radius: 0 0 16px 16px;
		}
}
/* ============= */
.access_contact {
		margin-top: 140px;
}
@media(max-width: 767px) {
		.access_contact {
				margin-top: 60px;
		}
}
/* ================ */
.pagination {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 80px;
		font-size: 26px;
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
}
.pagination .disable {
		opacity: 0;
		pointer-events: none
}
.pagination_item {
		margin: 0 8px;
}
.pagination_item.isCurrent, .pagination a {
		text-decoration: none;
		color: #1b1b1b;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 50px;
		width: 50px;
		border-radius: 6px;
		box-sizing: border-box;
		border: 2px solid #1b1b1b;
		transition: background 0.2s;
}
.pagination_item.isCurrent {
		background: #1b1b1b;
		color: #fff;
}
.pagination a {
		background: #fff;
		color: #1b1b1b;
}
@media (hover: hover) {
		.pagination a:hover {
				background: #ccc;
		}
}
.pagination .pagination_item.prev a, .pagination .pagination_item.next a {
		background: none !important;
		border: none !important;
		position: relative;
}
.pagination .pagination_item.prev a::before, .pagination .pagination_item.next a::before {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 8px);
		width: 16px;
		height: 16px;
		pointer-events: none
}
.pagination .pagination_item.prev a::before {
		left: 20px;
		border-top: 3px solid #1b1b1b;
		border-left: 3px solid #1b1b1b;
		transform: rotate(-45deg)
}
.pagination .pagination_item.next a::before {
		right: 20px;
		border-top: 3px solid #1b1b1b;
		border-right: 3px solid #1b1b1b;
		transform: rotate(45deg)
}
.pagination_item.prev a, .pagination_item.next a {
		font-size: 1px !important;
		color: rgba(255, 255, 255, 0) !important;
}
@media(max-width: 767px) {
		.pagination {
				margin-top: 60px;
				font-size: 18px;
		}
		.pagination_item {
				margin: 0 5px;
		}
		.pagination_item.isCurrent, .pagination a {
				height: 40px;
				width: 40px;
		}
		.pagination .pagination_item.prev a::before, .pagination .pagination_item.next a::before {
				width: 12px;
				height: 12px;
				top: calc(50% - 6px)
		}
		.pagination .pagination_item.prev a::before {
				left: 10px;
				border-top: 2px solid #1b1b1b;
				border-left: 2px solid #1b1b1b;
		}
		.pagination .pagination_item.next a::before {
				right: 10px;
				border-top: 2px solid #1b1b1b;
				border-right: 2px solid #1b1b1b;
		}
}