.bg-annyys {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-annyys-rgb), var(--bs-bg-opacity)) !important;
}

.text-annyys {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-annyys-rgb), var(--bs-text-opacity)) !important;
}

  .navbar-annyys .navbar-brand {
    color: #fff;
  }
  .navbar-annyys .navbar-brand:hover, .navbar-annyys .navbar-brand:focus {
    color: #fff;
  }
  .navbar-annyys .navbar-nav .nav-link {
    color: rgba(34, 136, 150, 0.55);
  }
  .navbar-annyys .navbar-nav .nav-link:hover, .navbar-annyys .navbar-nav .nav-link:focus {
    color: rgba(34, 136, 150, 0.75);
  }
  .navbar-annyys .navbar-nav .nav-link.disabled {
    color: rgba(34, 136, 150, 0.25);
  }
  .navbar-annyys .navbar-nav .show > .nav-link,
  .navbar-annyys .navbar-nav .nav-link.active {
    color: #fff;
  }
  .navbar-annyys .navbar-toggler {
    color: rgba(34, 136, 150, 0.55);
    border-color: rgba(34, 136, 150, 0.1);
  }
  .navbar-annyys .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  .navbar-annyys .navbar-text {
    color: rgba(34, 136, 150, 0.55);
  }
  .navbar-annyys .navbar-text a,
  .navbar-annyys .navbar-text a:hover,
  .navbar-annyys .navbar-text a:focus {
    color: #fff;
  }

  .btn-annyys {
    color: #fff;
    background-color: #2886A2;
    border-color: #2886A2;
  }
  .btn-annyys:hover {
    color: #fff;
    background-color: #206b82;
    border-color: #206b82;
  }
  .btn-check:focus + .btn-annyys, .btn-annyys:focus {
    color: #fff;
    background-color: #206b82;
    border-color: #206b82;
    box-shadow : 0 0 0 0.25rem rgba(34, 136, 150 0.5);
  }

  .btn-check:checked + .btn-annyys, .btn-check:active + .btn-annyys, .btn-annyys:active, .btn-annyys.active, .show > .btn-annyys.dropdown-toggle {
    color: #fff;
    background-color: #206b82;
    border-color: #206b82;
  }
  .btn-check:checked + .btn-annyys:focus, .btn-check:active + .btn-annyys:focus, .btn-annyys:active:focus, .btn-annyys.active:focus, .show > .btn-annyys.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(34, 136, 150, 0.5);
  }
  .btn-annyys:disabled, .btn-annyys.disabled {
    color: #fff;
    background-color: #2886A2;
    border-color: #2886A2;
  }


  .btn-outline-annyys {
    color: #206b82;
    border-color: #206b82;
  }
  .btn-outline-annyys:hover {
    color: #fff;
    background-color: #206b82;
    border-color: #206b82;
  }
  .btn-check:focus + .btn-outline-annyys, .btn-outline-annyys:focus {
    box-shadow: 0 0 0 0.25rem rgba(34, 136, 150, 0.5);
  }
  .btn-check:checked + .btn-outline-annyys, .btn-check:active + .btn-outline-annyys, .btn-outline-annyys:active, .btn-outline-annyys.active, .btn-outline-annyys.dropdown-toggle.show {
    color: #fff;
    background-color: #206b82;
    border-color: #206b82;
  }
  .btn-check:checked + .btn-outline-annyys:focus, .btn-check:active + .btn-outline-annyys:focus, .btn-outline-annyys:active:focus, .btn-outline-annyys.active:focus, .btn-outline-annyys.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(34, 136, 150, 0.5);
  }
  .btn-outline-annyys:disabled, .btn-outline-annyys.disabled {
    color: #206b82;
    background-color: transparent;
  }

/*トップページ画像３上の文字背景を少し白っぽく*/
  .bg-white-50 {
    background-color:rgba(255,255,255,0.5);
    border-radius: 10px;
  }

  .form-check{
    margin-bottom: 12px;
  }

  pre{
    background-color: #fff;
  }