@charset "utf-8";
@font-face {
    font-family: 'Noto Sans JP';
    src: url(/fonts/NotoSansJP-Regular.ttf);
    font-weight: 400;
    font-display: swap;
}


body {
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 88px;
}
/* バリデーションエラー時の自動スクロール中のみ auto（validationEngine の animate と競合防止） */
html.is-validating-scroll {
	scroll-behavior: auto;
}

.l-main * {
	font-family: "Yu Gothic", YuGothic, sans-serif;
}
#contents,
.l-main {
	width: 100%;
	overflow: hidden;
	background: #fff;
	padding: 0;
	margin: 0;
}

.mv__img {
	width: 100%;
	height: 500px;
}
	.mv__img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

/*/////////////////////// コンテンツ ///////////////////////*/
[class*="cnt__wrap"] {
	padding-block: 79px;
}
	[class*="cnt__inner"] {
		width: 1140px;
		margin-inline: auto;
	}
		[class*="cnt__headline"] {
			font-size: 26px;
			font-weight: 700;
			color: #242424;
			text-align: center;
		}
		[class*="cnt__en-headline"] {
			display: block;
			font-family: "Noto Sans JP", sans-serif;
			font-size: 14px;
			font-weight: 400;
			letter-spacing: 0.22em;
			color: #00923F;
			text-align: center;
			margin-top: 11px;
		}
		[class*="cnt__text"] {
			font-size: 18px;
			font-weight: 700;
			line-height: 1.8;
			color: #242424;
		}
		[class*="cnt__list"] {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}

/*/////////////////////// 売却方法 ///////////////////////*/
.cnt__text--method {
	text-align: center;
	margin-top: 30px;
}
.cnt__list--method {
	gap: 20px;
	margin-top: 30px;
}
	.cnt__item--method {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 10px;
		width: 212px;
		height: 212px;
		background: #00923F;
		border-radius: 50%;
		padding: 10px;
	}
		.cnt__item-text--method {
			font-size: 20px;
			font-weight: 700;
			line-height: 1.4;
			color: #FFF;
			text-align: center;
		}

/*/////////////////////// 売却査定依頼フォーム ///////////////////////*/
.cnt__wrap--form {
	background: #F5FFF6;
}
	.cnt__text--form {
		text-align: center;
		margin-top: 30px;
	}

/*/////////////////////// 売却査定依頼フォーム テンプレ ///////////////////////*/
.contact__unit input {
	max-width: 170px;
	margin-right: 5px;
}
.ui-select {
	width: 170px;
}
.ui-select.company-select {
	width: 100%;
}
.balconyDcnCode.ui-select,
.consulType.ui-select,
.madori.ui-select {
	flex: initial;
}
.two-items-wrap input {
	width: 49%;
	justify-content: center;
	margin: 0;
}
.contact__contents {
	padding: 8px 0 0;
}
.contact__contents ul {
	margin-top: 0;
}
.contact__wrap {
    margin-block: 30px 0;
	background: #fff;
	padding: 50px 170px;
	border-radius: 20px;
}
.md-form-flow {
    align-items: center;
    gap: 10px;
}
.md-form-flow__items {
    display: flex;
    align-items: center;
	justify-content: center;
    flex-direction: column;
    gap: 0;
    width: 52px;
	height: 52px;
	background: #D0D0D0;
	border-radius: 50%;
    font-size: 16px;
	font-weight: 700;
	line-height: 2;
    color: #242424;
	text-align: center;
    position: relative;
    counter-increment: num;
    white-space: nowrap;
}
.md-form-flow__items.is-active {
	background: #00923F;
	color: #FFF;
}
.md-form-flow__items:before {
	content: none;
}
.md-form-flow__items:not(:last-child):after {
    content: none;
}
.contact__section {
    border: none;
	padding-bottom: 0;
}
.contact__submit--org-confirm {
	display: flex;
	align-items: center;
	justify-content: center;
    width: 290px;
    height: 60px;
    margin: 50px auto 0;
    border-radius: 9999px;
    font-size: 20px;
    font-weight: 700;
    border: 1px solid #E67E22;
    color: #E67E22;
    background: #fff;
	position: relative;
}
.contact__submit--org-confirm .bt-arrow--contact {
	--bt-arrow-bg: #E67E22;
	--bt-arrow-fg: #fff;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	right: 17px;
	transform: translateY(-50%);
}

