@charset "UTF-8";





/*index*/
.index .mainimg {
	width: 100%;
	height: 90rem;
}
.index .mainimg h2 {
	bottom: 12rem;
}
.index .mainimg p {
	font-size: 2.1rem;
	color: #fff;
	position: absolute;
	left: 18.75vw;
	/*36*/
	bottom: 8rem;
	/*10 13*/
	z-index: 2;
}
.index .mainimg .slider {
	width: 100%;
	height: inherit;
}
.index .mainimg .slider * {
	width: 100%;
	height: 100%;
}
.index .mainimg .slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.index_cnt1 {
	width: 100%;
	background: #f9fafa;
	padding: 10rem 0;/*5rem 0 7rem*/
}
.index_cnt1 .inner .grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.08vw;
	/*4*/
	margin: 0 auto 6rem;
}
.index_cnt1 .inner .grid .set {}
.index_cnt1 .inner .grid .set h3 {
	font-size: 2.2rem;
	color: #44b3c0;
	margin: 0 0 2rem;
}
.index_cnt1 .inner .grid .set .dl {
	width: 100%;
	display: grid;
	/*grid-template-columns:55% 45% ;*/
}
.index_cnt1 .inner .grid .set .dt {
	grid-row: 1;
	grid-column: 1;
	position: relative;
	z-index: 2;
	font-size: 2.3rem;
	color: #fff;
	padding: clamp(2rem, 1.3vw, 2.5rem) 0 0 clamp(2rem, 1.3vw, 2.5rem);
}
.index_cnt1 .inner .grid .set .dt::before {
	content: "Hacottoの";
	font-size: 1.9rem;
	display: block;
	margin: 0 0 1rem;
}
.index_cnt1 .inner .grid .set .pic {
	grid-row: 1 / span 2;
	grid-column: 1;
	width: 100%;
	aspect-ratio: 2/1;
	overflow: hidden;
	border-radius: 0.5rem;
	position: relative;
}

.index_cnt1 .inner .grid .set .pic::after {
	content: "";
	width: 55%;
	height: 100%;
	background: rgba(63, 178, 191, 0.9);
	display: inline-block;
	position: absolute;
	left: 0;
	z-index: 1;
}
.index_cnt1 .inner .grid .set .pic img {
	width: 100%;
}
.index_cnt1 .inner .grid .set .buttonA {
	grid-row: 2;
	grid-column: 1;
	position: relative;
	z-index: 2;
	padding: 0 0 clamp(2rem, 1.3vw, 2.5rem) clamp(2rem, 1.3vw, 2.5rem);
	align-self: end;
}
.index_cnt1 .inner .grid .set .buttonA a {
	color: #fff;
}
.index_cnt1 .inner .grid .set .buttonA a::before {
	color: #59c0cc;
	background: #fff;
}
.index_cnt1 .inner .window {
	padding: clamp(2rem, 2.6vw, 5rem) clamp(2rem, 5.2vw, 10rem);
	background: #fff;
	border-radius: 0.5rem;
}
.index_cnt1 .inner .window .col2 {
	display: flex;
	gap: 2.08vw;
	/*4*/
}
.index_cnt1 .inner .window .col2 h4 {
	font-size: 2rem;
	margin: 0 0 1.5rem;
	display: flex;
	gap: 1rem;
	align-items: center;
}
.index_cnt1 .inner .window .col2 h4::before {
	content: "";
	width: 0.3rem;
	height: 2.2rem;
	background: #000;
	display: inline-block;
}
.index_cnt1 .inner .window .col2 .left {
	width: 50%;
}
.index_cnt1 .inner .window .col2 .left .map {
	width: 25.416vw;
	aspect-ratio: 48.8/39.9;
	/*min-width: 25.416vw;
    48.8rem*/
	/* min-height: 20.78125vw;
    39.9rem*/
	background: url(/system_panel/uploads/images/index_cnt1_map.png) no-repeat;
	background-size: cover;
	position: relative;

}
.index_cnt1 .inner .window .col2 .left .map p {
	width: 5.2vw;
	/*10rem*/
	height: 1.4583vw;
	/*2.8rem*/
	background: #fff;
	border-radius: 1.4rem;
	box-shadow: 0.1rem 0 0 rgba(0, 0, 0, 0.35);
	font-size: clamp(1rem, 0.9375vw, 1.8rem);
	position: absolute;
	z-index: 1;
}
.index_cnt1 .inner .window .col2 .left .map p a {
	width: 100%;
	height: inherit;
	display: grid;
	align-items: center;
	text-align: center;
	color: inherit;
}
.index_cnt1 .inner .window .col2 .left .map .hamamatsu {
	left: 4.16vw;
	/*8*/
	top: 9.37vw;
	/*18*/
}
.index_cnt1 .inner .window .col2 .left .map .kosai {
	left: 0.26vw;
	/*0.5*/
	top: 11.979vw;
	/*23*/
}
.index_cnt1 .inner .window .col2 .left .map .kakegawa {
	left: 9.635vw;
	/*18.5*/
	top: 11.979vw;
	/*23*/
}
.index_cnt1 .inner .window .col2 .left .map .iwata {
	left: 2.6vw;
	/*5*/
	top: 14.84vw;
	/*28.5*/
}
.index_cnt1 .inner .window .col2 .left .map .fukuroi {
	left: 9.375vw;
	/*18*/
	top: 15.11vw;
	/*29*/
}
.index_cnt1 .inner .window .col2 .left .map .other {
	left: 2.08vw;
	/*4*/
	top: 17.18vw;
	/*33*/
}
.index_cnt1 .inner .window .col2 .right {
	width: 50%;
	padding: 0 0 0 3.125vw;
	/*4*/
}
.index_cnt1 .inner .window .col2 .right .ul {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}
.index_cnt1 .inner .window .col2 .right .ul:not(:last-of-type) {
	margin: 0 0 5rem;
}
.index_cnt1 .inner .window .col2 .right .li {
	width: fit-content;
	height: 2.8rem;
	background: #e9f6f7;
	border-radius: 1.4rem;
	box-shadow: 0.1rem 0 0 rgba(0, 0, 0, 0.35);
	font-size: clamp(1rem, 0.9375vw, 1.8rem);
}
.index_cnt1 .inner .window .col2 .right .li p {
	width: 100%;
	height: inherit;
}
.index_cnt1 .inner .window .col2 .right .li a {
	width: 100%;
	height: inherit;
	display: grid;
	align-items: center;
	text-align: center;
	color: inherit;
	padding: 0 1.5em;
}
.index_cnt2 {
	padding: 8rem 0;
}
.index_cnt2 .inner .flex {
	display: flex;
	gap: 2rem;
}
.index_cnt2 .inner .flex .banner {}
.index_cnt2 .inner .flex .banner img {
	width: 100%;
}
.index_cnt2 .inner .flex .banner img:hover {
	box-shadow: 0 0 1rem rgba(255, 255, 255, 1) inset;
	transition: 0.5s;
	opacity: 0.5;
}


