.searchWrap,
.propertyWrap {
	position: relative;
	width: 100%;
	overflow: hidden
}

.searchInner,
.propertyInner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	max-width: 1100px;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center
}



.searchWrap {
	padding: 30px 0;
	background: #0F0964
}

.searchInner .searchBox {
	width: 100%
}

.searchInner .searchBox form {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px 5px
}

.searchInner .searchBox form .webgene-search-form-block .search-title-wrapper {
	display: none
}

.searchInner .searchBox form .webgene-search-form-block .search-area-wrapper select {
	position: relative;
	cursor: pointer;
	width: 300px;
	height: 41px;
	background-color: #FFFFFF;
	border: 1px solid #CFCEE7;
	border-radius: 4px;
	display: block;
	user-select: none;
	-webkit-user-select: none;
	outline: none;
	padding-left: 20px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url("https://tokyo-forent.com/system_panel/uploads/images/20230526161044797990.png");
	background-repeat: no-repeat;
	background-position: 260px center;
	padding-right: 14px;
	font: normal 600 16px/28px 'Noto Sans JP', sans-serif;
	color: #0F0964
}

@media (min-width: 1024px) {
	.searchInner .searchBox form .webgene-search-form-block .search-area-wrapper select {
		width: 248px;
		background-position: 220px center
	}
}

.searchInner .searchBox form .webgene-search-form-block .search-area-wrapper select option {
	font: normal 600 14px/20px 'Noto Sans JP', sans-serif;
	color: #0F0964
}

.searchInner .searchBox form input[type=submit] {
	width: 85px;
	height: 41px;
	background-image: url(https://tokyo-forent.com/system_panel/uploads/images/20230526162714343686.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: transparent;
	border: 0;
	border-radius: 4px;
	transition: all .4s ease-in-out;
	cursor: pointer
}

.searchInner .searchBox form input[type=submit]:hover {
	opacity: .7
}

.propertyWrap {
	padding: 60px 0 0
}

@media (min-width: 1024px) {
	.propertyWrap {
		padding: 90px 0 0
	}
}

.propertyInner .propertyContentsBox {
	width: 100%;
	max-width: 1100px
}

.propertyInner .propertyContentsBox .h2Box {
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 2px solid #0F0964;
}

.propertyInner .propertyContentsBox .h2Box h2.tit {
	position: relative;
	font: normal 600 24px/28px "Noto Sans JP", sans-serif;
	color: #333;
	/* padding-left: 0.8em; */
}

@media (min-width: 1024px) {
	.propertyInner .propertyContentsBox .h2Box h2.tit {
		font-size: 32px;
		line-height: 46.34px;
		/* padding-left: 1em; */
	}
}

/* .propertyInner .propertyContentsBox .h2Box h2.tit::before {
	position: absolute;
	content: "";
	width: 5px;
	height: 100%;
	top: 0;
	left: 0;
	background: #F29B3F;
	z-index: 3;
}

.propertyInner .propertyContentsBox .h2Box h2.tit::after {
	position: absolute;
	content: "";
	width: 5px;
	height: 22px;
	left: 0;
	bottom: 0;
	background: #4F82BD;
	z-index: 3;
}

.propertyInner .propertyContentsBox .h2Box .bar {
	margin-top: 20px;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, #E60012 0%, #2C17A8 100%)
} */


/* タイトル下オレンジ背景 */


.webgene-item .h3Flex .categoryTit {
	letter-spacing: 0.08em;
	font: normal 700 16px/28px "Noto Sans JP", sans-serif;
	color: #F29B3F;
	background: #FFFFFF;
	padding: 4px 15px;
	text-align: center;
	transition: all 0.4s ease-in-out;
}

@media (min-width: 1024px) {
	.webgene-item .h3Flex .categoryTit {
		font-size: 20px;
		padding: 4px 30px;
	}
}

.propertyInner .propertyContentsBox .imgContentsBox {
	margin-top: 30px;
	width: 100%
}

.propertyInner .propertyContentsBox .imgContentsBox .mainBox {
	position: relative;
	width: 100%;
	display: flex;
	overflow: hidden
}

.propertyInner .propertyContentsBox .imgContentsBox .mainBox .mainImgBox {
	flex: 1;
	min-width: 100%
}

.propertyInner .propertyContentsBox .imgContentsBox .mainBox .mainImgBox img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	vertical-align: top;
	transition: all .4s ease-in-out;
	border-radius: 6px
}

.propertyInner .propertyContentsBox .imgContentsBox .mainBox .arrow_l,
.propertyInner .propertyContentsBox .imgContentsBox .mainBox .arrow_r {
	display: none;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	background: rgba(0, 0, 0, 0.5)
}

