@charset "utf-8";
body {
	font-family: "Zen Kaku Gothic Antique", serif !important;
	font-weight: 500 !important;
	font-style: normal !important;
}
p, h2, h3, ul, li {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
}
img {
	max-width: 100%;
}
#main {
	background-color: unset;
}
/* 共通パーツ */
.t_txt_catch {
	font-size: clamp(18px, 4.8vw, 20px);
	line-height: 1.5;
}
.t_txt_mid {
	font-size: clamp(12px, 3.3vw, 14px);
	line-height: 1.8;
}
.t_btn {
	display: block;
	width: clamp(250px, 66vw, 280px);
	padding: 20px 0 20px 15px;
	box-sizing: border-box;
	background: #FFF;
	border: 2px solid #1767a4;
	position: relative;
	& span {
		font-size: clamp(16px, 4.3vw, 18px);
		line-height: 1;
		background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
		color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		text-fill-color: transparent;
	}
	.t_btn_ar {
		content: "";
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto;
		box-sizing: border-box;
		width: 30px;
		height: 30px;
		margin: auto;
		border: 2px solid #1767a4;
		border-radius: 50%;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 10px;
		hr {
			width: calc(100% - 24px);
			min-width: 20px;
			height: 2px;
			background: #1767a4;
			border: none;
		}
	}
}
.t_btn_or {
	border: 2px solid #f36700;
	& span {
		font-size: clamp(16px, 4.3vw, 18px);
		line-height: 1;
		background: linear-gradient(270deg, #f28e26 0%, #fd644f 100%);
		color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		text-fill-color: transparent;
	}
	.t_btn_ar {
		border: 2px solid #f36700;
		hr {
			width: calc(100% - 20px);
			min-width: 20px;
			height: 2px;
			background: #f36700;
			border: none;
		}
	}
}
.t_round_btn {
	display: block;
	width: clamp(270px, 70vw, 300px);
	margin: 0 auto;
	padding: 20px 0 20px 18px;
	box-sizing: border-box;
	background: #FFF;
	border: 2px solid #1767a4;
	border-radius: 40px;
	position: relative;
	.t_round_btn_txt {
		font-size: clamp(16px, 4.3vw, 18px);
		line-height: 1.3;
		background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
		color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		text-fill-color: transparent;
	}
	.t_round_btn_ar {
		content: "";
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto;
		box-sizing: border-box;
		height: calc(100% - 20px);
		aspect-ratio: 1 / 1;
		margin: auto;
		background: #1767a4;
		border-radius: 50%;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 10px;
		hr {
			width: calc(100% - 20px);
			min-width: 20px;
			height: 2px;
			background: #FFF;
			border: none;
		}
	}
}
/* メイン */
#t_main {
	height: calc(100vh - 310px);
	min-height: 250px;
	max-height: 250px;
	padding: 5vw 5vw;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	z-index: 1;
	&:before {
		content: "";
		width: 100%;
		height: 100%;
		background-image: url(/img/top/main_bg_hachiouji.webp);
		background-size: cover;
		background-position: center bottom;
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	p {
		font-size: clamp(18px, 1.4vw, 26px);
		text-align: center;
		line-height: 3.3;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 5px 0;
		font-size: clamp(13px, 3.5vw, 15px);
		line-height: 2.3;
		padding: 0 10px;
		& span.t_main_txt_wh {
			color: #fff;
			background: linear-gradient(90deg, rgb(17, 85, 138) 0%, rgb(23, 103, 164) 34%, rgb(59, 157, 232) 65%, rgb(47, 133, 200) 100%);
			padding: 15px 20px;
			letter-spacing: 0.05em;
		}
		& span.t_main_txt_bl {
			background-color: #fff;
			span {
				background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
				color: transparent;
				-webkit-background-clip: text;
				background-clip: text;
				-webkit-text-fill-color: transparent;
				text-fill-color: transparent;
				padding: 0px 10px;
			}
		}
	}
	.t_main_txt {
		h2 {
			font-size: clamp(27px, 7.5vw, 32px);
			color: #fff;
			text-shadow: rgba(51, 51, 51, 0.55) 0px 0px 13px;
			line-height: 1.2;
			text-align: center;
			margin: 20px 0 0 0;
			span {
				font-size: clamp(22px, 5.5vw, 27px);
			}
		}
		p {
			font-size: clamp(13px, 3.5vw, 15px);
			text-align: center;
			line-height: 2.3;
			display: flex;
			justify-content: center;
			& span.t_main_txt_wh {
				color: #fff;
				background: linear-gradient(90deg, rgb(17, 85, 138) 0%, rgb(23, 103, 164) 34%, rgb(59, 157, 232) 65%, rgb(47, 133, 200) 100%);
				padding: 0px 10px;
				letter-spacing: 0.05em;
			}
		}
	}
}
/* インフォ */
#t_info {
	width: 100%;
	background-color: #e7f0f6;
	text-align: center;
	iframe {
		width: 90vw;
		height: 360px;
		margin: 0 auto clamp(15px, 3vh, 35px) auto;
		border: 0;
	}
}
.t_info_wide {
	padding: 30px 0;
	ul {
		display: flex;
		gap: 5px;
		flex-direction: column;
		li {
			background-color: #fff;
			border-radius: 5px;
			a {
				display: flex;
				justify-content: space-between;
				gap: 10px;
				padding: 10px;
				& .t_news_img {
					width: 100px;
					height: 75px;
					overflow: hidden;
					img {
						width: 100%;
						height: 100% !important;
						object-fit: cover;
						transition: all 0.2s;
					}
				}
				& .t_news_box {
					width: calc(100% - 110px);
					position: relative;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					align-items: flex-start;
					.t_news_date {
						display: inline-block;
						padding: 3px 5px;
						background: #1767a4;
						font-size: 11px;
						line-height: 11px;
						color: #FFF;
						margin-bottom: 5px;
					}
					.t_news_txt {
						& span {
							color: #565656;
							font-size: 13px;
							overflow: hidden;
							display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 3;
						}
					}
					.t_news_more {
						width: 100%;
						font-size: clamp(11px, 2vw, 13px);
						display: flex;
						align-items: center;
						justify-content: flex-end;
						color: #1767a4;
						letter-spacing: 0.05em;
						position: relative;
						&:before {
							content: "";
							width: 32px;
							height: 2px;
							margin: auto;
							background: #1767a4;
							position: absolute;
							bottom: 0;
							right: 0;
						}
					}
				}
			}
		}
	}
}
/* 特選-共通 */
#t_bukken,
#t_bukken_ra,
.t_bukken_la_w {
	width: 90vw;
	margin: clamp(40px, 6vh, 55px) auto clamp(40px, 6vh, 55px) auto;
	position: relative;
	.t_tl {
		position: relative;
		z-index: 1;
	}
	.swiper-bukken-col-prev {
		display: block;
		width: 9px;
		height: 22px;
		margin: auto;
		clip-path: polygon(100% 0, 0 50%, 100% 100%);
		background: #1767a4;
		position: absolute;
		top: -30px;
		bottom: 0;
		right: calc(50% + 160px);
		z-index: 3;
	}
	.swiper-bukken-col-next {
		display: block;
		width: 9px;
		height: 22px;
		margin: auto;
		clip-path: polygon(0 0, 0% 100%, 100% 50%);
		background: #1767a4;
		position: absolute;
		top: -30px;
		bottom: 0;
		left: calc(50% + 162px);
		z-index: 3;
	}
	.bukken-col-pagination {
		display: flex;
		justify-content: center;
		margin: 20px 0;
		.swiper-pagination-bullet {
			width: 12px;
			height: 12px;
			border-radius: 50%;
			background: #e7f0f6;
			opacity: 1;
		}
		.swiper-pagination-bullet-active {
			background: #8bb3d1;
		}
	}
	ul {
		li {
			width: 280px;
			background-color: #e7f0f6;
			border-radius: 10px;
			padding: 15px;
			a {
				div {
					color: #000;
					img {
						width: auto;
						height: 100%;
						max-height: 210px;
						margin: 0 auto;
						display: block;
						p {
							position: absolute;
							bottom: 0;
							font-size: clamp(12px, 2.2vw, 14px);
							color: #1767a4;
							background-color: #fff;
							padding: 5px 7px;
							border-radius: 0 5px 0 0;
						}
					}
					p {
						margin: 10px 0 0 0;
					}
					p.t_bukken_name {
						font-size: 16px;
						line-height: 1.2em;
					}
					p.t_bukken_pr {
						font-size: 22px;
						color: #1767a4;
						display: flex;
						align-items: flex-end;
						gap: 10px;
						line-height: 1;
						span {
							font-size: 12px;
							color: #000;
							line-height: 1;
						}
					}
					div.t_bukken_txt {
						background-color: #fff;
						margin: 10px 0 0 0;
						padding: 10px;
						border-radius: 0px 0px 10px 10px;
						p {
							font-size: 14px;
							line-height: 16px;
							display: flex;
							position: relative;
							gap: 10px;
							&:before {
								content: "";
								display: block;
								width: 16px;
								height: 20px;
								background-repeat: no-repeat;
								background-size: cover;
							}
						}
						p.t_bukken_ad {
							&:before {
								background-image: url(/img/top/t_bukken_ad_icon.webp);
							}
						}
						p.t_bukken_acc {
							margin: 10px 0 0 0;
							&:before {
								background-image: url(/img/top/t_bukken_acc_icon.webp);
							}
						}
					}
				}
				&:hover {
					.t_bukken_img {
						img {
							transform: scale(1.1);
							transition: all 0.2s;
						}
					}
				}
			}
		}
	}
	a.t_btn {
		margin: 0 auto;
	}
}
/* 特選-ランキング */
#t_bukken_ra {
	margin: 0 auto clamp(40px, 6vh, 55px) auto;
	ul {
		li {
			margin: 45px 0 0 0;
			position: relative;
			&:before {
				content: "";
				width: 80px;
				height: 40px;
				/* border-radius: 35px; */
				background: #1767a4;
				clip-path: circle(50% at 50% 100%);
				display: block;
				position: absolute;
				top: -40px;
				z-index: -1;
			}
			&:after {
				position: absolute;
				top: -20px;
				width: 80px;
				color: #fff;
				font-size: 18px;
				text-align: center;
				font-family: "Roboto Condensed", serif;
			}
			&:nth-child(6n+1):after {
				content: "NO.1";
			}
			&:nth-child(6n+2):after {
				content: "NO.2";
			}
			&:nth-child(6n+3):after {
				content: "NO.3";
			}
			&:nth-child(6n+4):after {
				content: "NO.4";
			}
			&:nth-child(6n+5):after {
				content: "NO.5";
			}
			&:nth-child(6n+6):after {
				content: "NO.6";
			}
		}
	}
}
/* 特選-新着・値下げ */
#t_bukken_la, #t_bukken_pr {
	margin: 0 auto clamp(40px, 6vh, 55px) auto;
	width: 100%;
	background: #e7f0f6;
	margin: 0 auto;
	padding: 50px 0 10px 0;
	>div {
		ul {
			li {
				width: 280px;
				background-color: #fff;
				padding: 15px;
				z-index: 1;
				a {
					div {
						.t_bukken_txt {
							.t_bukken_ad, .t_bukken_acc {
								width: calc(100% - 16px);
								font-size: 12px;
							}
						}
					}
					.t_bukken_img {
						img {
							width: auto;
							height: 100%;
							max-height: 210px;
							margin: 0 auto;
							display: block;
						}
						.t_bukken_kind {
							top: -4px;
							left: 7px;
							bottom: auto;
							border-radius: 5px;
						}
					}
				}
			}
		}
	}
	.bukken-col-pagination {
		.swiper-pagination-bullet {
			background: #fff;
		}
		.swiper-pagination-bullet-active {
			background: #8bb3d1;
		}
		round: #000;
	}
	.t_bukken_la_w {
		margin: 0 auto clamp(40px, 6vh, 55px) auto;
	}
}
#t_bukken_pr {
	margin: 0 0 50px 0;
	padding: 50px 0 10px 0;
}
/* 物件検索 */
#t_sr {
	padding: 60px 0 100px 0;
	background-color: #f8f8f8;
	div.t_conts_wide {
		width: 90vw;
		margin: 0 auto;
		div.t_sr_box {
			display: flex;
			flex-direction: column;
			div.t_sr_l, div.t_sr_r {
				.t_sr_l_box, .t_sr_r_box, .t_sr_free {
					& h3 {
						margin-bottom: 10px;
						font-size: clamp(16px, 4.2vw, 18px);
						line-height: 1.5;
						color: #1767a4;
					}
					ul {
						display: flex;
						flex-wrap: wrap;
						gap: 10px;
						li.t_sr_btn_wide {
							width: calc((100% - 10px)/2);
						}
						li.t_sr_btn_thin {
							width: calc((100% - 20px)/3);
						}
						li {
							& a {
								display: flex;
								flex-direction: column;
								align-items: center;
								justify-content: center;
								text-align: center;
								height: 100%;
								min-height: 55px;
								box-sizing: border-box;
								padding: 15px 0;
								background-repeat: no-repeat;
								background-size: cover;
								background-position: center;
								font-size: clamp(12px, 3.3vw, 14px);
								line-height: 1.3;
								color: #FFF;
								text-shadow: 0px 0px 4px rgba(51, 51, 51, 0.5);
								position: relative;
								& span {
									position: relative;
									z-index: 2;
								}
								&:after {
									content: "";
									display: block;
									width: 100%;
									height: 100%;
									background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
									opacity: 0;
									position: absolute;
									top: 0;
									left: 0;
									transition: all 0.2s;
								}
								&:hover:after {
									opacity: 0.3;
								}
							}
						}
					}
				}
			}
		}
		.t_sr_l_box li {}
		.t_sr_l_box:nth-child(1) {
			ul li {
				&:nth-child(1) a {
					background-image: url(/img/top/sr_btn06.webp);
				}
				&:nth-child(2) a {
					background-image: url(/img/top/sr_btn07.webp);
				}
				&:nth-child(3) a {
					background-image: url(/img/top/sr_btn08.webp);
				}
			}
		}
		.t_sr_l_box:nth-child(2) {
			margin: 20px 0 0 0;
			ul li {
				&:nth-child(1) a {
					background-image: url(/img/top/sr_btn09.webp);
				}
				&:nth-child(2) a {
					background-image: url(/img/top/sr_btn10.webp);
				}
				&:nth-child(3) a {
					background-image: url(/img/top/sr_btn11.webp);
				}
			}
		}
		.t_sr_r_box li {}
		.t_sr_r_box:nth-child(1) {
			margin: 20px 0 0 0;
			ul li {
				&:nth-child(1) a {
					background-image: url(/img/top/sr_btn01.webp);
				}
				&:nth-child(2) a {
					background-image: url(/img/top/sr_btn02.webp);
				}
				&:nth-child(3) a {
					background-image: url(/img/top/sr_btn03.webp);
				}
				&:nth-child(4) a {
					background-image: url(/img/top/sr_btn04.webp);
				}
				&:nth-child(5) a {
					background-image: url(/img/top/sr_btn05.webp);
				}
			}
		}
		.t_sr_free {
			margin: 20px 0 0 0;
			.search_space {
				display: flex;
				justify-content: space-between;
				.search_window {
					width: calc(100% - 55px);
					height: 50px;
					box-sizing: border-box;
					margin: 0;
					padding: 0 10px;
					border: 2px solid #1767a4;
					border-radius: 3px;
					background: #FFF;
					box-shadow: none;
					font-size: clamp(14px, 3.8vw, 16px);
					line-height: 1.25;
					letter-spacing: 0.05em;
					&::placeholder {
						color: #94b9d6;
					}
				}
				.quick_keyword {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 50px;
					height: auto;
					aspect-ratio: 1 / 1;
					background: #1767a4;
					border-radius: 3px;
					cursor: pointer;
					.free_btn {
						width: clamp(22px, 1.7vw, 31px);
					}
					&:hover {
						background: #10436b;
					}
				}
			}
		}
	}
}
/* 会員登録 */
#t_me {
	width: 90vw;
	margin: 30px auto clamp(40px, 6vh, 55px) auto;
	background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
	border-radius: 10px;
	padding: 25px 3vw;
	position: relative;
	z-index: 1;
	a {
		width: 100% !important;
		display: block !important;
		margin: 0 auto;
		position: relative;
		z-index: -1;
		&:before {
			content: "";
			display: block;
			width: 265px;
			height: 205px;
			position: absolute;
			top: -20px;
			right: 0;
			background-image: url(/img/top/t_me_bg.webp);
			background-size: cover;
			z-index: -1;
		}
		.t_user_tl {
			.t_tl_txt {
				font-size: 16px;
				line-height: 1.5;
				color: #fff;
				margin: 10px 0 0 0;
			}
			p.t_nav_en {
				margin: 0 0 5px 0;
				font-size: clamp(14px, 3.8vw, 16px);
				line-height: 1.5;
				letter-spacing: 0.05em;
				color: #FFF;
			}
			.t_user_tl_box {
				display: flex;
				gap: 0px;
				flex-direction: column;
				align-items: flex-start;
				h2 {
					background-color: #fff;
					display: inline-block;
					span {
						font-size: clamp(26px, 7.1vw, 30px);
						background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
						color: transparent;
						padding: 15px 20px;
						letter-spacing: 0.05em;
						line-height: 1.5;
						-webkit-background-clip: text;
						background-clip: text;
						-webkit-text-fill-color: transparent;
						text-fill-color: transparent;
					}
				}
			}
		}
		ul {
			display: flex;
			gap: 5px;
			margin: 25px 0 0 0;
			flex-wrap: wrap;
			justify-content: center;
			li {
				width: 140px;
				height: 140px;
				border-radius: 100px;
				background: #fff;
				padding: 3%;
				display: flex;
				flex-wrap: wrap;
				flex-direction: row;
				align-items: center;
				justify-content: center;
				.t_user_mr {
					display: flex;
					justify-content: space-between;
					align-items: flex-end;
					margin: 0 auto;
					padding: 0;
					letter-spacing: 0.05em;
					font-family: "Roboto Condensed", serif;
					.t_user_be {
						display: none;
					}
					.t_user_no {
						font-size: 16px;
						line-height: 1;
						color: #1767a4;
						margin: 5px 0;
					}
				}
				hr {
					width: 140px;
					height: 2px;
					margin: 5px auto 0 auto;
					background: #1767a4;
					border: none;
				}
				img {
					margin: 5px;
					width: 35%;
				}
				p {
					font-size: 14px;
					line-height: 1.4;
					margin: 0 0 20px 0;
					color: #000;
					text-align: center;
					span {
						padding: 0px 4px;
						background: #f8ff39;
						box-decoration-break: clone;
						-webkit-box-decoration-break: clone;
					}
				}
			}
			li:nth-child(3) {
				margin: -20px 0 0 0;
			}
		}
		.t_user_nm {
			border: 2px solid #fff;
			border-radius: 10px;
			margin: 15px 0 0 0;
			display: flex;
			justify-content: center;
			letter-spacing: 0.05em;
			align-items: center;
			flex-direction: column;
			div.t_user_ip {
				display: flex;
				color: #fff;
				gap: 20px;
				align-items: flex-end;
				position: relative;
				p.t_user_box {
					font-size: 20px;
					padding: 10px;
				}
				p.t_user_ken {
					font-size: clamp(26px, 7.1vw, 30px);
					display: flex;
					align-items: baseline;
					gap: 10px;
					span {
						font-size: clamp(42px, 11vw, 56px);
					}
				}
			}
			div.t_user_ip:nth-child(1) {}
			div.t_user_ip:nth-child(2) {
				color: #f8ff39;
				p.t_user_box {}
			}
		}
		.t_btn {
			width: 90vw;
			height: 50px;
			padding: initial;
			margin: 15px auto 0 auto;
			border-radius: 45px;
			display: flex;
			align-items: center;
			span.t_btn_txt {
				font-size: 20px;
				margin: 0 auto;
			}
			span.t_btn_ar {
				border: none;
				background: #1767a4;
				height: 30px;
				right: 10px;
				hr {
					background: #fff;
				}
			}
		}
	}
}
/* 売却について */
#t_sale {
	margin: 0 0 60px 0;
	padding: 30px 0 0 0;
	position: relative;
	.t_sale_circle {
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		& ul {
			position: relative;
			z-index: 2;
			margin-left: 47%;
			&:before,
			&:after {
				content: "";
				display: block;
				height: 100%;
				background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
				opacity: 0.7;
				position: absolute;
			}
			&:before {
				width: 100%;
				top: 0;
				left: calc(clamp(110px, 30vw, 120px)*0.5);
				z-index: -2;
			}
			&:after {
				width: 100%;
				top: calc(clamp(110px, 30vw, 120px)*0.74);
				left: calc(clamp(110px, 30vw, 120px)*1.24);
				z-index: -1;
			}
			& li {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				width: clamp(110px, 30vw, 120px);
				height: clamp(110px, 30vw, 120px);
				box-sizing: border-box;
				aspect-ratio: 1 / 1;
				text-align: center;
				background: #FFF;
				border: 2px solid #1767a4;
				border-radius: 50%;
				&:nth-child(2) {
					position: absolute;
					top: calc(clamp(110px, 30vw, 120px)*0.74);
					left: calc(clamp(110px, 30vw, 120px)*0.74);
				}
				.t_sale_cir_name {
					& span {
						font-size: clamp(16px, 4.3vw, 18px);
						line-height: 2;
						letter-spacing: -0.05em;
						background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
						color: transparent;
						-webkit-background-clip: text;
						background-clip: text;
						-webkit-text-fill-color: transparent;
						text-fill-color: transparent;
					}
				}
				.t_sale_cir_txt {
					font-size: clamp(10px, 2.7vw, 12px);
					line-height: 1.6;
					letter-spacing: -0.05em;
					& span {
						padding: 0 3px;
						background: #f8ff39;
						box-decoration-break: clone;
						-webkit-box-decoration-break: clone;
					}
				}
			}
		}
	}
	.t_tl {
		position: relative;
		z-index: 2;
	}
	.t_sale_txt {
		margin: 0 auto 30px auto;
		.t_txt_catch {
			margin: 0 0 20px 0;
		}
		.t_txt_mid {
			margin: 0 0 20px 0;
		}
		ul {
			li:not(:last-child) {
				margin: 0 0 10px 0;
			}
		}
	}
	.t_sale_nav {
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 40px 0;
		padding: 5vw;
		background: #f8f8f8;
		position: relative;
		ul {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			li {
				width: calc((100% - 10px)/2);
			}
			& a {
				display: block;
				overflow: hidden;
				position: relative;
				color: #FFF;
				img {
					width: 100%;
					height: auto;
				}
				& div {
					position: absolute;
				}
				.t_sale_nav_box {
					bottom: 10px;
					left: 10px;
					z-index: 1;
					.t_sale_nav_en {
						margin: 0 0 5px 0;
						font-size: clamp(11px, 2.8vw, 12px);
						line-height: 1.2;
						letter-spacing: 0.05em;
					}
					.t_sale_nav_name {
						& span {
							display: inline-block;
							padding: 0 5px 0 5px;
							background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
							font-size: clamp(15px, 4vw, 17px);
							line-height: 1.66;
						}
					}
				}
				.t_sale_nav_ar {
					display: flex;
					align-items: center;
					justify-content: center;
					width: clamp(35px, 9.5vw, 40px);
					height: auto;
					aspect-ratio: 1 / 1;
					box-sizing: border-box;
					border: 2px solid #FFF;
					border-radius: 50%;
					bottom: 6px;
					right: 5px;
					z-index: 1;
					img {
						width: 50%;
					}
				}
			}
		}
	}
	.t_sale_tl {
		margin: 0 auto 15px auto;
		& p {
			margin: 0 0 5px 0;
			font-size: clamp(14px, 3.8vw, 16px);
			line-height: 1.2;
			letter-spacing: 0.05em;
			color: #1767a4;
		}
		& h2 {
			span {
				display: inline-block;
				padding: 0 10px;
				background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
				font-size: clamp(24px, 6.2vw, 26px);
				line-height: 1.5;
				color: #FFF;
			}
		}
	}
	#t_sale_result {
		margin: 0 0 40px 0;
		& iframe {
			width: 100%;
			height: 380px;
		}
	}
}
/* 不動産売却実績 */
.swiper_sale_result {
	margin: 0 0 15px 0;
	overflow: hidden;
	position: relative;
	.t_sale_result_cms {
		margin-bottom: 20px;
		>li {
			width: 280px;
			>a {
				display: block;
				padding: 15px;
				background-color: #e7f0f6;
				border-radius: 5px;
				.t_sale_result_img {
					width: 100%;
					height: 160px;
					overflow: hidden;
					margin: 0 0 10px 0;
					border-radius: 5px 5px 0 0;
					>img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				}
				.t_sale_result_name {
					margin: 0 0 5px 0;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					font-size: clamp(18px, 4.8vw, 20px);
					color: #000000;
					line-height: 24px;
				}
				.t_sale_result_ad {
					margin: 0 0 10px 0;
					font-size: clamp(14px, 3.8vw, 16px);
					color: #1767a4;
					line-height: 20px;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				.t_sale_result_txt {
					background: #FFF;
					padding: 10px;
					>span {
						font-size: clamp(12px, 1.1vw, 14px);
						color: #565656;
						line-height: 1.4;
						overflow: hidden;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 3;
					}
				}
			}
		}
	}
	.swiper-sale-re-prev {
		display: block;
		width: 9px;
		height: 22px;
		margin: auto;
		clip-path: polygon(100% 0, 0 50%, 100% 100%);
		background: #1767a4;
		position: absolute;
		top: -30px;
		bottom: 0;
		right: calc(50% + 147px);
	}
	.swiper-sale-re-next {
		display: block;
		width: 9px;
		height: 22px;
		margin: auto;
		clip-path: polygon(0 0, 0% 100%, 100% 50%);
		background: #1767a4;
		position: absolute;
		top: -30px;
		bottom: 0;
		left: calc(50% + 147px);
		z-index: 3;
	}
	.sale-re-pagination {
		display: flex;
		justify-content: center;
		.swiper-pagination-bullet {
			width: 12px;
			height: 12px;
			border-radius: 50%;
			background: #e7f0f6;
			opacity: 1;
		}
		.swiper-pagination-bullet-active {
			background: #8bb3d1;
		}
	}
}
/* 不動産売却コラム */
.t_sale_col_cms {
	display: flex;
	gap: 0 2vw;
	li {
		width: calc((100% - 6vw)/4);
		a {
			.t_sale_col_img {
				width: 100%;
				height: auto;
				aspect-ratio: 1 / 0.78;
				margin: 0 0 10px 0;
				overflow: hidden;
				position: relative;
				&:before {
					content: "";
					display: block;
					width: 100%;
					height: 100%;
					background: #000000;
					opacity: 0;
					position: absolute;
					top: 0;
					left: 0;
					transition: all 0.2s;
					z-index: 1;
				}
				& img {
					width: 100%;
					height: 100% !important;
					object-fit: cover;
					transition: all 0.2s;
				}
				div {
					position: absolute;
					bottom: 10px;
					padding: 0 10px;
					z-index: 1;
					p {
						display: flex;
						flex-wrap: wrap;
						gap: 4px;
						label {
							display: inline-block;
							padding: 4px 5px;
							background: #FFF;
							cursor: pointer;
							font-size: clamp(11px, 1vw, 15px);
							line-height: 1;
							color: #1767a4;
						}
					}
				}
			}
			&:hover {
				.t_sale_col_img {
					&:before {
						opacity: 0.2;
					}
					& img {
						transform: scale(1.1);
					}
				}
			}
			.t_sale_col_name {
				margin: 0 0 5px 0;
				overflow: hidden;
				height: calc(clamp(14px, 1.5vw, 20px)*3.6);
				span {
					display: inline;
					padding: 0px 5px 1px 5px;
					background: #1767a4;
					font-size: clamp(14px, 1.5vw, 20px);
					line-height: 1.8;
					box-decoration-break: clone;
					-webkit-box-decoration-break: clone;
					color: #FFF;
					overflow: hidden;
				}
			}
			.t_sale_result_txt {
				& span {
					font-size: clamp(12px, 1.1vw, 16px);
					color: #565656;
					line-height: 1.5;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
				}
			}
		}
	}
}
/* ローン相談 */
#t_loan {
	margin-bottom: 100px;
	position: relative;
	&:before {
		content: "";
		display: block;
		width: 95%;
		height: calc(100% + 10px);
		position: absolute;
		background-color: #e7f0f6;
		bottom: -60px;
		left: 0;
		z-index: -1;
	}
	.t_loan_w {
		width: 90vw;
		margin: 0 auto;
		position: relative;
		&:after {
			content: "";
			display: block;
			width: 440px;
			height: 330px;
			position: absolute;
			bottom: -50px;
			left: 0px;
			background-image: url(/img/top/t_loan_il.webp);
			background-size: 80%;
			background-repeat: no-repeat;
			z-index: -1;
		}
		p.t_loan_txt {
			font-size: clamp(12px, 3.3vw, 14px);
			line-height: 2em;
			margin: 20px 0 0 0;
			position: relative;
			&:before {
				content: "";
				display: block;
				width: 829px;
				height: 564px;
				position: absolute;
				top: -70px;
				left: 480px;
				background-image: url(/img/top/t_loan_pho.webp);
				z-index: -1;
			}
			&:after {
				content: "";
				display: block;
				width: 697px;
				height: 261px;
				position: absolute;
				top: 300px;
				left: 790px;
				background-image: url(/img/top/t_loan_eng.webp);
				z-index: -1;
			}
		}
		a.t_btn {
			margin: 230px 0 0 0;
		}
	}
}
/* 売却 */
.t_sale_cms {
	width: 100%;
	.t_sale_tl_box {
		.t_sale_tl {
			width: 90vw;
			margin: 0 auto;
		}
	}
}
/* スタッフ */
#t_staff {
	margin: 0 0 clamp(60px, 8.5vh, 80px) 0;
	.t_st_title {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		margin: 0 auto clamp(20px, 2.5vh, 30px) auto;
		ul {
			display: flex;
			gap: 0 4px;
			li {
				a {
					display: flex;
					align-items: center;
					gap: 0 3px;
					padding: 0 8px 2px 8px;
					background: #1767a4;
					border-radius: 20px;
					font-size: clamp(13px, 0.8vw, 16px);
					color: #FFF;
					line-height: 1.5;
					transition: all 0.2s;
					&:before {
						content: "#";
					}
					&:hover {
						background: #10436b;
					}
				}
			}
		}
	}
	& iframe {
		width: 100%;
		height: clamp(260px, 40vh, 360px);
	}
	.t_btn {
		margin: 0 auto;
	}
}
.t_st_box {
	width: 100%;
	overflow: hidden;
	margin: 0 auto 0 auto;
	ul {
		padding: 0 0 30px 0;
		li {
			width: 18vw;
			div {
				box-sizing: border-box;
				a {
					display: block;
					padding: 0 11.5% 0 0;
					margin: 0 0 0 11.5%;
					position: relative;
					z-index: 1;
					&:after {
						content: "";
						display: block;
						width: 85%;
						height: auto;
						aspect-ratio: 1 / 1;
						background: #e7f0f6;
						border-radius: 50%;
						position: absolute;
						right: calc(clamp(15px, 0.14vw, 25px)*-1);
						bottom: calc((5px + clamp(15px, 0.14vw, 25px))*-1);
						z-index: -1;
					}
					.t_staff_img {
						overflow: hidden;
						margin: 0 0 10px 0;
						width: 100%;
						height: auto;
						aspect-ratio: 1 / 1.27;
						position: relative;
						&:before {
							content: "";
							display: block;
							width: 100%;
							height: 100%;
							background: #000000;
							opacity: 0;
							position: absolute;
							top: 0;
							left: 0;
							transition: all 0.2s;
							z-index: 1;
						}
						img {
							width: 100%;
							height: 100% !important;
							object-fit: cover;
							transition: all 0.2s;
						}
					}
					.t_staff_name {
						display: flex;
						flex-direction: column;
						align-items: center;
						position: absolute;
						top: 0;
						right: 0;
						p {
							-ms-writing-mode: tb-rl;
							writing-mode: vertical-rl;
							color: #1767a4;
							letter-spacing: 0.05em;
						}
						.t_staff_ja {
							margin: 0 0 10px 0;
							font-size: clamp(18px, 1.4vw, 26px);
						}
						.t_staff_kana {
							font-size: clamp(10px, 0.75vw, 14px);
						}
					}
					.t_staff_role {
						display: inline-block;
						padding: 0 8px 2px 8px;
						background: #1767a4;
						font-size: clamp(12px, 0.95vw, 18px);
						line-height: 1.45;
						color: #FFF;
						letter-spacing: 0.05em;
					}
					&:hover {
						.t_staff_img {
							&:before {
								opacity: 0.2;
							}
							img {
								transform: scale(1.1);
							}
						}
					}
				}
			}
		}
	}
}
/* 当社について */
#t_com {
	.t_com_w {
		width: 90vw;
		margin: 0 auto;
		position: relative;
		&:before {
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 320px;
			left: 0;
			background-image: url(/img/top/t_com_pho.webp);
			background-color: rgba(255, 255, 255, 0.8);
			background-blend-mode: lighten;
			background-size: contain;
			background-repeat: no-repeat;
			z-index: -1;
		}
		&:after {
			content: "";
			display: block;
			width: 789px;
			height: 409px;
			position: absolute;
			top: -55px;
			left: 50%;
			margin: 0 0 0 70px;
			/*background-image: url(/img/top/t_com_eng.webp);*/
			z-index: -1;
		}
		p {
			font-size: clamp(12px, 3.3vw, 14px);
			line-height: 2em;
			margin: 20px 0 0 0;
		}
		a {
			margin: 50px 0 0 0;
		}
	}
}
footer {
	border: 0px;
	margin: 0 0 60px 0;
	padding: 30px 0 0 0;
	position: relative;
	.t_sale_circle {
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		& ul {
			position: relative;
			z-index: 2;
			margin-left: 47%;
			&:before,
			&:after {
				content: "";
				display: block;
				height: 100%;
				background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
				opacity: 0.7;
				position: absolute;
			}
			&:before {
				width: 100%;
				top: 0;
				left: calc(clamp(110px, 30vw, 120px)*0.5);
				z-index: -2;
			}
			&:after {
				width: 100%;
				top: calc(clamp(110px, 30vw, 120px)*0.74);
				left: calc(clamp(110px, 30vw, 120px)*1.24);
				z-index: -1;
			}
			& li {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				width: clamp(110px, 30vw, 120px);
				height: clamp(110px, 30vw, 120px);
				box-sizing: border-box;
				aspect-ratio: 1 / 1;
				text-align: center;
				background: #FFF;
				border: 2px solid #1767a4;
				border-radius: 50%;
				&:nth-child(2) {
					position: absolute;
					top: calc(clamp(110px, 30vw, 120px)*0.74);
					left: calc(clamp(110px, 30vw, 120px)*0.74);
				}
				.t_sale_cir_name {
					& span {
						font-size: clamp(16px, 4.3vw, 18px);
						line-height: 2;
						letter-spacing: -0.05em;
						background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
						color: transparent;
						-webkit-background-clip: text;
						background-clip: text;
						-webkit-text-fill-color: transparent;
						text-fill-color: transparent;
					}
				}
				.t_sale_cir_txt {
					font-size: clamp(10px, 2.7vw, 12px);
					line-height: 1.6;
					letter-spacing: -0.05em;
					& span {
						padding: 0 3px;
						background: #f8ff39;
						box-decoration-break: clone;
						-webkit-box-decoration-break: clone;
					}
				}
			}
		}
	}
	.t_tl {
		position: relative;
		z-index: 2;
	}
	.t_sale_txt {
		margin: 0 auto 30px auto;
		.t_txt_catch {
			margin: 0 0 20px 0;
		}
		.t_txt_mid {
			margin: 0 0 20px 0;
		}
		>ul {
			>li:not(:last-child) {
				margin: 0 0 10px 0;
			}
		}
	}
	.t_sale_nav {
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 40px 0;
		padding: 5vw;
		background: #f8f8f8;
		position: relative;
		>ul {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			>li {
				width: calc((100% - 10px)/2);
			}
			& a {
				display: block;
				overflow: hidden;
				position: relative;
				color: #FFF;
				>img {
					width: 100%;
					height: auto;
				}
				& div {
					position: absolute;
				}
				.t_sale_nav_box {
					bottom: 10px;
					left: 10px;
					z-index: 1;
					.t_sale_nav_en {
						margin: 0 0 5px 0;
						font-size: clamp(11px, 2.8vw, 12px);
						line-height: 1.2;
						letter-spacing: 0.05em;
					}
					.t_sale_nav_name {
						& span {
							display: inline-block;
							padding: 0 5px 0 5px;
							background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
							font-size: clamp(15px, 4vw, 17px);
							line-height: 1.66;
						}
					}
				}
				.t_sale_nav_ar {
					display: flex;
					align-items: center;
					justify-content: center;
					width: clamp(35px, 9.5vw, 40px);
					height: auto;
					aspect-ratio: 1 / 1;
					box-sizing: border-box;
					border: 2px solid #FFF;
					border-radius: 50%;
					bottom: 6px;
					right: 5px;
					z-index: 1;
					>img {
						width: 50%;
					}
				}
			}
		}
	}
	.t_sale_tl {
		margin: 0 auto 15px auto;
		& p {
			margin: 0 0 5px 0;
			font-size: clamp(14px, 3.8vw, 16px);
			line-height: 1.2;
			letter-spacing: 0.05em;
			color: #1767a4;
		}
		& h2 {
			>span {
				display: inline-block;
				padding: 0 10px;
				background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
				font-size: clamp(24px, 6.2vw, 26px);
				line-height: 1.5;
				color: #FFF;
			}
		}
	}
	#t_sale_result {
		margin: 0 0 40px 0;
		& iframe {
			width: 100%;
			height: 380px;
		}
	}
	/* 現地販売会 */
	#t_open_column iframe {
		width: 100%;
		height: 340px;
	}
}
.t_open_col_cms {
	display: flex;
	gap: 0 2vw;
	li {
		width: calc((100% - 6vw)/4);
		a {
			.t_open_col_img {
				width: 100%;
				height: auto;
				aspect-ratio: 1 / 0.78;
				margin: 0 0 10px 0;
				overflow: hidden;
				position: relative;
				&:before {
					content: "";
					display: block;
					width: 100%;
					height: 100%;
					background: #000000;
					opacity: 0;
					position: absolute;
					top: 0;
					left: 0;
					transition: all 0.2s;
					z-index: 1;
				}
				& img {
					width: 100%;
					height: 100% !important;
					object-fit: cover;
					transition: all 0.2s;
				}
				div {
					position: absolute;
					bottom: 10px;
					padding: 0 10px;
					z-index: 1;
					p {
						display: flex;
						flex-wrap: wrap;
						gap: 4px;
						label {
							display: inline-block;
							padding: 4px 5px;
							background: #FFF;
							cursor: pointer;
							font-size: clamp(11px, 1vw, 15px);
							line-height: 1;
							color: #1767a4;
						}
					}
				}
			}
			&:hover {
				.t_open_col_img {
					&:before {
						opacity: 0.2;
					}
					& img {
						transform: scale(1.1);
					}
				}
			}
			.t_open_col_name {
				margin: 0 0 5px 0;
				overflow: hidden;
				height: calc(clamp(14px, 1.5vw, 20px)*3.6);
				span {
					display: inline;
					padding: 0px 5px 1px 5px;
					background: #1767a4;
					font-size: clamp(14px, 1.5vw, 20px);
					line-height: 1.8;
					box-decoration-break: clone;
					-webkit-box-decoration-break: clone;
					color: #FFF;
					overflow: hidden;
				}
			}
			.t_open_result_txt {
				& span {
					font-size: clamp(12px, 1.1vw, 16px);
					color: #565656;
					line-height: 1.5;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
				}
			}
		}
	}
}
/* 現地販売会 */
#t_open {
	margin: 0 0 60px 0;
	padding: 30px 0 0 0;
	position: relative;
	.t_open_cms {
		width: 100%;
		.t_open_tl_box {
			.t_open_tl {
				width: 90vw;
				margin: 0 auto 15px auto;
				p {
					margin: 0 0 5px 0;
					font-size: clamp(14px, 3.8vw, 16px);
					line-height: 1.2;
					letter-spacing: 0.05em;
					color: #1767a4;
				}
				h2 {
					span {
						display: inline-block;
						padding: 0 10px;
						background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
						font-size: clamp(26px, 7vw, 30px);
						line-height: 1.6;
						color: #FFF;
					}
				}
			}
		}
		#t_open_column {
			& iframe {
				width: 100%;
				height: 340px;
			}
		}
	}
}
.swiper_open_column {
	margin: 0 0 20px 0;
	position: relative;
	.t_open_col_cms {
		margin: 20px 10px;
		gap: 10px;
		>li {
			width: 280px;
			>a {
				display: block;
				.t_open_col_img {
					width: 100%;
					height: 180px;
					margin: 0 0 10px 0;
					overflow: hidden;
					position: relative;
					& img {
						width: 100%;
						height: 100% !important;
						object-fit: cover;
					}
					>div {
						position: absolute;
						bottom: 10px;
						padding: 0 10px;
						z-index: 1;
						>p {
							display: flex;
							flex-wrap: wrap;
							gap: 4px;
							>label {
								display: inline-block;
								padding: 4px 5px;
								background: #FFF;
								cursor: pointer;
								font-size: clamp(11px, 2.8vw, 12px);
								line-height: 1;
								color: #1767a4;
							}
						}
					}
				}
				.t_open_col_name {
					margin: 0 0 5px 0;
					overflow: hidden;
					height: calc(clamp(16px, 4.3vw, 18px)*3.6);
					>span {
						display: inline;
						padding: 0px 5px 1px 5px;
						background: #1767a4;
						font-size: clamp(16px, 4.3vw, 18px);
						line-height: 1.8;
						box-decoration-break: clone;
						-webkit-box-decoration-break: clone;
						color: #FFF;
						overflow: hidden;
					}
				}
				.t_open_result_txt {
					& span {
						font-size: clamp(12px, 1.1vw, 14px);
						color: #565656;
						line-height: 1.4;
						overflow: hidden;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
					}
				}
			}
		}
	}
	.swiper-open-col-prev {
		display: block;
		width: 9px;
		height: 22px;
		margin: auto;
		clip-path: polygon(100% 0, 0 50%, 100% 100%);
		background: #1767a4;
		position: absolute;
		top: -45px;
		bottom: 0;
		right: calc(50% + 147px);
	}
	.swiper-open-col-next {
		display: block;
		width: 9px;
		height: 22px;
		margin: auto;
		clip-path: polygon(0 0, 0% 100%, 100% 50%);
		background: #1767a4;
		position: absolute;
		top: -45px;
		bottom: 0;
		left: calc(50% + 147px);
		z-index: 3;
	}
	.open-col-pagination {
		display: flex;
		justify-content: center;
		.swiper-pagination-bullet {
			width: 12px;
			height: 12px;
			border-radius: 50%;
			background: #e7f0f6;
			opacity: 1;
		}
		.swiper-pagination-bullet-active {
			background: #8bb3d1;
		}
	}
}
/* 採用情報 */
#t_recruit {
	display: block !important;
	width: 90%;
	margin: 0 auto 20px auto;
	>a {
		display: block;
		padding: 40px 0 40px 0;
		background: url(/img/sp_index/recruit_bg.webp);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		border-radius: 10px;
		position: relative;
		&:before {
			content: "";
			width: calc(100% - 14px);
			height: calc(100% - 14px);
			margin: auto;
			box-sizing: border-box;
			border: 2px solid #FFF;
			border-radius: 10px;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		}
		.t_recruit_tl {
			margin: 0 0 20px 0;
			text-align: center;
			>p {
				margin: 0 0 10px 0;
				font-size: clamp(18px, 4.8vw, 20px);
				color: #FFF;
			}
			>h2 {
				display: inline-block;
				padding: 0 10px 3px 10px;
				background: #FFF;
				>span {
					font-size: clamp(27px, 7.1vw, 30px);
					line-height: 1.3;
					font-weight: 500;
					background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
					color: transparent;
					-webkit-background-clip: text;
					background-clip: text;
					-webkit-text-fill-color: transparent;
					text-fill-color: transparent;
					letter-spacing: 0.05em;
				}
			}
		}
		>p {
			margin: 0 0 15px 0;
			font-size: clamp(12px, 3.3vw, 14px);
			line-height: 1.4;
			color: #FFF;
			text-align: center;
		}
		.t_round_btn {
			margin: 0 auto;
		}
	}
}
.top_bnr {
	margin-bottom: 30px;
	padding: 30px 20px 0px 20px;
	text-align: center;
}
/* ----------------------------------------
新東京TOP 2026
---------------------------------------- */
body.new_t_wrap {
	font-family: "Zen Kaku Gothic Antique", serif;
	font-weight: 500;
	font-style: normal;
	.new_t_sale_tl {
		& p {
			margin: 0 0 10px 0;
			font-size: clamp(20px, 1.4vw, 24px);
			line-height: 1.2;
			letter-spacing: 0.05em;
			color: #1767a4;
		}
		& h2 {
			text-align: left;
			>span {
				display: inline-block;
				padding: 0 10px;
				background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
				font-size: clamp(30px, 2.2vw, 40px);
				line-height: 1.5;
				color: #FFF;
				font-weight: 500;
			}
		}
	}
	p, h2, h3, ul, li {
		margin: 0;
		padding: 0;
	}
	ul {
		list-style: none;
	}
	a {
		text-decoration: none;
	}
	img {
		max-width: 100%;
	}
	/* メイン画像 */
	#new_t_main_w {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
		height: calc(100vh - 200px);
		min-height: 350px;
		max-height: 600px;
		box-sizing: border-box;
		margin: 0 0 10px 0;
		padding: 8vw 5vw 10vh 5vw;
		position: relative;
		z-index: 1;
		&:before {
			content: "";
			width: 100%;
			height: 93%;
			clip-path: polygon(100% 0, 100% 38%, 82% 100%, 0 100%, 0 0);
			background-image: url(/img/new_top/main_bg.webp);
			background-size: cover;
			background-position: center bottom;
			background-repeat: no-repeat;
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
		}
		&:after {
			content: "";
			width: 100%;
			height: 100%;
			clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
			background: linear-gradient(350deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: -2;
		}
		>p {
			display: flex;
			flex-direction: column;
			align-items: start;
			gap: 5px 0;
			font-size: clamp(13px, 3.5vw, 15px);
			line-height: 2.3;
			>span {
				padding: 0 10px;
			}
			.new_t_main_txt_bl {
				background: #FFF;
				>span {
					background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
					color: transparent;
					-webkit-background-clip: text;
					background-clip: text;
					-webkit-text-fill-color: transparent;
					text-fill-color: transparent;
				}
			}
			.new_t_main_txt_wh {
				background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
				color: #FFF;
			}
		}
		>h2 {
			font-size: clamp(32px, 8.5vw, 36px);
			line-height: 1.2;
			color: #FFF;
			font-weight: bold;
			text-align: right;
			letter-spacing: 0.05em;
			text-shadow: 0px 0px 8px rgba(51, 51, 51, 0.55);
			>span {
				display: block;
			}
		}
	}
	/* 共通パーツ */
	.new_t_conts_wide {
		width: 90vw;
	}
	.new_t_tl {
		margin: 0 0 20px 0;
		.new_t_nav_en {
			margin: 0 0 5px 0;
			font-size: clamp(14px, 3.8vw, 16px);
			line-height: 1.5;
			letter-spacing: 0.05em;
			color: #1767a4;
		}
		& h2 {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 5px 0;
			& span {
				display: inline-block;
				padding: 0 10px;
				background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
				font-size: clamp(26px, 7vw, 30px);
				line-height: 1.6;
				color: #FFF;
				font-weight: 500;
			}
		}
	}
	.new_t_txt_catch {
		font-size: clamp(18px, 4.8vw, 20px);
		line-height: 1.5;
	}
	.new_t_txt_mid {
		font-size: clamp(12px, 3.3vw, 14px);
		line-height: 1.8;
	}
	.new_t_btn {
		display: block;
		width: clamp(250px, 66vw, 280px);
		padding: 20px 0 20px 15px;
		box-sizing: border-box;
		background: #FFF;
		border: 2px solid #1767a4;
		position: relative;
		& span {
			font-size: clamp(16px, 4.3vw, 18px);
			line-height: 1;
			background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
			color: transparent;
			-webkit-background-clip: text;
			background-clip: text;
			-webkit-text-fill-color: transparent;
			text-fill-color: transparent;
		}
		.new_t_btn_ar {
			content: "";
			display: flex;
			align-items: center;
			justify-content: center;
			width: auto;
			box-sizing: border-box;
			width: 40px;
			height: 40px;
			margin: auto;
			border: 2px solid #1767a4;
			border-radius: 50%;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 10px;
			>hr {
				width: calc(100% - 24px);
				min-width: 20px;
				height: 2px;
				background: #1767a4;
				border: none;
			}
		}
	}
	.new_t_btn_or {
		border: 2px solid #f36700;
		& span {
			font-size: clamp(16px, 4.3vw, 18px);
			line-height: 1;
			background: linear-gradient(270deg, #f28e26 0%, #fd644f 100%);
			color: transparent;
			-webkit-background-clip: text;
			background-clip: text;
			-webkit-text-fill-color: transparent;
			text-fill-color: transparent;
		}
		.new_t_btn_ar {
			border: 2px solid #f36700;
			>hr {
				width: calc(100% - 20px);
				min-width: 20px;
				height: 2px;
				background: #f36700;
				border: none;
			}
		}
	}
	.new_t_round_btn {
		display: block;
		width: clamp(270px, 70vw, 300px);
		margin: 0 auto;
		padding: 20px 0 20px 18px;
		box-sizing: border-box;
		background: #FFF;
		border: 2px solid #1767a4;
		border-radius: 40px;
		position: relative;
		.new_t_round_btn_txt {
			font-size: clamp(16px, 4.3vw, 18px);
			line-height: 1.3;
			background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
			color: transparent;
			-webkit-background-clip: text;
			background-clip: text;
			-webkit-text-fill-color: transparent;
			text-fill-color: transparent;
		}
		.new_t_round_btn_ar {
			content: "";
			display: flex;
			align-items: center;
			justify-content: center;
			width: auto;
			box-sizing: border-box;
			height: calc(100% - 20px);
			aspect-ratio: 1 / 1;
			margin: auto;
			background: #1767a4;
			border-radius: 50%;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 10px;
			>hr {
				width: calc(100% - 20px);
				min-width: 20px;
				height: 2px;
				background: #FFF;
				border: none;
			}
		}
	}
	/* 振り分け */
	#new_t_nav {
		width: 90vw;
		margin: 0 auto 40px auto;
		>ul {
			display: flex;
			flex-wrap: wrap;
			gap: 20px 15px;
			>li {
				width: calc((100% - 15px)/2);
				>a {
					display: block;
					.new_t_nav_img {
						margin: 0 0 5px 0;
						overflow: hidden;
						position: relative;
						& img {
							aspect-ratio: 1 / 1;
						}
					}
					.new_t_nav_name {
						display: flex;
						align-items: baseline;
						gap: 0 5px;
						margin: 0 0 5px 0;
						& p {
							line-height: 1.5;
							color: #1767a4;
						}
						.new_t_nav_ja {
							font-size: clamp(16px, 4.2vw, 18px);
						}
						.new_t_nav_en {
							font-size: clamp(11px, 3vw, 13px);
							letter-spacing: 0.05em;
						}
					}
					>p span {
						padding: 0px 3px 1px 3px;
						background: #e7f0f6;
						box-decoration-break: clone;
						-webkit-box-decoration-break: clone;
						font-size: clamp(10px, 2.5vw, 11px);
						line-height: 1.8;
						color: #565656;
					}
				}
			}
		}
	}
	/* マックス不動産グループについて */
	#new_t_about {
		margin: 0 auto 60px auto;
		>img {
			display: block;
			margin: 0 0 20px 0;
		}
		.new_t_ab_box {
			position: relative;
			>p.roboto {
				font-size: clamp(45px, 12vw, 50px);
				line-height: 1;
				letter-spacing: 0.025em;
				background: linear-gradient(270deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
				color: transparent;
				font-weight: bold;
				-webkit-background-clip: text;
				background-clip: text;
				-webkit-text-fill-color: transparent;
				text-fill-color: transparent;
				opacity: 0.15;
				position: absolute;
				top: -40px;
				right: 0;
			}
			.new_t_txt_mid {
				margin: 0 0 20px 0;
			}
		}
	}
	/* 物件検索 */
	#new_t_search {
		margin: 0 auto 60px auto;
		& h3 {
			margin-bottom: 10px;
			font-size: clamp(16px, 4.2vw, 18px);
			line-height: 1.5;
			color: #1767a4;
		}
		.new_t_sr_box {
			margin-bottom: 20px;
			>ul {
				display: flex;
				flex-wrap: wrap;
				gap: 5px;
				.new_t_sr_btn_wide {
					width: calc((100% - 5px)/2);
				}
				.new_t_sr_btn_thin {
					width: calc((100% - 10px)/3);
				}
				>li {
					& a {
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: center;
						text-align: center;
						height: 100%;
						min-height: 55px;
						box-sizing: border-box;
						padding: 15px 0;
						background-repeat: no-repeat;
						background-size: cover;
						background-position: center;
						font-size: clamp(12px, 3.3vw, 14px);
						line-height: 1.3;
						color: #FFF;
						text-shadow: 0px 0px 4px rgba(51, 51, 51, 0.5);
						position: relative;
						& span {
							position: relative;
							z-index: 2;
						}
					}
				}
			}
		}
		.new_t_sr_type {
			>ul li {
				&:nth-child(1) a {
					background-image: url(/img/top/sr_btn01.webp);
				}
				&:nth-child(2) a {
					background-image: url(/img/top/sr_btn02.webp);
				}
				&:nth-child(3) a {
					background-image: url(/img/top/sr_btn03.webp);
				}
				&:nth-child(4) a {
					background-image: url(/img/top/sr_btn04.webp);
				}
				&:nth-child(5) a {
					background-image: url(/img/top/sr_btn05.webp);
				}
			}
		}
		.new_t_sr_sort {
			>ul li {
				&:nth-child(1) a {
					background-image: url(/img/top/sr_btn06.webp);
				}
				&:nth-child(2) a {
					background-image: url(/img/top/sr_btn07.webp);
				}
				&:nth-child(3) a {
					background-image: url(/img/top/sr_btn08.webp);
				}
			}
		}
		.new_t_sr_area {
			>ul li {
				&:nth-child(1) a {
					background-image: url(/img/top/sr_btn09.webp);
				}
				&:nth-child(2) a {
					background-image: url(/img/top/sr_btn10.webp);
				}
				&:nth-child(3) a {
					background-image: url(/img/top/sr_btn11.webp);
				}
			}
		}
		.new_t_sr_free {
			.search_space {
				display: flex;
				justify-content: space-between;
				.search_window {
					width: calc(100% - 55px);
					height: 50px;
					box-sizing: border-box;
					margin: 0;
					padding: 0 10px;
					border: 2px solid #1767a4;
					border-radius: 3px;
					background: #FFF;
					box-shadow: none;
					font-size: clamp(14px, 3.8vw, 16px);
					line-height: 1.25;
					letter-spacing: 0.05em;
					&::placeholder {
						color: #94b9d6;
					}
				}
				.quick_keyword {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 50px;
					height: auto;
					aspect-ratio: 1 /1;
					background: #1767a4;
					border-radius: 3px;
					cursor: pointer;
					.free_btn {
						width: clamp(22px, 1.7vw, 31px);
					}
				}
			}
		}
	}
	/* 売却について */
	#new_t_sale {
		margin: 0 0 60px 0;
		padding: 30px 0 0 0;
		position: relative;
		.new_t_sale_circle {
			width: 100%;
			position: absolute;
			top: 0;
			right: 0;
			& ul {
				position: relative;
				z-index: 2;
				margin-left: 47%;
				&:before,
				&:after {
					content: "";
					display: block;
					height: 100%;
					background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
					opacity: 0.7;
					position: absolute;
				}
				&:before {
					width: 100%;
					top: 0;
					left: calc(clamp(110px, 30vw, 120px)*0.5);
					z-index: -2;
				}
				&:after {
					width: 100%;
					top: calc(clamp(110px, 30vw, 120px)*0.74);
					left: calc(clamp(110px, 30vw, 120px)*1.24);
					z-index: -1;
				}
				& li {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					width: clamp(110px, 30vw, 120px);
					height: clamp(110px, 30vw, 120px);
					box-sizing: border-box;
					aspect-ratio: 1 / 1;
					text-align: center;
					background: #FFF;
					border: 2px solid #1767a4;
					border-radius: 50%;
					&:nth-child(2) {
						position: absolute;
						top: calc(clamp(110px, 30vw, 120px)*0.74);
						left: calc(clamp(110px, 30vw, 120px)*0.74);
					}
					.new_t_sale_cir_name {
						& span {
							font-size: clamp(16px, 4.3vw, 18px);
							line-height: 2;
							letter-spacing: -0.05em;
							background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
							color: transparent;
							-webkit-background-clip: text;
							background-clip: text;
							-webkit-text-fill-color: transparent;
							text-fill-color: transparent;
						}
					}
					.new_t_sale_cir_txt {
						font-size: clamp(10px, 2.7vw, 12px);
						line-height: 1.6;
						letter-spacing: -0.05em;
						& span {
							padding: 0 3px;
							background: #f8ff39;
							box-decoration-break: clone;
							-webkit-box-decoration-break: clone;
						}
					}
				}
			}
		}
		.new_t_tl {
			position: relative;
			z-index: 2;
		}
		.new_t_sale_txt {
			margin: 0 auto 30px auto;
			.new_t_txt_catch {
				margin: 0 0 20px 0;
			}
			.new_t_txt_mid {
				margin: 0 0 20px 0;
			}
			>ul {
				>li:not(:last-child) {
					margin: 0 0 10px 0;
				}
			}
		}
		.new_t_sale_nav {
			width: 100%;
			box-sizing: border-box;
			margin: 0 0 40px 0;
			padding: 5vw;
			background: #f8f8f8;
			position: relative;
			>ul {
				display: flex;
				flex-wrap: wrap;
				gap: 10px;
				>li {
					width: calc((100% - 10px)/2);
				}
				& a {
					display: block;
					overflow: hidden;
					position: relative;
					color: #FFF;
					>img {
						width: 100%;
						height: auto;
					}
					& div {
						position: absolute;
					}
					.new_t_sale_nav_box {
						bottom: 10px;
						left: 10px;
						z-index: 1;
						.new_t_sale_nav_en {
							margin: 0 0 5px 0;
							font-size: clamp(11px, 2.8vw, 12px);
							line-height: 1.2;
							letter-spacing: 0.05em;
						}
						.new_t_sale_nav_name {
							& span {
								display: inline-block;
								padding: 0 5px 0 5px;
								background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
								font-size: clamp(15px, 4vw, 17px);
								line-height: 1.66;
							}
						}
					}
					.new_t_sale_nav_ar {
						display: flex;
						align-items: center;
						justify-content: center;
						width: clamp(35px, 9.5vw, 40px);
						height: auto;
						aspect-ratio: 1 / 1;
						box-sizing: border-box;
						border: 2px solid #FFF;
						border-radius: 50%;
						bottom: 6px;
						right: 5px;
						z-index: 1;
						>img {
							width: 50%;
						}
					}
				}
			}
		}
		.new_t_sale_tl {
			margin: 0 auto 15px auto;
			& p {
				margin: 0 0 5px 0;
				font-size: clamp(14px, 3.8vw, 16px);
				line-height: 1.2;
				letter-spacing: 0.05em;
				color: #1767a4;
			}
			& h2 {
				>span {
					display: inline-block;
					padding: 0 10px;
					background: linear-gradient(90deg, #11558a 0%, #1767a4 34%, #3b9de8 65%, #2f85c8 100%);
					font-size: clamp(24px, 6.2vw, 26px);
					line-height: 1.5;
					color: #FFF;
				}
			}
		}
		#new_t_sale_result {
			margin: 0 0 40px 0;
			& iframe {
				width: 100%;
				height: 380px;
			}
		}
	}
	/* 不動産売却実績 */
	.swiper_sale_result {
		margin: 0 0 15px 0;
		overflow: hidden;
		position: relative;
		.new_t_sale_result_cms {
			margin-bottom: 20px;
			>li {
				width: 280px;
				>a {
					display: block;
					padding: 15px;
					background-color: #e7f0f6;
					border-radius: 5px;
					.new_t_sale_result_img {
						width: 100%;
						height: 160px;
						overflow: hidden;
						margin: 0 0 10px 0;
						border-radius: 5px 5px 0 0;
						>img {
							width: 100%;
							height: 100%;
							object-fit: cover;
						}
					}
					.new_t_sale_result_name {
						margin: 0 0 5px 0;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						font-size: clamp(18px, 4.8vw, 20px);
						color: #000000;
						line-height: 24px;
					}
					.new_t_sale_result_ad {
						margin: 0 0 10px 0;
						font-size: clamp(14px, 3.8vw, 16px);
						color: #1767a4;
						line-height: 20px;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.new_t_sale_result_txt {
						background: #FFF;
						padding: 10px;
						>span {
							font-size: clamp(12px, 1.1vw, 14px);
							color: #565656;
							line-height: 1.4;
							overflow: hidden;
							display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 3;
						}
					}
				}
			}
		}
		.swiper-sale-re-prev {
			display: block;
			width: 9px;
			height: 22px;
			margin: auto;
			clip-path: polygon(100% 0, 0 50%, 100% 100%);
			background: #1767a4;
			position: absolute;
			top: -30px;
			bottom: 0;
			right: calc(50% + 147px);
			z-index: 5;
		}
		.swiper-sale-re-next {
			display: block;
			width: 9px;
			height: 22px;
			margin: auto;
			clip-path: polygon(0 0, 0% 100%, 100% 50%);
			background: #1767a4;
			position: absolute;
			top: -30px;
			bottom: 0;
			left: calc(50% + 147px);
			z-index: 5;
		}
		.sale-re-pagination {
			display: flex;
			justify-content: center;
			.swiper-pagination-bullet {
				width: 12px;
				height: 12px;
				border-radius: 50%;
				background: #e7f0f6;
				opacity: 1;
			}
			.swiper-pagination-bullet-active {
				background: #8bb3d1;
			}
		}
	}
	/* 不動産売却コラム */
	#new_t_sale_column {
		.new_t_sale_column_con {
			height: 370px;
			overflow: hidden;
			& iframe {
				width: 100%;
				height: 380px;
			}
		}
	}
	.swiper_sale_column {
		margin: 0 0 20px 0;
		position: relative;
		overflow: hidden;
		.new_t_sale_col_cms {
			margin-bottom: 20px;
			>li {
				width: 280px;
				>a {
					display: block;
					.new_t_sale_col_img {
						width: 100%;
						height: 180px;
						margin: 0 0 10px 0;
						overflow: hidden;
						position: relative;
						& img {
							width: 100%;
							height: 100% !important;
							object-fit: cover;
						}
						>div {
							position: absolute;
							bottom: 10px;
							padding: 0 10px;
							z-index: 1;
							>p {
								display: flex;
								flex-wrap: wrap;
								gap: 4px;
								>label {
									display: inline-block;
									padding: 4px 5px;
									background: #FFF;
									cursor: pointer;
									font-size: clamp(11px, 2.8vw, 12px);
									line-height: 1;
									color: #1767a4;
								}
							}
						}
					}
					.new_t_sale_col_name {
						margin: 0 0 5px 0;
						overflow: hidden;
						height: calc(clamp(16px, 4.3vw, 18px)*3.6);
						>span {
							display: inline;
							padding: 0px 5px 1px 5px;
							background: #1767a4;
							font-size: clamp(16px, 4.3vw, 18px);
							line-height: 1.8;
							box-decoration-break: clone;
							-webkit-box-decoration-break: clone;
							color: #FFF;
							overflow: hidden;
						}
					}
					.new_t_sale_result_txt {
						& span {
							font-size: clamp(12px, 1.1vw, 14px);
							color: #565656;
							line-height: 1.4;
							overflow: hidden;
							display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 2;
						}
					}
				}
			}
		}
		.swiper-sale-col-prev {
			display: block;
			width: 9px;
			height: 22px;
			margin: auto;
			clip-path: polygon(100% 0, 0 50%, 100% 100%);
			background: #1767a4;
			position: absolute;
			top: -45px;
			bottom: 0;
			right: calc(50% + 147px);
		}
		.swiper-sale-col-next {
			display: block;
			width: 9px;
			height: 22px;
			margin: auto;
			clip-path: polygon(0 0, 0% 100%, 100% 50%);
			background: #1767a4;
			position: absolute;
			top: -45px;
			bottom: 0;
			left: calc(50% + 147px);
			z-index: 3;
		}
		.sale-col-pagination {
			display: flex;
			justify-content: center;
			.swiper-pagination-bullet {
				width: 12px;
				height: 12px;
				border-radius: 50%;
				background: #e7f0f6;
				opacity: 1;
			}
			.swiper-pagination-bullet-active {
				background: #8bb3d1;
			}
		}
	}
	/* お知らせ */
	#new_t_news {
		margin: 0 0 60px 0;
		padding: 30px 0 30px 0;
		background: #e7f0f6;
		position: relative;
		z-index: 1;
		&:after {
			content: "";
			display: block;
			width: 270px;
			height: 187px;
			background-image: url(/img/top/news_illust.webp);
			background-repeat: no-repeat;
			background-size: contain;
			background-position: right bottom;
			position: absolute;
			top: -20px;
			right: -50px;
		}
		>div {
			width: 96%;
			margin: 0 auto 20px auto;
			padding: 0 0 10px 0;
			position: relative;
			&:before {
				content: "";
				display: block;
				width: 100%;
				height: calc(100% - 45px);
				background: #FFF;
				border-radius: 5px;
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: -1;
			}
			.new_t_tl {
				margin-right: auto;
				margin-left: auto;
				margin-bottom: 10px;
			}
			.new_t_news_conts {
				margin: 0 auto;
				& iframe {
					width: 100%;
					height: 290px;
				}
			}
		}
	}
	/* スタッフ */
	#new_t_staff {
		margin: 0 0 60px 0;
		.new_t_st_title {
			margin: 0 auto 20px auto;
			>ul {
				display: flex;
				flex-wrap: wrap;
				gap: 4px;
				>li {
					>a {
						display: flex;
						align-items: center;
						gap: 0 3px;
						padding: 4px 7px 4px 5px;
						background: #1767a4;
						border-radius: 20px;
						font-size: clamp(11px, 2.8vw, 12px);
						color: #FFF;
						line-height: 1;
						&:before {
							content: "#";
						}
						&:hover {
							background: #000;
						}
					}
				}
			}
		}
		.new_t_btn {
			margin: 0 auto;
		}
		& iframe {
			width: 100%;
			height: 370px;
		}
	}
	.new_t_st_box {
		width: 100%;
		overflow: hidden;
		margin: 0 auto 20px auto;
		>ul {
			margin: 0 0 10px 0;
			padding: 0 0 20px 0;
			>li {
				width: 280px;
				>div {
					box-sizing: border-box;
					>a {
						display: block;
						padding: 0 40px 0 0;
						margin: 0 0 0 40px;
						position: relative;
						z-index: 1;
						&:after {
							content: "";
							display: block;
							width: 240px;
							height: auto;
							aspect-ratio: 1 / 1;
							background: #e7f0f6;
							border-radius: 50%;
							position: absolute;
							right: -10px;
							bottom: -10px;
							z-index: -1;
						}
						.new_t_staff_img {
							overflow: hidden;
							margin: 0 0 10px 0;
							width: 100%;
							height: 270px;
							aspect-ratio: 1 / 1.27;
							position: relative;
							>img {
								width: 100%;
								height: 100% !important;
								object-fit: cover;
							}
						}
						.new_t_staff_name {
							display: flex;
							flex-direction: column;
							align-items: center;
							position: absolute;
							top: 0;
							right: 0;
							>p {
								-ms-writing-mode: tb-rl;
								writing-mode: vertical-rl;
								color: #1767a4;
								letter-spacing: 0.05em;
							}
							.new_t_staff_ja {
								margin: 0 0 8px 0;
								font-size: 20px;
							}
							.new_t_staff_kana {
								font-size: 14px;
							}
						}
						.new_t_staff_role {
							display: inline-block;
							padding: 0 5px 0 5px;
							background: #1767a4;
							font-size: 16px;
							line-height: 1.45;
							color: #FFF;
							letter-spacing: 0.05em;
						}
					}
				}
			}
		}
		.staff-pagination {
			display: flex;
			justify-content: center;
			.swiper-pagination-bullet {
				width: 12px;
				height: 12px;
				border-radius: 50%;
				background: #e7f0f6;
				opacity: 1;
			}
			.swiper-pagination-bullet-active {
				background: #8bb3d1;
			}
		}
	}
	/* 現地販売 */
	#new_t_open_column {
		.new_t_open_column_con {
			height: 370px;
			overflow: hidden;
			& iframe {
				width: 100%;
				height: 380px;
			}
		}
	}
	.swiper_open_column {
		margin: 0 0 20px 0;
		position: relative;
		.new_t_open_col_cms {
			margin: 20px 10px;
			gap: 10px;
			>li {
				width: 280px;
				>a {
					display: block;
					.new_t_open_col_img {
						width: 100%;
						height: 180px;
						margin: 0 0 10px 0;
						overflow: hidden;
						position: relative;
						& img {
							width: 100%;
							height: 100% !important;
							object-fit: cover;
						}
						>div {
							position: absolute;
							bottom: 10px;
							padding: 0 10px;
							z-index: 1;
							>p {
								display: flex;
								flex-wrap: wrap;
								gap: 4px;
								>label {
									display: inline-block;
									padding: 4px 5px;
									background: #FFF;
									cursor: pointer;
									font-size: clamp(11px, 2.8vw, 12px);
									line-height: 1;
									color: #1767a4;
								}
							}
						}
					}
					.new_t_open_col_name {
						margin: 0 0 5px 0;
						overflow: hidden;
						height: calc(clamp(16px, 4.3vw, 18px)*3.6);
						>span {
							display: inline;
							padding: 0px 5px 1px 5px;
							background: #1767a4;
							font-size: clamp(16px, 4.3vw, 18px);
							line-height: 1.8;
							box-decoration-break: clone;
							-webkit-box-decoration-break: clone;
							color: #FFF;
							overflow: hidden;
						}
					}
					.new_t_open_result_txt {
						& span {
							font-size: clamp(12px, 1.1vw, 14px);
							color: #565656;
							line-height: 1.4;
							overflow: hidden;
							display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 2;
						}
					}
				}
			}
		}
		.swiper-open-col-prev {
			display: block;
			width: 9px;
			height: 22px;
			margin: auto;
			clip-path: polygon(100% 0, 0 50%, 100% 100%);
			background: #1767a4;
			position: absolute;
			top: -45px;
			bottom: 0;
			right: calc(50% + 147px);
		}
		.swiper-open-col-next {
			display: block;
			width: 9px;
			height: 22px;
			margin: auto;
			clip-path: polygon(0 0, 0% 100%, 100% 50%);
			background: #1767a4;
			position: absolute;
			top: -45px;
			bottom: 0;
			left: calc(50% + 147px);
			z-index: 3;
		}
		.open-col-pagination {
			display: flex;
			justify-content: center;
			.swiper-pagination-bullet {
				width: 12px;
				height: 12px;
				border-radius: 50%;
				background: #e7f0f6;
				opacity: 1;
			}
			.swiper-pagination-bullet-active {
				background: #8bb3d1;
			}
		}
	}
}
.new_t_news_cms {
	list-style: none;
	margin: 0;
	padding: 0;
	& p {
		margin: 0;
		padding: 0;
	}
	& a {
		text-decoration: none;
	}
	>li {
		&:not(:last-child) a {
			border-bottom: 1px solid #1767a4;
		}
		>a {
			display: flex;
			gap: 0 10px;
			padding: 10px 0;
			.new_t_news_img {
				width: 100px;
				height: 75px;
				overflow: hidden;
				>img {
					width: 100%;
					height: 100% !important;
					object-fit: cover;
				}
			}
			.new_t_news_box {
				display: flex;
				align-items: flex-start;
				flex-direction: column;
				justify-content: space-between;
				width: calc(100% - 110px);
				.new_t_news_date {
					display: inline-block;
					padding: 3px 5px 3px 5px;
					background: #1767a4;
					font-size: 11px;
					line-height: 11px;
					color: #FFF;
				}
				.new_t_news_txt span {
					font-size: 13px;
					line-height: 16px;
					color: #565656;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 1;
				}
				.new_t_news_more {
					display: flex;
					align-items: center;
					justify-content: flex-end;
					gap: 0 7px;
					width: 100%;
					box-sizing: border-box;
					padding: 0 4px 0 0;
					font-size: 11px;
					line-height: 15px;
					color: #1767a4;
					position: relative;
					&:after {
						content: "";
						width: 20px;
						height: 20px;
						box-sizing: border-box;
						border: 1px solid #1767a4;
						border-radius: 15px;
					}
					&:before {
						content: "";
						width: 12px;
						height: 1px;
						margin: auto;
						background: #1767a4;
						position: absolute;
						top: 0;
						right: 0;
						bottom: 0;
					}
				}
			}
			&:hover {
				background: #e7f0f6;
				.new_t_news_img {
					>img {
						transform: scale(1.1);
					}
				}
				.new_t_news_box {
					.new_t_news_txt span {
						color: #1767a4;
					}
				}
			}
		}
	}
}
/* 新東京TOP　2026
---------------------------------------- */