.index_cnt3 {
	padding: 10rem 0;
}
.index_cnt3 .inner {}
.index_cnt3 .inner h3 {
	font-size: 3.1rem;
	text-align: center;
	margin: 0 auto 5rem;
}
.index_cnt3 .inner h3 span {
	color: #d1a677;
}
.index_cnt3 .inner .ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem 1.5rem;
	margin: 0 auto 5rem;
}
.index_cnt3 .inner .li {
	display: flex;
	align-items: center;
	gap: 1rem;
	background: #f9fafa;
	padding: 2.5rem 2rem;
	border-radius: 0.5rem;
}
.index_cnt3 .inner .li::before {
	content: "";
	background: url(/system_panel/uploads/images/icon_check.png) no-repeat;
	background-size: cover;
	width: 2.2rem;
	min-width: 2.2rem;
	height: 1.8rem;
	display: inline-block;
}
.index_cnt3 .inner .window {
	width: 100%;
	background: url(/system_panel/uploads/images/index_cnt3_window_bg.png) no-repeat center;
	background-size: cover;
	padding: clamp(2rem, 2.6vw, 5rem);
	border-radius: 0.5rem;
	position: relative;
}
.index_cnt3 .inner .window::before {
	content: "";
	width: 5rem;
	height: 3.5rem;
	background: #fff;
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(50% - 2.5rem);
	z-index: 1;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.index_cnt3 .inner .window .inner {
	width: 100%;
	max-width: initial;
	background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.2) 0.1rem 0.2rem, #fff 0.2rem 0.7rem);
	padding: 1rem;
	/*5*/
	border-radius: 0.5rem;
}
.index_cnt3 .inner .window .innerB {
	background: #fff;
	padding: 2.6vw;
	/*5*/
}
.index_cnt3 .inner .window .innerB .flex {
	display: flex;
	justify-content: center;
	align-items: baseline;
	margin: 0 auto 3rem;
}
.index_cnt3 .inner .window .innerB .flex p {
	font-size: 2.5rem;
}
.index_cnt3 .inner .window .innerB .flex .span {
	font-size: 4.5rem;
	color: #59c0cc;
}
.index_cnt3 .inner .window .innerB .flex .em {
	font-size: 1.8rem;
}
.index_cnt3 .inner .window .innerB .flex2 {
	display: flex;
	justify-content: center;
	align-items: baseline;
	margin: 0 auto 2rem;
}
.index_cnt3 .inner .window .innerB .flex2 p {
	font-size: 4rem;
}
.index_cnt3 .inner .window .innerB .flex2 .span {
	color: #d1a677;
}
.index_cnt3 .inner .window .innerB>p {
	text-align: center;
}
.index_cnt4 {
	padding: 7rem 0 12rem;
	position: relative;
  margin-top: 3rem;
}
.index_cnt4::after {
	content: "";
	width: 87%;
	/*min-width: 167rem;*/
	height: 90%;
	background: #f9fafa;
	display: inline-block;
	position: absolute;
	top: 7.29vw;
	/*14*/
	left: 0;
	z-index: -1;
}
.index_cnt4 .inner .grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3.545vw 2.08vw;
	/*7 4*/
}
.index_cnt4 .inner .grid .set {
	width: 100%;
	min-height: 36.45vw;
	/*7*/
	grid-column: span 2;
	display: grid;
	grid-template-columns: 1fr 30%;
	gap: 3.125vw;
	/*6*/
	align-content: start;
}
.index_cnt4 .inner .grid .set .titleB {
	grid-row: 1;
	grid-column: 2;
	width: fit-content;
	margin: auto;
	position: relative;
}
.index_cnt4 .inner .grid .titleB::before {
	content: "Service";
	font-size: 13vw;
	/*26*/
	font-family: "Alex Brush", cursive;
	color: rgba(81, 196, 204, 0.5);
	display: inline-block;
	position: absolute;
	right: 15.625vw;
	/*30*/
	bottom: -15.625vw;
	/*30*/
	z-index: 2;
	transform: rotate(-20deg);
}
.index_cnt4 .inner .grid .set .pic {
	width: 58.85vw;
	/*113*/
	aspect-ratio: 11.3/7;
	overflow: hidden;
	grid-row: 1 / span 2;
	grid-column: 1;
	position: absolute;
	left: 0;
	top: calc(-4.16vw + 7rem);
	/*8*/
	border-radius: 0 1rem 1rem 0;
}
.index_cnt4 .inner .grid .set .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.index_cnt4 .inner .grid .set>p {
	grid-row: 2;
	grid-column: 2;
	font-size: 1.8rem;
	line-height: 2;
	position: relative;
	z-index: 1;
}
.index_cnt4 .inner .grid .col2 {
	display: flex;
	gap: 2rem;
}
.index_cnt4 .inner .grid .col2 .left {
	width: 38%;
	aspect-ratio: 2.1/1.7;
	overflow: hidden;
	border-radius: 0.5rem;
}
.index_cnt4 .inner .grid .col2 .left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.index_cnt4 .inner .grid .col2 .right {
	width: 62%;
}
.index_cnt4 .inner .grid .col2 .right h4 {
	font-size: 2.5rem;
	color: #59c0cc;
	margin: 0 0 2rem;
}
.index_cnt4 .inner .grid .col2 .right p {
	line-height: 1.82;
	margin: 0 0 2rem;
}
.index_cnt4 .inner .grid .col2 .right .buttonA {
	margin: 0;
}
.index_cnt5 {
	padding: 20rem 0 15rem;
}
.index_cnt5 .inner .col2 {
	width: 100%;
	display: flex;
}
.index_cnt5 .inner .col2 .left {
	width: 25%;
	display: grid;
}
.index_cnt5 .inner .col2 .left .buttonA {
	align-self: end;
}
.index_cnt5 .inner .col2 .right {
	width: 75%;
}
.index_cnt5 .inner .col2 .right .webgene-blog {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.08vw;
	/*4*/
}
.index_cnt5 .inner .col2 .right .webgene-blog .webgene-item {
	width: 100%;
}

.index_cnt5 .inner .col2 .right .webgene-blog .webgene-item .dl {
	display: grid;
	gap: 1rem;
}
.index_cnt5 .inner .col2 .right .webgene-blog .webgene-item .pic {
	grid-row: 1;
	grid-column: 1;
}
.index_cnt5 .inner .col2 .right .webgene-blog .webgene-item .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.index_cnt5 .inner .col2 .right .webgene-blog .webgene-item .dt {
	grid-row: 3;
	grid-column: 1;
}
.index_cnt5 .inner .col2 .right .webgene-blog .webgene-item .dt a {
	color: inherit;
}
.index_cnt5 .inner .col2 .right .webgene-blog .webgene-item .day {
	grid-row: 2;
	grid-column: 1;
	font-size: 1.6rem;
	color: #d1a677;
}
.index_cnt5 .inner .col2 .right .webgene-blog .webgene-item .cate {
	width: fit-content;
	height: 2rem;
	background: #59c0cc;
	grid-row: 2;
	grid-column: 1;
	font-size: 1.5rem;
	color: #fff;
	display: grid;
	align-items: center;
	text-align: center;
	padding: 0 1em;
	margin: 0 0 0 6em;
}
.index_cnt6{display:none;}/*Youtube箇所非公開*/
.index_cnt6 .slider2{
	width: 100%;
}
.index_cnt6 .slider2 .slick-prev{
	left: 3.645vw;/*7*/
	z-index: 2;
}
.index_cnt6 .slider2 .slick-next{
	right:3.645vw;/*7*/
	z-index: 2;
}
.index_cnt6 .slider2 .slick-prev::before{
	content:"";
	background: url(/system_panel/uploads/images/slick_prev.png) no-repeat;
	min-width: 3.2rem;
	height: 3.2rem;
	display: inline-block;
}
.index_cnt6 .slider2 .slick-next::before{
	content:"";
	background: url(/system_panel/uploads/images/slick_next.png) no-repeat;
	min-width: 3.2rem;
	height: 3.2rem;
	display: inline-block;
}




/*property*/
/*検索用*/
.property .mainimg .pic img {
	object-position: top center;
}
.property_cnt1 {
	background: #f9fafa;
	padding: 6rem 0;
}
.property_cnt1 .inner .window {
	background: #fff;
	padding: clamp(2rem, 2.08vw, 4rem) clamp(2rem, 2.6vw, 5rem);
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
}
.property_cnt1 .inner .window h3 {
	font-size: 3.1rem;
	margin: 0 0 4rem;
	display: flex;
	gap: 1rem;
	align-items: center;
}
.property_cnt1 .inner .window h3::before {
	content: "";
	background: url(/system_panel/uploads/images/icon_search.png) no-repeat;
	min-width: 3rem;
	height: 3rem;
	display: inline-block;
}
.property_cnt1 .inner .window .webgene-search-form {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 20px;
}

.property_cnt1 .inner .window .webgene-search-form-block {
	margin: 0 0 4rem;
}
.property_cnt1 .inner .window .webgene-search-form-block .search-area-wrapper {
	background: #e8f4f6;
	padding: 2rem clamp(2rem, 2.08vw, 4rem);
}
.property_cnt1 .inner .window .webgene-search-form-block .search-area-wrapper .search-contents-wrapper {
	display: flex;
	gap: 1.5625vw 3.645vw;
	/*3 7*/
	flex-wrap: wrap;
}
.property_cnt1 .inner .window .webgene-search-form-block .search-title-wrapper {
	display: flex;
	gap: 1rem;
	align-items: center;
	margin: 0 0 2rem;
}
.property_cnt1 .inner .window .webgene-search-form-block .search-title-wrapper .search-title {
	font-size: 2rem;
	display: flex;
	gap: 1rem;
	align-items: center;
}
.property_cnt1 .inner .window .webgene-search-form-block:nth-of-type(1) .search-title-wrapper .search-title::before {
	content: "";
	background: url(/system_panel/uploads/images/icon_area.png) no-repeat;
	min-width: 1.7rem;
	height: 2.1rem;
	display: inline-block;
}
.property_cnt1 .inner .window .webgene-search-form-block:nth-of-type(2) .search-title-wrapper .search-title::before {
	content: "";
	background: url(/system_panel/uploads/images/icon_type.png) no-repeat;
	min-width: 2.2rem;
	height: 2rem;
	display: inline-block;
}
.property_cnt1 .inner .window .webgene-search-form-block:nth-of-type(3) .search-title-wrapper .search-title::before {
	content: "";
	background: url(/system_panel/uploads/images/icon_year.png) no-repeat;
	min-width: 2rem;
	height: 2rem;
	display: inline-block;
}
.property_cnt1 .inner .window .search-area-title {
	font-weight: 700;
}
.property_cnt1 .inner .window .input-text input {
	width: 100%;
}
.property_cnt1 .inner .window .search-submit {
	margin: 0 auto;
	border: none;
	display: block;
	min-width: 22rem;
	height: 4.8rem;
	background: #51c4cc;
	border-radius: 2.4rem;
	color: #fff;
}


/*検索結果用*/
.property_cnt2 {
	padding: 10rem 0;
}
.property_cnt2 .inner h3 {
	font-size: 3.1rem;
	margin: 0 0 4rem;
	display: flex;
	gap: 1rem;
	align-items: center;
}
.property_cnt2 .inner h3::before {
	content: "";
	background: url(/system_panel/uploads/images/icon_result.png) no-repeat;
	min-width: 3.2rem;
	height: 3rem;
	display: inline-block;
}
.property_cnt2 .inner * {
	word-break: break-all;
}
.property_cnt2 .inner .webgene-blog {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3.125vw;
	/*6*/
}
.property_cnt2 .inner .webgene-blog .webgene-item {}
.property_cnt2 .inner .webgene-blog .webgene-item .pic {
	width: 100%;
	aspect-ratio: 3.6/2.5;
	overflow: hidden;
}
.property_cnt2 .inner .webgene-blog .webgene-item .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.property_cnt2 .inner .webgene-blog .webgene-item h4 {
	font-size: 2.3rem;
	color: #59c0cc;
	padding: 2rem 0 2rem;
	border-bottom: 0.1rem solid #dbe3e3;
	margin: 0 0 1rem;
}
.property_cnt2 .inner .webgene-blog .webgene-item h4 a {
	color: #59c0cc;
	text-decoration: none;
}
.property_cnt2 .inner .webgene-blog .webgene-item .dl {
	width: 100%;
	min-height: 3rem;
	display: flex;
}
.property_cnt2 .inner .webgene-blog .webgene-item .dt {
	/*min-width: 5em;*/
	white-space: nowrap;
}
.property_cnt2 .inner .webgene-blog .webgene-item .dt p::after {
	content: "：";
}
.property_cnt2 .inner img {
	max-width: 100%;
	height: auto;
}
.property_cnt2 .inner .kizi {
	margin: 0 auto;
	max-width: 1000px;
}
.property_cnt2 .inner .kizi>.row {
	border-bottom: 1px solid #333;
}
.property_cnt2 .inner .kizi>.row>div[class^="col"] {
	padding: 10px;
}
.property_cnt2 .inner .kizi>.row>div[class^="col"]:first-of-type {
	background: #ccc;
}
.property_cnt2 .inner .kizi>.row>div[class^="col"]>.container .row>div[class^="col"] {
	padding: 10px;
}
.property_cnt2 .inner .img-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}
.property_cnt2 .inner .listLk {}
.property_cnt2 .inner .listLk:hover {
	color: #fff !important;
	background: #17a2b8 !important;
}





