@charset "utf-8";

/*----------------------------------------
	12_buildings
----------------------------------------*/

.bg_dark{
	background: #474747;
}
.bg_brown{
    background: #78786c;
}

#bk:before{
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    background: #ddd4b8;
    background-size: contain;
    background-repeat: repeat-x;
    z-index: 1;
}


.btn_reservation{
    width:80%;
    position: absolute;
    bottom: 3.5%;
    left: 50%;
    transform: translateX(-50%);
}

.area_navi01{
    width:90%;
    position: absolute;
    top: 57%;
    left: 50%;
    transform: translateX(-50%);
}
.area_navi02{
    width:90%;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translateX(-50%);
}
.area_navi03{
    width:90%;
    position: absolute;
    top: 83%;
    left: 50%;
    transform: translateX(-50%);
}


.tab_box{
    width: 90%;
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap:8px 1%;
}
.tab_box div{
    width: 49%;
    cursor: pointer;
}
.tab_item{
    position: relative;
}

.btn_area_model{
    width:80%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.num011{
    bottom: 6%;
}
.num012{
    bottom: 7.5%;
}
.num013{
    bottom: 7%;
}
.num014{
    bottom: 6%;
}
.num015{
    bottom: 6%;
}
.num016{
    bottom: 7%;
}
.num017{
    bottom: 6%;
}

.num021{
    bottom: 6.5%;
}
.num022{
    bottom: 6.5%;
}
.num023{
    bottom: 7%;
}

.num031{
    bottom: 7.2%;
}
.num032{
    bottom: 6.2%;
}


.sp_menu ul li {
  float: left;
  width: calc(100% / 2);
  box-sizing: border-box;
}


.bg_form{
    padding-bottom: 50px;
}