@charset "utf-8";

/*-----------------------------------
パララックス用
-----------------------------------*/
.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_mamegoma1.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
@media screen and (max-width: 768px) {
	.block-one { background-image: url("../images/properties/main_mamegoma1_sp.png");}
}

/*-----------------------------------
 Block 02
-----------------------------------*/
.block-two {
  z-index: 12;
	background-image: url("../images/properties/main_mamegoma2.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
@media screen and (max-width: 768px) {
	.block-two { background-image: url("../images/properties/main_mamegoma2_sp.png");}
}

/*-----------------------------------
 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_mamegoma3.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
@media screen and (max-width: 768px) {
.block-four { background-image: url("../images/properties/main_mamegoma3_sp.png");}
}

/*-----------------------------------
 Block 05
-----------------------------------*/
.block-five {
	z-index: 15;
	background-image: url("../images/properties/main_mamegoma4.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
@media screen and (max-width: 768px) {
.block-five { background-image: url("../images/properties/main_mamegoma4_sp.png");}
}


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



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