@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;
}
body{
	margin: 0px;
}
h1{
	color: #ffffff;
}
.top_wrap{
	overflow: hidden;
	& h2, h3, ul, li, p {
		margin: 0;
		padding: 0;
	}
	& ul, li {
		list-style: none;
	}
	& a {
		text-decoration: none;
		color: #000000;
	}
	& img{
		width: 100%;
		height: 100%;
	}
	.t_pick_w, .t_bukken_box{
		.t_con_btn{
			background-color: #f9f9f9;
		}
	}
	.t_con_btn{
		margin: clamp(50px, 7.1vh, 70px) auto 0px auto;
		display: block;
		text-align: center;
		width: clamp(400px, 30.7vw, 505px);
		border: 1px solid #c1bfbf;
		background-color: #ffffff;
		font-size: clamp(17px, 1.3vw, 20px);
		letter-spacing: 0.06em;
		line-height: clamp(70px, 10vh, 87px);
		position: relative;
		z-index: 0;
		transition: all 0.2s;
		&:hover{
			background-color: #2c2c2c;
			color: #ffffff;
			&:after{
				background-image: url(/img/top/more_arrow_h.webp);
			}
		}
		&:after{
			content: "";
			display: block;
			background-repeat: no-repeat;
			background-size: contain;
			position: absolute;
			z-index: -1;
			width: clamp(23px, 1.76vw, 26px);
			height: clamp(23px, 1.76vw, 26px);
			background-image: url(/img/top/more_arrow.webp);
			top: 0;
			bottom: 0;
			margin: auto;
			right: 25px;
			transition: all 0.2s;
		}
	}
	/*  TOP用メニュー  */
	.fixed-header {
		position: fixed;
        top: 0px;
        right: 30px;
        margin: auto;
        visibility: hidden;
		>ul{
			>li{
				margin: clamp(15px, 2.1vh, 20px) 0px 0px 0px;
				a{
					color: #ffffff;
					display: block;
					font-size: clamp(12px, 0.92vw, 15px);
					line-height: 1.2;
					letter-spacing: 0.16em;
					font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
					text-align: right;
					transition: all 0.2s;
					&:hover{
						color: #b1bad8;
					}
				}
			}
			>li:first-child{
				margin: 0px;
			}
		}
	}
	.fixed-header.is-show {
		visibility: visible;
		transition: none;
		top: clamp(70px, 10vh, 80px);
		right: 30px;
	}
	/*  メイン  */
	.t_main_w{
		>a{
			width: clamp(200px, 15.3vw, 268px);
			display: block;
			padding: 30px 0px 0px 30px;
		}
		.t_main_in{
			padding: clamp(250px, 35.7vh, 300px) 0px clamp(180px, 25.7vh, 230px) clamp(200px, 15.3vw, 250px);
			h2{
				width: clamp(600px, 46.1vw, 750px);
			}
		}
		.video_wrapper{
			position: absolute;
			z-index: -1;
			top: 0;
			left: 0;
			width: 100%;
			overflow: hidden;
			filter: brightness(0.5);
		}
	}
	/*  ランク  */
	.t_rank_w{
		background-color: #2c2c2c;
		.t_rank_in{
			padding: clamp(60px, 8.5vh, 70px) 0px clamp(75px, 10.7vh, 90px) 0px;
			width: clamp(950px, 70vw, 1200px);
			margin: 0 auto;
			>ul{
				display: flex;
				gap: 0px 50px;
				justify-content: center;
				>li{
					>img{
						width: clamp(200px, 15.3vw, 303px);
					}
				}
			}
			>hr{
				margin: clamp(40px, 5.7vh, 50px) 0px 0px 0px;
				height: 0;
				padding: 0;
				border: 0;
				border-top: 1px solid #a7a6a6;
				opacity: 0.54;
			}
			>p{
				font-size: clamp(16px, 1.2vw, 18px);
				line-height: 31px;
				letter-spacing: 0.1em;
				color: #ffffff;
				text-align: center;
				margin: clamp(40px, 5.7vh, 50px) 0px 0px 0px;
			}
		}
	}
	/*  検索  */
	.t_ser_con{
		width: clamp(950px, 70vw, 1200px);
		margin: clamp(40px, 5.7vh, 50px) auto 0px auto;
		h3{
			font-size: clamp(13px, 1vw, 15px);
			line-height: 23px;
			letter-spacing: 0.06em;
			font-weight: bold;
			position: relative;
			padding: 0px 0px 0px 30px;
			&:before{
				content: "";
				width: 18px;
				height: 1px;
				margin: auto;
				background: #000000;
				position: absolute;
				top: 0px;
				bottom: 0;
				left: 5px;
			}
		}
		>h2{
			width: clamp(350px, 26.9vw, 438px);
		}
		.t_ser_box{
			display: flex;
			margin: clamp(40px, 5.7vh, 50px) 0px 0px 0px;
			gap: 0px 40px;
			align-items: flex-end;
			.t_ser_btn{
				>div{
					width: clamp(400px, 30.7vw, 530px);
				}
				.t_ser_btn_top{
					.t_ser_btn_kind{
						display: flex;
						gap: 15px;
						flex-wrap: wrap;
						>li{
							width: calc((100% - 15px) / 2);
							>a{
								background-color: #2c2c2c;
								border-radius: 2px;
								display: flex;
								align-items: center;
								gap: 0px clamp(20px, 1.5vw, 30px);
								padding: clamp(25px, 3.57vh, 30px) clamp(20px, 1.5vw, 30px);
								transition: all 0.2s;
								&:hover{
									background-color: #5e5e5e;
								}
								>img{
									width: clamp(40px, 3.07vw, 52px);
								}
								>p{
									color: #ffffff;
									font-size: clamp(13px, 1vw, 15px);
									line-height: 23px;
									letter-spacing: 0.18em;
									font-weight: bold;
								}
							}
						}
					}
					.t_ser_btn_other{
						display: flex;
						gap: 10px 15px;
						flex-wrap: wrap;
						margin: 15px 0px 0px 0px;
						>li{
							width: calc((100% - 15px) / 2);
							>a{
								background-color: #2c2c2c;
								border-radius: 2px;
								padding: clamp(25px, 3.57vh, 30px) clamp(20px, 1.5vw, 30px);
								color: #ffffff;
								font-size: clamp(13px, 1vw, 15px);
								line-height: 15px;
								letter-spacing: 0.18em;
								font-weight: bold;
								display: block;
								text-align: center;
								transition: all 0.2s;
								&:hover{
									background-color: #5e5e5e;
								}
							}
						}
					}
				}
				.t_ser_btn_free {
					margin: clamp(30px, 4.2vh, 40px) 0px 0px 0px;
					>form{
						display: flex;
						margin: 5px 0px 0px 0px;
						border: 1px solid #3e3e3e;
						border-radius: 2px;
						height: clamp(45px, 6.4vh, 60px);
						>input{
							width: 75%;
							border: none;
							padding: 0px 0px 0px 30px;
							color: #2c2c2c;
							box-sizing: border-box;
							border-radius: 0px;
						}
						::placeholder {
							color: #2c2c2c;
							font-size: clamp(13px, 1vw, 15px);
							font-weight: bold;
						}
						.quick_keyword{
							width: 25%;
							height: 100%;
							>button {
								text-align: center;
								background-color: #2c2c2c;
								font-size: clamp(13px, 1vw, 15px);
								color: #ffffff;
								width: 100%;
								border: none;
								height: 100%;
								cursor: pointer;
								transition: all 0.2s;
								&:hover{
									background-color: #5e5e5e;
								}
							}
						}
					}
				}
				.t_ser_btn_price, .t_ser_btn_floor {
					margin: 20px 0px 0px 0px;
					>ul{
						margin: 5px 0px 0px 0px;
						background-color: #2c2c2c;
						display: flex;
						justify-content: center;
						align-items: center;
						>li{
							text-align: center;
							position: relative;
							&:after{
								content: "";
								width: 1px;
								height: clamp(20px, 2.8vh, 27px);
								margin: auto;
								background: #3e3e3e;
								position: absolute;
								top: 0;
								bottom: 0;
								right: 0;
							}
							>a{
								color: #ffffff;
								font-size: clamp(10px, 0.76vw, 13px);
								letter-spacing: 0.1em;
								display: block;
								padding: clamp(18px, 2.5vh, 21px) 0px;
								transition: all 0.2s;
								&:hover{
									background-color: #5e5e5e;
								}
							}
						}
						>li:last-child{
							&:after{
								display: none;
							}
						}
					}
				}
				.t_ser_btn_price{
					>ul{
						>li{
							width: calc(100% / 4);
						}
					}
				}
				.t_ser_btn_floor {
					>ul {
						>li {
							width: calc(100% / 3);
						}
					}
				}
			}
		}
		.t_ser_condition{
			margin: clamp(40px, 5.7vh, 50px) 0px 0px 0px;
			ul{
				margin: 10px 0px 0px 0px;
				display: flex;
				flex-wrap: wrap;
				gap: 15px 10px;
				padding: 0px clamp(15px, 1.15vw, 20px);
				>li{
					width: calc((100% - 20px) / 3);
					position: relative;
					overflow: hidden;
					&:hover {
						&:before {
							transform: scale(1.1);
						}
					}
					&:before{
						content: "";
						width: 100%;
						height: 100%;
						background-repeat: no-repeat;
						background-size: cover;
						position: absolute;
						top: 0;
						right: 0px;
						z-index: -1;
						transition: all 0.2s;
						background-position: right 50% bottom 50%;
					}
					>a{
						display: block;
						color: #ffffff;
						padding: clamp(100px, 14.2vh, 120px) clamp(20px, 1.5vw, 25px) clamp(25px, 3.57vh, 30px) 0px;
						font-size: clamp(17px, 1.3vw, 20px);
						letter-spacing: 0.1em;
						font-weight: bold;
						text-align: right;
					}
				}
				>li:nth-child(1){
					&:before{
						background-image: url(/img/top/ser_btn_bg1.webp);
					}
				}
				>li:nth-child(2) {
					&:before {
						background-image: url(/img/top/ser_btn_bg2.webp);
					}
				}
				>li:nth-child(3) {
					&:before {
						background-image: url(/img/top/ser_btn_bg3.webp);
					}
				}
				>li:nth-child(4) {
					&:before {
						background-image: url(/img/top/ser_btn_bg4.webp);
					}
				}
				>li:nth-child(5) {
					&:before {
						background-image: url(/img/top/ser_btn_bg5.webp);
					}
				}
				>li:nth-child(6) {
					&:before {
						background-image: url(/img/top/ser_btn_bg6.webp);
					}
				}
			}
		}
	}
	/*  おすすめ物件  */
	.t_pick_w{
		margin: clamp(100px, 14.2vh, 150px) 0px 0px 0px;
		>h2{
			width: clamp(380px, 29.2vw, 480px);
			margin: 0 auto;
		}
		.t_pick_slide{
			margin: clamp(55px, 7.8vh, 70px) 0px 0px 0px;
			position: relative;
			z-index: 0;
			&:before{
				content: "";
				width: calc(100% - 100px);
				height: calc(100% - 80px);
				margin: auto;
				background: #2c2c2c;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				z-index: -1;
			}
			.swiper-wrapper{
				padding: clamp(50px, 7.1vh, 60px) 0px 0px 0px;
				>li{
					width: clamp(280px, 23vw, 330px);
					>a{
						display: block;
						position: relative;
						&:hover{
							.t_bukken_pho {
								>img {
									transform: scale(1.1);
								}
							}
						}
						.t_bukken_kind{
							font-size: clamp(11px, 0.84vw, 14px);
							letter-spacing: 0.06em;
							background-color: #ffffff;
							display: inline-block;
							text-align: center;
							line-height: 30px;
							padding: 0px 7px;
							position: absolute;
							top: -15px;
							left: 15px;
							font-weight: bold;
							z-index: 10;
						}
						.t_bukken_pho{
							aspect-ratio: 1 / 1;
							overflow: hidden;
							>img{
								object-fit: cover;
								transition: all 0.2s;
							}
						}
						.t_bukken_con{
							margin: 5px 0px 0px 0px;
							.t_bukken_name{
								font-size: clamp(15px, 1.15vw, 18px);
								letter-spacing: 0.06em;
								font-weight: bold;
								line-height: 1.2;
								>span{
									overflow: hidden;
									display: -webkit-box;
									-webkit-box-orient: vertical;
									-webkit-line-clamp: 1;
								}
							}
							.t_bukken_det{
								display: flex;
								gap: 0px 15px;
								margin: 3px 0px 0px 0px;
								align-items: flex-end;
								.t_bukken_price{
									font-size: clamp(13px, 1vw, 16px);
									letter-spacing: 0.1em;
									font-weight: bold;
									line-height: 1.2;
								}
								.t_bukken_floor{
									font-size: clamp(10px, 0.76vw, 13px);
									letter-spacing: 0.1em;
									color: #a29f9f;
									font-weight: bold;
									line-height: 1.2;
								}
							}
						}
					}
				}
			}
		}
	}
	/*  新着・値下げ物件  */
	.t_bukken_box{
		margin: clamp(80px, 11.4vh, 100px) auto 0px auto;
		width: clamp(950px, 70vw, 1200px);
		>ul{
			margin: clamp(45px, 6.4vh, 60px) auto 0px auto;
			display: flex;
			gap: 0px 30px;
			>li{
				width: calc((100% - 90px) / 4);
				position: relative;
				>a{
					display: block;
					&:hover{
						.t_bukken_pho {
							>img {
								transform: scale(1.1);
							}
						}
					}
					.t_bukken_kind{
						font-size: clamp(9px, 0.69vw, 11px);
						letter-spacing: 0.06em;
						background-color: #2c2c2c;
						display: inline-block;
						text-align: center;
						line-height: 25px;
						padding: 0px 7px;
						position: absolute;
						top: -12.5px;
						left: 10px;
						font-weight: bold;
						z-index: 10;
						color: #ffffff;
					}
					.t_bukken_pho{
						height: clamp(240px, 34.2vh, 294px);
						overflow: hidden;
						>img{
							object-fit: cover;
							transition: all 0.2s;
						}
					}
					.t_bukken_con{
						margin: 5px 0px 0px 0px;
						.t_bukken_name{
							font-size: clamp(11px, 0.84vw, 14px);
							line-height: 1.2;
							letter-spacing: 0.06em;
							font-weight: bold;
							>span{
								overflow: hidden;
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 1;
							}
						}
						.t_bukken_det{
							display: flex;
							gap: 0px 5px;
							align-items: flex-end;
							.t_bukken_price{
								font-size: clamp(10px, 0.76vw, 13px);
								letter-spacing: 0.1em;
								font-weight: bold;
								line-height: 1.2;
							}
							.t_bukken_floor{
								font-size: clamp(9px, 0.69vw, 11px);
								letter-spacing: 0.1em;
								color: #a29f9f;
								font-weight: bold;
								line-height: 1;
							}
						}
					}
				}
			}
		}
	}
	.t_bukken_box_new {
		>h2 {
			width: clamp(450px, 34.6vw, 578px);
		}
	}
	.t_bukken_box_down{
		>h2{
			width: clamp(550px, 42.3vw, 690px);
		}
	}
	/*  会員  */
	.t_mem_w{
		margin: clamp(55px, 7.8vh, 70px) 0px 0px 0px;
		background-color: #2c2c2c;
		padding: clamp(70px, 10vh, 85px) 0px clamp(75px, 10.7vh, 90px) 0px;
		.t_mem_in{
			width: clamp(950px, 70vw, 1200px);
			margin: 0 auto;
			.t_mem_top{
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				>h2{
					width: clamp(650px, 50vw, 863px);
					margin: 15px 0px 0px 0px;
					flex-shrink: 0;
				}
				.t_mem_suu{
					border-top: 1px solid #575656;
					border-bottom: 1px solid #575656;
					>ul{
						>li{
							padding: clamp(10px, 1.4vw, 15px) clamp(10px, 0.76vw, 15px);
							margin: 0px clamp(10px, 0.76vw, 15px);
							display: flex;
							gap: 0px 40px;
							justify-content: flex-end;
							align-items: center;
							.t_mem_suu_item{
								font-size: clamp(11px, 0.84vw, 14px);
								line-height: 20px;
								letter-spacing: 0.24em;
								font-weight: bold;
								color: #ffffff;
								text-align: right;
							}
							.t_mem_suu_num{
								font-size: clamp(11px, 0.84vw, 14px);
								line-height: 20px;
								letter-spacing: 0.1em;
								font-weight: bold;
								color: #ffffff;
								text-align: right;
								>span{
									font-size: clamp(44px, 3.3vw, 50px);
									line-height: 1;
									margin: 0px 10px 0px 0px;
									font-family: "Yu Mincho", "游明朝", "Hiragino Mincho ProN", "Times New Roman", serif;
									font-weight: normal;
									width: clamp(100px, 7.6vw, 130px);
									display: inline-block;
								}
								.suu_kaiin{
									color: #f8baba;
								}
							}
						}
						>li:first-child{
							border-bottom: 1px solid #575656;
						}
					}
				}
			}
			.t_mem_merit{
				display: flex;
				justify-content: space-between;
				>img{
					width: clamp(250px, 19.2vw, 313px);
				}
				.t_mem_merit_r{
					width: clamp(600px, 46.1vw, 764px);
					margin: clamp(70px, 10vh, 90px) 0px 0px 0px;
					>ul{
						>li{
							border-top: 1px solid rgba(255, 255, 255, 0.55);
							color: #ffffff;
							font-size: clamp(17px, 1.3vw, 20px);
							line-height: 1.2;
							letter-spacing: 0.22em;
							padding: clamp(24px, 3.4vh, 28px) clamp(45px, 3.4vw, 60px);
							position: relative;
							>span{
								position: absolute;
								top: 15px;
								left: 8px;
								font-size: clamp(9px, 0.69vw, 12px);
							}
						}
						>li:last-child{
							padding: clamp(24px, 3.4vh, 28px) clamp(45px, 3.4vw, 60px) 0px clamp(45px, 3.4vw, 60px);
						}
					}
					.t_con_btn{
						margin: clamp(50px, 7.1vh, 70px) 0px 0px 0px;
					}
				}
			}
		}
	}
	/*  FP  */
	.t_fp_w{
		margin: clamp(30px, 4.2vh, 40px) 0px 0px 0px;
		padding: clamp(100px, 14.2vh, 120px) 0px clamp(110px, 15.7vh, 130px) 0px;
		position: relative;
		z-index: 0;
		&:before{
			content: "";
			display: block;
			background-repeat: no-repeat;
			background-size: cover;
			position: absolute;
			z-index: -1;
			width: calc(100% - 160px);
			height: calc(100% - 410px);
			background-image: url(/img/top/fp_bg.webp);
			top: 0;
			left: 0;
			right: 0;
			margin: auto;
		}
		&:after{
			content: "";
			width: 100%;
			height: calc(100% - clamp(200px, 28.5vh, 250px));
			margin: auto;
			background: #f9f9f9;
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: -2;
		}
		.t_fp_in{
			width: clamp(950px, 70vw, 1200px);
			margin: 0 auto;
			>h2{
				font-size: clamp(38px, 2.9vw, 43px);
				line-height: 2;
				letter-spacing: 0.04em;
				font-weight: normal;
				text-align: center;
				color: #ffffff;
				position: relative;
				z-index: 0;
				&:after{
					content: "";
					display: block;
					background-repeat: no-repeat;
					background-size: contain;
					position: absolute;
					z-index: -1;
					width: clamp(700px, 53.8vw, 834px);
					height: clamp(40px, 5.7vh, 50px);
					background-image: url(/img/top/fp_eng.webp);
					bottom: -15px;
					left: 0;
					right: 0;
					margin: auto;
				}
			}
			.t_fp_text{
				font-size: clamp(14px, 1.07vw, 18px);
				line-height: 1.8;
				letter-spacing: 0.06em;
				text-align: center;
				color: #ffffff;
				margin: clamp(50px, 7.1vh, 60px) 0px 0px 0px;
				>span{
					font-weight: bold;
				}
			}
			.t_fp_box{
				margin: clamp(40px, 5.7vh, 50px) 0px 0px 0px;
				>h3{
					font-size: clamp(16px, 1.2vw, 20px);
					line-height: 1.2;
					letter-spacing: 0.06em;
					position: relative;
					padding: 0px 0px 0px 25px;
					color: #ffffff;
					font-weight: normal;
					&:before {
						content: "";
						width: 18px;
						height: 1px;
						margin: auto;
						background: #ffffff;
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
					}
				}
				>ul{
					margin: 10px 0px 0px 0px;
					>li{
						display: flex;
						align-items: center;
						border: 1px solid #f0ede4;
						background-color: #ffffff;
						margin: 30px 0px 0px 0px;
						padding: clamp(25px, 3.5vh, 30px) clamp(40px, 3vw, 50px) clamp(25px, 3.5vh, 30px) clamp(65px, 5vw, 80px);
						gap: 0px clamp(55px, 4.2vw, 70px);
						.t_fp_box_l{
							>img{
								width: clamp(110px, 8.4vw, 130px);
							}
							>p{
								font-size: clamp(11px, 0.84vw, 14px);
								line-height: 1.2;
								letter-spacing: 0.08em;
								text-align: center;
								color: #bebcbc;
								font-weight: bold;
								margin: 10px 0px 0px 0px;
							}
						}
						.t_fp_box_r{
							>h4{
								font-size: clamp(22px, 1.6vw, 25px);
								line-height: 1.2;
								letter-spacing: 0.08em;
								margin: 0px;
							}
							>p{
								font-size: clamp(15px, 1.15vw, 18px);
								line-height: 28px;
								letter-spacing: 0;
								margin: clamp(15px, 2.1vh, 20px) 0px 0px 0px;
							}
						}
					}
					>li:first-child{
						margin: 0px;
					}
				}
			}
		}
	}
	/*  売却  */
	.t_sale_w{
		padding: clamp(100px, 14.2vh, 120px) 0px clamp(75px, 10.7vh, 90px) 0px;
		background-image: url(/img/top/sale_bg.webp);
		background-size: cover;
		background-position: center;
		.t_sale_in{
			width: clamp(600px, 46.1vw, 780px);
			margin: 0 auto;
			text-align: center;
			color: #ffffff;
			>h2{
				width: clamp(250px, 19.2vw, 317px);
				margin: 0 auto;
			}
			>h3{
				font-size: clamp(32px, 2.4vw, 40px);
				line-height: 1.7;
				letter-spacing: 0.04em;
				margin: clamp(40px, 5.7vh, 50px) 0px 0px 0px;
				font-weight: normal;
			}
			.t_sale_text{
				font-size: clamp(15px, 1.1vw, 18px);
				line-height: 1.2;
				letter-spacing: 0.04em;
				margin: clamp(25px, 3.5vh, 30px) 0px 0px 0px;
			}
			.t_sale_textp{
				margin: 10px auto;
			}
			.t_sale_kind{
				margin: clamp(40px, 5.7vh, 50px) 0px 0px 0px;
				display: flex;
				flex-wrap: wrap;
				gap: 40px;
				padding: 0px 10px;
				>li{
					width: calc((100% - 40px) / 2);
					border-top: 1px solid rgba(255, 255, 255, 0.9);
					border-bottom: 1px solid rgba(255, 255, 255, 0.9);
					.t_sale_kind_tit{
						font-size: clamp(16px, 1.2vw, 20px);
						line-height: 1.2;
						letter-spacing: 0.06em;
						padding: 20px 0px;
						border-bottom: 1px solid rgba(255, 255, 255, 0.9);
						margin: 0px clamp(20px, 1.5vw, 25px);
					}
					.t_sale_kind_text{
						font-size: clamp(11px, 0.84vw, 15px);
						line-height: 1.5;
						letter-spacing: 0.06em;
					}
				}
				>li:nth-child(1), li:nth-child(2){
					.t_sale_kind_text{
						padding: clamp(15px, 2.1vh, 20px) 0px clamp(30px, 4.2vh, 40px) 0px;
					}
				}
				>li:nth-child(3), li:nth-child(4) {
					.t_sale_kind_text {
						padding: 15px 0px;
					}
				}
			}
			.t_sale_btn{
				display: flex;
				gap: 0px 30px;
				margin: clamp(40px, 5.7vh, 50px) 0px 0px 0px;
				>li{
					width: calc((100% - 60px) / 3);
					>a{
						display: block;
						background-color: #ffffff;
						font-size: clamp(13px, 1vw, 16px);
						line-height: 1.2;
						letter-spacing: 0.26em;
						padding: clamp(20px, 2.8vh, 23px) 0px;
						transition: all 0.2s;
						border: 1px solid #ffffff;
						&:hover{
							border: 1px solid #f9f9f9;
							background-color: #2c2c2c;
							color: #ffffff;
							box-sizing: border-box;
						}
					}
				}
			}
		}
	}
	/*  グーグル口コミ  */
	.t_voice_con{
		margin: clamp(110px, 15.7vh, 130px) auto 0px auto;
		width: clamp(950px, 70vw, 1200px);
		>h2{
			width: clamp(700px, 53.8vw, 867px);
			margin: 0 auto;
		}
	}
	/*  スタッフ紹介  */
	.t_staff_w{
		background-color: #2c2c2c;
		margin: clamp(70px, 10vh, 90px) auto 0px auto;
		width: calc(100% - clamp(250px, 19.2vw, 400px));
		padding: clamp(30px, 4.2vh, 40px) 0px clamp(40px, 5.7vh, 50px) 0px;
		.t_staff_in{
			margin: 0px auto;
			width: clamp(950px, 70vw, 1200px);
			display: flex;
			align-items: center;
			justify-content: space-between;
			.t_staff_l{
				>h2{
					width: clamp(350px, 26.9vw, 418px);
					margin: 0px 0px 0px 15px;
				}
				>p{
					font-size: clamp(12px, 0.92vw, 15px);
					line-height: 2.2;
					letter-spacing: 0.08em;
					color: #ffffff;
					margin: clamp(45px, 6.4vh, 60px) 0px 0px 0px;
				}
				.t_con_btn{
					width: clamp(330px, 25.3vw, 408px);
					line-height: clamp(60px, 8.5vh, 77px);
					margin: clamp(80px, 11.4vh, 100px) 0px 0px 0px;
				}
			}
			>img{
				width: clamp(450px, 34.6vw, 588px);
			}
		}
	}
	/*  お知らせ  */
	.t_info_w{
		margin: clamp(100px, 14.2vh, 120px) auto 0px auto;
		width: clamp(950px, 70vw, 1200px);
		display: flex;
		align-items: center;
		justify-content: space-between;
		.t_info_in{
			width: clamp(450px, 34.6vw, 600px);
			>h2{
				width: clamp(450px, 34.6vw, 543px);
			}
			.t_con_btn{
				width: clamp(300px, 23vw, 402px);
				line-height: clamp(60px, 8.5vh, 71px);
				margin: clamp(30px, 4.2vh, 40px) auto 0px auto;
			}
			>iframe{
				width: 100%;
				height: 370px;
			}
		}
			/*  インスタ  */
	.t_insta_in {
	width: clamp(500px, 44.6vw, 600px);
	>iframe{
				width: 100%;
				height: 590px;
			}
	}
	}

	/*  当社について  */
	.t_com_w{
		margin: clamp(160px, 22.8vh, 190px) 0px 0px 0px;
		.t_com_top{
			padding: clamp(145px, 20.7vh, 170px) 0px clamp(80px, 11.4vh, 100px) 0px;
			background-image: url(/img/top/com_bg.webp);
			background-size: cover;
			background-position: center;
			.t_com_top_in{
				width: clamp(950px, 70vw, 1200px);
				margin: 0 auto;
				color: #ffffff;
				>h2{
					width: clamp(300px, 23vw, 400px);
					margin: 0 auto;
				}
				.t_com_text{
					text-align: center;
					font-size: clamp(13px, 1vw, 16px);
					line-height: 1.8;
					letter-spacing: 0.06em;
					margin: clamp(70px, 10vh, 90px) auto 0px auto;
					width: clamp(500px, 38.4vw, 580px);
				}
				>ul{
					display: flex;
					gap: 0px 30px;
					margin: clamp(40px, 5.7vh, 50px) auto 0px auto;
					width: clamp(600px, 46.1vw, 780px);
					>li{
						width: calc((100% - 60px) / 3);
						>a{
							display: block;
							background-color: #2c2c2c;
							font-size: clamp(13px, 1vw, 16px);
							line-height: 1.2;
							letter-spacing: 0.26em;
							padding: clamp(20px, 2.8vh, 23px) 0px;
							color: #ffffff;
							text-align: center;
							transition: all 0.2s;
							&:hover{
								background-color: #f9f9f9;
								color: #000;
							}
						}
					}
				}
				.t_com_pho{
					display: flex;
					margin: clamp(70px, 10vh, 90px) 0px 0px 0px;
					gap: 0px 35px;
					>img{
						height: clamp(300px, 42.8vh, 391px);
						object-fit: cover;
					}
					>img:nth-of-type(1){
						width: clamp(500px, 38.4vw, 734px);
					}
					>img:nth-of-type(2) {
						width: clamp(350px, 26.9vw, 431px);
					}
				}
				.t_com_access{
					display: flex;
					margin: clamp(130px, 18.5vh, 145px) 0px 0px 0px;
					justify-content: space-between;
					.t_com_access_l{
						margin: clamp(80px, 11.4vh, 100px) 0px 0px clamp(30px, 2.3vw, 40px);
						border-top: 1px solid #a39fa1;
						width: clamp(250px, 19.2vw, 375px);
						>h3{
							width: clamp(170px, 13vw, 227px);
							margin: clamp(30px, 4.2vh, 40px) 0px 0px 0px;
						}
						.t_com_access_com{
							font-size: clamp(11px, 0.84vw, 14px);
							line-height: 1.8;
							letter-spacing: 0.06em;
							margin: clamp(30px, 4.2vh, 40px) 0px 0px 0px;
						}
						.t_com_access_ad{
							font-size: clamp(11px, 0.84vw, 14px);
							line-height: 1.8;
							letter-spacing: 0.06em;
							margin: clamp(15px, 2.1vh, 20px) 0px 0px 0px;
						}
						.t_com_access_train{
							font-size: clamp(11px, 0.84vw, 14px);
							line-height: 1.8;
							letter-spacing: 0.06em;
							margin: 3px 0px 0px 20px;
						}
					}
					iframe{
						width: clamp(550px, 42.3vw, 707px);
						height: clamp(300px, 42.8vh, 373px);
						filter: grayscale(100%);
					}
				}
			}
		}
		>img{
			width: 100%;
			height: clamp(450px, 64.2vh, 567px);
		}
	}
}

