@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: clamp(11px, 0.85vw, 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: clamp(11px, 0.85vw, 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;
}
/*************************************************/
/* TOPページCSS  */
/*************************************************/
body {
	margin: 0;
	padding: 0 !important;
	font-family: "Noto Sans JP", serif;
	font-weight: 500;
	font-style: normal;
}
p, h2, h3, ul, li {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
a {
	color: #333333;
	text-decoration: none;
}
img {
	display: block;
	max-width: 100%;
}
#h_wrap {
	top: 0;
}
/* main */
.t_main_w {
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	>div.t_main_inner {
		width: clamp(1000px, 70vw, 1200px);
		margin: 0 auto;
		position: relative;
		& img {
			display: inline-block;
		}
		& h1 {
			width: 100%;
			margin: 0 0 35px 0;
			padding: 0;
			text-align: center;
			position: relative;
			z-index: 99;
		& img {
			width: 70%;
			height: 70%;
			display: inline-block;
		}
		}
		& p {
			text-align: center;
		}
		.t_main_txt {
			margin: 0 0 15px 0;
			font-size: 20px;
			color: #FFF;
			font-weight: bold;
			line-height: 1;
			letter-spacing: 0.1em;
		}
		.t_main_scroll {
			position: absolute;
			left: 20px;
			bottom: 0;
			&:after {
				content: "";
				width: 2px;
				margin: 0 auto;
				background: #FFF;
				animation: main_scroll 2s ease-in-out infinite reverse;
				position: absolute;
				left: 0;
				right: 0;
				bottom: -70px;
			}
		}
	}
	.t_main_chinese a img {
		width: clamp(280px, 21.5vw, 408px);
		height: auto;
		position: absolute;
		right: 20px;
		bottom: clamp(80px, 10.1vh, 110px);

	}
	.t_main_chinese a img:nth-of-type(2) {
		width: clamp(280px, 21.5vw, 408px);
		height: auto;
		position: absolute;
		right: 20px;
		bottom: clamp(80px, 10.1vh, 110px);
	opacity: 0;
	}
	.t_main_chinese:hover img:nth-of-type(1) {
	opacity: 0;
}
	.t_main_chinese:hover img:nth-of-type(2) {
	opacity: 1;
}
	.album {
		width: 100vw;
		margin: auto;
		background-color: white;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.album img {
		width: 100%;
		animation-name: album;
		-webkit-animation-name: album;
		animation-duration: 15s;
		/* 画像の枚数に応じて「切替秒数×画像枚数」の数値を記載 */
		-webkit-animation-duration: 15s;
		/* 画像の枚数に応じて「切替秒数×画像枚数」の数値を記載 */
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		opacity: 0;
		height: 100vh !important;
		object-fit: cover;
	}
	.album .img1 {
		display: block;
		margin: 0 auto;
	}
	.album .img2 {
		animation-delay: 5s;
		/* 2枚目の画像が何秒後に表示されるか記載 */
		-webkit-animation-delay: 5s;
		/* 2枚目の画像が何秒後に表示されるか記載 */
		position: absolute;
		top: 0;
		left: 0;
	}
	.album .img3 {
		animation-delay: 10s;
		/* 3枚目の画像が何秒後に表示されるか記載 */
		-webkit-animation-delay: 10s;
		/* 3枚目の画像が何秒後に表示されるか記載 */
		position: absolute;
		top: 0;
		left: 0;
	}
}
@keyframes main_scroll {
	from {
		height: 0;
	}
	to {
		height: 60px;
	}
}
@keyframes album {
	0% {
		opacity: 0;
		transform: scale(1);
	}
	12.5% {
		opacity: 1;
	}
	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		transform: scale(1.2);
	}
}
@-webkit-keyframes album {
	0% {
		opacity: 0;
	}
	12.5% {
		opacity: 1;
	}
	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
/* message */
#t_message_w {
	margin: 0 0 120px 0;
	padding: 120px 0;
	background: #f4f1e8;
	overflow: hidden;
	position: relative;
	&:after {
		content: "";
		display: block;
		width: 1554px;
		height: 1121px;
		background-image: url(/img/top/message_map.webp);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: absolute;
		top: -50px;
		right: calc(54% - 55px);
	}
	>div {
		display: flex;
		justify-content: flex-end;
		width: 1200px;
		margin: 0 auto;
		>div {
			width: 600px;
			.t_tl {
				margin: 0 0 45px 0;
			}
			.t_txt {
				margin: 0 0 30px 0;
			}
			>div.t_message_area {
				padding: 25px 45px;
				background: RGBA(255, 255, 255, 0.9);
				border-radius: 8px;
				& h3 {
					font-size: clamp(12px, 0.95vw, 18px);
					line-height: 1;
					margin: 0 0 15px 0;
					color: #b49e6f;
				}
				& p {
					font-size: clamp(10px, 0.75vw, 14px);
					line-height: 1.7;
					color: RGBA(51, 51, 51, 0.6);
					letter-spacing: 0.05em;
				}
			}
		}
	}
}
/* search */
#t_sr_w {
	width: clamp(1000px, 70vw, 1200px);
	margin: 0 auto 80px auto;
	.t_sr_tl {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 0 55px 0;
		padding: 0 0 35px 0;
		border-bottom: 1px solid #333333;
		>div {
			.t_tl {
				margin: 0 0 25px 0;
			}
		}
		.t_btn {
			width: 300px;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 0 5px;
			&:before {
				content: "";
				display: block;
				width: 18px;
				height: 18px;
				background-image: url(/img/top/sr_btn_icon.webp);
				background-repeat: no-repeat;
				background-size: cover;
				transition: all 0.2s;
			}
			&:hover:before {
				background-image: url(/img/top/sr_btn_icon_h.webp);
			}
		}
	}
	.t_sr_con {
		display: flex;
		gap: 0 40px;
		.t_sr_map {
			position: relative;
			>section {
				width: calc(100% - 30px);
				position: absolute;
				bottom: 25px;
				left: 30px;
				>h3 {
					margin: 0 0 10px 0;
					font-size: 18px;
					line-height: 1;
					font-weight: 500;
				}
				.search_space {
					display: flex;
					gap: 0 10px;
					.search_window {
						width: 80%;
						max-width: 425px;
						height: 55px;
						box-sizing: border-box;
						padding: 0 15px;
						font-size: clamp(12px, 0.9vw, 17px);
						line-height: 1.5;
						border-radius: 4px;
						box-sizing: border-box;
						border: 1px solid #cccccc;
						&::placeholder {
							color: #b6b5b5;
						}
					}
					.free_btn {
						display: flex;
						align-items: center;
						justify-content: center;
						width: 62px;
						height: 55px;
						box-sizing: border-box;
						padding: 13.5px 17px;
						background-color: #333;
						border-radius: 4px;
						cursor: pointer;
						transition: all 0.2s;
						&:hover {
							background-color: #b49e6f;
						}
					}
				}
			}
			>img {
				width: clamp(520px, 40vw, 680px);
				height: auto;
			}
		}
		.t_sr_box {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			width: calc(100% - 40px - clamp(520px, 40vw, 680px));
			.t_sr_btn {
				display: flex;
				flex-wrap: wrap;
				gap: clamp(15px, 1.05vw, 20px);
				>li a {
					display: block;
					box-sizing: border-box;
					background: #FFF;
					border: 1px solid #cccccc;
					border-radius: 5px;
					text-align: center;
				}
			}
			.t_sr_type {
				padding: clamp(20px, 1.35vw, 25px);
				background: #eceaea;
				>li {
					width: calc((100% - clamp(15px, 1.05vw, 20px)*2)/3);
					>a {
						padding: clamp(55px, 5.6vh, 60px) 0 clamp(15px, 1.9vh, 20px) 0;
						font-size: clamp(10px, 0.75vw, 14px);
						line-height: 1;
						position: relative;
						transition: all 0.2s;
						&:before {
							content: "";
							display: block;
							width: clamp(40px, 40%, 51px);
							height: auto;
							aspect-ratio: 51 / 31;
							background-repeat: no-repeat;
							background-size: cover;
							margin: 0 auto;
							position: absolute;
							top: clamp(15px, 1.9vh, 20px);
							left: 0;
							right: 0;
							transition: all 0.2s;
						}
						&:hover {
							background: #b49e6f;
							color: #FFF;
							border: 1px solid #b49e6f;
						}
					}
					&:nth-child(1) a {
						&:before {
							background-image: url(/img/top/sr_btn01.webp);
						}
						&:hover:before {
							background-image: url(/img/top/sr_btn01_h.webp);
						}
					}
					&:nth-child(2) a {
						&:before {
							background-image: url(/img/top/sr_btn02.webp);
						}
						&:hover:before {
							background-image: url(/img/top/sr_btn02_h.webp);
						}
					}
					&:nth-child(3) a {
						&:before {
							background-image: url(/img/top/sr_btn03.webp);
						}
						&:hover:before {
							background-image: url(/img/top/sr_btn03_h.webp);
						}
					}
					&:nth-child(4) a {
						&:before {
							background-image: url(/img/top/sr_btn04.webp);
						}
						&:hover:before {
							background-image: url(/img/top/sr_btn04_h.webp);
						}
					}
					&:nth-child(5) a {
						&:before {
							background-image: url(/img/top/sr_btn05.webp);
						}
						&:hover:before {
							background-image: url(/img/top/sr_btn05_h.webp);
						}
					}
					&:nth-child(6) a {
						&:before {
							background-image: url(/img/top/sr_btn06.webp);
						}
						&:hover:before {
							background-image: url(/img/top/sr_btn06_h.webp);
						}
					}
				}
			}
			.t_sr_sort {
				>li {
					width: calc((100% - clamp(15px, 1.05vw, 20px))/2);
					>a {
						display: flex;
						align-items: center;
						justify-content: center;
						gap: 0 10px;
						padding: clamp(16px, 2vh, 21px) 0;
						font-size: clamp(11px, 0.85vw, 16px);
						line-height: 1.1;
						transition: all 0.2s;
						&:before {
							content: "";
							display: block;
							width: 38px;
							height: 36px;
							background-repeat: no-repeat;
							background-size: cover;
							transition: all 0.2s;
						}
						&:hover {
							background-color: #333;
							color: #FFF;
						}
					}
					&:nth-child(1) a {
						&:before {
							background-image: url(/img/top/sr_btn07.webp);
						}
						&:hover:before {
							background-image: url(/img/top/sr_btn07_h.webp);
						}
					}
					&:nth-child(2) a {
						&:before {
							background-image: url(/img/top/sr_btn08.webp);
						}
						&:hover:before {
							background-image: url(/img/top/sr_btn08_h.webp);
						}
					}
				}
			}
			.t_sr_pr {
				gap: clamp(10px, 0.8vw, 15px);
				>li {
					width: calc((100% - clamp(10px, 0.8vw, 15px)*2)/3);
					a {
						display: block;
						padding: clamp(10px, 1.4vh, 15px) 0;
						font-size: clamp(11px, 0.85vw, 16px);
						line-height: 18px;
						transition: all 0.2s;
						&:hover {
							background-color: #333;
							color: #FFF;
						}
					}
				}
			}
		}
		.t_sr_line {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			gap: 18px 0;
			padding: clamp(20px, 1.5vw, 30px);
			background: #eceaea;
			>li {
				width: 50%;
				>a {
					padding: 0 0 0 35px;
					font-size: clamp(11px, 0.85vw, 16px);
					line-height: 23px;
					transition: all 0.2s;
					position: relative;
					&:before {
						content: "";
						display: block;
						width: 23px;
						height: 23px;
						background-image: url(/img/top/sr_aroow.webp);
						background-repeat: no-repeat;
						background-size: cover;
						position: absolute;
						left: 0;
						top: 0;
					}
					&:hover {
						color: #b49e6f;
					}
				}
			}
		}
	}
}
/* pickup */
#t_pickup_w {
	background: #f8f8f8;
	margin: 0 0 120px 0;
	padding: 120px 0;
	>div {
		width: 1200px;
		margin: 0 auto;
		.t_pickup_tl {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			margin: 0 0 65px 0;
			>div {
				.t_tl {
					margin: 0 0 30px 0;
				}
			}
		}
		>ul {
			display: flex;
			flex-wrap: wrap;
			gap: 26px;
			>li {
				width: calc((100% - 78px)/4);
				height: auto;
				aspect-ratio: 1 / 1;
				overflow: hidden;
				position: relative;
				>a {
					display: block;
				}
				.t_pickup_img {
					width: 100%;
					height: auto;
					aspect-ratio: 1 / 1;
					>img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				}
				.t_pickup_box {
					width: 100%;
					height: auto;
					aspect-ratio: 1 / 1;
					box-sizing: border-box;
					padding: 15px 20px;
					background: RGBA(0, 0, 0, 0.5);
					backdrop-filter: blur(10px);
					color: #FFF;
					letter-spacing: 0.05em;
					position: absolute;
					left: 0;
					bottom: -100%;
					transition: all 0.2s;
					.t_pickup_type {
						margin: 0 0 10px 0;
						>span {
							display: inline-block;
							padding: 5px 12px;
							border-radius: 7px;
							background: RGBA(0, 0, 0, 0.4);
							font-size: clamp(11px, 0.85vw, 16px);
							line-height: 1.5;
							color: #FFF;
						}
					}
					.t_pickup_pr {
						margin: 0 0 10px 0;
						>span {
							display: inline-block;
							padding: 9px 12px;
							border-radius: 7px;
							background: RGBA(0, 0, 0, 0.4);
							font-size: 22px;
							line-height: 1;
							color: #FFF;
						}
					}
					>ul {
						>li {
							font-size: 14px;
							line-height: 1.7;
						}
					}
					.t_pickup_more {
						width: 230px;
						box-sizing: border-box;
						padding: 5px 0;
						border: 1px solid #FFF;
						border-radius: 7px;
						margin: auto;
						font-size: clamp(11px, 0.85vw, 16px);
						line-height: 28px;
						text-align: center;
						position: absolute;
						bottom: 15px;
						left: 0;
						right: 0;
						&:after {
							content: "";
							display: block;
							width: 6px;
							height: 6px;
							margin: auto;
							border-top: 2px solid #FFF;
							border-right: 2px solid #FFF;
							-webkit-transform: rotate(45deg);
							transform: rotate(45deg);
							position: absolute;
							top: 0;
							bottom: 0;
							right: 15px;
						}
					}
				}
				&:hover {
					.t_pickup_box {
						bottom: 0;
					}
				}
			}
		}
	}
}
/* member */
#t_mem_w {
	width: 1200px;
	margin: 0 auto 120px auto;
	.t_mem_tl {
		display: flex;
		justify-content: space-between;
		margin: 0 0 45px 0;
		>h2 {
			font-size: 30px;
			line-height: 2;
			letter-spacing: 0.2em;
			.t_mem_tl_box {
				display: inline-block;
				width: 58px;
				height: 58px;
				box-sizing: border-box;
				padding: 5px 0;
				border-top: 2px solid #4b4b4b;
				border-left: 2px solid #4b4b4b;
				border-bottom: 2px solid #4b4b4b;
				font-size: 40px;
				line-height: 44px;
				font-weight: 700;
				text-align: center;
				position: relative;
				letter-spacing: 0;
				&:nth-of-type(6) {
					margin-right: 10px;
					border-right: 2px solid #4b4b4b;
				}
				&:before {
					content: "";
					display: block;
					width: 6px;
					height: 6px;
					margin: auto;
					border-radius: 50%;
					background: #333333;
					position: absolute;
					left: 0;
					right: 0;
					top: -20px;
				}
			}
			.t_mem_tl_line {
				background: linear-gradient(transparent 90%, #fff999 90%);
			}
		}
		>div {
			display: flex;
			gap: 0 40px;
			>div {
				display: flex;
				align-items: center;
				gap: 0 20px;
				.t_mem_num_item {
					width: 175px;
					padding: 5px 0;
					font-size: clamp(11px, 0.85vw, 16px);
					line-height: 1.5;
					text-align: center;
				}
				.t_mem_num_count {
					display: flex;
					align-items: baseline;
					gap: 0 5px;
					font-size: 18px;
					line-height: 1;
					letter-spacing: -0.02em;
					>span {
						font-size: 42px;
						font-weight: 700;
					}
				}
				&:nth-of-type(1) {
					.t_mem_num_item {
						border: 1px solid #333;
					}
				}
				&:nth-of-type(2) {
					.t_mem_num_item {
						border: 1px solid #b49e6f;
					}
					& p {
						color: #b49e6f;
					}
				}
			}
		}
	}
	>a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 50px 75px 50px 100px;
		background-image: url(/img/top/mem_bg.webp);
		background-size: cover;
		position: relative;
		&:after {
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			background: RGBA(0, 0, 0, 0.5);
			backdrop-filter: blur(10px);
			position: absolute;
			top: 0;
			left: 0;
			opacity: 0;
			transition: all 0.4s;
		}
		&:hover {
			&:after {
				opacity: 1;
			}
		}
		.t_mem_bnr_l {
			position: relative;
			z-index: 1;
			&:before {
				content: "";
				display: block;
				width: 360px;
				height: 170px;
				background-image: url(/img/top/mem_en.webp);
				background-size: cover;
				background-repeat: no-repeat;
				position: absolute;
				bottom: 0;
				left: 130px;
			}
			.t_mem_bnr_myhome {
				margin: 0 0 20px 0;
				font-size: 25px;
				line-height: 1;
				color: #b49e6f;
				font-weight: 900;
				letter-spacing: 0.02em;
			}
			.t_mem_bnr_en {
				margin: 0 0 40px 0;
				font-size: 60px;
				line-height: 1;
				color: #FFF;
				font-weight: 900;
				letter-spacing: 0.02em;
			}
			.t_btn {
				width: 300px;
				border: 1px solid #FFF;
				color: #FFF;
				position: relative;
				&:after {
					content: "";
					display: block;
					width: 12px;
					height: 13px;
					margin: auto;
					background-image: url(/img/top/more_arrow_h.webp);
					background-repeat: no-repeat;
					background-size: cover;
					transition: all 0.2s;
					position: absolute;
					top: 0;
					bottom: 0;
					right: 22px;
				}
			}
		}
		.t_mem_bnr_r {
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 500px;
			padding: 35px 0;
			background: RGBA(0, 0, 0, 0.5);
			position: relative;
			z-index: 1;
			>h3 {
				margin: 0 0 20px 0;
				font-size: 21px;
				color: #b49e6f;
				font-weight: 700;
			}
			>ul {
				>li {
					display: flex;
					align-items: center;
					gap: 0 8px;
					font-size: clamp(11px, 0.85vw, 16px);
					color: #FFF;
					&:not(:last-child) {
						margin: 0 0 20px 0;
					}
					&:before {
						content: "";
						display: block;
						width: 15px;
						height: 10px;
						background-image: url(/img/top/mem_check.webp);
						background-size: cover;
						background-repeat: no-repeat;
					}
				}
			}
		}
	}
}
/* house */
#t_house_w {
	margin: 0 0 120px 0;
	>div {
		width: 1200px;
		margin: 0 auto 0 auto;
		.t_house_tl {
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
			margin: 0 0 50px 0;
		}
		>ul {
			display: flex;
			gap: 15px;
			>li {
				width: calc((100% - 60px) / 5);
				height: auto;
				aspect-ratio: 1 / 1;
				overflow: hidden;
				position: relative;
				.t_house_img {
					width: 100%;
					height: auto;
					aspect-ratio: 1 / 1;
					>img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				}
				.t_house_box {
					width: 100%;
					height: auto;
					aspect-ratio: 1 / 1;
					box-sizing: border-box;
					padding: 15px 10px;
					background: RGBA(0, 0, 0, 0.5);
					backdrop-filter: blur(10px);
					color: #FFF;
					letter-spacing: 0.05em;
					position: absolute;
					left: 0;
					bottom: -100%;
					transition: all 0.2s;
					.t_house_type {
						margin: 0 0 8px 0;
						>span {
							display: inline-block;
							padding: 4px 8px;
							border-radius: 5px;
							background: RGBA(0, 0, 0, 0.4);
							font-size: 13px;
							line-height: 1.5;
							color: #FFF;
						}
					}
					.t_house_pr {
						margin: 0 0 8px 0;
						>span {
							display: inline-block;
							padding: 7px 10px;
							border-radius: 7px;
							background: RGBA(0, 0, 0, 0.4);
							font-size: 18px;
							line-height: 1;
							color: #FFF;
						}
					}
					>ul {
						>li {
							font-size: 13px;
							line-height: 1.5;
						}
					}
					.t_house_more {
						width: 200px;
						box-sizing: border-box;
						padding: 5px 0;
						border: 1px solid #FFF;
						border-radius: 5px;
						margin: auto;
						font-size: 13px;
						line-height: 18px;
						text-align: center;
						position: absolute;
						bottom: 15px;
						left: 0;
						right: 0;
						&:after {
							content: "";
							display: block;
							width: 4px;
							height: 4px;
							margin: auto;
							border-top: 2px solid #FFF;
							border-right: 2px solid #FFF;
							-webkit-transform: rotate(45deg);
							transform: rotate(45deg);
							position: absolute;
							top: 0;
							bottom: 0;
							right: 10px;
						}
					}
				}
				&:hover {
					.t_house_box {
						bottom: 0;
					}
				}
			}
		}
	}
}
.t_pd_w {
	padding: 120px 0;
	background: #f8f8f8;
}
/* movie */
#t_movie_w {
	width: 1200px;
	margin: 0 auto 120px auto;
	.t_movie_tl {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin: 0 0 30px 0;
		.t_btn {
			width: 230px;
		}
	}
	& iframe {
		width: 100%;
		height: 400px;
		margin-top: 30px;
	}
}
ul.t_movie_cms {
	display: flex;
	gap: 0 25px;
	>li {
		width: 220px;
		position: relative;
		>iframe {
			display: block;
			width: 100%;
			height: 392px;
			border-radius: 10px;
		}
		>a {
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
	}
}
/* info */
#t_info_w {
	padding: 120px 0;
	background: #f8f8f8;
	>div {
		width: 1200px;
		margin: 0 auto;
		.t_info_tl {
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
			margin: 0 0 55px 0;
		}
		.info_tab-container {
			display: flex;
			margin: 0 0 60px 0;
			background: #ececec;
			border-radius: 4px;
			.info_tab {
				width: 25%;
				padding: 20px 0;
				font-size: 17px;
				line-height: 20px;
				color: #989393;
				font-weight: 700;
				text-align: center;
				transition: all 0.2s;
				cursor: pointer;
				position: relative;
				&:first-of-type {
					border-radius: 4px 0 0 4px;
				}
				&:last-of-type {
					border-radius: 0 4px 4px 0;
				}
				&:not(:last-of-type):before {
					content: "";
					width: 1px;
					height: calc(100% - 20px);
					margin: auto;
					background: RGBA(0, 0, 0, 0.1);
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
				}
				&:after {
					content: "";
					width: 16px;
					height: 14px;
					margin: auto;
					background: #b49e6f;
					clip-path: polygon(50% 100%, 0 0, 100% 0);
					position: absolute;
					bottom: -14px;
					left: 0;
					right: 0;
					opacity: 0;
					transition: all 0.2s;
				}
			}
			.info_tab.active {
				background: #b49e6f;
				color: #FFF;
				&:after {
					opacity: 1;
				}
			}
		}
		.info_content {
			display: none;
			transition: all 0.2s;
		}
		.info_content.show {
			display: block;
			animation: panel-show .9s ease-in-out forwards;
		}
		& iframe {
			width: 100%;
			height: 370px;
		}
	}
}
.t_info_cms {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 40px;
	justify-content: center;
	>li {
		width: 570px;
		>a {
			display: flex;
			border-radius: 5px 0 0 5px;
			box-shadow: 3px 3px 0px 0px RGBA(195, 190, 190, 0.2);
			overflow: hidden;
			.t_info_img {
				width: 240px;
				height: 160px;
				overflow: hidden;
				>img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					transition: all 0.2s;
				}
			}
			.t_info_txt {
				width: 330px;
				box-sizing: border-box;
				padding: 20px 55px 0 40px;
				background: #FFF;
				.t_info_date {
					margin: 0 0 10px 0;
					font-size: 17px;
					line-height: 1;
				}
				.t_info_tag {
					>p {
						display: flex;
						flex-wrap: wrap;
						height: 23px;
						margin: 0 0 10px 0;
						overflow: hidden;
						gap: 0 4px;
						& label {
							padding: 5px 15px;
							background: #eae8e8;
							font-size: 13px;
							line-height: 1;
							cursor: pointer;
						}
					}
				}
				.t_info_comment {
					font-size: 15px;
					line-height: 1.6;
					>span {
						overflow: hidden;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
					}
				}
			}
			&:hover {
				.t_info_img {
					>img {
						transform: scale(1.1);
					}
				}
			}
		}
	}
}
@keyframes panel-show {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* sale */
#t_sale_w {
	padding: 120px 0;
	background-image: url(/img/top/sale_bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	>div {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		width: clamp(1000px, 70vw, 1200px);
		margin: 0 auto;
		.t_tl {
			margin: 0 0 60px 0;
		}
		.t_catch {
			margin: 0 0 40px 0;
		}
		>ul {
			width: clamp(360px, 30vw, 525px);
			margin: 30px 0 0 0;
			display: flex;
			flex-wrap: wrap;
			gap: clamp(40px, 5.1vh, 55px) clamp(35px, 2.6vw, 45px);
			.t_sale_bnt_w {
				width: 100%;
				>a {
					padding: clamp(130px, 18vh, 188px) 0 25px 0;
					>p {
						width: 70%;
						max-width: 250px;
						padding: 20px 0;
						&:after {
							content: "";
							display: block;
							width: 14px;
							height: 12px;
							margin: auto;
							background-image: url(/img/top/blank_arrow_h.webp);
							background-repeat: no-repeat;
							background-size: cover;
							transition: all 0.2s;
							position: absolute;
							top: 0;
							bottom: 0;
							right: 22px;
						}
					}
				}
			}
			.t_sale_bnt_t {
				width: calc((100% - clamp(35px, 2.6vw, 45px))/2);
				>a {
					padding: clamp(130px, 18.5vh, 200px) 0 25px 0;
					>p {
						width: 80%;
						max-width: 180px;
						padding: 15px 0;
						&:after {
							content: "";
							display: block;
							width: 12px;
							height: 13px;
							margin: auto;
							background-image: url(/img/top/more_arrow_h.webp);
							background-repeat: no-repeat;
							background-size: cover;
							transition: all 0.2s;
							position: absolute;
							top: 0;
							bottom: 0;
							right: 22px;
						}
					}
				}
			}
			>li {
				>a {
					display: block;
					overflow: hidden;
					border-radius: 5px;
					position: relative;
					z-index: 1;
					&:before {
						content: "";
						width: 100%;
						height: 100%;
						background-repeat: no-repeat;
						background-size: cover;
						background-position: center;
						position: absolute;
						top: 0;
						left: 0;
						transition: all 0.2s;
						z-index: -2;
					}
					&:hover:before {
						transform: scale(1.1);
					}
					&:after {
						content: "";
						width: 100%;
						height: 70%;
						position: absolute;
						background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
						bottom: 0;
						left: 0;
						z-index: -1;
					}
					>p {
						margin: 0 auto;
						border: 1px solid #FFF;
						border-radius: 30px;
						font-size: clamp(11px, 0.85vw, 16px);
						line-height: 18px;
						color: #FFF;
						text-align: center;
						position: relative;
					}
				}
				&:nth-child(1) a:before {
					background-image: url(/img/top/sale_btn01.webp);
				}
				&:nth-child(2) a:before {
					background-image: url(/img/top/sale_btn02.webp);
				}
				&:nth-child(3) a:before {
					background-image: url(/img/top/sale_btn03.webp);
				}
			}
		}
	}
}
/* reform */
#t_reform_w {
	margin: 0 0 120px 0;
	padding: 120px 0;
	background-image: url(/img/top/reform_bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	>div {
		display: flex;
		flex-direction: column;
		width: 1200px;
		margin: 0 auto;
		.t_reform_conts {
			width: 800px;
			margin: 0 0 50px 0;
			.t_tl {
				margin: 0 0 60px 0;
			}
		}
		.t_reform_work {
			width: 100%;
			.t_reform_work_tl {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin: 0 0 30px 0;
				>div {
					display: flex;
					gap: 0 20px;
					& p, & h3 {
						font-size: 25px;
						line-height: 1;
						color: #FFF;
					}
					& p {
						display: flex;
						align-items: center;
						gap: 0 20px;
					}
					& p:after {
						content: "";
						display: block;
						width: 2px;
						height: 25px;
						background: #FFF;
						transform: rotate(15deg);
					}
				}
			}
			& iframe {
				width: 100%;
				height: 270px;
			}
		}
	}
}
.t_reform_cms {
	display: flex;
	gap: 0 60px;
	>li {
		width: calc((100% - 120px)/3);
		box-sizing: border-box;
		padding: 55px 0 0 55px;
		border-top: 1px solid #FFF;
		border-left: 1px solid #FFF;
		>a {
			display: block;
			position: relative;
			border-radius: 5px;
			overflow: hidden;
			.t_reform_img {
				overflow: hidden;
				width: 100%;
				height: 210px;
				>img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					transition: all 0.2s;
				}
			}
			.t_reform_box {
				width: 100%;
				height: 100%;
				box-sizing: border-box;
				padding: 30px 20px 20px 20px;
				position: absolute;
				left: 0;
				bottom: -100%;
				background: RGBA(0, 0, 0, 0.5);
				backdrop-filter: blur(10px);
				transition: all 0.2s;
				>p {
					color: #FFF;
					letter-spacing: 0.05em;
				}
				.t_reform_name {
					margin: 0 0 10px 0;
					font-size: 18px;
					line-height: 1;
					>span {
						overflow: hidden;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 1;
					}
				}
				.t_reform_txt {
					font-size: 14px;
					line-height: 1.7;
					>span {
						overflow: hidden;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 3;
					}
				}
				.t_reform_more {
					width: 250px;
					box-sizing: border-box;
					padding: 5px 0;
					border: 1px solid #FFF;
					border-radius: 7px;
					margin: auto;
					font-size: clamp(11px, 0.85vw, 16px);
					line-height: 28px;
					text-align: center;
					position: absolute;
					bottom: 20px;
					left: 0;
					right: 0;
					&:after {
						content: "";
						display: block;
						width: 6px;
						height: 6px;
						margin: auto;
						border-top: 2px solid #FFF;
						border-right: 2px solid #FFF;
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
						position: absolute;
						top: 0;
						bottom: 0;
						right: 15px;
					}
				}
			}
			&:hover {
				.t_reform_box {
					bottom: 0;
				}
			}
		}
	}
}
/* voice */
#t_voice_w {
	margin: 0 0 120px 0;
	overflow: hidden;
	.t_voice_tl {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		width: 1200px;
		margin: 0 auto 55px auto;
		.t_tl {
			margin: 0 0 30px 0;
		}
	}
	& iframe {
		width: 100%;
		height: 350px;
	}
}
.t_staff_slide {
	position: relative;
	overflow: hidden;
	.swiper-slide {
		width: 395px;
		>a {
			display: block;
			.t_staff_img {
				width: 100%;
				height: 230px;
				margin: 0 0 15px 0;
				overflow: hidden;
				>img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					transition: all 0.2s;
				}
			}
			&:hover {
				.t_staff_img {
					>img {
						transform: scale(1.1, 1.1);
					}
				}
			}
			.t_staff_txt {
				margin: 0 0 20px 0;
				font-size: 15px;
				line-height: 1.5;
				>span {
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
				}
			}
			.t_staff_tag {
				display: flex;
				gap: 0 10px;
				& label, >p {
					display: inline-block;
					padding: 5px 10px;
					background: #b49e6f;
					border-radius: 3px;
					font-size: 12px;
					line-height: 14px;
					color: #FFF;
				}
				>p:before {
					content: "\62C5\5F53\30B9\30BF\30C3\30D5\FF1A";
				}
				>p:empty {
					display: none;
				}
			}
		}
	}
	.staff-button-prev,
	.staff-button-next {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 60px;
		height: 60px;
		margin: auto;
		background: #b49e6f;
		cursor: pointer;
		border-radius: 50%;
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 2;
		transition: all 0.2s;
		&:hover {
			background-color: #333;
		}
	}
	.staff-button-prev {
		left: 10vw;
	}
	.staff-button-next {
		right: 10vw;
	}
	.staff-button-next img {
		transform: rotate(180deg);
	}
}
/* useful */
#t_useful_w {
	padding: 120px 0;
	overflow: hidden;
	background: #f8f8f8;
	.t_tl {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 0 0 70px 0;
		text-align: center;
		>p {
			margin: 0 0 25px 0;
		}
	}
	.t_useful_slide {
		>ul {
			margin: 0 0 45px 0;
			>li {
				width: 375px;
				>a {
					display: block;
					transition: all 0.2s;
					&:hover {
						opacity: 0.8;
					}
				}
			}
		}
		.t_useful_dot {
			display: flex;
			justify-content: center;
			gap: 0 5px;
			margin: 0;
			.swiper-pagination-bullet {
				margin: 0 !important;
				width: 64px;
				height: 5px;
				background: #cccccc;
				border-radius: 0;
				opacity: 1;
			}
			.swiper-pagination-bullet-active {
				background: #c8ba8d;
			}
		}
	}
}
/* insta */
#t_insta_w {
	padding: 120px 0;
	background: #f4f1e8;
	>div {
		width: 1200px;
		margin: 0 auto;
		.t_insta_tl {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin: 0 0 45px 0;
			>div {
				display: flex;
				align-items: flex-end;
				gap: 0 12px;
				>img {
					width: 50%;
				}
				>h2 {
					margin: 0 0 15px 0;
				}
			}
			.t_btn {
				width: 260px;
			}
		}
		.t_insta_iframe {
			padding: 75px;
			background: #FFF;
			position: relative;
			>a {
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}
		}
	}
}
/* company */
#t_company_w {
	.t_company_tl {
		margin: 0 0 120px 0;
		padding: 210px 0 190px 0;
		background-image: url(/img/top/company_bg.webp);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		>.t_tl {
			display: flex;
			flex-direction: column;
			width: 1200px;
			margin: 0 auto;
			>p {
				margin: 0 0 25px 0;
			}
		}
	}
	.t_company_box {
		display: flex;
		justify-content: space-between;
		width: 1200px;
		margin: 0 auto;
		>div {
			width: 610px;
			.t_txt {
				margin: 0 0 45px 0;
			}
			>ul {
				display: flex;
				flex-wrap: wrap;
				gap: 40px 60px;
				>li {
					width: 275px;
					>a {
						display: block;
						padding: 34px 0 15px clamp(30px, 2.2vw, 40px);
						border-top: 1px solid #c8ba8d;
						border-left: 1px solid #c8ba8d;
						font-size: clamp(15px, 1.05vw, 20px);
						line-height: 1;
						color: #c8ba8d;
						font-weight: 700;
						letter-spacing: 0.05em;
						position: relative;
						transition: all 0.2s;
						&:after {
							content: "";
							display: block;
							width: 30px;
							height: 30px;
							background-image: url(/img/top/company_arrow.webp);
							background-repeat: no-repeat;
							background-size: cover;
							position: absolute;
							right: 0;
							top: 28px;
							transition: all 0.2s;
						}
						&:hover {
							border-top: 1px solid #333;
							border-left: 1px solid #333;
							color: #333;
							&:after {
								background-image: url(/img/top/company_arrow_h.webp);
							}
						}
					}
				}
			}
		}
	}
}
#jsp {
	background: #FFF;
	>div {
		width: 1200px;
		margin: 0 auto;
		text-align: right;
		>a {
			font-size: clamp(10px, 0.7vw, 12px);
			line-height: 1.6;
		}
	}
}
.new_header {
	top: -35px;
}
.new_header_invert {
	transition-duration: 1s;
	top: 0;
}
#h_wrap {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background: none;
	backdrop-filter: blur(0);
	& ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	& a {
		text-decoration: none;
	}
	>div {
		>a {
			.h_logo_color {
				fill: #FFF;
			}
			.cls-logo {
				fill: #FFF;
			}
		}
		>div {
			>a {
				border: 2px solid #FFF;
				color: #FFF;
				&:hover {
					background-color: #333;
					color: #FFF !important;
				}
			}
			>nav {
				>ul {
					>li, >li>a {
						color: #FFF;
					}
				}
			}
		}
	}
}
#h_wrap.invert {
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(10px);
	top: 34px;
	transition-duration: 1s;
	>div {
		>a {
			.h_logo_color {
				fill: #000;
			}
			.cls-logo {
				fill: #000;
			}
		}
		>div {
			>a {
				border: 2px solid #000;
				color: #000;
			}
			>nav {
				>ul {
					>li, >li>a {
						color: #000;
					}
				}
			}
		}
	}
}
	.t_eco {
	margin: 0 auto 60px;
	width: 1000px;
	}
	.t_bu_more {
		width: 440px;
		margin: 20px auto;
	}
	.t_bu_more a {
		display: flex;
		align-items: center;
		border: 2px solid #3c4652;
		background-color: #fff;
		padding: 5px 35px;
		font-size: 18px;
		font-weight: bold;
		color: #3c4652;
		text-decoration: none;
		justify-content: flex-end;
		transition: .3s;
		padding: 10px;
	}
	.t_bu_more a p {
		margin-right: 60px;
	}
	.t_bu_more a:hover {
		background-color: #3c4652;
		color: #fff;
	}
.top_bnr {
    width: 1000px;
    margin: 30px auto;
}
.top_bnr:hover {
    opacity:  0.8;
}