@charset "utf-8";

/* ttl */
.ttlInner{
	width: 1320px;
	margin: 0 auto;
	padding-top: 100px;
	margin-bottom: 80px;
}
.ttlInner h3{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.ttlInner h3 span{
	font-size: 3em;
	font-weight: 400;
	letter-spacing: 0.1em;
}
.ttlInner h3 span:last-of-type{
	font-size: 1.5em;
	letter-spacing: 0.25em;
}
.ttlInner>p{
	font-size: 1.25em;
	line-height: 2.5;
	text-align: center;
	margin-bottom: 30px;
}
.ttlInner>p.em{
	font-size: 1.75em;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 20px;
}
.ttlInner .imgRow{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.ttlInner .imgRow p{
	width: 30%;
}
.btnRow{
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.btnRow p{
	width: 30%;
}
.btnRow p a{
	display: flex;
	flex-direction: column;
	align-items: center;
	background:linear-gradient(90deg,#534741 0%,#40342f 100%);
	padding: 15px 0;
}
.btnRow p.current a,
.btnRow p a:hover,
.btnRow p a:active{
	background:none;
	background-color: #C09050;
}
.btnRow p a span{
	color:#fff;
}
.btnRow p a span:first-of-type{
	font-size: 1.5em;
	letter-spacing: 0.1em;
}
.btnRow p a span:last-of-type{
	font-size: 1em;
}
@media (max-width:1600px){
	.ttlInner{
		width: 82.5%;
	}
}
@media (max-width:1200px){
	.ttlInner{
		width: 90%;
		padding-top: 80px;
	}
}
@media (max-width:768px){
	.ttlInner{
		padding-top: 50px;
		margin-bottom: 50px;
	}
	.btnRow p{
		width: 32%;
	}
	.btnRow p a span:first-of-type{
		font-size: 1.25em;
	}
}
@media (max-width:650px){
	.btnRow p{
		width: 100%;
		margin-bottom: 10px;
	}
	.btnRow p:last-of-type{
		margin-bottom: 0px;
	}
}
@media (max-width:500px){
	.ttlInner h3 span{
		font-size: 2.5em;
	}
	.ttlInner h3 span:last-of-type{
		font-size: 1.25em;
	}
	.ttlInner p{
		font-size: 1em;
	}
	.ttlInner>p.em{
		font-size: 1.5em;
	}
}

/* equipment */
.equipmentInner{
	width: 1320px;
	margin: 0 auto;
}
.equipmentInner h3{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.equipmentInner h3 span:first-of-type{
	font-size: 2.5em;
	letter-spacing: 0.025em;
	font-weight: 400;
	margin-right: 1em;
}
.equipmentInner h3 span:last-of-type{
	width: 150px;
}
.equipmentInner p{
	font-size: 1em;
	line-height: 2;
	text-align: center;
	margin-bottom: 80px;
}
.equipmentInner p.em{
	font-size: 1.75em;
	margin-bottom: 20px;
}
@media (max-width:1600px){
	.equipmentInner{
		width: 82.5%;
	}
}
@media (max-width:1200px){
	.equipmentInner{
		width: 90%;
	}
	.equipmentInner h3 span:last-of-type{
		width: 100px;
	}
	.equipmentInner p{
		margin-bottom: 50px;
	}
}
@media (max-width:500px){
	.equipmentInner h3 span:last-of-type{
		width: 80px;
	}
}

/* kitchen */
.kitchenInner{
	width: 1320px;
	margin: 0 auto;
	margin-bottom: 80px;
}
.mainImg{
	margin-bottom: 50px;
}
.kitchenRow{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.kitchenRow_inner{
	width: 30%;
	margin-bottom: 30px;
}
.bathroomRow_inner{
	width: 100%;
	margin-bottom: 30px;
}
.kitchenRow_inner:nth-of-type(4),
.kitchenRow_inner:nth-of-type(5),
.kitchenRow_inner:last-of-type{
	margin-bottom: 0px;
}
.bathroomRow_inner:last-of-type{
	margin-bottom: 0px;
}
.kitchenRow_inner h4,
.bathroomRow_inner h4{
	font-size: 1.25em;
	margin-bottom: 15px;
}
.kitchenRow_inner p,
.bathroomRow_inner p{
	font-size: 1em;
	line-height: 1.8;
}
.kitchenRow_inner p.imgBox,
.bathroomRow_inner p.imgBox{
	margin-bottom: 15px;
}
@media (max-width:1600px){
	.kitchenInner{
		width: 82.5%;
	}
}
@media (max-width:1200px){
	.kitchenInner{
		width: 90%;
		margin-bottom: 50px;
	}
}
@media (max-width:768px){
	.kitchenRow_inner{
		width: 48%;
	}
	.kitchenRow_inner:nth-of-type(4){
		margin-bottom: 30px;
	}
}

/* bathroom */
.bathroom{
	background-color: #fff;
	padding: 80px 0;
	margin-bottom: 80px;
}            
.bathroomInner,
.restroomInner,
.toiletInner{
	width: 1320px;
	margin: 0 auto;
}
.bathroomRow{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.bathroomRow>.imgBox{
	width: 60%;
	background-image: url(../images/equipment/bg01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.bathroomRow>.txtBox{
	width: 30%;
}
@media (max-width:1600px){
	.bathroomInner,
	.restroomInner,
	.toiletInner{
		width: 82.5%;
	}
}
@media (max-width:1200px){
	.bathroom{
		padding: 50px 0;
		margin-bottom: 50px;
	}
	.bathroomInner,
	.restroomInner,
	.toiletInner{
		width: 90%;
	}
}
@media (max-width:768px){
	.bathroom{
		padding: 50px 0;
		margin-bottom: 50px;
	}
	.bathroomInner,
	.restroomInner,
	.toiletInner{
		width: 90%;
	}
	.bathroomRow>.imgBox,
	.bathroomRow>.txtBox{
		width: 100%;
	}
	.bathroomRow>.imgBox{
		aspect-ratio: 770/1036;
		margin-bottom: 50px;
	}
	.bathroomRow>.txtBox{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.bathroomRow>.txtBox>.bathroomRow_inner{
		width: 48%;
	}
}

/* restroom */
.restroom>.equipmentInner p.em{
	margin-bottom: 80px;
}
.restroomRow{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 80px;
}
.restroomRow>.txtBox{
	width: 50%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.restroomRow>.txtBox>p{
	width: 48%;
	font-size: 1.25em;
	text-align: center;
	color: #587a24;
	border: 2px solid #8fbf52;
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 8px 0;
}
.restroomRow>.txtBox>p:nth-of-type(5),
.restroomRow>.txtBox>p:last-of-type{
	margin-bottom: 0px;
}
.restroomRow>.imgBox{
	width: 40%;
	aspect-ratio: 530/360;
	background-image: url(../images/equipment/bg02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
@media (max-width:1200px){
	.restroomRow,
	.restroom>.equipmentInner p.em{
		margin-bottom: 50px;
	}
}
@media (max-width:1000px){
	.restroomRow>.txtBox{
		width: 55%;
	}
}
@media (max-width:768px){
	.restroomRow>.imgBox,
	.restroomRow>.txtBox{
		width: 100%;
	}
	.restroomRow>.txtBox{
		order: 1;
	}
	.restroomRow>.imgBox{
		margin-bottom: 30px;
	}
}
@media (max-width:500px){
	.restroomRow>.txtBox>p{
		width: 100%;
	}
	.restroomRow>.txtBox>p:nth-of-type(5){
		margin-bottom: 10px;
	}
}

/* toilet */
.toilet{
	background-color: #fff;
	padding: 80px 0 50px 0;
}
.toiletRow{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.toiletRow>.txtBox{
	width: 50%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.toiletRow>.txtBox>p{
	width: 48%;
	font-size: 1.25em;
	text-align: center;
	color: #de4b8f;
	border: 2px solid #ebbad0;
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 8px 0;
}
.toiletRow>.imgBox{
	width: 40%;
	aspect-ratio: 530/378;
	background-image: url(../images/equipment/bg03.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.toilet>.equipmentInner p.em{
	margin-bottom: 80px;
}
.equipment>.noticeWrap{
	background-color: #fff;
	padding-bottom: 50px;
}
.equipment>.noticeWrap>.noticeWrap_inner{
	margin-bottom: 0;
}
@media (max-width:1200px){
	.toilet{
		padding: 50px 0;
	}
	.toilet>.equipmentInner p.em{
		margin-bottom: 50px;
	}
}
@media (max-width:1000px){
	.toiletRow>.txtBox{
		width: 55%;
	}
}
@media (max-width:768px){
	.toiletRow>.imgBox,
	.toiletRow>.txtBox{
		width: 100%;
	}
	.toiletRow>.txtBox{
		order: 1;
	}
	.toiletRow>.imgBox{
		margin-bottom: 30px;
	}
}
@media (max-width:500px){
	.toiletRow>.txtBox>p{
		width: 100%;
	}
	.toiletRow>.txtBox>p:nth-of-type(5){
		margin-bottom: 10px;
	}
}