@charset "utf-8";

.conts_properties {
	width: 95%;
	max-width: 960px;
	padding: 35px 0 25px 0;
	box-sizing: border-box;
}
@media screen and (max-width: 640px) {
.conts_properties {
	padding: 20px 0 10px 0;
}
}

.conts_properties_inner {
	max-width: 860px;
	width: 90%;
	margin: 0 auto;
}

/*-----------------------------------
パララックス用
-----------------------------------*/
.block {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

/*-----------------------------------
 Block 01
-----------------------------------*/
.block-one {
  z-index: 11;
	background-image: url("../images/properties/main_searlescats1.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: #FFF;
}
@media screen and (max-width: 768px) {
	.block-one { background-image: url("../images/properties/main_searlescats1_sp.jpg");}
}

/*-----------------------------------
 Block 02
-----------------------------------*/
.block-two {
  z-index: 12;
	background-image: url("../images/properties/main_searlescats2.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: #FFF;
}
@media screen and (max-width: 768px) {
	.block-two { background-image: url("../images/properties/main_searlescats2_sp.jpg");}
}

/*-----------------------------------
 Block 03 Txt
-----------------------------------*/
.block-three {
  z-index: 13;
}
@supports (position: sticky) or (position: -webkit-sticky) {
  .block-three {background: none;}
}

/*-----------------------------------
 Block 04
-----------------------------------*/
.block-four {
	z-index: 14;
	background-image: url("../images/properties/main_searlescats3.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: #FFF;
}
@media screen and (max-width: 768px) {
.block-four { background-image: url("../images/properties/main_searlescats3_sp.jpg");}
}

/*-----------------------------------
 Block 05
-----------------------------------*/
.block-five {
	z-index: 15;
	background-image: url("../images/properties/main_searlescats4.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: #FFF;
}
@media screen and (max-width: 768px) {
.block-five { background-image: url("../images/properties/main_searlescats4_sp.jpg");}
}

/*-----------------------------------
 Block 06
-----------------------------------*/
.block-six {
	z-index: 16;
	background-image: url("../images/properties/main_searlescats5.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: #FFF;
}
@media screen and (max-width: 768px) {
.block-six { background-image: url("../images/properties/main_searlescats5_sp.jpg");}
}

/*-----------------------------------
 Block 07
-----------------------------------*/
.block-seven {
	z-index: 17;
	background-image: url("../images/properties/main_searlescats6.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: #FFF;
}


/*-----------------------------------
 Block 08
-----------------------------------*/
.block-eight {
	z-index: 18;
	background-image: url("../images/properties/main_searlescats6_sp.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: #FFF;
}

/*-----------------------------------
 Block 09
-----------------------------------*/
.block-nine {
	z-index: 18;
	background-image: url("../images/properties/main_searlescats7.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: #FFF;
}
@media screen and (max-width: 768px) {
.block-nine { background-image: url("../images/properties/main_searlescats7_sp.jpg");}
}



/*-----------------------------------
 Block 10
-----------------------------------*/
.block-ten {
	z-index: 18;
	background-image: url("../images/properties/aaaaaaa.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: #FFF;
}
@media screen and (max-width: 768px) {
.block-ten { background-image: url("../images/properties/aaaaaaa.jpg");}
}

/*-----------------------------------
 Block 11
-----------------------------------*/
.block-eleven {
	z-index: 18;
	background-image: url("../images/properties/aaaaaaa.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: #FFF;
}
@media screen and (max-width: 768px) {
.block-eleven { background-image: url("../images/properties/aaaaaaa.jpg");}
}



/*-----------------------------------
プロパティ個別カラー
-----------------------------------*/
.conts_properties {
	color: #000;
	background-color:rgba(225,225,225,0.90);
}
.webs .web_bt {
	color: #000;
	border-color: #000;
}
.webs .web_bt::before,
.webs .web_bt::after {
	background-color:#000;
}
.webs .web_bt:hover {
	color: #fff;
	border-color: #000;
}
.conts_properties h1 span,
.webs p {
	border-bottom-color: #fff;
}

/*-----------------------------------
関連サイトボタン数　（3:30% 2:290px 1:80%）
-----------------------------------*/
@media screen and (min-width: 641px) {
.webs li {
	width: 80%;
}
}