.propertyInner .propertyContentsBox .imgContentsBox .mainBox .arrow_l {
	left: 30px
}

.propertyInner .propertyContentsBox .imgContentsBox .mainBox .arrow_r {
	right: 30px
}

.propertyInner .propertyContentsBox .infoTable {
	margin-top: 40px;
	width: 100%;
	/* border: 1px solid #004588; */
	/* border-top: 1px solid #004588;
	border-left: 1px solid #004588;
	border-right: 1px solid #004588; */
}

@media (min-width: 1024px) {
	.propertyInner .propertyContentsBox .infoTable {
		margin-top: 60px
	}
}

.propertyInner .propertyContentsBox .infoTable .parentTr {
	width: 100%;
	display: flex;
	flex-direction: column
}

@media (min-width: 1024px) {
	.propertyInner .propertyContentsBox .infoTable .parentTr {
		flex-direction: row
	}
}

/* .propertyInner .propertyContentsBox .infoTable .parentTr .sp {
	border-top: 1px solid #004588
} */

.propertyInner .propertyContentsBox .infoTable .parentTr .thBox {
	width: 100%;
	padding: 12px 20px 13px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	background: #EDF5FA;
	border-bottom: 1px solid #004588
}

@media (min-width: 1024px) {
	.propertyInner .propertyContentsBox .infoTable .parentTr .thBox {
		/* width: 170px;
		min-width: 170px; */
		width: 180px;
		min-width: 180px;
		border-right: 1px solid #004588;
	}
}

.propertyInner .propertyContentsBox .infoTable .parentTr .thBox .th {
	text-align: center;
	font: normal 500 18px/25px 'Noto Sans JP', sans-serif;
	color: #333
}

.propertyInner .propertyContentsBox .infoTable .parentTr .tdBox {
	word-wrap: break-word;
	flex: 1;
	padding: 12px 20px 13px;
	border-bottom: 1px solid #004588;
	display: flex;
	align-items: center
}

.propertyInner .propertyContentsBox .infoTable .parentTr .tdBox .icon {
	font: normal 400 15px/28px 'Noto Sans JP', sans-serif;
	color: #333
}

.propertyInner .propertyContentsBox .infoTable .parentTr .tdBox .td {
	letter-spacing: 0.02em;
	font: normal 400 18px/25px 'Noto Sans JP', sans-serif;
	color: #333
}

.tdBoxScope {
	gap: 10px;
	flex-wrap: wrap;
}


.propertyInner .propertyContentsBox .infoTable .parentTr .tdBox.tdBoxScope {
	padding: 19px 18px;
}