/*/////////////////////// こんなお困りごとはございませんか？ ///////////////////////*/
.cnt__wrap--worries {
	padding-bottom: 80px;
}
	.cnt__contents--worries {
		display: flex;
		justify-content: center;
		gap: 50px;
		margin-top: 31px;
	}
		.cnt__list--worries {
			flex-wrap: nowrap;
			justify-content: flex-start;
			flex-direction: column;
			gap: 12px;
			width: 580px;
		}
			.cnt__item--worries {
				display: flex;
				align-items: center;
				gap: 10px;
				padding-bottom: 11px;
				border-bottom: 1px dashed #C7C7C7;
				font-size: 18px;
				font-weight: 700;
				line-height: 1.4;
				color: #242424;
			}

/*/////////////////////// メッセージ ///////////////////////*/
.cnt__wrap--message {
	padding-block: 60px 62px;
    background: #00923F;
}
	.cnt__inner--message {
		position: relative;
	}
		.message__txt-top {
			font-size: 18px;
			font-weight: 700;
			line-height: 1.9;
			letter-spacing: 0.02em;
			color: #FFF;
			text-align: center;
		}
		.message__txt-bottom {
			font-size: 30px;
			font-weight: 700;
			line-height: 1;
			letter-spacing: 0.02em;
			color: #FFF;
			text-align: center;
			margin-top: 16px;
		}
		.message__txt-bottom--highlight {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 7px;
			margin-top: 21px;
		}
			.message__txt-bottom-highlight-left {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 75px;
				height: 40px;
				background: #FFF;
				border-radius: 5px;
				color: #00923F;
			}
			.message__txt-bottom-highlight-right {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 75px;
				height: 40px;
				background: #FFF;
				border-radius: 5px;
				color: #E67E22;
			}
	.cnt__inner--message > svg {
		position: absolute;
		bottom: -62px;
		right: -25px;	
		display: block;
		pointer-events: none;
	}

