@charset "UTF-8";

/* 導入 */
.p-land-intro__content {
	display: flex;
	align-items: center;
	gap: 24px 6%;
}

.p-land-intro__img {
	width: calc(47% + (50vw - 50%));
	margin-left: calc(50% - 50vw);
	flex-shrink: 0;
	height: 400px;
	overflow: hidden;
	border-radius: 0 40px 40px 0;
	-webkit-border-radius: 0 40px 40px 0;
	-moz-border-radius: 0 40px 40px 0;
	-ms-border-radius: 0 40px 40px 0;
	-o-border-radius: 0 40px 40px 0;
}

.p-land-intro__body {
	width: 47%;
}

.p-land-intro__heading {
	color: var(--color01);
	font-size: clamp(18px, calc(28 / 768 * 100vw), 28px);
	font-weight: var(--fw_jp_bold);
	line-height: 1.6;
	letter-spacing: 0.1em;
}

.p-land-intro__txt {
	margin-top: 1em;
}

.p-land-intro__note {
	font-size: clamp(13px, calc(14 / 768 * 100vw), 14px);
	margin-top: 1em;
}


/* お悩み */
.p-land-concerns__heading {
	font-size: clamp(20px, calc(32 / 768 * 100vw), 32px);
	font-weight: var(--fw_jp_bold);
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
}

.p-land-concerns__list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1em;
	margin: 40px auto 0;
}

.p-land-concerns__item {
	font-size: clamp(14px, calc(20 / 768 * 100vw), 20px);
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	padding: 0.5em 1em;
	border: 1px solid var(--color_black);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}


/* 土地活用提案が選ばれる理由 */
.p-land-reasons__header {
	text-align: center;
	position: relative;
}

.p-land-reasons__header::before {
	content: "";
	position: absolute;
	top: -96px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	width: 64px;
	height: 32px;
	background-color: var(--color06);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.p-land-reasons__label {
	font-size: clamp(15px, calc(24 / 768 * 100vw), 24px);
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-weight: var(--fw_jp_bold);
}

.p-land-reasons__heading {
	color: var(--color01);
	font-size: clamp(20px, calc(32 / 768 * 100vw), 32px);
	font-weight: var(--fw_jp_bold);
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin-top: 0.2em;
}

.p-land-reasons__intro {
	display: flex;
	align-items: center;
	gap: 24px 6%;
	margin: 40px auto 0;
}

.p-land-reasons__img {
	width: 47%;
}

.p-land-reasons__body {
	width: 47%;
}

.p-land-reasons__intro-heading {
	font-size: clamp(18px, calc(24 / 768 * 100vw), 24px);
	font-weight: var(--fw_jp_bold);
	line-height: 1.6;
	letter-spacing: 0.1em;
}

.p-land-reasons__txt {
	margin-top: 1em;
}

.p-land-reason {
	margin: 80px auto 0;
	padding: 48px;
	border: 1px solid var(--color01);
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
}

.p-land-reason__header {
	text-align: center;
}

.p-land-reason__number {
	color: var(--color01);
	font-size: clamp(24px, calc(56 / 768 * 100vw), 56px);
	font-weight: var(--fw_en_bold);
	line-height: 1;
}

.p-land-reason__heading {
	display: inline-block;
	font-size: clamp(20px, calc(32 / 768 * 100vw), 32px);
	font-weight: var(--fw_jp_bold);
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin-top: 1em;
	padding-bottom: 0.4em;
	border-bottom: 1px solid var(--color_black);
}

.p-land-reason__lead,
.p-land-reason__note {
	text-align: center;
	max-width: 960px;
	margin: 0 auto;
}

.p-land-reason__lead {
	margin-top: 40px;
}

.p-land-reason__table-wrap {
	overflow-x: auto;
	margin-top: 40px;
}

.p-land-reason__table {
	width: 100%;
	min-width: 720px;
	max-width: 960px;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 0 auto;
}

.p-land-reason__table th,
.p-land-reason__table td {
	height: 64px;
	padding: 0.5em;
	border: 1px solid var(--color_gray03);
	font-weight: var(--fw_jp_medium);
	text-align: center;
	vertical-align: middle;
}

.p-land-reason__table thead th {
	color: var(--color_white);
	background-color: var(--color01);
	font-weight: var(--fw_jp_bold);
}

.p-land-reason__table thead td {
	background-color: var(--color01);
}

.p-land-reason__table tbody th {
	font-weight: var(--fw_jp_medium);
}

.p-land-reason__table tbody td {
	font-size: clamp(20px, calc(24 / 768 * 100vw), 24px);
	font-weight: var(--fw_jp_bold);
}

.p-land-reason__mark--high {
	color: #e43232;
}

.p-land-reason__mark--low {
	color: var(--color01);
}

.p-land-reason__note {
	margin-top: 40px;
}

.p-land-tax-comparison {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 32px 5%;
	margin-top: 48px;
}

.p-land-tax-card {
	width: 42%;
	max-width: 400px;
	border: 2px solid #999;
	border-radius: 20px;
	overflow: hidden;
}

.p-land-tax-card--after {
	border-color: var(--color01);
}

.p-land-tax-card__heading {
	color: var(--color_white);
	background-color: #999;
	font-size: clamp(18px, calc(22 / 960 * 100vw), 22px);
	font-weight: var(--fw_jp_bold);
	line-height: 1.5;
	letter-spacing: 0.1em;
	padding: 0.7em 1em;
	text-align: center;
}

.p-land-tax-card--after .p-land-tax-card__heading,
.p-land-tax-card--after .p-land-tax-card__total {
	background-color: var(--color01);
}

.p-land-tax-card__content {
	padding: 32px;
}

.p-land-tax-card__img {
	width: 160px;
	margin-inline: auto;
}

.p-land-tax-card__img img {
	width: 100%;
}

.p-land-tax-card__valuation,
.p-land-tax-card__row,
.p-land-tax-card__total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
}

