@charset "UTF-8";
/* CSS Document */
body {
  background-color:#FFFDFD;
}
p{
  margin-top:5px;
  margin-bottom:20px;
}

/* --------------------------------
inquity
-------------------------------- */
section{
  max-width: 800px;
  margin:100px auto;
  padding-left: 4%;
  padding-right: 4%;
}
@media(max-width:768px){
  section{
    margin:40px auto 60px;
  }
}

/* fee title */
.feetitle__inner{
  margin-bottom:40px;
}
.title{
  margin-bottom: 20px;
  border-bottom: #707070 1px solid;
  padding-bottom:10px;
}

/* fee list */
.roomfee__inner{
  margin-bottom: 50px;
}
h3{
  font-family:'Zen Old Mincho', serif;
  padding-left: 2%;
  height:70px;
  display: flex;
  align-items: center;
  background-color: #707070;
  color: #FFFDFD;
  font-size: 2.2rem;
}
h4{
  font-family:'Zen Old Mincho', serif;
  padding-left: 2%;
  padding-bottom:3px;
  font-size: 2rem;
  margin: 10px 0;
  background-color: #e4e0e0;
  height:60px;
}
h4 span{
  font-size:1.8rem;
}
.center{
  display: flex;
  align-items: center;
}
h5{
  font-family:'Zen Old Mincho', serif;
  font-size:1.8rem;
  border-left: #B5A69D 2px solid;
  padding-left: 10px;
}
.price{
  margin-left:3%;
  margin-top:5px;
  margin-bottom:20px;
}
.price li{
  margin-bottom:7px;
}

/* list */
.list {
  margin-top: 24px;
  margin-bottom:20px;
}

.item {
  font-size: 1.6rem;
  position: relative;
  padding-left: 1.5em;
}

.item::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #B5A69D;
  border-radius: 50%;
  vertical-align: middle;
}
.anchorlink__items{
  font-family:'Zen Old Mincho', serif;
}
.anchorlink__items{
  padding:30px 0 0 0;
}
.anchorlink__item__btn{
  border: #707070 1px solid;
}