/*  TOP用ヘッダー  */
.fixed-header_common {
	/* 固定位置の設定 */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	/* 初期状態：高さを0にして隠す */
	height: 0;
	overflow: hidden;
	/* 中身がはみ出ないように一時的に隠す */
	opacity: 0;
	/* ゆっくり動かす設定 */
	transition: height 0.6s ease, opacity 0.6s ease;
}
.fixed-header_common.is-show {
	/* 表示状態：高さをメニュー本来のサイズ（例: 80px）にする */
	height: 100px;
	/* ここは実際のメニューの高さに合わせて調整してください */
	opacity: 1;
}


.t_info_box {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	& h2, h3, ul, li, p {
		margin: 0;
		padding: 0;
	}
	& ul, li {
		list-style: none;
	}
	& a {
		text-decoration: none;
		color: #000000;
	}
	& img {
		width: 100%;
		height: 100%;
	}
	margin: clamp(25px, 3.5vh, 40px) 0px 0px 0px;
	>li {
		>a {
			display: block;
			padding: 20px 0px;
			border-bottom: 1px solid #a39fa1;
			transition: all 0.2s;
			&:hover {
				background-color: #f9f9f9;
			}
			.t_info_tit {
				font-size: clamp(14px, 3.1vw, 17px);
				line-height: 1.2;
				letter-spacing: 0.14em;
				padding: 0px clamp(45px, 3.4vw, 60px) 0px 0px;
				>span {
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 1;
				}
			}
			.t_info_con {
				display: flex;
				margin: 10px 0px 0px 0px;
				color: #666666;
				gap: 0px 30px;
				align-items: center;
				>p {
					font-size: clamp(10px, 2.2vw, 12px);
					line-height: 1.2;
					letter-spacing: 0.06em;
				}
				.t_info_tag {
					>p {
						display: flex;
						gap: 0px 40px;
						>label {
							font-size: clamp(10px, 2.2vw, 12px);
							line-height: 1.2;
							letter-spacing: 0.08em;
						}
					}
				}
			}
		}
	}
}
.t_insta_box {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
		& ul, li {
		list-style: none;
	}
		>li{
			width: calc((100% - 10px) / 3);
			overflow: hidden;
			position: relative;
			>a{
				display: block;
				width: 100%;
				height: auto;
				aspect-ratio: 1 / 1;
				top: 0;
				position: absolute;
			}
			.square{
				overflow: hidden;
				width: 100%;
				height: auto;
				aspect-ratio: 1 / 1;
				display: block;
				margin: auto;
				>iframe{
					    width: 100% !important;
						margin-top: -55px !important;
						min-width: 100% !important;
				}
			}
		}

}
#jsp {
        >a {
            font-size: clamp(10px, 0.7vw, 12px);
            text-decoration: none;
			    color: #333333;
    }
}