@charset "shift_jis";
/*************************************************/
/* 制作を始める時にはtop.css、header.css、h_menu.cssの中身をを削除してください */
/* ナビメニューのプルダウンを使用したい場合にはh_menu.cssの記述を参考にしてみてください。 */
/* この下にあるコメントアウトを活用してください！ */
/* 「assessment」は売却査定フォームのデフォルトデザイン用cssです */
/*************************************************/
/*************************************************/
/*  assessment  */
/*************************************************/
.t_asse_form_wrap {
	width: 1000px;
	margin: 0 auto 40px;
}
.t_asse_form_wrap .h2_title {
	width: 1000px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.t_asse_form {
	margin: 20px auto;
	border-radius: 3px;
	box-shadow: 0 0 3px 0 #999;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.t_asse_form table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
}
.t_asse_form tr {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 3px;
}
.t_asse_form tr th,
.t_asse_form tr td {
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.t_asse_form tr th {
	width: 25%;
	background: #FAFAF9;
}
.t_asse_form tr th {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	align-items: flex-start;
	text-align: left;
}
.t_asse_form tr td {
	width: 75%;
	font-size: 15px;
	line-height: 22px;
}
.t_asse_form th span {
	font-size: 12px;
	font-weight: bold;
	padding: 0 10px;
	line-height: 22px;
	border-radius: 3px;
}
.t_asse_form th span.t_asse_required {
	border: 1px solid #ff4a32;
	color: #ff4a32;
	background: #FFE8E5;
}
.t_asse_form th span.t_asse_any {
	border: 1px solid #237dc0;
	color: #237dc0;
	background: #dfebf5;
}
.t_asse_form td p {
	color: #999;
}
.t_asse_form td input[type="text"],
.t_asse_form td input[type="tel"],
.t_asse_form td input[type="password"],
.t_asse_form td input[type="number"],
.t_asse_form td textarea,
.t_asse_form td select {
	font-size: 16px;
	line-height: 24px;
	padding: 8px 15px;
	border: 1px solid #ccdae4;
	background: #f5f9fc;
	font-family: 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	margin-bottom: 4px;
	margin-right: 5px;
}
.t_asse_form td input[type="button"] {
	font-family: 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	font-size: 16px;
	line-height: 24px;
	padding: 8px 15px;
	border: 1px solid #ccc;
	background: #eee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	cursor: pointer;
}
.t_asse_form td input[type="button"]:hover {
	background: #ccc;
}
.t_asse_form td select {
	cursor: pointer;
	height: 42px;
	vertical-align: bottom;
}
.t_asse_form td textarea {
	height: 150px;
	display: block;
}
.t_asse_form td label {
	border: 1px solid #ccdae4;
	background: #f5f9fc;
	cursor: pointer;
	border-radius: 3px;
	padding: 9px 15px 9px 9px;
	display: inline-block;
	margin: 0 2px 5px 0;
}
.t_asse_form td label input {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.t_asse_form td label input[type="checkbox"],
.t_asse_form td label input[type="radio"] {
	vertical-align: sub;
	margin: 0 5px 0 0;
	cursor: pointer;
}
.t_asse_form td input[type="text"]:hover,
.t_asse_form td input[type="tel"]:hover,
.t_asse_form td input[type="password"]:hover,
.t_asse_form td input[type="number"]:hover,
.t_asse_form td textarea:hover,
.t_asse_form td select:hover,
.t_asse_form td label:hover {
	background: #f9fcf5;
	border: 1px solid #d6eaba;
}
.t_asse_btn input[type="submit"] {
	-webkit-appearance: none;
	border: 2px solid #2799fb;
	background: #2799fb;
	color: #fff;
	border-radius: 30px;
	width: 400px;
	height: 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 0 3px 0 #999;
	padding: 0 40px;
	font-weight: bold;
	cursor: pointer;
	margin: 0 auto;
	font-size: 20px;
	display: block;
	font-family: 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}
.t_asse_btn input[type="submit"]:hover {
	color: #2799fb;
	background: #fff;
}
.t_asse_btn input[type="button"] {
	-webkit-appearance: none;
	border: 1px solid #ccc;
	background: #eee;
	border-radius: 3px;
	width: 100px;
	height: 40px;
	font-weight: bold;
	cursor: pointer;
	margin: 0 auto;
	display: block;
	font-family: 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}
.t_asse_btn input[type="button"]:hover {
	background: #ccc;
}
/*************************************************/
/* ここから下は削除して問題ありません  */
/*************************************************/
.sy_plan-detail {
	margin: 0 auto 60px;
	padding-top: 60px;
}
.sy_plan-detail table {
	border-collapse: collapse;
	width: 70%;
}
.sy_plan-detail th, .sy_plan-detail td {
	border: 1px solid #ccc;
	padding: 4px;
	font-weight: bold;
	font-size: 14px;
}
.sy_plan-detail th {
	width: 275px;
}
.sy_plan-detail td {
	width: 822px;
	height: 50px;
	padding: 10px 5px;
}
.sy_plan-detail .title {
	background: #065C40;
	color: #fff;
	line-height: 40px;
}
.sy_plan-detail tbody {}
.sy_plan-detail tbody th {
	text-align: left;
}
.sy_plan-detail tbody tr:nth-child(2n-1) th {
	background: #F5F5F5;
}
.sy_plan-detail tbody tr:nth-child(2n-1) td {
	background: #F4F9FF;
}
/*************************************************/
/* bukken_test
---------------------------------------- */
.tokusen_wrap {
	width: 1100px;
	margin: 10px auto 50px auto;
}
/********************************************
  
    .tb3_1_w780
  
*********************************************/
.tb3_1_w780 {
	width: 1100px;
	overflow: hidden;
}
.tb3_1_w780_row {
	width: 220px;
	margin: 0 46px 0 0;
	padding: 10px;
	position: relative;
	list-style: none;
	border-top: 1px solid #404040;
	border-bottom: 1px solid #404040;
	float: left;
	height: 320px;
	background: #FFF;
}
.tb3_1_w780_row>a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-decoration: none;
}
.tb3_1_w780_title {
	width: 220px;
	top: 170px;
	left: 10px;
	position: absolute;
	color: #515151;
	text-decoration: underline;
	height: 38px;
	font-size: 14px;
	display: block;
	text-align: left;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: bold;
	line-height: 19px;
}
.tb3_1_w780_row:hover {
	background: #EEDBA2;
}
.tb3_1_w780_row:last-child {
	margin-right: 0 !important;
}
.tb3_1_w780_row ul {
	margin: 45px auto auto auto;
	text-align: left;
	padding: 0;
}
.tb3_1_w780_row ul li {
	font-size: 12px;
	margin: 0;
	clear: both;
	list-style: none;
	font-weight: bold;
	line-height: 26px;
}
.tb3_1_w780_img {
	margin: 0;
	/* max-height: 155px; */
	overflow: hidden;
	margin-bottom: 32px;
	/* border-bottom: 3px solid #FF0000; */
	height: 155px;
}
.tb3_1_w780_img img {
	max-width: 220px;
	height: auto;
}
.tb3_1_w780_img a {
	display: block;
}
.tb3_1_w780 ul div.tb3_1_w780_shosai {
	padding: 0 10px 5px 10px;
}
.tb3_1_w780 ul li.tb3_1_w780_kakaku {}
.tb3_1_w780 ul li.tb3_1_w780_kakaku b {
	color: #E75355;
	line-height: 28px;
	font-size: 17px;
}
.tb3_1_w780 ul li.tb3_1_w780_adress, .tb3_1_w780 ul li.tb3_1_w780_access {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tb3_1_w780 ul li.tb3_1_w780_more {
	width: 130px;
	margin: 10px auto auto;
	height: 25px;
	background: #CCCCCC;
	text-align: center;
	line-height: 25px;
}
.tb3_1_w780_row:hover .tb3_1_w780_more {
	background: #333333;
	color: #FFF;
}
body {
	background: #fdfaf4;
	& h1 {
		position: absolute;
	}
}
#top_w {
	& h2, h3, ul, li, p {
		margin: 0;
		padding: 0;
	}
	& ul {
		list-style: none;
	}
	& a {
		text-decoration: none;
		color: #333333;
	}
	.t_conts_wide {
		width: clamp(1100px, 85vw, 1520px);
		margin-right: auto;
		margin-left: auto;
	}
	.t_title {
		>p {
			margin: 0 0 clamp(28px, 3.9vh, 35px) 0;
			font-size: clamp(58px, 3.9vw, 70px);
			line-height: 1;
			letter-spacing: 0.1em;
		}
		>h2 {
			font-size: clamp(22px, 1.45vw, 26px);
			line-height: 1;
			color: #767676;
			letter-spacing: 0.1em;
		}
	}
	.t_catch {
		display: inline-block;
		margin-bottom: clamp(35px, 4.5vh, 40px);
		font-size: clamp(34px, 2.4vw, 42px);
		line-height: 1.4;
		font-weight: 700;
		color: #bdac6f;
		letter-spacing: 0.1em;
		position: relative;
		&:before {
			content: "“";
			font-size: clamp(38px, 2.5vw, 45px);
			position: absolute;
			left: calc(clamp(30px, 2vw, 35px)*-1);
			top: -15px;
		}
		&:after {
			content: "”";
			font-size: clamp(38px, 2.5vw, 45px);
			position: absolute;
			right: calc(clamp(30px, 2vw, 35px)*-1);
			bottom: -20px;
		}
	}
	.t_txt {
		font-size: clamp(14px, 1vw, 18px);
		line-height: 1.7;
		letter-spacing: 0.1em;
	}
	.t_btn {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: clamp(330px, 22.5vw, 400px);
		box-sizing: border-box;
		padding: clamp(28px, 3.9vh, 35px) clamp(20px, 1.4vw, 25px);
		border-radius: 50px;
		background-color: #333333;
		font-size: clamp(16px, 1.1vw, 20px);
		line-height: 1;
		color: #FFF;
		transition: all 0.2s;
		&:after {
			content: "";
			width: clamp(15px, 1vw, 18px);
			height: auto;
			aspect-ratio: 1 / 1;
			background-image: url(/img/top/more_ar.webp);
			background-repeat: no-repeat;
			background-size: cover;
		}
	}
	& a.t_btn:hover {
		background-color: #bdac6f;
	}
	.font_blue {
		color: #5075bb;
	}
	.font_gold {
		color: #bdac6f;
	}
	.font_gray {
		color: #878787;
	}
	/* メイン */
	#t_main {
		position: relative;
		.main_scroll {
			margin: 0 0 110px 0;
			>div {
				display: flex;
				overflow: hidden;
				>img {
					animation: infinity-scroll-left 80s infinite linear 0.5s both;
					width: 115vw;
					max-width: 2220px;
				}
			}
		}
		.main_catch {
			display: flex;
			justify-content: flex-end;
			width: 100%;
			height: 100%;
			box-sizing: border-box;
			margin: auto;
			padding: 0 clamp(165px, 11vw, 200px);
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			>div {
				display: flex;
				flex-direction: row-reverse;
				justify-content: space-between;
				gap: 0 clamp(25px, 1.65vw, 30px);
				box-sizing: border-box;
				padding: clamp(40px, 5.5vh, 50px) clamp(35px, 23.5vw, 42px) 0 clamp(40px, 28vw, 50px);
				background: #fdfaf4;
				>h2 {
					-ms-writing-mode: tb-rl;
					writing-mode: vertical-rl;
					font-size: clamp(33px, 2.2vw, 40px);
					line-height: 1.75;
					>span {
						color: #bdac6f;
					}
				}
				>p {
					display: flex;
					flex-direction: column;
					align-items: flex-end;
					-ms-writing-mode: tb-rl;
					writing-mode: vertical-rl;
					font-size: clamp(13px, 0.89vw, 16px);
					line-height: 1.875;
					color: #c8ba8d;
				}
			}
		}
	}
	>main {
		& img {
			max-width: 100%;
		}
		/* 振り分け */
		#t_nav {
			margin-bottom: 150px;
			padding: clamp(45px, 6.1vh, 55px) clamp(55px, 3.6vw, 65px) clamp(35px, 5vh, 45px) clamp(55px, 3.6vw, 65px);
			background: #FFF;
			border-radius: 30px;
			>ul {
				display: flex;
				gap: 0 clamp(45px, 3vw, 55px);
				>li {
					width: calc((100% - clamp(45px, 3vw, 55px)*3)/4);
					>a {
						display: block;
						letter-spacing: 0.05em;
						>div {
							aspect-ratio: 17 / 14;
							margin: 0 0 clamp(16px, 2.2vh, 20px) 0;
							border-radius: 20px;
							overflow: hidden;
							>img {
								width: 100%;
								height: 100%;
								object-fit: cover;
								transition: all 0.2s;
							}
						}
						>p {
							transition: all 0.2s;
						}
						.t_nav_txt {
							margin: 0 0 clamp(12px, 1.65vh, 15px) 0;
							font-size: clamp(13px, 0.89vw, 16px);
							line-height: 1;
						}
						.t_nav_name {
							display: flex;
							align-items: center;
							gap: 0 8px;
							font-size: clamp(24px, 1.5vw, 28px);
							line-height: 1;
							&:before {
								content: "";
								width: clamp(24px, 1.5vw, 28px);
								height: auto;
								aspect-ratio: 1 / 1;
								background-image: url(/img/top/nav_ar.webp);
								background-repeat: no-repeat;
								background-size: cover;
							}
						}
						&:hover {
							>div {
								>img {
									transform: scale(1.1);
								}
							}
							>p {
								color: #bdac6f;
							}
						}
					}
				}
			}
		}
		/* インフォメーション */
		#t_info {
			margin-bottom: 150px;
			.t_info_tl {
				display: flex;
				align-items: flex-end;
				justify-content: space-between;
				margin: 0 0 65px 0;
			}
			& iframe {
				width: 100%;
				height: clamp(280px, 37.5vh, 330px);
			}
		}
		/* 借りたい */
		#t_rent {
			margin: 0 0 150px 0;
			.t_rent_conts {
				margin-bottom: 80px;
				position: relative;
				.t_title {
					margin-bottom: clamp(25px, 3.4vh, 30px);
				}
				.t_rent_box {
					display: flex;
					align-items: flex-start;
					justify-content: flex-end;
					gap: 0 clamp(65px, 4.5vw, 80px);
					>div {
						width: clamp(490px, 32.5vw, 585px);
						margin-top: clamp(55px, 7.8vh, 70px);
						.t_txt {
							margin-bottom: clamp(80px, 11vh, 100px);
							padding-right: clamp(65px, 4.5vw, 80px);
						}
						>div {
							display: flex;
							justify-content: flex-end;
						}
					}
				}
				.t_rent_img {
					width: clamp(400px, 30vw, 550px);
				}
				.t_rent_illust {
					width: clamp(340px, 23vw, 409px);
					position: absolute;
					bottom: -70px;
					left: -20px;
				}
			}
			& iframe {
				width: 100%;
				height: clamp(430px, 60vh, 560px);
			}
		}
		/* 物件スライド */
		.t_bukken {
			width: 100%;
			padding: 5px 0;
			overflow: hidden;
		}
		.t_bukken_slide {
			position: relative;
			>ul {
				>li {
					width: clamp(350px, 23.5vw, 420px);
					>a {
						display: block;
						box-sizing: border-box;
						padding: clamp(25px, 1.65vw, 30px);
						background: #FFF;
						border-radius: 20px;
						box-shadow: 0px 0px 6px 0px RGBA(179, 179, 179, 0.2);
						.t_bukken_img {
							width: 100%;
							height: 100%;
							aspect-ratio: 6 / 5;
							margin: 0 0 clamp(12px, 0.85vw, 15px) 0;
							border-radius: 16px 16px 16px 0;
							overflow: hidden;
							position: relative;
							>img {
								width: 100%;
								height: 100%;
								object-fit: cover;
								transition: all 0.2s;
							}
							>p {
								display: inline-block;
								border-radius: 0 16px 0 0;
								padding: 15px 18px 0 0;
								background: #FFF;
								font-size: clamp(16px, 1.1vw, 20px);
								line-height: 1.2;
								color: #bdac6f;
								position: absolute;
								bottom: 0;
								left: 0;
							}
						}
						.t_bukken_name {
							margin: 0 0 clamp(12px, 0.85vw, 15px) 0;
							font-size: clamp(22px, 1.4vw, 26px);
							line-height: 1;
							letter-spacing: 0.1em;
							transition: all 0.2s;
							>span {
								overflow: hidden;
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 1;
							}
						}
						.t_bukken_price {
							display: flex;
							align-items: baseline;
							gap: 0 12px;
							margin: 0 0 clamp(12px, 0.85vw, 15px) 0;
							>p {
								display: flex;
								align-items: baseline;
								font-size: clamp(15px, 1vw, 18px);
								line-height: 1;
								>span {
									font-size: clamp(22px, 1.4vw, 26px);
								}
							}
							.t_bukken_yachin:after {
								content: "";
								width: 2px;
								height: 18px;
								margin-left: 12px;
								background: #333333;
								border-radius: 1px;
								transform: rotate(20deg);
							}
							.t_bukken_yachin span {
								color: #bdac6f;
								margin-left: 8px;
							}
							.t_bukken_kanri span {
								margin-left: 8px;
							}
							.t_bukken_kakaku:after {
								content: "";
								width: 2px;
								height: 18px;
								margin-left: 12px;
								background: #333333;
								border-radius: 1px;
								transform: rotate(20deg);
							}
							.t_bukken_kakaku span {
								color: #bdac6f;
								margin-left: 8px;
							}
						}
						>ul {
							>li {
								font-size: clamp(15px, 1vw, 18px);
								line-height: 1;
								color: #878787;
								&:not(:last-child) {
									margin: 0 0 7px 0;
								}
								>span {
									overflow: hidden;
									display: -webkit-box;
									-webkit-box-orient: vertical;
									-webkit-line-clamp: 1;
								}
							}
						}
						&:hover {
							.t_bukken_img {
								>img {
									transform: scale(1.1);
								}
							}
							.t_bukken_name {
								color: #bdac6f;
							}
						}
					}
				}
			}
			.t_bukken_slide_btn {
				display: flex;
				justify-content: space-between;
				width: clamp(1200px, 80vw, 1450px);
				height: fit-content;
				margin: auto;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				.t_bukken_slide_btn_prev, .t_bukken_slide_btn_next {
					display: flex;
					align-items: center;
					justify-content: center;
					width: clamp(90px, 5.9vw, 106px);
					height: clamp(90px, 5.9vw, 106px);
					border-radius: 50%;
					box-sizing: border-box;
					border: 1px solid #bdac6f;
					cursor: pointer;
					position: relative;
					z-index: 2;
					>img {
						width: clamp(21px, 1.4vw, 25px);
					}
				}
			}
		}
		/* オーナー様へ */
		#t_owner {
			margin: 0 0 160px 0;
			.t_owner_conts {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				gap: 0 clamp(80px, 5.5vw, 100px);
				margin-bottom: 80px;
				>img {
					width: clamp(460px, 35vw, 620px);
					border-radius: 20px;
				}
				>div {
					.t_title {
						margin: 0 0 clamp(48px, 6.5vh, 60px) 0;
					}
					.t_txt {
						margin: 0 0 clamp(48px, 6.5vh, 60px) 0;
					}
					>ul {
						display: flex;
						gap: 0 15px;
						>li {
							>a.t_btn {
								width: clamp(300px, 20vw, 370px);
							}
						}
					}
				}
			}
			.t_owner_scroll {
				>div {
					display: flex;
					overflow: hidden;
					>img {
						animation: infinity-scroll-left 80s infinite linear 0.5s both;
						width: 115vw;
						max-width: 2175px;
					}
				}
			}
		}
		/* 買いたい */
		#t_buy {
			margin: 0 0 160px 0;
			padding: 0 0 90px 0;
			position: relative;
			&:before {
				content: "";
				width: 94vw;
				height: calc(100% - clamp(32px, 4.5vh, 40px));
				margin: auto;
				background: #FFF;
				border-radius: 300px 30px 30px 30px;
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				z-index: -1;
			}
			.t_buy_conts {
				display: flex;
				align-items: flex-end;
				justify-content: space-between;
				margin-bottom: 80px;
				>div {
					.t_title {
						margin: 0 0 clamp(65px, 9vh, 80px) 0;
					}
					.t_buy_box {
						padding: 0 clamp(95px, 6vw, 110px) 0 0;
						.t_txt {
							margin: 0 0 clamp(52px, 7.2vh, 65px) 0;
						}
					}
				}
				>img {
					width: clamp(540px, 41.5vw, 750px);
				}
			}
			.t_member {
				display: block;
				margin-top: 85px;
				border-radius: 70px 70px 0 10px;
				box-shadow: 0px 0px 6px 0px RGBA(179, 179, 179, 0.2);
				overflow: hidden;
				transition: all 0.2s;
				&:hover {
					transform: translateY(-5px);
					box-shadow: 0px 0px 12px 0px RGBA(179, 179, 179, 0.4);
				}
			}
		}
		/* 売却 */
		#t_sale {
			margin: 0 0 150px 0;
			padding: 110px 0 0 0;
			background: #efecdf;
			>div {
				box-sizing: border-box;
				padding: 80px 0 80px clamp(50px, 3.4vw, 60px);
				position: relative;
				z-index: 2;
				&:before {
					content: "";
					width: clamp(640px, 45vw, 800px);
					height: 100%;
					background: #FFF;
					position: absolute;
					left: 0;
					top: 0;
					z-index: -1;
				}
				&:after {
					content: "";
					width: clamp(730px, 53.5vw, 960px);
					height: clamp(380px, 53.5vh, 480px);
					background: #FFF;
					position: absolute;
					left: 0;
					top: 0;
					z-index: -1;
				}
				.t_sale_box {
					width: clamp(550px, 39vw, 700px);
					box-sizing: border-box;
					margin: 0 0 70px 0;
					padding: 0 clamp(25px, 1.65vw, 30px) 80px clamp(12px, 0.85vw, 15px);
					border-bottom: 1px solid #333333;
					.t_title {
						margin: 0 0 clamp(55px, 7.8vh, 70px) 0;
					}
					.t_txt {
						margin: 0 0 clamp(45px, 6.1vh, 55px) 0;
					}
					>ul {
						>li:not(:last-child) {
							margin: 0 0 clamp(16px, 2.2vh, 20px) 0;
						}
					}
				}
				.t_sale_res {
					.t_sale_res_tl {
						display: flex;
						align-items: baseline;
						gap: 0 clamp(25px, 3.4vh, 40px);
						margin: 0 0 60px 0;
						line-height: 1;
						letter-spacing: 0.1em;
						>h2 {
							font-size: clamp(38px, 2.5vw, 45px);
							font-weight: 500;
						}
						>p {
							font-size: clamp(18px, 1.2vw, 22px);
						}
					}
					>iframe {
						width: 100%;
						height: clamp(380px, 51vh, 450px);
					}
				}
				.t_sale_img01 {
					width: calc(100% - clamp(730px, 53.5vw, 960px) - 50px);
					height: clamp(380px, 53.5vh, 480px);
					object-fit: cover;
					object-position: bottom;
					border-radius: 30px;
					position: absolute;
					top: 0;
					right: 0;
				}
				.t_sale_img02 {
					width: calc(100% - clamp(640px, 45vw, 800px) - 50px);
					height: clamp(380px, 53.5vh, 480px);
					object-fit: cover;
					object-position: bottom;
					border-radius: 30px;
					position: absolute;
					top: calc(clamp(380px, 53.5vh, 480px) + 50px);
					right: 0;
				}
			}
		}
		/* お客様の声 */
		#t_voice {
			margin: 0 0 130px 0;
			padding: 0 0 55px 0;
			position: relative;
			&:after {
				content: "";
				width: 100%;
				height: calc(100% - clamp(24px, 3.3vh, 30px));
				background: #efecdf;
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: -1;
			}
			.t_title {
				margin: 0 0 clamp(45px, 6.1vh, 55px);
				text-align: center;
			}
			>iframe {
				margin: 0 0 45px 0;
				width: 100%;
				height: clamp(360px, 49vh, 430px);
			}
			.t_btn {
				margin: 0 auto;
			}
		}
		/* リフォーム */
		#t_reform {
			margin: 0 0 200px 0;
			overflow: hidden;
			position: relative;
			.t_reform_img {
				>img {
					width: 100%;
					height: clamp(400px, 56vh, 510px);
					object-fit: cover;
				}
			}
			.t_reform_conts {
				>div {
					width: clamp(600px, 42vw, 760px);
					box-sizing: border-box;
					margin-top: -120px;
					padding-top: clamp(80px, 11vh, 100px);
					padding-left: clamp(70px, 4.7vw, 85px);
					padding-right: clamp(20px, 1.4vw, 25px);
					background: #fdfaf4;
					border-radius: 50px 50px 0 0;
					position: relative;
					&:before, &:after {
						content: "";
						width: 48px;
						height: 37px;
						background-repeat: no-repeat;
						background-size: cover;
						position: absolute;
					}
					&:before {
						background-image: url(/img/top/reform_deco_l.webp);
						left: -48px;
						top: 83px;
					}
					&:after {
						background-image: url(/img/top/reform_deco_r.webp);
						right: -48px;
						top: 83px;
					}
					.t_title {
						margin: 0 0 clamp(50px, 6.7vh, 60px) 0;
					}
					.t_txt {
						margin: 0 0 clamp(52px, 7.2vh, 65px) 0;
					}
				}
			}
			>iframe {
				width: 100%;
				height: clamp(550px, 78vh, 660px);
				position: absolute;
				bottom: -10px;
				left: calc(50% + clamp(80px, 5.5vw, 100px));
			}
		}
		/* 当社について */
		#t_company {
			>div {
				position: relative;
				padding: clamp(110px, 15.5vh, 140px) 0 clamp(65px, 9vh, 80px) 0;
				margin: 0 0 70px 0;
				&:before {
					content: "";
					width: 80vw;
					height: 100%;
					border-radius: 50px;
					background: #FFF;
					position: absolute;
					top: 0;
					right: 2.5vw;
					z-index: -1;
				}
				>div {
					display: flex;
					justify-content: space-between;
					.t_company_l {
						position: relative;
						width: clamp(500px, 37vw, 670px);
						>img {
							width: clamp(140px, 10.2vw, 185px);
							position: absolute;
							top: clamp(21px, 1.4vw, 25px);
							right: clamp(10px, 0.85vw, 15px);
						}
						.t_title {
							margin: 0 0 clamp(60px, 8.3vh, 75px) 0;
						}
						.t_txt {
							margin: 0 0 clamp(24px, 3.3vh, 30px) 0;
						}
						>ul {
							>li {
								display: flex;
								align-items: center;
								gap: 0 clamp(35px, 2.2vw, 40px);
								padding: clamp(20px, 1.4vw, 25px) 0;
								>p {
									font-size: clamp(16px, 1.1vw, 20px);
									line-height: 1.5;
								}
								.t_company_item {
									display: flex;
									align-items: center;
									justify-content: space-between;
									min-width: clamp(100px, 7.2vw, 130px);
									&:after {
										content: ":";
										font-size: clamp(20px, 1.35vw, 24px);
									}
								}
								&:not(:last-child) {
									border-bottom: 1px solid #464646;
								}
							}
						}
					}
					.t_company_r {
						display: flex;
						flex-direction: column;
						gap: clamp(45px, 6.1vh, 55px) 0;
						width: clamp(500px, 42vw, 760px);
					}
				}
			}
			>ul {
				display: flex;
				gap: 0 clamp(45px, 3vw, 55px);
				>li {
					width: calc((100% - clamp(45px, 3vw, 55px)*3)/4);
					>a {
						>div {
							width: 100%;
							aspect-ratio: 17 / 20;
							margin: 0 0 clamp(16px, 2.2vh, 20px) 0;
							border-radius: 15px;
							overflow: hidden;
							>img {
								width: 100%;
								height: 100%;
								object-fit: cover;
								transition: all 0.2s;
							}
						}
						.t_company_nav_name {
							margin: 0 0 clamp(12px, 0.85vw, 15px) 0;
							font-size: clamp(20px, 1.35vw, 24px);
							line-height: 1;
							letter-spacing: 0.05em;
							transition: all 0.2s;
							>span {
								display: inline-block;
								padding-bottom: 10px;
								border-bottom: 1px solid #333333;
								transition: all 0.2s;
							}
						}
						.t_company_nav_txt {
							font-size: clamp(11px, 0.85vw, 15px);
							line-height: 1.5;
							letter-spacing: 0.1em;
							color: #878787;
						}
						&:hover {
							>div {
								>img {
									transform: scale(1.1);
								}
							}
							.t_company_nav_name {
								color: #bdac6f;
								>span {
									border-bottom: 1px solid #bdac6f;
								}
							}
						}
					}
				}
			}
		}
	}
}
@keyframes infinity-scroll-left {
	from {
		transform: translateX(-100%);
	}
	to {
		transform: translateX(0%);
	}
}