@charset "UTF-8";
/*------------------------
#main
------------------------*/
#MAUREwrap #main {
	display: block;
	content: '';
	width: 100%;
	height: 360px;
	background: url(../img/faci/main.jpg) top center no-repeat;
}
/*------------------------
#common
------------------------*/
#MAUREwrap .content{
	background:
		url(../img/cmn/bg_left.jpg) top left no-repeat,
		url(../img/cmn/bg_right.jpg) top right no-repeat;
	overflow: hidden;
}

/*------------------------
#faci
------------------------*/
#MAUREwrap #faci{
	padding: 170px 0 180px 0;
}
#MAUREwrap #faci li{
	width: 100%;
	height: 450px;
	padding: 70px 0 240px 0;
	box-sizing: content-box;
	position: relative;
}
#MAUREwrap #faci li:last-child{
	padding-bottom: 110px;
}
#MAUREwrap #faci li .inner{
	position: relative;
}
#MAUREwrap #faci .box{
	display: flex;
	align-items: center;
	width: 450px;
	height: 450px;
	background-color: rgba(244,244,244,0.85);
	backdrop-filter: blur(2px);
	padding: 0 40px;
}
#MAUREwrap #faci .box h3{
	font-size: 55px;
	font-weight: normal;
	line-height: 60px;
	margin-bottom: 35px;
}
#MAUREwrap  #faci .box h3 span{
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 20px;
}
#MAUREwrap #cuisine .box p{
	margin-bottom: 0px;
}
#MAUREwrap #faci li:nth-child(odd) .box{
	position: absolute;
	top: 0;
	right: 0;
}
#MAUREwrap #faci li:nth-child(even) .box{
	position: absolute;
	top: 0px;
	left: 0;
}
#MAUREwrap #faci li:nth-child(1){
	background: url(../img/faci/faci_ph_01.jpg);
	background-position: top left calc(50% - 280px);
	background-repeat: no-repeat;
}
#MAUREwrap #faci li:nth-child(2){
	background: url(../img/faci/faci_ph_02.jpg) ;
	background-position: top right calc(50% - 280px);
	background-repeat: no-repeat;
}
#MAUREwrap #faci li:nth-child(3){
	background: url(../img/faci/faci_ph_03.jpg) ;
	background-position: top left calc(50% - 280px);
	background-repeat: no-repeat;
}
#MAUREwrap #faci li:nth-child(4){
	background:
		url(../img/faci/faci_ph_04.jpg) top 170px right calc(50% - 280px) no-repeat,
		url(../img/cmn/bg_01.jpg) top left repeat;
	padding-top: 240px;
}
#MAUREwrap #faci li:nth-child(5){
	background:
		url(../img/faci/faci_ph_05.jpg) top left calc(50% - 280px) no-repeat,
		url(../img/cmn/bg_03.jpg) bottom right no-repeat,
		url(../img/cmn/bg_01.jpg) top left repeat;
}
#MAUREwrap #faci li:nth-child(6){
	background: 
		url(../img/faci/faci_ph_06.jpg) top 170px right calc(50% - 280px) no-repeat,
		url(../img/faci/bg_02.jpg) left top no-repeat;
	padding-top: 240px;
}
#MAUREwrap #faci li:nth-child(7){
	background: url(../img/faci/faci_ph_07.jpg) ;
	background-position: top left calc(50% - 280px);
	background-repeat: no-repeat;
}
#MAUREwrap #faci li:nth-child(8){
	background: url(../img/faci/faci_ph_08.jpg) ;
	background-position: top right calc(50% - 250px);
	background-repeat: no-repeat;
}