.propertyInner .propertyContentsBox .infoTable .parentTr .tdBox .td.tdScope {
	width: fit-content;
	font: normal 500 16px/25px 'Noto Sans JP', sans-serif;
	background: linear-gradient(90deg, #F29B3F, #F29B3F 30%, #F29B3F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing: 0.02em;
	padding: 2px 16px;
	border: 1px solid #F29B3F;
	text-align: center;
}

.propertyInner .propertyContentsBox .infoTable .parentTr .tdBox .flexBox {
	display: flex;
	flex-direction: column;
	row-gap: 30px;
	width: 100%;
	align-items: center
}

@media (min-width: 768px) {
	.propertyInner .propertyContentsBox .infoTable .parentTr .tdBox .flexBox {
		flex-direction: row;
		column-gap: 5.5374592834%
	}
}

.propertyInner .propertyContentsBox .infoTable .parentTr .tdBox .flexBox .agentBox {
	width: 20.3583061889%;
	aspect-ratio: 125 / 125;
	min-width: 125px
}

.propertyInner .propertyContentsBox .infoTable .parentTr .tdBox .flexBox .agentBox img {
	border-radius: 50%;
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
	vertical-align: top;
	transition: all .4s ease-in-out
}

.propertyInner .propertyContentsBox .infoTable .parentTr .tdBox .flexBox .td {
	letter-spacing: 0.02em;
	font: normal 400 15px/18px 'Noto Sans JP', sans-serif;
	color: #333
}

.propertyInner .propertyContentsBox .infoTable .parentTr .left,
.propertyInner .propertyContentsBox .infoTable .parentTr .right {
	display: flex;
	flex-direction: column
}

@media (min-width: 1024px) {

	.propertyInner .propertyContentsBox .infoTable .parentTr .left,
	.propertyInner .propertyContentsBox .infoTable .parentTr .right {
		flex-direction: row
	}
}

@media (min-width: 1024px) {
	.propertyInner .propertyContentsBox .infoTable .parentTr .left .tdBox {
		flex: 1;
		/* max-width: 260px;
		min-width: 260px */
	}
}

.propertyInner .propertyContentsBox .infoTable .parentTr .left {
	width: 50%;
}

.propertyInner .propertyContentsBox .infoTable .parentTr .right {
	/* flex: 1; */
	width: 50%;
}

.propertyInner .propertyContentsBox .infoTable .parentTr.parentTrBottom .thBox {
	border-bottom: none;
}

.propertyInner .propertyContentsBox .infoTable .parentTr.parentTrBottom .tdBoxScope {
	border-bottom: none;
}

.propertyInner .propertyLink {
	width: 240px;
	height: 48px;
	border: 1px solid #004588;
	border-radius: 50px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	transition: all .4s ease-in-out
}

.propertyInner .propertyLink:hover {
	background: #fff;
}


.propertyInner .propertyLink:hover .propertyTxt {
	color: #004588;
}


.propertyInner .contactLink .contactTxt {
	font: normal 700 14px/17px 'Noto Sans JP', sans-serif;
	color: #FFF
}

.propertyInner .propertyLink {
	margin-top: 20px;
	background: #004588
}

.propertyInner .propertyLink .propertyTxt {
	font: normal 700 14px/20px 'Noto Sans JP', sans-serif;
	color: #FFF
}

.temp {
	color: red
}

.propertySwiper .main-slider {
	position: relative;
}

.propertySwiper .main-slider .webgene-item-main-image {
	/* position: absolute; */
	/* top: 0; */
	/* right: 0; */
	/* bottom: 0; */
	/* left: 0; */
	/* max-width: 100%; */
	/* width: auto; */
	/* max-height: 100%; */
	/* height: auto; */
	/* margin: auto; */
}

.propertySwiper .main-slider .swiper-slide {
	/* padding: 0 0 75%; */
}

.propertySwiper .swiper-button-next,
.swiper-button-prev {
	top: 50%;
	transform: translateY(-50%);
}

.propertySwiper .swiper-count {
	/* ページ数非表示 */
	display: none;

	padding: 5px 8px 6px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 9;
	color: #333;
	background: rgba(255, 255, 255, 0.9);
	font-size: 10px;
	border-radius: 3px;
}

/* Additional style for thumbnail navigation */
.propertySwiper .thumbnail-slider .swiper-button-next,
.propertySwiper .thumbnail-slider .swiper-button-prev {
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	/* Adjust the right offset as needed */
	left: auto;
	position: absolute;
	transition: none !important;
	/* Disable transition */
}

/* Separate styles for left and right arrows in thumbnail slider */
.propertySwiper .thumbnail-slider .swiper-button-prev {
	left: 10px;
	/* Adjust the left offset as needed */
	right: auto;
}

.propertySlideImgBox {
	margin: auto 0 0;
	padding: 0 0 75%;
	height: 0;
	position: relative;
}

.propertySlideImgBox>img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	width: auto;
	max-height: 100%;
	height: auto;
	margin: 0 auto auto;
	text-align: center;

	width: 100%;
	aspect-ratio: 2 / 3;
	object-fit: contain;
}

.propertySwiperComment {
	margin: 10px;
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 12px;
	background: #FFF;
}

.thumbnail-slider .swiper-slide {
	padding: 0 0 13.4%;
	height: auto;
	border: 1px solid #FFF;
	background: #efefef;
	cursor: pointer;
}

.thumbnail-slider .swiper-slide:hover {
	filter: brightness(1.2);
}

.thumbnail-slider .swiper-slide .webgene-item-main-image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	width: auto;
	max-height: 100%;
	height: auto;
	margin: auto;
}

.propertySwiper .swiper-button-next,
.propertySwiper .swiper-button-prev {
	top: 0;
	bottom: 0;
	margin: auto;
	transform: inherit;
	/* 追記 */
	width: 29px;
	height: 29px;
	background: #33333357;
}

@media (min-width: 768px) {

	.propertySwiper .swiper-button-next,
	.propertySwiper .swiper-button-prev {
		/* 追記 */
		width: 49px;
		height: 49px;
		background: #BDBDBD;
	}
}

@media (min-width: 1024px) {

	.propertySwiper .swiper-button-next,
	.propertySwiper .swiper-button-prev {
		/* 追記 */
		width: 69px;
		height: 69px;
		background: #BDBDBD;
	}
}

.propertySwiper .swiper-button-next:hover,
.propertySwiper .swiper-button-prev:hover {
	opacity: .8;
}