.p-land-tax-card__valuation {
	font-size: 14px;
	margin-top: 24px;
}

.p-land-tax-card__taxes {
	margin-top: 32px;
}

.p-land-tax-card__row {
	font-size: 14px;
	padding: 0.8em 1em;
	border: 1px solid #bbb;
	border-radius: 8px;
}

.p-land-tax-card__operator {
	display: block;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	margin-block: 12px;
}

.p-land-tax-card__total {
	color: var(--color_white);
	background-color: #999;
	padding: 0.8em 1em;
	border-radius: 8px;
}

.p-land-tax-card__total dt {
	font-size: 14px;
}

.p-land-tax-card__total dd {
	font-size: clamp(20px, calc(26 / 960 * 100vw), 26px);
}

.p-land-tax-comparison__arrow {
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 22px solid var(--color06);
}

.p-land-value-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2em;
	max-width: 780px;
	margin: 40px auto 0;
}

.p-land-value-list__item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 1em;
	width: calc((100% - 4em) / 3);
	background-color: var(--color04);
	padding: 40px 24px;
	border-radius: 16px;
}

.p-land-value-list__icon {
	max-width: 144px;
}

.p-land-value-list__label {
	color: var(--color01);
	font-size: clamp(15px, calc(20 / 768 * 100vw), 20px);
	font-weight: var(--fw_jp_bold);
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
}

.p-land-analysis,
.p-land-funding {
	display: flex;
	align-items: flex-start;
	gap: 24px 6%;
	margin-top: 40px;
}

.p-land-analysis__list,
.p-land-funding__list {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	width: 47%;
}

