:root {
  --title-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  --accent-color: #0267b7;
}

body {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.footer {
  background-color: #594639;
  color: white;
}

.bg-dark-brown {
  background-color: #594639!important;
  color: white!important;
}

.bg-dark-brown * {
  color: white!important;
}

.bg-yellow {
  color: #594639;
  background-color: #ffe900!important;
}

.bg-yellow * {
  color: #594639;
}

.bg-cream {
  background-color: #fffcd6;
  color: #594639;
}

.bg-gray {
  background-color: #efefef;
  color: #594639;
}

.bg-white {
  background-color: white;
  color: #594639
}

.bg-lightgray {
  background-color: #f4f0ec;
  color: #594639
}

.bd-yellow {
  border: #ffe900 solid 1px;
}

.bd-dark-brown {
  border: #594639 solid 1px;
}

.qa dt::before {
  content: url(../images/qa-q.png);
  display: inline-block;
  vertical-align: middle;
  transform: scale(0.7);
  margin-left: -50px;
  position: absolute;
  top: -8px;
}

.qa dt {
  margin-left: 50px;
  position: relative;
  min-height: 50px;
}

.qa dd::before {
  content: url(../images/qa-a.png);
  display: inline-block;
  transform: scale(0.7);
  margin-left: -50px;
  position: absolute;
  top: -6px;
}

.qa dd {
  margin-left: 50px;
  position: relative;
}

@media only screen and (max-width:768px) {
  .box {
    margin-bottom: 20px;
  }
}