/* CSS Document */
:root {
  --base-font: "Noto Sans JP", serif;
  --min-font: "Shippori Mincho", serif;
  --base-color: #514f4a;
  --white: #FFF;
  --black: #000;
  --beige1: #fcf9f2;
  --beige2: #F8F2E2;
  --beige3: #c7b59a;
  --beige4: #C7C1B3;
  --beige5: #FFFEFD;
  --brown1: #998675;
  --brown2: #906D37;
  --brown3: #BD947B;
  --brown4: #EBE4D8;
  --orage1: #E98B00;
  --orage2: #ff7600;
  --orage3: #977745;
  --gray1: #E2DDD7;
  --gray2: #B9B9B7;
  --gray3: #F0EEEB;
}

.footerBg {
  padding: 7.5rem 2rem 2.7rem;
  color: var(--white);
}

.fBox {
  margin: 3rem auto 0;
  width: 105rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
@media all and (min-width: 897px) {
  .fBox .lBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
  }
}

.fNavi {
  line-height: 1;
  width: 17.5rem;
}
.fNavi03 {
  padding-left: 5.3rem;
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.fNavi a {
  color: var(--white);
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.fNavi > li:not(:last-child) {
  margin-bottom: 2.5rem;
}
.fNavi > li > a {
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  position: relative;
}
@media all and (max-width: 896px) {
  .fNavi > li > a {
    font-size: 1.4rem;
  }
}
.fNavi .subBox {
  margin: 1.2rem 0 0 0.3rem;
}
@media all and (min-width: 897px) {
  .fNavi .subBox {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.fNavi .flexB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.fNavi .subNavi {
  width: 14rem;
  font-size: 1.4rem;
}
.fNavi .subNavi:last-child {
  width: auto;
}
.fNavi .subNavi li {
  margin-bottom: 0.2rem;
  letter-spacing: 0.05em;
}
.fNavi .subNavi li a {
  padding-left: 1.2rem;
  line-height: 2;
  display: inline-block;
  position: relative;
}
.fNavi .subNavi li a::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "- ";
}

@media all and (max-width: 896px) {
  .footerBg {
    padding: 4.3rem 2rem 8.1rem;
  }
  .fBox {
    width: auto;
    max-width: 33.5rem;
  }
  .fNavi:not(:last-child) {
    margin: 0 0 3.4rem;
  }
  .fNavi03 {
    padding-left: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .fNavi > li:not(:last-child) {
    margin-bottom: 3.4rem;
  }
  .fNavi .subBox {
    margin: 1rem 0 0;
    display: block;
  }
  .fNavi .subNavi li {
    width: 100%;
  }
  .lBox {
    margin-right: 0.4rem;
    width: 50%;
    display: block;
  }
  .rBox {
    width: 45.5%;
  }
}/*# sourceMappingURL=sitemap.css.map */