.propertySwiper .thumbnail-slider .swiper-button-next,
.propertySwiper .thumbnail-slider .swiper-button-prev {
	display: none;

	top: 0;
	bottom: 0;
	margin: auto;
	transform: inherit;
	width: 25px;
	height: 25px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 50%;
}

/* .propertySwiper .main-slider {
	background: #efefef;
} */

.propertySwiper .main-slider .swiper-button-next:after,
.propertySwiper .main-slider .swiper-button-prev:after {
	font-size: 16px;
	color: #FFF;
}

@media (min-width: 1024px) {

	.propertySwiper .main-slider .swiper-button-next:after,
	.propertySwiper .main-slider .swiper-button-prev:after {
		font-size: 26px;
		color: #FFF;
	}
}

.propertySwiper .thumbnail-slider .swiper-button-next:after,
.propertySwiper .thumbnail-slider .swiper-button-prev:after {
	font-size: 14px;
	color: #333;
}

/* .propertySwiper .thumbnail-slider {
	margin: 10px 0 0;
	padding: 10px;
	position: relative;
	background: #535353;
} */

.propertySwiper {
	margin: 40px auto 0;
}



.propertyContentTtlTop {
	position: relative;
	margin: 60px 0 30px;
	padding: 0 0 12px 1.5em;
	border-bottom: 2px solid #F29B3F;
	position: relative;
	font-size: 22px;
	line-height: 32px;
	color: #333;
	font-weight: 700;
}

@media (min-width: 1024px) {
	.propertyContentTtlTop {
		font-size: 32px;
		line-height: 46.34px;
		margin: 100px 0 40px;
		padding: 0.2em 0 12px 1.5em;
	}
}

.propertyContentTtlTop::after {
	position: absolute;
	content: "";
	top: 37%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 21px;
	height: 21px;
	background: #F29B3F;
}

@media (min-width: 1024px) {
	.propertyContentTtlTop::after {
		width: 31px;
		height: 31px;
		top: 47%;
	}
}




.propertyContentTtlBottom {
	position: relative;
	margin: 40px 0 0;
	padding: 0 0 15px 0;
	font-size: 20px;
	color: #004588;
	font-weight: 700;
	border-bottom: 2px solid #004588;
}

@media (min-width: 1024px) {

	.propertyContentTtlBottom {
		font-size: 26px;
		line-height: 34px;
		margin: 60px 0 0;
	}
}

/* 
.propertyContentTtlBottom:after {
	content: "";
	width: 100%;
	height: 3px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #4F82BD;
}

.propertyContentTtlBottom::before {
	display: block;
	position: absolute;
	content: "";
	width: 102px;
	height: 3px;
	left: 0;
	bottom: 0;
	background: #F29B3F;
	z-index: 3;
} */

.textBox {
	margin-top: 20px;
}

@media (min-width: 1024px) {
	.textBox {
		margin-top: 15px;
	}
}

.textBox .p {
	line-height: 35px;
}

@media (min-width: 1024px) {
	.textBox .p {
		line-height: 45px;
	}
}

.titPrice {
	display: flex;
	flex-wrap: wrap;
	color: #df6111;
	font-weight: 700;
	align-items: baseline;
	font-size: 16px;
	line-height: 1.75em;
}

.titPriceCosts:before {
	margin: 0 0.5em;
	content: "/";
}

.titPriceFeeNum {
	font-size: 1.5em;
}

.titPriceCostsNum {
	margin: 0 0 0 0.25em;
	display: inline-block;
}

@media (min-width: 576px) {

	.propertySwiper .main-slider .swiper-slide {
		/* padding: 0 0 61%; */
	}

	.thumbnail-slider .swiper-slide {
		/* padding: 0 0 11.7%; */

		padding: 0 0 17.1%;

	}

	.propertySwiper .swiper-count {
		padding: 7px 15px 8px;
		font-size: 14px;
	}

	.propertySwiper .main-slider .swiper-button-next:after,
	.propertySwiper .main-slider .swiper-button-prev:after {
		color: #fff;
	}

	.propertySwiperComment {
		margin: 15px;
		padding: 15px;
		font-size: 16px;
	}
}

.propertySlideImgBox {
	padding: 0 0 73%;
}

@media (min-width: 1024px) {
	.propertySlideImgBox {
		padding: 0 0 52.55%;
	}
}

@media (min-width: 1024px) {

	.propertyContentTtl {
		margin: 60px 0 0;
		font-size: 18px;
	}

	.floorPlanDtlBox {
		margin: 0 auto;
		max-width: 600px;
	}

	.floorPlanDtl {
		margin: 30px auto 0;
	}

	.floorPlanDl {
		font-size: 18px;
	}

	.titPrice {
		font-size: 24px;
	}

}