.p-land-analysis__list li,
.p-land-funding__list li {
	width: calc((100% - 1em) / 2);
	color: var(--color_white);
	background-color: var(--color01);
	font-weight: var(--fw_jp_bold);
	font-size: clamp(15px, calc(20 / 768 * 100vw), 20px);
	line-height: 1.5;
	letter-spacing: 0.1em;
	padding: 0.5em 1em;
	text-align: center;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.p-land-analysis__img,
.p-land-funding__img {
	width: 47%;
}

.p-land-analysis__img {
	height: 360px;
	overflow: hidden;
	border-radius: 32px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	-ms-border-radius: 32px;
	-o-border-radius: 32px;
}

.p-land-plan-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1em;
	max-width: 840px;
	margin: 40px auto 0;
}

.p-land-plan-list li {
	font-size: clamp(15px, calc(20 / 768 * 100vw), 20px);
	line-height: 1.5;
	letter-spacing: 0.1em;
	padding: 0.5em 1em;
	border: 1px solid var(--color_black);
	text-align: center;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

/* スマートフォン用 */
@media screen and (max-width: 768px) {

	/* 導入 */
	.p-land-intro__content { flex-direction: column; align-items: stretch; }
	.p-land-intro__img { width: calc(100% + (50vw - 50%)); height: 240px; border-radius: 0 24px 24px 0; -webkit-border-radius: 0 24px 24px 0; -moz-border-radius: 0 24px 24px 0; -ms-border-radius: 0 24px 24px 0; -o-border-radius: 0 24px 24px 0; }
	.p-land-intro__body { width: 100%; }

	/* お悩み */
	.p-land-concerns__list { flex-direction: column; gap: 0.8em; margin-top: 24px; }
	.p-land-concerns__item { width: 100%; }
	
	/* 土地活用提案が選ばれる理由 */
	.p-land-reasons__header::before { top: -52px; width: 40px; height: 20px; }
	.p-land-reasons__intro { flex-direction: column; align-items: stretch; margin-top: 24px; }
	.p-land-reasons__img { width: 100%; max-width: 480px; margin: 0 auto; }
	.p-land-reasons__body { width: 100%; }
	.p-land-reason { margin-top: 40px; padding: 24px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; }
	.p-land-reason__lead { margin-top: 24px; }
	.p-land-reason__table-wrap { margin-top: 24px; }
	.p-land-reason__table th,
	.p-land-reason__table td { height: 48px; }
	.p-land-reason__table thead td:first-child,
	.p-land-reason__table tbody th {
		position: sticky;
		left: 0;
		z-index: 1;
	}
	.p-land-reason__table thead td:first-child { z-index: 2; }
	.p-land-reason__table tbody th { background-color: var(--color_white); }
	.p-land-tax-comparison { flex-direction: column; gap: 24px; margin-top: 32px; }
	.p-land-tax-card { width: 100%; }
	.p-land-tax-card__content { padding: 24px 16px; }
	.p-land-tax-card__img { width: 140px; }
	.p-land-tax-comparison__arrow { transform: rotate(90deg); }
	.p-land-value-list { gap: 1em; margin-top: 24px; }
	.p-land-value-list__item { gap: 0.7em; width: calc((100% - 1em) / 2); padding: 16px; }
	.p-land-value-list__icon { max-width: 96px; }
	.p-land-analysis,
	.p-land-funding { flex-direction: column; align-items: stretch; margin-top: 24px; }
	.p-land-analysis__list,
	.p-land-funding__list { width: 100%; gap: 0.8em; }
	.p-land-analysis__list li,
	.p-land-funding__list li { width: calc((100% - 0.8em) / 2); padding-inline: 0.5em; }
	.p-land-analysis__img,
	.p-land-funding__img { width: 100%; }
	.p-land-analysis__img { height: 240px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; }
	.p-land-funding__img { max-width: 480px; margin: 0 auto; }
	.p-land-plan-list { gap: 0.8em; margin-top: 24px; }
	.p-land-plan-list li { width: calc((100% - 0.8em) / 2); padding-inline: 0.5em; }
	.p-land-reason__note { margin-top: 24px; text-align: left; }

}