@charset "UTF-8";
.localBgCol {
  background-color: #f0f0f0;
}
#yoyakunotes {
  width: 900px;
  margin: 25px auto 30px auto;
  background-color: #fff;
  padding-bottom: 25px;
  box-sizing: border-box;
}
#yoyakunotes .ttl01 {
  padding: 10px 0 0 10px;
  font-size: 23px;
  font-weight: 550;
  color: #333;
}
#yoyakunotes dl {
  margin: 20px 30px 0 30px;
}
#yoyakunotes dt {
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: 550;
  line-height: 1.4;
  padding: 0.3em;
  color: #333;
  border-left: 7px solid #333;
}
#yoyakunotes dd {
  font-size: 14px;
  color: #333;
  padding: 0.5em 3em;
}
#yoyakunotes dd ul {
  margin: 0.5em 0 0.7em 0;
  padding: 0;
}
#yoyakunotes dd li {
  margin-left: 1em;
  margin-bottom: 0.5em;
  list-style-position: outside;
  list-style-type: decimal;
}
#yoyakunotes dd a {
  display: inline-block;
  padding: 0.3em 0;
}

#yoyakunotes dd a:link {
  color: #07f;
  text-decoration: none;
}
#yoyakunotes dd a:visited {
  color: #07c;
  text-decoration: none;
}
#yoyakunotes dd a:hover {
  color: #f70;
  text-decoration: underline;
}
#yoyakunotes dd a:active {
  color: #f00;
  text-decoration: underline;
}

#bkbtn {
  text-align: center;
  margin-bottom: 80px;
}

.aBtn1 a {
  font-size: 17px;
  display: inline-block;
  padding: 0.3em 2em;
  margin: 0;
  white-space: nowrap;
  color: #fff;
  border: 1px solid #789;
  border-radius: 5px;
  text-decoration: none;
  background-color: #000;
  background: linear-gradient(#333, #000);
}
.aBtn1 a:link {
  color: #fff;
  text-decoration: none;
}
.aBtn1 a:visited {
  color: #fff;
  text-decoration: none;
}
.aBtn1 a:hover {
  color: #ffa;
  background: #555;
  text-decoration: none;
}
.aBtn1 a:active {
  color: #ff7;
  text-decoration: none;
}

.aBtn2 a {
  font-size: 17px;
  display: inline-block;
  padding: 0.3em 2em;
  margin: 0;
  white-space: nowrap;
  color: #333;
  border: 1px solid #777;
  border-radius: 5px;
  text-decoration: none;
  background-color: #000;
  background: linear-gradient(#ddd, #ccc);
}
.aBtn2 a:link {
  color: #333;
  text-decoration: none;
}
.aBtn2 a:visited {
  color: #333;
  text-decoration: none;
}
.aBtn2 a:hover {
  color: #755;
  background: #e7e7e7;
  text-decoration: none;
}
.aBtn2 a:active {
  color: #733;
  text-decoration: none;
}
/* ---------------------------- スマホ --------------------------- */
@media screen and (max-width: 767px) {
  #yoyakunotes {
    width: 90vw;
    margin: 20px auto 30px auto;
  }
  #yoyakunotes .ttl01 {
    padding: 0.5em 0 0 0;
    font-size: 5.3vw;
    text-align: center;
  }
  #yoyakunotes dl {
    margin: 0.5em 2vw 0 2vw;
  }
  #yoyakunotes dt {
    font-size: 4.2vw;
  }
  #yoyakunotes dd {
    font-size: 3.7vw;
    color: #333;
    padding: 0.5em 1em;
  }
  #bkbtn {
    text-align: center;
    margin-bottom: 5em;
  }
  .aBtn1 a,
  .aBtn2 a {
    font-size: 4.5vw;
  }
} /* スマホ */