/*propertydetail*/
.propertydetail_cnt1 {
	padding: 8rem 0;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item h3 {
	font-size: 3rem;
	color: #59c0cc;
	padding: 0 0 2rem;
	border-bottom: 0.1rem solid #dbe3e3;
	margin: 0 0 5rem;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item h4 {
	font-size: 2.5rem;
	margin: 0 0 2rem;
}

.propertydetail_cnt1 .inner .webgene-blog .webgene-item .pic {
	width: 100%;
	display: flex;
	gap: 1rem;
	margin: 0 0 5rem;
}
/*
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .pic .slider {
	width: 66%;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .pic .slider .slick-img {
	width: 100%;
	aspect-ratio: 78/54;
	overflow: hidden;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .pic .slider .slick-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .pic .thumbnail {
	width: 34%;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .pic .thumbnail .pic .thumbnail .slick-slide {
	height: auto !important;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .pic .thumbnail .pic .thumbnail .thumbnail-img {
	width: 100%;
	aspect-ratio: 1/0.7;
	overflow: hidden;
	padding: 2px;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .pic .thumbnail img {
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
	cursor: pointer;
	opacity: 0.6;
	transition: .3s;
}
.pic .thumbnail .slick-current img {
	opacity: 1;
}
	*/
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .pic .large {
	width: 65%;
	aspect-ratio: 7.8/5.4;
	position: relative;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .pic .large>div {
	display: none;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .pic .large>div.is-active {
	width: 100%;
	height: 100%;
	display: block !important;
	overflow: hidden;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .pic .large img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .pic .thumbnail {
	width: 35%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	align-content: start;
	gap: 0.5rem;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .pic .thumbnail>div {
	width: 100%;
	aspect-ratio: 10/7;
	overflow: hidden;
	cursor: pointer;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .pic .thumbnail>div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .pic .thumbnail>div.active {
	outline: 2px solid #000;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .dl {
	width: 100%;
	min-height: 7rem;
	display: flex;
	align-items: center;
	padding: 1em;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .dl:nth-of-type(odd) {
	background: #f9fafa;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .dt {
	width: 17%;
	min-width: 8em;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .dd {
	width: 83%;
	line-height: 1.82;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .window {
	width: 100%;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
	margin: 5rem 0;
	padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 2.6vw, 5rem);
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .window p {
	line-height: 1.82;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .map {
	width: 100%;
	margin: 0 auto 5rem;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .map iframe {
	border: none;
	width: 100%;
	height: 26rem;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item h4:last-of-type {
	margin: 5rem 0 2rem;
}
.propertydetail_cnt1 .inner .webgene-blog .webgene-item .window h4{
margin: 2rem 0;
}
.propertydetail_cnt1 .inner .buttonA {
	margin: auto;
}





/*owner*/
.owner_cnt1 {
	padding: 8rem 0;
}
.owner_cnt1 .inner h3 {
	font-size: 3.1rem;
	text-align: center;
	margin: 0 auto 5rem;
}
.owner_cnt1 .inner h3 span {
	color: #d1a677;
}
.owner_cnt1 .inner h3 span.sky {
	color: #3dafb7;
}
.owner_cnt1 .inner h3 span.sky:nth-of-type(2) {
	font-size: initial;
}
.owner_cnt1 .inner>p {
	font-size: 2rem;
	text-align: center;
	line-height: 2;
	margin: 0 auto 5rem;
}
.owner_cnt1 .inner>.flex {
	width: 80%;
	max-width: 73rem;
	display: flex;
	gap: 2rem;
	margin: 0 auto 13rem;
}
.owner_cnt1 .inner>.flex .buttonB {
	width: 50%;
}
.owner_cnt1 .inner>.flex .buttonB:nth-of-type(2) {
	background: #d1a677;
}
.owner_cnt1 .inner>.flex .buttonB a {
	padding: 0 1em;
}
.owner_cnt1 .inner .window {
	width: 100%;
	background: url(/system_panel/uploads/images/index_cnt3_window_bg.png) no-repeat center;
	background-size: cover;
	padding: clamp(2rem, 2.6vw, 5rem);
	border-radius: 0.5rem;
	position: relative;
	margin: 0 auto 7rem;
}
.owner_cnt1 .inner .window::before {
	content: "";
	width: 5rem;
	height: 3.5rem;
	background: #fff;
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(50% - 2.5rem);
	z-index: 1;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.owner_cnt1 .inner .window::after {
	content: "";
	width: 5rem;
	height: 3.5rem;
	background: #f6e7c7;
	display: inline-block;
	position: absolute;
	bottom: -3.5rem;
	left: calc(50% - 2.5rem);
	z-index: 1;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.owner_cnt1 .inner .window .inner {
	width: 100%;
	max-width: initial;
	background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.2) 0.1rem 0.2rem, #fff 0.2rem 0.7rem);
	padding: 1rem;
	/*5*/
	border-radius: 0.5rem;
}
.owner_cnt1 .inner .window .innerB {
	background: #fff;
	padding: 2.6vw;
	/*5*/
}
.owner_cnt1 .inner .window .innerB .flex {
	display: flex;
	gap: 1.5625vw;
	/*3*/
}
.owner_cnt1 .inner .window .innerB .flex .ul {
	width: 55%;
}
.owner_cnt1 .inner .window .innerB .flex .li {
	width: 100%;
	min-height: 7rem;
	font-size: 2rem;
	line-height: 1.82;
	padding: 1em;
	display: flex;
	align-items: center;
	gap: 1rem;
}
.owner_cnt1 .inner .window .innerB .flex .li::before {
	content: "";
	background: url(/system_panel/uploads/images/icon_check.png) no-repeat;
	min-width: 2.2rem;
	height: 1.8rem;
	display: inline-block;
}
.owner_cnt1 .inner .window .innerB .flex .li:nth-of-type(odd) {
	background: #f9fafa
}
.owner_cnt1 .inner .window .innerB .flex .pic {
	width: 45%;
	aspect-ratio: 4.4/3.5;
	overflow: hidden;
}
.owner_cnt1 .inner .window .innerB .flex .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.owner_cnt1 .inner>.ul {
	display: flex;
	gap: 1.5rem;
}
.owner_cnt1 .inner>.ul>.li {
	width: 100%;
	height: 8rem;
	border-radius: 1rem;
	background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.2) 0.1rem 0.2rem, #fff 0.2rem 0.7rem);
	padding: 1rem;
}
.owner_cnt1 .inner>.ul>.li p {
	width: 100%;
	height: 100%;
	background: #fff;
	display: grid;
	align-items: center;
	justify-content: center;
}
.owner_cnt2 {
	padding: 5rem 0 35rem;
}
.owner_cnt2 .inner .grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.3vw;
	/*25*/
}
.owner_cnt2 .inner .grid .set {
	width: 100%;
	padding: clamp(2rem, 1.5625vw, 3rem);
	background: #59c0cc;
	border-radius: 1rem;
}
.owner_cnt2 .inner .grid .set:nth-of-type(even) {
	background: #cda07c;
}
.owner_cnt2 .inner .grid .set h4 {
	font-size: 2.7rem;
	text-align: center;
	margin: 0 auto 3rem;
	color: #fff;
}
.owner_cnt2 .inner .grid .set .ul {}
.owner_cnt2 .inner .grid .set .li {
	line-height: 2;
	color: #fff;
}
.owner_cnt3 {
	padding: 7rem 0 12rem;
	position: relative;
}
.owner_cnt3::after {
	content: "";
	width: 87%;
	min-width: 167rem;
	height: 90%;
	background: #f9fafa;
	display: inline-block;
	position: absolute;
	top: 7.29vw;
	/*14*/
	right: 0;
	z-index: -1;
}
.owner_cnt3 .inner .grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3.545vw 2.08vw;
	/*7 4*/
}
.owner_cnt3 .inner .grid .set {
	width: 100%;
	min-height: 26vw;
	/*5*/
	grid-column: span 2;
	display: grid;
	grid-template-columns: 1fr 30%;
	gap: 3.125vw;
	/*6*/
	align-content: start;
}
.owner_cnt3 .inner .grid .set .titleB {
	grid-row: 1;
	grid-column: 1;
	width: fit-content;
	position: relative;
}
.owner_cnt3 .inner .grid .set .titleB::before {
	content: "Point";
	font-size: 13vw;
	/*25*/
	font-family: "Alex Brush", cursive;
	color: rgba(81, 196, 204, 0.5);
	display: inline-block;
	position: absolute;
	left: 15.625vw;
	/*30*/
	bottom: -8.85vw;
	/*17*/
	z-index: 2;
	transform: rotate(-20deg);
}
.owner_cnt3 .inner .grid .set .pic {
	width: 58.85vw;
	/*113*/
	aspect-ratio: 11.3/3.9;
	overflow: hidden;
	/*grid-row: 1 / span 2;
	grid-column: 1;*/
	position: absolute;
	right: 0;
	top: calc(-4.16vw + 7rem);
	/*8*/
	border-radius: 1rem 0 0 1rem;
}
.owner_cnt3 .inner .grid .set .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.owner_cnt3 .inner .grid .set>p {
	grid-row: 2;
	grid-column: 2;
	font-size: 1.8rem;
	line-height: 2;
}
.owner_cnt3 .inner .grid .setB {
	padding: clamp(2rem, 2.6vw, 5rem) clamp(2rem, 1.5625vw, 3rem);
	background: #fff;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
}
.owner_cnt3 .inner .grid .setB h4 {
	font-size: 2.5rem;
	text-align: center;
	color: #59c0cc;
	margin: 0 0 2rem;
}
.owner_cnt3 .inner .grid .setB p {
	line-height: 1.82;
	margin: 0 0 2rem;
}
.owner_cnt3 .inner .grid .setB.map {
	background: url(/system_panel/uploads/images/owner_cnt3_3.png) no-repeat top center;
	background-size: cover;
}
.owner_cnt3 .inner .grid .setB .pic {
	width: 100%;
}
.owner_cnt3 .inner .grid .setB .pic img {
	width: 100%;
}
.owner_cnt3 .inner .grid .setB .col2 {
	display: flex;
	gap: 1.5rem;
	background: url(/system_panel/uploads/images/owner_cnt3_arrow.png) no-repeat center bottom 4.16vw;/*8*/
}
.owner_cnt3 .inner .grid .setB .col2 :is(.left, .right) {
	width: 50%;
	border-radius: 0.5rem;
}
.owner_cnt3 .inner .grid .setB .col2 :is(.left, .right) p {
	background: #f9fafa;
	border-radius: 0.5rem;
	padding: 2.5rem;
	line-height: 1.82;
}
.owner_cnt3 .inner .grid .setB .col2 :is(.left, .right) .pic {
	width: 100%;
}
.owner_cnt3 .inner .grid .setB .col2 :is(.left, .right) .pic img {
	width: 100%;
}
.owner_cnt4 {
	padding: 15rem 0 5rem;
}
.owner_cnt4 .inner .dl {
	width: 100%;
	min-height: 13rem;
	display: flex;
	border: 0.1rem solid #dbe5e5;
	margin: 0 0 2.5rem;
}
.owner_cnt4 .inner .dt {
	font-size: 2.7rem;
	width: 45%;
	min-height: inherit;
	padding: clamp(2rem, 1.3vw, 2.5rem) clamp(2rem, 2.6vw, 5rem);
	background: linear-gradient(140deg, #f5e3d0 30%, #daf3f6 50%);
	position: relative;
}
.owner_cnt4 .inner .dt::after {
	content: "";
	width: 3rem;
	height: 2rem;
	background: linear-gradient(140deg, #f5e3d0 30%, #daf3f6 50%);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	display: inline-block;
	position: absolute;
	left: calc(50% - 1.5rem);
	bottom: -2rem;
}
.owner_cnt4 .inner .dl:last-of-type .dt::after {
	content: initial;
}
.owner_cnt4 .inner .dt::before {
	content: "";
	font-size: 2.3rem;
	color: #d4ac82;
	display: block;
	margin: 0 0 1rem;
}
.owner_cnt4 .inner .dl:nth-of-type(1) .dt::before {
	content: "STEP 01";
}
.owner_cnt4 .inner .dl:nth-of-type(2) .dt::before {
	content: "STEP 02";
}
.owner_cnt4 .inner .dl:nth-of-type(3) .dt::before {
	content: "STEP 03";
}
.owner_cnt4 .inner .dl:nth-of-type(4) .dt::before {
	content: "STEP 04";
}
.owner_cnt4 .inner .dl:nth-of-type(5) .dt::before {
	content: "STEP 05";
}
.owner_cnt4 .inner .dd {
	width: 55%;
	line-height: 1.82;
	padding: clamp(2rem, 1.3vw, 2.5rem) clamp(2rem, 2.6vw, 5rem);
}
.owner_cnt4 .inner>p {
	line-height: 1.82;
	margin: 0 0 13rem;
}
.owner_cnt4 .inner .window {
	width: 100%;
	padding: clamp(2rem, 2.6vw, 5rem) clamp(2rem, 3.645vw, 7rem);
	border-radius: 0.5rem;
	background: url(/system_panel/uploads/images/owner_cnt4_window_bg.jpg) no-repeat center;
	background-size: cover
}
.owner_cnt4 .inner .window .titleA * {
	text-align: left;
	color: #fff;
}
.owner_cnt4 .inner .window>p {
	color: #fff;
	display: inline-block;
}
.owner_cnt4 .inner .window .buttonA {
	display: flex;
	margin: -1em 0 0 auto;
}





/*estate*/
.estate_cnt1 {
	padding: 8rem 0;
}
.estate_cnt1 .inner h3 {
	font-size: 3.1rem;
	text-align: center;
	margin: 0 auto 5rem;
}
.estate_cnt1 .inner h3 span {
	color: #d1a677;
}
.estate_cnt1 .inner h3 span.sky {
	color: #3dafb7;
}
.estate_cnt1 .inner h3 span.sky:nth-of-type(2) {
	font-size: initial;
}
.estate_cnt1 .inner>p {
	font-size: 2rem;
	text-align: center;
	line-height: 2;
	margin: 0 auto 5rem;
}
.estate_cnt1 .inner>.flex {
	width: 80%;
	max-width: 73rem;
	display: flex;
	gap: 2rem;
	margin: 0 auto 13rem;
}
.estate_cnt1 .inner>.flex .buttonB {
	width: 50%;
}
.estate_cnt1 .inner>.flex .buttonB:nth-of-type(2) {
	background: #d1a677;
}
.estate_cnt1 .inner>.flex .buttonB a {
	padding: 0 1em;
}
.estate_cnt1 .inner .window {
	width: 100%;
	background: url(/system_panel/uploads/images/index_cnt3_window_bg.png) no-repeat center;
	background-size: cover;
	padding: clamp(2rem, 2.6vw, 5rem);
	border-radius: 0.5rem;
	position: relative;
	margin: 0 auto 7rem;
}
.estate_cnt1 .inner .window::before {
	content: "";
	width: 5rem;
	height: 3.5rem;
	background: #fff;
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(50% - 2.5rem);
	z-index: 1;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.estate_cnt1 .inner .window::after {
	content: "";
	width: 5rem;
	height: 3.5rem;
	background: #f6e7c7;
	display: inline-block;
	position: absolute;
	bottom: -3.5rem;
	left: calc(50% - 2.5rem);
	z-index: 1;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.estate_cnt1 .inner .window .inner {
	width: 100%;
	max-width: initial;
	background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.2) 0.1rem 0.2rem, #fff 0.2rem 0.7rem);
	padding: 1rem;
	/*5*/
	border-radius: 0.5rem;
}
.estate_cnt1 .inner .window .innerB {
	background: #fff;
	padding: 2.6vw;
	/*5*/
}
.estate_cnt1 .inner .window .innerB .flex {
	display: flex;
	gap: 1.5625vw;
	/*3*/
}
.estate_cnt1 .inner .window .innerB .flex .ul {
	width: 55%;
}
.estate_cnt1 .inner .window .innerB .flex .li {
	width: 100%;
	min-height: 7rem;
	font-size: 2rem;
	line-height: 1.82;
	padding: 1em;
	display: flex;
	align-items: center;
	gap: 1rem;
	border-bottom: 0.1rem solid #dfe8e8;
}
.estate_cnt1 .inner .window .innerB .flex .li::before {
	content: "";
	background: url(/system_panel/uploads/images/icon_check.png) no-repeat;
	min-width: 2.2rem;
	height: 1.8rem;
	display: inline-block;
}
.estate_cnt1 .inner .window .innerB .flex .li:nth-of-type(odd) {
	background: #f9fafa
}
.estate_cnt1 .inner .window .innerB .flex .pic {
	width: 45%;
	aspect-ratio: 4.4/3.5;
	overflow: hidden;
}
.estate_cnt1 .inner .window .innerB .flex .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.estate_cnt2 {
	padding: 7rem 0 12rem;
	position: relative;
}
.estate_cnt2::after {
	content: "";
	width: 87%;
	/*min-width: 167rem;*/
	height: 90%;
	background: #f9fafa;
	display: inline-block;
	position: absolute;
	top: 7.29vw;
	/*14*/
	left: 0;
	z-index: -1;
}
.estate_cnt2 .inner .grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3.545vw 2.08vw;
	/*7 4*/
}
.estate_cnt2 .inner .grid .set {
	width: 100%;
	min-height: 26vw;
	/*5*/
	grid-column: span 2;
	display: grid;
	grid-template-columns: 1fr 30%;
	gap: 3.125vw;
	/*6*/
	align-content: start;
}
.estate_cnt2 .inner .grid .set .titleB {
	grid-row: 1;
	grid-column: 2;
	width: fit-content;
	position: relative;
	margin: auto;
}
.estate_cnt2 .inner .grid .set .titleB::before {
	content: "Sale";
	font-size: 13vw;
	/*25*/
	font-family: "Alex Brush", cursive;
	color: rgba(81, 196, 204, 0.5);
	display: inline-block;
	position: absolute;
	right: 15.625vw;
	/*30*/
	bottom: -1.5625vw;
	/*3*/
	z-index: 2;
	transform: rotate(-20deg);
}
.estate_cnt2 .inner .grid .set .pic {
	width: 58.85vw;
	/*113*/
	aspect-ratio: 11.3/3.9;
	overflow: hidden;
	/*grid-row: 1 / span 2;
	grid-column: 1;*/
	position: absolute;
	left: 0;
	top: calc(-4.16vw + 7rem);
	/*8*/
	border-radius: 0 1rem 1rem 0;
}
.estate_cnt2 .inner .grid .set .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.estate_cnt2 .inner .grid .set>p {
	grid-row: 2;
	grid-column: span 2;
	font-size: 1.8rem;
	line-height: 2;
	margin: 0 0 9rem;
}
.estate_cnt2 .inner h4 {
	font-size: 3.1rem;
	grid-column: span 3;
}
.estate_cnt2 .inner .grid2 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5625vw;
	/*3*/
}
.estate_cnt2 .inner .grid2 .set {
	padding: clamp(2rem, 2.6vw, 5rem) clamp(2rem, 1.5625vw, 3rem);
	background: #fff;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
}
.estate_cnt2 .inner .grid2 .set h5 {
	font-size: 2.5rem;
	text-align: center;
	color: #59c0cc;
	margin: 0 0 2rem;
}
.estate_cnt2 .inner .grid2 .set p {
	line-height: 1.82;
}
.estate_cnt3 {
	padding: 15rem 0;
}
.estate_cnt3 .inner h4 {
	width: fit-content;
	font-size: 2.3rem;
	margin: 0 0 4rem;
	padding: 0 0 0.5rem;
	background: url(/system_panel/uploads/images/borderA.png) repeat-x bottom center;
}
.estate_cnt3 .inner .dl {
	padding: clamp(2rem, 1.5625vw, 3rem) 0;
	border-bottom: 0.1rem solid #000;
}
.estate_cnt3 .inner .dl:nth-of-type(2) {
	border-top: 0.1rem solid #000;
}
.estate_cnt3 .inner .dt {
	font-size: 2.3rem;
	margin: 0 0 2rem;
}
.estate_cnt3 .inner .dt p::before {
	content: "";
	color: #59c0cc;
}
.estate_cnt3 .inner .dl:nth-of-type(1) .dt p::before {
	content: "戦略01：";
}
.estate_cnt3 .inner .dl:nth-of-type(2) .dt p::before {
	content: "戦略01：";
}
.estate_cnt3 .inner .dl:nth-of-type(3) .dt p::before {
	content: "戦略02：";
}
.estate_cnt3 .inner .dl:nth-of-type(4) .dt p::before {
	content: "戦略03：";
}
.estate_cnt3 .inner .dl:nth-of-type(5) .dt p::before {
	content: "戦略04：";
}
.estate_cnt3 .inner .dd {
	line-height: 1.82;
}
.estate_cnt4 {
	padding: 7rem 0 12rem;
	position: relative;
}
.estate_cnt4::after {
	content: "";
	width: 87%;
	min-width: 167rem;
	height: 90%;
	background: #f9fafa;
	display: inline-block;
	position: absolute;
	top: 7.29vw;
	/*14*/
	right: 0;
	z-index: -1;
}
.estate_cnt4 .inner .grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3.545vw 2.08vw;
	/*7 4*/
	margin: 0 auto 3rem;
}
.estate_cnt4 .inner .grid .set {
	width: 100%;
	min-height: 26vw;
	/*5*/
	grid-column: span 2;
	display: grid;
	grid-template-columns: 1fr 30%;
	gap: 3.125vw;
	/*6*/
	align-content: start;
}
.estate_cnt4 .inner .grid .set .titleB {
	grid-row: 1;
	grid-column: 1;
	width: fit-content;
	position: relative;
}
.estate_cnt4 .inner .grid .set .titleB::before {
	content: "Point";
	font-size: 13vw;
	/*25*/
	font-family: "Alex Brush", cursive;
	color: rgba(81, 196, 204, 0.5);
	display: inline-block;
	position: absolute;
	left: 15.625vw;
	/*30*/
	bottom: -8.85vw;
	/*17*/
	z-index: 2;
	transform: rotate(-20deg);
}
.estate_cnt4 .inner .grid .set .pic {
	width: 58.85vw;
	/*113*/
	aspect-ratio: 11.3/3.9;
	overflow: hidden;
	/*grid-row: 1 / span 2;
	grid-column: 1;*/
	position: absolute;
	right: 0;
	top: calc(-4.16vw + 7rem);
	/*8*/
	border-radius: 1rem 0 0 1rem;
}
.estate_cnt4 .inner .grid .set .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.estate_cnt4 .inner .grid .set>p {
	grid-row: 2;
	grid-column: 2;
	font-size: 1.8rem;
	line-height: 2;
}
.estate_cnt4 .inner .grid .setB {
	padding: clamp(2rem, 2.6vw, 5rem) clamp(2rem, 1.5625vw, 3rem);
	background: #fff;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
}
.estate_cnt4 .inner .grid .setB h4 {
	font-size: 2.5rem;
	text-align: center;
	color: #59c0cc;
	margin: 0 0 2rem;
}
.estate_cnt4 .inner .grid .setB p {
	line-height: 1.82;
	margin: 0 0 2rem;
}
.estate_cnt5 {
	padding: 15rem 0 5rem;
}
.estate_cnt5 .inner .dl {
	width: 100%;
	min-height: 13rem;
	display: flex;
	border: 0.1rem solid #dbe5e5;
	margin: 0 0 2.5rem;
}
.estate_cnt5 .inner .dt {
	font-size: 2.7rem;
	width: 45%;
	min-height: inherit;
	padding: clamp(2rem, 1.3vw, 2.5rem) clamp(2rem, 2.6vw, 5rem);
	background: linear-gradient(140deg, #f5e3d0 30%, #daf3f6 50%);
	position: relative;
}
.estate_cnt5 .inner .dt::after {
	content: "";
	width: 3rem;
	height: 2rem;
	background: linear-gradient(140deg, #f5e3d0 30%, #daf3f6 50%);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	display: inline-block;
	position: absolute;
	left: calc(50% - 1.5rem);
	bottom: -2rem;
}
.estate_cnt5 .inner .dl:last-of-type .dt::after {
	content: initial;
}
.estate_cnt5 .inner .dt::before {
	content: "";
	font-size: 2.3rem;
	color: #d4ac82;
	display: block;
	margin: 0 0 1rem;
}
.estate_cnt5 .inner .dl:nth-of-type(1) .dt::before {
	content: "STEP 01";
}
.estate_cnt5 .inner .dl:nth-of-type(2) .dt::before {
	content: "STEP 02";
}
.estate_cnt5 .inner .dl:nth-of-type(3) .dt::before {
	content: "STEP 03";
}
.estate_cnt5 .inner .dl:nth-of-type(4) .dt::before {
	content: "STEP 04";
}
.estate_cnt5 .inner .dl:nth-of-type(5) .dt::before {
	content: "STEP 05";
}
.estate_cnt5 .inner .dd {
	width: 55%;
	line-height: 1.82;
	padding: clamp(2rem, 1.3vw, 2.5rem) clamp(2rem, 2.6vw, 5rem);
}
.estate_cnt5 .inner>p {
	line-height: 1.82;
	margin: 0 0 13rem;
}
.estate_cnt5 .inner .window {
	width: 100%;
	padding: clamp(2rem, 2.6vw, 5rem) clamp(2rem, 3.645vw, 7rem);
	border-radius: 0.5rem;
	background: url(/system_panel/uploads/images/owner_cnt4_window_bg.jpg) no-repeat center;
	background-size: cover
}
.estate_cnt5 .inner .window .titleA * {
	text-align: left;
	color: #fff;
}
.estate_cnt5 .inner .window>p {
	color: #fff;
	display: inline-block;
}
.estate_cnt5 .inner .window .buttonA {
	display: flex;
	margin: -1em 0 0 auto;
}





/*inheritance*/
.inheritance_cnt1 {
	padding: 8rem 0;
}
.inheritance_cnt1 .inner h3 {
	font-size: 3.1rem;
	text-align: center;
	margin: 0 auto 5rem;
	line-height: 2;
}
.inheritance_cnt1 .inner h3 span {
	color: #d1a677;
}
.inheritance_cnt1 .inner h3 span.sky {
	color: #3dafb7;
}
.inheritance_cnt1 .inner h3 span.sky:nth-of-type(2) {
	font-size: initial;
}
.inheritance_cnt1 .inner>p {
	font-size: 2rem;
	text-align: center;
	line-height: 2;
	margin: 0 auto 5rem;
}
.inheritance_cnt1 .inner .buttonB {
	margin: 0 auto 11rem;
}
.inheritance_cnt1 .inner>.ul {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3.9vw;
	/*7.5*/
	margin: 0 auto 5rem;
}
.inheritance_cnt1 .inner>.ul .li {
	width: 100%;
	background: #f9fafa;
	border-radius: 0.5rem;
	border: 0.1rem solid #dfe8e8;
	padding: clamp(2rem, 2.6vw, 5rem) clamp(2rem, 1.5625vw, 3rem);
	font-size: 2.1rem;
	text-align: center;
	line-height: 1.82;
}
.inheritance_cnt1 .inner>.ul .li:nth-of-type(even) {
	background: #fff;
}
.inheritance_cnt1 .inner .window {
	width: 100%;
	background: #cda07c;
	padding: clamp(2rem, 2.08vw, 4rem) clamp(2rem, 4.16vw, 8rem);
	border-radius: 0.5rem;
	margin: 0 auto 7rem;
}
.inheritance_cnt1 .inner .window h4 {
	font-size: 2.7rem;
	color: #fff;
	text-align: center;
	margin: 0 auto 3rem;
}
.inheritance_cnt1 .inner .window .ul {
	width: 100%;
	display: flex;
	gap: 1rem;
	margin: 0 auto 2rem;
}
.inheritance_cnt1 .inner .window .li {
	width: 100%;
	font-size: 2.1rem;
	text-align: center;
	padding: 0.75em;
	background: #fff;
	border-radius: 0.5rem;
}
.inheritance_cnt1 .inner .window>p {
	color: #fff;
	line-height: 1.82;
}
.inheritance_cnt2 {
	padding: 7rem 0 12rem;
	position: relative;
}
.inheritance_cnt2::after {
	content: "";
	width: 87%;
	/*min-width: 167rem;*/
	height: 90%;
	background: #f9fafa;
	display: inline-block;
	position: absolute;
	top: 7.29vw;
	/*14*/
	left: 0;
	z-index: -1;
}
.inheritance_cnt2 .inner .grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3.545vw 2.08vw;
	/*7 4*/
}
.inheritance_cnt2 .inner .grid .set {
	width: 100%;
	min-height: 26vw;
	/*5*/
	grid-column: span 2;
	display: grid;
	grid-template-columns: 1fr 30%;
	gap: 3.125vw;
	/*6*/
	align-content: start;
}
.inheritance_cnt2 .inner .grid .set .titleB {
	grid-row: 1;
	grid-column: 2;
	width: fit-content;
	position: relative;
	margin: auto;
}
.inheritance_cnt2 .inner .grid .set .titleB::before {
	content: "Service";
	font-size: 13vw;
	/*25*/
	font-family: "Alex Brush", cursive;
	color: rgba(81, 196, 204, 0.5);
	display: inline-block;
	position: absolute;
	right: 12.5vw;
	/*25*/
	bottom: -20.8vw;
	/*40*/
	z-index: 2;
	transform: rotate(-20deg);
}
.inheritance_cnt2 .inner .grid .set .pic {
	width: 58.85vw;
	/*113*/
	aspect-ratio: 11.3/7;
	overflow: hidden;
	grid-row: 1 / span 2;
	grid-column: 1;
	position: absolute;
	left: 0;
	top: calc(-4.16vw + 7rem);
	/*8*/
	border-radius: 0 1rem 1rem 0;
}
.inheritance_cnt2 .inner .grid .set .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.inheritance_cnt2 .inner .grid .set>p {
	grid-row: 2;
	grid-column: 2;
	font-size: 1.8rem;
	line-height: 2;
	align-self: end;
	margin: 5.2vw 0 0;
}
.inheritance_cnt3 {
	padding: 15rem 0;
}
.inheritance_cnt3 .inner .flex {
	width: 80%;
	max-width: 70rem;
	margin: 0 auto 10rem;
	display: flex;
	justify-content: center;
	gap: 1.5625vw;
	/*3*/
}
.inheritance_cnt3 .inner .flex .button {
	width: 50%;
	min-height: 4.8rem;
	background: #f9fafa;
	border-radius: 2.4rem;
}
.inheritance_cnt3 .inner .flex .button a {
	width: 100%;
	min-height: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	font-size: 2rem;
	color: inherit;
}
.inheritance_cnt3 .inner .flex .button a::before {
	content: ">";
	width: 4.6rem;
	height: 2.3rem;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background: #d1a677;
	display: inline-grid;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	transform: scale(0.5, 1);
}
.inheritance_cnt3 .inner .col2 {
	display: flex;
	gap: 2.6vw;
	/*5*/
	align-items: end;
	margin: 0 auto 5rem;
}
.inheritance_cnt3 .inner .col2 .left {
	width: 56%;
}
.inheritance_cnt3 .inner .col2 .left h4 {
	font-size: 3.1rem;
	margin: 0 0 3rem;
}
.inheritance_cnt3 .inner .col2 .left p {
	line-height: 1.82;
}
.inheritance_cnt3 .inner .col2 .right {
	width: 44%;
	aspect-ratio: 5/2.6;
	border-radius: 0.5rem;
	overflow: hidden;
}
:is(.inheritance_cnt3, .inheritance_cnt4) .inner h5 {
	width: fit-content;
	font-size: 2.3rem;
	margin: 0 0 4rem;
	padding: 0 0 0.5rem;
	background: url(/system_panel/uploads/images/borderA.png) repeat-x bottom center;
}
:is(.inheritance_cnt3, .inheritance_cnt4) .inner .dl {
	padding: clamp(2rem, 1.5625vw, 3rem) 0;
	border-bottom: 0.1rem solid #000;
}
:is(.inheritance_cnt3, .inheritance_cnt4) .inner .dl:nth-of-type(3) {
	border-top: 0.1rem solid #000;
}
:is(.inheritance_cnt3, .inheritance_cnt4) .inner .dt {
	font-size: 2.3rem;
	margin: 0 0 2rem;
	color: #59c0cc;
}
:is(.inheritance_cnt3, .inheritance_cnt4) .inner .dd {
	line-height: 1.82;
}
:is(.inheritance_cnt3, .inheritance_cnt4) .inner .dd .buttonA {
	margin: 3rem 0 0;
}
.inheritance_cnt4 {
	padding: 10rem 0;
	background: #f9fafa;
}
.inheritance_cnt4 .inner h4 {
	font-size: 3.1rem;
	margin: 0 0 3rem;
}
.inheritance_cnt4 .inner>p {
	line-height: 1.82;
	margin: 0 0 5rem;
}
.inheritance_cnt5 {
	padding: 15rem 0;
}
.inheritance_cnt5 .inner .titleA * {
	text-align: left;
}
.inheritance_cnt5 .inner>p {
	line-height: 1.82;
	margin: 0 0 5rem;
}
.inheritance_cnt5 .inner .window {
	width: 100%;
	max-width: initial;
	background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.2) 0.1rem 0.2rem, #fff 0.2rem 0.7rem);
	padding: 1rem;
	/*5*/
	border-radius: 0.5rem;
}
.inheritance_cnt5 .inner .window .inner {
	width: 100%;
	max-width: initial;
	background: #fff;
	padding: 2.6vw;
	/*5*/
}
.inheritance_cnt5 .inner .window .inner .ul {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 clamp(2rem, 2.08vw, 4rem);
}
.inheritance_cnt5 .inner .window .inner .li {
	width: 100%;
	min-height: 7rem;
	font-size: 2rem;
	line-height: 1.82;
	padding: 1em;
	display: flex;
	align-items: center;
	gap: 1rem;
	border-bottom: 0.1rem solid #dfe8e8;
}
.inheritance_cnt5 .inner .window .inner .li::before {
	content: "";
	background: url(/system_panel/uploads/images/icon_check.png) no-repeat;
	min-width: 2.2rem;
	height: 1.8rem;
	display: inline-block;
}
.inheritance_cnt5 .inner .window .inner .li:nth-of-type(1),
.inheritance_cnt5 .inner .window .inner .li:nth-of-type(4),
.inheritance_cnt5 .inner .window .inner .li:nth-of-type(5) {
	background: #f9fafa
}
.inheritance_cnt6 {
	padding: 0 0 5rem;
}
.inheritance_cnt6 .inner .titleA * {
	text-align: left;
}
.inheritance_cnt6 .inner .dl {
	width: 100%;
	min-height: 13rem;
	display: flex;
	border: 0.1rem solid #dbe5e5;
	margin: 0 0 2.5rem;
}
.inheritance_cnt6 .inner .dt {
	font-size: 2.7rem;
	width: 45%;
	min-height: inherit;
	padding: clamp(2rem, 1.3vw, 2.5rem) clamp(2rem, 2.6vw, 5rem);
	background: linear-gradient(140deg, #f5e3d0 30%, #daf3f6 50%);
	position: relative;
}
.inheritance_cnt6 .inner .dt::after {
	content: "";
	width: 3rem;
	height: 2rem;
	background: linear-gradient(140deg, #f5e3d0 30%, #daf3f6 50%);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	display: inline-block;
	position: absolute;
	left: calc(50% - 1.5rem);
	bottom: -2rem;
}
.inheritance_cnt6 .inner .dl:last-of-type .dt::after {
	content: initial;
}
.inheritance_cnt6 .inner .dt::before {
	content: "";
	font-size: 2.3rem;
	color: #d4ac82;
	display: block;
	margin: 0 0 1rem;
}
.inheritance_cnt6 .inner .dl:nth-of-type(1) .dt::before {
	content: "STEP 01";
}
.inheritance_cnt6 .inner .dl:nth-of-type(2) .dt::before {
	content: "STEP 02";
}
.inheritance_cnt6 .inner .dl:nth-of-type(3) .dt::before {
	content: "STEP 03";
}
.inheritance_cnt6 .inner .dl:nth-of-type(4) .dt::before {
	content: "STEP 04";
}
.inheritance_cnt6 .inner .dl:nth-of-type(5) .dt::before {
	content: "STEP 05";
}
.inheritance_cnt6 .inner .dd {
	width: 55%;
	line-height: 1.82;
	padding: clamp(2rem, 1.3vw, 2.5rem) clamp(2rem, 2.6vw, 5rem);
}
.inheritance_cnt6 .inner>p {
	line-height: 1.82;
	margin: 0 0 13rem;
}
.inheritance_cnt6 .inner .window {
	width: 100%;
	padding: clamp(2rem, 2.6vw, 5rem) clamp(2rem, 3.645vw, 7rem);
	border-radius: 0.5rem;
	background: url(/system_panel/uploads/images/owner_cnt4_window_bg.jpg) no-repeat center;
	background-size: cover
}
.inheritance_cnt6 .inner .window .titleA * {
	text-align: left;
	color: #fff;
}
.inheritance_cnt6 .inner .window>p {
	color: #fff;
	display: inline-block;
}
.inheritance_cnt6 .inner .window .buttonA {
	display: flex;
	margin: -1em 0 0 auto;
}





/*house*/
.house_cnt1 {
	padding: 8rem 0;
	background: #f9fafa;
	position: relative;
}
.house_cnt1::after {
	content: "";
	width: 100%;
	height: 23.4375vw;
	/*45*/
	background: #c2eff4;
	display: inline-block;
	position: absolute;
	bottom: 0;
	clip-path: polygon(0 0, 50% 30%, 100% 0, 100% 100%, 0 100%);
}
.house_cnt1 .inner h3 {
	font-size: 3.1rem;
	text-align: center;
	margin: 0 auto 5rem;
}
.house_cnt1 .inner h3 span {
	color: #d1a677;
}
.house_cnt1 .inner h3 span.sky {
	color: #3dafb7;
}
.house_cnt1 .inner h3 span.sky:nth-of-type(2) {
	font-size: initial;
}
.house_cnt1 .inner>p {
	font-size: 2rem;
	text-align: center;
	line-height: 2;
	margin: 0 auto 5rem;
}
.house_cnt1 .inner>.flex {
	width: 80%;
	max-width: 73rem;
	display: flex;
	gap: 2rem;
	margin: 0 auto 13rem;
}
.house_cnt1 .inner>.flex .buttonB {
	width: 50%;
}
.house_cnt1 .inner>.flex .buttonB:nth-of-type(2) {
	background: #d1a677;
}
.house_cnt1 .inner>.flex .buttonB a {
	padding: 0 1em;
}
.house_cnt1 .inner .window {
	width: 100%;
	background: url(/system_panel/uploads/images/index_cnt3_window_bg.png) no-repeat center;
	background-size: cover;
	padding: clamp(2rem, 2.6vw, 5rem);
	border-radius: 0.5rem;
	position: relative;
	margin: 0 auto 7rem;
	position: relative;
	z-index: 1;
}
.house_cnt1 .inner .window::before {
	content: "";
	width: 5rem;
	height: 3.5rem;
	background: #fff;
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(50% - 2.5rem);
	z-index: 1;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.house_cnt1 .inner .window::after {
	content: "";
	width: 5rem;
	height: 3.5rem;
	background: #f6e7c7;
	display: inline-block;
	position: absolute;
	bottom: -3.5rem;
	left: calc(50% - 2.5rem);
	z-index: 1;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.house_cnt1 .inner .window .inner {
	width: 100%;
	max-width: initial;
	background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.2) 0.1rem 0.2rem, #fff 0.2rem 0.7rem);
	padding: 1rem;
	/*5*/
	border-radius: 0.5rem;
}
.house_cnt1 .inner .window .innerB {
	background: #fff;
	padding: 1.5625vw;
	/*3*/
}
.house_cnt1 .inner .window .innerB {}
.house_cnt1 .inner .window .innerB .ul {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 1.5625vw;
	/*3*/
}
.house_cnt1 .inner .window .innerB .li {
	width: 100%;
	min-height: 7rem;
	font-size: 1.9rem;
	line-height: 1.82;
	padding: 1em;
	display: flex;
	align-items: center;
	gap: 1rem;
	border-bottom: 0.1rem solid #dfe8e8;
}
.house_cnt1 .inner .window .innerB .li::before {
	content: "";
	background: url(/system_panel/uploads/images/icon_check.png) no-repeat;
	min-width: 2.2rem;
	height: 1.8rem;
	display: inline-block;
}
.house_cnt1 .inner .window .innerB .li:nth-of-type(1),
.house_cnt1 .inner .window .innerB .li:nth-of-type(4),
.house_cnt1 .inner .window .innerB .li:nth-of-type(5) {
	background: #f9fafa
}
.house_cnt1 .inner .window2 {
	background: #fff;
	padding: clamp(2rem, 1.5625vw, 3rem);
	position: relative;
	z-index: 1;
	margin: 0 auto 15rem;
}
.house_cnt1 .inner .window2 .ul {
	margin: 0 auto 5rem;
	display: flex;
	gap: 1.5rem;
}
.house_cnt1 .inner .window2 .li {
	width: 100%;
	height: 8rem;
	border-radius: 1rem;
	background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.2) 0.1rem 0.2rem, #fff 0.2rem 0.7rem);
	padding: 1rem;
}
.house_cnt1 .inner .window2 p {
	width: 100%;
	height: 100%;
	background: #fff;
	display: grid;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.82;
}
.house_cnt1 .inner * {
	position: relative;
	z-index: 1;
}
.house_cnt1 .inner>p:last-of-type {
	margin: auto;
}
.house_cnt1 .inner>h3 span {
	color: #3dafb7;
}
.house_cnt1 .inner h3 span.sky {
	color: #3dafb7;
}
.house_cnt1 .inner h3 span.sky:nth-of-type(2) {
	font-size: initial;
}
.house_cnt2 {
	padding: 15rem 0 9rem;
}
.house_cnt2 .inner .titleA * {
	text-align: left;
}
.house_cnt2 .inner>p {
	line-height: 1.82;
	margin: 0 0 5rem;
}
.house_cnt2 .inner>.flex {
	max-width: 100rem;
	margin: 0 auto 5rem;
	display: flex;
	gap: 2.6vw;
	/*5*/
}
.house_cnt2 .inner .flex .button {
	width: calc((100% - 2.6vw * 2) / 3);
	min-height: 4.8rem;
	background: #f9fafa;
	border-radius: 2.4rem;
}
.house_cnt2 .inner>.flex .button a {
	width: 100%;
	min-height: inherit;
	color: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.house_cnt2 .inner>.flex .button a::before {
	content: ">";
	width: 4.6rem;
	height: 2.3rem;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background: #d1a677;
	display: inline-grid;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	transform: scale(0.5, 1);
}
.house_cnt2 .inner .window {
	background: #f9fafa;
	padding: clamp(2rem, 2.6vw, 5rem);
}
.house_cnt2 .inner .window:not(:last-of-type) {
	margin: 0 0 5rem;
}
.house_cnt2 .inner .window .col2 {
	display: flex;
	margin: 0 0 6rem;
}
.house_cnt2 .inner .window .col2 .left {
	width: 33%;
	border-right: 0.1rem solid #000;
}
.house_cnt2 .inner .window .col2 .left .sub {
	font-size: 2.5rem;
	margin: 0 0 2rem;
}
.house_cnt2 .inner .window .col2 .left h4 {
	font-size: 3.1rem;
	color: #d1a677;
}
.house_cnt2 .inner .window .col2 .right {
	width: 67%;
	padding: 0 0 0 clamp(2rem, 2.6vw, 5rem);
}
.house_cnt2 .inner .window .col2 .right p {
	line-height: 1.82;
}
.house_cnt2 .inner .window .set {
	width: 100%;
	background: #fff;
	border-radius: 0.5rem;
	padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 1.5625vw, 3rem) 6.77vw;
	/*13*/
	position: relative;
	margin: 0 0 5rem;
}
.house_cnt2 .inner .window .set h5 {
	width: 5.729vw;
	/*11*/
	aspect-ratio: 1/1;
	position: absolute;
	left: -1.04vw;
	/*2*/
	top: -1.04vw;

}
.house_cnt2 .inner .window .set h5 img {
	width: 100%;
}
.house_cnt2 .inner .window .ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
}
.house_cnt2 .inner .window .li {
	width: fit-content;
	background: #c2eff4;
	border-radius: 0.5rem;
	padding: 1em;
}
.house_cnt2 .inner .window .flex {
	width: 100%;
	display: flex;
	gap: 3.125vw;
	/*6*/
}
.house_cnt2 .inner .window .flex .figure {
	width: 50%;
}
.house_cnt2 .inner .window .flex .figure .pic {
	width: 100%;
	margin: 0 0 2rem;
	background: #fff;
}
.house_cnt2 .inner .window .flex .figure .pic img {
	width: 100%;
}
.house_cnt2 .inner .window .flex .figure .figcaption {
	font-size: 2.1rem;
	text-align: center;
}
.house_cnt3 {
	padding: 5rem 0;
}
.house_cnt3 .inner .col2 {
	display: flex;
	gap: 5.2vw;
}
.house_cnt3 .inner .col2 .left {
	width: 55%;
}
.house_cnt3 .inner .col2 .left .titleA * {
	text-align: left;
}
.house_cnt3 .inner .col2 .left>p {
	line-height: 1.82;
}
.house_cnt3 .inner .col2 .right {
	width: 45%;
}
.house_cnt3 .inner .col2 .right [class^="pic"] {
	width: 100%;
	aspect-ratio: 5/2.8;
	overflow: hidden;
	border-radius: 0.5rem;
}
.house_cnt3 .inner .col2 .right [class^="pic"] img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.house_cnt3 .inner .col2 .right .pic1 {
	margin: 0 0 2rem;
}
.house_cnt4 {
	padding: 15rem 0 5rem;
}
.house_cnt4 .inner .titleA * {
	text-align: left;
}
.house_cnt4 .inner .dl {
	width: 100%;
	min-height: 13rem;
	display: flex;
	border: 0.1rem solid #dbe5e5;
	margin: 0 0 2.5rem;
}
.house_cnt4 .inner .dt {
	font-size: 2.7rem;
	width: 45%;
	min-height: inherit;
	padding: clamp(2rem, 1.3vw, 2.5rem) clamp(2rem, 2.6vw, 5rem);
	background: linear-gradient(140deg, #f5e3d0 30%, #daf3f6 50%);
	position: relative;
}
.house_cnt4 .inner .dt::before {
	content: "";
	font-size: 2.3rem;
	color: #d4ac82;
	display: block;
	margin: 0 0 1rem;
}
.house_cnt4 .inner .dl:nth-of-type(1) .dt::before {
	content: "STEP 01";
}
.house_cnt4 .inner .dl:nth-of-type(2) .dt::before {
	content: "STEP 02";
}
.house_cnt4 .inner .dl:nth-of-type(3) .dt::before {
	content: "STEP 03";
}
.house_cnt4 .inner .dl:nth-of-type(4) .dt::before {
	content: "STEP 04";
}
.house_cnt4 .inner .dl:nth-of-type(5) .dt::before {
	content: "STEP 05";
}
.house_cnt4 .inner .dt::after {
	content: "";
	width: 3rem;
	height: 2rem;
	background: linear-gradient(140deg, #f5e3d0 30%, #daf3f6 50%);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	display: inline-block;
	position: absolute;
	left: calc(50% - 1.5rem);
	bottom: -2rem;
}
.house_cnt4 .inner .dl:last-of-type .dt::after {
	content: initial;
}
.house_cnt4 .inner .dd {
	width: 55%;
	line-height: 1.82;
	padding: clamp(2rem, 1.3vw, 2.5rem) clamp(2rem, 2.6vw, 5rem);
}
.house_cnt5 {
	padding: 10rem 0;
}
.house_cnt5 .inner .dl {
	border: 0.1rem solid #dbe5e5;
	padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 2.6vw, 5rem);
}
.house_cnt5 .inner .dl:not(:last-of-type) {
	margin: 0 0 2rem;
}
.house_cnt5 .inner .dt {
	width: 100%;
	font-size: 2.5rem;
	color: #cb9c69;
}
.house_cnt5 .inner .dd {
	line-height: 1.82;
	padding: 2rem 0 0;
}









/*blog & blogdetail共通*/
:is(.blog_cnt1, .blogdetail_cnt1) {
	padding: 8rem 0;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner {
	width: 80%;
	max-width: 92rem;
	margin: auto;
	display: flex;
	gap: 5.2vw;
	/*10*/
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner h3 {
	color: #d1a677;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog {
	width: 90%;
	display: flex;
	align-items: center;
	gap: 4.16vw;
	/*8*/
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item .button {
	width: fit-content;
	line-height: 1 !important;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item .button a {
	color: inherit;
	display: flex;
	align-items: center;
	text-decoration: none;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item .button a::after {
	content: ">";
	width: 4.6rem;
	height: 2.3rem;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background: #d1a677;
	display: inline-grid;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	transform: scale(0.5, 1);
}


/*blog*/
.blog_cnt2 .inner .webgene-blog {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3.125vw
		/*6*/
		2.08vw;
}
.blog_cnt2 .inner .webgene-blog .webgene-item {}
.blog_cnt2 .inner .webgene-blog .webgene-item .dl {
	display: grid;
	gap: 1rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt {
	grid-row: 3;
	grid-column: 1;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt a {
	color: inherit;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .pic {
	grid-row: 1;
	grid-column: 1;
	aspect-ratio: 2.8/2.2;
	width: 100%;
	overflow: hidden;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .day {
	grid-row: 2;
	grid-column: 1;
	width: fit-content;
	min-height: 2rem;
	font-size: 1.6rem;
	color: #d1a677;
	display: grid;
	align-items: center;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .cate {
	grid-row: 2;
	grid-column: 1;
	width: fit-content;
	min-height: 2rem;
	font-size: 1.5rem;
	background: #59c0cc;
	color: #fff;
	display: grid;
	align-items: center;
	padding: 0 1em;
	margin: 0 0 0 10ch;
}
.blogdetail_cnt2 .inner .buttonA {
	margin: auto;
}

.webgene-pagination {
	grid-column: span 3;
	margin: 9rem auto 0;
	/*display: flex;
    width: 100%;
    padding: 7rem 26.5%;
    align-content: center;
    justify-content: space-between;
    margin:auto;*/
}

.webgene-pagination ul {
	width: fit-content;
	display: flex;
}
.webgene-pagination ul li {
	list-style: none;
	font-size: 1.7rem;
}
.webgene-pagination :is(.prev, .next) {
	width: 3em;
	height: 3em;
}
.webgene-pagination .prev {
	margin: 0 5rem 0 0;
}
.webgene-pagination .next {
	margin: 0 0 0 5rem;
}
.webgene-pagination :is(.prev a, .next a) {
	display: grid;
	justify-content: center;
	align-content: center;
	width: inherit;
	height: inherit;
	color: inherit;
	text-decoration: none;
	font-size: 1.7rem;
	font-weight: 500;
}
.webgene-pagination ul .number {
	width: 3em;
	height: 3em;
	margin: 0 0.5em;
}
.webgene-pagination ul .number.selected {
	background: #ddf0f3;
	width: 3em;
	height: 3em;
	margin: 0 0.5em;
}
.webgene-pagination ul .number.selected a {}
.webgene-pagination ul .number a {
	display: grid;
	justify-content: center;
	align-content: center;
	width: inherit;
	height: inherit;
	color: inherit;
	text-decoration: none;
	font-size: 1.7rem;
	font-weight: 500;
}





/*blogdetail*/
.blogdetail_cnt2 .inner .webgene-blog {
	margin: 0 auto 8rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item {}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .dl {
	display: grid;
	gap: 2rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .dt {
	grid-row: 2;
	grid-column: 1;
	font-size: 3.1rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic {
	grid-row: 3;
	grid-column: 1;
	aspect-ratio: 2.8/2.2;
	width: 100%;
	overflow: hidden;
	border: 0.1rem solid #dbe3e3;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .day {
	grid-row: 1;
	grid-column: 1;
	width: fit-content;
	min-height: 2rem;
	font-size: 1.6rem;
	color: #d1a677;
	display: grid;
	align-items: center;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cate {
	grid-row: 1;
	grid-column: 1;
	width: fit-content;
	min-height: 2rem;
	font-size: 1.5rem;
	background: #59c0cc;
	color: #fff;
	display: grid;
	align-items: center;
	padding: 0 1em;
	margin: 0 0 0 10ch;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cmt {
	line-height: 1.82;
}





/*contact*/
.contact>.flex {
	display: flex;
	justify-content: center;
	gap: 1.5625vw;
	/*3*/
	padding: 8rem 0;
}
.contact .flex .button {
	width: fit-content;
	min-width: 25rem;
	min-height: 4.8rem;
	background: #f9fafa;
	border-radius: 2.4rem;
}
.contact>.flex .button a {
	width: 100%;
	min-height: inherit;
	color: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.contact>.flex .button a::before {
	content: ">";
	width: 4.6rem;
	height: 2.3rem;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background: #d1a677;
	display: inline-grid;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	transform: scale(0.5, 1);
}
.contact_cnt1 {
	width: 100%;
	padding: 0 0 16rem;
}
.contact_cnt1 .inner >p{
	line-height: 1.82;
}
.contact_cnt1 .inner .dl {
	width: 100%;
	min-height: 7rem;
	border-bottom: 0.1rem solid #dbe3e3;
	display: flex;
	align-items: center;
}
.contact_cnt1 .inner .dl:nth-of-type(even) {
	background: #f9fafa;

}
.contact_cnt1 .inner .dt {
	width: 17%;
	min-width: 8em;
	padding: 0 1em;
	line-height: 1.82;
}
.contact_cnt1 .inner .dd {
	line-height: 1.82;
	padding: 1.5625vw 0;
	/*3*/
}
.contact_cnt1 .inner .dd a {
	color: inherit;
}
.contact_cnt1 .inner .map {
	width: 100%;
	height: 30rem;
	border-radius: 0.5rem;
	overflow: hidden;
	margin: 4rem 0 0;
}
.contact_cnt1 .inner .map iframe {
	width: 100%;
	height: inherit;
	border: none;
}
.contact_cnt2 {
	width: 100%;
	padding: 8rem 0;
	background: #f9fafa;
}

form .dl {
	width: 100%;
	min-height: 8rem;
	display: flex;
	border-bottom: 0.1rem solid #dbe3e3;
}
form .dl .dt {
	width: 33%;
	padding: 0 1rem 0 1.5625vw;
	/*3*/
	display: flex;
	align-items: center;
	justify-content: space-between;
}
form .dt .required {
	width: fit-content;
	height: 2.1rem;
	font-size: 1.5rem;
	color: #fff;
	display: grid;
	background: #59c0cc;
	border-radius: 0.5rem;
	padding: 0 0.5rem;
}
form .dl .dd {
	width: 67%;
	min-height: 8rem;
	padding: 0.5rem 1rem 0.5rem 0;
}
form input[type="text"],
form input[type="email"],
form textarea {
	width: 100%;
	height: 7rem;
}
form textarea {
	height: 20rem;
}
form input.zipInput {
	width: 40%;
}
form input[type="text"],
form input[type="email"],
form input[type="checkbox"],
form textarea {
	padding: 0 1em;
	border: 0.1rem solid #dedee4;
}
form select {}
form .dl .dd .selectArea {}
form .dl .dd .selectArea div {
	width: fit-content;
	display: inline-block;
}
form .terms {
	background: #e7efef;
	border: 0.1rem solid #dedee4;
	padding: clamp(2rem, 2.08vw, 4rem);
	height: 30.5rem;
	overflow-y: scroll;
	margin: 1rem 1rem 4rem 1rem;
}
form .terms p {
	line-height: 2.35;
}
form .col {

	width: 100% !important;
	display: flex;
	justify-content: center;
	margin: 0 auto 5rem;
}
form .col label {
	width: fit-content;
}
form .privacyLabel {
	width: 100%;
	text-align: center;
}
form button {
	-webkit-appearance: none;
	display: block;
	margin: auto;
	border: none;
	background: initial;
}




.contact_cnt3 {
	width: 80%;
	max-width: 110rem;
	margin: 12rem auto;
}
.contact_cnt3 .inner .col2 {
	display: flex;
}
.contact_cnt3 .inner .col2 .left {
	width: 50%;
	border-right: 0.1rem solid #000;
	padding: 0 6.77vw 0 0;
	/*13*/
}
.contact_cnt3 .inner .col2 .left .tel {
	font-size: 2.7rem;
	font-family: "Jost", sans-serif;
	margin: 0 0 1rem;
}
.contact_cnt3 .inner .col2 .left .tel a {
	color: #d1a677;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
}
.contact_cnt3 .inner .col2 .left .tel a::before {
	content: "";
	background: url(/system_panel/uploads/images/icon_tel.png) no-repeat;
	width: 4.1rem;
	min-width: 4.1rem;
	height: 4.1rem;
	display: inline-block;
}
.contact_cnt3 .inner .col2 .left p {
	text-align: center;
}

.contact_cnt3 .inner .col2 .right {
	width: 50%;
	padding: 0 0 0 6.77vw;
	/*13*/

}
.contact_cnt3 .inner .col2 .right .button {
	width: fit-content;
	margin: auto;
}