/*/////////////////////// まかせて安心！3つのお約束 ///////////////////////*/
.cnt__wrap--promises {
	padding-bottom: 80px;
}
    .cnt__list--promises {
		gap: 24px;
		margin-top: 30px;
		counter-reset: num;
	}
		.cnt__item--promises {
			display: flex;
			flex-direction: column;
			width: 364px;
			height: 379px;
			border-radius: 10px;
			background: #F5FFF6;
			padding: 20px;
			position: relative;
			counter-increment: num;
		}
			.promises__num {
				position: absolute;
				top: -19px;
				left: -17px;
			}
			.promises__num::before {
				content: counter(num, decimal-leading-zero);
				font-size: 24px;
				font-weight: 700;
				color: #FFF;
				text-align: center;
				padding-top: 3px;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
			.promises__img {
				width: 324px;
				height: 233px;
			}
				.promises__img img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			.promises__txt {
				font-size: 20px;
				font-weight: 700;
				color: #242424;
				margin-top: 16px;
			}

/*/////////////////////// お問い合わせ ///////////////////////*/
.cnt__wrap--contact {
	padding-block: 60px;
    background: #00923F;
	overflow: hidden;
}
	.cnt__inner--contact {
		position: relative;
	}
		.contact__txt-top {
			font-size: 30px;
			font-weight: 700;
			line-height: 1.6;
			letter-spacing: 0.02em;
			color: #FFF;
			text-align: center;
		}
		.org-contact__list {
			display: flex;
			justify-content: center;
			gap: 39px;
			width: 826px;
			border-radius: 10px;
            background: #FFF;
			margin: 22px auto 0;
			padding-block: 40px;
		}
			.tel__box {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				gap: 5px;
			}
				.tel__box-ttl {
					font-size: 20px;
					font-weight: 700;
					color: #242424;
					text-align: center;
				}
				.tel__box-tel {
					display: flex;
					align-items: center;
					gap: 10px;
					font-size: 40px;
					font-weight: 700;
					line-height: 1;
					letter-spacing: 0.03em;
					color: #00923F;
				}
			.contact__cta a {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 10px;
				width: 370px;
                height: 80px;
				border-radius: 9999px;
				font-size: 20px;
				font-weight: 700;
				line-height: 1.75;
				color: #FFF;
				background: #E67E22;
				border-radius: 9999px;
				position: relative;
			}
				.contact__cta a .bt-arrow--cta {
					--bt-arrow-bg: #fff;
					--bt-arrow-fg: #E67E22;
					position: absolute;
					right: 23px;
					top: 50%;
					transform: translateY(-50%);
					width: 30px;
					height: 30px;
				}
		.cnt__inner--contact .contact__illust {
			position: absolute;
			bottom: -62px;
            right: -103px;	
			display: block;
			pointer-events: none;
		}

/*/////////////////////// てぃーだカンカン不動産の売却が選ばれる理由 ///////////////////////*/
.cnt__wrap--reason {
	background: #F5FFF6;
	padding-bottom: 81px;
}
	.cnt__inner--reason {
		position: relative;
	}
		.cnt__list--reason {
			display: flex;
			justify-content: center;
			gap: 24px;
			margin-top: 30px;
			counter-reset: num;
		}
			.cnt__item--reason {
				display: flex;
				align-items: center;
				flex-direction: column;
				gap: 16px;
				width: 364px;
				position: relative;
				counter-increment: num;
			}
				.reason__num {
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;
					width: 78px;
					height: 78px;
					border-radius: 50%;
					background: #E67E22;
					font-size: 11px;
					font-weight: 700;
					color: #FFF;
					position: absolute;
					top: 0;
					left: 20px;
				}
				.reason__num::after {
					content: counter(num, decimal-leading-zero);
					font-size: 30px;
					font-weight: 700;
					line-height: 1;
					color: #FFF;
					text-align: center;
				}
				.reason__txtbox {
					display: flex;
					align-items: center;
					justify-content: center;
					height: 125px;
				}
					.reason__txt {
						font-size: 24px;
						font-weight: 700;
						line-height: 1.6;
						color: #242424;
						text-align: center;
					}
						.reason__txt span {
							font-size: 30px;
							font-weight: 700;
							line-height: 1.6;
							color: #00923F;
							text-align: center;
						}

/*/////////////////////// 成約実績 ///////////////////////*/
.cnt__list--result {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 30px;
}
	.cnt__item--result a {
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: 270px;
	}
		.result__img {
			width: 100%;
			height: 202px;
			border-radius: 5px;
			overflow: hidden;
		}
			.result__img img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		.result__txt {
			font-size: 17px;
			font-weight: 700;
			line-height: 1.6;
			color: #242424;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.result__btn {
			margin-top: 31px;
		}
		    .result__btn a {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 290px;
				height: 60px;
				border-radius: 9999px;
				background: #fff;
				margin: 0 auto;
				font-size: 20px;
				font-weight: 700;
				line-height: 1.75;
				color: #E67E22;
				border: 1px solid #E67E22;
				position: relative;
			}
				.result__btn a .bt-arrow--result {
					--bt-arrow-bg: #E67E22;
					--bt-arrow-fg: #fff;
					position: absolute;
					right: 17px;
					top: 50%;
					transform: translateY(-50%);
					width: 24px;
					height: 24px;
				}

/*/////////////////////// 売却の流れ ///////////////////////*/
.cnt__wrap--flow {
	background: #F5FFF6;
}
	.cnt__inner--flow {
		position: relative;
	}
		.cnt__contents--flow {
			position: relative;
			z-index: 1;
		}
			.cnt__list--flow {
				display: flex;
				flex-direction: column;
				gap: 32px;
				margin-top: 31px;
				counter-reset: num;
			}
				.cnt__item--flow {
					display: flex;
					align-items: center;
					gap: 17px;
					counter-increment: num;
				}
					.flow__num {
						display: flex;
						align-items: center;
						justify-content: center;
						flex-direction: column;
						gap: 2px;
						width: 70px;
						height: 70px;
						border-radius: 50%;
						background: #00923F;
						flex-shrink: 0;
						padding-top: 6px;
						font-size: 12px;
						font-weight: 700;
						line-height: 1;
						color: #FFF;
					}
						.flow__num::after {
							content: counter(num, decimal-leading-zero);
							font-size: 32px;
							font-weight: 700;
							line-height: 1;
							color: #FFF;
						}
					.flow__txtbox {
						display: flex;
						flex-direction: column;
						gap: 3px;
						width: 100%;
						position: relative;
					}
					.cnt__item--flow:not(:last-child) .flow__txtbox::before {
						content: "";
						position: absolute;
						bottom: -21px;
						left: 0;
						width: 100%;
						height: 1px;
						border-bottom: 1px dashed #C7C7C7;
					}
						.flow__ttl {
							font-size: 20px;
							font-weight: 700;
							color: #00923F;
						}
						.flow__txt {
							font-size: 18px;
							font-weight: 500;
							color: #242424;
						}
		.flow__arrow {
			position: absolute;
			top: 72px;
            left: 29px;
			display: block;
			pointer-events: none;
			z-index: -1;
		}
		.flow__illust {
			position: absolute;
			top: -155px;
			left: 133px;
			display: block;
			pointer-events: none;
		}

/*/////////////////////// 売却成功のカギ ///////////////////////*/
.cnt__wrap--key {
	background: #00923F;
	overflow: hidden;
}
	.cnt__headline--key {
		color: #FFF;
		position: relative;
	}
		.cnt__en-headline--key {
			color: #FFF;
		}
		.cnt__contents--key {
			position: relative;
		}
			.cnt__text--key {
				color: #FFF;
				text-align: center;
				margin-top: 26px;
			}
			.cnt__list--key {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 10px;
				margin-top: 27px;
			}
				.key__del {
					font-size: 40px;
					font-weight: 700;
					letter-spacing: 0.02em;
					color: #FFF;
					text-align: center;
				}
				.cnt__item--key {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					gap: 10px;
					width: 371px;
					height: 156px;
					background: #FFF;
					border-radius: 10px;
					padding: 20px;
				}
					.key__ttl {
						display: flex;
						align-items: center;
						justify-content: center;
						gap: 16px;
						font-size: 30px;
						font-weight: 700;
						letter-spacing: 0.02em;
						color: #E67E22;
						text-align: center;
					}
					.key__txt {
						font-size: 18px;
						font-weight: 700;
						letter-spacing: 0.02em;
						color: #242424;
						text-align: center;
					}
			.key__point-icn {
				position: absolute;
				bottom: -103px;
				left: -6px;
				display: block;
				pointer-events: none;
			}

/*/////////////////////// 査定の方法 ///////////////////////*/
.cnt__wrap--assessment {
	background: #F5FFF6;
	padding-bottom: 120px;
}
	.cnt__text--assessment {
		text-align: center;
		margin-top: 25px;
	}
	.cnt__list--assessment {
		display: flex;
		justify-content: center;
		gap: 21px;
		margin-top: 26px;
	}
		.cnt__item--assessment {
			width: 366px;
		}
			.assessment__ttl {
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				height: 80px;
				background: #00923F;
				border-radius: 10px 10px 0 0;
				padding-block: 0 0;
				font-size: 24px;
				font-weight: 700;
				color: #FFF;
				text-align: center;
			}
			.cnt__item--assessment:last-child .assessment__ttl {
				line-height: 1.3;
			}
				.assessment__ttl span {
					font-size: 18px;
					font-weight: 700;
					color: #FFF;
				}
			.assessment__img {
				width: 100%;
				height: 213px;
				border-radius: 0 0 10px 10px;
				overflow: hidden;
			}
				.assessment__img img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			.assessment__list {
				display: flex;
				flex-direction: column;
				gap: 6px;
				margin-top: 14px;
			}
				.assessment__item {
					display: flex;
					gap: 5px;
					font-size: 18px;
					font-weight: 700;
					line-height: 1.4;
					color: #242424;
				}
				.assessment__item svg {
					flex-shrink: 0;
				}
	.assessment__box {
		display: flex;
		align-items: center;
		justify-content: center;
        width: 1140px;
		height: 158px;
		padding-top: 11px;
		border-radius: 10px;
        background: #E67E22;
		position: relative;
		margin-top: 69px;
	}
		.assessment__box-ttl {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 619px;
			height: 53px;
			border-radius: 9999px;
			border: 1px solid #E67E22;
			background: #FFF;
			font-size: 22px;
			font-weight: 700;
			letter-spacing: 0.02em;
			color: #242424;
			text-align: center;
			position: absolute;
			top: -30px;
			left: 50%;
			transform: translateX(-50%);
		}
			.assessment__box-ttl span {
				color: #E67E22;
			}
		.assessment__box-txt {
			font-size: 26px;
			font-weight: 700;
			line-height: 1.7;
			color: #FFF;
			text-align: center;
		}
		.assessment__deco01 {
			position: absolute;
			top: -63px;
			left: 55px;
			display: block;
			pointer-events: none;
		}
		.assessment__deco02 {
			position: absolute;
			top: -76px;
			right: 41px;
			display: block;
			pointer-events: none;
		}

/*/////////////////////// 売却活動 ///////////////////////*/
.cnt__text--activities {
	text-align: center;
	margin-top: 26px;
}
.cnt__list--activities {
	display: flex;
	justify-content: center;
	gap: 21px;
	margin-top: 26px;
}
	.cnt__item--activities {
		width: 366px;
		padding-top: 55px;
		position: relative;
	}
		.activities__icn {
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
			display: block;
			pointer-events: none;
		}
		.activities__txt {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 160px;
			border-radius: 10px;
            background: #F3FBEF;
			padding-top: 40px;
			font-size: 18px;
			font-weight: 700;
			color: #242424;
			text-align: center;
		}
	.activities__txt--bottom {
		font-size: 30px;
		font-weight: 700;
		line-height: 1.4;
		color: #242424;
		text-align: center;
		margin-top: 40px;
	}
		.activities__txt--bottom span {
			color: #E67E22;
		}
	.activities__img {
		width: 1020px;
		height: 45px;
		margin: 17px auto 0;
		overflow: hidden;
	}
		.activities__img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
	}

