* {
  margin:0; padding:0;
}
body{
  font-family: sans-serif ;
  background-color: #dbe5f0;
}

.pagebar-top{
  width: 100%;
  padding: 10px;
  margin: 0 auto;
  margin-top: 0;
  background: #2b2b2b;
  color: #fff;
  border-top: solid 5px #000000;
}
.aisatsu {
  text-align: center;
  color: #fff;
}
.sent{
  text-align: center;
  color: #fff;
}

.site-link{
  display: flex;
  justify-content: center; /* 横方向を中央に */
  gap: 5%;
  margin: 20px 10%;
}
.button-box{
  display:flex;
  align-items:center;   /* ボタンと文字の縦位置を中央揃え */
  gap:12px;             /* 間隔 */
  margin:8px 0;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  width: 150px;
  background:#3a3a3a;
  color:#fff;
  text-decoration:none;
  border-radius:2px;
  font-weight:700;
  letter-spacing:.06em;
  box-shadow:0 1px 2px rgba(0,0,0,.15), 0 6px 16px rgba(0,0,0,.08);
}
.btn:hover {
  background: #ffffff;
  color: #000000;
}
.link-desc{ color:#444; }