@charset "UTF-8";
/*--------------------------------
quality
--------------------------------*/
.quality .container{
  margin-top: 124px;
}
.quality-btn01{
	position: relative;
	justify-content: center;
	margin-bottom: 30px;
  gap: 20px;
}
.quality-link01{
	width: calc(100% / 4 - 15px);
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #D6D2D5;
	font-size: 2rem;
	color: #333;
}
.quality-link01.active{
	background: #821B20;
	color: #fff;
}
.quality-link01:hover{
	background: #821B20;
	color: #fff;
	transition: all 0.5s 0s ease;
}
.quality-btn02{
	position: relative;
	justify-content: center;
	gap: 60px;
}
.quality-link02{
	width: calc(100% / 4 - 55px);
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #821B20;
	font-size: 2rem;
	color: #333;
  line-height: 1.3;
}
.quality-link02:hover{
  color: #821B20;
}
.btn-txt{
	font-size: 1.8rem;
}
.btn-txt-en{
	font-size: 1.8rem;
}
.quality-btn03{
	position: relative;
	justify-content: center;
	gap: 20px;
}
.quality-link03{
	width: calc(100% / 4 - 15px);
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #B47679;
	color: #fff;
	transition: all 0.5s 0s ease;
  line-height: 1.3;
}
.quality-link03:hover{
	background: #fff;
	color: #B47679;
  border: 1px solid #B47679;
}
.quality-heading{
	margin-bottom: .8em;
	font-size: 3.6rem;
	line-height: 1.8;
  letter-spacing: .6rem;
  color: #821B20;
}
#bathroom,
#powderroom,#storage{
    padding-top: 200px;
    margin-top: -200px;
}
#kitchen{
    padding-top: 280px;
    margin-top: -280px;
}
#amenity{
    padding-top: 0;
}

@media screen and (max-width: 767px){
  .quality .container{
    margin-top: 0;
  }
	.quality-btn01{
		margin: 20px auto;
    gap: 12px;
	}
	.quality-link01{
	  width: calc(100% / 2 - 6px);
		max-width: 50%;
		font-size: 1.8rem;
		line-height: 1.1em;
		height: 50px;
	}
	.quality-btn02{
		gap: 24px;
	}
	.quality-link02{
	  width: calc(100% / 2 - 6px);
		max-width: 42%;
		font-size: 1.4rem;
		height: 50px;
	}
	.btn-txt{
		font-size: 1.6rem;
	}
	.btn-txt-en{
		font-size: 1.4rem;
	}
	.quality-btn03{
    gap: 12px;
	}
	.quality-link03{
	  width: calc(100% / 2 - 6px);
		height: 50px;
	}
  .quality-heading{
    font-size: 2.6rem;
    letter-spacing: .1rem;
  }
	
}