/*/////////////////////// FAQ ///////////////////////*/
.cnt__wrap--qa {
	background: #F5FFF6;
}
	.cnt__list--qa {
		display: flex;
		flex-direction: column;
		gap: 5px 10px;
		margin-top: 30px;
		counter-reset: num;
	}
		.cnt__item--qa {
			width: 1140px;
			padding: 24px 20px;
			border-radius: 10px;
            background: #FFF;
			counter-increment: num;
		}
			.qa__ttl {
				display: flex;
				align-items: center;
				gap: 10px;
				font-size: 18px;
				font-weight: 700;
				line-height: 1;
				color: #00923F;
			}
				.qa__num {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 50px;
					height: 50px;
					border-radius: 50%;
					background: #00923F;
					font-size: 18px;
					font-weight: 700;
					line-height: 1;
					color: #FFF;
				}
				.qa__num::after {
					content: counter(num);
					font-size: 18px;
					font-weight: 700;
					line-height: 1;
					color: #FFF;
				}
			.qa__txt {
				padding-left: 60px;
			}
			.qa__txt p {
				font-size: 18px;
				font-weight: 500;
				color: #242424;
			}
			.qa__txt ul {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 10px;
			}
				.qa__txt ul li {
					font-size: 18px;
					font-weight: 500;
					color: #242424;
				}