@media print, screen and (min-width:768px) {}
/* インフォメーション */
body {
	font-family: "Zen Kaku Gothic Antique", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
	font-style: normal;
	& h2, h3, ul, li, p {
		margin: 0;
		padding: 0;
	}
	& ul {
		list-style: none;
	}
	& a {
		text-decoration: none;
		color: #333333;
	}
	& img {
		display: block;
	}
	.font_poppin {
		font-family: "Poppins", sans-serif;
		font-weight: 300;
		font-style: normal;
	}
}
.t_info_cms {
	display: flex;
	gap: 0 clamp(40px, 2.8vw, 50px);
	>li {
		width: calc((100% - clamp(40px, 2.8vw, 50px)*3)/4);
		>a {
		display: block;
            background-color: #FFF;
            padding: 20px;
            border-radius: 10px;
			>div {
				margin: 0 0 clamp(12px, 1.65vh, 15px) 0;
				overflow: hidden;
				>img {
					width: 100%;
					height: 100%;
					aspect-ratio: 34 / 23;
					object-fit: cover;
					transition: all 0.2s;
				}
			}
			.t_info_date {
				margin: 0 0 clamp(12px, 1.65vh, 15px) 0;
				font-size: clamp(18px, 1.2vw, 22px);
				line-height: 1;
				color: #c8ba8d;
			}
			.t_info_txt {
				font-size: clamp(13px, 0.89vw, 16px);
				line-height: 1.4;
				transition: all 0.2s;
				>span {
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
				}
			}
			&:hover {
				>div {
					>img {
						transform: scale(1.1);
					}
				}
				.t_info_txt {
					color: #c8ba8d;
				}
			}
		}
	}
}
.t_sale_res_cms {
	display: flex;
	gap: 0 clamp(55px, 3.8vw, 70px);
	>li {
		width: calc((100% - clamp(55px, 3.8vw, 70px) * 2) / 3);
		>a {
			>div {
				width: 100%;
				aspect-ratio: 11 / 8;
				margin: 0 0 clamp(16px, 1.1vw, 20px) 0;
				border-radius: 30px;
				overflow: hidden;
				>img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					transition: all 0.2s;
				}
			}
			.t_sale_res_name {
				display: flex;
				align-items: center;
				gap: 0 15px;
				margin: 0 0 clamp(12px, 0.85vw, 15px) 0;
				font-size: clamp(22px, 1.5vw, 28px);
				line-height: 1;
				letter-spacing: 0.1em;
				transition: all 0.2s;
				&:before {
					content: "";
					width: clamp(24px, 1.5vw, 28px);
					height: auto;
					aspect-ratio: 1 / 1;
					flex-shrink: 0;
					background-image: url(/img/top/nav_ar.webp);
					background-repeat: no-repeat;
					background-size: cover;
				}
				>span {
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 1;
				}
			}
			.t_sale_res_txt {
				padding-left: calc(clamp(24px, 1.5vw, 28px) + 15px);
				>span {
					font-size: clamp(15px, 1vw, 18px);
					line-height: 1.7;
					letter-spacing: 0.1em;
					color: #c8ba8d;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
				}
			}
			&:hover {
				>div {
					>img {
						transform: scale(1.1);
					}
				}
				.t_sale_res_name {
					color: #bdac6f;
				}
			}
		}
	}
}
.t_voice_slide {
	padding: 5px;
	overflow: hidden;
	position: relative;
	>ul {
		>li {
			width: clamp(350px, 24vw, 430px);
			>a {
				display: block;
				box-sizing: border-box;
				padding: clamp(20px, 1.4vw, 25px);
				background: #FFF;
				border-radius: 30px;
				box-shadow: 0px 0px 6px 0px RGBA(179, 179, 179, 0.2);
				position: relative;
				&:before {
					content: attr(data-index);
					font-size: clamp(38px, 2.5vw, 45px);
					line-height: 1;
					color: #bdac6f;
					font-family: "Poppins", sans-serif;
					font-weight: 300;
					font-style: normal;
					letter-spacing: 0.05em;
					position: absolute;
					left: clamp(16px, 1.1vw, 20px);
					z-index: 2;
				}
				>div {
					width: 100%;
					aspect-ratio: 10 / 7;
					margin-bottom: clamp(16px, 1.1vw, 20px);
					border-radius: 24px;
					overflow: hidden;
					>img {
						width: 100%;
						height: 385px;
						object-fit: cover;
						transition: all 0.2s;
					}
				}
				.t_voice_name {
					margin-bottom: clamp(12px, 0.85vw, 15px);
					font-size: clamp(16px, 1.1vw, 20px);
					line-height: 1;
					letter-spacing: 0.05em;
					>span {
						overflow: hidden;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 1;
					}
				}
				.t_voice_txt {
					height: calc(clamp(11px, 0.75vw, 13px)*3);
					font-size: clamp(12px, 1.75vw, 14px);
					line-height: 1.5;
					color: #bdac6f;
					letter-spacing: 0.1em;
					transition: all 0.2s;
					>span {
						overflow: hidden;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
					}
				}
				&:hover {
					>div {
						>img {
							transform: scale(1.1);
						}
					}
					.t_voice_name {
						color: #bdac6f;
					}
				}
			}
		}
	}
	.t_voice_slide_btn {
		width: clamp(460px, 31.5vw, 570px);
		display: flex;
		justify-content: space-between;
		height: fit-content;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		.t_voice_slide_btn_prev, .t_voice_slide_btn_next {
			display: flex;
			align-items: center;
			justify-content: center;
			width: clamp(75px, 5vw, 90px);
			height: clamp(75px, 5vw, 90px);
			border-radius: 50%;
			box-sizing: border-box;
			border: 1px solid #bdac6f;
			cursor: pointer;
			position: relative;
			z-index: 2;
			>img {
				width: clamp(17px, 1.4vw, 21px);
			}
		}
	}
}
.t_reform_slide {
	width: clamp(1240px, 100vw, 1890px);
	overflow: hidden;
	>ul {
		margin: 0 0 30px 0;
		>li {
			>a {
				display: block;
				padding: clamp(30px, 2vw, 35px);
				background: #FFF;
				border-radius: 30px;
				.t_reform_img {
					width: 100%;
					aspect-ratio: 13 / 8;
					margin-bottom: clamp(16px, 1.1vw, 20px);
					border-radius: 24px;
					overflow: hidden;
					>img {
						width: 100%;
						height: 100%;
						object-fit: cover;
						transition: all 0.2s;
					}
				}
				.t_reform_tag {
					overflow: hidden;
					height: calc(clamp(15px, 1vw, 18px) + 12px);
					margin-bottom: clamp(21px, 1.4vw, 25px);
					>p {
						display: flex;
						flex-wrap: wrap;
						gap: 10px clamp(16px, 1.1vw, 20px);
						line-height: 1;
						.cms_topic_tag {
							cursor: pointer;
							padding-bottom: 12px;
							font-size: clamp(15px, 1vw, 18px);
							line-height: 1;
							color: #5075bb;
							letter-spacing: 0.05em;
							position: relative;
							&:before {
								content: "#";
								padding-right: 2px;
							}
							&:after {
								content: "";
								width: 100%;
								height: 2px;
								background: #5075bb;
								position: absolute;
								bottom: 0;
								left: 0;
							}
						}
					}
				}
				.t_reform_name {
					margin-bottom: clamp(12px, 0.85vw, 15px);
					font-size: clamp(23px, 1.5vw, 27px);
					font-weight: bold;
					line-height: 1;
					letter-spacing: 0.05em;
					transition: all 0.2s;
					>span {
						overflow: hidden;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 1;
					}
				}
				.t_reform_txt {
					font-size: clamp(15px, 1vw, 18px);
					line-height: 1.7;
					letter-spacing: 0.05em;
					color: #878787;
					>span {
						overflow: hidden;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
					}
				}
				&:hover {
					.t_reform_img {
						>img {
							transform: scale(1.1);
						}
					}
					.t_reform_name {
						color: #bdac6f;
					}
				}
			}
		}
	}
	.t_reform_slide_btn {
		display: flex;
		gap: 0 10px;
		>div {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			cursor: pointer;
		}
	}
}