@charset "utf-8";
#page_top {
	background-image: url(../image/service/land-sale/land-sale-page_top@pc.webp);
}

#land-sale {
	width: 100%;
	height: auto;
	padding: 0;
}
	.land-sale__inner {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
		.land-sale__main {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			width: 90%;
			max-width: 940px;
			height: auto;
			padding: 95px 0 100px;
			margin: 0 auto;
			position: relative;
		}
			.land-sale__main__heading {
				width: calc((445 / 940) * 100%);
				height: auto;
			}
				.land-sale__main__heading__ttl {
					width: 100%;
					height: auto;
					margin: 0 auto 100px;
					font-size: 36px;
					font-weight: 700;
					line-height: 1.5;
					letter-spacing: 0.08em;
					color: var(--color--navy-3);
				}
			.land-sale__main__details {
				flex: 1;
				height: auto;
				padding: 5px 0 0;
			}
				.land-sale__main__detail__txt {
					width: 100%;
					height: auto;
					font-size: 18px;
					font-weight: 400;
					line-height: 1.8;
					letter-spacing: 0.04em;
					color: var(--color--navy-3);
					white-space: nowrap;
				}
		.land-sale__service {
			width: 100%;
			height: auto;
			padding: 0 0 150px;
		}
			.land-sale__service_list {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				width: 90%;
				max-width: 880px;
				height: auto;
				margin: 0 auto;
			}
				.land-sale__service_list__item {
					width: calc((126 / 880) * 100%);
					height: auto;
				}
					.land-sale__service_list__item__image {
						width: 100%;
						height: auto;
						margin: 0 auto 5px;
					}
					.land-sale__service_list__item__txt {
						width: 100%;
						height: auto;
						font-size: 20px;
						font-weight: 600;
						line-height: 1.2;
						letter-spacing: 0.04em;
						text-align: center;
						color: var(--color--navy-3);
					}
		.land-sale__point {
			width: 100%;
			height: auto;
			counter-reset: number 0;
		}
			.land-sale__point__item {
				width: 100%;
				height: auto;
				padding: 200px 0 0;
			}
			.land-sale__point__item._01 {
				margin-bottom: 150px;
			}
			.land-sale__point__item._02 {
				margin-bottom: 150px;
			}
				.land-sale__point__item__heading {
					width: 100%;
					height: 0;
					position: relative;
				}
					.land-sale__point__item__heading__wrap {
						display: flex;
						justify-content: space-between;
						align-items: center;
						width: 90%;
						max-width: 960px;
						height: 380px;
						padding: 15px 0;
						background-color: var(--color--beige);
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}
						.land-sale__point__item__heading__left {
							display: flex;
							align-items: center;
							width: 50%;
							height: 100%;
							padding: 30px 0 0  calc((50 / 960) * 100%);
							position: relative;
						}
							.land-sale__point__item__heading__left::before {
								content: '';
								display: block;
								width: 1px;
								height: 100%;
								background-color: var(--color--navy-3);
								position: absolute;
								top: 0;
								right: 0;
								transform: translateX(-50%);
							} 
							.land-sale__point__item__heading__number__wrap {
								position: absolute;
								top: 16px;
								left: calc((70 / 960) * 100%);
							}
								.land-sale__point__item__heading__number {
									display: inline-block;
									margin-bottom: 10px;
									font-size: 20px;
									font-weight: 500;
									line-height: 1;
									letter-spacing: 0.04em;
									color: var(--color--navy-3);
									position: relative;
								}
									.land-sale__point__item__heading__number::after {
										counter-increment: number 1;
										content: counter(number,decimal-leading-zero) '';
										margin-left: 3px;
										font-size: 44px;
										font-weight: 700;
										line-height: 1;
										letter-spacing: -0.02em;
										color: var(--color--navy-3);
										position: relative;
										top: 2px;
									}
								.land-sale__point__item__heading__sub_ttl {
									font-size: 16px;
									font-weight: 500;
									line-height: 1;
									letter-spacing: 0.05em;
									color: var(--color--navy-3);
								}
								.land-sale__point__item__heading__main_ttl {
									font-size: 32px;
									font-weight: 700;
									line-height: 1.5;
									letter-spacing: 0em;
									color: var(--color--navy-3);
								}
						.land-sale__point__item__heading__right {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 50%;
							height: 100%;
						}
							.land-sale__point__item__heading__txt {
								font-size: 20px;
								font-weight: 700;
								line-height: 2.675;
								letter-spacing: 0.08em;
								color: var(--color--navy-3);
							}
				.land-sale__point__item__contents {
					width: 100%;
					height: auto;
				}
					.land-sale__point__item__contents__main {
						width: 100%;
						height: auto;
						padding: 280px 0 100px;
						background-color: var(--color--navy-3);
					}
						.land-sale__point__item__contents__main__inner {
							width: 90%;
							max-width: 1000px;
							height: auto;
							margin: 0 auto;
						}
							.land-sale__point__item__contents__main__txt {
								width: 100%;
								height: auto;
								margin: 0 auto;
								font-size: 19px;
								font-weight: 500;
								line-height: 2.15;
								letter-spacing: 0.04em;
								color: var(--color--white);
							}
							.land-sale__point__item__contents__main__flex {
								display: flex;
								justify-content: space-between;
								align-items: flex-start;
								width: 100%;
								height: auto;
							}
								.land-sale__point__item__contents__main__flex__image {
									width: calc((430 / 1000) * 100%);
									height: auto;
								}
								.land-sale__point__item__contents__main__flex__details {
									width: calc((518 / 1000) * 100%);
									height: auto;
								}
									.land-sale__point__item__contents__main__flex__detail__txt {
										width: 100%;
										height: auto;
										margin-top: -11px;
										font-size: 19px;
										font-weight: 600;
										line-height: 2.15;
										letter-spacing: 0.04em;
										text-align: justify;
										color: var(--color--white);
									}
							.land-sale__point__item__contents__main__case_list {
								display: flex;
								flex-direction: column;
								gap: 150px;
								width: 100%;
								height: auto;
								counter-reset: number 0;
							}
								.land-sale__point__item__contents__main__case_list__item {
									width: 100%;
									height: auto;
								}
									.land-sale__point__item__contents__main__case_list__item__number {
										width: 100%;
										height: auto;
										margin: 0 auto 8px;
										font-size: 20px;
										font-weight: 500;
										line-height: 1;
										letter-spacing: 0.04em;
										color: var(--color--white);
									}
										.land-sale__point__item__contents__main__case_list__item__number::after {
											counter-increment: number 1;
											content: counter(number) '';
											display: inline-block;
											font-size: 44px;
											margin-left: 2px;
										}
									.land-sale__point__item__contents__main__case_list__item__ttl {
										width: 100%;
										height: auto;
										margin: 0 auto 34px;
										font-size: 36px;
										font-weight: 700;
										line-height: 1.4;
										letter-spacing: 0.06em;
										color: var(--color--white);
										white-space: nowrap;
									}
										.land-sale__point__item__contents__main__case_list__item__ttl br {
											display: none;
										}
					.land-sale__point__item__contents__achievement {
						width: 100%;
						height: auto;
						padding: 105px 0 0;
					}
						.land-sale__point__item__contents__achievement__inner {
							width: 90%;
							max-width: 1000px;
							height: auto;
							margin: 0 auto;
						}
							.land-sale__point__item__contents__achievement__ttl {
								width: 100%;
								height: auto;
								margin: 0 auto 60px;
								font-size: 19px;
								font-weight: 500;
								line-height: 1;
								letter-spacing: 0em;
								color: var(--color--navy-3);
							}
							.land-sale__point__item__contents__achievement__list {
								display: flex;
								justify-content: space-between;
								align-items: flex-start;
								flex-wrap: wrap;
								row-gap: 56px;
								width: 100%;
								max-width: 714px;
								height: auto;
								margin: 0 auto;
							}
								.land-sale__point__item__contents__achievement__list__item {
									width: 313px;
									height: auto;
								}
									.land-sale__point__item__contents__achievement__list__item__image {
										width: 100%;
										height: auto;
										margin: 0 auto 14px;
									}
									.land-sale__point__item__contents__achievement__list__item__txt {
										width: 100%;
										height: auto;
										font-size: 19px;
										font-weight: 500;
										line-height: 2;
										letter-spacing: 0.14em;
										color: var(--color--navy-3);
									}
					.land-sale__point__item__contents__contact {
						width: 100%;
						height: auto;
						padding: 110px 0 90px;
					}
						.land-sale__point__item__contents__contact__inner {
							width: 90%;
							max-width: 720px;
							height: auto;
							margin: 0 auto;
						}
							.land-sale__point__item__contents__contact__ttl {
								width: 100%;
								height: auto;
								margin: 0 auto 34px;
								font-size: 32px;
								font-weight: 700;
								line-height: 1;
								letter-spacing: 0.06em;
								color: var(--color--navy-3);
							}
							.land-sale__point__item__contents__contact__txt {
								width: 100%;
								height: auto;
								font-size: 18px;
								font-weight: 500;
								line-height: 2.11;
								letter-spacing: 0.06em;
								color: var(--color--navy-3);
							}

/* PC ================================================== */
@media all and (max-width: 1099px){
								.land-sale__point__item__contents__main__case_list__item__ttl br {
									display: inline-block;
								}
}

@media all and (max-width: 970px){
		.land-sale__main {
			flex-direction: column;
			justify-content: flex-start;
			align-items: stretch;
			padding: 50px 0 80px;
		}
			.land-sale__main__heading {
				width: 100%;
			}
				.land-sale__main__heading__ttl {
					width: 100%;
					height: auto;
					margin: 0 auto 30px;
					font-size: 36px;
					font-weight: 700;
					line-height: 1.5;
					letter-spacing: 0.08em;
					color: var(--color--navy-3);
				}
			.land-sale__main__details {
				flex: initial;
				width: 100%;
				height: auto;
				padding: 5px 0 0;
			}
				.land-sale__main__detail__txt {
					width: 100%;
					height: auto;
					font-size: 18px;
					font-weight: 400;
					line-height: 1.8;
					letter-spacing: 0.04em;
					color: var(--color--navy-3);
					white-space: initial;
				}
}

/* Tablet ================================================== */
@media all and (max-width: 768px){
#page_top {
	background-image: url(../image/service/land-sale/land-sale-page_top@sp.webp);
}

#land-sale {
	padding: 0;
}
	.land-sale__inner {
		max-width: initial;
	}
		.land-sale__main {
			width: calc((310 / 390) * 100%);
			padding: 46px 0 65px;
		}
				.land-sale__main__heading__ttl {
					margin: 0 auto 28px;
					font-size: 24px;
					letter-spacing: 0.05em;
				}
			.land-sale__main__details {
				height: auto;
				padding: 0;
				margin: 0 auto;
			}
				.land-sale__main__detail__txt {
					font-size: 14px;
					font-weight: 700;
					line-height: 2.4;
					letter-spacing: 0em;
					white-space: nowrap;
				}
		.land-sale__service {
			padding: 0 0 46px;
			background-color: var(--color--white);
		}
			.land-sale__service_list {
				width: calc((350 / 390) * 100%);
			}
				.land-sale__service_list__item {
					width: calc((50 / 350) * 100%);
				}
					.land-sale__service_list__item__image {
						margin: 0 auto 2px;
					}
					.land-sale__service_list__item__txt {
						font-size: 10px;
						font-weight: 500;
					}
			.land-sale__point__item {
				padding: 0;
			}
			.land-sale__point__item._01 {
				margin-bottom: 100px;
			}
			.land-sale__point__item._02 {
				margin-bottom: 0;
			}
				.land-sale__point__item__heading {
					height: auto;
					background-color: var(--color--navy-3);
					position: relative;
				}
				.land-sale__point__item__heading::after {
					content: '';
					display: block;
					width: 100%;
					height: calc(100% + 10px);
					background-color: var(--color--navy-3);
					position: absolute;
					bottom: -5px;
					left: 0;
					z-index: -1;
				}
					.land-sale__point__item__heading__wrap {
						flex-direction: column;
						justify-content: flex-start;
						align-items: center;
						width: calc((300 / 390) * 100%);
						max-width: initial;
						height: auto;
						padding: 14px 0 24px;
						margin: 0 auto;
						position: relative;
						top: -1px;
						left: initial;
						transform: initial;
					}
					.land-sale__point__item__heading__wrap.__02_wrap{
						top: -5px;
					}
						.land-sale__point__item__heading__left {
							display: block;
							width: 100%;
							height: auto;
							padding: 0;
							margin-bottom: 10px;
						}
							.land-sale__point__item__heading__left::before {
								display: none;
							} 
							.land-sale__point__item__heading__number__wrap {
								width: 100%;
								height: auto;
								margin: 0 auto 12px;
								position: initial;
							}
								.land-sale__point__item__heading__number {
									display: block;
									width: 100%;
									margin-bottom: 14px;
									font-size: 16px;
									text-align: center;
								}
									.land-sale__point__item__heading__number::after {
										font-size: 37px;
										margin-left: 7px;
										top: 0;
									}
								.land-sale__point__item__heading__sub_ttl {
									font-size: 14px;
									text-align: center;
								}
								.land-sale__point__item__heading__main_ttl {
									font-size: 20px;
									line-height: 1.4;
									letter-spacing: 0.1em;
									text-align: center;
								}
						.land-sale__point__item__heading__right {
							display: block;
							width: 100%;
							height: auto;
						}
							.land-sale__point__item__heading__txt {
								font-size: 14px;
								line-height: 1.6;
								letter-spacing: 0em;
								text-align: center;
							}
					.land-sale__point__item__contents__main {
						padding: 34px 0 40px;
					}
					.land-sale__point__item__contents__main.__reverse_main{
						padding: 34px 0 0px;
					}
						.land-sale__point__item__contents__main__inner {
							width: 100%;
							max-width: initial;
						}
							.land-sale__point__item__contents__main__txt {
								width: calc((322 / 390) * 100%);
								font-size: 14px;
								letter-spacing: 0em;
							}
							.land-sale__point__item__contents__main__flex {
								flex-direction: column;
								justify-content: flex-start;
								align-items: center;
							}
							.land-sale__point__item__contents__main__flex.__reverse {
								flex-direction: column-reverse;
								justify-content: space-between;
								align-items: center;
							}
								.land-sale__point__item__contents__main__flex__image {
									width: 100%;
									margin-bottom: 30px;
								}
								.land-sale__point__item__contents__main__flex__image.__reverse_item {
									width: 100%;
									margin-top: 35px;
									margin-bottom: 0;
								}
								.land-sale__point__item__contents__main__flex__details {
									width: 100%;
								}
									.land-sale__point__item__contents__main__flex__detail__txt {
										width: calc((322 / 390) * 100%);
										margin: 0 auto;
										font-size: 14px;
										line-height: 2.15;
										letter-spacing: 0em;
									}
							.land-sale__point__item__contents__main__case_list {
								gap: 100px;
							}
									.land-sale__point__item__contents__main__case_list__item__number {
										margin: 0 auto 14px;
										font-size: 16px;
										font-weight: 700;
										text-align: center;
									}
										.land-sale__point__item__contents__main__case_list__item__number::after {
											font-size: 37px;
											margin-left: 10px;
											position: relative;
											top: 1px;
										}
									.land-sale__point__item__contents__main__case_list__item__ttl {
										margin: 0 auto 12px;
										font-size: 20px;
										line-height: 1.8;
										letter-spacing: 0.04em;
										text-align: center;
										white-space: initial;
									}
					.land-sale__point__item__contents__achievement {
						padding: 45px 0 0;
					}
						.land-sale__point__item__contents__achievement__inner {
							width: calc((340 / 390) * 100%);
							max-width: initial;
						}
							.land-sale__point__item__contents__achievement__ttl {
								margin-bottom: 30px;
								font-size: 16px;
								letter-spacing: 0.1em;
							}
							.land-sale__point__item__contents__achievement__list {
								row-gap: 30px;
								max-width: initial;
							}
								.land-sale__point__item__contents__achievement__list__item {
									width: calc((158 / 340) * 100%);
								}
									.land-sale__point__item__contents__achievement__list__item__image {
										margin: 0 auto 6px;
									}
									.land-sale__point__item__contents__achievement__list__item__txt {
										font-size: 12px;
										line-height: 1.8;
										letter-spacing: 0em;
									}
					.land-sale__point__item__contents__contact {
						padding: 56px 0 86px;
					}
						.land-sale__point__item__contents__contact__inner {
							width: calc((322 / 390) * 100%);
							max-width: initial;
						}
							.land-sale__point__item__contents__contact__ttl {
								margin: 0 auto 30px;
								font-size: 24px;
								line-height: 1.5;
								letter-spacing: 0.05em;
							}
							.land-sale__point__item__contents__contact__txt {
								font-size: 14px;
								font-weight: 700;
								line-height: 2.35;
								letter-spacing: 0em;
								white-space: nowrap;
							}
}

/* SP ================================================== */
@media all and (max-width: 575px){

}