/* きっかけ */
.supplementWrap .supplementFlex:nth-child(even) {
	margin-top: 10px;
}

.supplementWrap .supplementFlex {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-flow: column;
	gap: 15px;
}

@media (min-width: 1024px) {
	.supplementWrap .supplementFlex {
		flex-flow: initial;
		align-items: center;
	}
}

.supplementWrap .supplementFlex .left {
	background: #4F82BD;
}

.supplementWrap .supplementFlex .left .title {
	letter-spacing: 0.08em;
	font: normal 500 18px/25px "Noto Sans JP", sans-serif;
	color: #fff;
	padding: 3px 17px 5px;
	text-align: center;
	transition: all 0.4s ease-in-out;
}

.supplementWrap .supplementFlex .right {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.supplementWrap .supplementFlex .right .content {
	display: inline;
	letter-spacing: 0.08em;
	font: normal 500 14px/25px "Noto Sans JP", sans-serif;
	color: #4F82BD;
	width: fit-content;
	padding: 3px 7px 5px;
	/* text-align: center; */
	border: 1px solid #4F82BD;
	transition: all 0.4s ease-in-out;
}


@media (min-width: 1024px) {
	.propertyInner .propertyContentsBox .infoTable .parentTr .left .thBox {
		border-right: 1px solid #004588;
		font: normal 500 18px/25px "Noto Sans JP", sans-serif;
	}

	.propertyInner .propertyContentsBox .infoTable .parentTr .left .tdBox {
		border-right: 1px solid #004588;
	}
}



.infoTable .right .textFlexLi .content.contentFlex,
.infoTable .left .textFlexLi .content.contentFlex {
	display: flex;
}

.propertyInner .propertyContentsBox .infoTable .parentTr .left .thBox.boarderNone,
.propertyInner .propertyContentsBox .infoTable .parentTr .right .thBox.boarderNone {
	border-bottom: none;
}

.propertyInner .propertyContentsBox .infoTable .parentTr .left .tdBox.boarderNone,
.propertyInner .propertyContentsBox .infoTable .parentTr .right .tdBox.boarderNone {
	border-bottom: none;
}



.propertyInner .propertyContentsBox .infoTable .parentTr .right .thBox.boarderNone {
	border: none;
}

.propertyInner .propertyContentsBox .infoTable .parentTr .right .tdBox.boarderNone {
	border: none;
}



/* infoTable */
.infoTable {
	display: flex;
	flex-flow: column;
	width: 100%;
}

@media (min-width: 769px) {
	.infoTable {
		flex-flow: initial;
	}
}

.infoTable .left,
.infoTable .right {
	width: 100%;
	height: fit-content;
	border: 1px solid #004588;
}

.infoTable .left {
	border-bottom: none;
}

@media (min-width: 769px) {
	.infoTable .left {
		border: 1px solid #004588;
	}

	.infoTable .right {
		border-left: none;
	}
}

.infoTable .left,
.infoTable .right {
	width: 100%;
}

@media (min-width: 769px) {

	.infoTable .left,
	.infoTable .right {
		width: 50%;
	}
}

.infoTable .left .textFlexLi,
.infoTable .right .textFlexLi {
	display: flex;
	flex-flow: column;
}

@media (min-width: 768px) {

	.infoTable .left .textFlexLi,
	.infoTable .right .textFlexLi {
		flex-flow: initial;
	}
}

.infoTable .left .textFlexLi .title,
.infoTable .right .textFlexLi .title {
	background: #EDF5FA;
	display: inline;
	letter-spacing: 0.08em;
	font: normal 700 16px/25px "Noto Sans JP", sans-serif;
	color: #333;
	width: 100%;
	padding: 12px 20px 12px;

	border-bottom: 1px solid #004588;
}

@media (min-width: 768px) {

	.infoTable .left .textFlexLi .title,
	.infoTable .right .textFlexLi .title {
		width: 180px;
	}
}


.infoTable .left .textFlexLi .content,
.infoTable .right .textFlexLi .content {
	display: inline;
	letter-spacing: 0.08em;
	font: normal 700 16px/25px "Noto Sans JP", sans-serif;
	color: #333;
	/* background: #fff; */
	width: auto;
	flex: 1;
	padding: 12px 20px 12px;
	border-bottom: 1px solid #004588;
}

.infoTable .left .textFlexLi .title.borderNone,
.infoTable .right .textFlexLi .title.borderNone {
	border-bottom: none;
}

.infoTable .left .textFlexLi .content.borderNone,
.infoTable .right .textFlexLi .content.borderNone {
	border-bottom: none;
}