@charset "shift_jis";
:root {
	--main-color: #ea3341;
	--btn-color: #ff9c00;
	--bg-blue-color: #f5f5f5;
}
@media screen and (min-width: 769px) {
	/*--- rikonここから ---*/
	.sale_rikon_wrap {
		/* メイン画像 */
		.rikon_main_wrap {
			position: relative;
			background: url(../img/lp/rikon/main_bg.webp);
			background-size: cover;
			background-position: center;
			.rikon_main_inner {
				width: 1200px;
				margin: 0 auto;
				padding-top: 175px;
				line-height: 25.6px;
				span {
					font-size: 50px;
					font-weight: bold;
					color: #fff;
					line-height: 92px;
					border-bottom: 1px solid #fff;
					display: inline;
					text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
					b {
						font-size: 70px;
					}
				}
				p {
					font-size: 30px;
					font-weight: bold;
					color: #fff;
					line-height: 50px;
					letter-spacing: 0.05em;
					border-bottom: 1px solid #fff;
					display: inline;
					text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
				}
			}
		}
		/* 悩み */
		.nayami {
			width: 1100px;
			margin: 230px auto 120px;
			.nayami_group {
				position: relative;
				margin: 0px 0;
				ul {
					display: flex;
					justify-content: center;
					flex-wrap: wrap;
					padding: 0;
					margin: 0;
					li {
						width: 350px;
						height: 110px;
						font-size: 17px;
						font-weight: bold;
						line-height: 30px;
						border: 1px solid #bfbfbf;
						padding: 25px 0;
						box-sizing: border-box;
						list-style: none;
						border-radius: 10px;
						margin: 10px 8px;
						text-align: center;
						span {
							background: linear-gradient(transparent 60%, #fff899 0%);
						}
					}
				}
			}
		}
		/* 当社なら */
		.rik_strong {
			background-color: #f5f5f5;
			padding: 100px 0 80px;
			.rik_str_fhkidashi {
				text-align: center;
				margin-bottom: 60px;
			}
			.rik_str_txt {
				p {
					font-size: 30px;
					letter-spacing: 1.8px;
					line-height: 40px;
					font-weight: bold;
					text-align: center;
					margin: 0 0 80px;
				}
			}
			.rik_str_list {
				ul {
					display: flex;
					justify-content: space-between;
					flex-wrap: wrap;
					width: 1100px;
					margin: 0 auto;
					li {
						width: 530px;
						background-color: #fff;
						border: 1px solid #ccc;
						border-radius: 5px;
						margin-bottom: 40px;
						box-sizing: border-box;
						display: flex;
						align-items: center;
						padding: 20px;
						justify-content: space-between;
						.img {
							width: 150px;
							height: 158px;
							img {
								width: 100%;
							}
						}
						.txt {
							width: 300px;
							p {
								font-size: 18px;
								line-height: 30px;
								margin: 0;
								font-weight: bold;
							}
						}
					}
				}
			}
		}
		/* ご自宅を財産分与する方法 */
		.rik_property {
			padding: 130px 0 150px;
			.rik_pro_about {
				position: relative;
				width: 1100px;
				margin: 80px auto 60px;
				border: 3px solid #ea3341;
				border-radius: 10px;
				padding: 60px 70px;
				box-sizing: border-box;
				h3 {
					position: absolute;
					left: 0;
					right: 0;
					margin: 0 auto;
					font-size: 18px;
					text-align: center;
					line-height: 50px;
					display: inline-block;
					width: 170px;
					border-radius: 50px;
					background-color: #ea3341;
					color: #fff;
					top: -25px;
				}
				p {
					font-size: 18px;
					line-height: 35px;
					margin: 0;
					span {
						color: #ea3341;
					}
				}
			}
			.rik_pro_list {
				ul {
					display: flex;
					justify-content: space-between;
					width: 1100px;
					margin: 0 auto;
					padding: 0;
					li {
						width: 530px;
						border: 3px solid #ea3341;
						border-radius: 10px;
						list-style-type: none;
						padding: 30px;
						margin-bottom: 60px;
						box-sizing: border-box;
						text-align: center;
						&:first-child h3:after {
							position: absolute;
							/* content: "おすすめ"; */
							content: "\304a\3059\3059\3081";
							background-color: #ea3341;
							width: 95px;
							line-height: 28px;
							color: #fff;
							font-size: 20px;
							top: -35px;
							left: 0;
							right: 0;
							margin: 0 auto;
							border-radius: 5px;
						}
						h3 {
							font-size: 24px;
							font-weight: bold;
							background: linear-gradient(transparent 50%, #fff899 0%);
							line-height: 1.3;
							color: #ea3341;
							display: inline-block;
							position: relative;
							margin: revert;
						}
						img {
							display: block;
							margin: 50px auto;
						}
						p {
							font-size: 18px;
							line-height: 30px;
							text-align: left;
						}
					}
				}
			}
			.rik_pro_txt {
				text-align: center;
				p {
					font-size: 23px;
					font-weight: bold;
					line-height: 45px;
					span {
						background: linear-gradient(transparent 70%, #fff899 0%);
						line-height: 1.3;
					}
				}
			}
		}
		/* 離婚時の不動産の財産分与の流れ */
		.rik_flow {
			background-color: #f5f5f5;
			padding: 110px 0 150px;
			.rik_flow_block {
				background-color: #fff;
				border-radius: 30px;
				padding: 60px 50px;
				width: 1100px;
				margin: 70px auto 0;
				box-sizing: border-box;
				ul {
					padding: 0;
					margin: 0;
					li {
						display: flex;
						justify-content: space-between;
						list-style-type: none;
						margin-bottom: 70px;
						position: relative;
						&:last-child {
							margin-bottom: 0px;
						}
						&::after {
							position: absolute;
							content: "";
							bottom: -65px;
							left: 0px;
							right: 357px;
							margin: 0 auto;
							box-sizing: border-box;
							width: 4px;
							height: 4px;
							border: 20px solid transparent;
							border-left: 20px solid #ea3341;
							transform: rotate(90deg);
						}
						&:last-child::after {
							content: none;
						}
						.rik_fl_ti {
							width: 320px;
							border-right: 2px solid #aaaaaa;
							h3 {
								font-size: 20px;
								font-weight: bold;
								margin: 20px 0 0;
								line-height: normal;
							}
						}
						.rik_fl_txt {
							width: 630px;
							p {
								font-size: 17px;
								line-height: 35px;
								margin: 10px 0;
							}
						}
					}
				}
			}
		}
		/* 離婚の相談事例 */
		.salec_result_wrap {
			background-color: #eee;
			padding: 110px 0 90px;
			&.rik_result {
				background-color: #fff;
			}
			.salec_res_list {
				ul {
					width: 1100px;
					margin: 0 auto;
					padding: 0;
					li {
						list-style-type: none;
						background-color: #fff;
						border: 3px solid #ea3341;
						border-radius: 5px;
						box-sizing: border-box;
						padding: 40px;
						margin-bottom: 30px;
						.res_list_top {
							p {
								font-size: 26px;
								font-weight: bold;
								color: #ea3341;
								font-weight: bold;
								margin: 20px 0;
								.res_list_number {
									display: inline-block;
									background-color: #ea3341;
									color: #fff;
									padding: 10px 20px;
									margin-right: 20px;
									font-size: 18px;
									line-height: normal;
								}
								.res_list_name {
									font-size: 18px;
								}
							}
						}
						.res_list_btm {
							display: flex;
							.img {
								width: 340px;
								text-align: center;
							}
							.txt {
								width: 700px;
								p {
									font-size: 16px;
									line-height: 1.5;
									margin: 20px 0;
								}
							}
						}
					}
				}
			}
		}
		/* title */
		h2 {
			font-size: 40px;
			line-height: 40px;
			font-weight: bold;
			text-align: center;
			color: #000;
			margin: 0 0 40px;
			display: block;
			&.sa_conts_tit_line::after {
				content: "";
				display: block;
				width: 70px;
				height: 5px;
				background-color: #ea3341;
				margin: 30px auto 0;
			}
		}
		/* svg */
		svg {
			margin: 0 auto;
			display: block;
			.cls-1 {
				fill: var(--main-color);
			}
		}
		/* btn */
		.btn_link {
			display: block;
			width: 80%;
			line-height: 60px;
			background-color: var(--btn-color);
			color: #fff;
			text-align: center;
			position: relative;
			margin: 0 auto 00px;
			border-radius: 5px;
			font-weight: bold;
			font-size: 18px;
			&:hover {
				opacity: .8;
			}
		}
		/* fadein（下から上） */
		.fadein {
			opacity: 0;
			transform: translateY(30px);
			transition: all 0.8s ease-out;
			&.sale_show {
				opacity: 1;
				transform: translateY(0);
			}
			&.fadein-1 {
				transition-delay: 0.2s;
			}
			&.fadein-2 {
				transition-delay: 0.4s;
			}
			&.fadein-3 {
				transition-delay: 0.6s;
			}
			&.fadein-4 {
				transition-delay: 0.8s;
			}
			&.fadein-5 {
				transition-delay: 1.0s;
			}
			&.fadein-6 {
				transition-delay: 1.2s;
			}
		}
	}
	/*--- rikonここまで ---*/


	/*--- sumikaeここから ---*/
	.sale_sumikae_wrap {
		/* メイン画像 */
		.sumikae_main_wrap {
			position: relative;
			background: url(../img/lp/sumikae/main_bg.webp);
			background-size: cover;
			background-position: center;
			.sumikae_main_inner {
				width: 1200px;
				margin: 0 auto;
				padding-top: 175px;
				line-height: 25.6px;
				span {
					font-size: 50px;
					font-weight: bold;
					color: #fff;
					line-height: 92px;
					border-bottom: 1px solid #fff;
					display: inline;
					text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
					b {
						font-size: 70px;
					}
				}
				p {
					font-size: 30px;
					font-weight: bold;
					color: #fff;
					line-height: 50px;
					letter-spacing: 0.05em;
					border-bottom: 1px solid #fff;
					display: inline;
					text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
				}
			}
		}
		/* 悩み */
		.nayami {
			width: 1100px;
			margin: 230px auto 120px;
			.sumi_nayami_img {
				height: 300px;
				.sumi_nayami_img_pc {
					display: flex;
					justify-content: space-between;
					img {
						position: relative;
						&:nth-of-type(1),
						&:nth-of-type(3) {
							top: 40px;
						}
					}
				}
			}
		}
		/* ライフスタイルに合わせた暮らし */
		.sumi_life_wrap {
			h2 {
				line-height: 50px;
			}
			.sumi_life_block {
				display: flex;
				justify-content: center;
				align-items: center;
				margin-bottom: 60px;
				.sumi_life_graph {
					margin-right: 90px;
				}
				.sumi_life_txt {
					text-align: center;
					font-weight: bold;
					.fukidashi {
						position: relative;
						font-size: 20px;
						color: #ea3341;
						line-height: 28px;
						margin: 0 0 50px;
						position: relative;
						&::before {
							content: "";
							width: 50px;
							display: block;
							height: 2px;
							background-color: #ea3341;
							transform: rotate(70deg);
							position: absolute;
							left: -50px;
							bottom: 20px;
						}
						&::after {
							content: "";
							width: 50px;
							display: block;
							height: 2px;
							background-color: #ea3341;
							transform: rotate(-70deg);
							position: absolute;
							right: -50px;
							bottom: 20px;
						}
					}
					.big_txt {
						font-size: 30px;
						line-height: 40px;
						span {
							color: #ea3341;
						}
					}
					.annotation {
						font-size: 10px;
						line-height: 15px;
					}
				}
			}
			.sumi_q {
				margin-bottom: 100px;
				.sumi_q_block {
					width: 1100px;
					margin: 0 auto 50px;
					display: flex;
					justify-content: space-between;
					align-items: center;
					&:nth-child(2) {
						flex-flow: row-reverse;
					}
					.sumi_q_txt {
						width: 680px;
						h3 {
							font-size: 30px;
							line-height: 1;
							font-weight: bold;
							margin: 0 0 40px;
						}
						p {
							font-size: 18px;
							line-height: 1.8;
						}
					}
					.sumi_q_img {
						width: 360px;
					}
				}
			}
		}
		/* 住み替えタイプから選ぶ */
		.sumi_type_wrap {
			background-color: #f5f5f5;
			padding: 80px 0;
			h2 {
				&.sa_conts_tit_line::after {
					background-color: #ea3341;
				}
			}
			.sumi_type_txt {
				p {
					font-size: 18px;
					text-align: center;
					line-height: 30px;
					margin: 50px 0 60px;
				}
			}
			.sumi_tp_block_wrap {
				width: 1100px;
				margin: 0 auto;
				display: flex;
				justify-content: space-between;
				.sumi_tp_block {
					width: 540px;
					padding: 40px 30px;
					box-sizing: border-box;
					background-color: #fff;
					.sumi_tp_ti {
						text-align: center;
						h3 {
							font-size: 35px;
							color: #ea3341;
							background: linear-gradient(transparent 70%, #fff899 0%);
							line-height: 1.3;
							display: inline-block;
							margin: 0px;
						}
						p {
							font-size: 18px;
							margin: 20px 0 30px;
							font-weight: bold;
							line-height: normal;
						}
					}
					.sumi_tp_merit {
						border: 2px solid #ea3341;
						box-sizing: border-box;
						padding: 20px;
						height: 195px;
						p {
							font-size: 18px;
							color: #ea3341;
							margin: 0 0 10px;
							line-height: 1;
							font-weight: bold;
						}
						ul {
							padding: 0 0 0 30px;
							margin: 0;
							li {
								font-size: 18px;
								line-height: 1.4;
								margin-bottom: 20px;
								position: relative;
								list-style-type: none;
								font-weight: bold;
								&::before {
									content: "";
									position: absolute;
									top: 8px;
									left: -25px;
									display: block;
									width: 10px;
									height: 10px;
									border-radius: 50px;
									background-color: #ea3341;
								}
							}
						}
						&.demerit {
							border: 2px solid #0d73a2;
							margin-top: 20px;
							height: 180px;
							p {
								color: #0d73a2;
							}
							ul {
								li::before {
									background-color: #0d73a2;
								}
							}
						}
					}
				}
			}
		}
		/* 住み替えの成功の秘訣とは？ */
		.sumi_point_wrap {
			padding: 100px 0;
			.sumi_pt_komoku {
				width: 1100px;
				margin: 0 auto;
				display: flex;
				justify-content: flex-end;
				font-weight: bold;
				p {
					line-height: 50px;
					font-size: 20px;
					width: 330px;
					text-align: center;
					border-radius: 50px;
					background-color: #ebebeb;
					margin: 20px 80px;
					&:nth-child(2) {
						background-color: #ea3341;
						color: #fff;
					}
				}
			}
			.sumi_pt_list {
				width: 1100px;
				margin: 0 auto;
				ul {
					margin: 0;
					padding: 0;
					display: flex;
					font-weight: bold;
					li {
						list-style-type: none;
						&:nth-child(1) {
							width: 95px;
							display: flex;
							align-items: center;
						}
						&:nth-child(2) {
							width: 500px;
							margin: 0 5px 5px 0;
							background-color: #ebebeb;
							padding: 25px;
							box-sizing: border-box;
						}
						&:nth-child(3) {
							width: 500px;
							margin: 0 0px 5px 0;
							background-color: #ffebeb;
							color: #ea3341;
							padding: 25px;
							box-sizing: border-box;
						}
						p {
							margin: 0;
							font-size: 18px;
							line-height: 28.8px;
						}
						span {
							display: none;
						}
					}
				}
			}
			.sumi_pt_img {
				text-align: center;
				margin: 40px 0 80px;
			}
			.sumi_pt_txt {
				p {
					text-align: center;
					font-size: 40px;
					line-height: 60px;
					font-weight: bold;
					span {
						background: linear-gradient(transparent 70%, #fff899 0%);
						line-height: 1.3;
						font-weight: bold;
					}
				}
			}
		}
		/* 住み替え事例 */
		.sumi_result_wrap {
			padding: 100px 0 0;
			.sumi_re_block {
				width: 1100px;
				margin: 0 auto;
				.sumi_re_bl_ti {
					font-size: 30px;
					line-height: 1;
					font-weight: bold;
					margin: 0 0 50px;
					text-align: center;
					letter-spacing: 3px;
					span {
						background: linear-gradient(transparent 70%, #fff899 0%);
						line-height: 1.3;
						font-size: 40px;
					}
				}
				.sumi_re_bl_komoku {
					text-align: center;
					height: 57px;
				}
				.sumi_re_list_wrap {
					display: flex;
					justify-content: space-around;
					margin-bottom: 100px;
					.sumi_re_list {
						width: 490px;
						.sumi_re_list_img {
							text-align: center;
							height: 170px;
							position: relative;
							margin-top: 40px;
							img {
								position: absolute;
								bottom: 0;
								left: 0;
								right: 0;
								margin: 0 auto;
							}
						}
						ul {
							margin: 0;
							padding: 0;
							border: 2px solid #0d73a2;
							border-radius: 10px;
							box-sizing: border-box;
							padding: 40px;
							li {
								list-style-type: none;
								font-size: 18px;
								color: #0d73a2;
								margin-bottom: 25px;
								line-height: 1;
								position: relative;
								padding-left: 40px;
								font-weight: bold;
								&:last-child {
									margin-bottom: 0px;
								}
								&::before {
									position: absolute;
									content: url(../img/lp/sumikae/sumi_re_moya.webp);
									top: -5px;
									left: 0;
								}
							}
						}
						&:nth-child(2) ul {
							border: 2px solid #ea3341;
							li {
								color: #ea3341;
								&::before {
									content: url(../img/lp/sumikae/sumi_re_check.webp);
								}
							}
						}
					}
				}
			}
		}
		/* title */
		h2 {
			font-size: 40px;
			line-height: 40px;
			font-weight: bold;
			text-align: center;
			color: #000;
			margin: 0 0 40px;
			display: block;
			&.sa_conts_tit_line::after {
				content: "";
				display: block;
				width: 70px;
				height: 5px;
				background-color: #ea3341;
				margin: 30px auto 0;
			}
		}
		/* svg */
		svg {
			margin: 0 auto;
			display: block;
			.cls-1 {
				fill: var(--main-color);
			}
		}
		/* btn */
		.btn_link {
			display: block;
			width: 80%;
			line-height: 60px;
			background-color: var(--btn-color);
			color: #fff;
			text-align: center;
			position: relative;
			margin: 0 auto 00px;
			border-radius: 5px;
			font-weight: bold;
			font-size: 18px;
			&:hover {
				opacity: .8;
			}
		}
		/* fadein（下から上） */
		.fadein {
			opacity: 0;
			transform: translateY(30px);
			transition: all 0.8s ease-out;
			&.sale_show {
				opacity: 1;
				transform: translateY(0);
			}
			&.fadein-1 {
				transition-delay: 0.2s;
			}
			&.fadein-2 {
				transition-delay: 0.4s;
			}
			&.fadein-3 {
				transition-delay: 0.6s;
			}
			&.fadein-4 {
				transition-delay: 0.8s;
			}
			&.fadein-5 {
				transition-delay: 1.0s;
			}
			&.fadein-6 {
				transition-delay: 1.2s;
			}
		}
	}
	/*--- sumikaeここまで ---*/
	

	/*--- akiyaここから ---*/
	.sale_akiya_wrap {
		/* メイン画像 */
		.akiya_main_wrap {
			background: url(../img/lp/akiya/main_bg.webp);
			background-size: cover;
			background-position: center;
			box-sizing: border-box;
			position: relative;
			.akiya_main_inner {
				width: 1000px;
				margin: 0 auto;
				text-align: center;
				line-height: 23px;
				span {
					color: #fff;
					font-size: 25px;
					font-weight: bold;
					line-height: 30px;
					border-bottom: 1px solid #fff;
					padding: 0 10px 10px;
				}
				p {
					color: #fff;
					font-size: 70px;
					line-height: 70px;
					font-weight: bold;
					margin: 35px 0 30px;
				}
				ul {
					display: flex;
					justify-content: center;
					li {
						width: 215px;
						background: var(--main-color);
						color: #fff;
						line-height: 56px;
						border-radius: 10px;
						font-size: 20px;
						letter-spacing: 0.1em;
						font-weight: bold;
						&:first-child {
							margin-right: 10px;
						}
					}
				}
			}
		}
		/* 悩み */
		.akiya_nayami_wrap {
			width: 1100px;
			margin: 250px auto 80px auto;
			ul {
				position: relative;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				li {
					border: 1px solid #ccc;
					border-radius: 10px;
					padding: 20px 30px;
					font-size: 20px;
					font-weight: bold;
					line-height: 30px;
					position: relative;
					text-align: center;
					margin-bottom: 30px;
					&::before {
						content: "";
						border-left: 16px solid transparent;
						border-top: 16px solid #ccc;
						position: absolute;
						right: 35px;
						bottom: -16px;
						transform: rotate(-90deg);
					}
					&::after {
						content: "";
						border-left: 15px solid transparent;
						border-top: 15px solid white;
						position: absolute;
						right: 35px;
						bottom: -14px;
						transform: rotate(-90deg);
					}
					&:nth-child(2) {
						margin: 0 30px 30px;
					}
					&:nth-child(4),
					&:nth-child(6) {
						&::before {
							top: 56px;
							right: -16px;
							bottom: auto;
						}
						&::after {
							top: 57px;
							right: -14px;
							bottom: auto;
						}
					}
					&:nth-child(5),
					&:nth-child(7) {
						&::before {
							top: 36px;
							left: -16px;
							right: auto;
							bottom: auto;
							transform: none;
						}
						&::after {
							top: 37px;
							left: -14px;
							right: auto;
							bottom: auto;
							transform: none;
						}
					}
					&:nth-child(8),
					&:nth-child(9),
					&:nth-child(10) {
						&::before {
							top: -16px;
							right: 35px;
							bottom: auto;
							transform: rotate(-180deg);
						}
						&::after {
							top: -14px;
							right: 35px;
							bottom: auto;
							transform: rotate(-180deg);
						}
					}
					&:nth-child(4) {
						margin: 0 415px 30px 0;
						width: 340px;
						box-sizing: border-box;
					}
					&:nth-child(6) {
						margin: 0 360px 30px 0;
						width: 340px;
						box-sizing: border-box;
					}
					&:nth-child(9) {
						margin: 0 30px 30px;
					}
					span {
						font-weight: bold;
						background: linear-gradient(transparent 60%, #fff899 60%);
					}
				}
				&::after {
					content: "";
					display: block;
					background: url(../img/lp/akiya/nayami_icon.webp);
					width: 290px;
					height: 214px;
					position: absolute;
					bottom: 160px;
					left: 390px;
					z-index: 10;
				}
			}
		}
		/* 空き家を放置していませんか？ */
		.akiya_risk_wrap {
			background: var(--bg-blue-color);
			padding: 80px 0;
			.akiya_risk_inner {
				width: 1100px;
				margin: 0 auto;
				.akiya_risk_txt {
					p {
						text-align: center;
						font-size: 20px;
						line-height: 35px;
						letter-spacing: 0.1em;
						font-weight: 500;
						margin: 0 0 50px;
						span {
							background: linear-gradient(transparent 60%, #fff899 60%);
							color: var(--main-color);
						}
					}
				}
				ul {
					li {
						width: 1100px;
						box-sizing: border-box;
						background: #fff;
						padding: 30px;
						margin-bottom: 30px;
						border: 3px solid var(--main-color);
						border-radius: 5px;
						h3 {
							display: flex;
							align-items: center;
							margin: 0 0 20px;
							color: var(--main-color);
							font-size: 27px;
							line-height: 27px;
							letter-spacing: 0.1em;
							span {
								display: block;
								background: var(--main-color);
								width: 90px;
								line-height: 40px;
								text-align: center;
								color: #fff;
								font-size: 18px;
								font-weight: bold;
								letter-spacing: 0.1em;
								margin-right: 20px;
							}
						}
						.akiya_risk_con {
							display: flex;
							p {
								margin: 0 0 0 30px;
								font-size: 16px;
								font-weight: 500;
								line-height: 28px;
								letter-spacing: 0.1em;
							}
							picture{
								flex-shrink: 0;
							}
						}
					}
				}
			}
		}
		/* 物件を探しています */
		.akiya_point_wrap {
			width: 1100px;
			margin: 80px auto;
			.akiya_point_txt {
				text-align: center;
				h2 {
					display: inline-block;
					position: relative;
					background: linear-gradient(transparent 60%, #fff899 60%);
					&::before {
						content: "";
						display: block;
						width: 2px;
						height: 50px;
						background: #000;
						transform: rotate(-25deg);
						position: absolute;
						bottom: -5px;
						left: -30px;
					}
					&::after {
						content: "";
						display: block;
						width: 2px;
						height: 50px;
						background: #000;
						transform: rotate(25deg);
						position: absolute;
						bottom: -5px;
						right: -30px;
					}
				}
				p {
					text-align: center;
					font-size: 20px;
					line-height: 35px;
					letter-spacing: 0.05em;
					font-weight: 500;
					margin: 0 0 60px;
				}
			}
			ul {
				li {
					&:first-child {
						margin-bottom: 50px;
					}
					h3 {
						display: flex;
						align-items: center;
						font-size: 30px;
						font-weight: bold;
						line-height: 30px;
						letter-spacing: 0.1em;
						margin: 0 0 15px;
						color: #ea3341;
						span {
							display: block;
							width: 160px;
							font-size: 25px;
							line-height: 52px;
							background: #ea3341;
							color: #fff;
							text-align: center;
							border-radius: 5px;
							margin: 0 20px 0 20px;
						}
					}
					.akiya_point_con {
						background: var(--bg-blue-color);
						border-radius: 10px;
						padding: 30px;
						display: flex;
						align-items: center;
						p {
							margin: 0 0 0 30px;
							font-size: 18px;
							line-height: 36px;
							font-weight: 500;
						}
					}
				}
			}
		}
		/* title */
		h2 {
			font-size: 40px;
			line-height: 40px;
			font-weight: bold;
			text-align: center;
			color: #000;
			margin: 0 0 40px;
			display: block;
			&.sa_conts_tit_line::after {
				content: "";
				display: block;
				width: 70px;
				height: 5px;
				background-color: var(--main-color);
				margin: 30px auto 0;
			}
		}
		/* svg */
		svg {
			margin: 0 auto;
			display: block;
			.cls-1 {
				fill: var(--main-color);
			}
		}
		/* btn */
		.btn_link {
			display: block;
			width: 80%;
			line-height: 60px;
			background-color: var(--btn-color);
			color: #fff;
			text-align: center;
			position: relative;
			margin: 0 auto 00px;
			border-radius: 5px;
			font-weight: bold;
			font-size: 18px;
			&:hover {
				opacity: .8;
			}
		}
		/* fadein（下から上） */
		.fadein {
			opacity: 0;
			transform: translateY(30px);
			transition: all 0.8s ease-out;
			&.sale_show {
				opacity: 1;
				transform: translateY(0);
			}
			&.fadein-1 {
				transition-delay: 0.2s;
			}
			&.fadein-2 {
				transition-delay: 0.4s;
			}
			&.fadein-3 {
				transition-delay: 0.6s;
			}
			&.fadein-4 {
				transition-delay: 0.8s;
			}
			&.fadein-5 {
				transition-delay: 1.0s;
			}
			&.fadein-6 {
				transition-delay: 1.2s;
			}
		}
	}
	/*--- akiyaここまで ---*/


	/*--- sozokuここから ---*/
	.sale_sozoku_wrap {
		/* メイン画像 */
		.sozoku_main_wrap {
			background: url(../img/lp/sozoku/main_bg.webp);
			background-size: cover;
			background-position: bottom;
			box-sizing: border-box;
			position: relative;
			.sozoku_main_inner {
				width: 1000px;
				margin: 0 auto;
				text-align: center;
				.sozoku_main_subti {
					span {
						color: #fff;
						font-size: 35px;
						font-weight: bold;
						line-height: 35px;
						border-bottom: 1px solid #fff;
						padding-bottom: 10px;
						margin: 0 10px;
					}
				}
				.sozoku_main_ti {
					margin: 50px 0 20px;
					p {
						color: #fff;
						font-size: 50px;
						line-height: 70px;
						font-weight: bold;
						margin: 0 0 15px;
						span {
							font-weight: bold;
							font-size: 70px;
						}
					}
					span {
						font-size: 25px;
						line-height: 30px;
						font-weight: bold;
						color: #fff;
						margin-top: 20px;
					}
				}
				ul {
					display: flex;
					justify-content: center;
					gap: 0px 10px;
					li {
						width: 215px;
						background: #ea3341;
						color: #fff;
						line-height: 56px;
						border-radius: 10px;
						font-size: 20px;
						letter-spacing: 0.1em;
						font-weight: bold;
					}
				}
			}
		}
		/* 悩み */
		.sozoku_nayami_wrap {
			width: 1100px;
			margin: 230px auto 80px auto;
			ul {
				position: relative;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				&::after {
					content: "";
					display: block;
					background: url(../img/lp/sozoku/nayami_icon.webp);
					width: 329px;
					height: 218px;
					position: absolute;
					bottom: 40px;
					left: 360px;
					z-index: -1;
				}
				li {
					border: 1px solid #ccc;
					border-radius: 10px;
					padding: 20px 30px;
					font-size: 20px;
					font-weight: bold;
					line-height: 30px;
					position: relative;
					text-align: center;
					margin-bottom: 30px;
					background: #fff;
					span {
						font-weight: bold;
						background: linear-gradient(transparent 60%, #fff899 60%);
					}
					&::before {
						content: "";
						border-left: 16px solid transparent;
						border-top: 16px solid #ccc;
						position: absolute;
						right: 35px;
						bottom: -16px;
						transform: rotate(-90deg);
					}
					&::after {
						content: "";
						border-left: 15px solid transparent;
						border-top: 15px solid white;
						position: absolute;
						right: 35px;
						bottom: -14px;
						transform: rotate(-90deg);
					}
					&:nth-child(2) {
						margin: 0 35px 30px;
					}
					&:nth-child(3) {
						&::before {
							top: 56px;
							right: -16px;
							bottom: auto;
						}
						&::after {
							top: 57px;
							right: -14px;
							bottom: auto;
						}
					}
					&:nth-child(4) {
						margin: 0px 0 30px 410px;
						&::before {
							top: 36px;
							left: -16px;
							right: auto;
							bottom: auto;
							transform: none;
						}
						&::after {
							top: 37px;
							left: -14px;
							right: auto;
							bottom: auto;
							transform: none;
						}
					}
					&:nth-child(5),
					&:nth-child(6) {
						&::before {
							top: -16px;
							right: 35px;
							bottom: auto;
							transform: rotate(-180deg);
						}
						&::after {
							top: -14px;
							right: 35px;
							bottom: auto;
							transform: rotate(-180deg);
						}
					}
					&:nth-child(6) {
						margin: 0 0 30px 300px;
					}
				}
			}
		}
		/* 不動産の相続対策とは */
		.sozoku_about_wrap {
			background: var(--bg-blue-color);
			padding: 80px 0;
			.sozoku_about_inner {
				width: 1100px;
				margin: 0 auto;
				.sozoku_about_point {
					border: 3px solid #ea3341;
					background: #ffffff;
					box-sizing: border-box;
					border-radius: 5px;
					padding: 50px 40px;
					position: relative;
					margin-bottom: 90px;
					h3 {
						color: #ea3341;
						font-size: 40px;
						line-height: 40px;
						font-weight: bold;
						letter-spacing: 0.05em;
						margin: 0;
					}
					p {
						font-size: 25px;
						font-weight: bold;
						line-height: 25px;
						color: #000;
						letter-spacing: 0.18em;
						margin: 40px 0;
					}
					ul {
						li {
							position: relative;
							padding-left: 40px;
							font-size: 18px;
							color: #ea3341;
							font-weight: 500;
							line-height: 25px;
							margin-bottom: 10px;
							&::before {
								content: "";
								display: block;
								background: url(../img/lp/sozoku/check_icon.webp);
								width: 25px;
								height: 25px;
								position: absolute;
								top: 0;
								left: 0;
							}
						}
					}
					img {
						position: absolute;
						right: 40px;
						bottom: -15px;
						z-index: 10;
					}
				}
			}
			.sozoku_problem_wrap {
				width: 1100px;
				margin: 0 auto;
				.sozoku_problem_top {
					h2 {
						color: #ea3341;
					}
					p {
						font-size: 25px;
						font-weight: bold;
						line-height: 40px;
						text-align: center;
						letter-spacing: 0.18em;
						margin: 0;
					}
					ul {
						display: flex;
						justify-content: space-between;
						flex-wrap: wrap;
						margin: 40px 0;
						li {
							margin-bottom: 20px;
							background: #fff;
							width: 350px;
							height: 130px;
							box-sizing: border-box;
							border: 1px solid #ccc;
							border-radius: 5px;
							text-align: center;
							padding: 20px 0;
							span {
								display: block;
								text-align: center;
								font-size: 25px;
								line-height: 30px;
								color: #000;
								font-weight: bold;
							}
							p {
								color: #ea3341;
								font-size: 18px;
								line-height: 30px;
								letter-spacing: 0.05em;
								margin: 0;
								height: 60px;
								display: flex;
								justify-content: center;
								align-items: center;
								margin-top: 5px;
							}
						}
					}
				}
				.sozoku_problem_con {
					ul {
						li {
							background: #fff;
							padding: 20px;
							border-radius: 10px;
							margin-bottom: 30px;
							h3 {
								background: var(--bg-blue-color);
								line-height: 60px;
								border-radius: 10px;
								text-align: left;
								padding-left: 20px;
								color: #ea3341;
								font-size: 35px;
								font-weight: bold;
								letter-spacing: 0.1em;
								margin: 0 0 30px;
							}
							.sozoku_problem_flex {
								display: flex;
								justify-content: space-between;
								.sozoku_problem_txt {
									width: 630px;
									margin-left: 20px;
									h4 {
										font-size: 25px;
										font-weight: bold;
										line-height: 30px;
										margin: 0 0 15px;
									}
									p {
										font-size: 18px;
										font-weight: 500;
										line-height: 35px;
										margin: 0;
									}
								}
							}
						}
					}
				}
			}
		}
		/* 不動産相続の成功と失敗の分岐点 */
		.sozoku_point_wrap {
			width: 1100px;
			margin: 100px auto;
			ul {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				margin-top: 90px;
				li {
					width: 530px;
					height: 570px;
					box-sizing: border-box;
					border: 3px solid #ea3341;
					border-radius: 10px;
					background: #ffffff;
					padding: 70px 15px 0;
					text-align: center;
					margin-bottom: 60px;
					position: relative;
					&:first-child {
						img {
							margin: 14px 0;
						}
					}
					&:last-child {
						width: 1100px;
						height: 380px;
						padding: 40px 15px;
						margin: 0;
						h3 {
							top: -30px;
						}
						img {
							position: absolute;
							right: 15px;
							top: 15px;
						}
						p {
							width: 690px;
						}
					}
					h3 {
						width: 490px;
						text-align: center;
						background: #ea3341;
						border-radius: 10px;
						font-size: 24px;
						font-weight: bold;
						line-height: 36px;
						letter-spacing: 0.05em;
						padding: 10px 0;
						position: absolute;
						left: 17px;
						top: -40px;
						z-index: 10;
						margin: 0;
						color: #fff;
					}
					p {
						font-size: 18px;
						line-height: 30px;
						margin: 15px 0 0;
						text-align: left;
						b {
							font-weight: bold;
							color: #f00;
						}
					}
				}
			}
		}
		/* title */
		h2 {
			font-size: 40px;
			line-height: 40px;
			font-weight: bold;
			text-align: center;
			color: #000;
			margin: 0 0 40px;
			display: block;
			&.sa_conts_tit_line::after {
				content: "";
				display: block;
				width: 70px;
				height: 5px;
				background-color: #ea3341;
				margin: 30px auto 0;
			}
		}
		/* svg */
		svg {
			margin: 0 auto;
			display: block;
			.cls-1 {
				fill: var(--main-color);
			}
		}
		/* btn */
		.btn_link {
			display: block;
			width: 80%;
			line-height: 60px;
			background-color: var(--btn-color);
			color: #fff;
			text-align: center;
			position: relative;
			margin: 0 auto 00px;
			border-radius: 5px;
			font-weight: bold;
			font-size: 18px;
			&:hover {
				opacity: .8;
			}
		}
		/* fadein（下から上） */
		.fadein {
			opacity: 0;
			transform: translateY(30px);
			transition: all 0.8s ease-out;
			&.sale_show {
				opacity: 1;
				transform: translateY(0);
			}
			&.fadein-1 {
				transition-delay: 0.2s;
			}
			&.fadein-2 {
				transition-delay: 0.4s;
			}
			&.fadein-3 {
				transition-delay: 0.6s;
			}
			&.fadein-4 {
				transition-delay: 0.8s;
			}
			&.fadein-5 {
				transition-delay: 1.0s;
			}
			&.fadein-6 {
				transition-delay: 1.2s;
			}
		}
	}
	/*--- sozokuここまで ---*/


	/*--- kaitoriここから ---*/
	.sale_kaitori_wrap {
		/* メイン画像 */
		.kaitori_main_wrap {
			background: url(../img/lp/kaitori/main_bg.webp);
			background-size: cover;
			background-position: center;
			box-sizing: border-box;
			position: relative;
			.kaitori_main_inner {
				width: 1100px;
				margin: 0 auto;
				text-align: center;
				ul {
					display: flex;
					justify-content: center;
					li {
						width: 215px;
						background: #ea3341;
						color: #fff;
						line-height: 56px;
						border-radius: 10px;
						font-size: 20px;
						letter-spacing: 0.1em;
						font-weight: bold;
						margin-right: 10px;
						&:last-child {
							margin-right: 0;
						}
					}
				}
				p {
					color: #fff;
					font-size: 70px;
					font-weight: bold;
					line-height: 130px;
					padding: 0 15px;
					border-top: 1px solid #fff;
					border-bottom: 1px solid #fff;
					margin: 30px 0;
				}
				span {
					font-size: 30px;
					line-height: 40px;
					letter-spacing: 0.1em;
					color: #fff;
					font-weight: bold;
				}
			}
		}
		/* 悩み */
		.kaitori_nayami_wrap {
			width: 900px;
			margin: 230px auto 80px auto;
			ul {
				position: relative;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				&::after {
					content: "";
					display: block;
					background: url(../img/lp/kaitori/nayami_icon.webp);
					width: 213px;
					height: 224px;
					position: absolute;
					bottom: -80px;
					left: 340px;
					z-index: -1;
				}
				li {
					border: 1px solid #ccc;
					border-radius: 10px;
					padding: 20px 30px;
					font-size: 20px;
					font-weight: bold;
					line-height: 30px;
					position: relative;
					text-align: center;
					margin-bottom: 30px;
					background: #fff;
					span {
						font-weight: bold;
						background: linear-gradient(transparent 60%, #fff899 60%);
					}
					&:nth-child(1) {
						margin-left: 45px;
					}
					&:nth-child(2) {
						margin: 0 35px 30px;
					}
					&:nth-child(4) {
						margin: 0px 0 30px 355px;
					}
				}
			}
		}
		/* 当社の3つの特徴 */
		.kaitori_feature_wrap {
			background: var(--bg-blue-color);
			padding: 80px 0;
			.kaitori_feature_inner {
				width: 1100px;
				margin: 0 auto;
				ul {
					li {
						display: flex;
						margin-bottom: 40px;
						&:nth-child(2) {
							align-items: flex-end;
							img {
								margin-left: -5px;
								margin-bottom: -10px;
							}
						}
						&:last-child {
							margin-bottom: 0;
						}
						.kaitori_feature_txt {
							margin-left: 30px;
							span {
								display: block;
								width: 100px;
								line-height: 35px;
								text-align: center;
								border-radius: 20px;
								background: #ea3341;
								color: #fff;
								font-size: 18px;
								font-weight: bold;
								letter-spacing: 0.1em;
							}
							h3 {
								font-size: 40px;
								line-height: 46px;
								color: #000;
								letter-spacing: 0.05em;
								margin: 30px 0;
							}
							p {
								font-size: 18px;
								font-weight: 500;
								letter-spacing: 0.05em;
								line-height: 32px;
								margin: 0;
							}
							.kaitori_feature_point {
								p {
									background: #fff;
									width: 500px;
									box-sizing: border-box;
									padding: 15px 20px;
									font-weight: bold;
									margin: 15px 0 10px;
									border-radius: 10px;
									line-height: 30px;
								}
								span {
									font-size: 12px;
									line-height: 12px ! IMPORTANT;
									letter-spacing: 0.05em;
									color: #000;
									display: initial;
									background: none;
									font-weight: 500;
								}
							}
						}
					}
				}
			}
		}
		/* 買取までの流れ */
		.kaitori_flow_wrap {
			width: 1100px;
			margin: 80px auto;
			ul {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				li {
					background: #f5f5f5;
					width: 260px;
					height: 430px;
					border-radius: 10px;
					box-sizing: border-box;
					margin-bottom: 70px;
					text-align: center;
					&:first-child {
						p {
							line-height: 20px;
						}
					}
					span {
						display: block;
						width: 100px;
						line-height: 35px;
						text-align: center;
						border-radius: 20px;
						background: #ea3341;
						color: #fff;
						font-size: 18px;
						font-weight: bold;
						letter-spacing: 0.1em;
						margin: -17px auto 20px;
					}
					h3 {
						color: #ea3341;
						font-size: 20px;
						font-weight: bold;
						line-height: 25px;
						letter-spacing: 0.05em;
						margin: 20px 0;
					}
					p {
						color: #666;
						font-size: 15px;
						font-weight: 500;
						line-height: 25px;
						margin: 0;
						text-align: left;
						padding: 0 10px;
					}
				}
			}
		}
		/* title */
		h2 {
			font-size: 40px;
			line-height: 40px;
			font-weight: bold;
			text-align: center;
			color: #000;
			margin: 0 0 40px;
			display: block;
			&.sa_conts_tit_line::after {
				content: "";
				display: block;
				width: 70px;
				height: 5px;
				background-color: #ea3341;
				margin: 30px auto 0;
			}
		}
		/* svg */
		svg {
			margin: 0 auto;
			display: block;
			.cls-1 {
				fill: var(--main-color);
			}
		}
		/* btn */
		.btn_link {
			display: block;
			width: 80%;
			line-height: 60px;
			background-color: var(--btn-color);
			color: #fff;
			text-align: center;
			position: relative;
			margin: 0 auto 00px;
			border-radius: 5px;
			font-weight: bold;
			font-size: 18px;
			&:hover {
				opacity: .8;
			}
		}
		/* fadein（下から上） */
		.fadein {
			opacity: 0;
			transform: translateY(30px);
			transition: all 0.8s ease-out;
			&.sale_show {
				opacity: 1;
				transform: translateY(0);
			}
			&.fadein-1 {
				transition-delay: 0.2s;
			}
			&.fadein-2 {
				transition-delay: 0.4s;
			}
			&.fadein-3 {
				transition-delay: 0.6s;
			}
			&.fadein-4 {
				transition-delay: 0.8s;
			}
			&.fadein-5 {
				transition-delay: 1.0s;
			}
			&.fadein-6 {
				transition-delay: 1.2s;
			}
		}
	}
	/*--- kaitoriここまで ---*/


	/*--- reform_sellここから ---*/
	.sale_reform_sell_wrap {
		/* メイン画像 */
		.reform_main_wrap {
			position: relative;
			background: url(../img/lp/reform_sell/main_bg.webp);
			background-size: cover;
			background-position: center;
			.reform_main_inner {
				width: 1100px;
				margin: 0 auto;
				text-align: center;
				padding: 120px 0;
				.main_ti {
					font-size: 45px;
					font-weight: bold;
					line-height: 80px;
					color: #fff;
					text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
					b {
						display: block;
						font-size: 65px;
					}
				}
				p {
					display: block;
					text-align: center;
					font-size: 15px;
					font-weight: bold;
					color: #fff;
					line-height: 25px;
					margin: 25px 0;
					padding: 25px 0;
					text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
					border-top: 1px solid #fff;
					border-bottom: 1px solid #fff;
				}
			}
		}
		/* 悩み */
		.reform_nayami_wrap {
			width: 1100px;
			margin: 230px auto 80px auto;
			ul {
				position: relative;
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				&::after {
					content: "";
					display: block;
					background: url(../img/lp/reform_sell/nayami_icon.webp);
					width: 309px;
					height: 205px;
					position: absolute;
					bottom: 75px;
					left: 400px;
					z-index: -1;
				}
				li {
					min-width: 280px;
					background: #fff;
					border: 1px solid #ccc;
					border-radius: 10px;
					padding: 20px 30px;
					font-size: 20px;
					font-weight: bold;
					line-height: 30px;
					position: relative;
					text-align: center;
					margin-bottom: 50px;
					&::before {
						content: "";
						border-left: 16px solid transparent;
						border-top: 16px solid #ccc;
						position: absolute;
						right: 35px;
						bottom: -16px;
						transform: rotate(-90deg);
					}
					&::after {
						content: "";
						border-left: 15px solid transparent;
						border-top: 15px solid white;
						position: absolute;
						right: 35px;
						bottom: -14px;
						transform: rotate(-90deg);
					}
					&:nth-child(2) {
						margin: 0 0 50px 60px;
					}
					&:nth-child(3) {
						&::before {
							top: 56px;
							right: -16px;
							bottom: auto;
						}
						&::after {
							top: 57px;
							right: -14px;
							bottom: auto;
						}
					}
					&:nth-child(4) {
						margin: 0 0 50px 395px;
						&::before {
							top: 36px;
							left: -16px;
							right: auto;
							bottom: auto;
							transform: none;
						}
						&::after {
							top: 37px;
							left: -14px;
							right: auto;
							bottom: auto;
							transform: none;
						}
					}
					&:last-child {
						margin-bottom: 0;
						&::before,
						&::after {
							content: none;
						}
					}
				}
			}
		}
		/* リフォーム提案 */
		.reform_point_wrap {
			background: var(--bg-blue-color);
			padding: 60px 0;
			margin-top: 80px;
			.reform_point_inner {
				width: 1100px;
				margin: 0 auto;
				h2 {
					color: #ea3341;
					font-size: 35px;
					&::before {
						content: "";
						display: block;
						background: url(../img/lp/reform_sell/ti_icon.webp);
						width: 514px;
						height: 35px;
						margin: 0 auto 15px;
					}
				}
				ul {
					li {
						background: #fff;
						padding: 70px 50px 50px;
						border-radius: 10px;
						position: relative;
						margin-bottom: 30px;
						&:last-child {
							h3 {
								margin: 0 0 30px;
							}
						}
						.reform_point {
							width: 78px;
							background: #ea3341;
							color: #fff;
							border-radius: 2px;
							text-align: center;
							line-height: 28px;
							font-size: 13px;
							font-weight: bold;
							position: absolute;
							left: 0;
							top: 20px;
						}
						h3 {
							color: #ea3341;
							font-size: 30px;
							line-height: 40px;
							letter-spacing: 0.05em;
							margin: 0;
							b {
								background: linear-gradient(transparent 60%, #fff899 60%);
							}
						}
						.reform_point_txt {
							display: flex;
							justify-content: space-between;
							align-items: flex-end;
							p {
								font-size: 15px;
								line-height: 25px;
								font-weight: bold;
								color: #222;
								margin: 0;
								span {
									font-weight: bold;
									background: linear-gradient(transparent 60%, #fafce0 60%);
								}
							}
							.reform_point_con {
								width: 320px;
								height: 350px;
								box-sizing: border-box;
								border: 1px solid #ea3341;
								border-radius: 5px;
								text-align: center;
								padding: 20px;
								background: #ffffff;
								h4 {
									font-size: 18px;
									font-weight: bold;
									letter-spacing: 0.1em;
									line-height: 25px;
									color: #ea3341;
									height: 50px;
									display: flex;
									justify-content: center;
									align-items: center;
									flex-direction: column;
									margin: 0 0 20px;
								}
								p {
									text-align: left;
									font-size: 13px;
									line-height: 20px;
									letter-spacing: 0.05em;
									margin: 20px 0 0;
									font-weight: 500;
								}
							}
						}
					}
				}
			}
		}
		/* 気を付けること */
		.caution_wrap {
			width: 1000px;
			margin: 110px auto;
			.caution_top {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin: 60px 0;
				h3 {
					display: inline;
					color: #ea3341;
					font-size: 30px;
					line-height: 40px;
					letter-spacing: 0.05em;
					margin: 0;
					background: linear-gradient(transparent 60%, #fff899 60%);
				}
				p {
					font-weight: bold;
					font-size: 15px;
					line-height: 25px;
				}
			}
			.caution_point {
				h3 {
					color: #000;
					font-size: 25px;
					line-height: 33px;
					letter-spacing: 0.05em;
					margin: 0 0 30px;
					padding-left: 15px;
					border-left: 5px solid #ea3341;
				}
				ul {
					li {
						background: #ffffff;
						border: 1px solid #ea3341;
						padding: 30px;
						margin-bottom: 30px;
						h4 {
							font-size: 20px;
							font-weight: bold;
							letter-spacing: 0.05em;
							color: #ea3341;
							margin: 0 0 15px;
							display: -webkit-flex;
							display: -moz-flex;
							display: -ms-flex;
							display: -o-flex;
							display: flex;
							align-items: center;
							&::before {
								content: "";
								display: block;
								background: url(../img/lp/reform_sell/check_icon.webp);
								width: 28px;
								height: 28px;
								margin-right: 10px;
							}
							p {
								margin: 0;
								font-size: 15px;
								line-height: 25px;
								letter-spacing: 0.1em;
								.color_b {
									color: #ea3341;
								}
							}
						}
						p {
							margin: 0;
							font-size: 15px;
							line-height: 25px;
							letter-spacing: 0.1em;
							.color_b {
								color: #ea3341;
							}
						}
					}
				}
			}
		}
		/* title */
		h2 {
			font-size: 40px;
			line-height: 40px;
			font-weight: bold;
			text-align: center;
			color: #000;
			margin: 0 0 40px;
			display: block;
		}
		/* svg */
		svg {
			margin: 0 auto;
			display: block;
			.cls-1 {
				fill: var(--main-color);
			}
		}
		/* btn */
		.btn_link {
			display: block;
			width: 80%;
			line-height: 60px;
			background-color: var(--btn-color);
			color: #fff;
			text-align: center;
			position: relative;
			margin: 0 auto 00px;
			border-radius: 5px;
			font-weight: bold;
			font-size: 18px;
			&:hover {
				opacity: .8;
			}
		}
		/* fadein（下から上） */
		.fadein {
			opacity: 0;
			transform: translateY(30px);
			transition: all 0.8s ease-out;
			&.sale_show {
				opacity: 1;
				transform: translateY(0);
			}
			&.fadein-1 {
				transition-delay: 0.2s;
			}
			&.fadein-2 {
				transition-delay: 0.4s;
			}
			&.fadein-3 {
				transition-delay: 0.6s;
			}
			&.fadein-4 {
				transition-delay: 0.8s;
			}
			&.fadein-5 {
				transition-delay: 1.0s;
			}
			&.fadein-6 {
				transition-delay: 1.2s;
			}
		}
	}
	/*--- reform_sellここまで ---*/


	/*--- 事故物件ここから ---*/
	.sale_incident_wrap {
		/* メイン画像 */
		.incident_main {
			position: relative;
			background: url(../img/lp/incident/main_bg.webp);
			background-size: cover;
			background-position: center;
			.label{
				line-height: 40px;
			}
			h2{
				margin: 0 0 40px;
			}
		}
		#sa_worries{
			margin: 230px auto 0px auto;
		}
		/* お悩み */
		.sa_worries_useimg li:nth-child(1) {
			margin: 0 0 0 155px;
		}
		.sa_worries_useimg li:nth-child(2) {
			margin: 0 155px 0 0;
		}
		.sa_worries_useimg li:nth-child(3) {
			margin: 0 200px 0 0;
		}
		.sa_worries_useimg li:nth-child(4) {
			margin: 0 0 0 200px;
		}
		.sa_worries_useimg li:nth-child(5) {
			margin: 0 0 0 50px;
		}
		.sa_worries_useimg li:nth-child(6) {
			margin: 0 50px 0 0;
		}
		.sa_worries_useimg .my_svg {
			width: 330px;
			margin: auto;
			position: absolute;
			bottom: 35px;
			right: 0;
			left: 0;
			z-index: -1;
		}
		/* ご相談ください */
		#sa_inci_please {
			width: 100%;
			background: #f6f6f6;
			>div {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				width: 1100px;
				margin: 0 auto;
				padding: 75px 0 0 0;
				>div {
					max-width: 700px;
				}
				>div h2 {
					width: 570px;
					box-sizing: border-box;
					margin: 0 0 35px 0;
					padding: 10px 0 10px 15px;
					background: #FFF;
					font-size: 23px;
					line-height: 35px;
					font-weight: 500;
					letter-spacing: 0.12em;
					position: relative;
				}
				>div h2:after {
					content: "";
					display: block;
					width: 36px;
					height: 24px;
					clip-path: polygon(0 0, 100% 0%, 50% 100%);
					background: #FFF;
					position: absolute;
					bottom: -24px;
					left: 40px;
				}
				>div p {
					padding: 0 0 0 40px;
					font-size: 35px;
					line-height: 60px;
					color: #ea3341;
					letter-spacing: 0.1em;
					font-feature-settings: "palt";
				}
				.my_svg {
					width: 390px;
				}
			}
		}
		/* 事故物件とは */
		#sa_inci_about {
			margin: 75px 0 100px 0;
			>p.sa_conts_txt {
				margin: 0 0 70px 0;
				text-align: center;
			}
			.sa_inci_ab_ex {
				width: 800px;
				margin: 0 auto;
				position: relative;
				&:not(:last-of-type) {
					margin-bottom: 50px;
				}
				& h3 {
					width: 450px;
					box-sizing: border-box;
					margin: auto;
					padding: 5px 0;
					border: 1px solid #FFF;
					font-size: 23px;
					line-height: 40px;
					text-align: center;
					position: absolute;
					top: -26px;
					left: 0;
					right: 0;
				}
				>ul {
					display: flex;
					align-items: center;
					justify-content: center;
					flex-wrap: wrap;
					gap: 0 24px;
					>li {
						display: flex;
						align-items: center;
						gap: 0 8px;
					}
					>li:before {
						content: "";
						width: 4px;
						height: 4px;
						border-radius: 50%;
						background: #333;
					}
				}
			}
			.sa_inci_ab_need {
				border: 3px solid #c80000;
				& h3 {
					background: #fff899;
					color: #c80000;
				}
				>div {
					display: flex;
					justify-content: space-between;
					padding: 15px 20px 5px 20px;
					border-bottom: 3px solid #c80000;
					>p.sa_conts_txt {
						margin: 20px 0 0 0;
					}
					>div {
						text-align: center;
						.my_svg {
							display: block;
							width: 105px;
							margin: 0 0 3px 0;
						}
						>p {
							font-size: 14px;
							line-height: 20px;
						}
					}
				}
				>ul {
					padding: 40px 0;
				}
			}
			.sa_inci_ab_noneed {
				border: 3px solid #ea3341;
				& h3 {
					background: #ffebeb;
					color: #ea3341;
				}
				>ul {
					padding: 55px 0 40px 0;
				}
			}
		}
		/* メリット */
		#sa_inci_merit {
			& ul {
				display: flex;
				justify-content: space-between;
				width: 1100px;
				margin: 0 auto 75px auto;
				padding: 35px 0 0 0;
				& li {
					width: 264px;
					box-sizing: border-box;
					padding: 55px 0 20px 0;
					background: #ffebeb;
					border: 3px solid #ea3341;
					border-radius: 10px;
					position: relative;
					& h3 {
						display: flex;
						align-items: center;
						justify-content: center;
						width: 230px;
						height: 70px;
						margin: auto;
						background: #ea3341;
						border-radius: 10px;
						font-size: 22px;
						line-height: 30px;
						color: #FFF;
						text-align: center;
						position: absolute;
						top: -35px;
						left: 0;
						right: 0;
					}
					& div {
						display: flex;
						align-items: center;
						justify-content: center;
						width: 155px;
						height: 155px;
						margin: 0 auto 15px auto;
						background: #FFF;
						border-radius: 50%;
					}
					.my_svg {
						width: 106px;
					}
					& p {
						padding: 0 15px;
						font-size: 16px;
						line-height: 24px;
					}
				}
			}
		}
		/* fadein（下から上） */
		.fadein {
			opacity: 0;
			transform: translateY(30px);
			transition: all 0.8s ease-out;
			&.sale_show {
				opacity: 1;
				transform: translateY(0);
			}
			&.fadein-1 {
				transition-delay: 0.2s;
			}
			&.fadein-2 {
				transition-delay: 0.4s;
			}
			&.fadein-3 {
				transition-delay: 0.6s;
			}
			&.fadein-4 {
				transition-delay: 0.8s;
			}
			&.fadein-5 {
				transition-delay: 1.0s;
			}
			&.fadein-6 {
				transition-delay: 1.2s;
			}
		}
	}
	/*--- 事故物件ここまで ---*/


	/*--- ikkodateここから ---*/
	.sale_ikkodate_wrap {
		/* メイン画像 */
		.ikkodate_main_wrap {
			background: url(../img/lp/ikkodate/main_bg.webp);
			background-size: cover;
			background-position: center;
			position: relative;
			.ikkodate_main_inner {
				width: 1100px;
				margin: 0 auto;
				padding-top: 90px;
				span {
					display: block;
					width: 473px;
					font-size: 30px;
					font-weight: bold;
					line-height: 40px;
					letter-spacing: 0.05em;
					color: #fff;
					margin-bottom: 15px;
					border-bottom: 1px solid #fff;
				}
				p {
					font-size: 50px;
					font-weight: bold;
					color: #fff;
					line-height: 92px;
					border-bottom: 1px solid #fff;
					display: inline;
					b {
						font-size: 65px;
					}
				}
				ul {
					display: flex;
					margin-top: 25px;
					li {
						padding: 5px;
						background: #fff;
						margin-right: 10px;
						span {
							display: block;
							width: 88px;
							border: 1px solid #ea3341;
							text-align: center;
							font-size: 20px;
							font-weight: bold;
							color: #ea3341;
							letter-spacing: 0.1em;
							margin: 0;
							line-height: 59px;
							padding: 0 10px;
						}
					}
				}
			}
		}
		/* 悩み */
		.ikkodate_nayami_wrap {
			width: 1100px;
			margin: 220px auto 30px;
			ul {
				position: relative;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				&::after {
					content: "";
					display: block;
					background: url(../img/lp/ikkodate/nayami_icon.webp);
					width: 329px;
					height: 218px;
					position: absolute;
					bottom: 70px;
					left: 380px;
					z-index: -1;
				}
				li {
					min-width: 270px;
					border: 1px solid #ccc;
					border-radius: 10px;
					padding: 20px 30px;
					font-size: 20px;
					font-weight: bold;
					line-height: 30px;
					position: relative;
					text-align: center;
					margin-bottom: 50px;
					background: #fff;
					&::before {
						content: "";
						border-left: 16px solid transparent;
						border-top: 16px solid #ccc;
						position: absolute;
						right: 35px;
						bottom: -16px;
						transform: rotate(-90deg);
					}
					&::after {
						content: "";
						border-left: 15px solid transparent;
						border-top: 15px solid white;
						position: absolute;
						right: 35px;
						bottom: -14px;
						transform: rotate(-90deg);
					}
					span {
						font-weight: bold;
						background: linear-gradient(transparent 60%, #fff899 60%);
					}
					&:nth-child(2) {
						margin: 0 35px 50px;
					}
					&:nth-child(3) {
						&::before {
							top: 36px;
							right: -16px;
							bottom: auto;
						}
						&::after {
							top: 37px;
							right: -14px;
							bottom: auto;
						}
					}
					&:nth-child(4) {
						margin: 0px 0 50px 410px;
						&::before {
							top: 36px;
							left: -16px;
							right: auto;
							bottom: auto;
							transform: none;
						}
						&::after {
							top: 37px;
							left: -14px;
							right: auto;
							bottom: auto;
							transform: none;
						}
					}
					&:nth-child(5),
					&:nth-child(6) {
						&::before {
							top: -16px;
							right: 35px;
							bottom: auto;
							transform: rotate(-180deg);
						}
						&::after {
							top: -14px;
							right: 35px;
							bottom: auto;
							transform: rotate(-180deg);
						}
					}
					&:nth-child(6) {
						margin: 0 0 50px 300px;
					}
					&:last-child {
						display: flex;
						justify-content: center;
						align-items: center;
					}
				}
			}
		}
		/* よくある売却ケース */
		.ikkodate_case_wrap {
			background: var(--bg-blue-color);
			padding: 30px 0 60px;
			.ikkodate_case_inner {
				width: 1050px;
				margin: 0 auto;
				h2 {
					&::before {
						content: "";
						display: block;
						background: url(../img/lp/ikkodate/case_icon.webp);
						width: 68px;
						height: 46px;
						margin: 0 auto 10px;
					}
				}
				ul {
					display: flex;
					justify-content: space-between;
					flex-wrap: wrap;
					li {
						width: 515px;
						height: 127px;
						background: #fff;
						border-radius: 5px;
						position: relative;
						display: flex;
						justify-content: center;
						align-items: center;
						border: 1px solid #ccc;
						box-sizing: border-box;
						margin-bottom: 25px;
						span {
							display: block;
							width: 78px;
							line-height: 26px;
							text-align: center;
							background: #ea3341;
							color: #fff;
							border-radius: 2px;
							font-size: 13px;
							font-weight: bold;
							letter-spacing: 0.05em;
							position: absolute;
							left: 15px;
							top: -13px;
						}
						p {
							font-size: 21px;
							font-weight: bold;
							letter-spacing: 0.05em;
							text-align: center;
							line-height: 34px;
							margin: 0;
						}
					}
				}
			}
		}
		/* わたしたちの強み */
		.s_t_strong {
			padding: 80px 0;
			.s_t_ti {
				p {
					font-size: 15px;
					line-height: 30px;
					text-align: center;
				}
			}
			.s_t_sr_con {
				display: flex;
				align-items: center;
				padding: 20px 0 0;
				.s_t_sr_con_l {
					width: 40vw;
					border-radius: 0 10px 10px 0;
					overflow: hidden;
					position: relative;
					height: 490px;
					margin-right: 5vw;
					background-image: url(../img/lp/ikkodate/strong_img.webp);
					background-size: cover;
					background-position: center;
				}
				.s_t_sr_con_r {
					float: left;
					width: 650px;
					padding: 0 0 5px 0;
					ul {
						margin: 0 0 25px;
						display: flex;
						justify-content: space-between;
						flex-wrap: wrap;
						li {
							width: 210px;
							padding: 20px;
							box-sizing: border-box;
							width: 216px;
							padding: 20px;
							box-sizing: border-box;
							border-left: dotted 1px #aaa;
							margin-bottom: 20px;
							line-height: 25.6px;
							p {
								font-size: 15px;
								margin: 10px 0;
								font-weight: bold;
							}
							h3 {
								margin: 0;
								padding: 0;
								font-size: 21px;
								line-height: 28px;
								position: relative;
								color: #ea3341;
								span {
									font-size: 21px;
									font-weight: bold;
									line-height: 1;
									background: linear-gradient(transparent 70%, #fff000 70%);
								}
							}
						}
					}
				}
			}
		}
		/* 不動産売却の成功実績 */
		.s_t_result_wrap {
			width: 1100px;
			margin: 80px auto 0px;
			padding: 0 0 80px;
			.s_t_result_ti {
				background-repeat: no-repeat;
				background-position: center bottom;
				img {
					display: block;
					margin: 0 auto 30px;
				}
				h3 {
					margin: 0;
					font-size: 35px;
					color: #ea3341;
					letter-spacing: 1px;
					text-align: center;
					line-height: 1;
					padding: 0 0 40px;
				}
			}
			.sale2_list_title {
				display: flex;
				margin: 0px 0 0;
				font-weight: bold;
				width: 1100px;
				.sale2_l_ti {
					color: #fff;
					border: 1px solid #ccc;
					padding: 15px;
					box-sizing: border-box;
					width: 25%;
					background: #ea3341;
					text-align: center;
					font-size: 16px;
				}
			}
			.sale_result_ma {
				margin-bottom: 20px;
				.sale_result_box{
					display: flex;
					flex-wrap: wrap;
					gap: 30px 8px;
					width: 1100px;
					margin: 0 auto;
					padding: 0;
					list-style: none;
					>li{
						width: 269px;
						background-color: #f6f6f6;
						border-radius: 5px;
						transition: all 0.2s;
						position: relative;
						transition: all 0.2s;
						&:hover{
							background-color: #ffebeb;
						}
						>a{
							display: block;
							width: 100%;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
						}
						.sale_result_boxin {
							width: 253px;
							margin: 0 auto;
							padding: 0px 0px 10px 0px;
							img {
								display: block;
								padding: 10px 0px;
								width: 253px;
								height: 165px !important;
								object-fit: cover;
							}
							.sale_result_boxtext {
								display: flex;
								align-items: flex-start;
								.sale_result_box_btn {
									background-color: #ea3341;
									padding: 3px 5px;
									border-radius: 5px;
									color: #ffffff;
									font-size: 14px;
									line-height: 19px;
									margin: 0px 10px 0px 0px;
									font-weight: bold;
								}
								.sale_result_box_city {
									margin: 0;
									color: #ea3341;
									font-size: 13px;
									line-height: 25px;
									font-weight: bold;
									width: 160px;
								}
							}
							.sale_result_box_black {
								padding: 10px 0px 0px 0px;
								letter-spacing: 2px;
								font-size: 18px;
								line-height: 22px;
								font-weight: bold;
								margin: 0px;
								color: #000;
							}
							.sale_result_box_black2 {
								color: #000;
								font-size: 13px;
								line-height: 21px;
								letter-spacing: 0.01em;
								overflow: hidden;
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								margin: 10px 0px 0px 0px;
							}
						}
					}
				}
			}
		}
		/* あなたはどっち？ */
		.s_t_differ {
			background-color: #eee;
			padding: 120px 0 100px;
			.s_t_df_block {
				display: flex;
				justify-content: space-between;
				width: 1100px;
				margin: 0 auto;
				.s_t_df_box {
					width: 530px;
					background-color: #fff;
					overflow: hidden;
					border-radius: 5px;
					padding-bottom: 30px;
					h3 {
						background-color: #0e6e98;
						margin: 0;
						text-align: center;
						line-height: 65px;
						color: #fff;
						font-size: 19px;
					}
					img {
						display: block;
						margin: 10px auto;
					}
					.tokucho {
						padding: 0 40px;
						margin-bottom: 30px;
						li {
							margin-bottom: 10px;
							span {
								display: inline-block;
								width: 80px;
								line-height: 30px;
								text-align: center;
								border: 1px solid #aaa;
								background-color: #eee;
								font-size: 12px;
								margin-right: 10px;
								border-radius: 3px;
								font-weight: bold;
							}
							p {
								font-size: 16px;
								font-weight: bold;
								display: inline-block;
								margin: 0;
							}
						}
					}
					.merit {
						padding: 0 40px;
						margin-bottom: 30px;
						p {
							font-size: 15px;
							color: #ea3341;
							padding: 0 0 10px 10px;
							border-bottom: 1px solid #ea3341;
							margin-bottom: 15px;
							font-weight: bold;
							line-height: 1;
						}
						ul {
							li {
								font-size: 16px;
								font-weight: bold;
								padding-left: 30px;
								background-image: url(../img/lp/ikkodate/merit_check.webp);
								background-repeat: no-repeat;
								background-position: center left;
								margin-bottom: 10px;
								line-height: normal;
							}
						}
					}
					.demerit {
						padding: 0 40px;
						margin-bottom: 30px;
						p {
							font-size: 15px;
							color: #62a4c1;
							padding: 0 0 10px 10px;
							border-bottom: 1px solid #62a4c1;
							margin-bottom: 15px;
							font-weight: bold;
							line-height: 1;
						}
						ul {
							li {
								font-size: 16px;
								font-weight: bold;
								padding-left: 30px;
								background-image: url(../img/lp/ikkodate/demerit_check.webp);
								background-repeat: no-repeat;
								background-position: center left;
								margin-bottom: 10px;
								line-height: normal;
							}
						}
					}
					&.kaitori_box {
						h3 {
							background-color: #ea3341;
						}
						img {
							padding: 8px 0;
						}
					}
				}
			}
			.chart_bg {
				width: 1100px;
				height: 1230px;
				background: url(../img/lp/ikkodate/chart_img.webp) no-repeat;
				position: relative;
				top: 0px;
				left: 0px;
				margin: 50px auto 0;
				ul {
					width: 100%;
					position: absolute;
					bottom: 55px;
					display: flex;
					justify-content: center;
					margin: 0;
					padding: 0;
					li {
						list-style: none;
					}
				}
			}
		}
		/* 売却前の注意点 */
		.ikkodate_point_wrap {
			width: 1100px;
			margin: 80px auto;
			.lp_point_con {
				margin-bottom: 50px;
				padding: 0 0 50px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				&:not(:last-child) {
					border-bottom: 1px solid #0e6e98;
				}
				&:nth-child(2),
				&:nth-child(4),
				&:nth-child(5),
				&:nth-child(6) {
					display: block;
				}
				&:nth-child(3),
				&:nth-child(7),
				&:nth-child(8),
				&:nth-child(9) {
					padding: 0 50px 50px;
				}
				&:nth-child(2) {
					.lp_point_check {
						padding: 0;
						ul {
							li {
								width: 355px;
							}
						}
					}
				}
				.lp_point_txt {
					.lp_point {
						color: #333;
						font-size: 15px;
						line-height: 30px;
					}
					h3 {
						color: #ea3341;
						font-size: 30px;
						font-weight: bold;
						line-height: 34px;
						letter-spacing: 0.05em;
						margin: 10px 0;
						span {
							font-weight: bold;
							background: linear-gradient(transparent 60%, #fff899 60%);
						}
					}
					p {
						font-size: 15px;
						line-height: 25px;
						font-weight: bold;
						color: #000;
						margin: 0;
					}
				}
				.lp_point_flex {
					display: flex;
					justify-content: space-between;
					padding: 0 50px;
				}
				.lp_point_md_wrap {
					width: 930px;
					display: flex;
					justify-content: space-between;
					margin: 40px auto 0;
					.lp_point_md {
						background: #ffebeb;
						border: 1px solid #ea3341;
						padding: 30px 30px 20px;
						width: 450px;
						box-sizing: border-box;
						h4 {
							color: #ea3341;
							font-size: 18px;
							font-weight: bold;
							line-height: 25px;
							letter-spacing: 0.05em;
							display: flex;
							align-items: center;
							margin: 0 0 15px;
							&::before {
								content: "";
								display: block;
								background: url(../img/lp/ikkodate/check_icon.webp);
								background-size: contain;
								width: 25px;
								height: 25px;
								margin-right: 10px;
							}
						}
						span {
							font-size: 15px;
							font-weight: bold;
							letter-spacing: 0.1em;
						}
						ul {
							margin-bottom: 10px;
							li {
								font-size: 13px;
								line-height: 20px;
								letter-spacing: 0.02em;
								padding-left: 15px;
							}
						}
					}
				}
				.lp_point_cost {
					background: #ffebeb;
					border: 1px solid #ea3341;
					padding: 15px;
					width: 1035px;
					box-sizing: border-box;
					margin: 30px auto 0;
					h4 {
						color: #ea3341;
						font-size: 18px;
						font-weight: bold;
						line-height: 25px;
						letter-spacing: 0.05em;
						display: flex;
						align-items: center;
						margin: 0;
						&:before {
							content: "";
							display: block;
							background: url(../img/lp/ikkodate/check_icon.webp);
							background-size: contain;
							width: 25px;
							height: 25px;
							margin-right: 10px;
						}
					}
					ul {
						display: flex;
						flex-direction: column;
						flex-wrap: wrap;
						margin-top: 15px;
						height: 160px;
						li {
							font-size: 15px;
							font-weight: bold;
							line-height: 25px;
							letter-spacing: 0.05em;
							margin-bottom: 5px;
							&:first-child {
								margin-bottom: 0;
								span {
									display: block;
									margin-left: 15px;
								}
							}
							span {
								font-size: 12px;
								line-height: 18px;
								font-weight: 500;
							}
						}
					}
				}
				.lp_point_check {
					margin-top: 40px;
					padding: 0 50px;
					ul {
						display: flex;
						justify-content: space-between;
						flex-wrap: wrap;
						li {
							width: 320px;
							background: #ffebeb;
							border: 1px solid #ea3341;
							padding: 15px;
							box-sizing: border-box;
							margin-bottom: 20px;
							&:nth-child(6) {
								h4 {
									font-size: 16px;
								}
							}
							&:nth-child(4),
							&:nth-child(5),
							&:nth-child(6),
							&:nth-child(7) {
								width: 260px !important;
							}
							h4 {
								color: #ea3341;
								font-size: 18px;
								font-weight: bold;
								line-height: 25px;
								letter-spacing: 0.05em;
								display: flex;
								align-items: center;
								margin: 0;
								&::before {
									content: "";
									display: block;
									background: url(../img/lp/ikkodate/check_icon.webp);
									background-size: contain;
									background-repeat: no-repeat;
									width: 28px;
									height: 28px;
									margin-right: 10px;
								}
							}
							p {
								font-size: 13px;
								font-weight: 500;
								line-height: 20px;
								letter-spacing: 0.05em;
								margin: 15px 0 0;
							}
						}
					}
				}
			}
		}
		/* 売却活動期間の注意点 */
		.ikkodate_cation_wrap {
			background: var(--bg-blue-color);
			padding: 80px 0;
			.ikkodate_cation_inner {
				width: 1100px;
				margin: 0 auto;
				text-align: center;
				p {
					font-size: 15px;
					font-weight: bold;
					margin: 40px 0 80px;
					line-height: 24px;
				}
				.ikkodate_cation_con {
					display: flex;
					justify-content: space-between;
					.ikkodate_cation_list {
						width: 340px;
						height: 535px;
						box-sizing: border-box;
						background: #fff;
						border: 1px solid #ea3341;
						position: relative;
						padding: 50px 20px 10px;
						h3 {
							width: 220px;
							text-align: center;
							line-height: 50px;
							background: #fff;
							border: 1px solid #ea3341;
							font-size: 20px;
							font-weight: bold;
							color: #ea3341;
							margin: 0;
							position: absolute;
							left: 60px;
							top: -26px;
						}
						ul {
							padding: 10px;
							background: var(--bg-blue-color);
							border-radius: 10px;
							margin-bottom: 20px;
							min-height: 140px;
							box-sizing: border-box;
							li {
								font-size: 13px;
								line-height: 20px;
								text-align: left;
							}
						}
					}
				}
				.ikkodate_cation_check {
					margin-top: 80px;
					ul {
						li {
							width: 1100px;
							box-sizing: border-box;
							background: #fff;
							border: 1px solid #ea3341;
							padding: 30px 50px;
							border-radius: 10px;
							display: flex;
							justify-content: space-between;
							align-items: center;
							margin-bottom: 20px;
							.ikkodate_cation_txt {
								text-align: left;
								span {
									display: block;
									width: 110px;
									background: var(--bg-blue-color);
									line-height: 25px;
									text-align: center;
									border-radius: 3px;
									color: #333;
									font-size: 15px;
									margin-bottom: 10px;
								}
								h3 {
									color: #ea3341;
									font-size: 30px;
									font-weight: bold;
									letter-spacing: 0.05em;
									line-height: 34px;
									margin: 0 0 20px;
								}
								p {
									font-size: 15px;
									line-height: 25px;
									font-weight: bold;
									margin: 0;
								}
							}
						}
					}
				}
			}
		}
		/* 売買契約における注意点 */
		.ikkodate_contract_wrap {
			width: 1100px;
			margin: 80px auto;
			ul {
				display: flex;
				justify-content: space-between;
				li {
					width: 530px;
					height: 400px;
					border: 1px solid #ea3341;
					text-align: center;
					box-sizing: border-box;
					padding: 0 20px;
					h3 {
						color: #ea3341;
						font-size: 25px;
						font-weight: bold;
						line-height: 25px;
						letter-spacing: 0.15em;
						display: flex;
						align-items: center;
						justify-content: center;
						margin: 30px 0;
						&::before {
							content: "";
							display: block;
							background: url(../img/lp/ikkodate/check_icon.webp);
							background-size: contain;
							width: 28px;
							height: 28px;
							margin-right: 10px;
						}
					}
					p {
						margin: 0;
						font-size: 15px;
						line-height: 20px;
						font-weight: bold;
						margin-top: 10px;
					}
				}
			}
		}
		/* 引き渡し後の注意点 */
		.ikkodate_delivery_wrap {
			background: #eee;
			padding: 80px 0;
			.ikkodate_delivery_con {
				width: 1100px;
				margin: 0 auto;
				display: flex;
				justify-content: space-between;
				align-items: center;
				p {
					font-size: 15px;
					font-weight: bold;
					line-height: 23px;
					margin-right: -20px;
				}
			}
		}
		/* title */
		h2 {
			font-size: 40px;
			line-height: 40px;
			font-weight: bold;
			text-align: center;
			color: #000;
			margin: 0 0 40px;
			display: block;
		}
		/* svg */
		svg {
			margin: 0 auto;
			display: block;
			.cls-1 {
				fill: var(--main-color);
			}
		}
		/* btn */
		.btn_link {
			a {
				display: block;
				width: 340px;
				line-height: 60px;
				background-color: var(--btn-color);
				color: #fff;
				text-align: center;
				position: relative;
				margin: 0 auto 00px;
				border-radius: 5px;
				font-weight: bold;
				font-size: 20px;
				&:hover {
					opacity: .8;
				}
			}
		}
		/* fadein（下から上） */
		.fadein {
			opacity: 0;
			transform: translateY(30px);
			transition: all 0.8s ease-out;
			&.sale_show {
				opacity: 1;
				transform: translateY(0);
			}
			&.fadein-1 {
				transition-delay: 0.2s;
			}
			&.fadein-2 {
				transition-delay: 0.4s;
			}
			&.fadein-3 {
				transition-delay: 0.6s;
			}
			&.fadein-4 {
				transition-delay: 0.8s;
			}
			&.fadein-5 {
				transition-delay: 1.0s;
			}
			&.fadein-6 {
				transition-delay: 1.2s;
			}
		}
	}
	/*--- ikkodateここまで ---*/


	/*--- mansionここから ---*/
  .sale_mansion_wrap {

    .mansion_main_wrap {
      position: relative;
      background: url(../img/lp/mansion/main_bg.webp);
      background-size: cover;
      background-position: center;

      .mansion_main_inner {
        width: 1100px;
        margin: 0 auto;
        padding-top: 90px;

        span {
          display: block;
          width: 504px;
          font-size: 30px;
          font-weight: bold;
          line-height: 40px;
          letter-spacing: 0.05em;
          color: #fff;
          margin-bottom: 15px;
          border-bottom: 1px solid #fff;
        }

        p {
          font-size: 50px;
          font-weight: bold;
          color: #fff;
          line-height: 92px;
          border-bottom: 1px solid #fff;
          display: inline;

          b {
            font-size: 65px;
          }
        }

        ul {
          display: flex;
          margin-top: 25px;

          li {
            padding: 5px;
            background: #fff;
            margin-right: 10px;

            span {
              display: block;
              width: 88px;
              border: 1px solid #ea3341;
              text-align: center;
              font-size: 20px;
              font-weight: bold;
              color: #ea3341;
              letter-spacing: 0.1em;
              margin: 0;
              line-height: 59px;
              padding: 0 10px;
            }
          }
        }
      }
    }

    .mansion_nayami_wrap {
      width: 1100px;
      margin: 220px auto 30px;

      ul {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;

        &::after {
          content: "";
          display: block;
          background: url(../img/lp/mansion/nayami_icon.webp);
          width: 329px;
          height: 218px;
          position: absolute;
          bottom: 70px;
          left: 380px;
          z-index: -1;
        }

        li {
          min-width: 270px;
          border: 1px solid #ccc;
          border-radius: 10px;
          padding: 20px 30px;
          font-size: 20px;
          font-weight: bold;
          line-height: 30px;
          position: relative;
          text-align: center;
          margin-bottom: 50px;
          background: #fff;

          &::before {
            content: "";
            border-left: 16px solid transparent;
            border-top: 16px solid #ccc;
            position: absolute;
            right: 35px;
            bottom: -16px;
            transform: rotate(-90deg);
          }

          &::after {
            content: "";
            border-left: 15px solid transparent;
            border-top: 15px solid white;
            position: absolute;
            right: 35px;
            bottom: -14px;
            transform: rotate(-90deg);
          }

          span {
            font-weight: bold;
            background: linear-gradient(transparent 60%, #fff899 60%);
          }

          &:nth-child(2) {
            margin: 0 35px 50px;
          }

          &:nth-child(3) {
            &::before {
              top: 36px;
              right: -16px;
              bottom: auto;
            }

            &::after {
              top: 37px;
              right: -14px;
              bottom: auto;
            }
          }

          &:nth-child(4) {
            margin: 0px 0 50px 410px;

            &::before {
              top: 36px;
              left: -16px;
              right: auto;
              bottom: auto;
              transform: none;
            }

            &::after {
              top: 37px;
              left: -14px;
              right: auto;
              bottom: auto;
              transform: none;
            }
          }

          &:nth-child(5),
          &:nth-child(6) {
            &::before {
              top: -16px;
              right: 35px;
              bottom: auto;
              transform: rotate(-180deg);
            }

            &::after {
              top: -14px;
              right: 35px;
              bottom: auto;
              transform: rotate(-180deg);
            }
          }

          &:nth-child(6) {
            margin: 0 0 50px 300px;
          }

          &:last-child {
            display: flex;
            justify-content: center;
            align-items: center;
          }
        }
      }
    }

    /* よくある売却ケース */
    .mansion_case_wrap {
      background: var(--bg-blue-color);
      padding: 30px 0 60px;

      .mansion_case_inner {
        width: 1050px;
        margin: 0 auto;

        h2 {
          &::before {
            content: "";
            display: block;
            background: url(../img/lp/mansion/case_icon.webp);
            width: 68px;
            height: 46px;
            margin: 0 auto 10px;
          }
        }

        ul {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;

          li {
            width: 515px;
            min-height: 127px;
            background: #fff;
            border-radius: 5px;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #ccc;
            box-sizing: border-box;
            margin-bottom: 25px;
            padding: 15px 0;

            span {
              display: block;
              width: 78px;
              line-height: 26px;
              text-align: center;
              background: #ea3341;
              color: #fff;
              border-radius: 2px;
              font-size: 13px;
              font-weight: bold;
              letter-spacing: 0.05em;
              position: absolute;
              left: 15px;
              top: -13px;
            }

            p {
              font-size: 21px;
              font-weight: bold;
              letter-spacing: 0.05em;
              text-align: center;
              line-height: 34px;
              margin: 0;
            }
          }
        }
      }
    }


    .s_t_strong {
      padding: 80px 0;

      .s_t_ti {
        p {
          font-size: 15px;
          line-height: 30px;
          text-align: center;
        }
      }

      .s_t_sr_con {
        display: flex;
        align-items: center;
        padding: 20px 0 0;

        .s_t_sr_con_l {
          width: 40vw;
          border-radius: 0 10px 10px 0;
          overflow: hidden;
          position: relative;
          height: 490px;
          margin-right: 5vw;
          background-image: url(../img/lp/mansion/strong_img.webp);
          background-size: cover;
          background-position: center;
        }

        .s_t_sr_con_r {
          float: left;
          width: 650px;
          padding: 0 0 5px 0;

          ul {
            margin: 0 0 25px;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;

            li {
              width: 210px;
              padding: 20px;
              box-sizing: border-box;
              width: 216px;
              padding: 20px;
              box-sizing: border-box;
              border-left: dotted 1px #aaa;
              margin-bottom: 20px;
              line-height: 25.6px;

              p {
                font-size: 15px;
                margin: 10px 0;
                font-weight: bold;
              }

              h3 {
                margin: 0;
                padding: 0;
                font-size: 21px;
                line-height: 28px;
                position: relative;
                color: #ea3341;

                span {
                  font-size: 21px;
                  font-weight: bold;
                  line-height: 1;
                  background: linear-gradient(transparent 70%, #fff000 70%);
                }
              }
            }
          }
        }
      }
    }


    .s_t_result_wrap {
      width: 1100px;
      margin: 80px auto 0px;
      padding: 0 0 80px;

      .s_t_result_ti {
        background-repeat: no-repeat;
        background-position: center bottom;

        img {
          display: block;
          margin: 0 auto 30px;
        }

        h3 {
          margin: 0;
          font-size: 35px;
          color: #ea3341;
          letter-spacing: 1px;
          text-align: center;
          line-height: 1;
          padding: 0 0 40px;
        }
      }

      .sale2_list_title {
        display: flex;
        margin: 0px 0 0;
        font-weight: bold;
        width: 1100px;

        .sale2_l_ti {
          color: #fff;
          border: 1px solid #ccc;
          padding: 15px;
          box-sizing: border-box;
          width: 25%;
          background: #ea3341;
          text-align: center;
          font-size: 16px;
        }
      }

      .sale_result_ma {
        margin-bottom: 20px;

        .sale_result_box {
        	display: flex;
        	flex-wrap: wrap;
        	gap: 30px 8px;
        	width: 1100px;
        	margin: 0 auto;
        	padding: 0;
        	list-style: none;
        	>li {
        		width: 269px;
        		background-color: #f6f6f6;
        		border-radius: 5px;
        		transition: all 0.2s;
        		position: relative;
        		transition: all 0.2s;
        		&:hover {
        			background-color: #ffebeb;
        		}
        		>a {
        			display: block;
        			width: 100%;
        			height: 100%;
        			position: absolute;
        			top: 0;
        			left: 0;
        		}
        		.sale_result_boxin {
        			width: 253px;
        			margin: 0 auto;
        			padding: 0px 0px 10px 0px;
        			img {
        				display: block;
        				padding: 10px 0px;
        				width: 253px;
        				height: 165px !important;
        				object-fit: cover;
        			}
        			.sale_result_boxtext {
        				display: flex;
        				align-items: flex-start;
        				.sale_result_box_btn {
        					background-color: #ea3341;
        					padding: 3px 5px;
        					border-radius: 5px;
        					color: #ffffff;
        					font-size: 14px;
        					line-height: 19px;
        					margin: 0px 10px 0px 0px;
        					font-weight: bold;
        				}
        				.sale_result_box_city {
        					margin: 0;
        					color: #ea3341;
        					font-size: 13px;
        					line-height: 25px;
        					font-weight: bold;
        					width: 160px;
        				}
        			}
        			.sale_result_box_black {
        				padding: 10px 0px 0px 0px;
        				letter-spacing: 2px;
        				font-size: 18px;
        				line-height: 22px;
        				font-weight: bold;
        				margin: 0px;
        				color: #000;
        			}
        			.sale_result_box_black2 {
        				color: #000;
        				font-size: 13px;
        				line-height: 21px;
        				letter-spacing: 0.01em;
        				overflow: hidden;
        				display: -webkit-box;
        				-webkit-box-orient: vertical;
        				-webkit-line-clamp: 2;
        				margin: 10px 0px 0px 0px;
        			}
        		}
        	}
        }

      }
    }

    .s_t_differ {
      background-color: #eee;
      padding: 120px 0 100px;

      .s_t_df_block {
        display: flex;
        justify-content: space-between;
        width: 1100px;
        margin: 0 auto;

        .s_t_df_box {
          width: 530px;
          background-color: #fff;
          overflow: hidden;
          border-radius: 5px;
          padding-bottom: 30px;

          h3 {
            background-color: #0e6e98;
            margin: 0;
            text-align: center;
            line-height: 65px;
            color: #fff;
            font-size: 19px;
          }

          img {
            display: block;
            margin: 10px auto;
          }

          .tokucho {
            padding: 0 40px;
            margin-bottom: 30px;

            li {
              margin-bottom: 10px;

              span {
                display: inline-block;
                width: 80px;
                line-height: 30px;
                text-align: center;
                border: 1px solid #aaa;
                background-color: #eee;
                font-size: 12px;
                margin-right: 10px;
                border-radius: 3px;
                font-weight: bold;
              }

              p {
                font-size: 16px;
                font-weight: bold;
                display: inline-block;
                margin: 0;
              }
            }
          }

          .merit {
            padding: 0 40px;
            margin-bottom: 30px;

            p {
              font-size: 15px;
              color: #ea3341;
              padding: 0 0 10px 10px;
              border-bottom: 1px solid #ea3341;
              margin-bottom: 15px;
              font-weight: bold;
              line-height: 1;
            }

            ul {
              li {
                font-size: 16px;
                font-weight: bold;
                padding-left: 30px;
                background-image: url(../img/lp/mansion/merit_check.webp);
                background-repeat: no-repeat;
                background-position: center left;
                margin-bottom: 10px;
                line-height: normal;
              }
            }
          }

          .demerit {
            padding: 0 40px;
            margin-bottom: 30px;

            p {
              font-size: 15px;
              color: #62a4c1;
              padding: 0 0 10px 10px;
              border-bottom: 1px solid #62a4c1;
              margin-bottom: 15px;
              font-weight: bold;
              line-height: 1;
            }

            ul {
              li {
                font-size: 16px;
                font-weight: bold;
                padding-left: 30px;
                background-image: url(../img/lp/mansion/demerit_check.webp);
                background-repeat: no-repeat;
                background-position: center left;
                margin-bottom: 10px;
                line-height: normal;
              }
            }
          }

          &.kaitori_box {
            h3 {
              background-color: #ea3341;
            }

            img {
              padding: 8px 0;
            }
          }
        }

      }

      .chart_bg {
        width: 1100px;
        height: 1230px;
        background: url(../img/lp/mansion/chart_img.webp) no-repeat;
        position: relative;
        top: 0px;
        left: 0px;
        margin: 50px auto 0;

        ul {
          width: 100%;
          position: absolute;
          bottom: 55px;
          display: flex;
          justify-content: center;
          margin: 0;
          padding: 0;

          li {
            list-style: none;
          }
        }
      }
    }


    .mansion_point_wrap {
      width: 1100px;
      margin: 80px auto;

      .lp_point_con {
        margin-bottom: 50px;
        padding: 0 0 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;

        &:not(:last-child) {
          border-bottom: 1px solid #0e6e98;
        }

        &:nth-child(2),
        &:nth-child(4),
        &:nth-child(5),
        &:nth-child(6) {
          display: block;
        }

        &:nth-child(3),
        &:nth-child(7),
        &:nth-child(8),
        &:nth-child(9) {
          padding: 0 50px 50px;
        }

        &:nth-child(2) {
          .lp_point_check {
            padding: 0;

            ul {
              li {
                width: 355px;
              }
            }
          }
        }

        .lp_point_txt {
          .lp_point {
            color: #333;
            font-size: 15px;
            line-height: 30px;
          }

          h3 {
            color: #ea3341;
            font-size: 30px;
            font-weight: bold;
            line-height: 34px;
            letter-spacing: 0.05em;
            margin: 10px 0;

            span {
              font-weight: bold;
              background: linear-gradient(transparent 60%, #fff899 60%);
            }
          }

          p {
            font-size: 15px;
            line-height: 25px;
            font-weight: bold;
            color: #000;
            margin: 0;

            span {
              font-weight: 500;
              font-size: 14px;
              letter-spacing: inherit;
            }
          }
        }

        .lp_point_flex {
          display: flex;
          justify-content: space-between;
          padding: 0 50px;
        }

        .lp_point_md_wrap {
          width: 930px;
          display: flex;
          justify-content: space-between;
          margin: 40px auto 0;

          .lp_point_md {
            background: #ffebeb;
            border: 1px solid #ea3341;
            padding: 30px 30px 20px;
            width: 450px;
            box-sizing: border-box;

            h4 {
              color: #ea3341;
              font-size: 18px;
              font-weight: bold;
              line-height: 25px;
              letter-spacing: 0.05em;
              display: flex;
              align-items: center;
              margin: 0 0 15px;

              &::before {
                content: "";
                display: block;
                background: url(../img/lp/mansion/check_icon.webp);
                background-size: contain;
                width: 25px;
                height: 25px;
                margin-right: 10px;
              }
            }

            span {
              font-size: 15px;
              font-weight: bold;
              letter-spacing: 0.1em;
            }

            ul {
              margin-bottom: 10px;

              li {
                font-size: 13px;
                line-height: 20px;
                letter-spacing: 0.02em;
                padding-left: 15px;
              }
            }
          }
        }

        .lp_point_cost {
          background: #ffebeb;
          border: 1px solid #ea3341;
          padding: 15px;
          width: 1035px;
          box-sizing: border-box;
          margin: 30px auto 0;

          h4 {
            color: #ea3341;
            font-size: 18px;
            font-weight: bold;
            line-height: 25px;
            letter-spacing: 0.05em;
            display: flex;
            align-items: center;
            margin: 0;

            &:before {
              content: "";
              display: block;
              background: url(../img/lp/mansion/check_icon.webp);
              background-size: contain;
              width: 25px;
              height: 25px;
              margin-right: 10px;
            }
          }

          ul {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            margin-top: 15px;
            height: 160px;

            li {
              font-size: 15px;
              font-weight: bold;
              line-height: 25px;
              letter-spacing: 0.05em;
              margin-bottom: 5px;

              &:first-child {
                margin-bottom: 0;

                span {
                  display: block;
                  margin-left: 15px;
                }
              }

              span {
                font-size: 12px;
                line-height: 18px;
                font-weight: 500;
              }


            }
          }
        }

        .lp_point_check {
          margin-top: 40px;
          padding: 0 50px;

          ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;

            li {
              width: 320px;
              background: #ffebeb;
              border: 1px solid #ea3341;
              padding: 15px;
              box-sizing: border-box;
              margin-bottom: 20px;

              h4 {
                color: #ea3341;
                font-size: 18px;
                font-weight: bold;
                line-height: 25px;
                letter-spacing: 0.05em;
                display: flex;
                align-items: center;
                margin: 0;

                &::before {
                  content: "";
                  display: block;
                  background: url(../img/lp/mansion/check_icon.webp);
                  background-size: contain;
                  background-repeat: no-repeat;
                  width: 28px;
                  height: 28px;
                  margin-right: 10px;
                }
              }

              p {
                font-size: 13px;
                font-weight: 500;
                line-height: 20px;
                letter-spacing: 0.05em;
                margin: 15px 0 0;
              }
            }
          }
        }
      }
    }

    /* 売却活動期間の注意点 */
    .mansion_cation_wrap {
      background: var(--bg-blue-color);
      padding: 80px 0;

      .mansion_cation_inner {
        width: 1100px;
        margin: 0 auto;
        text-align: center;

        p {
          font-size: 15px;
          font-weight: bold;
          margin: 40px 0 80px;
          line-height: 24px;
        }

        .mansion_cation_con {
          display: flex;
          justify-content: space-between;

          .mansion_cation_list {
            width: 340px;
            height: 535px;
            box-sizing: border-box;
            background: #fff;
            border: 1px solid #ea3341;
            position: relative;
            padding: 50px 20px 10px;

            h3 {
              width: 220px;
              text-align: center;
              line-height: 50px;
              background: #fff;
              border: 1px solid #ea3341;
              font-size: 20px;
              font-weight: bold;
              color: #ea3341;
              margin: 0;
              position: absolute;
              left: 60px;
              top: -26px;
            }

            ul {
              padding: 10px;
              background: var(--bg-blue-color);
              border-radius: 10px;
              margin-bottom: 20px;
              min-height: 140px;
              box-sizing: border-box;

              li {
                font-size: 13px;
                line-height: 20px;
                text-align: left;
              }
            }
          }
        }

        .mansion_cation_check {
          margin-top: 80px;

          ul {
            li {
              width: 1100px;
              box-sizing: border-box;
              background: #fff;
              border: 1px solid #ea3341;
              padding: 30px 50px;
              border-radius: 10px;
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin-bottom: 20px;

              .mansion_cation_txt {
                text-align: left;

                span {
                  display: block;
                  width: 110px;
                  background: var(--bg-blue-color);
                  line-height: 25px;
                  text-align: center;
                  border-radius: 3px;
                  color: #333;
                  font-size: 15px;
                  margin-bottom: 10px;
                }

                h3 {
                  color: #ea3341;
                  font-size: 30px;
                  font-weight: bold;
                  letter-spacing: 0.05em;
                  line-height: 34px;
                  margin: 0 0 20px;
                }

                p {
                  font-size: 15px;
                  line-height: 25px;
                  font-weight: bold;
                  margin: 0;
                }
              }
            }
          }
        }
      }
    }

    /* 売買契約における注意点 */
    .mansion_contract_wrap {
      width: 1100px;
      margin: 80px auto;

      ul {
        display: flex;
        justify-content: space-between;

        li {
          width: 530px;
          height: 400px;
          border: 1px solid #ea3341;
          text-align: center;
          box-sizing: border-box;
          padding: 0 20px;

          h3 {
            color: #ea3341;
            font-size: 25px;
            font-weight: bold;
            line-height: 25px;
            letter-spacing: 0.15em;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 30px 0;

            &::before {
              content: "";
              display: block;
              background: url(../img/lp/mansion/check_icon.webp);
              background-size: contain;
              width: 28px;
              height: 28px;
              margin-right: 10px;
            }
          }

          p {
            margin: 0;
            font-size: 15px;
            line-height: 20px;
            font-weight: bold;
            margin-top: 10px;
          }
        }
      }
    }

    /* 引き渡し後の注意点 */
    .mansion_delivery_wrap {
      background: #eee;
      padding: 80px 0;

      ul {
        width: 1100px;
        margin: 0 auto;

        li {
          background: #fff;
          min-height: 170px;
          padding: 30px;
          box-sizing: border-box;
          margin-bottom: 20px;

          h3 {
            display: flex;
            align-items: center;
            font-size: 25px;
            color: #ea3341;
            line-height: 34px;
            letter-spacing: 0.1em;
            margin: 0 0 15px;

            &::before {
              content: "";
              display: block;
              background: url(../img/lp/mansion/check_icon.webp);
              width: 28px;
              height: 28px;
              margin-right: 10px;
            }
          }

          p {
            color: #000;
            font-size: 15px;
            font-weight: bold;
            line-height: 23px;
            padding-left: 40px;
          }
        }
      }
    }


    /* title */
    h2 {
      font-size: 40px;
      line-height: 40px;
      font-weight: bold;
      text-align: center;
      color: #000;
      margin: 0 0 40px;
      display: block;
    }

    /* svg */
    svg {
      margin: 0 auto;
      display: block;

      .cls-1 {
        fill: var(--main-color);
      }
    }

    /* btn */
    .btn_link {
      a {
        display: block;
        width: 340px;
        line-height: 60px;
        background-color: var(--btn-color);
        color: #fff;
        text-align: center;
        position: relative;
        margin: 0 auto 00px;
        border-radius: 5px;
        font-weight: bold;
        font-size: 20px;

        &:hover {
          opacity: .8;
        }
      }
    }

    /* fadein（下から上） */
    .fadein {
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.8s ease-out;

      &.sale_show {
        opacity: 1;
        transform: translateY(0);
      }

      &.fadein-1 {
        transition-delay: 0.2s;
      }

      &.fadein-2 {
        transition-delay: 0.4s;
      }

      &.fadein-3 {
        transition-delay: 0.6s;
      }

      &.fadein-4 {
        transition-delay: 0.8s;
      }

      &.fadein-5 {
        transition-delay: 1.0s;
      }

      &.fadein-6 {
        transition-delay: 1.2s;
      }
    }
  }
  /*--- mansionここまで ---*/
  

  /*--- tochiここから ---*/
  .sale_tochi_wrap {
  	/* メイン画像 */
  	.tochi_main_wrap {
  		position: relative;
  		background: url(../img/lp/tochi/main_bg.webp);
  		background-size: cover;
  		background-position: center;
  		.tochi_main_inner {
  			width: 1100px;
  			margin: 0 auto;
  			padding-top: 90px;
  			span {
  				display: block;
  				width: 473px;
  				font-size: 30px;
  				font-weight: bold;
  				line-height: 40px;
  				letter-spacing: 0.05em;
  				color: #fff;
  				margin-bottom: 15px;
  				border-bottom: 1px solid #fff;
  			}
  			p {
  				font-size: 50px;
  				font-weight: bold;
  				color: #fff;
  				line-height: 92px;
  				border-bottom: 1px solid #fff;
  				display: inline;
  				b {
  					font-size: 65px;
  				}
  			}
  			ul {
  				display: flex;
  				margin-top: 25px;
  				li {
  					padding: 5px;
  					background: #fff;
  					margin-right: 10px;
  					span {
  						display: block;
  						width: 88px;
  						border: 1px solid #ea3341;
  						text-align: center;
  						font-size: 20px;
  						font-weight: bold;
  						color: #ea3341;
  						letter-spacing: 0.1em;
  						margin: 0;
  						line-height: 59px;
  						padding: 0 10px;
  					}
  				}
  			}
  		}
  	}
  	/* 悩み */
  	.tochi_nayami_wrap {
  		width: 1100px;
  		margin: 220px auto 30px;
  		ul {
  			position: relative;
  			display: flex;
  			flex-wrap: wrap;
  			justify-content: center;
  			&::after {
  				content: "";
  				display: block;
  				background: url(../img/lp/tochi/nayami_icon.webp);
  				width: 329px;
  				height: 218px;
  				position: absolute;
  				bottom: 70px;
  				left: 380px;
  				z-index: -1;
  			}
  			li {
  				min-width: 270px;
  				border: 1px solid #ccc;
  				border-radius: 10px;
  				padding: 20px 30px;
  				font-size: 20px;
  				font-weight: bold;
  				line-height: 30px;
  				position: relative;
  				text-align: center;
  				margin-bottom: 50px;
  				background: #fff;
  				&::before {
  					content: "";
  					border-left: 16px solid transparent;
  					border-top: 16px solid #ccc;
  					position: absolute;
  					right: 35px;
  					bottom: -16px;
  					transform: rotate(-90deg);
  				}
  				&::after {
  					content: "";
  					border-left: 15px solid transparent;
  					border-top: 15px solid white;
  					position: absolute;
  					right: 35px;
  					bottom: -14px;
  					transform: rotate(-90deg);
  				}
  				span {
  					font-weight: bold;
  					background: linear-gradient(transparent 60%, #fff899 60%);
  				}
  				&:nth-child(2) {
  					margin: 0 35px 50px;
  				}
  				&:nth-child(3) {
  					&::before {
  						top: 36px;
  						right: -16px;
  						bottom: auto;
  					}
  					&::after {
  						top: 37px;
  						right: -14px;
  						bottom: auto;
  					}
  				}
  				&:nth-child(4) {
  					margin: 0px 0 50px 410px;
  					&::before {
  						top: 36px;
  						left: -16px;
  						right: auto;
  						bottom: auto;
  						transform: none;
  					}
  					&::after {
  						top: 37px;
  						left: -14px;
  						right: auto;
  						bottom: auto;
  						transform: none;
  					}
  				}
  				&:nth-child(5),
  				&:nth-child(6) {
  					&::before {
  						top: -16px;
  						right: 35px;
  						bottom: auto;
  						transform: rotate(-180deg);
  					}
  					&::after {
  						top: -14px;
  						right: 35px;
  						bottom: auto;
  						transform: rotate(-180deg);
  					}
  				}
  				&:nth-child(6) {
  					margin: 0 0 50px 300px;
  				}
  				&:last-child {
  					display: flex;
  					justify-content: center;
  					align-items: center;
  				}
  			}
  		}
  	}
  	/* よくある売却ケース */
  	.tochi_case_wrap {
  		background: var(--bg-blue-color);
  		padding: 30px 0 60px;
  		.tochi_case_inner {
  			width: 1050px;
  			margin: 0 auto;
  			h2 {
  				&::before {
  					content: "";
  					display: block;
  					background: url(../img/lp/tochi/case_icon.webp);
  					width: 68px;
  					height: 46px;
  					margin: 0 auto 10px;
  				}
  			}
  			ul {
  				display: flex;
  				justify-content: space-between;
  				flex-wrap: wrap;
  				li {
  					width: 515px;
  					height: 127px;
  					background: #fff;
  					border-radius: 5px;
  					position: relative;
  					display: flex;
  					justify-content: center;
  					align-items: center;
  					border: 1px solid #ccc;
  					box-sizing: border-box;
  					margin-bottom: 25px;
  					span {
  						display: block;
  						width: 78px;
  						line-height: 26px;
  						text-align: center;
  						background: #ea3341;
  						color: #fff;
  						border-radius: 2px;
  						font-size: 13px;
  						font-weight: bold;
  						letter-spacing: 0.05em;
  						position: absolute;
  						left: 15px;
  						top: -13px;
  					}
  					p {
  						font-size: 21px;
  						font-weight: bold;
  						letter-spacing: 0.05em;
  						text-align: center;
  						line-height: 34px;
  						margin: 0;
  					}
  				}
  			}
  		}
  	}
  	/* わたしたちの強み */
  	.s_t_strong {
  		padding: 80px 0;
  		.s_t_ti {
  			p {
  				font-size: 15px;
  				line-height: 30px;
  				text-align: center;
  			}
  		}
  		.s_t_sr_con {
  			display: flex;
  			align-items: center;
  			padding: 20px 0 0;
  			.s_t_sr_con_l {
  				width: 40vw;
  				border-radius: 0 10px 10px 0;
  				overflow: hidden;
  				position: relative;
  				height: 490px;
  				margin-right: 5vw;
  				background-image: url(../img/lp/tochi/strong_img.webp);
  				background-size: cover;
  				background-position: center;
  			}
  			.s_t_sr_con_r {
  				float: left;
  				width: 650px;
  				padding: 0 0 5px 0;
  				ul {
  					margin: 0 0 25px;
  					display: flex;
  					justify-content: space-between;
  					flex-wrap: wrap;
  					li {
  						width: 210px;
  						padding: 20px;
  						box-sizing: border-box;
  						width: 216px;
  						padding: 20px;
  						box-sizing: border-box;
  						border-left: dotted 1px #aaa;
  						margin-bottom: 20px;
  						line-height: 25.6px;
  						p {
  							font-size: 15px;
  							margin: 10px 0;
  							font-weight: bold;
  						}
  						h3 {
  							margin: 0;
  							padding: 0;
  							font-size: 21px;
  							line-height: 28px;
  							position: relative;
  							color: #ea3341;
  							span {
  								font-size: 21px;
  								font-weight: bold;
  								line-height: 1;
  								background: linear-gradient(transparent 70%, #fff000 70%);
  							}
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 不動産売却の成功実績 */
  	.s_t_result_wrap {
  		width: 1100px;
  		margin: 80px auto 0px;
  		padding: 0 0 80px;
  		.s_t_result_ti {
  			background-repeat: no-repeat;
  			background-position: center bottom;
  			img {
  				display: block;
  				margin: 0 auto 30px;
  			}
  			h3 {
  				margin: 0;
  				font-size: 35px;
  				color: #ea3341;
  				letter-spacing: 1px;
  				text-align: center;
  				line-height: 1;
  				padding: 0 0 40px;
  			}
  		}
  		.sale2_list_title {
  			display: flex;
  			margin: 0px 0 0;
  			font-weight: bold;
  			width: 1100px;
  			.sale2_l_ti {
  				color: #fff;
  				border: 1px solid #ccc;
  				padding: 15px;
  				box-sizing: border-box;
  				width: 25%;
  				background: #ea3341;
  				text-align: center;
  				font-size: 16px;
  			}
  		}
  		.sale_result_ma {
  			margin-bottom: 20px;
  			.sale_result_box {
  				display: flex;
  				flex-wrap: wrap;
  				gap: 30px 8px;
  				width: 1100px;
  				margin: 0 auto;
  				padding: 0;
  				list-style: none;
  				>li {
  					width: 269px;
  					background-color: #f6f6f6;
  					border-radius: 5px;
  					transition: all 0.2s;
  					position: relative;
  					transition: all 0.2s;
  					&:hover {
  						background-color: #ffebeb;
  					}
  					>a {
  						display: block;
  						width: 100%;
  						height: 100%;
  						position: absolute;
  						top: 0;
  						left: 0;
  					}
  					.sale_result_boxin {
  						width: 253px;
  						margin: 0 auto;
  						padding: 0px 0px 10px 0px;
  						img {
  							display: block;
  							padding: 10px 0px;
  							width: 253px;
  							height: 165px !important;
  							object-fit: cover;
  						}
  						.sale_result_boxtext {
  							display: flex;
  							align-items: flex-start;
  							.sale_result_box_btn {
  								background-color: #ea3341;
  								padding: 3px 5px;
  								border-radius: 5px;
  								color: #ffffff;
  								font-size: 14px;
  								line-height: 19px;
  								margin: 0px 10px 0px 0px;
  								font-weight: bold;
  							}
  							.sale_result_box_city {
  								margin: 0;
  								color: #ea3341;
  								font-size: 13px;
  								line-height: 25px;
  								font-weight: bold;
  								width: 160px;
  							}
  						}
  						.sale_result_box_black {
  							padding: 10px 0px 0px 0px;
  							letter-spacing: 2px;
  							font-size: 18px;
  							line-height: 22px;
  							font-weight: bold;
  							margin: 0px;
  							color: #000;
  						}
  						.sale_result_box_black2 {
  							color: #000;
  							font-size: 13px;
  							line-height: 21px;
  							letter-spacing: 0.01em;
  							overflow: hidden;
  							display: -webkit-box;
  							-webkit-box-orient: vertical;
  							-webkit-line-clamp: 2;
  							margin: 10px 0px 0px 0px;
  						}
  					}
  				}
  			}
  		}
  	}
  	/* あなたはどっち？ */
  	.s_t_differ {
  		background-color: #eee;
  		padding: 120px 0 100px;
  		.s_t_df_block {
  			display: flex;
  			justify-content: space-between;
  			width: 1100px;
  			margin: 0 auto;
  			.s_t_df_box {
  				width: 530px;
  				background-color: #fff;
  				overflow: hidden;
  				border-radius: 5px;
  				padding-bottom: 30px;
  				h3 {
  					background-color: #0e6e98;
  					margin: 0;
  					text-align: center;
  					line-height: 65px;
  					color: #fff;
  					font-size: 19px;
  				}
  				img {
  					display: block;
  					margin: 10px auto;
  				}
  				.tokucho {
  					padding: 0 40px;
  					margin-bottom: 30px;
  					li {
  						margin-bottom: 10px;
  						span {
  							display: inline-block;
  							width: 80px;
  							line-height: 30px;
  							text-align: center;
  							border: 1px solid #aaa;
  							background-color: #eee;
  							font-size: 12px;
  							margin-right: 10px;
  							border-radius: 3px;
  							font-weight: bold;
  						}
  						p {
  							font-size: 16px;
  							font-weight: bold;
  							display: inline-block;
  							margin: 0;
  						}
  					}
  				}
  				.merit {
  					padding: 0 40px;
  					margin-bottom: 30px;
  					p {
  						font-size: 15px;
  						color: #ea3341;
  						padding: 0 0 10px 10px;
  						border-bottom: 1px solid #ea3341;
  						margin-bottom: 15px;
  						font-weight: bold;
  						line-height: 1;
  					}
  					ul {
  						li {
  							font-size: 16px;
  							font-weight: bold;
  							padding-left: 30px;
  							background-image: url(../img/lp/tochi/merit_check.webp);
  							background-repeat: no-repeat;
  							background-position: center left;
  							margin-bottom: 10px;
  							line-height: normal;
  						}
  					}
  				}
  				.demerit {
  					padding: 0 40px;
  					margin-bottom: 30px;
  					p {
  						font-size: 15px;
  						color: #62a4c1;
  						padding: 0 0 10px 10px;
  						border-bottom: 1px solid #62a4c1;
  						margin-bottom: 15px;
  						font-weight: bold;
  						line-height: 1;
  					}
  					ul {
  						li {
  							font-size: 16px;
  							font-weight: bold;
  							padding-left: 30px;
  							background-image: url(../img/lp/tochi/demerit_check.webp);
  							background-repeat: no-repeat;
  							background-position: center left;
  							margin-bottom: 10px;
  							line-height: normal;
  						}
  					}
  				}
  				&.kaitori_box {
  					h3 {
  						background-color: #ea3341;
  					}
  					img {
  						padding: 8px 0;
  					}
  				}
  			}
  		}
  		.chart_bg {
  			width: 1100px;
  			height: 1230px;
  			background: url(../img/lp/tochi/chart_img.webp) no-repeat;
  			position: relative;
  			top: 0px;
  			left: 0px;
  			margin: 50px auto 0;
  			ul {
  				width: 100%;
  				position: absolute;
  				bottom: 55px;
  				display: flex;
  				justify-content: center;
  				margin: 0;
  				padding: 0;
  				li {
  					list-style: none;
  				}
  			}
  		}
  	}
  	/* 売却前の注意点 */
  	.tochi_point_wrap {
  		width: 1100px;
  		margin: 80px auto;
  		.lp_point_con {
  			margin-bottom: 50px;
  			padding: 0 0 50px;
  			display: flex;
  			justify-content: space-between;
  			align-items: center;
  			&:not(:last-child) {
  				border-bottom: 1px solid #0e6e98;
  			}
  			&:nth-child(2),
  			&:nth-child(4),
  			&:nth-child(5),
  			&:nth-child(7) {
  				display: block;
  			}
  			&:nth-child(3),
  			&:nth-child(8),
  			&:nth-child(9) {
  				padding: 0 50px 50px;
  			}
  			&:nth-child(7) {
  				.lp_point_check ul li {
  					width: 320px !important;
  				}
  			}
  			.lp_point_txt {
  				.lp_point {
  					color: #333;
  					font-size: 15px;
  					line-height: 30px;
  				}
  				h3 {
  					color: #ea3341;
  					font-size: 30px;
  					font-weight: bold;
  					line-height: 34px;
  					letter-spacing: 0.05em;
  					margin: 10px 0;
  					span {
  						font-weight: bold;
  						background: linear-gradient(transparent 60%, #fff899 60%);
  					}
  				}
  				p {
  					font-size: 15px;
  					line-height: 25px;
  					font-weight: bold;
  					color: #000;
  					margin: 0;
  					span {
  						font-weight: 500;
  						font-size: 14px;
  						letter-spacing: inherit;
  					}
  				}
  			}
  			.lp_point_flex {
  				display: flex;
  				justify-content: space-between;
  				padding: 0 50px;
  			}
  			.lp_point_md_wrap {
  				width: 930px;
  				display: flex;
  				justify-content: space-between;
  				margin: 40px auto 0;
  				.lp_point_md {
  					background: #ffebeb;
  					border: 1px solid #ea3341;
  					padding: 30px 30px 20px;
  					width: 450px;
  					box-sizing: border-box;
  					h4 {
  						color: #ea3341;
  						font-size: 18px;
  						font-weight: bold;
  						line-height: 25px;
  						letter-spacing: 0.05em;
  						display: flex;
  						align-items: center;
  						margin: 0 0 15px;
  						&::before {
  							content: "";
  							display: block;
  							background: url(../img/lp/tochi/check_icon.webp);
  							background-size: contain;
  							width: 25px;
  							height: 25px;
  							margin-right: 10px;
  						}
  					}
  					span {
  						font-size: 15px;
  						font-weight: bold;
  						letter-spacing: 0.1em;
  					}
  					ul {
  						margin-bottom: 10px;
  						li {
  							font-size: 13px;
  							line-height: 20px;
  							letter-spacing: 0.02em;
  							padding-left: 15px;
  						}
  					}
  				}
  			}
  			.lp_point_cost {
  				background: #ffebeb;
  				border: 1px solid #ea3341;
  				padding: 15px;
  				width: 1035px;
  				box-sizing: border-box;
  				margin: 30px auto 0;
  				h4 {
  					color: #ea3341;
  					font-size: 18px;
  					font-weight: bold;
  					line-height: 25px;
  					letter-spacing: 0.05em;
  					display: flex;
  					align-items: center;
  					margin: 0;
  					&:before {
  						content: "";
  						display: block;
  						background: url(../img/lp/tochi/check_icon.webp);
  						background-size: contain;
  						width: 25px;
  						height: 25px;
  						margin-right: 10px;
  					}
  				}
  				ul {
  					display: flex;
  					flex-direction: column;
  					flex-wrap: wrap;
  					margin-top: 15px;
  					height: 160px;
  					li {
  						font-size: 15px;
  						font-weight: bold;
  						line-height: 25px;
  						letter-spacing: 0.05em;
  						margin-bottom: 5px;
  						&:first-child {
  							margin-bottom: 0;
  							span {
  								display: block;
  								margin-left: 15px;
  							}
  						}
  						span {
  							font-size: 12px;
  							line-height: 18px;
  							font-weight: 500;
  						}
  					}
  				}
  			}
  			.lp_point_check {
  				margin-top: 40px;
  				padding: 0 50px;
  				ul {
  					display: flex;
  					justify-content: space-between;
  					flex-wrap: wrap;
  					li {
  						width: 490px;
  						background: #ffebeb;
  						border: 1px solid #ea3341;
  						padding: 15px;
  						box-sizing: border-box;
  						margin-bottom: 20px;
  						&:nth-child(5),
  						&:nth-child(6),
  						&:nth-child(7) {
  							width: 320px !important;
  						}
  						h4 {
  							color: #ea3341;
  							font-size: 17px;
  							font-weight: bold;
  							line-height: 25px;
  							letter-spacing: 0.05em;
  							display: flex;
  							align-items: center;
  							margin: 0;
  							&::before {
  								content: "";
  								display: block;
  								background: url(../img/lp/tochi/check_icon.webp);
  								background-size: contain;
  								background-repeat: no-repeat;
  								width: 28px;
  								height: 28px;
  								margin-right: 10px;
  							}
  						}
  						p {
  							font-size: 13px;
  							font-weight: 500;
  							line-height: 20px;
  							letter-spacing: 0.05em;
  							margin: 15px 0 0;
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 売却活動期間の注意点 */
  	.tochi_cation_wrap {
  		background: var(--bg-blue-color);
  		padding: 80px 0;
  		.tochi_cation_inner {
  			width: 1100px;
  			margin: 0 auto;
  			text-align: center;
  			p {
  				font-size: 15px;
  				font-weight: bold;
  				margin: 40px 0 80px;
  				line-height: 24px;
  			}
  			.tochi_cation_con {
  				display: flex;
  				justify-content: space-between;
  				.tochi_cation_list {
  					width: 340px;
  					height: 535px;
  					box-sizing: border-box;
  					background: #fff;
  					border: 1px solid #ea3341;
  					position: relative;
  					padding: 50px 20px 10px;
  					h3 {
  						width: 220px;
  						text-align: center;
  						line-height: 50px;
  						background: #fff;
  						border: 1px solid #ea3341;
  						font-size: 20px;
  						font-weight: bold;
  						color: #ea3341;
  						margin: 0;
  						position: absolute;
  						left: 60px;
  						top: -26px;
  					}
  					ul {
  						padding: 10px;
  						background: var(--bg-blue-color);
  						border-radius: 10px;
  						margin-bottom: 20px;
  						min-height: 140px;
  						box-sizing: border-box;
  						li {
  							font-size: 13px;
  							line-height: 20px;
  							text-align: left;
  						}
  					}
  				}
  			}
  			.tochi_cation_check {
  				margin-top: 80px;
  				ul {
  					li {
  						width: 1100px;
  						box-sizing: border-box;
  						background: #fff;
  						border: 1px solid #ea3341;
  						padding: 30px 50px;
  						border-radius: 10px;
  						display: flex;
  						justify-content: space-between;
  						align-items: center;
  						margin-bottom: 20px;
  						.tochi_cation_txt {
  							text-align: left;
  							span {
  								display: block;
  								width: 110px;
  								background: var(--bg-blue-color);
  								line-height: 25px;
  								text-align: center;
  								border-radius: 3px;
  								color: #333;
  								font-size: 15px;
  								margin-bottom: 10px;
  							}
  							h3 {
  								color: #ea3341;
  								font-size: 30px;
  								font-weight: bold;
  								letter-spacing: 0.05em;
  								line-height: 34px;
  								margin: 0 0 20px;
  							}
  							p {
  								font-size: 15px;
  								line-height: 25px;
  								font-weight: bold;
  								margin: 0;
  							}
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 売買契約における注意点 */
  	.tochi_contract_wrap {
  		width: 1100px;
  		margin: 80px auto;
  		ul {
  			display: flex;
  			justify-content: space-between;
  			li {
  				width: 530px;
  				height: 400px;
  				border: 1px solid #ea3341;
  				text-align: center;
  				box-sizing: border-box;
  				padding: 0 20px;
  				h3 {
  					color: #ea3341;
  					font-size: 25px;
  					font-weight: bold;
  					line-height: 25px;
  					letter-spacing: 0.15em;
  					display: flex;
  					align-items: center;
  					justify-content: center;
  					margin: 30px 0;
  					&::before {
  						content: "";
  						display: block;
  						background: url(../img/lp/tochi/check_icon.webp);
  						background-size: contain;
  						width: 28px;
  						height: 28px;
  						margin-right: 10px;
  					}
  				}
  				p {
  					margin: 0;
  					font-size: 15px;
  					line-height: 20px;
  					font-weight: bold;
  					margin-top: 10px;
  				}
  			}
  		}
  	}
  	/* 引き渡し後の注意点 */
  	.tochi_delivery_wrap {
  		background: #eee;
  		padding: 80px 0;
  		.tochi_delivery_con {
  			width: 1100px;
  			margin: 0 auto;
  			display: flex;
  			justify-content: space-between;
  			align-items: center;
  			p {
  				font-size: 15px;
  				font-weight: bold;
  				line-height: 23px;
  				margin-right: -20px;
  			}
  		}
  	}
  	/* title */
  	h2 {
  		font-size: 40px;
  		line-height: 40px;
  		font-weight: bold;
  		text-align: center;
  		color: #000;
  		margin: 0 0 40px;
  		display: block;
  	}
  	/* svg */
  	svg {
  		margin: 0 auto;
  		display: block;
  		.cls-1 {
  			fill: var(--main-color);
  		}
  	}
  	/* btn */
  	.btn_link {
  		a {
  			display: block;
  			width: 340px;
  			line-height: 60px;
  			background-color: var(--btn-color);
  			color: #fff;
  			text-align: center;
  			position: relative;
  			margin: 0 auto 00px;
  			border-radius: 5px;
  			font-weight: bold;
  			font-size: 20px;
  			&:hover {
  				opacity: .8;
  			}
  		}
  	}
  	/* fadein（下から上） */
  	.fadein {
  		opacity: 0;
  		transform: translateY(30px);
  		transition: all 0.8s ease-out;
  		&.sale_show {
  			opacity: 1;
  			transform: translateY(0);
  		}
  		&.fadein-1 {
  			transition-delay: 0.2s;
  		}
  		&.fadein-2 {
  			transition-delay: 0.4s;
  		}
  		&.fadein-3 {
  			transition-delay: 0.6s;
  		}
  		&.fadein-4 {
  			transition-delay: 0.8s;
  		}
  		&.fadein-5 {
  			transition-delay: 1.0s;
  		}
  		&.fadein-6 {
  			transition-delay: 1.2s;
  		}
  	}
  }
  /*--- tochiここまで ---*/

  /*--- areaここから ---*/
  .sale_area_wrap {
  	/* メイン画像 */
  	.area_main_wrap {
  		background: url(../img/lp/area/main_bg.webp);
  		background-size: cover;
  		background-position: center;
		position: relative;
  	}
  	/* 不動産売却の成功実績 */
  	.s_t_result_wrap {
  		width: 1100px;
  		margin: 280px auto 0px;
  		padding: 0 0 80px;
  		.s_t_result_ti {
  			background-repeat: no-repeat;
  			background-position: center bottom;
			margin: 0px 0px 90px 0px;
  			img {
  				display: block;
  				margin: 0 auto 60px;
				width: 40%;
  			}
  			.sale_top_tit {
  				&:before {
  					width: 1035px;
  					height: 125px;
  					background-image: url(../img/lp/area/sale_result_en.webp);
  					left: 0;
  					right: 0;
  					margin: auto;
  				}
  			}
  		}
  		.sale2_list_title {
  			display: flex;
  			margin: 0px 0 0;
  			font-weight: bold;
  			width: 1100px;
  			line-height: normal;
  			.sale2_l_ti {
  				color: #fff;
  				border: 1px solid #ccc;
  				padding: 15px;
  				box-sizing: border-box;
  				width: 25%;
  				background: #ea3341;
  				text-align: center;
  				font-size: 16px;
  			}
  		}
  		.sale_result_ma {
  			margin-bottom: 20px;
  			.sale_result_box {
  				display: flex;
  				flex-wrap: wrap;
  				gap: 30px 8px;
  				width: 1100px;
  				margin: 0 auto;
  				padding: 0;
  				list-style: none;
  				>li {
  					width: 269px;
  					background-color: #f6f6f6;
  					border-radius: 5px;
  					transition: all 0.2s;
  					position: relative;
  					transition: all 0.2s;
  					&:hover {
  						background-color: #ffebeb;
  					}
  					>a {
  						display: block;
  						width: 100%;
  						height: 100%;
  						position: absolute;
  						top: 0;
  						left: 0;
  					}
  					.sale_result_boxin {
  						width: 253px;
  						margin: 0 auto;
  						padding: 0px 0px 10px 0px;
  						img {
  							display: block;
  							padding: 10px 0px;
  							width: 253px;
  							height: 165px !important;
  							object-fit: cover;
  						}
  						.sale_result_boxtext {
  							display: flex;
  							align-items: flex-start;
  							.sale_result_box_btn {
  								background-color: #ea3341;
  								padding: 3px 5px;
  								border-radius: 5px;
  								color: #ffffff;
  								font-size: 14px;
  								line-height: 19px;
  								margin: 0px 10px 0px 0px;
  								font-weight: bold;
  							}
  							.sale_result_box_city {
  								margin: 0;
  								color: #ea3341;
  								font-size: 13px;
  								line-height: 25px;
  								font-weight: bold;
  								width: 160px;
  							}
  						}
  						.sale_result_box_black {
  							padding: 10px 0px 0px 0px;
  							letter-spacing: 2px;
  							font-size: 18px;
  							line-height: 22px;
  							font-weight: bold;
  							margin: 0px;
  							color: #000;
  						}
  						.sale_result_box_black2 {
  							color: #000;
  							font-size: 13px;
  							line-height: 21px;
  							letter-spacing: 0.01em;
  							overflow: hidden;
  							display: -webkit-box;
  							-webkit-box-orient: vertical;
  							-webkit-line-clamp: 2;
  							margin: 10px 0px 0px 0px;
  						}
  					}
  				}
  			}
  		}
  	}
  	/* わたしたちの強み */
  	.s_t_strong {
  		padding: 80px 0 0;
  		.s_t_ti {
  			p {
  				font-size: 15px;
  				line-height: 30px;
  				text-align: center;
  			}
  		}
  		.s_t_sr_con {
  			display: flex;
  			align-items: center;
  			padding: 40px 0 80px;
  			.s_t_sr_con_l {
  				width: 40vw;
  				border-radius: 0 10px 10px 0;
  				overflow: hidden;
  				position: relative;
  				height: 490px;
  				margin-right: 5vw;
  				background-image: url(../img/lp/area/strong_img.webp);
  				background-size: cover;
  				background-position: center;
  			}
  			.s_t_sr_con_r {
  				float: left;
  				width: 650px;
  				padding: 0 0 5px 0;
  				ul {
  					margin: 0 0 25px;
  					display: flex;
  					justify-content: space-between;
  					flex-wrap: wrap;
  					li {
  						width: 210px;
  						padding: 20px;
  						box-sizing: border-box;
  						width: 216px;
  						padding: 20px;
  						box-sizing: border-box;
  						border-left: dotted 1px #aaa;
  						margin-bottom: 20px;
  						line-height: 25.6px;
  						p {
  							font-size: 15px;
  							margin: 10px 0;
  							font-weight: bold;
  						}
  						h3 {
  							margin: 0;
  							padding: 0;
  							font-size: 21px;
  							line-height: 28px;
  							position: relative;
  							color: #ea3341;
  							span {
  								font-size: 21px;
  								font-weight: bold;
  								line-height: 1;
  								background: linear-gradient(transparent 70%, #fff000 70%);
  							}
  						}
  					}
  				}
  			}
  		}
  	}
  	/* あなたはどっち？ */
  	.s_t_differ {
  		background-color: #fcfcfc;
  		padding: 120px 0 100px;
		.sale_top_tit {
			&:before {
				width: 578px;
				height: 125px;
				background-image: url(../img/lp/area/which_eng.webp);
				left: 0;
				right: 0;
				margin: auto;
			}
		}
  		.s_t_df_block {
  			display: flex;
  			justify-content: space-between;
  			width: 1100px;
  			margin: 70px auto 0px auto;
  			.s_t_df_box {
  				width: 530px;
  				background-color: #fff;
  				overflow: hidden;
  				border-radius: 5px;
  				padding-bottom: 30px;
  				h3 {
  					background-color: #0e6e98;
  					margin: 0;
  					text-align: center;
  					line-height: 65px;
  					color: #fff;
  					font-size: 19px;
  				}
  				img {
  					display: block;
  					margin: 10px auto;
  				}
  				.tokucho {
  					padding: 0 40px;
  					margin-bottom: 30px;
  					li {
  						margin-bottom: 10px;
  						span {
  							display: inline-block;
  							width: 80px;
  							line-height: 30px;
  							text-align: center;
  							border: 1px solid #aaa;
  							background-color: #eee;
  							font-size: 12px;
  							margin-right: 10px;
  							border-radius: 3px;
  							font-weight: bold;
  						}
  						p {
  							font-size: 16px;
  							font-weight: bold;
  							display: inline-block;
  							margin: 0;
  						}
  					}
  				}
  				.merit {
  					padding: 0 40px;
  					margin-bottom: 30px;
  					p {
  						font-size: 15px;
  						color: #ea3341;
  						padding: 0 0 10px 10px;
  						border-bottom: 1px solid #ea3341;
  						margin-bottom: 15px;
  						font-weight: bold;
  						line-height: 1;
  					}
  					ul {
  						li {
  							font-size: 16px;
  							font-weight: bold;
  							padding-left: 30px;
  							background-image: url(../img/lp/area/merit_check.webp);
  							background-repeat: no-repeat;
  							background-position: center left;
  							margin-bottom: 10px;
  							line-height: normal;
  						}
  					}
  				}
  				.demerit {
  					padding: 0 40px;
  					margin-bottom: 30px;
  					p {
  						font-size: 15px;
  						color: #62a4c1;
  						padding: 0 0 10px 10px;
  						border-bottom: 1px solid #62a4c1;
  						margin-bottom: 15px;
  						font-weight: bold;
  						line-height: 1;
  					}
  					ul {
  						li {
  							font-size: 16px;
  							font-weight: bold;
  							padding-left: 30px;
  							background-image: url(../img/lp/area/demerit_check.webp);
  							background-repeat: no-repeat;
  							background-position: center left;
  							margin-bottom: 10px;
  							line-height: normal;
  						}
  					}
  				}
  				&.kaitori_box {
  					h3 {
  						background-color: #ea3341;
  					}
  					img {
  						padding: 8px 0;
  					}
  				}
  			}
  		}
  		.chart_bg {
  			width: 1100px;
  			height: 1230px;
  			background: url(../img/lp/area/chart_img.webp) no-repeat;
  			position: relative;
  			top: 0px;
  			left: 0px;
  			margin: 50px auto 0;
  			ul {
  				width: 100%;
  				position: absolute;
  				bottom: 55px;
  				display: flex;
  				justify-content: center;
  				margin: 0;
  				padding: 0;
  				li {
  					list-style: none;
  				}
  			}
  		}
  	}
  	/* title */
  	h2 {
  		font-size: 40px;
  		line-height: 40px;
  		font-weight: bold;
  		text-align: center;
  		color: #000;
  		margin: 0 0 40px;
  		display: block;
  		&.sa_conts_tit_line::after {
  			content: "";
  			width: 70px;
  			height: 5px;
  			background-color: #ea3341;
  			margin: 30px auto 0;
  		}
  	}
  	/* svg */
  	svg {
  		margin: 0 auto;
  		display: block;
  		.cls-1 {
  			fill: var(--main-color);
  		}
  	}
  	/* btn */
  	.btn_link {
  		a {
  			display: block;
  			width: 340px;
  			line-height: 60px;
  			background-color: var(--btn-color);
  			color: #fff;
  			text-align: center;
  			position: relative;
  			margin: 0 auto 00px;
  			border-radius: 5px;
  			font-weight: bold;
  			font-size: 20px;
  			&:hover {
  				opacity: .8;
  			}
  		}
  	}
  	/* fadein（下から上） */
  	.fadein {
  		opacity: 0;
  		transform: translateY(30px);
  		transition: all 0.8s ease-out;
  		&.sale_show {
  			opacity: 1;
  			transform: translateY(0);
  		}
  		&.fadein-1 {
  			transition-delay: 0.2s;
  		}
  		&.fadein-2 {
  			transition-delay: 0.4s;
  		}
  		&.fadein-3 {
  			transition-delay: 0.6s;
  		}
  		&.fadein-4 {
  			transition-delay: 0.8s;
  		}
  		&.fadein-5 {
  			transition-delay: 1.0s;
  		}
  		&.fadein-6 {
  			transition-delay: 1.2s;
  		}
  	}
  }
  /*--- areaここまで ---*/
}


/*  家どっとgroupの強み  */
.ad_w {
	background-color: #534748;
	margin: 50px 0px 0px 0px;
	padding: clamp(120px, 17.1vh, 150px) 0px;
	.ad_in {
		position: relative;
		&:before {
			content: "";
			display: block;
			width: clamp(936px, 72vw, 1036px);
			height: clamp(113px, 16.1vh, 125px);
			background-image: url(/img/top/ad_tit_en.webp);
			background-repeat: no-repeat;
			background-size: contain;
			position: absolute;
			top: 0px;
			right: 0;
			left: 0;
			margin: auto;
		}
		.ad_con {
			width: clamp(900px, 75vw, 1300px);
			margin: 0 auto;
			padding: 80px 0px 0px 0px;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			position: relative;
			gap: 0px 20px;
			.ad_l {
				background-color: #ffffff;
				border-radius: 20px;
				width: clamp(550px, 42.3vw, 700px);
				box-sizing: border-box;
				padding: clamp(55px, 7.8vh, 75px) 50px clamp(40px, 5.7vh, 60px) 50px;
				>ul {
					>li {
						position: relative;
						padding: clamp(30px, 4.2vh, 50px) 0px;
						border-bottom: 2px dotted #cccccc;
						.ad_box_l {
							.ad_point_num {
								font-size: clamp(16px, 1.2vw, 19px);
								color: #ea3341;
								font-weight: 900;
								letter-spacing: 0.05em;
								line-height: 1.2;
							}
							>h3 {
								font-size: clamp(26px, 2vw, 30px);
								font-weight: bold;
								letter-spacing: 0.05em;
								line-height: 1.3;
								margin: 15px 0px 0px 0px;
								>span {
									font-size: clamp(35px, 2.6vw, 40px);
									color: #ea3341;
									position: relative;
									z-index: 0;
									&:after {
										content: "";
										display: block;
										width: 100%;
										height: 10px;
										background-color: #f1cf21;
										position: absolute;
										bottom: 3px;
										left: 0;
										right: 0;
										margin: auto;
										z-index: -1;
									}
								}
							}
							.ad_text {
								font-size: clamp(12px, 0.92vw, 16px);
								line-height: 1.5;
								letter-spacing: 0.05em;
								font-weight: bold;
								margin: 10px 0px 0px 0px;
							}
						}
						>img {
							width: clamp(130px, 10vw, 166px);
							position: absolute;
							top: clamp(30px, 4.2vh, 60px);
							right: 0;
						}
					}
					>li:first-child {
						padding: 0px 0px clamp(30px, 4.2vh, 50px) 0px;
					}
					>li:last-child {
						padding: clamp(30px, 4.2vh, 50px) 0px 0px 0px;
						border-bottom: none;
					}
				}
			}
			.ad_r {
				width: calc(100% - clamp(550px, 42.3vw, 700px) - 40px);
				max-width: 450px;
				>div {
					position: relative;
					&:after {
						content: "";
						display: block;
						width: clamp(144px, 11vw, 164px);
						height: clamp(154px, 22vh, 176px);
						background-image: url(/img/top/ad_cala.webp);
						background-repeat: no-repeat;
						background-size: contain;
						position: absolute;
						bottom: -80px;
						right: clamp(-50px, -2.6vw, -35px);
					}
					>h2 {
						font-size: clamp(30px, 2.3vw, 40px);
						letter-spacing: 0.1em;
						color: #ffffff;
						font-weight: 900;
					}
					>p {
						font-size: clamp(13px, 1vw, 16px);
						letter-spacing: 0.05em;
						color: #ffffff;
						font-weight: bold;
						margin: 15px 0px 0px 0px;
						line-height: 1.5;
					}
					.ad_con_btn {
						margin: 40px 0px 0px 0px;
					}
				}
			}
			/*--------- sticky -----------*/
			.sticky {
				position: -webkit-sticky;
				position: sticky;
				top: 200px;
				margin: 60px 0px 0px 0px;
			}
		}
	}
}
/*  選べる不動産売却プラン  */
.ad_plan_con {
	width: clamp(900px, 75vw, 1100px);
	margin: clamp(120px, 17.1vh, 150px) auto 0px auto;
	.sale_top_tit {
		color: #ffffff;
		&:before {
			width: clamp(372px, 53.1vh, 432px);
			height: clamp(103px, 14.7vh, 120px);
			background-image: url(/img/top/ad_plan_tit_en.webp);
		}
	}
	>p {
		font-size: clamp(13px, 1vw, 16px);
		font-weight: bold;
		color: #ffffff;
		letter-spacing: 0.05em;
		line-height: 1.5;
		text-align: center;
		margin: 50px 0px 0px 0px;
	}
	.ad_plan_box {
		margin: 100px 0px 0px 0px;
		background-color: #ffffff;
		border-radius: 20px;
		padding: 80px 0px 30px 0px;
		>ul {
			display: flex;
			>li {
				width: calc(100% / 4);
				border-right: 2px solid #dddddd;
				text-align: center;
				position: relative;
				.ad_plan_cir {
					width: clamp(80px, 6.1vw, 100px);
					aspect-ratio: 1 / 1;
					color: #ffffff;
					border-radius: 50%;
					font-size: clamp(19px, 1.4vw, 24px);
					font-weight: bold;
					line-height: 1.2;
					display: flex;
					justify-content: center;
					align-items: center;
					flex-wrap: wrap;
					align-content: center;
					margin: 0 auto;
					position: absolute;
					top: -130px;
					left: 0;
					right: 0;
					margin: auto;
					>span {
						font-size: clamp(13px, 1vw, 16px);
						width: 100%;
						display: inline-block;
					}
				}
				.ad_plan_text {
					font-size: clamp(13px, 1vw, 16px);
					font-weight: bold;
					letter-spacing: 0.05em;
					line-height: 1.4;
				}
				>img {
					width: clamp(100px, 7.6vw, 130px);
					margin: 10px 0px 0px 0px;
				}
				>h3 {
					font-size: clamp(19px, 1.46vw, 22px);
					font-weight: bold;
					letter-spacing: 0.05em;
					line-height: 1.4;
					margin: 10px 0px 0px 0px;
				}
			}
			>li:nth-child(1) {
				.ad_plan_cir {
					background-color: #478fe4;
				}
				>h3 {
					color: #478fe4;
				}
			}
			>li:nth-child(2) {
				.ad_plan_cir {
					background-color: #f1cf21;
				}
				>h3 {
					color: #f1cf21;
				}
			}
			>li:nth-child(3) {
				.ad_plan_cir {
					background-color: #83ab38;
				}
				>h3 {
					color: #83ab38;
				}
			}
			>li:nth-child(4) {
				border-right: none;
				.ad_plan_cir {
					background-color: #e988b8;
				}
				>h3 {
					color: #e988b8;
				}
			}
		}
		.ad_con_btn {
			margin: 30px auto 0px auto;
			border: 2px solid #dc3c37;
			width: clamp(350px, 26.9vw, 410px);
			&:after {
				right: clamp(60px, 4.6vw, 75px);
			}
		}
	}
}
/*  公式YouTubeチャンネル  */
.youtube_w {
	margin: clamp(200px, 28.5vh, 240px) 0px 0px 0px;
	.youtube_in {
		width: clamp(900px, 75vw, 1200px);
		margin: 0 auto;
		position: relative;
		&:after {
			content: "";
			display: block;
			width: clamp(182px, 14vw, 212px);
			height: clamp(200px, 28.5vh, 229px);
			background-image: url(/img/top/mov_cala.webp);
			background-repeat: no-repeat;
			background-size: contain;
			position: absolute;
			bottom: 13px;
			right: 0px;
			z-index: -1;
		}
		.youtube_in_l {
			display: flex;
			align-items: center;
			gap: 0px 25px;
			position: relative;
			padding: 0px 0px 0px clamp(25px, 1.9vw, 30px);
			&:before {
				content: "";
				display: block;
				background-repeat: no-repeat;
				background-size: contain;
				position: absolute;
				top: -75%;
				left: 0;
				z-index: -1;
				width: clamp(446px, 34.3vw, 536px);
				height: clamp(104px, 14.8vh, 125px);
				background-image: url(/img/top/mov_tit_en.webp);
			}
			>img {
				width: clamp(50px, 3.8vw, 80px);
			}
		}
		>a {
			margin: 0px 0px 0px auto;
			border: none;
			line-height: 50px;
			filter: drop-shadow(0px 3px 3px rgba(123, 0, 0, 0.8));
			&:hover {
				filter: none;
			}
		}
	}
	.youtube_slide {
		margin: 20px 0px 0px 0px;
		>ul {
			>li {
				width: clamp(340px, 26.1vw, 390px);
				box-sizing: border-box;
				padding: 20px;
				border-radius: 20px;
				background-color: #f6f6f6;
				position: relative;
				&:hover {
					>div {
						>iframe {
							transform: scale(1.1);
						}
					}
				}
				>a {
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: clamp(340px, 26.1vw, 390px);
					height: 240px;
					z-index: 999;
				}
				>div {
					border-radius: 10px;
					width: 100%;
					height: auto;
					aspect-ratio: 175 / 99;
					border-radius: 10px;
					overflow: hidden;
					>iframe {
						width: 100%;
						height: 200px;
						transition: all 0.2s;
					}
				}
			}
		}
	}
}
/*  不動産売却コラム  */
.column_w {
	overflow: hidden;
	background: linear-gradient(to right, #fc5048, #e61f1b, #e41512);
	position: relative;
	&:after {
		content: "";
		display: block;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 2px;
		right: calc(50% + 90px);
		width: clamp(191px, 14.6vw, 201px);
		height: clamp(206px, 29.4vh, 218px);
		background-image: url(/img/top/column_cala.webp);
	}
	.column_in {
		width: clamp(900px, 75vw, 1200px);
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		padding: clamp(80px, 11.4vh, 100px) 0px clamp(65px, 9.2vh, 80px) 0px;
		position: relative;
		&:before {
			content: "";
			display: block;
			background-repeat: no-repeat;
			background-size: contain;
			position: absolute;
			top: 0;
			bottom: 0;
			margin: auto;
			left: clamp(-125px, -8vw, -104px);
			width: clamp(112px, 8.6vw, 125px);
			height: clamp(654px, 93.4vh, 732px);
			background-image: url(/img/top/column_tit_en.webp);
		}
		.column_l {
			margin: clamp(50px, 7.1vh, 65px) 0px 0px 0px;
			>h2 {
				font-size: clamp(35px, 2.6vw, 40px);
				line-height: 1.2;
				letter-spacing: 0.1em;
				font-weight: 900;
				color: #ffffff;
				text-align: left;
			}
			>p {
				font-size: clamp(13px, 1vw, 16px);
				line-height: 1.5;
				letter-spacing: 0.05em;
				font-weight: bold;
				color: #ffffff;
				margin: 20px 0px 0px 10px;
			}
			>a {
				box-shadow: 6px 6px 0px 0px #b52e29;
				margin: 30px 0px 0px 0px;
				transition: all 0.2s;
				&:hover {
					box-shadow: 0px 0px 0px 0px #b52e29;
				}
			}
		}
		.column_r {
			width: clamp(540px, 41.5vw, 660px);
			>li {
				margin: 25px 0px 0px 0px;
				>a {
					display: flex;
					background-color: #ffffff;
					border-radius: 10px;
					box-sizing: border-box;
					padding: clamp(25px, 1.9vw, 30px);
					box-shadow: 6px 6px 0px 0px #b52e29;
					gap: 0px 30px;
					position: relative;
					transition: all 0.2s;
					&:hover {
						box-shadow: 0px 0px 0px 0px #b52e29;
						transform: translate(3px, 3px);
					}
					&:after {
						content: "";
						display: block;
						background-repeat: no-repeat;
						background-size: contain;
						position: absolute;
						bottom: 8px;
						right: 8px;
						width: clamp(25px, 1.9vw, 35px);
						height: auto;
						aspect-ratio: 1 / 1;
						background-image: url(/img/top/column_arrow.webp);
					}
					.column_box_l {
						width: clamp(150px, 11.5vw, 180px);
						border-radius: 10px;
						flex-shrink: 0;
						overflow: hidden;
						aspect-ratio: 4 / 3;
						>img {
							width: 100%;
							height: 100% !important;
							object-fit: cover;
						}
					}
					.column_box_r {
						margin: 10px 0px 0px 0px;
						width: calc(100% - clamp(150px, 11.5vw, 180px) - 30px);
						.column_box_r_tit {
							font-size: clamp(15px, 1.15vw, 18px);
							line-height: 1.2;
							font-weight: bold;
							letter-spacing: 0.05em;
							overflow: hidden;
							display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 3;
						}
						.column_tag {
							width: 80%;
							margin: 8px 0px 0px 0px;
							>p {
								display: flex;
								gap: 5px;
								flex-wrap: wrap;
								>label {
									font-size: clamp(10px, 0.76vw, 12px);
									line-height: 17px;
									font-weight: bold;
									padding: 0px 12px;
									text-align: center;
									color: #dc3c36;
									display: inline-block;
									border-radius: 3px;
									border: 2px solid #dc3c36;
									box-sizing: border-box;
									background-color: #fff0f1;
									letter-spacing: 0.05em;
									cursor: pointer;
									&:not(:nth-of-type(-n + 10)) {
										display: none;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
/*  スタッフ紹介  */
.staff_w {
	margin: clamp(180px, 25.7vh, 200px) 0px 0px 0px;
	.staff_in {
		display: flex;
		width: clamp(900px, 75vw, 1200px);
		margin: 0 auto;
		justify-content: space-between;
		align-items: center;
		.sale_top_tit {
			&:before {
				width: clamp(419px, 32.2vw, 519px);
				height: clamp(100px, 14.2vh, 125px);
				background-image: url(/img/top/staff_tit_en.webp);
			}
		}
		.staff_r {
			.staff_r_b {
				font-size: clamp(25px, 1.9vw, 30px);
				line-height: 1.5;
				letter-spacing: 0.05em;
				font-weight: bold;
				>span {
					color: #dc3c36;
				}
			}
			.staff_r_s {
				font-size: clamp(13px, 1vw, 16px);
				line-height: 1.5;
				letter-spacing: 0.05em;
				font-weight: bold;
				margin: 10px 0px 0px 0px;
			}
		}
	}
	.staff_slide {
		margin: 50px 0px 0px 0px;
		>ul {
			>li {
				width: clamp(250px, 19.2vw, 300px);
				>a {
					display: block;
					position: relative;
					padding: 0pc 0pc clamp(25px, 3.5vh, 35px) 0px;
					&:hover {
						.staff_pho_box_in {
							>img {
								transform: scale(1.1);
							}
						}
					}
					&:after {
						content: "";
						display: block;
						background-repeat: no-repeat;
						background-size: contain;
						position: absolute;
						bottom: 0px;
						right: 0px;
						width: clamp(25px, 1.9vw, 35px);
						height: auto;
						aspect-ratio: 1 / 1;
						background-image: url(/img/top/column_arrow.webp);
					}
					.staff_pho_box_w {
						position: relative;
						.staff_pho_box_in {
							overflow: hidden;
							aspect-ratio: 15 / 19;
							>img {
								width: 100%;
								height: 100% !important;
								object-fit: cover;
								transition: all 0.2s;
							}
						}
						.staff_name {
							position: absolute;
							bottom: 0;
							right: -1px;
							background-color: #ffffff;
							border-radius: 20px 0px 0px 0px;
							box-sizing: border-box;
							padding: 15px 15px 5px 15px;
							width: clamp(135px, 10.3vw, 165px);
							>p {
								font-size: clamp(17px, 1.3vw, 20px);
								line-height: 1.2;
								letter-spacing: 0.05em;
								font-weight: bold;
							}
							.staff_tag {
								margin: 5px 0px 0px 0px;
								background-color: #ea3341;
								font-size: clamp(10px, 0.76vw, 12px);
								line-height: 21px;
								font-weight: bold;
								padding: 0px 7px;
								text-align: center;
								color: #ffffff;
								display: inline-block;
								border-radius: 3px;
								letter-spacing: 0.05em;
								cursor: pointer;
							}
						}
					}
					>p {
						font-size: clamp(11px, 0.84vw, 14px);
						line-height: 1.6;
						letter-spacing: 0.05em;
						font-weight: bold;
						margin: 20px 0px 0px 0px;
						>span {
							overflow: hidden;
							display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 2;
						}
					}
				}
			}
			>li:nth-child(2n+1) {
				.staff_pho_box_in {
					border-radius: 135px;
				}
			}
			>li:nth-child(2n) {
				margin: 40px 0px 0px 0px;
				.staff_pho_box_in {
					border-radius: 20px;
				}
			}
		}
	}
	.ad_con_btn {
		margin: clamp(35px, 5vh, 45px) auto 0px auto;
		border: 2px solid #dc3c37;
	}
}
/*  家どっとGroupについて  */
.about_w {
	margin: clamp(150px, 21.4vh, 200px) 0px 0px 0px;
	background-color: #fff3ee;
	box-sizing: border-box;
	padding: clamp(120px, 17.1vh, 150px) 0px clamp(80px, 11.4vh, 100px) 0px;
	.about_in {
		width: clamp(900px, 75vw, 1200px);
		margin: 0 auto;
		.about_intro {
			.sale_top_tit {
				color: #ea3341;
				&:before {
					width: clamp(781px, 60vw, 881px);
					height: clamp(110px, 15.7vh, 125px);
					background-image: url(/img/top/abou_tit_en.webp);
				}
			}
			>p {
				font-size: clamp(13px, 1vw, 16px);
				line-height: 1.5;
				letter-spacing: 0.05em;
				font-weight: bold;
				margin: 25px 0px 0px 0px;
				text-align: center;
				z-index: 2;
				position: relative;
			}
		}
		.about_box_w {
			margin: clamp(40px, 5.7vh, 50px) 0px 0px 0px;
			display: flex;
			gap: 0px clamp(65px, 5vw, 80px);
			position: relative;
			z-index: 0;
			&:before {
				content: "";
				display: block;
				background-repeat: no-repeat;
				background-size: contain;
				position: absolute;
				top: clamp(-200px, -22.8vh, -160px);
				left: 20px;
				width: clamp(187px, 14.3vw, 237px);
				height: clamp(204px, 29.1vh, 258px);
				background-image: url(/img/top/about_cala1.webp);
				z-index: -1;
			}
			&:after {
				content: "";
				display: block;
				background-repeat: no-repeat;
				background-size: contain;
				position: absolute;
				top: clamp(-200px, -22.4vh, -157px);
				right: 20px;
				width: clamp(184px, 14.1vw, 234px);
				height: clamp(200px, 28.5vh, 254px);
				background-image: url(/img/top/about_cala2.webp);
				z-index: -1;
			}
			>li {
				width: calc((100% - clamp(65px, 5vw, 80px)) / 2);
				background-color: #ea3341;
				border-radius: 10px;
				box-sizing: border-box;
				padding: 20px;
				>img {
					border-radius: 10px;
					width: 100%;
				}
				.about_box_btm {
					background-color: #ffffff;
					border-radius: 10px;
					margin: 10px 0px 0px 0px;
					box-sizing: border-box;
					padding: 30px 20px 15px 20px;
					.about_box_com {
						display: flex;
						gap: 0px 40px;
						align-items: center;
						>p {
							font-size: clamp(20px, 1.5vw, 24px);
							line-height: 1.5;
							letter-spacing: 0.05em;
							font-weight: bold;
						}
						>a {
							display: block;
							font-size: clamp(10px, 0.76vw, 12px);
							line-height: 1.5;
							letter-spacing: 0.05em;
							font-weight: bold;
							color: #ffffff;
							position: relative;
							border-radius: 3px;
							line-height: 21px;
							box-sizing: border-box;
							padding: 0px 15px 0px 25px;
							transition: all 0.2s;
							&:before {
								content: "";
								display: block;
								width: 0;
								height: 0;
								border-top: 3.5px solid transparent;
								border-bottom: 3.5px solid transparent;
								border-left: 5px solid #ffffff;
								top: 0;
								bottom: 0;
								margin: auto;
								left: 15px;
								position: absolute;
							}
						}
					}
					.about_box_ad {
						font-size: clamp(13px, 1vw, 16px);
						line-height: 1.2;
						letter-spacing: 0.05em;
						font-weight: bold;
						margin: 10px 0px 0px 0px;
					}
					.about_box_info {
						font-size: clamp(13px, 1vw, 16px);
						line-height: 1.7;
						letter-spacing: 0.05em;
						font-weight: bold;
						margin: 10px 0px 0px 0px;
					}
				}
			}
			>li:nth-child(1) {
				.about_box_com {
					>a {
						background-color: #f37d4f;
						&:hover {
							background-color: #a072a1;
						}
					}
				}
			}
			>li:nth-child(2) {
				.about_box_com {
					>a {
						background-color: #a072a1;
						&:hover {
							background-color: #f37d4f;
						}
					}
				}
			}
		}
		.ad_con_btn {
			margin: clamp(60px, 8.5vh, 80px) auto 0px auto;
			border: 2px solid #dc3c37;
		}
	}
}
.sale_con_btn {
	border-radius: 25px;
	border: 2px solid #ffffff;
	background: linear-gradient(to right, #fc5048, #e61f1b, #e41512);
	text-align: center;
	color: #ffffff;
	display: block;
	width: clamp(250px, 19.2vw, 300px);
	line-height: 46px;
	font-size: clamp(12px, 0.92vw, 16px);
	filter: drop-shadow(0px 5px 4px rgba(170, 170, 170, 1));
	font-weight: bold;
	position: relative;
	letter-spacing: 0.05em;
	transition: all 0.2s;
	&:hover {
		filter: none;
		transform: translate(0px, 4px);
	}
	&:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 10px solid #ffffff;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 20px;
		position: absolute;
	}
}
.ad_con_btn {
	border-radius: 25px;
	border: 2px solid #ffffff;
	background-color: #ffffff;
	text-align: center;
	display: block;
	width: clamp(250px, 19.2vw, 300px);
	line-height: 46px;
	font-size: clamp(13px, 1vw, 16px);
	font-weight: bold;
	position: relative;
	box-shadow: 6px 6px 0px 0px #ea3341;
	transition: all 0.2s;
	&:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 10px solid #ea3341;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 20px;
		position: absolute;
	}
	&:hover {
		box-shadow: 0px 0px 0px 0px #ea3341;
		transform: translate(4px, 4px);
	}
}
.swiper-container {
	overflow: hidden;
}
.sale_top_tit {
	font-size: clamp(35px, 2.6vw, 40px)!important;
	line-height: 1.2 !important;
	letter-spacing: 0.1em;
	font-weight: 900 !important;
	text-align: center;
	position: relative;
	z-index: 0;
	&:before {
		content: "";
		display: block;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		top: -75%;
		right: 0;
		left: 0;
		margin: auto;
		z-index: -1;
	}
}
.moji_noto {
	font-family: "Noto Sans JP", "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
}
img {
	max-width: 100%;
}

footer{
	margin: 80px 0px 0px 0px;
}

/* 一度ご相談ください。 */
.s_t_category {
	padding: 130px 0 60px;
	>h2 {
		&:before {
			width: 920px;
			height: 125px;
			background-image: url(../img/lp/area/categoly_eng.webp);
			left: 0;
			right: 0;
			margin: auto;
		}
	}
	.s_t_category_ti {
		color: #000;
		text-align: center;
		font-size: 30px;
		line-height: 1;
		margin: 0 0 40px;
		font-weight: bold;
		&::after {
			content: "";
			display: block;
			width: 70px;
			height: 5px;
			background-color: #ea3341;
			margin: 30px auto 0;
		}
	}
	ul {
		width: 1200px;
		margin: 80px auto 0px auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0;
		gap: 20px;
		li {
			width: calc((100% - 80px) / 5);
			a {
				background-color: #fff5f5;
				border-radius: 10px;
				display: block;
				padding: 40px 20px;
				box-sizing: border-box;
				text-decoration: none;
				color: #333;
				transition: 0.3s;
				position: relative;
				line-height: normal;
				height: 100%;
				box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
				&:hover {
					transform: translateY(5px);
					box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
				}
				.img {
					text-align: center;
					background-color: #ffffff;
					border-radius: 50%;
					aspect-ratio: 1 / 1;
					display: flex;
					justify-content: center;
					align-items: center;
				}
				h3 {
					font-size: 18px;
					font-weight: bold;
					margin: 20px 0 10px;
					text-align: center;
				}
				p {
					font-size: 14px;
					line-height: 1.5;
					margin: 0;
				}
				&::after {
					content: "";
					position: absolute;
					width: 30px;
					height: 6px;
					border-bottom: 1px solid #333;
					border-right: 1px solid #333;
					transform: skew(40deg);
					right: 20px;
					margin: 0 auto;
					bottom: 20px;
				}
			}
		}
	}
}

/* よくある質問 */
#sa_qa {
	padding: 0!important;
	background: #fff3ee!important;
	.skf_qa_wrap {
		padding: 110px 0 80px;
		>h2 {
			&:before {
				width: 892px;
				height: 156px;
				background-image: url(../img/lp/area/question_eng.webp);
				left: 0;
				right: 0;
				margin: auto;
			}
		}
		>div {
			margin: 80px 0px 0px 0px;
		}
	}
}

.area_main_inner {
	width: clamp(1000px, 76vw, 1400px);
	margin: 0 auto;
	padding: 70px 0px 110px 0px;
	position: relative;
	.area_main_ti {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 900;
		color: #333;
		.banner-container {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
		}
		.line {
			display: flex;
			align-items: center;
			margin-bottom: 15px;
		}
		.line:nth-of-type(2) {
			margin-bottom: 5px;
		}
		.line:last-child {
			margin-bottom: 0;
		}
		.label {
			color: #ffffff;
			border-radius: 10px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			margin-right: 10px;
			background-image: linear-gradient(to bottom, #f0642b, #ee3135);
			font-size: clamp(40px, 3vw, 50px);
			padding: 16px 27px 21px 27px;
			letter-spacing: 0.1em;
			box-sizing: border-box;
		}
		.svg-text {
			filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.4));
			overflow: visible;
			font-size: 25px;
			letter-spacing: 0.1em;
		}
		.svg-text_b {
			font-size: 49px !important;
		}
		.svg-text:last-child {
			margin-right: 0;
		}
		.svg-text text {
			font-family: 'Noto Sans JP', sans-serif;
			font-weight: 900;
			stroke-linejoin: round;
			paint-order: stroke fill;
			stroke-width: 10px;
			font-size: clamp(30px, 2.3vw, 40px);
			letter-spacing: 0.1em;
		}
		/* 文字ごとの色設定 */
		.fill-white {
			fill: white;
		}
		.fill-black {
			fill: #333;
		}
		.stroke-black {
			stroke: #333;
		}
		.stroke-white {
			stroke: white;
		}
		>img {
			width: clamp(720px, 48vw, 880px);
		}
	}
	>img {
		position: absolute;
		top: 0;
		right: 0;
		width: clamp(540px, 35vw, 650px);
	}
}

.area_main_satei_w {
	background-color: #ea3341;
	border-radius: 20px;
	width: calc(100% - 60px);
	margin: 0 auto;
	box-sizing: border-box;
	padding: 35px 0px 20px 0px;
	box-shadow: 0px 3px 6px 0.3px #666666;
	position: absolute;
	bottom: -142.5px;
	left: 0;
	right: 0;
	margin: auto;
	ul {
		background-color: #ffffff;
		display: flex;
		width: 1100px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 20px 60px 25px 60px;
		gap: 0px 20px;
		>li {
			width: calc((100% - 60px) / 4);
			.area_main_satei_step_num {
				font-size: clamp(12px, 0.92vw, 14px);
				line-height: 30px;
				letter-spacing: 0.05em;
				font-weight: bold;
				color: #ffffff;
				display: inline-block;
				box-sizing: border-box;
				padding: 0px 15px;
			}
			select, input {
				width: 100%;
				margin: 5px 0px 0px 0px;
				border-radius: 5px;
				height: 40px;
				box-sizing: border-box;
				padding: 0px 10px;
			}
			/* 1. 全てのセレクトボックス共通の設定 */
			select.jcjs_sf {
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				/* 矢印と文字が重ならないように右側の余白を調整 */
				padding-right: 30px !important;
				background-repeat: no-repeat;
				/* 位置：右から10px、上下中央 */
				background-position: right 10px center;
				/* サイズ：横幅10px、高さ28px */
				background-size: 10px 9px;
				cursor: pointer;
			}
			select.jcjs_sf:focus {
				outline: none;
			}
			/* STEP1 */
			select[name="SfItemVals[6]"]:focus {
				border-color: #fcb11e;
			}
			/* STEP3 */
			select[name="SfItemVals[21]"]:focus {
				border-color: #e28309;
			}
			/* STEP4 */
			select[name="SfItemVals[22][]"]:focus {
				border-color: #c36e00;
			}
			input.fo_err:focus {
				outline: none;
				/* デフォルトのアウトライン（黒い枠）を消す */
				border-color: #f49215;
				/* フォーカス時のボーダー色を初期状態（例: #ccc）のまま固定する */
			}
			select.jcjs_sf option {
				color: #333;
				background-color: #fff;
				/* 背景が透過して見づらくなるのを防ぐ */
			}
			select.jcjs_sf option:nth-of-type(1) {
				color: #ccc;
			}
			input.fo_err {
				color: #333 !important;
				/* 入力された文字を黒にする */
			}
			select.jcjs_sf::-ms-expand {
				display: none;
			}
			/* それぞれのSVGタグ内に preserveAspectRatio="none" を追加しました。
  また、引き伸ばした際に綺麗な二等辺三角形になるようSVG内の数値も最適化しています。
*/
			/* 2. STEP1（物件種別）: #fcb11e */
			select[name="SfItemVals[6]"] {
				background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="28" viewBox="0 0 10 28" preserveAspectRatio="none"><polygon points="0,0 10,0 5,28" fill="%23fcb11e"/></svg>');
			}
			/* 3. STEP3（売却希望時期）: #e28309 */
			select[name="SfItemVals[21]"] {
				background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="28" viewBox="0 0 10 28" preserveAspectRatio="none"><polygon points="0,0 10,0 5,28" fill="%23e28309"/></svg>');
			}
			/* 4. STEP4（お問い合わせ内容）: #c36e00 */
			select[name="SfItemVals[22][]"] {
				background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="28" viewBox="0 0 10 28" preserveAspectRatio="none"><polygon points="0,0 10,0 5,28" fill="%23c36e00"/></svg>');
			}
			input.fo_err::placeholder {
				color: #d8d6d6 !important;
				/* お好みの薄さに合わせて #999 や #bbb に調整してください */
				opacity: 1;
				/* Firefoxで文字が薄くなりすぎるのを防ぐ */
			}
			select.jcjs_sf:has(option[value=""]:checked) {
				color: #d8d6d6;
				/* お好みのグレー */
			}
			/* 選択後（value="" 以外の option が選択された時）：黒にする */
			select.jcjs_sf:not(:has(option[value=""]:checked)) {
				color: #000000;
				/* 黒 */
			}
			/* ドロップダウンを開いたときの選択肢リストの中身は常に黒文字 */
			select.jcjs_sf option {
				color: #000000;
			}
		}
		>li:nth-child(1) {
			.area_main_satei_step_num {
				background-color: #fcb11e;
			}
			select {
				border: 1px solid #fcb11e;
			}
		}
		>li:nth-child(2) {
			.area_main_satei_step_num {
				background-color: #f49215;
			}
			input {
				border: 1px solid #f49215;
				color: #dddddd;
			}
		}
		>li:nth-child(3) {
			.area_main_satei_step_num {
				background-color: #e28309;
			}
			select {
				border: 1px solid #e28309;
			}
		}
		>li:nth-child(4) {
			.area_main_satei_step_num {
				background-color: #c36e00;
			}
			select {
				border: 1px solid #c36e00;
			}
		}
	}
	.sale_t_box_btn {
		text-align: center;
		>button {
			width: 900px;
			border-radius: 48px;
			height: 95px;
			margin: 20px auto 0px auto;
			background: linear-gradient(180deg, #fcb11e 0%, #fcb11e 50%, #e3a121 50%, #e3a121 100%);
			border: none;
			cursor: pointer;
			font-size: 40px;
			color: #ffffff;
			letter-spacing: 0.1em;
			font-weight: bold;
			-webkit-text-stroke: 6px #e3a121;
			paint-order: stroke fill;
			text-shadow: 4px 4px 6px #774f00;
			font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Arial', 'メイリオ', 'Meiryo', sans-serif;
			display: flex;
			align-items: center;
			justify-content: center;
			box-shadow: 2px 2px 6px 0px #555555;
			position: relative;
			box-sizing: border-box;
			padding: 0px 60px 0px 0px;
			transition: all 0.2s;
			&:hover {
				opacity: 0.9;
			}
			&:before {
				content: "";
				display: block;
				width: 116px;
				height: 108px;
				background-image: url(../img/lp/area/main_btn_cala.png);
				background-repeat: no-repeat;
				background-size: contain;
				position: absolute;
				bottom: 0px;
				right: 70px;
			}
			>span {
				background: linear-gradient(180deg, #e34e51 0%, #e34e51 50%, #d70106 50%, #d70106 100%);
				color: #ffffff;
				font-size: 20px;
				line-height: 35px;
				letter-spacing: 0.1em;
				display: inline-block;
				padding: 0px 15px;
				margin: 0px 30px 0px 0px;
				-webkit-text-stroke: 0px #e3a121;
				text-shadow: 0px 0px 0px #774f00;
			}
		}
	}
}